/* ==========================================================================
   AnimeSklep – theme.css: topbar, header/nav/megamenu/search, hero shell,
   przyciski, karty, footer, animacje + mini-cart (cart.css) i baner cookies
   (cookies.css) z bety, scalone w jeden plik (bez własnego build stepu).
   Źródło: beta/assets/css/style.css (bez bloku :root – patrz assets/css/tokens/),
   beta/assets/css/cart.css, beta/assets/css/cookies.css.
   Klasy/id identyczne jak w becie – nie zmieniaj nazw.
   ========================================================================== */

/* ---------- Fonty (samohosting WOFF2) ---------- */
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/Archivo-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/Archivo-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/WorkSans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/WorkSans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Sans JP";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/NotoSansJP-900-subset.woff2") format("woff2");unicode-range:U+3099,U+30A2-30A3,U+30AD-30AE,U+30C8-30CA,U+30D5-30D6,U+30DE,U+30E5,U+30EB,U+4E94,U+4EBA,U+5168,U+546A,U+5BB6,U+5C0F,U+5DE8,U+6295,U+65CF,U+670D,U+6761,U+6D77,U+6EC5,U+7269,U+7A3F,U+82F1,U+8853,U+8CCA,U+90E8,U+92F8,U+96C4,U+96FB,U+9B3C}

/* ---------- Reset / baza ---------- */
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:dark;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:normal;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:var(--v-400);text-decoration:none;transition:color .25s}
a:hover{color:var(--v-300)}
img{display:block;max-width:100%}
button{font:inherit;color:inherit}
h1,h2,h3,p{margin:0}
input::placeholder{color:var(--g-500)}
svg{flex:none}
:focus-visible{outline:2px solid var(--v-400);outline-offset:2px;box-shadow:var(--focus-ring)}
.skip-link{position:absolute;left:16px;top:-100px;z-index:100;background:var(--v-600);color:#fff;padding:12px 16px;border-radius:4px;font-weight:600}
.skip-link:focus{top:16px;color:#fff}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Animacje ---------- */
@keyframes as-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes as-glow{0%,100%{opacity:.55}50%{opacity:.9}}
@keyframes as-heart-pop{0%{transform:scale(1)}30%{transform:scale(.7)}60%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes as-heart-burst{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.9);opacity:0}}
@keyframes as-heart-spark{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}100%{transform:rotate(var(--a)) translateY(-22px) scale(0);opacity:0}}
@keyframes as-badge-bump{0%{transform:scale(1)}40%{transform:scale(1.5)}100%{transform:scale(1)}}
@keyframes as-slide-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes as-toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ---------- Wspólne ---------- */
.as-page{position:relative;width:100%;max-width:var(--container);margin:0 auto;display:flex;flex-direction:column}
.as-section{padding:0 var(--gutter) var(--section-gap);display:flex;flex-direction:column;gap:28px}
.as-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.as-h2{font-family:var(--font-display);font-weight:900;font-size:40px;letter-spacing:-.02em}
.as-h2--tight{line-height:1.02}
.as-more{font-weight:600;font-size:14px;white-space:nowrap}
.as-micro{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--g-400);font-weight:600}
.as-glow{position:absolute;filter:blur(30px);pointer-events:none;animation:as-glow 6s ease-in-out infinite}
.as-glow--pink{animation-duration:7s;animation-delay:2s}

