/*
Theme Name: Kolega
Description: Kolega storefront: dark, interactive, mobile first. Ported from the approved Claude Design canvas "Polish tee storefront design" (dtf-website#42). Scroll-driven CSS animations with a reduced-motion fallback, a small vanilla script for the line filter and the product options.
Author: Kolega
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: kolega
License: GPL-2.0-or-later
*/

/* Fonts: Google Fonts files (Fontsource woff2 builds), SIL OFL 1.1, see assets/fonts/*-OFL.txt. */
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:200 900;src:url(assets/fonts/unbounded-latin-wght-normal.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}
/* latin-ext files are subset to the Polish and Silesian letters (ĄĆĘŁŃŚŹŻ, ŌŎŮŽ): 118 KB -> 7 KB. */
@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:200 900;src:url(assets/fonts/unbounded-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0104-0107,U+0118-0119,U+0141-0144,U+014C-014F,U+015A-015B,U+016E-016F,U+0179-017E}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:200 800;src:url(assets/fonts/manrope-latin-wght-normal.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:Manrope;font-style:normal;font-display:swap;font-weight:200 800;src:url(assets/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0104-0107,U+0118-0119,U+0141-0144,U+014C-014F,U+015A-015B,U+016E-016F,U+0179-017E}

:root{
	--grunt:#0b0b0c;--papier:#f4f1ea;--kwas:#d8ff3a;--cegla:#ff6a3d;--niebo:#3d7bff;
	--card:#141416;--line:rgba(244,241,234,.08);--line2:rgba(244,241,234,.18);
	--muted:rgba(244,241,234,.7);--dim:rgba(244,241,234,.6);
	--disp:Unbounded,Manrope,sans-serif;--body:Manrope,system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--grunt);color:var(--papier);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
a{color:var(--papier)}a:hover{color:var(--kwas)}
:focus-visible{outline:3px solid var(--kwas);outline-offset:3px}
.screen-reader-text,.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:99;background:var(--kwas);color:var(--grunt);padding:10px 16px;border-radius:999px;font-weight:700}
.skip:focus{top:12px}
.wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.disp{font-family:var(--disp);letter-spacing:-.02em}
.pill{display:inline-block;width:max-content;max-width:100%;font:600 12px var(--body);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:rgba(216,255,58,.12);color:var(--kwas)}
.pill--dark{background:rgba(11,11,12,.7);color:var(--papier)}
.muted{color:var(--muted)}
.h2{margin:14px 0 0;font-size:32px;font-weight:700;line-height:1.05}

/* Buttons */
.btn,.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,.wp-element-button,.wc-block-components-button:not(.is-link){display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--kwas);color:var(--grunt);border:0;text-decoration:none;font:700 16px var(--body);padding:16px 26px;border-radius:999px;min-height:48px;cursor:pointer;transition:transform .25s,background .25s}
.btn:hover,.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover,.wp-element-button:hover,.wc-block-components-button:not(.is-link):hover{transform:translateY(-2px);background:#e9ff7a;color:var(--grunt)}
.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce button.button.alt.disabled{background:var(--kwas);color:var(--grunt)}
/* Waiting for a size: outlined instead of dimmed, so the label keeps full contrast (WooCommerce only adds a class). */
.woocommerce button.button.alt.disabled,.woocommerce button.button.disabled,.woocommerce button.button:disabled{background:transparent;color:var(--papier);box-shadow:inset 0 0 0 1px var(--kwas);cursor:not-allowed;transform:none}
.ghost{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(244,241,234,.25);color:var(--papier);text-decoration:none;font:600 16px var(--body);padding:15px 24px;border-radius:999px;min-height:48px;transition:border-color .25s;background:transparent}
.ghost:hover{border-color:var(--kwas);color:var(--papier)}

/* Header */
.hdr{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(11,11,12,.72);border-bottom:1px solid var(--line)}
.admin-bar .hdr{top:46px}
.hdr__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px}
.logo{font-family:var(--disp);font-weight:900;font-size:20px;text-decoration:none;letter-spacing:.02em}
.logo b,.dot{color:var(--kwas);font-weight:900}
.hdr__nav,.hdr__crumbs,.hdr__note{display:none}
.hdr__nav{gap:28px;font-weight:600;font-size:15px}
.hdr__nav a,.hdr__crumbs a{text-decoration:none}
.hdr__crumbs{gap:10px;font-size:14px;color:var(--dim)}
.hdr__crumbs a{color:inherit}.hdr__crumbs [aria-current]{color:var(--papier)}
.hdr__note{font-size:13px;color:var(--dim)}
.hdr__end{display:flex;align-items:center;gap:14px}
.hdr__cart{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(244,241,234,.2);border-radius:999px;padding:10px 16px;text-decoration:none;font-weight:600;font-size:14px;min-height:44px}

