/* ============================================================================
   Pro Angles — Storefront header (ecommerce). Implements the Claude Design
   "Storefront Header" (templates/storefront-header). Scoped under .sh so it
   never clashes with the rest of the ecommerce theme. EN/AR (RTL).
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&display=swap");

.sh{
  --purple-50:#F9E5FA;--purple-100:#F3CCF5;--purple-200:#E799EA;--purple-300:#DC67E0;--purple-400:#D034D5;
  --purple-500:#C401CB;--purple-600:#A701AD;--purple-700:#830188;--purple-800:#620065;--purple-900:#3B003D;
  --brand-grad:linear-gradient(135deg,#C401CB 0%,#830188 100%);
  --ink-900:#1D1D1B;--ink-800:#212529;--gray-600:#6C757D;--gray-500:#777777;--gray-300:#DDDDDD;
  --gray-200:#E5E5E5;--gray-100:#F5F5F5;--gray-50:#FAFAFA;--border:#E5E5E5;
  --radius:5px;--radius-lg:10px;--shadow:0 2px 10px rgba(0,0,0,.08);--shadow-hover:0 8px 24px rgba(0,0,0,.12);
  --container-max:1200px;--dur:200ms;--ease:cubic-bezier(.4,0,.2,1);
  --font-sans:"Alexandria",Arial,sans-serif;--font-arabic:"Cairo","Alexandria",sans-serif;
  font-family:var(--font-sans);color:var(--ink-800);
}
.sh *{box-sizing:border-box;}
.sh a{text-decoration:none;}
@keyframes sh-drop{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
@keyframes sh-fade{from{opacity:0;}to{opacity:1;}}

.sh-desktop{display:block;}
.sh-mobile{display:none;}

/* ---- Top bar ---- */
.sh-top{background:var(--ink-900);color:rgba(255,255,255,.82);font-size:.8rem;}
.sh-top__in{max-width:var(--container-max);margin:0 auto;padding:.45rem 1.25rem;display:flex;align-items:center;gap:1rem;}
.sh-top__msg{display:flex;align-items:center;gap:.55rem;min-width:0;}
.sh-top__msg i{color:var(--purple-300);font-size:.8rem;}
.sh-top__msg span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sh-top__links{margin-inline-start:auto;display:flex;align-items:center;gap:1.25rem;white-space:nowrap;}
.sh-top__links a{color:rgba(255,255,255,.78);display:inline-flex;align-items:center;gap:.4rem;}
.sh-top__links a:hover{color:#fff;}
.sh-top__dismiss{background:transparent;border:none;color:rgba(255,255,255,.55);cursor:pointer;font-size:.85rem;padding:0 0 0 .25rem;line-height:1;}
.sh-top__dismiss:hover{color:#fff;}

/* ---- Sticky main bar ---- */
.sh-sticky{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 1px 0 var(--border),var(--shadow);}
.sh-bar{max-width:var(--container-max);margin:0 auto;padding:1rem 1.25rem;display:flex;align-items:center;gap:1.75rem;}
.sh-logo{display:flex;align-items:center;gap:.6rem;flex-shrink:0;}
.sh-logo img{display:block;height:auto;max-height:46px;}
.sh-logo__mark{width:40px;height:40px;flex-shrink:0;border-radius:9px;background:var(--brand-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;}
.sh-logo__name{font-weight:700;color:var(--ink-900);font-size:1.15rem;letter-spacing:-.01em;}

/* ---- Search ---- */
.sh-search{flex:1;max-width:580px;position:relative;}
.sh-search__box{display:flex;align-items:center;height:48px;border:1.5px solid var(--gray-200);border-radius:50rem;background:var(--gray-50);overflow:hidden;transition:border-color var(--dur) var(--ease);}
.sh-search__box:focus-within{border-color:var(--purple-300);background:#fff;}
.sh-search__icon{color:var(--gray-500);font-size:.95rem;padding-inline:1.1rem .5rem;}
.sh-search__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-sans);font-size:.95rem;color:var(--ink-800);min-width:0;height:100%;}
.sh-search__btn{height:100%;border:none;background:var(--purple-500);color:#fff;font-family:var(--font-sans);font-weight:600;font-size:.9rem;padding:0 1.4rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;}
.sh-search__btn:hover{background:var(--purple-600);}
/* typeahead dropdown rendered by ecommerce.js into .search-result */
.sh-search .search-result{position:absolute;top:calc(100% + .55rem);inset-inline:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);z-index:50;padding:0;animation:sh-drop var(--dur) var(--ease);max-height:min(70vh,440px);overflow-y:auto;}
.sh .search-result{max-height:min(70vh,440px);overflow-y:auto;}
.sh .search-result .man-section{display:flex;align-items:center;gap:.85rem;padding:.6rem 1.1rem;color:var(--ink-800);border-top:1px solid var(--gray-100);text-decoration:none;}
.sh .search-result .man-section:first-child{border-top:none;}
.sh .search-result .man-section:hover{background:var(--purple-50);}
.sh .search-result .image-section img{width:46px;height:46px;border-radius:var(--radius);object-fit:cover;background:var(--gray-100);display:block;}
.sh .search-result .description-section h4{margin:0;font-size:.92rem;font-weight:600;color:var(--ink-900);}
.sh .search-result .empty-message{padding:1.6rem;text-align:center;color:var(--gray-600);font-size:.9rem;}
/* "see all results" footer (added by storefront-header.js) */
.sh-see-all{position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem;text-decoration:none;font-weight:600;font-size:.88rem;color:var(--purple-600);border-top:1px solid var(--gray-100);background:var(--gray-50);}
.sh-see-all:hover{background:var(--purple-50);}

/* ---- Trailing actions ---- */
.sh-actions{margin-inline-start:auto;display:flex;align-items:center;gap:1.1rem;flex-shrink:0;}
.sh-lang{display:inline-flex;padding:3px;background:var(--gray-100);border-radius:50rem;font-size:.8rem;font-weight:600;}
.sh-lang a{padding:.35rem .7rem;border-radius:50rem;background:transparent;color:var(--gray-600);line-height:1.4;}
.sh-lang a.is-active{background:var(--purple-500);color:#fff;}
.sh-lang a.ar{font-family:var(--font-arabic);}
.sh-account{display:flex;align-items:center;gap:.55rem;color:var(--ink-800);}
.sh-account:hover{color:var(--purple-600);}
.sh-account i{font-size:1.25rem;}
.sh-account__txt{display:flex;flex-direction:column;line-height:1.15;}
.sh-account__top{font-size:.72rem;color:var(--gray-600);}
.sh-account__bottom{font-size:.86rem;font-weight:600;color:var(--ink-900);white-space:nowrap;}
.sh-iconbtn{position:relative;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-800);font-size:1.2rem;}
.sh-iconbtn:hover{background:var(--gray-100);color:var(--purple-600);}
.sh-badge{position:absolute;top:0;inset-inline-end:-2px;min-width:19px;height:19px;padding:0 4px;border-radius:50rem;background:var(--purple-500);color:#fff;font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff;line-height:1;}
.sh-badge--dark{background:var(--ink-900);box-shadow:none;top:2px;inset-inline-end:0;min-width:18px;height:18px;}

/* ---- Primary nav ---- */
.sh-nav{border-top:1px solid var(--gray-100);position:relative;}
.sh-nav__in{max-width:var(--container-max);margin:0 auto;padding:0 1.25rem;display:flex;align-items:stretch;gap:.25rem;}
.sh-cats{display:inline-flex;align-items:center;gap:.6rem;border:none;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:.9rem;color:#fff;background:var(--purple-500);padding:.85rem 1.2rem;margin-inline-end:.75rem;border-radius:0 0 var(--radius) var(--radius);white-space:nowrap;flex-shrink:0;}
.sh-cats:hover{background:var(--purple-600);}
.sh-link{display:inline-flex;align-items:center;gap:.4rem;padding:.85rem .7rem;font-size:.9rem;font-weight:500;color:var(--ink-800);border-bottom:2px solid transparent;white-space:nowrap;}
.sh-link i{font-size:.82rem;color:var(--purple-500);}
.sh-link:hover{color:var(--purple-600);border-bottom-color:var(--purple-500);}
.sh-brandsbtn{display:inline-flex;align-items:center;gap:.4rem;border:none;cursor:pointer;background:transparent;font-family:var(--font-sans);padding:.85rem .7rem;font-size:.9rem;font-weight:500;color:var(--ink-800);border-bottom:2px solid transparent;white-space:nowrap;}
.sh-brandsbtn:hover{color:var(--purple-600);}
.brands-open .sh-brandsbtn{color:var(--purple-600);border-bottom-color:var(--purple-500);}
.sh-bundles{margin-inline-start:auto;align-self:center;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.88rem;font-weight:600;color:var(--purple-700);background:var(--purple-50);border:1px solid var(--purple-200);border-radius:50rem;}
.sh-bundles:hover{background:var(--purple-100);}
.sh-bundles__tag{font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--brand-grad);color:#fff;padding:.12rem .4rem;border-radius:50rem;}

/* ---- Mega menu + brands panel ---- */
.sh-mega,.sh-brands-panel{position:absolute;top:100%;inset-inline:0;z-index:45;display:none;justify-content:center;animation:sh-drop var(--dur) var(--ease);}
.mega-open .sh-mega{display:flex;}
.brands-open .sh-brands-panel{display:flex;}
.sh-mega__panel{width:100%;max-width:var(--container-max);margin:0 1.25rem;background:#fff;border:1px solid var(--border);border-top:3px solid var(--purple-500);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-hover);display:flex;overflow:hidden;}
.sh-mega__grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem 0;padding:1.5rem 1.75rem;}
.sh-mega__col{padding-inline-end:1rem;min-width:0;}
.sh-mega__head{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;color:var(--ink-900);margin-bottom:.7rem;}
.sh-mega__head i{color:var(--purple-500);font-size:.85rem;}
.sh-mega__col a{display:block;color:var(--gray-600);font-size:.86rem;padding:.22rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sh-mega__col a:hover{color:var(--purple-600);}
.sh-mega__promo{flex:0 0 240px;position:relative;color:#fff;background:var(--brand-grad);padding:1.6rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;}
.sh-mega__promo i{position:absolute;top:-10px;inset-inline-end:-10px;font-size:6rem;opacity:.14;}
.sh-mega__promo .eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.85;}
.sh-mega__promo .title{font-size:1.3rem;font-weight:700;line-height:1.2;margin:.4rem 0 .8rem;}
.sh-mega__promo .cta{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.88rem;color:#fff;}
.sh-brands-panel__box{max-width:var(--container-max);width:100%;margin:0 1.25rem;}
.sh-brands-panel__inner{display:inline-block;background:#fff;border:1px solid var(--border);border-top:3px solid var(--purple-500);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-hover);padding:1.25rem 1.5rem;min-width:420px;}
.sh-brands-panel__inner h4{font-size:.82rem;font-weight:700;color:var(--ink-900);margin:0 0 .85rem;}
.sh-brands-grid{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:.4rem 1.5rem;}
.sh-brands-grid a{color:var(--gray-600);font-size:.88rem;padding:.25rem 0;}
.sh-brands-grid a:hover{color:var(--purple-600);}

.sh-catcher{position:fixed;inset:0;z-index:20;display:none;}
.menu-open .sh-catcher{display:block;}

/* ============================ MOBILE ============================ */
.sh-mannounce{background:var(--ink-900);color:rgba(255,255,255,.85);font-size:.72rem;padding:.4rem .9rem;display:flex;align-items:center;gap:.5rem;}
.sh-mannounce i{color:var(--purple-300);flex-shrink:0;}
.sh-mannounce span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sh-mannounce button{background:transparent;border:none;color:rgba(255,255,255,.55);cursor:pointer;font-size:.8rem;flex-shrink:0;}
.sh-msticky{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 1px 0 var(--border),var(--shadow);}
.sh-mbar{display:flex;align-items:center;gap:.35rem;padding:.65rem .85rem;}
.sh-mbtn{width:44px;height:44px;flex-shrink:0;border:none;background:transparent;color:var(--ink-900);font-size:1.3rem;cursor:pointer;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;}
.sh-mbtn:hover{background:var(--gray-100);}
.sh-mlogo{display:flex;align-items:center;gap:.5rem;margin-inline:auto;}
.sh-mlogo img{max-height:36px;}
.sh-msearch{display:none;padding:0 .85rem .7rem;animation:sh-drop var(--dur) var(--ease);position:relative;}
.search-open .sh-msearch{display:block;}
.sh-msearch__box{display:flex;align-items:center;height:46px;border:1.5px solid var(--purple-300);border-radius:50rem;background:var(--gray-50);overflow:hidden;}
.sh-drawer{position:fixed;top:0;inset-inline-start:0;bottom:0;z-index:61;width:min(88vw,340px);background:#fff;display:flex;flex-direction:column;box-shadow:var(--shadow-hover);transform:translateX(-110%);transition:transform var(--dur) var(--ease);}
/* inset-inline-start:0 already pins to the start edge (right in RTL); only the hide
   direction must flip, since translateX is physical and does not mirror with dir. */
[dir=rtl] .sh-drawer{transform:translateX(110%);}
.drawer-open .sh-drawer,[dir=rtl] .drawer-open .sh-drawer{transform:translateX(0);}
.sh-backdrop{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5);display:none;animation:sh-fade var(--dur) var(--ease);}
.drawer-open .sh-backdrop{display:block;}
.sh-drawer__head{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;border-bottom:1px solid var(--border);}
.sh-drawer__head .sh-logo__name{font-size:1rem;}
.sh-drawer__close{margin-inline-start:auto;width:38px;height:38px;border:none;background:var(--gray-100);border-radius:50%;color:var(--ink-800);cursor:pointer;font-size:1rem;}
.sh-drawer__body{flex:1;overflow-y:auto;}
.sh-drawer__acct{display:flex;align-items:center;gap:.75rem;padding:1rem;color:var(--ink-900);border-bottom:1px solid var(--gray-100);}
.sh-drawer__acct .ava{width:40px;height:40px;border-radius:50%;background:var(--purple-50);color:var(--purple-700);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;}
.sh-drawer__acct .chev{margin-inline-start:auto;color:var(--gray-500);font-size:.8rem;}
.sh-mlink{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;color:var(--ink-800);font-weight:500;}
.sh-mlink:hover{background:var(--gray-50);}
.sh-mlink i{width:20px;text-align:center;color:var(--purple-500);font-size:.9rem;}
.sh-acc{border-top:1px solid var(--gray-100);}
.sh-acc__btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--ink-900);text-align:start;}
.sh-acc__btn>i:first-child{width:20px;text-align:center;color:var(--purple-500);}
.sh-acc__btn .chev{margin-inline-start:auto;font-size:.78rem;color:var(--gray-500);}
.sh-acc__btn .chev .up{display:none;}
.sh-acc.is-open .sh-acc__btn .chev .down{display:none;}
.sh-acc.is-open .sh-acc__btn .chev .up{display:inline;}
.sh-acc__body{display:none;background:var(--gray-50);padding:.2rem 1rem .7rem 2.05rem;}
.sh-acc.is-open .sh-acc__body{display:block;}
.sh-acc__group{padding:.5rem 0;}
.sh-acc__group h5{font-size:.76rem;font-weight:700;color:var(--purple-700);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .35rem;}
.sh-acc__links{display:flex;flex-wrap:wrap;gap:.3rem .9rem;}
.sh-acc__links a{color:var(--gray-600);font-size:.85rem;padding:.15rem 0;}
.sh-mbundles{display:flex;align-items:center;gap:.75rem;margin:.6rem 1rem;padding:.75rem 1rem;color:var(--purple-700);background:var(--purple-50);border:1px solid var(--purple-200);border-radius:var(--radius);}
.sh-mbundles .tag{margin-inline-start:auto;font-size:.62rem;font-weight:700;text-transform:uppercase;background:var(--brand-grad);color:#fff;padding:.15rem .45rem;border-radius:50rem;}
.sh-drawer__foot{border-top:1px solid var(--border);padding:.85rem 1rem;display:flex;align-items:center;gap:.75rem;}
.sh-drawer__foot .wish{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem;border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--ink-800);font-weight:600;font-size:.85rem;}

@media (max-width:992px){
  .sh-desktop{display:none;}
  .sh-mobile{display:block;}
}

/* ============================================================================
   DARK HEADER THEME (admin toggle: Website Settings → Header → "Dark header").
   Applied by adding .sh--dark on the .sh root. Keeps the magenta brand accent;
   only surfaces/text flip to a deep charcoal palette. Explicit overrides (rather
   than flipping the palette vars) so the already-dark top bar stays correct.
   ========================================================================== */
.sh--dark{
  --sh-bg:#15171C;        /* main bars / drawer */
  --sh-bg-2:#1B1E24;      /* inputs, panels, dropdowns */
  --sh-bg-3:#23262E;      /* hovers, chips */
  --sh-text:#E6E8EC;      /* body text */
  --sh-strong:#F5F6F8;    /* headings */
  --sh-muted:#9AA0AA;     /* secondary text */
  --sh-border:#2B2F38;
  color:var(--sh-text);
}
/* layered top bar */
.sh--dark .sh-top,.sh--dark .sh-mannounce{background:#0E0F13;}
/* sticky main bar */
.sh--dark .sh-sticky,.sh--dark .sh-msticky{background:var(--sh-bg);box-shadow:0 1px 0 var(--sh-border),0 2px 16px rgba(0,0,0,.5);}
.sh--dark .sh-logo__name,.sh--dark .sh-mlogo .sh-logo__name{color:var(--sh-strong);}
/* search */
.sh--dark .sh-search__box,.sh--dark .sh-msearch__box{background:var(--sh-bg-2);border-color:var(--sh-border);}
.sh--dark .sh-search__box:focus-within{background:#0F1115;border-color:var(--purple-400);}
.sh--dark .sh-search__input{color:var(--sh-text);}
.sh--dark .sh-search__input::placeholder{color:var(--sh-muted);}
.sh--dark .sh-search__icon{color:var(--sh-muted);}
.sh--dark .sh-search .search-result{background:var(--sh-bg-2);border-color:var(--sh-border);}
.sh--dark .sh .search-result .man-section{color:var(--sh-text);border-top-color:var(--sh-border);}
.sh--dark .sh .search-result .man-section:hover{background:var(--sh-bg-3);}
.sh--dark .sh .search-result .description-section h4{color:var(--sh-strong);}
.sh--dark .sh .search-result .image-section img{background:var(--sh-bg-3);}
.sh--dark .sh .search-result .empty-message{color:var(--sh-muted);}
.sh--dark .sh-see-all{background:var(--sh-bg-3);border-top-color:var(--sh-border);color:var(--purple-300);}
.sh--dark .sh-see-all:hover{background:#2A2E37;}
/* trailing actions */
.sh--dark .sh-lang{background:var(--sh-bg-3);}
.sh--dark .sh-lang a{color:var(--sh-muted);}
.sh--dark .sh-lang a.is-active{background:var(--purple-500);color:#fff;}
.sh--dark .sh-account{color:var(--sh-text);}
.sh--dark .sh-account:hover{color:var(--purple-300);}
.sh--dark .sh-account__top{color:var(--sh-muted);}
.sh--dark .sh-account__bottom{color:var(--sh-strong);}
.sh--dark .sh-iconbtn{color:var(--sh-text);}
.sh--dark .sh-iconbtn:hover{background:var(--sh-bg-3);color:var(--purple-300);}
.sh--dark .sh-badge{box-shadow:0 0 0 2px var(--sh-bg);}
/* primary nav */
.sh--dark .sh-nav{border-top-color:var(--sh-border);}
.sh--dark .sh-link,.sh--dark .sh-brandsbtn{color:var(--sh-text);}
.sh--dark .sh-link i{color:var(--purple-300);}
.sh--dark .sh-link:hover,.sh--dark .sh-brandsbtn:hover{color:var(--purple-300);}
.sh--dark .sh-bundles,.sh--dark .sh-mbundles{background:rgba(196,1,203,.16);border-color:var(--purple-700);color:var(--purple-200);}
.sh--dark .sh-bundles:hover{background:rgba(196,1,203,.26);}
/* mega menu + brands panel */
.sh--dark .sh-mega__panel,.sh--dark .sh-brands-panel__inner{background:var(--sh-bg-2);border-color:var(--sh-border);}
.sh--dark .sh-mega__head,.sh--dark .sh-brands-panel__inner h4{color:var(--sh-strong);}
.sh--dark .sh-mega__col a,.sh--dark .sh-brands-grid a{color:var(--sh-muted);}
.sh--dark .sh-mega__col a:hover,.sh--dark .sh-brands-grid a:hover{color:var(--purple-300);}
.sh--dark .sh-mega__head i{color:var(--purple-300);}
/* mobile drawer */
.sh--dark .sh-mbtn{color:var(--sh-text);}
.sh--dark .sh-mbtn:hover{background:var(--sh-bg-3);}
.sh--dark .sh-drawer{background:var(--sh-bg);}
.sh--dark .sh-drawer__head{border-bottom-color:var(--sh-border);}
.sh--dark .sh-drawer__close{background:var(--sh-bg-3);color:var(--sh-text);}
.sh--dark .sh-drawer__acct{color:var(--sh-strong);border-bottom-color:var(--sh-border);}
.sh--dark .sh-drawer__acct .ava{background:rgba(196,1,203,.18);color:var(--purple-200);}
.sh--dark .sh-drawer__acct .chev{color:var(--sh-muted);}
.sh--dark .sh-mlink{color:var(--sh-text);}
.sh--dark .sh-mlink:hover{background:var(--sh-bg-2);}
.sh--dark .sh-mlink i{color:var(--purple-300);}
.sh--dark .sh-acc{border-top-color:var(--sh-border);}
.sh--dark .sh-acc__btn{color:var(--sh-strong);}
.sh--dark .sh-acc__btn>i:first-child{color:var(--purple-300);}
.sh--dark .sh-acc__btn .chev{color:var(--sh-muted);}
.sh--dark .sh-acc__body{background:var(--sh-bg-2);}
.sh--dark .sh-acc__group h5{color:var(--purple-300);}
.sh--dark .sh-acc__links a{color:var(--sh-muted);}
.sh--dark .sh-drawer__foot{border-top-color:var(--sh-border);}
.sh--dark .sh-drawer__foot .wish{border-color:var(--sh-border);color:var(--sh-text);}