.as-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 24px;border-radius:4px;border:0;font-family:var(--font-sans);font-weight:600;font-size:16px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s,background .25s,border-color .25s,color .25s}
.as-btn::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 47%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.22) 53%,transparent 65%);transform:translateX(-130%) skewX(-8deg);transition:transform .7s var(--ease)}
.as-btn:hover::before{transform:translateX(130%) skewX(-8deg)}
.as-btn:hover{transform:translateY(-2px)}
.as-btn:active{transform:translateY(0)}
.as-btn--primary{background:var(--v-600);color:#fff}
.as-btn--primary:hover{background:var(--v-500);color:#fff}
.as-btn--accent{background:var(--pink);color:var(--g-950)}
.as-btn--accent:hover{background:var(--pink-hover);color:var(--g-950)}
.as-btn--outline{background:transparent;border:1px solid var(--g-700);color:var(--g-100)}
.as-btn--outline:hover{border-color:var(--v-400);color:var(--v-400)}
.as-btn--xl{height:56px;padding:0 28px}
.as-btn--xl.as-btn--outline{padding:0 24px}
.as-btn--sm{height:44px;padding:0 16px;font-size:14px}
.as-btn__price{font-family:var(--font-display);font-weight:900}

.as-tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:2px;white-space:nowrap}
.as-tag--pink{background:var(--pink);color:var(--g-950)}
.as-tag--violet{background:var(--v-600);color:#fff}
.as-tag--white{background:var(--g-100);color:var(--g-950)}
.as-tag--green{background:var(--emerald);color:var(--g-950)}

.as-kicker{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--v-400)}
.as-kicker::before{content:"";width:24px;height:2px;background:currentColor}
.as-kicker--green{color:var(--emerald)}
.as-kicker--pink{color:var(--pink)}
.as-kicker--dot::before{width:8px;height:8px;border-radius:50%}

/* odometr */
.as-roll{display:inline-flex;line-height:1;font-variant-numeric:tabular-nums}
.as-roll__ch{display:inline-block;white-space:pre}
.as-roll__d{display:inline-block;height:1em;overflow:hidden;vertical-align:top}
.as-roll__col{display:flex;flex-direction:column;transition:transform .55s var(--ease)}
.as-roll__col span{height:1em;line-height:1}

/* ---------- TopBar ---------- */
.as-topbar{height:40px;background:linear-gradient(90deg,#6D28D9,#7C3AED 45%,#9333EA);display:flex;align-items:center;overflow:hidden;position:relative;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#fff}
.as-topbar__lines{position:absolute;inset:0;background:repeating-linear-gradient(112deg,transparent 0 18px,rgba(255,255,255,.07) 18px 19px);pointer-events:none}
.as-topbar__promo{position:absolute;left:0;top:0;bottom:0;z-index:2;background:var(--pink);color:var(--g-950);display:flex;align-items:center;gap:0;padding:0 20px 0 max(var(--gutter),calc((100% - var(--content)) / 2));clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.04em;min-width:453px;white-space:nowrap}
.as-topbar__ticker-wrap{position:absolute;top:0;bottom:0;left:0;right:max(var(--gutter),calc((100% - var(--content)) / 2));overflow:hidden;display:flex;align-items:center;mask-image:linear-gradient(90deg,#000 calc(100% - 80px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 80px),transparent)}
.as-topbar__ticker{display:flex;width:max-content;animation:as-ticker 28s linear infinite}
.as-topbar__track{display:flex;gap:40px;padding-right:40px;white-space:nowrap}
.as-topbar__sep{color:var(--pink)}

/* ---------- Header ---------- */
.as-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#17181C 0%,#0F1013 100%);border-bottom:1px solid var(--border);transition:box-shadow .25s ease}
.as-header.is-scrolled{box-shadow:0 12px 40px rgba(0,0,0,.55),0 1px 0 rgba(124,58,237,.35)}
.as-header__bg{position:absolute;inset:0;background-image:var(--screentone);background-size:8px 8px;mask-image:linear-gradient(90deg,#000 0,transparent 30%,transparent 70%,#000);-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 30%,transparent 70%,#000);opacity:.7;pointer-events:none;overflow:hidden}
.as-header__glow{position:absolute;top:-97px;left:116px;width:600px;height:311px;background:radial-gradient(ellipse at center,rgba(124,58,237,.45),transparent 70%)}
.as-header__bar{position:relative;height:102px;transition:height .35s var(--ease);padding:0 var(--gutter);max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;gap:24px}
.as-header.is-scrolled .as-header__bar{height:74px}

.as-logo{display:flex;align-items:center;gap:12px;color:var(--g-100);width:max-content}
.as-logo:hover{color:var(--g-100)}
.as-logo__mark{width:30px;height:30px;flex:none;background:var(--v-600);display:grid;place-items:center;font-family:var(--font-jp);font-weight:900;font-size:19px;line-height:1;color:#fff;border-radius:4px;box-shadow:0 0 22px rgba(124,58,237,.6);position:relative;overflow:hidden}
.as-logo__corner{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;background:var(--pink);transform:rotate(45deg)}
.as-logo__text{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:-.04em;line-height:1;transform:translateY(1px)}
.as-logo--footer .as-logo__mark{width:24px;height:24px;font-size:15px;border-radius:3px;box-shadow:none}
.as-logo--footer .as-logo__corner{right:-4px;bottom:-4px;width:10px;height:10px}
.as-logo--footer .as-logo__text{font-size:24px;text-transform:uppercase}
.as-logo--footer{gap:8px}

.as-nav{display:flex;justify-content:center;align-items:center;gap:4px;height:100%;font-size:16px;font-weight:500}
.as-nav__link{position:relative;padding:0 14px;height:100%;display:flex;align-items:center;white-space:nowrap;color:var(--g-300);border-bottom:2px solid transparent;transition:color .25s,border-color .25s}
.as-nav__link:hover{color:var(--g-100)}
.as-nav__link.is-open{border-bottom-color:var(--v-400)}
.as-nav__link.is-active{color:var(--g-100);font-weight:600;text-shadow:0 0 16px rgba(167,139,250,.6)}
.as-nav__marker{position:absolute;left:14px;right:14px;bottom:-2px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--v-600),var(--pink));box-shadow:0 0 16px rgba(255,77,141,.6),0 -6px 24px rgba(124,58,237,.35)}

.as-actions{display:flex;justify-content:flex-end;gap:8px}
.as-iconbtn{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:4px;color:var(--g-100);background:transparent;border:0;cursor:pointer;transition:background .25s,color .25s}
.as-iconbtn:hover,.as-iconbtn.is-active{background:var(--g-900);color:var(--g-100)}
.as-badge{position:absolute;top:2px;right:2px;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px;line-height:1}
.as-badge--cart{background:var(--pink);color:var(--g-950)}
.as-badge--fav{background:var(--v-600);color:#fff;box-shadow:0 0 12px rgba(124,58,237,.6)}
.as-badge.is-bump{animation:as-badge-bump .45s var(--ease)}
.as-burger{display:none}

/* panele pod headerem */
.as-panel{position:absolute;top:100%;left:0;right:0;background:var(--g-880);border-bottom:1px solid var(--border);box-shadow:var(--shadow-panel);z-index:6}
.as-panel__inner{max-width:var(--content);margin:0 auto}

.as-search{padding:24px var(--gutter) 32px}
.as-search .as-panel__inner{display:flex;flex-direction:column;gap:16px}
.as-search__field{height:52px;background:var(--g-950);border:1px solid var(--v-400);border-radius:4px;display:flex;align-items:center;gap:12px;padding:0 16px;box-shadow:0 0 0 4px rgba(124,58,237,.12)}
.as-search__input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--g-100);font-family:var(--font-sans);font-size:16px}
.as-search__kbd{font-size:12px;color:var(--g-500);border:1px solid var(--border);border-radius:3px;padding:2px 6px;font-family:var(--font-sans)}
.as-search__cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.as-search__col{display:flex;flex-direction:column;gap:4px}
.as-search__col .as-micro{padding:4px 8px 10px}
.as-search__item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:4px;color:var(--g-100)}
.as-search__item:hover{background:var(--g-850);color:var(--g-100)}
.as-avatar{width:36px;height:36px;border-radius:50%;background:var(--g-800);display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:14px;color:var(--v-400);flex:none}
.as-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.as-search__item-text{display:flex;flex-direction:column}
.as-search__item-text b{font-weight:600}
.as-search__item-text small{font-size:12px;color:var(--g-400)}
.as-search__link{padding:8px;border-radius:4px;color:var(--g-100)}
.as-search__link:hover{background:var(--g-850);color:var(--g-100)}
.as-search__empty{padding:8px;color:var(--g-500);font-size:14px}

.as-mega{padding:32px var(--gutter) 40px}
.as-mega__panel[hidden]{display:none}
.as-mega .as-panel__inner{display:grid;grid-template-columns:1fr 320px;gap:48px}
.as-mega__main{display:flex;flex-direction:column;gap:24px}
.as-mega__head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:16px}
.as-mega__title{display:flex;align-items:baseline;gap:12px}
.as-mega__title b{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:-.02em}
.as-mega__title span{font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--g-800)}
.as-mega__head a{font-size:14px;font-weight:600}
/* repeat(4,1fr) w becie zakładał zawsze dokładnie 4 kolumny (statyczne dane
   demo) – u nas liczba kolumn to liczba realnych podpozycji 2. poziomu w
   Wygląd → Menu (dziś 2 dla Figurki), więc auto-fit zamiast sztywnej liczby,
   inaczej puste kolumny grida zostawiałyby wielką dziurę po prawej. */
.as-mega__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px}
.as-mega__col{display:flex;flex-direction:column;gap:2px}
.as-mega__col .as-micro{padding:0 10px 10px}
.as-mega__link{padding:8px 10px;border-radius:4px;color:var(--g-300);font-weight:500;font-size:14px;display:flex;justify-content:space-between;gap:8px}
.as-mega__link:hover{background:var(--g-900);color:var(--g-100)}
.as-mega__link span:last-child{color:var(--g-500);font-weight:400;font-size:12px}
.as-mega__chips{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:20px}
.as-mega__chips .as-micro{align-self:center;margin-right:8px}
.as-chip{height:32px;padding:0 12px;display:flex;align-items:center;border:1px solid var(--border);border-radius:16px;color:var(--g-300);font-size:13px;font-weight:500;transition:border-color .25s,color .25s}
.as-chip:hover{border-color:var(--v-400);color:var(--v-400)}
.as-mega__promo{position:relative;border-radius:4px;overflow:hidden;background:var(--g-900);display:block;min-height:300px;color:var(--g-100)}
.as-mega__promo img{width:100%;height:300px;object-fit:cover}
.as-mega__promo-shade{position:absolute;inset:auto 0 0 0;height:65%;background:linear-gradient(180deg,transparent,rgba(11,12,15,.92));pointer-events:none}
.as-mega__promo-txt{position:absolute;left:16px;bottom:16px;right:16px;display:flex;flex-direction:column;gap:6px;pointer-events:none}
.as-mega__promo-txt .as-tag{width:max-content}
.as-mega__promo-txt b{font-family:var(--font-display);font-weight:900;font-size:22px;line-height:1.1}

/* menu mobilne */
.as-mobile{display:none;padding:8px var(--gutter) 24px}
.as-mobile a{display:flex;justify-content:space-between;padding:14px 10px;border-radius:4px;color:var(--g-100);font-weight:600;font-size:16px;border-bottom:1px solid var(--border)}
.as-mobile a span{color:var(--g-500);font-weight:400}

/* ---------- Hero ---------- */
.as-hero{position:relative;padding:72px var(--gutter) 80px;height:calc(591px + 72px + 80px);overflow:hidden;z-index:1}
.as-hero__lines{position:absolute;inset:0;height:786px;background:repeating-linear-gradient(112deg,transparent 0 36px,rgba(42,45,52,.35) 36px 37px);mask-image:linear-gradient(90deg,transparent 40%,#000 80%);-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000 80%);pointer-events:none}
.as-hero__slides{position:relative;display:grid}
.as-slide{grid-area:1/1;position:relative;display:grid;grid-template-columns:1fr 620px;gap:64px;align-items:center;visibility:hidden;opacity:0}
.as-slide.is-active{visibility:visible;opacity:1;animation:as-slide-in .55s var(--ease)}
.as-slide__text{position:relative;display:flex;flex-direction:column;gap:28px}
.as-h1{font-family:var(--font-display);font-weight:900;font-size:64px;line-height:.98;letter-spacing:-.025em;text-wrap:balance}
.as-h1 .accent{color:var(--pink)}
.as-lead{font-size:18px;line-height:1.5;color:var(--g-400);max-width:520px;text-wrap:pretty}
.as-slide__ctas{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.as-slide__stats{display:flex;gap:36px;font-size:14px;color:var(--g-400);padding-top:24px;border-top:1px solid var(--border);max-width:520px}
.as-slide__stats > span{display:flex;flex-direction:column;gap:2px}
.as-slide__stats b{color:var(--g-100);font-family:var(--font-display);font-weight:700;font-size:18px}
.as-roll-group{display:inline-flex;align-items:baseline;gap:.3em}
.as-slide__visual{position:relative;height:640px}
.as-slide__frame{position:absolute;inset:0;background:var(--g-900);background-image:var(--screentone);background-size:8px 8px;border-radius:4px}
.as-slide__img{position:absolute;inset:24px;overflow:hidden}
.as-slide__img img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.as-slide__badges{position:absolute;top:24px;left:24px;display:flex;gap:6px;pointer-events:none}
.as-slide__reserve{position:absolute;right:-16px;bottom:48px;background:var(--g-950);border:1px solid var(--border);padding:16px 20px;display:flex;flex-direction:column;gap:2px;border-radius:4px;box-shadow:0 16px 40px rgba(0,0,0,.5)}
.as-slide__reserve b{font-family:var(--font-display);font-weight:900;font-size:28px}
.as-progress{height:4px;background:var(--g-800);border-radius:2px;margin-top:8px;overflow:hidden}
.as-progress span{display:block;height:100%;background:var(--pink)}
.as-slide__kanji{position:absolute;left:-8px;bottom:8px;font-family:var(--font-display);font-weight:900;font-size:120px;line-height:1;color:var(--g-900);letter-spacing:-.04em;pointer-events:none;user-select:none;white-space:nowrap}
.as-hero__nav{position:absolute;left:var(--gutter);bottom:29px;display:flex;align-items:center;gap:20px;z-index:2}
.as-hero__dots{display:flex;gap:8px}
.as-dot{height:12px;width:16px;background:var(--g-700);border:0;border-radius:4px;padding:0;cursor:pointer;transition:width .35s var(--ease),background .3s}
.as-dot.is-active{width:40px;background:var(--v-400)}
.as-hero__label{font-size:12px;letter-spacing:.1em;color:var(--g-500);font-family:var(--font-display);font-weight:700}

/* ---------- Korzyści ---------- */
.as-benefits{margin:36px var(--gutter) 66px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);position:relative;z-index:1}
.as-benefits__item{display:flex;align-items:center;justify-content:center;gap:14px;padding:32px 24px;border-right:1px solid var(--border);color:var(--g-100);font-size:16px;font-weight:500;transition:background .3s;text-align:center}
.as-benefits__item:last-child{border-right:0}
.as-benefits__item:hover{background:var(--g-900)}
.as-benefits__item svg{color:var(--pink);filter:drop-shadow(0 0 8px rgba(255,77,141,.5))}

/* ---------- Tabs + produkty ---------- */
.as-tabs{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--border);gap:16px}
.as-tabs__list{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.as-tabs__list::-webkit-scrollbar{display:none}
.as-tab{height:56px;padding:0 20px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--g-400);font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.01em;cursor:pointer;display:flex;align-items:center;gap:10px;white-space:nowrap;transition:color .25s,border-color .25s;margin-bottom:-1px}
.as-tab:hover{color:var(--g-100)}
.as-tab[aria-selected="true"]{color:var(--g-100);border-bottom-color:var(--v-400)}
.as-tab__count{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--g-500)}
.as-tabs .as-more{padding-bottom:18px}
.as-grid-products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.as-grid-products[hidden]{display:none}

.as-card{background:var(--g-900);border:1px solid var(--border);display:flex;flex-direction:column;border-radius:4px;overflow:hidden;position:relative;transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.as-card:hover{transform:translateY(-6px);border-color:var(--v-400);box-shadow:0 24px 48px rgba(0,0,0,.55),0 0 0 1px rgba(167,139,250,.4),0 0 32px rgba(124,58,237,.35)}
.as-card__media{position:relative;aspect-ratio:4/5;background:var(--g-850);overflow:hidden}
.as-card .as-img{position:absolute;inset:0;transition:transform .6s var(--ease)}
.as-card .as-img img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.as-card:hover .as-img{transform:scale(1.06)}
.as-card .as-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.14) 48%,rgba(167,139,250,.25) 50%,rgba(255,255,255,.14) 52%,transparent 60%);transform:translateX(-120%);transition:transform .7s ease}
.as-card:hover .as-sheen{transform:translateX(120%)}
.as-card .as-lines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 14px,rgba(167,139,250,.18) 14px 15px);opacity:0;transition:opacity .35s;mask-image:linear-gradient(180deg,transparent 40%,#000);-webkit-mask-image:linear-gradient(180deg,transparent 40%,#000)}
.as-card:hover .as-lines{opacity:1}
.as-card__badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;pointer-events:none}
.as-card__body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.as-card__series{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-400);font-weight:600}
.as-card__name{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.3;text-wrap:pretty}
.as-card__status{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--g-400)}
.as-status-dot{width:8px;height:8px;border-radius:50%;background:var(--dot,var(--emerald));flex:none}
.as-card__row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;gap:8px}
.as-card__prices{display:flex;align-items:baseline;gap:8px}
.as-price{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:-.01em;transition:color .25s}
.as-card:hover .as-price{color:var(--v-400)}
.as-price-old{font-size:14px;color:var(--g-500);text-decoration:line-through}
.as-card .as-cta{transition:background .25s,transform .25s,color .25s}
.as-card:hover .as-cta{background:var(--pink);color:var(--g-950)}

