#header-group{position:relative;z-index:20}#header-group #header-component .header__row--top{background:color-mix(in srgb,var(--spins-bg-deep) 88%,transparent);border-bottom:1px solid var(--spins-color-border-soft);box-shadow:0 10px 30px #0000003d,0 1px 16px #008cff0f;-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%)}#header-group #header-component .header__row--top .header__columns{min-height:68px}#header-group #header-component .header-logo{filter:drop-shadow(0 0 10px rgba(0,140,255,.14))}#header-group #header-component a.menu-list__link{position:relative;color:var(--spins-color-text);font-family:var(--spins-font-heading);font-weight:600;transition:color var(--spins-transition)}#header-group #header-component a.menu-list__link:before{content:"";position:absolute;right:calc(var(--gap-xl) / 2);bottom:8px;left:calc(var(--gap-xl) / 2);height:2px;border-radius:999px;background:var(--spins-color-accent);box-shadow:0 0 10px #008cff52;opacity:0;transform:scaleX(.35);transform-origin:center;transition:opacity var(--spins-transition),transform var(--spins-transition)}#header-group #header-component a.menu-list__link:is(:hover,:focus-visible),#header-group #header-component a.menu-list__link--active,#header-group #header-component a.menu-list__link[aria-current=page]{color:var(--spins-color-heading)}#header-group #header-component a.menu-list__link:is(:hover,:focus-visible):before,#header-group #header-component a.menu-list__link--active:before,#header-group #header-component a.menu-list__link[aria-current=page]:before{opacity:1;transform:scaleX(1)}#header-group #header-component .header-actions__action{border:1px solid transparent;border-radius:var(--spins-radius-button);transition:color var(--spins-transition),background-color var(--spins-transition),border-color var(--spins-transition),box-shadow var(--spins-transition)}#header-group #header-component .header-actions__action:is(:hover,:focus-visible){color:var(--spins-color-heading);background:var(--spins-color-accent-soft);border-color:var(--spins-color-border-soft);box-shadow:0 8px 22px #008cff1f}#header-group #header-component .header-actions__action:focus-visible,#footer-group footer[class^=spins-footer-] a:focus-visible{outline:2px solid var(--spins-color-accent);outline-offset:3px}#header-group #header-component .header-actions__cart-icon .cart-bubble__background{fill:var(--spins-color-accent)}#footer-group footer[class^=spins-footer-]{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--spins-bg-deep) 0%,var(--spins-bg-main) 100%);border-top-color:var(--spins-color-border-soft);box-shadow:inset 0 1px #008cff24,0 -18px 46px #005cbe12}#footer-group footer[class^=spins-footer-]:before{content:"";position:absolute;top:-140px;left:50%;width:min(900px,90vw);height:260px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,140,255,.12),transparent 68%);transform:translate(-50%)}#footer-group footer[class^=spins-footer-]>[class^=spins-footer-container-]{position:relative;width:min(calc(100% - 40px),var(--spins-max-width));max-width:var(--spins-max-width);padding-inline:0}#footer-group footer[class^=spins-footer-] [class^=spins-footer-main-]{grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(135px,.8fr));align-items:start;gap:clamp(36px,5vw,72px);margin-bottom:34px}#footer-group footer[class^=spins-footer-] [class^=spins-footer-brand-]{max-width:360px}#footer-group footer[class^=spins-footer-] [class^=spins-footer-brand-name-]{font-family:var(--spins-font-heading);font-weight:var(--spins-heading-weight);letter-spacing:-.02em}#footer-group footer[class^=spins-footer-] [class^=spins-footer-logo-]{filter:drop-shadow(0 0 12px rgba(0,140,255,.2))}#footer-group footer[class^=spins-footer-] [class^=spins-footer-description-]{max-width:34ch;line-height:1.7}#footer-group footer[class^=spins-footer-] [class^=spins-footer-column-]{align-items:flex-start}#footer-group footer[class^=spins-footer-] [class^=spins-footer-column-heading-]{position:relative;padding-bottom:12px;font-family:var(--spins-font-heading);font-weight:700;letter-spacing:var(--spins-label-letter-spacing)}#footer-group footer[class^=spins-footer-] [class^=spins-footer-column-heading-]:after{content:"";position:absolute;bottom:3px;left:0;width:30px;height:1px;background:var(--spins-color-accent);box-shadow:0 0 8px #008cff4d}#footer-group footer[class^=spins-footer-] [class^=spins-footer-link-]{position:relative;display:inline-flex;width:fit-content;align-items:center;color:var(--spins-color-text);line-height:1.55;transition:color var(--spins-transition),transform var(--spins-transition)}#footer-group footer[class^=spins-footer-] [class^=spins-footer-link-]:before{content:"";width:0;height:1px;margin-right:0;background:var(--spins-color-accent);transition:width var(--spins-transition),margin-right var(--spins-transition)}#footer-group footer[class^=spins-footer-] [class^=spins-footer-link-]:is(:hover,:focus-visible){color:var(--spins-color-heading);transform:translate(3px)}#footer-group footer[class^=spins-footer-] [class^=spins-footer-link-]:is(:hover,:focus-visible):before{width:12px;margin-right:7px}#footer-group footer[class^=spins-footer-] [class^=spins-footer-social-btn-]{background:var(--spins-surface-card);border-color:var(--spins-color-border-soft);transition:color var(--spins-transition),background-color var(--spins-transition),border-color var(--spins-transition),box-shadow var(--spins-transition),transform var(--spins-transition)}#footer-group footer[class^=spins-footer-] [class^=spins-footer-social-btn-]:hover{background:var(--spins-surface-card-hover);border-color:var(--spins-color-border);box-shadow:0 10px 28px #008cff24;transform:translateY(-2px)}#footer-group footer[class^=spins-footer-] [class^=spins-footer-divider-]{background:linear-gradient(90deg,transparent,var(--spins-color-accent),transparent);opacity:.34;margin-block:28px 22px}#footer-group footer[class^=spins-footer-] [class^=spins-footer-bottom-]{gap:24px}#footer-group footer[class^=spins-footer-] :is([class^=spins-footer-copyright-],[class^=spins-footer-bottom-right-]){line-height:1.5}@media screen and (max-width:989px){#footer-group footer[class^=spins-footer-] [class^=spins-footer-main-]{grid-template-columns:minmax(240px,1.25fr) repeat(2,minmax(140px,.75fr));gap:42px 32px}#footer-group footer[class^=spins-footer-] [class^=spins-footer-column-]:last-child{grid-column:2}}@media screen and (max-width:749px){#header-group #header-component .header__row--top{-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);border-bottom-color:var(--spins-color-border-soft);box-shadow:0 8px 24px #0000003d,0 1px 14px #008cff14}#header-group #header-component .header__row--top .header__columns{min-height:64px;align-items:center}#header-group #header-component .header-logo{display:flex;align-items:center;justify-content:center}#header-group #header-component .header-logo__image{width:auto;max-width:112px;height:28px}#header-group #header-component :is(.header__icon--menu,.header-actions__action){min-width:40px;min-height:40px;align-items:center;justify-content:center}#header-group #header-component .menu-drawer-container .header__icon--summary{padding:10px;color:var(--spins-color-heading);border:1px solid transparent;border-radius:var(--spins-radius-button)}#header-group #header-component .menu-drawer-container .header__icon--summary:is(:hover,:focus-visible){color:var(--spins-color-accent);background:var(--spins-color-accent-soft);border-color:var(--spins-color-border-soft)}#header-group #header-component .menu-drawer{width:min(88vw,360px);max-width:min(88vw,360px);color:var(--spins-color-text);background:linear-gradient(145deg,color-mix(in srgb,var(--spins-color-accent) 7%,transparent),transparent 42%),radial-gradient(circle at 10% 12%,var(--spins-color-accent-soft),transparent 32%),color-mix(in srgb,var(--spins-bg-deep) 96%,transparent);border-right:1px solid var(--spins-color-border);box-shadow:18px 0 48px #00000075,5px 0 28px #008cff1a;-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%)}#header-group #header-component .menu-drawer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,140,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,140,255,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%)}#header-group #header-component .menu-drawer>*{position:relative;z-index:1}#header-group #header-component .menu-drawer__backdrop{background:#00040c47;-webkit-backdrop-filter:blur(5px) brightness(.62);backdrop-filter:blur(5px) brightness(.62)}#header-group #header-component .menu-drawer__close-button{align-self:flex-end;width:40px;height:40px;min-height:40px;margin:14px 16px 4px auto;padding:0;color:var(--spins-color-text);background:var(--spins-surface-card);border:1px solid var(--spins-color-border-soft);border-radius:50%;box-shadow:none;transition:color var(--spins-transition),background-color var(--spins-transition),border-color var(--spins-transition),box-shadow var(--spins-transition)}#header-group #header-component .menu-drawer__close-button:is(:hover,:focus-visible){color:var(--spins-color-accent);background:var(--spins-surface-card-hover);border-color:var(--spins-color-border);box-shadow:0 8px 22px #008cff1f}#header-group #header-component .menu-drawer__navigation{padding:18px 18px 42px}#header-group #header-component .menu-drawer__menu.has-submenu{display:flex;flex-direction:column;gap:12px;padding:0}#header-group #header-component .menu-drawer__menu>.menu-drawer__list-item{min-height:auto;margin:0}#header-group #header-component .menu-drawer__menu-item--mainlist{min-height:58px;padding:14px 18px;color:var(--spins-color-text);font-family:var(--spins-font-heading);font-size:clamp(1.1rem,5vw,1.3rem);font-weight:700;line-height:1.25;letter-spacing:-.015em;background:color-mix(in srgb,var(--spins-surface-card) 84%,transparent);border:1px solid var(--spins-color-border-soft);border-radius:var(--spins-radius-button);box-shadow:0 10px 24px #00000029;transition:color var(--spins-transition),background-color var(--spins-transition),border-color var(--spins-transition),box-shadow var(--spins-transition),transform var(--spins-transition)}#header-group #header-component .menu-drawer__menu-item--mainlist:is(:hover,:focus-visible){color:var(--spins-color-heading);background:var(--spins-surface-card-hover);border-color:var(--spins-color-border);box-shadow:0 12px 28px #008cff1f;transform:translate(2px)}#header-group #header-component .menu-drawer__menu-item--mainlist:is([aria-current=page],.menu-drawer__menu-item--active){color:var(--spins-color-heading);background:linear-gradient(90deg,var(--spins-color-accent-soft),var(--spins-surface-card));border-color:var(--spins-color-border);box-shadow:inset 3px 0 0 var(--spins-color-accent),0 10px 26px #008cff1a}#header-group #header-component .menu-drawer__menu-item--child{min-height:44px;padding:10px 14px;color:var(--spins-color-text);font-size:.95rem;border-radius:8px}#header-group #header-component .menu-drawer__menu-item--child:is(:hover,:focus-visible,[aria-current=page]){color:var(--spins-color-heading);background:var(--spins-color-accent-soft)}#header-group #header-component .menu-drawer__submenu{color:var(--spins-color-text);background:radial-gradient(circle at 10% 10%,var(--spins-color-accent-soft),transparent 34%),var(--spins-bg-deep)}#header-group #header-component .menu-drawer__back-button{color:var(--spins-color-heading);border-bottom:1px solid var(--spins-color-border-soft)}#header-group #header-component .header-actions__action{border-radius:8px}#footer-group footer[class^=spins-footer-]>[class^=spins-footer-container-]{width:min(calc(100% - 40px),var(--spins-max-width))}#footer-group footer[class^=spins-footer-] [class^=spins-footer-main-]{grid-template-columns:1fr;gap:34px;margin-bottom:28px}#footer-group footer[class^=spins-footer-] [class^=spins-footer-column-]:last-child{grid-column:auto}#footer-group footer[class^=spins-footer-] [class^=spins-footer-brand-]{max-width:100%}#footer-group footer[class^=spins-footer-] [class^=spins-footer-description-]{max-width:38ch}#footer-group footer[class^=spins-footer-] [class^=spins-footer-bottom-]{align-items:flex-start;text-align:left}}@media(hover:none){#header-group #header-component a.menu-list__link:hover:before{opacity:0}#footer-group footer[class^=spins-footer-] [class^=spins-footer-link-]:hover{transform:none}}@media(prefers-reduced-motion:reduce){#header-group #header-component *,#footer-group footer[class^=spins-footer-] *{scroll-behavior:auto;transition-duration:.01ms}#footer-group footer[class^=spins-footer-] [class^=spins-footer-link-]:is(:hover,:focus-visible),#footer-group footer[class^=spins-footer-] [class^=spins-footer-social-btn-]:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/spinsdesign-header-footer.css.map */