/* Hero */
.hero{position:relative;min-height:92vh;min-height:92svh;display:grid;align-items:center;overflow:hidden;isolation:isolate}
.layer{position:absolute;inset:0;pointer-events:none;z-index:-1}
.blob{position:absolute;border-radius:50%;filter:blur(70px)}
.blob--1{width:560px;height:560px;background:var(--kwas);left:-220px;top:-80px;opacity:.28}
.blob--2{width:420px;height:420px;background:var(--cegla);right:-180px;top:140px;opacity:.22}
.blob--3{width:380px;height:380px;background:var(--niebo);left:46%;bottom:-120px;opacity:.18}
.hero__grid{display:grid;gap:24px;align-items:center;padding-top:48px;padding-bottom:48px}
.hero__copy{display:flex;flex-direction:column;gap:24px}
.hero h1{margin:0;font-size:46px;line-height:.98;font-weight:900}
.hero h1 em{font-style:normal;color:var(--kwas)}
.hero__lead{margin:0;max-width:560px;font-size:17px;line-height:1.55;color:rgba(244,241,234,.78)}
.row{display:flex;flex-wrap:wrap;gap:14px}
.facts{display:flex;gap:10px 28px;flex-wrap:wrap;font-size:13px;color:var(--dim)}
.hero__art{display:none;position:relative;min-height:560px}
.hero__tee{position:absolute}
.hero__tee--a{left:0;top:30px;width:300px}
.hero__tee--b{right:0;top:160px;width:280px}
.hero__tee--b svg{transform:rotate(7deg)}