.as-fav{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:4px;border:0;background:rgba(11,12,15,.7);color:var(--g-100);cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:visible;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .25s,color .2s}
.as-card:hover .as-fav,.as-fav:focus-visible,.as-fav.is-on{opacity:1;transform:translateY(0)}
.as-fav:hover{color:var(--pink)}
.as-fav.is-on{color:var(--pink)}
.as-fav svg{position:relative;transition:fill .2s;fill:none}
.as-fav.is-on svg{fill:var(--pink);animation:as-heart-pop .5s var(--ease)}
.as-fav .as-burst{position:absolute;inset:8px;border-radius:50%;border:2px solid var(--pink);opacity:0;pointer-events:none}
.as-fav.is-on .as-burst{animation:as-heart-burst .55s ease-out}
.as-fav .as-spark{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:var(--pink);opacity:0;pointer-events:none;transform-origin:center}
.as-fav.is-on .as-spark{animation:as-heart-spark .6s ease-out}

/* ---------- Kategorie ---------- */
.as-cats{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:12px}
.as-cat{position:relative;border-radius:4px;overflow:hidden;background:var(--g-900);display:block;color:var(--g-100);transition:transform .35s var(--ease),box-shadow .35s;isolation:isolate}
.as-cat:hover{color:var(--g-100);transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,.6),0 0 0 1px var(--v-400),0 0 32px rgba(124,58,237,.4)}
.as-cat--big{grid-column:span 2;grid-row:span 2}
.as-cat img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.as-cat:hover img{transform:scale(1.06)}
.as-cat__shade{position:absolute;inset:auto 0 0 0;height:70%;background:linear-gradient(180deg,transparent,rgba(11,12,15,.6) 45%,rgba(11,12,15,.94));pointer-events:none}
.as-cat--big .as-cat__shade{height:60%;background:linear-gradient(180deg,transparent,rgba(11,12,15,.55) 45%,rgba(11,12,15,.92))}
.as-cat__txt{position:absolute;left:20px;bottom:20px;display:flex;flex-direction:column;gap:4px;pointer-events:none;transition:transform .35s var(--ease)}
.as-cat--big .as-cat__txt{left:24px;bottom:24px;gap:6px}
.as-cat:hover .as-cat__txt{transform:translateY(-6px)}
.as-cat__name{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:-.02em;text-shadow:0 2px 16px rgba(0,0,0,.7)}
.as-cat--big .as-cat__name{font-size:40px}
.as-cat__sub{font-size:14px;color:var(--g-300)}
.as-cat__arrow{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:4px;background:rgba(11,12,15,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;color:var(--g-100);opacity:0;transform:translate(8px,-8px);transition:opacity .3s,transform .35s var(--ease);pointer-events:none;z-index:3}
.as-cat:hover .as-cat__arrow{opacity:1;transform:translate(0,0)}
.as-cat::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.12) 47%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.12) 53%,transparent 65%);transform:translateX(-110%);transition:none}
.as-cat:hover::after{transform:translateX(110%);transition:transform .8s var(--ease)}
.as-cat--all{background:var(--v-600);display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#fff;transition:background .3s,transform .35s var(--ease),box-shadow .35s}
.as-cat--all:hover{background:var(--v-500);color:#fff}
.as-cat--all .as-cat__arrow{background:rgba(255,255,255,.18)}
.as-cat__jp{font-family:var(--font-display);font-weight:900;font-size:64px;line-height:.9;letter-spacing:-.03em;display:inline-block;transition:transform .45s var(--ease),text-shadow .45s}
.as-cat--all:hover .as-cat__jp{transform:translate(6px,-6px) rotate(-4deg);text-shadow:0 0 32px rgba(255,255,255,.6)}
.as-cat--all .as-cat__txt{position:static;gap:4px}
.as-cat--all .as-cat__sub{color:var(--v-100)}

/* ---------- Serie ---------- */
.as-series{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.as-serie{position:relative;height:150px;padding:20px;border:1px solid var(--border);border-radius:4px;background:var(--g-900);color:var(--g-100);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:border-color .25s}
.as-serie:hover{border-color:var(--v-400);color:var(--g-100)}
.as-serie__jp{position:absolute;right:-6px;top:-18px;font-family:var(--font-display);font-weight:900;font-size:96px;line-height:1;color:var(--g-850);letter-spacing:-.04em;pointer-events:none}
.as-serie__count{position:relative;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--g-400);font-weight:600}
.as-serie__name{position:relative;font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:-.02em;line-height:1}

/* ---------- Preordery ---------- */
.as-preorders{margin:0 0 var(--section-gap);background:var(--g-900);position:relative;overflow:hidden}
.as-preorders__raster{position:absolute;inset:0;background-image:var(--screentone);background-size:8px 8px;mask-image:linear-gradient(180deg,#000,transparent 60%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%);pointer-events:none;opacity:.6}
.as-preorders__inner{position:relative;width:100%;max-width:var(--container);margin:0 auto;padding:72px var(--gutter);display:grid;grid-template-columns:360px 1fr;gap:56px}
.as-preorders__intro{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.as-preorders__intro .as-h2{text-wrap:balance}
.as-preorders__intro p{font-size:16px;line-height:1.55;color:var(--g-400);text-wrap:pretty}
.as-preorders__list{display:flex;flex-direction:column}
.as-po{display:grid;grid-template-columns:88px minmax(0,1fr) auto auto;gap:24px;align-items:center;padding:20px 0;border-top:1px solid var(--border)}
.as-po__thumb{display:block;width:88px;height:88px;background:var(--g-950);border-radius:4px;overflow:hidden}
.as-po__thumb img{width:100%;height:100%;object-fit:cover}
.as-po__info{display:flex;flex-direction:column;gap:4px}
.as-po__info .as-card__series{}
.as-po__name{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.3;color:inherit}
.as-po__name:hover{color:var(--v-400)}
.as-po__meta{font-size:14px;color:var(--g-400)}
@media (min-width:1200px){.as-po__meta{white-space:nowrap}}
.as-cd{display:flex;gap:6px}
.as-cd__box{display:flex;flex-direction:column;align-items:center;gap:2px;width:56px;padding:8px 0;background:var(--g-950);border-radius:4px}
.as-cd__val{font-family:var(--font-display);font-weight:900;font-size:22px;line-height:1;font-variant-numeric:tabular-nums}
.as-cd__box--s .as-cd__val{color:var(--pink)}
.as-cd__lbl{font-size:12px;color:var(--g-500)}
.as-po__buy{display:flex;align-items:center;gap:20px}
.as-po__price{font-family:var(--font-display);font-weight:900;font-size:22px}

/* ---------- Opinie ---------- */
.as-reviews{padding:0 var(--gutter) var(--section-gap);display:grid;grid-template-columns:320px 1fr;gap:56px}
.as-reviews__intro{display:flex;flex-direction:column;gap:16px}
.as-reviews__score{display:flex;align-items:baseline;gap:12px}
.as-reviews__score b{font-family:var(--font-display);font-weight:900;font-size:64px;line-height:1;letter-spacing:-.03em}
.as-reviews__score span{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--g-400)}
.as-stars{color:var(--amber);letter-spacing:2px;font-size:16px}
.as-reviews__intro p{font-size:14px;line-height:1.5;color:var(--g-400)}
.as-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.as-review{margin:0;background:var(--g-900);border:1px solid var(--border);border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:16px}
.as-review .as-stars{font-size:14px}
.as-review blockquote{margin:0;font-size:16px;line-height:1.55;color:var(--g-300);text-wrap:pretty;flex:1}
.as-review figcaption{display:flex;align-items:center;gap:12px;font-size:14px}
.as-review figcaption .as-avatar{font-size:16px}
.as-review__who{display:flex;flex-direction:column}
.as-review__who b{font-weight:600}
.as-review__who small{color:var(--g-500);font-size:12px}

/* ---------- Społeczność ---------- */
.as-social{display:flex;gap:28px;font-size:14px;font-weight:600;align-items:center}
.as-social a{display:inline-flex;align-items:center;gap:8px}
.as-ugc{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.as-ugc__item{aspect-ratio:1;border-radius:4px;overflow:hidden;background:var(--g-900)}
.as-ugc__item img{width:100%;height:100%;object-fit:cover}
.as-ugc__cta{aspect-ratio:1;border-radius:4px;background:var(--g-900);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:var(--g-100);transition:border-color .25s}
.as-ugc__cta:hover{border-color:var(--v-400);color:var(--g-100)}
.as-ugc__cta b{font-family:var(--font-display);font-weight:900;font-size:40px;line-height:.9;letter-spacing:-.03em;color:var(--v-400)}
.as-ugc__cta span{font-size:14px;line-height:1.4}

/* ---------- Newsletter ---------- */
.as-newsletter{margin:0 auto var(--section-gap);width:calc(100% - 2 * var(--gutter));max-width:var(--content);position:relative;overflow:hidden;background:var(--g-950);border-radius:6px;border:1px solid var(--border);box-shadow:0 0 0 1px rgba(124,58,237,.25),0 32px 80px rgba(0,0,0,.6);height:524px}
.as-newsletter__glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 78% 50%,rgba(76,29,149,.85),rgba(46,16,101,.45) 40%,transparent 75%);pointer-events:none}
.as-newsletter__dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:7px 7px;mask-image:radial-gradient(ellipse 50% 70% at 78% 50%,#000,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 50% 70% at 78% 50%,#000,transparent 80%);pointer-events:none}
.as-newsletter__rays{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 85% 50%,rgba(255,255,255,.05) 0 1.5deg,transparent 1.5deg 6deg);mask-image:radial-gradient(ellipse 40% 60% at 85% 50%,transparent 20%,#000 55%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 40% 60% at 85% 50%,transparent 20%,#000 55%,transparent 90%);pointer-events:none}
.as-newsletter__line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--v-600) 20%,var(--v-400) 50%,var(--v-600) 80%,transparent);pointer-events:none}
.as-newsletter__inner{position:relative;width:100%;height:100%;padding:48px 72px 44px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.as-newsletter__copy{display:flex;flex-direction:column;gap:20px}
.as-newsletter__title{font-family:var(--font-display);font-weight:900;font-size:42px;letter-spacing:-.025em;line-height:1;color:var(--g-100);text-wrap:balance}
.as-newsletter__title .accent{color:var(--pink)}
.as-newsletter__lead{font-size:18px;line-height:1.5;color:var(--g-300);max-width:560px;text-wrap:pretty}
.as-form{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.as-form__label{display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:600;color:var(--g-100)}
.as-form__row{display:flex;gap:16px}
.as-input{flex:1;min-width:0;max-width:460px;height:52px;padding:0 24px;background:var(--g-950);border:1px solid var(--g-700);border-radius:4px;color:var(--g-100);font-family:var(--font-sans);font-size:18px;outline:0;transition:border-color .25s,box-shadow .25s}
.as-input:focus{border-color:var(--v-400);box-shadow:var(--focus-ring)}
.as-form__submit{height:52px;padding:0 32px;font-size:18px;box-shadow:0 0 28px rgba(124,58,237,.45)}
.as-form__consent{display:flex;gap:14px;font-size:14px;color:var(--g-100);line-height:1.5;align-items:center;font-weight:400}
.as-form__consent input{margin:0;accent-color:var(--v-600);flex:none;width:24px;height:24px;border-radius:4px}
.as-form__note{font-size:14px;color:var(--g-400);margin-top:4px}
.as-form__note a{color:var(--g-400);text-decoration:underline;text-underline-offset:4px}
.as-form__note a:hover{color:var(--v-300)}
.as-form__ok{display:none;font-size:14px;color:var(--emerald);font-weight:600}
.as-form.is-sent .as-form__ok{display:block}
.as-newsletter__visual{position:relative;display:grid;place-items:center;min-height:440px}
.as-spark{position:absolute;color:var(--pink);filter:drop-shadow(0 0 10px rgba(255,77,141,.8))}
.as-spark--1{top:8%;right:6%}
.as-spark--2{bottom:6%;right:4%}
.as-newsletter__img{width:445px;max-width:100%;height:auto;filter:drop-shadow(0 40px 60px rgba(0,0,0,.7)) drop-shadow(0 0 40px rgba(124,58,237,.35));transform:rotate(-2deg)}

/* ---------- Footer ---------- */
.as-footer{position:relative;overflow:hidden;border-top:1px solid var(--border);background:linear-gradient(180deg,#000000EB 0%,#17181C 100%)}
.as-footer__edge{position:absolute;inset:0;background:linear-gradient(180deg,#333333,#28211a);mask-image:linear-gradient(90deg,#000 0,transparent 30%,transparent 70%,#000);-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 30%,transparent 70%,#000);opacity:.7;pointer-events:none}
.as-footer__edge .as-glow--a{width:581px;height:304px;left:1416px;top:515px;background:radial-gradient(ellipse at center,rgba(255,77,141,.25),transparent 70%)}
.as-footer__edge .as-glow--b{left:-29px;top:-83px;width:1135px;height:276px;background:radial-gradient(ellipse at center,rgba(124,58,237,.4),transparent 70%)}
.as-footer__glow-c{bottom:-226px;left:150px;width:1600px;height:412px;background:radial-gradient(ellipse at center,rgba(124,58,237,.4),transparent 70%)}
.as-footer__glow-d{top:-191px;left:350px;width:1261px;height:302px;background:radial-gradient(ellipse at center,rgba(255,77,141,.28),transparent 70%)}
.as-footer__raster{position:absolute;inset:0;background-image:radial-gradient(var(--g-700) 1px,transparent 1px);background-size:8px 8px;mask-image:linear-gradient(180deg,#000,transparent 60%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%);opacity:.6;pointer-events:none}
.as-footer__line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6D28D9,#7C3AED 45%,#FF4D8D)}
.as-footer__inner{position:relative;max-width:var(--container);margin:0 auto;padding:84px var(--gutter) 64px;display:flex;flex-direction:column;gap:48px}
.as-footer__cats{display:grid;grid-template-columns:repeat(6,1fr);gap:32px}
.as-footer__col{display:flex;flex-direction:column;gap:14px;font-size:14px}
.as-footer__col a{color:var(--g-400)}
.as-footer__col a:hover{color:var(--v-400)}
.as-footer__col-title{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--g-100)!important;margin-bottom:8px;text-transform:uppercase}
.as-footer__col-title:hover{color:var(--v-400)!important}
.as-footer__col .as-micro{font-size:14px;margin-bottom:6px}
.as-footer__col--links a{color:var(--g-300)}
.as-footer__col--links a:hover{color:var(--v-400)}
.as-footer__dash{height:1px;background:repeating-linear-gradient(90deg,var(--g-700) 0 24px,transparent 24px 30px);opacity:.8}
.as-footer__main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px}
.as-footer__brand{display:flex;flex-direction:column;gap:16px}
.as-footer__brand p{font-size:14px;line-height:1.55;color:var(--g-400);max-width:320px}
.as-footer__pay{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--g-400)}
.as-footer__pay span{border:1px solid var(--border);padding:6px 10px;border-radius:2px}
.as-footer__contact a,.as-footer__contact span{display:flex;align-items:center;gap:10px}
.as-footer__contact svg{color:var(--v-400)}
.as-footer__contact .muted{color:var(--g-400)}
.as-footer__socials{display:flex;gap:8px;margin-top:8px}
.as-footer__socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:4px;color:var(--g-300);transition:border-color .25s,color .25s}
.as-footer__socials a:hover{border-color:var(--v-400);color:var(--v-400)}
.as-footer__legal{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:var(--g-500);border-top:1px solid #353535EB;padding-top:32px;flex-wrap:wrap}
.as-footer__legal-links{display:flex;gap:24px}
.as-footer__legal a{color:var(--g-500)}
.as-footer__legal a:hover{color:var(--v-400)}

/* ---------- Toast ---------- */
.as-iconbtn--current{color:var(--pink);background:var(--g-900);box-shadow:0 0 0 1px var(--border)}
.as-iconbtn--current:hover{background:var(--g-900)}
.as-toast{position:fixed;right:24px;bottom:24px;z-index:260;background:var(--g-900);border:1px solid var(--border);border-radius:4px;padding:14px 18px;display:flex;align-items:center;gap:12px;font-size:14px;box-shadow:var(--shadow-panel);animation:as-toast-in .3s var(--ease)}
.as-toast svg{color:var(--emerald)}
.as-toast[hidden]{display:none}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .as-topbar__ticker{animation:none}
}

/* ==========================================================================
   Responsywność (mobile 390 nie jest zaprojektowany – bezpieczne zwijanie)
   ========================================================================== */
@media (max-width:1439px){
  :root{--gutter:48px}
  .as-slide{grid-template-columns:1fr minmax(420px,560px);gap:48px}
  .as-h1{font-size:clamp(44px,5vw,64px)}
  .as-footer__edge .as-glow--a{left:auto;right:-200px}
}
@media (max-width:1199px){
  .as-header__bar{grid-template-columns:auto 1fr auto}
  .as-nav__link{padding:0 10px;font-size:15px}
  .as-grid-products{grid-template-columns:repeat(3,1fr)}
  .as-series{grid-template-columns:repeat(3,1fr)}
  .as-ugc{grid-template-columns:repeat(3,1fr)}
  .as-footer__cats{grid-template-columns:repeat(3,1fr)}
  .as-footer__main{grid-template-columns:1fr 1fr 1fr}
  .as-footer__brand{grid-column:1/-1}
  .as-reviews{grid-template-columns:1fr;gap:28px}
  .as-preorders__inner{grid-template-columns:1fr;gap:32px}
  .as-hero{height:auto}
  .as-slide{grid-template-columns:1fr 440px}
  .as-slide__visual{height:520px}
  .as-slide__kanji{font-size:96px}
  .as-hero__nav{position:static;margin-top:32px}
  .as-hero__lines{height:100%}
}
@media (max-width:1023px){
  :root{--gutter:24px;--section-gap:72px}
  .as-nav{display:none}
  .as-burger{display:grid}
  .as-header__bar{height:74px;grid-template-columns:auto 1fr}
  .as-header.is-scrolled .as-header__bar{height:64px}
  .as-mobile.is-open{display:flex;flex-direction:column}
  .as-mega{display:none!important}
  .as-search__cols{grid-template-columns:1fr}
  .as-topbar__promo{min-width:0;padding-left:var(--gutter);font-size:12px}
  .as-hero{padding:40px var(--gutter) 48px}
  .as-slide{grid-template-columns:1fr;gap:32px}
  .as-slide__visual{height:auto;aspect-ratio:1/1;max-width:560px;width:100%}
  .as-slide__reserve{right:16px;bottom:16px}
  .as-slide__kanji{display:none}
  .as-slide__stats{gap:24px;flex-wrap:wrap}
  .as-benefits{grid-template-columns:repeat(2,1fr);margin:24px var(--gutter) 48px}
  .as-benefits__item:nth-child(2){border-right:0}
  .as-benefits__item:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .as-grid-products{grid-template-columns:repeat(2,1fr);gap:12px}
  .as-cats{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}
  .as-series{grid-template-columns:repeat(2,1fr)}
  .as-po{grid-template-columns:72px 1fr;gap:16px}
  .as-po__thumb{width:72px;height:72px}
  .as-po__buy{grid-column:1/-1;justify-content:space-between}
  .as-cd{grid-column:1/-1}
  .as-reviews__grid{grid-template-columns:1fr}
  .as-newsletter{height:auto}
  .as-newsletter__inner{grid-template-columns:1fr;padding:40px 32px;gap:32px}
  .as-newsletter__visual{min-height:0}
  .as-newsletter__img{width:320px}
  .as-newsletter__title{font-size:36px}
  .as-footer__main{grid-template-columns:1fr 1fr}
  .as-footer__inner{padding:56px var(--gutter) 40px;gap:36px}
  .as-footer__glow-c,.as-footer__glow-d{display:none}
}
@media (max-width:639px){
  :root{--gutter:16px}
  .as-topbar__promo{display:none}
  .as-topbar__ticker-wrap{right:0;mask-image:none;-webkit-mask-image:none}
  .as-logo__text{font-size:20px}
  .as-logo{gap:8px}
  .as-actions{gap:0}
  .as-actions .as-iconbtn{width:40px}
  .as-iconbtn[aria-label="Konto"]{display:none}
  .as-h1{font-size:40px}
  .as-h2{font-size:32px}
  .as-lead{font-size:16px}
  .as-slide__ctas .as-btn{width:100%}
  .as-benefits{grid-template-columns:1fr}
  .as-benefits__item{border-right:0;border-bottom:1px solid var(--border);justify-content:flex-start;padding:20px}
  .as-benefits__item:last-child{border-bottom:0}
  .as-grid-products{grid-template-columns:1fr}
  .as-cats{grid-template-columns:1fr;grid-auto-rows:200px}
  .as-cat--big{grid-column:auto;grid-row:auto}
  .as-cat--big .as-cat__name{font-size:28px}
  .as-series{grid-template-columns:1fr 1fr;gap:8px}
  .as-serie{height:120px;padding:16px}
  .as-serie__name{font-size:20px}
  .as-serie__jp{font-size:72px}
  .as-ugc{grid-template-columns:repeat(2,1fr)}
  .as-section__head{flex-direction:column;align-items:flex-start;gap:8px}
  .as-social{flex-direction:column;align-items:flex-start;gap:8px}
  .as-tabs{flex-direction:column;align-items:stretch}
  .as-tabs .as-more{padding:12px 0}
  .as-tab{font-size:18px;padding:0 12px}
  .as-form__row{flex-direction:column}
  .as-input{max-width:none}
  .as-newsletter__inner{padding:32px 20px}
  .as-footer__cats{grid-template-columns:1fr 1fr;gap:24px}
  .as-footer__main{grid-template-columns:1fr}
  .as-footer__legal{flex-direction:column;align-items:flex-start}
  .as-cd__box{width:52px}
}

/* ==========================================================================
   Mini-cart (koszyk wysuwany) – wspólny dla wszystkich stron
   Źródło: beta/assets/css/cart.css
   ========================================================================== */

/* ==========================================================================
   AnimeSklep.pl – mini-cart (koszyk wysuwany), wspólny dla wszystkich stron
   Źródło: Claude Design „MiniCart.dc.html”. Tokeny: assets/css/style.css.
   ========================================================================== */

@keyframes mc-new{0%{box-shadow:0 0 0 0 rgba(167,139,250,.9);background:rgba(124,58,237,.25)}100%{box-shadow:0 0 0 12px rgba(167,139,250,0);background:transparent}}
@keyframes mc-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.mc-root{position:fixed;inset:0;z-index:200;font-family:var(--font-sans);color:var(--text)}
.mc-backdrop{position:absolute;inset:0;background:rgba(4,4,7,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .32s ease;cursor:pointer}

.mc-panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,100vw);background:var(--g-880);border-left:1px solid var(--border);box-shadow:-32px 0 80px rgba(0,0,0,.6);display:flex;flex-direction:column;transition:transform .38s var(--ease)}
.mc-panel__accent{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--v-600),var(--pink))}
.mc-kanji{position:absolute;right:-6px;top:52px;font-family:var(--font-display);font-weight:900;font-size:120px;line-height:1;color:var(--g-850);letter-spacing:-.04em;pointer-events:none;user-select:none}

/* ---------- Nagłówek ---------- */
.mc-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid var(--border)}
.mc-header__text{display:flex;flex-direction:column;gap:4px;min-width:0}
.mc-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--v-400);font-weight:600}
.mc-title{margin:0;font-family:var(--font-display);font-weight:900;font-size:26px;letter-spacing:-.02em;line-height:1}
.mc-close{flex:none;width:44px;height:44px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text);display:grid;place-items:center;cursor:pointer;transition:border-color .2s,background .2s}
.mc-close:hover{border-color:var(--v-400);background:var(--bg-card)}

