:root{font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;color:#213c35;background:#faf9f5;font-synthesis:none;text-rendering:optimizeLegibility;--forest:#153e34;--deep:#102f28;--gold:#c8a86a;--ink:#213c35;--muted:#76837c;--paper:#faf9f5;--line:#e9e7df}
html[lang=ar]{font-family:"Noto Naskh Arabic","Geeza Pro",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{min-width:320px;margin:0;background:var(--paper)}
a{color:inherit;text-decoration:none}
button,select{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-width{width:min(1200px,calc(100% - 72px));margin-inline:auto}
.site-header{position:relative;z-index:5;display:flex;min-height:86px;align-items:center;justify-content:space-between;gap:28px;padding:12px max(36px,calc((100vw - 1400px)/2));background:#fff;color:var(--deep);box-shadow:0 4px 24px #183b3210}
.nav-brand,.footer-brand{display:inline-flex;align-items:center;gap:11px;font-size:13px;font-weight:700;letter-spacing:.13em;line-height:1.5}
.nav-brand img{width:52px;height:52px;object-fit:contain;border-radius:50%}
.nav-brand strong,.footer-brand strong{display:block;font-weight:500;letter-spacing:.24em}
.main-nav{display:flex;align-items:center;gap:32px;color:#566961;font-size:13px}
.main-nav a:hover,.text-link:hover{color:#9b7737}
.preferences{display:flex;align-items:center;gap:8px}
.preferences noscript button{padding:9px 12px;border:1px solid #e7e7df;border-radius:5px;background:#fff;color:var(--deep);font-size:11px;cursor:pointer}
.preferences select{max-width:120px;padding:10px 28px 10px 11px;border:1px solid #e7e7df;border-radius:5px;background:#fff;color:var(--deep);font-size:12px;cursor:pointer}
.rate-note{min-height:32px;padding:7px 20px;background:#f1efe8;color:#66756d;text-align:center;font-size:10px;letter-spacing:.02em}
.rate-note a{text-decoration:underline;text-underline-offset:2px}
.rate-warning{color:#765a25;background:#f8f0dc}
.hero{position:relative;display:flex;min-height:640px;align-items:center;overflow:hidden;background:#1f4439;color:#fff}
.hero-image,.hero-shade,.detail-backdrop,.detail-overlay{position:absolute;inset:0;width:100%;height:100%}
.hero-image,.detail-backdrop{object-fit:cover}
.hero-image{object-position:center 48%}
.hero-shade{background:linear-gradient(90deg,#0e2d26e8 0%,#13372eb8 43%,#153a2f30 78%,#18382e18 100%),linear-gradient(0deg,#0b211d52,transparent 28%)}
.hero-content{position:relative;z-index:1;width:min(1200px,calc(100% - 72px));margin:0 auto;padding:20px 0 54px}
.hero-kicker{display:inline-flex;align-items:center;gap:11px;color:#f0dcb1;font-size:12px;letter-spacing:.13em}
.hero-kicker span{width:28px;height:1px;background:var(--gold)}
.hero h1,.detail-content h1{max-width:750px;margin:25px 0 17px;font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;font-size:clamp(52px,8.2vw,104px);font-weight:500;letter-spacing:-.055em;line-height:.99}
html[lang=ar] .hero h1,html[lang=ar] .detail-content h1{font-family:"Noto Naskh Arabic","Geeza Pro",Tahoma,Arial,sans-serif;font-weight:800;letter-spacing:0;line-height:1.2}
.hero h1 br{display:block}
.hero-content>p{max-width:490px;margin:0 0 30px;color:#e0e7e1;font-size:16px;line-height:1.9}
.button{display:inline-flex;min-height:49px;align-items:center;justify-content:center;gap:16px;padding:0 21px;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-gold{background:var(--gold);color:#122f28}
.button-gold:hover{background:#d7bb83}
.button-dark{background:var(--forest);color:#fff}
.button-dark:hover{background:var(--deep)}
.button-block{width:100%;margin-top:23px}
.hero-caption{position:absolute;right:36px;bottom:26px;display:flex;align-items:center;gap:13px;color:#ffffffbd;font-size:9px;letter-spacing:.14em}
.hero-caption span{color:#edcf92;font-size:12px}
.hero-caption i{width:40px;height:1px;background:#e4c98b}
.brand-feature{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr) 100px;min-height:246px;align-items:center;gap:38px;margin-top:62px;padding:28px 54px;overflow:hidden;border:1px solid #eeeae0;background:#fff;box-shadow:0 18px 65px #1b332708}
.brand-emblem{display:grid;width:154px;height:154px;place-items:center;border:1px solid #eee8d9;border-radius:50%;background:linear-gradient(145deg,#fff,#f8f5ed);box-shadow:0 7px 24px #182f2610}
.brand-emblem img{width:130px;height:130px;object-fit:contain;border-radius:50%}
.eyebrow{display:block;margin:0 0 12px;color:#987638;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.brand-feature-copy{position:relative;z-index:1}
.brand-feature-copy h2,.section-heading h2,.promise-heading h2{margin:0;color:var(--deep);font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;font-size:clamp(26px,3.4vw,43px);font-weight:500;letter-spacing:-.035em;line-height:1.2}
html[lang=ar] .brand-feature-copy h2,html[lang=ar] .section-heading h2,html[lang=ar] .promise-heading h2{font-family:"Noto Naskh Arabic","Geeza Pro",Tahoma,Arial,sans-serif;font-weight:800;letter-spacing:0;line-height:1.35}
.brand-feature-copy p{max-width:610px;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.9}
.brand-feature-index{align-self:start;padding-top:5px;color:#eeeade;font-family:"Playfair Display",Georgia,serif;font-size:64px}
.promise-section{padding-top:100px;padding-bottom:77px}
.promise-heading{max-width:660px;margin-bottom:30px}
.promise-heading h2{font-size:31px}
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.promise-grid article{min-height:165px;padding:27px 26px;border-inline-end:1px solid var(--line)}
.promise-grid article:last-child{border-inline-end:0}
.promise-icon{color:#aa8b4d;font-size:21px}
.promise-grid h3{margin:14px 0 7px;color:#314b41;font-size:15px}
.promise-grid p{max-width:300px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.packages-section{padding-top:48px;padding-bottom:110px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.section-heading h2{font-size:42px}
.section-heading>div>p{margin:11px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.text-link{display:inline-flex;align-items:center;gap:12px;padding-bottom:6px;color:#475c50;font-size:12px;font-weight:700;white-space:nowrap}
.tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tour-card{overflow:hidden;border:1px solid #eeece6;background:#fff;transition:transform .25s,box-shadow .25s}
.tour-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #203c3012}
.tour-image{position:relative;display:block;height:235px;overflow:hidden;background:#dce3d8}
.tour-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.tour-card:hover .tour-image img{transform:scale(1.045)}
.image-label{position:absolute;right:15px;bottom:14px;padding:7px 10px;background:#fffef2e8;color:#354b3f;font-size:10px}
.tour-body{padding:22px 21px 17px}
.tour-duration{color:#987638;font-size:10px;letter-spacing:.08em}
.tour-body h3{margin:11px 0 8px;color:var(--deep);font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;font-size:21px;font-weight:600;line-height:1.35}
html[lang=ar] .tour-body h3{font-family:"Noto Naskh Arabic","Geeza Pro",Tahoma,Arial,sans-serif;font-weight:800}
.tour-body>p{min-height:43px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.tour-bottom{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.tour-bottom>div{display:grid;gap:3px}
.tour-bottom>div>span,.tour-bottom small{color:var(--muted);font-size:9px}
.tour-bottom strong{color:var(--deep);font-size:17px}
.arrow-link{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--forest);font-size:15px}
.empty-packages{display:grid;min-height:170px;place-content:center;justify-items:center;border:1px solid var(--line);background:#fff;text-align:center}
.empty-packages p{max-width:480px;padding:0 20px;color:var(--muted);font-size:13px;line-height:1.8}
.empty-mark{color:#ad9156;font-size:23px}
.detail-hero{position:relative;display:flex;min-height:440px;align-items:end;overflow:hidden;background:#1f4439;color:#fff}
.detail-backdrop{object-position:center 50%}
.detail-overlay{background:linear-gradient(90deg,#0d2924c9,#102a23a1 42%,#112a2266),linear-gradient(0deg,#0a211de0,transparent 85%)}
.detail-content{position:relative;z-index:1;width:min(1200px,calc(100% - 72px));margin:0 auto;padding:40px 0 52px}
.back-link{display:inline-flex;margin-bottom:45px;color:#fff;text-decoration:underline;text-decoration-color:#ffffff7a;text-underline-offset:5px;font-size:12px}
.detail-content .eyebrow{color:#eed29b}
.detail-content h1{margin:13px 0;font-size:clamp(42px,7vw,78px)}
.package-gallery{padding-top:44px}
.gallery-heading{margin-bottom:17px}
.gallery-heading h2{margin:0;color:var(--deep);font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;font-size:27px;font-weight:500}
html[lang=ar] .gallery-heading h2{font-family:"Noto Naskh Arabic","Geeza Pro",Tahoma,Arial,sans-serif;font-weight:800}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gallery-image{display:block;width:100%;height:190px;padding:0;overflow:hidden;border:0;background:#e8e7df;cursor:zoom-in}
.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.gallery-image:hover img{transform:scale(1.04)}
.gallery-modal{width:min(92vw,1200px);max-width:none;max-height:92dvh;padding:52px 18px 18px;border:1px solid #ffffff30;background:#102f28;color:#fff;box-shadow:0 24px 90px #0008}
.gallery-modal::backdrop{background:#071711e8;backdrop-filter:blur(5px)}
.gallery-modal-image{display:block;width:100%;height:min(78dvh,820px);object-fit:contain}
.gallery-modal-close{position:absolute;top:10px;inset-inline-end:12px;display:grid;width:36px;height:36px;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#ffffff15;color:#fff;font-size:25px;line-height:1;cursor:pointer}
.gallery-modal-close:hover{background:#ffffff30}
.detail-meta{display:flex;gap:11px;color:#e4e9e3;font-size:13px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:72px;padding-top:67px;padding-bottom:110px}
.detail-description{margin:0 0 44px;color:#5c6c63;font-size:16px;line-height:2}
.detail-main h2{margin:35px 0 18px;color:var(--deep);font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;font-size:27px;font-weight:500}
html[lang=ar] .detail-main h2{font-family:"Noto Naskh Arabic","Geeza Pro",Tahoma,Arial,sans-serif;font-weight:800}
.itinerary-list{list-style:none;margin:0;padding:0}
.itinerary-list li{display:grid;grid-template-columns:76px 1fr;gap:16px;padding:17px 0;border-top:1px solid var(--line)}
.itinerary-list li>span{color:#9b7c3f;font-size:11px}
.itinerary-list li p,.detail-note p{margin:0;color:#63736a;font-size:13px;line-height:1.9;white-space:pre-line}
.detail-note{margin-top:30px;padding:2px 21px 22px;border-inline-start:2px solid var(--gold);background:#f2f0e9}
.detail-note h2{margin-top:19px;font-size:21px}
.booking-card{position:sticky;top:25px;padding:26px;border:1px solid var(--line);background:#fff;box-shadow:0 16px 46px #14392f0c}
.booking-price{display:block;margin:9px 0 1px;color:var(--deep);font-size:29px}
.booking-card>.muted{font-size:11px}
.booking-detail{margin-top:15px;padding-top:14px;border-top:1px solid var(--line);color:#6a786f;font-size:11px}
.booking-detail span{margin-inline-end:7px;color:#ad9156}
.empty-page{display:grid;min-height:58vh;align-content:center;justify-items:center;gap:18px;padding:40px;text-align:center}
.empty-page h1{max-width:700px;color:var(--deep);font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;font-size:clamp(32px,6vw,64px);font-weight:500}
.site-footer{padding:52px max(36px,calc((100vw - 1200px)/2)) 18px;background:#122f28;color:#fff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:38px}
.footer-brand{font-size:12px}
.footer-brand img{width:58px;height:58px;object-fit:contain;border-radius:50%;background:#fff}
.footer-inner>p{max-width:300px;color:#bdc8c0;font-size:12px;line-height:1.8}
.contact-link{display:inline-flex;align-items:center;gap:12px;color:#ecd6a6;font-size:12px}
.copyright{padding-top:17px;border-top:1px solid #ffffff25;color:#afbbb3;text-align:center;font-size:10px}
.copyright span{padding:0 5px;color:#d0b476}
@media(min-width:1450px){.hero{min-height:710px}}
@media(max-width:900px){.site-header{gap:16px;padding-inline:23px}.main-nav{gap:16px}.page-width{width:calc(100% - 48px)}.hero-content,.detail-content{width:calc(100% - 60px)}.brand-feature{grid-template-columns:145px minmax(0,1fr) 50px;gap:23px;padding-inline:30px}.brand-emblem{width:132px;height:132px}.brand-emblem img{width:112px;height:112px}.tour-grid{gap:16px}.tour-image{height:190px}.tour-body{padding-inline:16px}.tour-body h3{font-size:18px}.detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:35px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:681px){
    .site-header{position:fixed;z-index:25;inset-block:0;inset-inline-start:0;display:flex;width:260px;height:100dvh;min-height:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:25px;padding:25px 18px;background:linear-gradient(160deg,#0b4939,#082f26 75%);color:#f3f7ef;box-shadow:8px 0 30px #061d1625}
    .nav-brand{gap:10px;padding:2px 4px 22px;border-bottom:1px solid #ffffff25;color:#fff;font-size:11px;letter-spacing:.11em}
    .nav-brand img{width:44px;height:44px;flex:0 0 44px}
    .nav-brand strong{color:#c5d7ca;letter-spacing:.19em}
    .site-navigation{width:100%;flex:1;align-items:stretch;flex-direction:column;gap:22px}
    .main-nav{display:grid;align-content:start;gap:7px;color:#edf5ef}
    .main-nav a{display:flex;min-height:46px;align-items:center;padding:0 13px;border-radius:9px;color:inherit}
    .main-nav a:hover,.main-nav a:focus-visible{background:#16815c;color:#fff;outline:none}
    .preferences{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:17px;border-top:1px solid #ffffff25}
    .preferences select{width:100%;max-width:none;min-height:43px;padding:8px 10px;border:1px solid #ffffff38;border-radius:8px;background:#ffffff0d;color:#fff}
    .preferences option{color:#173c30}
    body>main,body>.site-footer{margin-inline-start:260px}
    .site-footer{padding-inline:clamp(24px,4vw,64px)}
}
@media(max-width:680px){.gallery-image{height:135px}.gallery-modal{width:96vw;padding:48px 10px 10px}.gallery-modal-image{height:78dvh}}
@media(max-width:680px){.tour-card{display:block;min-height:0}.tour-image{height:auto;min-height:0;aspect-ratio:1.62}.tour-body{display:block;padding:17px 20px 34px}.tour-duration{font-size:11px}.tour-body h3{margin:12px 0 8px;font-size:22px}.tour-body>p{font-size:12px;line-height:1.9}.tour-bottom{align-items:center;margin-top:20px;padding-top:16px}.tour-bottom strong{font-size:17px}.tour-bottom>div>span,.tour-bottom small{font-size:9px}.arrow-link{width:35px;height:35px}}
@media(max-width:390px){.tour-card{grid-template-columns:35% minmax(0,1fr)}.tour-image{min-height:208px}.tour-body{padding-inline:10px}.tour-body h3{font-size:15px}.hero-caption{gap:8px;right:14px}.brand-feature-copy h2{font-size:19px}.preferences{gap:5px}.preferences select{max-width:84px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:680px){
    .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;min-height:0;padding:12px 16px}
    .nav-brand{grid-column:1/-1;gap:8px;font-size:11px}
    .nav-brand img{width:42px;height:42px}
    .nav-brand strong{letter-spacing:.18em}
    .main-nav{grid-column:1;grid-row:2;gap:0;font-size:11px}
    .main-nav a:nth-child(2){display:none}
    .preferences{grid-column:2;grid-row:2;gap:5px}
    .preferences select{max-width:90px;padding:8px 22px 8px 8px;font-size:11px}
    .page-width{width:calc(100% - 32px)}
    .tour-grid{grid-template-columns:minmax(0,1fr);gap:16px}
    .tour-card{display:block;min-height:0}
    .tour-image{height:auto;min-height:0;aspect-ratio:1.62}
    .tour-body{display:block;padding:17px 20px 24px}
    .tour-duration{font-size:11px}
    .tour-body h3{margin:12px 0 8px;font-size:21px}
    .tour-body>p{min-height:0;font-size:12px;line-height:1.9}
    .tour-bottom{align-items:center;margin-top:17px;padding-top:14px}
    .tour-bottom strong{font-size:17px}
    .tour-bottom>div>span,.tour-bottom small{font-size:9px}
    .arrow-link{width:35px;height:35px}
    .section-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:22px}
    .section-heading h2{font-size:32px}
    .packages-section{padding-top:34px;padding-bottom:72px}
    .detail-hero{min-height:370px}
    .detail-content{width:calc(100% - 36px);padding:28px 0 34px}
    .detail-content h1{font-size:clamp(34px,10vw,52px)}
    .back-link{margin-bottom:38px}
    .package-gallery{padding-top:30px}
    .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
    .gallery-image{height:auto;aspect-ratio:1.35}
    .gallery-modal{width:calc(100vw - 20px);max-width:none;max-height:90dvh;padding:48px 10px 10px}
    .gallery-modal-image{height:75dvh}
    .detail-layout{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:38px;padding-bottom:70px}
    .detail-description{margin-bottom:30px;font-size:14px}
    .booking-card{position:static;padding:22px}
    .itinerary-list li{grid-template-columns:64px minmax(0,1fr);gap:10px}
    .detail-meta{flex-wrap:wrap;font-size:12px}
    .footer-inner{align-items:flex-start;flex-direction:column;gap:20px}
    .site-footer{padding:42px 20px 18px}
}
@media(max-width:390px){
    .preferences select{max-width:82px}
    .hero-caption{gap:8px;right:14px}
    .brand-feature-copy h2{font-size:19px}
}
.gallery-modal-frame{position:relative;display:grid;place-items:center;min-height:220px;max-height:calc(92dvh - 70px);overflow:hidden;background:#102f28}
.gallery-modal-image{display:block;width:100%;height:min(78dvh,820px);object-fit:contain}
.gallery-modal-caption{position:absolute;inset-inline:0;bottom:0;padding:clamp(20px,4vw,48px);background:linear-gradient(0deg,#071711f2 0%,#071711c9 72%,transparent 100%);color:#fff}
.gallery-modal-caption h2{max-width:70%;margin:0;font-size:clamp(22px,3vw,38px);line-height:1.2;text-shadow:0 2px 8px #0009}
.gallery-modal-caption ul{max-width:70%;max-height:30dvh;overflow:auto;margin:12px 0 0;padding-inline-start:22px;line-height:1.6;text-shadow:0 2px 6px #000a}
.gallery-modal-caption li+li{margin-top:4px}

.site-navigation{display:flex;align-items:center;gap:24px}
.site-navigation-heading,.mobile-nav-toggle,.mobile-nav-close,.mobile-nav-backdrop{display:none}
@media(max-width:680px){
    .site-header{position:sticky;top:0;z-index:25;display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}
    .nav-brand{min-width:0;gap:9px;font-size:10px;letter-spacing:.11em}
    .nav-brand img{width:42px;height:42px;flex:0 0 42px}
    .mobile-nav-toggle{display:flex;width:44px;height:44px;flex:0 0 44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #dce5de;border-radius:10px;background:#fff;color:var(--deep);cursor:pointer}
    .mobile-nav-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor}
    .site-navigation{position:fixed;z-index:31;inset-block:0;inset-inline-start:0;display:flex;width:min(330px,calc(100vw - 52px));flex-direction:column;gap:22px;padding:23px 18px max(22px,env(safe-area-inset-bottom));overflow-y:auto;background:linear-gradient(160deg,#0b4939,#082f26 75%);color:#f3f7ef;box-shadow:12px 0 40px #061d1650;transform:translateX(-105%);transition:transform .24s ease}
    html[dir=rtl] .site-navigation{transform:translateX(105%)}
    body.mobile-nav-open .site-navigation{transform:translateX(0)}
    .site-navigation-heading{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding-inline:4px;color:#9cb9a9;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
    .mobile-nav-close{display:grid;width:40px;height:40px;place-items:center;border:1px solid #ffffff35;border-radius:10px;background:#ffffff0c;color:#fff;font-size:26px;line-height:1;cursor:pointer}
    .main-nav{display:grid;gap:7px;color:#edf5ef;font-size:14px}
    .main-nav a{display:flex;min-height:48px;align-items:center;padding:0 14px;border-radius:10px;color:inherit}
    .main-nav a:hover,.main-nav a:focus-visible{background:#16815c;color:#fff;outline:none}
    .preferences{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:17px;border-top:1px solid #ffffff25}
    .preferences select{width:100%;max-width:none;min-height:44px;padding:8px 10px;border:1px solid #ffffff38;border-radius:8px;background:#ffffff0d;color:#fff}
    .preferences option{color:#173c30}
    .mobile-nav-backdrop:not([hidden]){position:fixed;z-index:30;inset:0;display:block;width:100%;height:100%;border:0;background:#0717118c;backdrop-filter:blur(2px)}
    body.mobile-nav-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.site-navigation{transition:none}}
.account-panel{max-width:680px;margin:72px auto 100px;padding:clamp(24px,5vw,48px);border:1px solid var(--line);background:#fff;box-shadow:0 18px 60px #1b332708}
.account-panel h1{margin:0;color:var(--deep);font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;font-size:clamp(32px,5vw,48px);font-weight:500}
html[lang=ar] .account-panel h1{font-family:"Noto Naskh Arabic","Geeza Pro",Tahoma,Arial,sans-serif;font-weight:800}
.account-description{margin:12px 0 25px;color:var(--muted);line-height:1.8}
.account-form{display:grid;gap:14px}
.account-field{display:grid;gap:7px;color:#40574d;font-size:12px;font-weight:700}
.account-field input,.account-field select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #dcded7;border-radius:4px;background:#fff;color:var(--deep);font:inherit;font-weight:400}
.account-field input:focus,.account-field select:focus{outline:2px solid #c8a86a;outline-offset:1px}
.account-password-control{display:flex;min-height:46px;border:1px solid #dcded7;border-radius:4px;overflow:hidden}
.account-password-control input{min-width:0;flex:1;border:0;border-radius:0}
.account-password-control input:focus{outline:0}
.account-password-control:focus-within{outline:2px solid #c8a86a;outline-offset:1px}
.account-password-toggle{padding:0 13px;border:0;border-inline-start:1px solid #dcded7;background:#f8f7f2;color:var(--forest);font-size:11px;font-weight:700;cursor:pointer}
.account-password-toggle:hover{background:#eeeae0}
.account-password-toggle:focus-visible{outline:2px solid #987638;outline-offset:-3px}
.account-field-hint{margin-top:-9px;color:var(--muted);font-size:11px;line-height:1.6}
.account-message{margin:0 0 18px;padding:13px 15px;border-radius:4px;font-size:13px;line-height:1.7}
.account-error{background:#fff0ed;color:#8d3426}
.account-notice{background:#edf5ee;color:#28583b}
.account-details{display:grid;gap:0;margin:28px 0;border-top:1px solid var(--line)}
.account-details div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}
.account-details dt{color:var(--muted);font-size:12px}
.account-details dd{margin:0;color:var(--deep);font-size:14px;overflow-wrap:anywhere}
@media(max-width:680px){
    .gallery-modal-frame{display:block;max-height:calc(90dvh - 60px);overflow:auto}
    .gallery-modal-image{height:auto;max-height:65dvh}
    .gallery-modal-caption{position:static;padding:12px 14px;background:#102f28}
    .gallery-modal-caption h2,.gallery-modal-caption ul{max-width:none}
    .gallery-modal-caption ul{max-height:none;margin-top:8px}
    .account-panel{margin-top:34px;margin-bottom:55px}
    .account-details div{grid-template-columns:1fr;gap:5px}
}