/* FASHIONDEALS — header logo component
   Palette: ivory #F6F1EA, ink #14161C, champagne gold #C8A96A (dark #D4B67A), emerald #0F3D33.
   Theme: <html data-theme="light"> (default) or <html data-theme="dark">.
   Size: set --fd-logo-h on .fd-logo (default 40px). */
:root,[data-theme="light"]{
  --fd-logo-ink:#14161C; --fd-logo-sub:#8C7445; --fd-logo-rule:rgba(200,169,106,.45);
  --fd-logo-shadow:0 10px 22px -10px rgba(20,22,28,.55),0 2px 4px -2px rgba(20,22,28,.35);
}
[data-theme="dark"]{
  --fd-logo-ink:#F6F1EA; --fd-logo-sub:#D4B67A; --fd-logo-rule:rgba(212,182,122,.4);
  --fd-logo-shadow:0 10px 26px -8px rgba(0,0,0,.9),0 0 0 1px rgba(212,182,122,.22);
}
.fd-logo{
  --fd-logo-h:40px;
  display:inline-flex; align-items:center; gap:calc(var(--fd-logo-h)*.36);
  color:var(--fd-logo-ink); text-decoration:none; line-height:1;
  -webkit-tap-highlight-color:transparent; outline:none; border-radius:6px;
}
.fd-logo:focus-visible{outline:1px solid var(--fd-logo-ink); outline-offset:6px}
.fd-logo__stage{perspective:520px; display:inline-block; flex:none}
.fd-logo__mark{
  --rx:0deg; --ry:0deg; --gx:30%; --gy:20%;
  position:relative; display:block; width:var(--fd-logo-h); height:var(--fd-logo-h);
  border-radius:24%; transform-style:preserve-3d;
  transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);
  box-shadow:var(--fd-logo-shadow); overflow:hidden; isolation:isolate;
  transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .4s;
  will-change:transform;
}
.fd-logo__svg{display:block; width:100%; height:100%}
/* light-follow glint that tracks the pointer */
.fd-logo__mark::before{
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,240,205,.24),rgba(255,240,205,0) 55%);
  mix-blend-mode:screen;
}
.fd-logo__sheen,.fd-logo__wordsheen{
  position:absolute; inset:-20% -60%; z-index:3; pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.0) 42%,rgba(255,236,190,.9) 50%,rgba(255,255,255,0) 58%,transparent 62%);
  transform:translateX(-80%); mix-blend-mode:overlay; opacity:0;
}
.fd-logo.is-sheen .fd-logo__sheen{animation:fdSheen 1.15s cubic-bezier(.3,.6,.2,1) both}
.fd-logo__word{position:relative; display:block; overflow:hidden; padding:2px 0}
.fd-logo__wordsvg{display:block; height:calc(var(--fd-logo-h)*.46); width:auto; fill:currentColor}
.fd-logo__wordsheen{
  inset:0; transform:none; opacity:1; mix-blend-mode:normal;
  background:linear-gradient(105deg,transparent 44%,var(--fd-logo-sheen-word) 50%,transparent 56%) 120% 0/300% 100% no-repeat;
  -webkit-mask:var(--fd-word-mask) center/100% 100% no-repeat; mask:var(--fd-word-mask) center/100% 100% no-repeat;
  padding:2px 0; background-clip:content-box; -webkit-mask-origin:content-box; mask-origin:content-box;
}
:root,[data-theme="light"]{--fd-logo-sheen-word:#C8A96A}
[data-theme="dark"]{--fd-logo-sheen-word:#F3DFB0}
.fd-logo.is-sheen .fd-logo__wordsheen{animation:fdWordSheen 1.4s .1s cubic-bezier(.3,.6,.2,1) both}
@keyframes fdWordSheen{from{background-position:120% 0}to{background-position:-20% 0}}
@keyframes fdSheen{0%{transform:translateX(-80%);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateX(80%);opacity:0}}
.fd-logo__rule{width:1px; align-self:stretch; margin:calc(var(--fd-logo-h)*.12) 0; background:var(--fd-logo-rule)}
.fd-logo__tag{
  display:flex; flex-direction:column; gap:.32em;
  font:500 10px/1.05 "Inter Tight","Inter",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  letter-spacing:.2em; text-transform:uppercase; color:var(--fd-logo-sub); white-space:nowrap;
}
.fd-logo:hover .fd-logo__mark{box-shadow:var(--fd-logo-shadow),0 0 0 1px rgba(200,169,106,.35)}
@media (max-width:900px){.fd-logo__rule,.fd-logo__tag{display:none}}
@media (max-width:420px){.fd-logo{--fd-logo-h:34px}}
@media (prefers-reduced-motion:reduce){
  .fd-logo__mark{transform:none!important; transition:none}
  .fd-logo.is-sheen .fd-logo__sheen,.fd-logo.is-sheen .fd-logo__wordsheen{animation:none}
}