/* ---------- Lista pozycji ---------- */
.mc-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.mc-body{position:relative;flex:1;overflow-y:auto;padding:8px 24px}
.mc-body[hidden],.mc-footer[hidden],.mc-empty[hidden],.mc-footer--empty[hidden]{display:none}

.mc-anim{animation:mc-in .35s var(--ease) both}

.mc-row{display:grid;grid-template-columns:76px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--g-850);border-radius:4px}
.mc-row.mc-new{animation:mc-new 1.1s cubic-bezier(.2,.8,.2,1)}
.mc-row__thumb{width:76px;height:96px;border-radius:4px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border)}
.mc-row__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mc-row__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.mc-row__top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.mc-row__info{display:flex;flex-direction:column;gap:3px;min-width:0}
.mc-row__series{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--v-400);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-row__name{font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1.25;letter-spacing:-.01em}
.mc-remove{flex:none;width:32px;height:32px;margin:-6px -6px 0 0;border:0;background:transparent;color:var(--text-faint);display:grid;place-items:center;cursor:pointer;border-radius:4px;transition:color .2s,background .2s}
.mc-remove:hover{color:var(--pink);background:var(--bg-card)}
.mc-row__ship{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}
.mc-dot{width:7px;height:7px;border-radius:50%;background:var(--dot,var(--emerald));flex:none}
.mc-row__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:12px}

