.planner-hero.story-hero{height:430px;min-height:430px;background:#09242b;overflow:visible}
.planner-hero .story-slides{overflow:hidden}
.planner-hero .story-slide>img{object-position:center 54%}
.planner-hero .story-overlay{background:linear-gradient(0deg,rgba(2,23,29,.84),rgba(2,23,29,.35) 62%,rgba(2,23,29,.35)),linear-gradient(90deg,#06272d4d,#06272d15)}
.planner-hero-content{position:relative;z-index:2;text-align:center;padding-top:72px;color:#fff}
.planner-eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0;color:#f2cc8a;font-size:11px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase}
.planner-eyebrow:before,.planner-eyebrow:after{content:"";width:24px;height:1px;background:#e8c68c}
.planner-hero .story-slide h1{font:650 clamp(36px,3.8vw,51px)/1.08 'Playfair Display',Georgia,serif;max-width:900px;margin:13px auto 9px;letter-spacing:-.025em;text-wrap:balance}
.planner-intro{max-width:750px;margin:0 auto;color:#f6f5ef;font-size:16px;line-height:1.55}
.planner-hero-foreground{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;padding-top:245px}
.planner-search{display:flex;align-items:center;width:min(690px,100%);padding:5px 5px 5px 20px;background:#fff;box-shadow:0 18px 50px #031b2266;border-radius:48px}
.planner-search input{min-width:0;flex:1;padding:12px;border:0;outline:0;background:transparent;color:#153d40;font-size:14px}
.planner-search button{flex:none;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:#dcb249;color:#fff;font-size:31px;line-height:1;cursor:pointer}
.planner-search button:hover{background:#a77b31}
.planner-popular{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 17px;color:#fff;font-size:12px;font-weight:750;margin-top:18px;text-shadow:0 2px 8px #001}
.planner-popular span{color:#fff7dc}.planner-popular a{text-decoration:none;color:#f8d57b}.planner-popular a:hover{text-decoration:underline}
.planner-slider-controls{width:min(690px,100%);display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.planner-slider-controls .story-dots button{padding:8px 0}.planner-slider-controls .story-dots i{width:22px;height:3px;border-radius:3px}
.planner-slider-controls .story-buttons button{width:30px;height:30px;font-size:12px;background:#ffffff26}
.planner-audio.story-audio{right:82px;bottom:20px;padding:8px 12px;border-radius:5px;font-size:11px}.planner-audio .story-audio-text{display:inline-flex;flex-direction:column;text-align:left}.planner-audio .story-audio-text small{display:block;font-size:9px;font-weight:500}
.takbir-feature{background:#fff9eb;border-bottom:1px solid #e9ddc4;padding:36px 0 25px}.takbir-feature-inner{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.35fr);gap:clamp(28px,5vw,85px);align-items:center}.takbir-feature-copy{border-left:3px solid #bc914b;padding-left:23px}.takbir-feature-kicker{color:#a27a3c;font-size:10px;font-weight:800;letter-spacing:2px}.takbir-feature h2{color:#163c3e;font:600 clamp(29px,3vw,42px)/1.15 'Playfair Display',Georgia,serif;margin:9px 0 10px}.takbir-feature-copy p{max-width:400px;color:#53696a;font-size:14px;line-height:1.65;margin:0}.takbir-feature-words{background:#fff;padding:20px 25px;border:1px solid #eadfc8;box-shadow:0 12px 30px #5f46110b}.takbir-arabic{font:600 clamp(23px,2.5vw,31px)/1.9 Georgia,serif;text-align:center;color:#173d3e;margin:0 0 11px}.takbir-transliteration{font-size:13px;font-weight:700;color:#314e4e;margin:0 0 7px}.takbir-meaning{font-size:12px;line-height:1.55;color:#5f7070;margin:0}.takbir-source{display:inline-block;margin-top:13px;color:#8a682d;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.takbir-credit{margin-top:15px;color:#7b827c;font-size:10px}.takbir-credit a{color:inherit;text-underline-offset:2px}
.planner-gallery{overflow:hidden;background:#f7f7f4;padding:18px 0 20px}
.planner-gallery-track{display:flex;gap:17px;width:max-content;max-width:none;animation:planner-scroll 46s linear infinite;padding-left:18px}
.planner-gallery:hover .planner-gallery-track,.planner-gallery:focus-within .planner-gallery-track{animation-play-state:paused}
.planner-gallery-card{position:relative;display:block;overflow:hidden;width:320px;height:210px;border-radius:14px;box-shadow:0 10px 24px #1a343121;color:#fff;text-decoration:none;flex:none}
.planner-gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.planner-gallery-card:hover img{transform:scale(1.06)}
.planner-gallery-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#041d24e6,transparent)}
.planner-gallery-card span{position:absolute;z-index:1;bottom:16px;left:18px;right:14px;font-size:9px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.planner-gallery-card strong{display:block;font:600 19px/1.2 'Playfair Display',Georgia,serif;letter-spacing:0;text-transform:none;margin-top:5px}
@keyframes planner-scroll{to{transform:translateX(calc(-50% - 8.5px))}}
.guide-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.guide-category-card{min-height:318px;background:#fff;color:#183c3d;border-radius:12px;box-shadow:0 10px 30px #153b3b12;overflow:hidden}
.guide-category-card:before{content:"";position:absolute;inset:0 0 auto;height:190px;background:var(--guide-cover) center/cover}
.guide-category-card .guide-category-shade{display:none}
.guide-category-card-content{inset:auto 0 0;padding:18px 22px 19px;min-height:128px;justify-content:center;background:#fff}
.guide-category-card small{font-size:9px;color:#9a7235;letter-spacing:1.2px}
.guide-category-card strong{font:700 23px/1.15 'Playfair Display',Georgia,serif;margin:5px 0;color:#143a3b}
.guide-category-card-content>span{font-size:11px;color:#647a75}
.guide-category-card b{right:17px;bottom:18px;font-size:17px;color:#ae8242}
.guide-category-card:hover{box-shadow:0 20px 42px #153b3b29}
.public-home .guide-home-section{padding:70px 0 85px;background:#faf9f6}
.public-home .guide-home-section .guide-section-heading h2{font-size:clamp(35px,4vw,57px)}
@media(max-width:700px){.planner-hero.story-hero{height:560px;min-height:560px}.planner-hero-content{padding-top:125px}.planner-hero .story-slide h1{font-size:clamp(34px,9vw,48px);margin:10px auto}.planner-intro{font-size:13px;line-height:1.5}.planner-hero-foreground{padding-top:324px}.planner-search{padding-left:10px}.planner-search input{font-size:12px}.planner-popular{font-size:11px;gap:4px 10px}.planner-slider-controls{margin-top:18px}.planner-audio.story-audio{bottom:8px;right:10px}.planner-gallery-card{width:250px;height:175px}.planner-gallery{padding:12px 0 14px}.public-home .guide-home-section{padding:55px 0}}
@media(max-width:1000px){.guide-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.takbir-feature-inner{grid-template-columns:1fr}.takbir-feature-copy{padding-left:17px}.takbir-feature{padding:31px 0 24px}}
@media(max-width:600px){.guide-category-grid{grid-template-columns:1fr}.guide-category-card{min-height:310px}}
@media(prefers-reduced-motion:reduce){.planner-gallery-track{animation:none;max-width:100%;overflow-x:auto}.planner-gallery-card img{transition:none}}