/* Final blog layout: intentionally loaded after the page's legacy styles. */
main{padding-bottom:28px}
.blog-header-icon,.blog-header-line,.blog-section-line,.blog-pagination{display:none!important}
.blog-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;min-height:455px;max-width:1280px;margin:0 auto 58px;padding:34px 5% 20px;gap:clamp(34px,6vw,84px);direction:ltr}
.blog-hero-text,.blog-hero-img{direction:rtl}
.blog-hero-text{max-width:650px;margin-inline:auto;text-align:center;font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:2.45;color:#292331;font-weight:400}
.blog-header{text-align:center;margin-bottom:8px}
.blog-header-icon{position:relative;width:13px;height:13px;margin:0 auto 25px;background:var(--gold);transform:rotate(45deg)}
.blog-header-icon::before,.blog-header-icon::after{content:"";position:absolute;top:50%;width:62px;height:2px;background:var(--gold);transform:translateY(-50%) rotate(-45deg)}
.blog-header-icon::before{right:25px}.blog-header-icon::after{left:25px}
.blog-header h1{font-family:'Elm','Almarai',sans-serif;font-size:clamp(3.3rem,6vw,5.1rem);line-height:1.15;color:var(--purple-900);font-weight:700;margin-bottom:16px}
.blog-header-line{width:105px;height:6px;margin:0 auto 24px;border-radius:10px;background:var(--gold)}
.blog-hero-img{min-width:0}.blog-hero-img img{width:100%;height:380px;object-fit:cover;border-radius:56px 0 0 56px;box-shadow:0 16px 38px rgba(37,6,77,.11)}
.blog-section-header,.blog-grid{width:min(1050px,90%);margin-inline:auto}
.blog-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding:0}
.blog-section-title,.blog-view-all,.blog-read-more,.blog-meta{display:flex;align-items:center}.blog-section-title{gap:14px}
.blog-section-title h2{font-family:'Elm','Almarai',sans-serif;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.2;color:var(--purple-900);font-weight:700}
.blog-section-line{width:6px;height:45px;border-radius:8px;background:var(--gold)}
.blog-view-all{flex-direction:row;gap:10px;color:var(--purple-900);font-family:'Elm','Almarai',sans-serif;font-size:1.25rem;font-weight:700}
.blog-view-all svg,.blog-read-more svg{fill:none;stroke:var(--gold);stroke-linecap:round;stroke-linejoin:round}.blog-view-all svg{width:25px;height:25px;stroke-width:3}
.blog-grid{display:flex;flex-direction:column;gap:22px;margin-bottom:34px;padding:0}
.blog-card{display:grid;grid-template-columns:minmax(0,1.35fr) 40%;height:245px;min-height:245px;overflow:hidden;color:inherit;background:#fff;border:1px solid rgba(37,6,77,.065);border-radius:24px;box-shadow:0 8px 24px rgba(37,6,77,.07);transition:transform .3s ease,box-shadow .3s ease}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px rgba(37,6,77,.12)}
.blog-card-content{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:25px 32px;text-align:right}
.blog-card-img{position:relative;grid-column:2;grid-row:1;width:auto;min-height:245px;margin:12px;overflow:hidden;border-radius:18px}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.blog-card:hover .blog-card-img img{transform:scale(1.035)}
.blog-badge{position:absolute;z-index:1;top:14px;right:14px;padding:7px 18px;color:#fff;background:var(--purple-900);border-radius:10px;font-size:.95rem;font-weight:700;box-shadow:0 4px 12px rgba(26,5,51,.2)}
.blog-meta{gap:8px;margin-bottom:13px;color:#49454f;font-size:.95rem;font-weight:400}.blog-meta svg{width:19px;height:19px;color:var(--gold);stroke:currentColor;fill:none;stroke-width:2}
.blog-card-content h3{max-width:560px;margin-bottom:10px;font-family:'Elm','Almarai',sans-serif;font-size:clamp(1.35rem,2.25vw,1.85rem);line-height:1.45;color:var(--purple-900);font-weight:700}
.blog-card-content p{max-width:570px;margin-bottom:12px;color:#514c57;font-size:1rem;line-height:1.85}
.blog-read-more{flex-direction:row;align-self:flex-end;gap:8px;color:var(--purple-900);font-family:'Elm','Almarai',sans-serif;font-size:1.05rem;font-weight:700}.blog-read-more svg{width:21px;height:21px;stroke-width:2.7}
.blog-pagination{display:flex;justify-content:center;gap:13px;margin-bottom:48px;direction:ltr}.blog-dot{width:48px;height:7px;border-radius:8px;background:#e1e1e1}.blog-dot.active{width:78px;background:var(--gold)}
@media(max-width:800px){.blog-hero{grid-template-columns:1fr 42%;min-height:360px;padding-inline:4% 0;gap:20px}.blog-hero-img img{height:310px;border-radius:38px 0 0 38px}.blog-hero-text{font-size:.93rem;line-height:2.05}.blog-header h1{font-size:3.2rem}.blog-card{grid-template-columns:minmax(0,1fr) 38%;height:220px;min-height:220px}.blog-card-img{min-height:0}.blog-card-content{padding:20px 22px}}
@media(max-width:600px){
  body{padding-top:86px}
  .blog-hero{grid-template-columns:55% 45%;min-height:315px;padding:18px 0 10px 4%;margin-bottom:32px;gap:0;overflow:hidden}
  .blog-hero-text{z-index:1;padding:0 8px 0 0;font-size:.67rem;line-height:2.25}
  .blog-header{margin-bottom:5px}
  .blog-header-icon{width:8px;height:8px;margin-bottom:13px}
  .blog-header-icon::before,.blog-header-icon::after{width:34px;height:1.5px}
  .blog-header-icon::before{right:16px}.blog-header-icon::after{left:16px}
  .blog-header h1{font-size:2.75rem;margin-bottom:10px}
  .blog-header-line{width:68px;height:4px;margin-bottom:13px}
  .blog-hero-img{align-self:stretch}
  .blog-hero-img img{height:100%;min-height:280px;border-radius:0 0 0 28px;object-position:center}
  .blog-section-header,.blog-grid{width:92%}
  .blog-section-header{margin-bottom:18px}
  .blog-section-title{gap:9px}.blog-section-title h2{font-size:1.45rem}.blog-section-line{width:5px;height:34px}
  .blog-view-all{font-size:.98rem;gap:5px}.blog-view-all svg{width:20px;height:20px}
  .blog-grid{gap:12px}
  .blog-card{grid-template-columns:minmax(0,1fr) 43%;height:190px;min-height:190px;border-radius:18px}
  .blog-card-content{padding:13px 13px 13px 7px}
  .blog-card-img{min-height:0;margin:7px;border-radius:13px}
  .blog-badge{top:9px;right:9px;padding:5px 9px;font-size:.68rem}
  .blog-meta{gap:5px;margin-bottom:7px;font-size:.68rem}.blog-meta svg{width:15px;height:15px}
  .blog-card-content h3{margin-bottom:6px;font-size:.97rem;line-height:1.5}
  .blog-card-content p{margin-bottom:6px;font-size:.72rem;line-height:1.6}
  .blog-read-more{align-self:flex-start;gap:4px;font-size:.78rem}.blog-read-more svg{width:16px;height:16px}
  .blog-pagination{gap:8px;margin-bottom:28px}.blog-dot{width:30px;height:6px}.blog-dot.active{width:48px}
}