.mc-stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:4px;height:36px}
.mc-stepper__btn{width:36px;height:36px;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:16px;display:grid;place-items:center;border-radius:4px}
.mc-stepper__btn:hover{background:var(--bg-card)}
.mc-stepper__val{min-width:28px;text-align:center;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}

.mc-price{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.mc-price__old{font-size:12px;color:var(--text-faint);text-decoration:line-through;line-height:1}
.mc-price__now{font-family:var(--font-display);font-weight:900;font-size:18px;letter-spacing:-.01em;line-height:1.1;white-space:nowrap}

/* ---------- Stopka (koszyk z pozycjami) ---------- */
.mc-footer{position:relative;padding:20px 24px 24px;border-top:1px solid var(--border);background:var(--g-880);display:flex;flex-direction:column;gap:16px}
.mc-totals{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-muted)}
.mc-totals__row{display:flex;justify-content:space-between}
.mc-totals__row span+span{color:var(--text);font-weight:500}
.mc-grand{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:1px dashed var(--border)}
.mc-grand span:first-child{font-family:var(--font-display);font-weight:700;font-size:15px}
.mc-grand span:last-child{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:-.02em}
.mc-checkout{height:56px;width:100%;border:0;border-radius:4px;background:var(--v-600);color:#fff;font-family:var(--font-sans);font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:background .2s,box-shadow .2s}
.mc-checkout:hover{background:var(--v-500);box-shadow:0 0 28px rgba(124,58,237,.45)}
.mc-checkout:disabled,.mc-checkout.is-busy{opacity:.6;cursor:progress;box-shadow:none}
.mc-error{margin:0 0 12px;padding:10px 12px;border:1px solid rgba(255,77,141,.35);border-radius:4px;background:rgba(255,77,141,.08);color:var(--pink);font-size:13px;line-height:1.45}
.mc-secure{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;color:var(--text-faint)}

/* ---------- Stan pusty ---------- */
.mc-empty{position:relative;flex:1;overflow-y:auto;padding:40px 24px 24px;display:flex;flex-direction:column;gap:32px}
.mc-empty__msg{display:flex;flex-direction:column;gap:10px}
.mc-empty__msg h3{margin:0;font-family:var(--font-display);font-weight:900;font-size:24px;letter-spacing:-.02em;line-height:1.1}
.mc-empty__msg p{margin:0;font-size:15px;line-height:1.5;color:var(--text-muted);text-wrap:pretty}
.mc-empty__bs{display:flex;flex-direction:column;gap:14px}
.mc-empty__label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-weight:600}

