/* Local fonts only. Keep the existing CMS colors, destinations and logo artwork. */
@font-face{font-family:Manrope;src:url('../fonts/header/manrope.woff2') format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:'Plex Arabic';src:url('../fonts/header/plex-arabic.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Plex Arabic';src:url('../fonts/header/plex-arabic-medium.woff2') format('woff2');font-weight:500 700;font-display:swap}
body{--font-sans:Manrope,'Segoe UI',sans-serif;--font-display:'Byhendi Display',Georgia,serif;font-family:var(--font-sans);line-height:1.65}
html:lang(ar) body{--font-sans:'Plex Arabic',Tahoma,sans-serif;--font-display:'Plex Arabic',Tahoma,sans-serif;line-height:1.85}
html:lang(ar) :lang(ar){font-family:var(--font-sans)}
html:lang(ar) :is(h1,h2,h3,p,a,button,label,input,select,summary,.eyebrow){letter-spacing:0;text-transform:none}
html:lang(ar) :is(h1,h2){line-height:1.45}
input,button,textarea,select{font-family:var(--font-sans)}
.eyebrow,.global-announcement,.button,button[type=submit]{letter-spacing:.025em}
.shared-header{position:sticky!important;inset-block-start:0;}
.shared-header .site-header{min-block-size:96px;gap:20px;padding-inline:clamp(24px,3vw,58px)}
.shared-header .global-brand{margin:0;font-family:'Byhendi Display',Georgia,serif;letter-spacing:-.055em}
.shared-footer .global-footer-brand{font-family:'Byhendi Display',Georgia,serif}
html:lang(ar) :is(.shared-header .global-brand,.shared-header .global-brand span,.shared-footer .global-footer-brand){font-family:'Byhendi Display',Georgia,serif;letter-spacing:-.055em}
.shared-header .shared-desktop-nav{gap:clamp(16px,1.7vw,32px);font-size:.8125rem;letter-spacing:0;text-transform:none}
.shared-header :is(.mega-heading,.mega-column .navigation-links a,.mega-card__label){letter-spacing:0;text-transform:none}
.shared-header .mega-heading{font-weight:500}
.shared-header .mega-column .navigation-links a{line-height:1.7}
.shared-header .boutique-utilities>a{display:flex;justify-content:center;align-items:center;gap:7px;inline-size:44px;min-inline-size:44px;block-size:44px;padding:0;letter-spacing:0;text-transform:none;font-size:.8125rem;text-decoration:none;border-radius:2px}
.shared-header .boutique-utilities>a svg{display:block;inline-size:21px;block-size:21px;flex-shrink:0}
.shared-header .utility-label{display:none}
.shared-header .boutique-bag-count{position:absolute;inset-block-start:0;inset-inline-end:0;display:grid;place-items:center;min-inline-size:17px;block-size:17px;padding:0 3px;border-radius:50%;background:var(--header-fg);color:var(--color-header);font:500 10px/1 var(--font-sans)}
.shared-header .header-utility-group{gap:8px}
.shared-header .boutique-utilities>a:hover,.language-picker>summary:hover{background:color-mix(in srgb,currentColor 5%,transparent)}
.shared-header :is(a,summary,button):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
.language-picker{position:relative;font:400 .8125rem/1.5 var(--font-sans);letter-spacing:0;text-transform:none}
.language-picker>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-inline-size:80px;min-block-size:44px;padding:0 8px;cursor:pointer;list-style:none}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker>summary::after{content:''!important;inline-size:6px;block-size:6px;border-inline-end:1px solid;border-block-end:1px solid;transform:rotate(45deg);margin-block-start:-4px;margin-inline-start:3px}
.language-flag{inline-size:22px;block-size:15px;object-fit:cover;flex-shrink:0;border-radius:1px;box-shadow:0 0 0 1px #0001}
.language-picker .language-nav{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;display:flex;flex-direction:column;inline-size:182px;padding:6px;margin:0;background:var(--color-header);color:var(--header-fg);border:1px solid color-mix(in srgb,currentColor 16%,transparent);box-shadow:0 8px 24px #0000000c;z-index:65;animation:language-enter .16s ease-out}
.language-picker:not([open])>.language-nav{display:none}
.language-picker .language-nav>a{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-block-size:44px;padding:8px 12px;letter-spacing:0;text-transform:none;text-decoration:none;font-size:.875rem}
.language-picker .language-nav>a[lang=ar]{font-family:'Plex Arabic',Tahoma,sans-serif}
.language-picker .language-nav>a[aria-current]{background:color-mix(in srgb,currentColor 5%,transparent);box-shadow:none;font-weight:500}
.language-picker .language-nav>a[aria-current]::after{content:'✓';margin-inline-start:auto}
.language-picker .language-nav>a:hover{background:color-mix(in srgb,currentColor 5%,transparent)}
.shared-header .nav-toggle{inline-size:44px;min-block-size:44px;justify-content:center}
.shared-header .nav-toggle svg{inline-size:24px;block-size:24px}
@keyframes language-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:80rem){.shared-header .boutique-utilities>a:first-child{inline-size:auto;padding-inline:8px}.shared-header .boutique-utilities>a:first-child .utility-label{display:inline}}
@media(max-width:65rem){.shared-header .site-header{min-block-size:76px;padding-inline:16px;gap:12px}.shared-header .global-brand{font-size:30px}.shared-header .boutique-utilities>a{inline-size:44px}.shared-header .header-utility-group{gap:0}.shared-header .language-picker>summary{font-size:.75rem;min-inline-size:76px;padding:0 6px}}
@media(max-width:40rem){
 .shared-header .site-header{grid-template-columns:1fr auto 1fr;padding:8px 12px;gap:0 12px}
 .shared-header .global-brand{font-size:32px;min-block-size:48px}
 .shared-header .header-utility-group{grid-column:1/-1;grid-row:2;justify-self:center;gap:20px;padding-block:2px 0}
 .shared-header .boutique-utilities{gap:12px}
 .shared-header .language-picker .language-nav{inset-inline-end:0;inline-size:174px}
 .shared-header .mega-panel{max-block-size:calc(100dvh - 112px)}
}
@media(prefers-reduced-motion:reduce){.language-picker .language-nav{animation:none}}
