.depi-header-preferences { position: relative; }
.depi-header-preferences__toggle { display: inline-flex; gap: 9px; align-items: center; white-space: nowrap; }
.depi-header-preferences__selection { display: inline-flex; align-items: center; justify-content: center; gap: 9px; direction: ltr; }
.depi-header-preferences__toggle::after { display: none !important; }
.depi-header-preferences__divider { opacity: .3; font-weight: 400; }
.depi-header-preferences__panel { position: absolute; z-index: 1600; inset-inline-end: 0; top: calc(100% + 12px); width: min(460px, calc(100vw - 24px)); padding: 18px; background: #fff; color: #20232b; border: 1px solid #e7e5e8; border-radius: 18px; box-shadow: 0 18px 55px #25203324; text-align: start; }
.depi-header-preferences__panel[hidden] { display: none; }
.depi-header-preferences__columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.depi-header-preferences__column { min-width: 0; }
.depi-header-preferences__column + .depi-header-preferences__column { border-inline-start: 1px solid #eee9ed; padding-inline-start: 16px; }
.depi-header-preferences__column h3 { margin: 0 0 10px; font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #7b727b; }
.depi-header-preferences__list { max-height: min(390px, 55dvh); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 2px; }
.depi-header-preferences__option { width: 100%; min-height: 36px; display: flex; align-items: center; gap: 9px; border: 1px solid transparent; border-radius: 8px; padding: 7px 8px; background: transparent; color: inherit; font: inherit; font-size: 13px; line-height: 1.2; text-align: start; cursor: pointer; }
.depi-header-preferences__option:hover { background: #f8f5f7; }
.depi-header-preferences__option[aria-pressed="true"] { border-color: #f6cee2; background: #fff0f7; color: #cc267c; }
.depi-header-preferences__option:focus-visible { outline: 2px solid #e83891; outline-offset: -2px; }
.depi-header-preferences__flag { width: 22px !important; height: 16px !important; flex-shrink: 0; }
.depi-header-preferences__flag svg { display: block; width: 100%; height: 100%; }
.depi-header-preferences__currency-copy { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.depi-header-preferences__currency-copy b { font-size: 12px; }
.depi-header-preferences__currency-copy small { font-size: 10px; color: #7a7580; overflow-wrap: anywhere; }
.depi-header-preferences__footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #eee9ed; font-size: 11px; line-height: 1.45; color: #77717a; }
.depi-header-preferences__footer a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.depi-header-preferences__status { margin: 8px 0 0; font-size: 12px; color: #ae225f; }
html[data-storefront-language="ar"] main, html[data-storefront-language="ar"] footer { text-align: start; }
html[data-storefront-language="ar"] .product-card-price, html[data-storefront-language="ar"] [data-price-usd] { direction: ltr; unicode-bidi: isolate; }
@media (max-width: 1020px) {
 .depi-header-preferences__panel { position: fixed; inset-inline: 12px; top: auto; bottom: 18px; width: auto; max-height: calc(100dvh - 100px); padding: 14px; }
 .depi-header-preferences__columns { gap: 10px; }
 .depi-header-preferences__column + .depi-header-preferences__column { padding-inline-start: 10px; }
 .depi-header-preferences__option { min-height: 40px; font-size: 12px; gap: 7px; padding: 7px 5px; }
 .depi-header-preferences__toggle--mobile .depi-header-preferences__selection { gap: 4px; }
 .depi-header-preferences__toggle--mobile .depi-header-preferences__selection > svg { width: 10px; height: 10px; flex: 0 0 10px; }
 .depi-header-preferences__toggle--mobile:focus-visible { outline: 2px solid var(--main-theme-color); outline-offset: -3px; border-radius: 8px; }
}
/* Product galleries calculate positive scroll offsets; identifiers stay readable in RTL. */
html[data-storefront-language="ar"] [data-mobile-gallery-track],
html[data-storefront-language="ar"] [data-desktop-gallery] { direction: ltr; }
html[data-storefront-language="ar"] [data-product-variant-code],
html[data-storefront-language="ar"] [data-product-variant-size],
html[data-storefront-language="ar"] [data-product-family-id] { direction: ltr; unicode-bidi: isolate; }

/* The top-layer dialog fills the viewport even inside the transformed mobile drawer. */
.depi-header-preferences__panel {
 position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; max-height: none;
 margin: 0; padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
 border: 0; border-radius: 0; box-shadow: none; overflow: hidden;
}
.depi-header-preferences__panel[open] { display: flex; flex-direction: column; gap: 18px; }
.depi-header-preferences__panel[hidden] { display: none; }
.depi-header-preferences__heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-shrink: 0; }
.depi-header-preferences__heading strong { font-size: 20px; }
.depi-header-preferences__close { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 10px; background: #f7f3f6; color: #20232b; cursor: pointer; }
.depi-header-preferences__close:focus-visible { outline: 2px solid var(--main-theme-color); outline-offset: 2px; }
.depi-header-preferences__columns { flex: 1; min-height: 0; }
.depi-header-preferences__column { display: flex; flex-direction: column; min-height: 0; }
.depi-header-preferences__list { max-height: none; min-height: 0; flex: 1; }
.depi-header-preferences__option { min-height: 44px; }
.depi-header-preferences__footer { margin-top: 0; flex-shrink: 0; }
html.depi-header-preferences-open, html.depi-header-preferences-open body { overflow: hidden !important; touch-action: auto !important; }