.mc-bs{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);transition:border-color .2s}
.mc-bs:hover{border-color:var(--v-400)}
.mc-bs__thumb{width:64px;height:80px;border-radius:4px;overflow:hidden;background:var(--g-880)}
.mc-bs__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mc-bs__info{display:flex;flex-direction:column;gap:4px;min-width:0}
.mc-bs__series{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--v-400);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-bs__name{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.25}
.mc-bs__price{font-family:var(--font-display);font-weight:900;font-size:16px}
.mc-bs__add{width:44px;height:44px;border:1px solid var(--v-600);border-radius:4px;background:rgba(124,58,237,.14);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:background .2s}
.mc-bs__add:hover{background:var(--v-600)}

.mc-footer--empty{position:relative;padding:20px 24px 24px;border-top:1px solid var(--border)}
.mc-back{height:52px;width:100%;border:1px solid var(--border-strong);border-radius:4px;background:transparent;color:var(--text);font-family:var(--font-sans);font-weight:600;font-size:15px;cursor:pointer;transition:border-color .2s,background .2s}
.mc-back:hover{border-color:var(--v-400);background:var(--bg-card)}

/* ==========================================================================
   Baner zgody na cookies (RODO) – wspólny dla wszystkich stron
   Źródło: beta/assets/css/cookies.css
   ========================================================================== */