/* Marquee */
.mqbox{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.mq{display:flex;gap:40px;white-space:nowrap;width:max-content;margin:0;padding:0;list-style:none}
.mq li{font-family:var(--disp);font-weight:700;font-size:28px;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(244,241,234,.55)}
.mq li:nth-child(odd){color:var(--papier);-webkit-text-stroke:0}

/* Lines + product grid */
.lines{padding-top:72px;padding-bottom:40px}
.lines__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.lines__head p{margin:0;max-width:440px;color:var(--muted)}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.tab{appearance:none;border:1px solid var(--line2);background:transparent;color:var(--papier);border-radius:999px;padding:12px 20px;font:600 15px var(--body);cursor:pointer;transition:all .25s;min-height:44px;text-decoration:none;display:inline-flex;align-items:center}
.tab:hover{border-color:var(--kwas);color:var(--papier)}
.tab[aria-current=page],.tab[aria-pressed=true]{background:var(--kwas);color:var(--grunt);border-color:var(--kwas)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.grid[hidden],.card[hidden]{display:none}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
a.card,.card a{text-decoration:none;color:inherit}
.pcard{height:100%}
.pcard__img{position:relative;aspect-ratio:4/5;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(244,241,234,.06),transparent 60%)}
.pcard__img img{width:100%;height:100%;object-fit:cover}
.pcard__img .pill{position:absolute;left:12px;top:12px}
.pcard__img svg{width:78%}
.pcard__body{padding:14px 14px 18px;display:flex;flex-direction:column;gap:6px}
.pcard__top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.pcard__name{font-size:15px;font-weight:700}
.pcard__price{font-family:var(--disp);font-weight:700;font-size:15px;color:var(--kwas);white-space:nowrap}
.pcard__price del{color:var(--dim);font-size:.8em}.pcard__price ins{text-decoration:none}
.pcard__meta{font-size:13px;color:var(--dim)}
.tilt{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.tilt:hover{transform:translateY(-10px) rotate(-1.2deg) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,.55)}
.tee{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.tilt:hover .tee{transform:rotate(3deg) scale(1.04)}
.lines__more{display:flex;justify-content:center;margin-top:32px}
.empty{color:var(--muted);padding:24px 0}

/* Gift */
.gift{position:relative;overflow:hidden;isolation:isolate;margin-top:64px;background:var(--kwas);color:var(--grunt)}
.gift .blob{width:520px;height:520px;background:var(--cegla);right:-260px;top:-140px;opacity:.5}
.gift__grid{display:grid;gap:32px;align-items:center;padding-top:72px;padding-bottom:72px}
.gift__copy{display:flex;flex-direction:column;gap:20px}
.gift .pill{background:rgba(11,11,12,.12);color:var(--grunt)}
.gift h2{margin:0;font-size:36px;line-height:1;font-weight:900}
.gift h2 u{text-decoration-thickness:5px;text-underline-offset:8px}
.gift p{margin:0;max-width:560px;font-size:17px;line-height:1.5}
.gift .ghost{border-color:rgba(11,11,12,.4);color:var(--grunt)}
.gift .ghost:hover{border-color:var(--grunt)}
.gift__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gcard{background:var(--grunt);color:var(--papier);border-radius:18px;padding:14px;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:space-between}
.gcard b{font-family:var(--disp);font-size:14px;font-weight:900;line-height:1.1}
.gcard span{font-size:11px;color:var(--dim)}
.gcard:nth-child(2){position:relative;top:20px}

/* Steps */
.how{padding-top:88px;padding-bottom:40px}
.how__head{max-width:720px;margin-bottom:40px}
.how__head p{margin:16px 0 0;color:var(--muted);font-size:17px;line-height:1.55}
.steps{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.steps .card{padding:24px;gap:12px}
.steps .num{font-family:var(--disp);font-size:36px;font-weight:900;color:var(--kwas)}
.steps h3{margin:0;font-size:20px}
.steps p{margin:0;color:var(--muted)}

/* Ask + reviews */
.ask{padding-top:80px;padding-bottom:96px}
.ask__grid{display:grid;gap:28px;align-items:center}
.ask p{color:var(--muted);line-height:1.55}
.ask form{display:flex;gap:10px;flex-wrap:wrap}
.field{flex:1 1 220px;min-height:48px;border-radius:999px;border:1px solid rgba(244,241,234,.2);background:var(--card);color:var(--papier);padding:0 18px;font:500 15px var(--body)}
.field::placeholder{color:var(--dim)}
.ask__note{font-size:12px;color:var(--dim);margin:10px 0 0}
.ask__done{padding:14px 18px;border-radius:16px;background:rgba(216,255,58,.12);color:var(--kwas);font-weight:600}
.reviews{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.reviews figure{margin:0;padding:20px;gap:12px}
.reviews blockquote{margin:0;font-size:15px;line-height:1.5}
.reviews figcaption{font-size:13px;color:var(--dim)}

/* Footer */
.ftr{border-top:1px solid var(--line);background:#0e0e10;font-size:14px}
.ftr__grid{padding-top:48px;padding-bottom:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.ftr__brand{grid-column:1/-1;display:flex;flex-direction:column;gap:12px}
.ftr__brand p{margin:0;color:var(--dim);line-height:1.55}
.ftr nav{display:flex;flex-direction:column;gap:10px}
.ftr nav a{min-height:24px}
.ftr__legal{padding-bottom:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;color:rgba(244,241,234,.55)}
.ftr__legal a{color:inherit}

/* Product page */
.prod{padding-top:24px;padding-bottom:64px}
.prod__cols{display:grid;gap:28px;align-items:start}
.prod__media{display:flex;flex-direction:column;gap:12px}
.stage{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/5;display:grid;place-items:center;isolation:isolate;background:#111113;transition:background .5s}
.stage[data-tone=light]{background:#e9e6df}
.stage img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.stage svg{width:72%}
.stage:hover img,.stage:hover .tee{transform:scale(1.05) rotate(-1.5deg)}
.stage .pill{position:absolute;left:16px;top:16px}
.glow{position:absolute;inset:-20%;background:radial-gradient(circle at 50% 35%,rgba(216,255,58,.18),transparent 55%);animation:pulse 6s ease-in-out infinite;z-index:-1}
.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.thumbs button{appearance:none;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);aspect-ratio:1;cursor:pointer;width:100%}
.thumbs button[aria-pressed=true]{border-color:var(--kwas)}
.thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.buy{display:flex;flex-direction:column;gap:22px}
.buy h1{margin:0;font-size:32px;line-height:1;font-weight:900}
.buy__intro{display:flex;flex-direction:column;gap:10px}
.buy__intro p{margin:0;color:rgba(244,241,234,.72);line-height:1.55}
.buy__price{display:flex;align-items:baseline;gap:8px 14px;flex-wrap:wrap}
.buy__price .price{font-family:var(--disp);font-size:30px;font-weight:700;color:var(--papier)}
.buy__price .price del{font-size:.6em;color:var(--dim)}.buy__price .price ins{text-decoration:none}
.buy__price small{font-size:13px;color:rgba(244,241,234,.6)}
.buy .dtf-omnibus,.buy__price .dtf-omnibus{flex-basis:100%;font-size:12px;color:var(--dim)}
.opt{display:flex;flex-direction:column;gap:10px;border:0;margin:0;padding:0;min-width:0}
.opt__label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;font-size:14px;font-weight:600;padding:0}
.opt__label em{font-style:normal;font-weight:500;color:var(--muted)}
.opt__choices{display:flex;gap:10px;flex-wrap:wrap}
.sz{appearance:none;min-width:56px;min-height:48px;border-radius:14px;border:1px solid rgba(244,241,234,.2);background:transparent;color:var(--papier);font:600 15px var(--body);cursor:pointer;transition:all .2s;padding:0 14px}
.sz:hover{border-color:var(--kwas)}
.sz[aria-checked=true]{background:var(--papier);color:var(--grunt);border-color:var(--papier)}
.sz:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.sz--static{cursor:default;display:inline-flex;align-items:center}
.sw{appearance:none;width:48px;height:48px;border-radius:50%;border:2px solid rgba(244,241,234,.25);cursor:pointer;padding:0;transition:transform .2s,border-color .2s}
.sw:hover{transform:scale(1.06)}
.sw[aria-checked=true]{border-color:var(--kwas);box-shadow:0 0 0 3px rgba(216,255,58,.25)}
.js .variations_form table.variations{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.variations_form table.variations{width:100%;margin-bottom:16px}
.variations_form table.variations th,.variations_form table.variations td{display:block;text-align:left;padding:4px 0;border:0}
.variations_form select{width:100%;min-height:48px;border-radius:14px;background:var(--card);color:var(--papier);border:1px solid var(--line2);padding:0 12px;font:500 15px var(--body)}
.reset_variations{display:none!important}
.woocommerce-variation-price{display:none}
.woocommerce-variation-availability{font-size:14px;color:var(--muted);margin-bottom:10px}
.woocommerce-variation-availability .out-of-stock{color:var(--cegla)}
.woocommerce-variation-add-to-cart,.cart:not(.variations_form) {display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.buy .quantity{display:none}
.buy .single_add_to_cart_button{width:100%;min-height:56px;font-size:17px}
.perks{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:10px;font-size:14px;color:rgba(244,241,234,.75)}
.perks li{display:flex;gap:8px;align-items:center}
.acc{border-top:1px solid rgba(244,241,234,.1)}
.acc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-weight:600;font-size:16px;min-height:44px}
.acc summary::-webkit-details-marker{display:none}
.acc summary svg{transition:transform .25s;flex:none}
.acc[open] summary svg{transform:rotate(45deg)}
.acc__body{padding:0 0 18px;color:rgba(244,241,234,.72);line-height:1.55;font-size:15px}
.acc__body p,.acc__body ul{margin:0 0 10px}.acc__body ul{padding-left:20px}
.acc__body .dtf-gpsr h3{display:none}
.acc__body dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.acc__body dd{margin:0}
.sizes{margin-top:72px;display:grid;gap:20px;align-items:start}
.sizes p{color:var(--muted);line-height:1.55;font-size:15px;margin:12px 0 0}
.sizes .card{padding:8px 8px 4px;overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(244,241,234,.1)}
th{color:var(--dim);font-weight:600}
.related{margin-top:72px}
.related__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}
.related__head h2{margin:0;font-size:26px;font-weight:700}

/* Shop archive, cart, checkout, account, pages */
.page{padding-top:40px;padding-bottom:80px}
.page__title{margin:0 0 24px;font-size:32px;font-weight:900;line-height:1.05}
.entry{max-width:900px;line-height:1.65}
.entry--wide,.woocommerce-cart .entry,.woocommerce-checkout .entry,.woocommerce-account .entry{max-width:none}
.entry h2,.entry h3{font-family:var(--disp);letter-spacing:-.01em}
.woocommerce-breadcrumb{font-size:14px;color:var(--dim);margin-bottom:12px}
.woocommerce-breadcrumb a{color:inherit}
.woocommerce-result-count{color:var(--dim);font-size:14px}
.woocommerce-ordering select,.entry select,.entry input[type=text],.entry input[type=email],.entry input[type=tel],.entry input[type=password],.entry input[type=number],.entry textarea,.woocommerce form .form-row .input-text,.woocommerce form .form-row select{background:var(--card);color:var(--papier);border:1px solid var(--line2);border-radius:12px;min-height:44px;padding:8px 12px;font:500 15px var(--body)}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 32px;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:auto;margin:0;float:none;padding:0}
.woocommerce-pagination ul{display:flex;gap:8px;list-style:none;padding:0;justify-content:center}
.woocommerce-pagination a,.woocommerce-pagination span{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line2);border-radius:999px;text-decoration:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{background:var(--card)!important;color:var(--papier)!important;border:1px solid var(--line2)!important;border-radius:16px;padding:14px 18px;list-style:none}
.woocommerce-message::before,.woocommerce-info::before{color:var(--kwas)}
.woocommerce table.shop_table{border-color:var(--line2);border-radius:16px}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--line)}
.wc-block-components-text-input input,.wc-block-components-combobox .components-combobox-control__input,.wc-blocks-components-select__select,.wc-block-components-textarea{background:var(--card)!important;color:var(--papier)!important;border-color:var(--line2)!important}
.wc-block-components-text-input label,.wc-block-components-combobox label,.wc-blocks-components-select__label{color:var(--dim)!important}
.wc-block-components-radio-control__option,.wc-block-components-checkbox__label{color:var(--papier)}
.wc-block-checkout__sidebar,.wc-block-cart__sidebar{background:var(--card);border-radius:20px;padding:12px}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce-MyAccount-navigation a{display:inline-flex;min-height:44px;align-items:center;padding:0 16px;border:1px solid var(--line2);border-radius:999px;text-decoration:none}
.woocommerce-MyAccount-navigation .is-active a{background:var(--kwas);color:var(--grunt);border-color:var(--kwas)}
.woocommerce .star-rating span::before,.woocommerce p.stars a{color:var(--kwas)}
.woocommerce span.onsale{background:var(--cegla);color:var(--grunt);border-radius:999px;min-height:auto;line-height:1;padding:8px 10px}

/* Motion. Static by default; animated only where the browser has scroll timelines and the visitor allows motion. */
@keyframes drift1{from{transform:translate3d(0,0,0)}to{transform:translate3d(-60px,220px,0)}}
@keyframes drift2{from{transform:translate3d(0,0,0)}to{transform:translate3d(90px,-160px,0) rotate(8deg)}}
@keyframes drift3{from{transform:translate3d(0,0,0) rotate(-6deg)}to{transform:translate3d(-30px,320px,0) rotate(-14deg)}}
@keyframes fadeup{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(-2deg)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}
@media (prefers-reduced-motion:no-preference){
	.mq{animation:marq 28s linear infinite}
	.floaty{animation:floaty 7s ease-in-out infinite}
	@supports (animation-timeline:view()){
		.p1{animation:drift1 linear both;animation-timeline:scroll(root);animation-range:0 120vh}
		.p2{animation:drift2 linear both;animation-timeline:scroll(root);animation-range:0 120vh}
		.p3{animation:drift3 linear both;animation-timeline:scroll(root);animation-range:0 120vh}
		.p3.floaty{animation:drift3 linear both,floaty 7s ease-in-out infinite;animation-timeline:scroll(root),auto;animation-range:0 120vh,normal}
		.fade{animation:fadeup linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
		.step{animation:fadeup linear both;animation-timeline:view();animation-range:entry 0% entry 50%}
	}
}
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	.glow,.tilt,.tee,.stage img{animation:none!important;transition:none!important}
	.tilt:hover,.tilt:hover .tee,.stage:hover img,.stage:hover .tee{transform:none}
}

/* Tablet and desktop (the canvas switches at 760 px). */
@media (min-width:761px){
	.wrap{padding:0 24px}
	.hdr__in{height:72px}
	.logo{font-size:22px}
	.hdr__nav,.hdr__crumbs{display:flex}
	.hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));padding-top:72px;padding-bottom:72px}
	.hero__copy{grid-column:span 7;gap:28px}
	.hero__art{display:block;grid-column:span 5}
	.hero h1{font-size:64px}
	.hero__lead{font-size:19px}
	.mqbox{padding:22px 0}.mq{gap:48px}.mq li{font-size:40px}
	.lines{padding-top:96px}.h2{font-size:44px}
	.grid,.woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
	.card{border-radius:24px}
	.pcard__body{padding:16px 18px 20px}
	.pcard__name,.pcard__price{font-size:16px}
	.gift{margin-top:80px}
	.gift__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-top:96px;padding-bottom:96px}
	.gift__copy{grid-column:span 7;gap:22px}
	.gift__cards{grid-column:span 5;gap:14px}
	.gift h2{font-size:56px}.gift h2 u{text-decoration-thickness:6px;text-underline-offset:10px}
	.gift p{font-size:18px}
	.gcard{padding:18px}.gcard b{font-size:20px}.gcard span{font-size:12px}
	.gcard:nth-child(2){top:28px}
	.how{padding-top:112px}.how__head{margin-bottom:48px}
	.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
	.steps .card{padding:28px;gap:14px}.steps .num{font-size:40px}
	.ask{padding-top:96px;padding-bottom:112px}
	.ask__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
	.ask__copy{grid-column:span 5}
	.ask__copy:only-child{grid-column:span 8}
	.reviews{grid-column:span 7;grid-template-columns:repeat(3,minmax(0,1fr))}
	.ask .h2{font-size:40px}
	.ftr__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-top:56px;padding-bottom:40px}
	.ftr__brand{grid-column:span 4}
	.ftr nav{grid-column:span 2}.ftr nav+nav{grid-column:span 3}
	.prod{padding-top:40px;padding-bottom:80px}
	.prod__cols{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}
	.stage{border-radius:28px}
	.thumbs{gap:12px}
	.buy{position:sticky;top:96px;gap:26px}
	.admin-bar .buy{top:128px}
	.buy h1{font-size:44px}
	.buy__price .price{font-size:34px}
	.perks{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sizes{margin-top:96px;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
	.sizes__copy{grid-column:span 4}.sizes .card{grid-column:span 8}
	.related{margin-top:96px}.related__head h2{font-size:32px}
	.page__title{font-size:44px}
}
@media (min-width:783px){.admin-bar .hdr{top:32px}}
@media (min-width:1100px){
	.hero h1{font-size:76px}
	.hdr__note{display:inline}
}
/* Cookie banner (mu-plugins/dtf-consent.php) in the theme's colours; the three choices stay equally prominent. */
body #dtf-consent{left:16px;right:16px;bottom:16px;background:var(--card);color:var(--papier);border:1px solid var(--line2);border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.55);padding:18px 20px;font:500 14px/1.5 var(--body)}
body #dtf-consent a{color:var(--papier)}
body #dtf-consent input{accent-color:var(--kwas)}
body #dtf-consent button,body #dtf-consent #dtf-consent-accept{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--papier);font:600 14px var(--body)}
body #dtf-consent button:hover{border-color:var(--kwas)}
.ftr .dtf-footer-cookies{display:contents}
.ftr .dtf-consent-reopen{appearance:none;background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left;text-decoration:underline;min-height:24px}
.reviews li{display:flex}.reviews figure{width:100%}
.steps li{list-style:none}