/* ==========================================================================
   AnimeSklep.pl – baner zgody na cookies (RODO), współdzielony komponent na
   WSZYSTKICH stronach bety (jak koszyk wysuwany w cart.css).
   Źródło: Claude Design „Animesklep - Strona główna.dc.html” (sekcja Cookies).
   Konwencja: BEM z prefiksem as-cookie-, tokeny z style.css.
   ========================================================================== */

.as-cookie{position:fixed;left:24px;bottom:24px;z-index:80;width:440px;max-width:calc(100vw - 48px);background:var(--g-880);border:1px solid var(--border);border-radius:4px;box-shadow:0 24px 64px rgba(0,0,0,.6),0 0 40px rgba(124,58,237,.18);overflow:hidden;font-family:var(--font-sans)}
.as-cookie[hidden]{display:none}
.as-cookie__rule{height:2px;background:linear-gradient(90deg,var(--v-600),var(--pink))}
.as-cookie__body{padding:24px;display:flex;flex-direction:column;gap:14px}

.as-cookie__head{display:flex;justify-content:space-between;align-items:center}
.as-cookie__eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--v-400)}
.as-cookie__rodo{font-size:11px;color:var(--g-700)}
.as-cookie__title{margin:0;font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:-.03em;line-height:1.1;color:var(--text)}
.as-cookie__text{margin:0;font-size:14px;line-height:1.55;color:var(--g-400);text-wrap:pretty}
.as-cookie__text a{font-weight:500}

.as-cookie__prefs{display:flex;flex-direction:column;margin-top:4px}
.as-cookie__prefs[hidden]{display:none}
.as-cookie__row{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--border)}
.as-cookie__row--toggle{cursor:pointer}
.as-cookie__row-info{flex:1;display:flex;flex-direction:column;gap:4px}
.as-cookie__row-name{font-weight:600;font-size:14px;color:var(--text)}
.as-cookie__row-desc{font-size:13px;line-height:1.5;color:var(--g-500)}

.as-cookie__switch{width:40px;height:22px;flex:none;border-radius:11px;position:relative;background:var(--g-800);transition:background .2s;border:0;padding:0;cursor:pointer}
.as-cookie__switch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s}
.as-cookie__switch.is-on{background:var(--v-600)}
.as-cookie__switch.is-on::after{left:21px}
.as-cookie__switch:disabled{cursor:default;opacity:.55}

.as-cookie__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.as-cookie__btn{flex:1;min-width:140px;height:46px;padding:0 18px;border-radius:4px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.as-cookie__btn--primary{background:var(--v-600);color:#fff;border:0;box-shadow:0 0 24px rgba(124,58,237,.4)}
.as-cookie__btn--primary:hover{background:#6D28D9}
.as-cookie__btn--outline{background:transparent;color:var(--text);border:1px solid var(--border)}
.as-cookie__btn--outline:hover{border-color:var(--v-400);color:var(--v-400)}

.as-cookie__link{height:40px;background:transparent;border:0;color:var(--v-400);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:0;text-align:left}
.as-cookie__link:hover{color:var(--text)}
.as-cookie__link[hidden]{display:none}
.as-cookie__customize{height:40px;background:transparent;border:0;color:var(--g-400);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:0;text-align:left}
.as-cookie__customize:hover{color:var(--v-400)}
.as-cookie__customize[hidden]{display:none}

/* ==========================================================================
   Integracja wp_nav_menu() (header.php) – NIE z bety, dodane w tej fazie.
   Beta ma płaskie <a class="as-nav__link"> jako bezpośrednie dzieci flex
   .as-nav; domyślny Walker WP renderuje <ul><li><a>. Żeby nie zmieniać
   ani jednej reguły/nazwy klasy z bety powyżej, <ul>/<li> dostają
   display:contents – <a> (z klasą as-nav__link dodaną przez filtr
   nav_menu_link_attributes w functions.php) zostają realnymi dziećmi flex
   .as-nav, layout identyczny jak w becie. .as-mobile__menu to tylko reset
   domyślnych stylów listy (bez bullet/wcięć) – .as-mobile a już pasuje do
   zagnieżdżonych <a> przez selektor potomka, bez zmian.
   ========================================================================== */
.as-nav__menu,.as-nav__menu>li{display:contents}
.as-mobile__menu{list-style:none;margin:0;padding:0}
.as-mobile__menu>li{list-style:none}

/* ==========================================================================
   "Odstąpienie od umowy" (Moje konto) – patrz inc/odstapienie.php.
   Reszta Moje konto NIE jest restylowana w tej fazie (świadomie odłożone,
   tak jak archiwum/koszyk gdzie indziej w projekcie) – to tylko formularz
   tego jednego endpointu, żeby nie renderował się jako złamane białe pole
   na czarnym tle, minimalny, bezpieczny zestaw reguł.
   ========================================================================== */
.as-odstapienie-intro{color:var(--g-400);font-size:15px;line-height:1.55;max-width:640px;margin:0 0 24px}
.as-odstapienie-form{display:flex;flex-direction:column;gap:16px;max-width:480px}
.as-odstapienie-form label{display:block;font-size:14px;font-weight:600;color:var(--g-100);margin-bottom:6px}
.as-odstapienie-form select,.as-odstapienie-form textarea{width:100%;background:var(--g-900);border:1px solid var(--g-700);border-radius:4px;color:var(--g-100);padding:12px 14px;font-family:var(--font-sans);font-size:14px}
.as-odstapienie-form textarea{resize:vertical}
.as-odstapienie-form button.button{height:48px;padding:0 24px;background:var(--v-600);color:#fff;border:0;border-radius:4px;font-weight:600;font-size:15px;cursor:pointer;transition:background .25s}
.as-odstapienie-form button.button:hover{background:var(--v-500)}
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-error{background:var(--g-900);border:1px solid var(--border);color:var(--g-100);border-radius:4px;padding:14px 18px;list-style:none;margin:0 0 20px}
.woocommerce-MyAccount-content .woocommerce-message{border-color:var(--emerald)}
.woocommerce-MyAccount-content .woocommerce-error{border-color:var(--pink)}

/* ---------- Powiadomienie sklepu WooCommerce (demo store) – jako statyczny
   pasek nad TopBarem (functions.php przenosi je z wp_footer do wp_body_open);
   rdzeń daje position:absolute + display:none do czasu sprawdzenia cookie
   "odrzucone" przez JS, więc display zostawiamy rdzeniowi. ---------- */
.woocommerce-store-notice,p.demo_store{position:static;top:auto;width:auto;background:var(--v-600);color:#fff;font-family:var(--font-sans);font-size:13px;font-weight:600;line-height:1.4;text-align:center;padding:10px var(--gutter);margin:0;box-shadow:none;z-index:auto}
.woocommerce-store-notice a,.woocommerce-store-notice__dismiss-link{color:#fff;text-decoration:underline;margin-left:8px;font-weight:500}
.woocommerce-store-notice a:hover{color:var(--g-100)}