.fs{--bg:#000;--card:#0e0e12;--line:#26262e;--text:#f6f6fb;--mut:#a4a4c0;--sky:#1fa2ff;--blue:#2f6bff;--pur:#a020ff;--pink:#ff12d8;--red:#ff2a4d;--blue-rgb:47,107,255;--pur-rgb:160,32,255;--pink-rgb:255,18,216;--red-rgb:255,42,77;--grad:linear-gradient(90deg,var(--sky),var(--blue) 20%,var(--pur) 46%,var(--pink) 74%,var(--red));color-scheme:dark}
.fs *{box-sizing:border-box;margin:0;padding:0}
.fs{background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.55;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);-webkit-font-smoothing:antialiased}
.fs a{color:inherit;text-decoration:none}
.fs .w{max-width:1160px;margin:0 auto;padding:0 24px}
.fs .gt{background:var(--gtx,var(--grad));-webkit-background-clip:text;background-clip:text;color:transparent}
.fs header{border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);background:#000e;backdrop-filter:blur(10px);z-index:5}
.fs .nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.fs .logo{font-weight:800;font-size:22px;letter-spacing:-.03em}
.fs .nav ul{display:flex;gap:28px;list-style:none;font-size:14px;font-weight:700;color:var(--mut)}
.fs .nav ul a:hover,.fs .nav ul a.on{color:#fff}
.fs .nav .r{display:flex;gap:14px;align-items:center;font-size:14px;font-weight:700}
.fs .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:800;font-size:15px;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s}
.fs .btn:hover{transform:translateY(-2px)}
.fs .p{background:#fff;color:#000}
.fs .p:hover{box-shadow:0 0 24px #fff6}
.fs .n{background:var(--grad);background-origin:border-box;background-clip:border-box;background-repeat:no-repeat;background-size:100% 100%;border:0;color:#fff;box-shadow:0 0 28px rgba(var(--pink-rgb),.33)}
.fs .btn::before,.fs .btn::after{content:none!important;display:none!important}
.fs .o{border-color:#44445a;color:#fff;background:none}
.fs .s{padding:9px 16px;font-size:13px}
.fs .pill{display:inline-block;padding:8px 16px;border:1px solid #44445a;border-radius:999px;font-size:12px;font-weight:700;color:#d6d6ee;margin-bottom:28px}
.fs h1{font-size:clamp(50px,9.5vw,118px);line-height:.98;letter-spacing:-.045em;font-weight:800}
.fs h2{font-size:clamp(30px,4.5vw,50px);letter-spacing:-.04em;line-height:1.05;font-weight:800}
.fs h3{letter-spacing:-.03em}
.fs .hero{padding:80px 0 64px}
.fs .hero p.l{max-width:520px;color:var(--mut);font-size:18px;font-weight:500;margin:28px 0 36px}
.fs .row{display:flex;gap:12px;flex-wrap:wrap}
.fs .ph{padding:64px 0 32px}
.fs .ph p{color:var(--mut);max-width:620px;margin-top:14px;font-size:17px}
.fs .eb{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pink);margin-bottom:12px}
.fs section{padding:56px 0}
.fs .head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;flex-wrap:wrap}
.fs .head>a{color:var(--mut);font-weight:700;font-size:14px}
.fs .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.fs .tile{border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;color:#fff;transition:transform .2s,box-shadow .2s;border:2px solid #fff3}
.fs .tile:hover{transform:translateY(-5px)}
.fs .t1{background:var(--blue);box-shadow:0 0 44px rgba(var(--blue-rgb),.47)}
.fs .t2{background:var(--pink);box-shadow:0 0 44px rgba(var(--pink-rgb),.47)}
.fs .t3{background:var(--red);box-shadow:0 0 44px rgba(var(--red-rgb),.47)}
.fs .tile .top{display:flex;justify-content:space-between;align-items:flex-start}
.fs .tile h3{font-size:28px;line-height:1;font-weight:800}
.fs .tile .cnt{background:#000;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:800}
.fs .tile .sub{font-size:13px;font-weight:700;opacity:.9}
.fs .pan{background:#000c;border-radius:12px;padding:6px 12px;display:flex;flex-direction:column}
.fs .pan div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:14px;font-weight:700;border-bottom:1px solid #fff2}
.fs .pan div:last-child{border:0}
.fs .pan small{color:#ffffffb0;font-weight:600;font-size:12px}
.fs .pl{width:28px;height:28px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-size:10px;flex:none}
.fs .tile .btn{justify-content:center;background:#000;color:#fff;padding:11px 22px;font-size:14px}
.fs .tile>.btn:hover{background:#fff;color:#000}
.fs .list{border-top:1px solid var(--line)}
.fs .tr{display:grid;grid-template-columns:52px 1fr 80px 80px 70px 120px;gap:18px;align-items:center;padding:16px 8px;border-bottom:1px solid var(--line)}
.fs .tr:hover{background:#0c0c10}
.fs .tr b{display:block;font-size:17px;letter-spacing:-.02em}
.fs .tr .m{color:var(--mut);font-size:13px;font-weight:600}
.fs .tr .pr{font-weight:800;text-align:right}
.fs .chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.fs .chip{padding:9px 18px;border-radius:999px;border:1px solid #44445a;font-weight:700;font-size:14px;cursor:pointer;background:none;color:#fff;font-family:inherit}
.fs .chip:hover{border-color:#fff}
.fs .chip.on{background:#fff;color:#000;border-color:#fff}
.fs .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fs .pg{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;margin:24px 0 24px}
.fs .pg .art{margin:0}
.fs .bp{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;background:#fff;color:#000;border:0;font-size:26px;cursor:pointer;box-shadow:0 0 40px #fff6}
.fs .wave{display:flex;align-items:center;gap:3px;height:90px;margin-top:18px}
.fs .wave i{flex:1;background:#2c2c38;border-radius:2px}
.fs .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.fs .tg{padding:6px 12px;border:1px solid #44445a;border-radius:999px;font-size:13px;font-weight:700;color:var(--mut)}
.fs .lc{border:1px solid #44445a;border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;cursor:pointer;margin-bottom:10px}
.fs .lc.on{border-color:var(--pink);box-shadow:0 0 24px rgba(var(--pink-rgb),.27)}
.fs .lc span{color:var(--mut);font-size:13px}
.fs .lc em{font-style:normal;font-weight:800;grid-row:1/3;grid-column:2;align-self:center}
@media(max-width:900px){.fs .pg{grid-template-columns:1fr}}
.fs .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fs .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fs .kit{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;transition:border-color .2s,box-shadow .2s}
.fs .kit:hover{border-color:var(--pink);box-shadow:0 0 28px rgba(var(--pink-rgb),.2)}
.fs .art{aspect-ratio:1;border-radius:12px;margin-bottom:14px;position:relative}
.fs .art i{position:absolute;right:10px;bottom:10px;font-style:normal;font-size:11px;font-weight:800;background:#000;padding:5px 10px;border-radius:999px}
.fs .a0{background:linear-gradient(135deg,var(--blue),var(--pur))}
.fs .a1{background:linear-gradient(135deg,var(--pur),var(--pink))}
.fs .a2{background:linear-gradient(135deg,var(--pink),var(--red))}
.fs .a3{background:linear-gradient(135deg,#111,var(--blue))}
.fs .kit b{display:block;letter-spacing:-.02em}
.fs .kit>span{color:var(--mut);font-size:13px;font-weight:600}
.fs .kit .f{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-weight:800}
.fs .box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}
.fs .box h3{font-size:24px;margin-bottom:10px}
.fs .box p,.fs .box li{color:var(--mut)}
.fs .box ul{list-style:none}
.fs .box li{padding:9px 0;border-top:1px solid var(--line);color:#dcdcf0;font-weight:600;font-size:15px}
.fs .box .big{font-size:34px;font-weight:800;color:#fff;margin:10px 0 18px;letter-spacing:-.03em}
.fs .hl{box-shadow:var(--glow)}
.fs .lg{max-width:760px}
.fs .lg h3{font-size:20px;margin:32px 0 8px}
.fs .lg p{color:var(--mut);margin-bottom:10px}
.fs .fld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;font-weight:700;color:var(--mut)}
.fs input,.fs textarea,.fs select{background:#000;border:1px solid #44445a;border-radius:12px;padding:13px 16px;color:#fff;font:inherit;font-size:15px;width:100%}
.fs input:focus,.fs textarea:focus{outline:2px solid var(--acc);border-color:transparent}
.fs .sum{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-weight:700}
.fs details{border-bottom:1px solid var(--line);padding:18px 0}
.fs summary{cursor:pointer;font-weight:800;font-size:18px;letter-spacing:-.02em;list-style:none}
.fs details p{color:var(--mut);margin-top:10px;max-width:680px}
.fs .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.fs .steps div{border-top:2px solid var(--line);padding-top:18px}
.fs .steps h4{margin:8px 0 6px;font-size:18px}
.fs .steps p{color:var(--mut);font-size:14px}
.fs .four{text-align:center;padding:110px 0}
.fs .four h1{font-size:clamp(100px,22vw,240px)}
.fs footer{border-top:1px solid var(--line);padding:48px 0 36px;margin-top:40px}
.fs .fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px}
.fs .fg h5{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.fs .fg li{list-style:none;margin-bottom:9px;font-size:14px;font-weight:600;color:#d0d0e4}
.fs .fg p{color:var(--mut);font-size:14px;max-width:260px;margin-top:10px}
.fs .cp{margin-top:40px;color:var(--mut);font-size:13px}
@media(max-width:900px){.fs .tiles,.fs .grid3,.fs .grid2{grid-template-columns:1fr}
.fs .grid4,.fs .steps{grid-template-columns:1fr 1fr}
.fs .fg{grid-template-columns:1fr 1fr}
.fs .nav ul{display:none}
.fs .tr{grid-template-columns:48px 1fr 100px}
.fs .tr .m{display:none}}
@media(max-width:520px){.fs .grid4,.fs .steps{grid-template-columns:1fr}}
body.fs-page{background:#000}
.fs{background:#000;color:var(--text)}
.fs .woocommerce table.shop_table{border:1px solid var(--line);border-radius:14px;border-collapse:separate;width:100%;color:#fff;background:var(--card)}
.fs .woocommerce td,.fs .woocommerce th{padding:14px;border-color:var(--line)}
.fs .woocommerce a.button,.fs .woocommerce button.button,.fs .woocommerce #place_order{background:var(--grad);color:#fff;border-radius:999px;padding:14px 26px;font-weight:800;border:0}
.fs .woocommerce input.input-text,.fs .woocommerce select,.fs .woocommerce textarea{background:#000;border:1px solid #44445a;border-radius:12px;padding:13px 16px;color:#fff}
.fs .woocommerce-message,.fs .woocommerce-info,.fs .woocommerce-error{background:var(--card);border-top-color:var(--pink);color:#fff}
.fs .woocommerce-checkout #payment{background:var(--card);border-radius:14px}
.fs .woocommerce-MyAccount-navigation ul{list-style:none;display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.fs .woocommerce-MyAccount-navigation a{color:var(--mut);font-weight:700}
.fs .tr.hide{display:none}
.fs .fsmsg{background:var(--card);border:1px solid var(--pink);border-radius:12px;padding:14px 18px;margin-bottom:16px}

/* ===== PRZYCISKI: wypełnione gradientem, spokojniejsza poświata ===== */
.fs .n{background:var(--grad);background-origin:border-box;background-repeat:no-repeat;background-size:100% 100%;border:0;color:#fff;
box-shadow:var(--glow)}
.fs .n:hover{filter:brightness(1.1);box-shadow:var(--glow)}
/* przycisk drugorzędny: ramka, bez gradientu */
.fs .o{background:transparent;border:1px solid #5a5a74;color:#fff;box-shadow:none}
.fs .o:hover{border-color:var(--acc);background:rgba(var(--acc-rgb),.16);box-shadow:none}
.fs .p{box-shadow:0 2px 10px #ffffff22}
.fs .p:hover{box-shadow:0 4px 16px #ffffff40}
.fs .woocommerce a.button,.fs .woocommerce button.button{background:transparent;border:1px solid #5a5a74;box-shadow:none}
.fs .woocommerce a.button:hover,.fs .woocommerce button.button:hover{background:rgba(var(--acc-rgb),.16);border-color:var(--acc);color:#fff}
/* gradient tylko na głównych akcjach: kasa, zamówienie, dodaj do koszyka */
.fs .woocommerce a.checkout-button,.fs .woocommerce #place_order,.fs .woocommerce button.single_add_to_cart_button,.fs .woocommerce a.button.alt,.fs .woocommerce button.button.alt{background:var(--grad);background-origin:border-box;border:0;color:#fff;box-shadow:var(--glow)}

/* ===== AKCENTY: domyślnie fioletowy gradient, kategorie nadpisują zmienne ===== */
.fs{--g1:#2f6bff;--g2:#ff12d8;--g3:#ff2a4d;--acc:#b9b9d8;--acc-rgb:185,185,216;--accl:#e6e6f7;
--cg:linear-gradient(135deg,var(--sky),var(--blue) 20%,var(--pur) 46%,var(--pink) 74%,var(--red));--cgh:var(--grad);
--bd:var(--grad);--glow:-6px 6px 24px rgba(var(--blue-rgb),.34),6px 6px 24px rgba(var(--red-rgb),.3)}
.fs-t-beats{--g1:#1fa2ff;--g2:#2f6bff;--g3:#3d5cff;--acc:#2f6bff;--acc-rgb:47,107,255;--accl:#7aa5ff}
.fs-t-kits{--g1:#8d2dff;--g2:#be1cf3;--g3:#ef14de;--acc:#be1cf3;--acc-rgb:190,28,243;--accl:#dc7cff}
.fs-t-mix{--g1:#ef14de;--g2:#ff1ca0;--g3:#ff2a4d;--acc:#ff1ca0;--acc-rgb:255,28,160;--accl:#ff72c0}
.fs-t-beats,.fs-t-kits,.fs-t-mix{--cg:linear-gradient(135deg,var(--g1),var(--g2) 55%,var(--g3));--cgh:linear-gradient(90deg,var(--g1),var(--g2) 55%,var(--g3));--bd:linear-gradient(var(--acc),var(--acc));--glow:0 0 22px rgba(var(--acc-rgb),.3)}
.fs .eb{width:fit-content;background:var(--cgh);background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.fs .pill{border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--bd) border-box}
.fs .tg{border-color:rgba(var(--acc-rgb),.65);color:var(--accl)}
.fs .chip:hover{border-color:var(--acc);background:rgba(var(--acc-rgb),.18)}
.fs .chip.on{background:rgba(var(--acc-rgb),.24);border-color:var(--acc);color:#fff}
.fs .box,.fs .kit,.fs .lc{border-color:rgba(var(--acc-rgb),.35)}
.fs .kit:hover{border-color:var(--acc);box-shadow:0 0 24px rgba(var(--acc-rgb),.25)}
.fs .lc.on,.fs .hl{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--bd) border-box;box-shadow:var(--glow)}
.fs .list{border-top-color:rgba(var(--acc-rgb),.28)}
.fs .tr{border-bottom-color:rgba(var(--acc-rgb),.28)}
.fs input:focus,.fs textarea:focus{outline-color:var(--acc)}
.fs .fsmsg{border-color:var(--acc)}
.fs .woocommerce-message,.fs .woocommerce-info,.fs .woocommerce-error{border-top-color:var(--acc)}
.fs details{border-bottom-color:rgba(var(--acc-rgb),.28)}

/* ===== KATEGORIE (fs-t): przyciski, okładki, play, fala ===== */
.fs.fs-t .btn.n{background:var(--cgh);background-origin:border-box;background-repeat:no-repeat;background-size:100% 100%;border:0;color:#fff;
box-shadow:0 4px 16px rgba(var(--acc-rgb),.4)}
.fs.fs-t .btn.n:hover{filter:brightness(1.1);box-shadow:0 6px 22px rgba(var(--acc-rgb),.55)}
.fs.fs-t .art{box-shadow:0 0 30px rgba(var(--acc-rgb),.25)}
.fs.fs-t .a0{background:linear-gradient(135deg,var(--g1),var(--g2))}
.fs.fs-t .a1{background:linear-gradient(135deg,var(--g2),var(--g3))}
.fs.fs-t .a2{background:linear-gradient(135deg,var(--g1),var(--g3))}
.fs.fs-t .a3{background:linear-gradient(135deg,var(--g3),var(--g2) 60%,var(--g1))}
.fs.fs-t .bp{background:var(--cg);color:#fff;box-shadow:0 0 32px rgba(var(--acc-rgb),.5)}
.fs.fs-t .wave i{background:rgba(var(--acc-rgb),.28)}
.fs.fs-t .wave i[style*="--pink"]{background:var(--cg)!important}
.fs.fs-t .tr:hover{background:rgba(var(--acc-rgb),.08)}
.fs.fs-t .tr .pr{color:var(--accl)}

/* ===== KAFELKI NA STRONIE GŁÓWNEJ ===== */
.fs .t1{background:linear-gradient(135deg,#1fa2ff,#2f6bff 55%,#3d5cff);box-shadow:0 0 44px rgba(47,107,255,.5)}
.fs .t2{background:linear-gradient(135deg,#8d2dff,#be1cf3 55%,#ef14de);box-shadow:0 0 44px rgba(190,28,243,.5)}
.fs .t3{background:linear-gradient(135deg,#ef14de,#ff1ca0 55%,#ff2a4d);box-shadow:0 0 44px rgba(255,28,160,.5)}

/* napraw ramki kafelków: gradient nie może się powtarzać pod ramką */
.fs .t1,.fs .t2,.fs .t3{background-origin:border-box;background-repeat:no-repeat;background-size:100% 100%}

/* ===== ODTWARZACZE W KAFELKACH (mix, beaty, kity) i LISTA BEATÓW ===== */
.fs .ic-pause{display:none}
.fs .is-playing .ic-play{display:none}
.fs .is-playing .ic-pause{display:block}
.fs.is-playing .ic-play{display:none}
.fs.is-playing .ic-pause{display:block}
.fs .mp button,.fs .bs button,.fs .kp button,.fs .rp{appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;font:inherit;text-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fs .mp button:focus-visible,.fs .bs button:focus-visible,.fs .kp button:focus-visible,.fs .rp:focus-visible,.fs .mp-wave:focus-visible,.fs .bs-wave:focus-visible,.fs .kp-wave:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* fala: canvas rysowany w JS (gęste, odbite względem środka paski) */
.fs .mp-wave,.fs .bs-wave,.fs .kp-wave{position:relative;flex:1;min-width:0;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:6px;--wb:rgba(255,255,255,.38);--wp:#fff;--wp2:#fff}
.fs .mp-wave canvas,.fs .bs-wave canvas,.fs .kp-wave canvas{display:block;width:100%;height:100%}
.fs .kp-wave{--wb:rgba(255,255,255,.5)}

/* --- Mix & Master --- */
.fs .mp{background:#000c;border-radius:12px;padding:10px 12px 8px}
.fs .mp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #fff2}
.fs .mp-lbl b{display:block;font-size:14px;font-weight:800;line-height:1.2}
.fs .mp-lbl small{display:block;margin-top:2px;font-size:12px;font-weight:700;color:#ffffffa8;transition:color .3s}
.fs .mp.fx-on .mp-lbl small{color:#ff9a5c}
.fs .mp.fx-on .mp-wave{--wp:#ffb066;--wp2:#ff3a5c}
/* przełącznik w stylu iOS: stałe wymiary, odporne na style motywu */
.fs .mp .mp-sw,.fs .mp .mp-sw:hover,.fs .mp .mp-sw:focus{position:relative;display:block;flex:none;box-sizing:border-box;width:46px!important;height:28px!important;min-width:0!important;min-height:0!important;max-width:46px!important;max-height:28px!important;padding:0!important;line-height:0;border-radius:999px;background:#3a3a46;box-shadow:inset 0 0 0 1px #ffffff14;transition:background .3s}
.fs .mp-sw::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#ef14de,#ff2a4d);opacity:0;transition:opacity .3s}
.fs .mp-sw[aria-checked="true"]::before{opacity:1}
.fs .mp-sw i{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 2px 5px #0006,0 0 1px #0004;transition:transform .32s cubic-bezier(.3,1.35,.5,1),width .2s}
.fs .mp-sw[aria-checked="true"] i{transform:translateX(18px)}
.fs .mp-sw:active i{width:30px}
.fs .mp-sw[aria-checked="true"]:active i{transform:translateX(12px)}
.fs .mp-row{display:flex;align-items:center;gap:12px}
.fs .mp-wave{height:40px}
.fs .mp .mp-play,.fs .mp .mp-play:hover,.fs .mp .mp-play:focus{flex:none;width:42px;height:42px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;box-shadow:0 2px 12px #0005;transition:transform .15s}
.fs .mp .mp-play:active{transform:scale(.93)}
.fs .mp-time{display:flex;justify-content:space-between;margin:5px 0 0 54px;font-size:12px;font-weight:700;color:#ffffffa8;font-variant-numeric:tabular-nums}

/* --- Sound Kits: okładka + nazwa na górze, próbki dźwięków pod spodem --- */
.fs .kp{background:#000c;border-radius:12px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}
.fs .kp-hd{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid #fff2}
.fs .kp-cover{position:relative;display:block;flex:none;width:52px;height:52px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#8d2dff,#ef14de);box-shadow:0 4px 14px rgba(0,0,0,.45)}
.fs .kp-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.fs .kp-ti{min-width:0;flex:1}
.fs .kp-ti b{display:block;font-size:16px;letter-spacing:-.02em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fs .kp-ti small{display:block;margin-top:2px;color:#ffffffa8;font-size:12px;font-weight:700}
.fs .kp-list{display:flex;flex-direction:column;gap:8px}
.fs .kp-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;column-gap:10px;align-items:center}
.fs .kp .kp-play,.fs .kp .kp-play:hover,.fs .kp .kp-play:focus{grid-row:1;width:28px;height:28px;background:none;color:#fff;display:grid;place-items:center;border-radius:50%;transition:transform .15s,color .15s}
.fs .kp .kp-play:hover{transform:scale(1.12)}
.fs .kp-wave{grid-row:1;height:28px}
.fs .kp-n{grid-column:3;grid-row:1;min-width:54px;font-size:11px;font-weight:600;color:#ffffffb8;text-align:right;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fs .kp-empty{color:#ffffffa8;font-size:13px;font-weight:600;text-align:center;padding:8px 0}

.fs .tile>.btn{margin-top:auto}

/* --- okładki produktów (zdjęcie z WooCommerce zamiast gradientu) --- */
.fs .art{overflow:hidden}
.fs .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.fs .art i{z-index:1}

/* --- sekcje na stronie głównej w kolorach swoich kategorii --- */
.fs .sec-beats{--g1:#1fa2ff;--g2:#2f6bff;--g3:#3d5cff;--acc:#2f6bff;--acc-rgb:47,107,255;--accl:#7aa5ff;--cg:linear-gradient(135deg,var(--g1),var(--g2) 55%,var(--g3));--cgh:linear-gradient(90deg,var(--g1),var(--g2) 55%,var(--g3))}
.fs .sec-kits{--g1:#8d2dff;--g2:#be1cf3;--g3:#ef14de;--acc:#be1cf3;--acc-rgb:190,28,243;--accl:#dc7cff;--cg:linear-gradient(135deg,var(--g1),var(--g2) 55%,var(--g3));--cgh:linear-gradient(90deg,var(--g1),var(--g2) 55%,var(--g3))}
.fs .sec-beats,.fs .sec-kits{--bd:linear-gradient(var(--acc),var(--acc));--glow:0 0 22px rgba(var(--acc-rgb),.3)}
.fs .sec-beats .tr .pr{color:var(--accl)}
.fs .sec-kits .a0{background:linear-gradient(135deg,var(--g1),var(--g2))}
.fs .sec-kits .a1{background:linear-gradient(135deg,var(--g2),var(--g3))}
.fs .sec-kits .a2{background:linear-gradient(135deg,var(--g1),var(--g3))}
.fs .sec-kits .a3{background:linear-gradient(135deg,var(--g3),var(--g2) 60%,var(--g1))}

@media (prefers-reduced-motion:reduce){.fs .mp-sw,.fs .mp-sw::before,.fs .mp-sw i,.fs .bs-track{transition:none}}

/* --- mobile: lista beatów i kafelki --- */
@media(max-width:900px){
.fs .tr{grid-template-columns:48px 1fr auto;gap:12px}
.fs .tr .pr{gap:8px}
.fs .tile{padding:18px}
}

/* =====================================================================
 * WERSJA 2: równe kafelki, beaty bez waveformu, katalog beatów, header, player
 * ===================================================================== */

/* ---------- kafelki: równa szerokość i wysokość ---------- */
.fs .tile{min-width:0}
.fs .tile .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs .tile>.bs,.fs .tile>.kp,.fs .tile>.mp,.fs .tile>.pan{flex:1 1 auto;min-height:176px;min-width:0}
.fs .mp{display:flex;flex-direction:column;justify-content:center}
.fs .kp{justify-content:space-between}
.fs .pan{justify-content:center}

/* ---------- Sound kits: okładka bez różowego tła ---------- */
.fs .art.has-img{background:none}
.fs .art.has-img img{object-fit:cover}
.fs .kit .f{align-items:center;gap:10px}

/* ---------- kafelek Beats: okładka z przyciskiem play + pasek postępu (bez waveformu) ---------- */
.fs .bs{background:#000c;border-radius:12px;padding:12px;overflow:hidden;display:flex;flex-direction:column}
.fs .bs-vp{overflow:hidden;touch-action:pan-y;flex:1 1 auto;display:flex;align-items:center}
.fs .bs-track{display:flex;width:100%;transition:transform .38s cubic-bezier(.3,.9,.3,1);will-change:transform}
.fs .bs-slide{flex:0 0 100%;min-width:0;padding:0 2px;display:flex;flex-direction:column;gap:10px}
.fs .bs-hd{display:flex;gap:14px;align-items:center;min-width:0}
.fs .bs-cover{position:relative;flex:none;width:68px;height:68px;border-radius:10px;overflow:hidden;background:#0b0b10}
.fs .bs-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fs .bs .bs-play,.fs .bs .bs-play:hover,.fs .bs .bs-play:focus{appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;flex:none;width:38px;height:38px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;box-shadow:0 2px 12px #0006;cursor:pointer;transition:transform .15s}
.fs .bs .bs-play:hover{transform:scale(1.08)}
.fs .bs .bs-pv,.fs .bs .bs-nx,.fs .bs .bs-pv:hover,.fs .bs .bs-nx:hover,.fs .bs .bs-pv:focus,.fs .bs .bs-nx:focus{appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;flex:none;width:32px;height:32px;border-radius:50%;background:none;color:#ffffffcc;display:grid;place-items:center;cursor:pointer;transition:color .15s,background .15s}
.fs .bs .bs-pv:hover,.fs .bs .bs-nx:hover{color:#fff;background:#ffffff1f}
.fs .bs .bs-play:focus-visible,.fs .bs .bs-pv:focus-visible,.fs .bs .bs-nx:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fs .bs-slide.no-audio .bs-play,.fs .bs-slide.no-audio .bs-pv,.fs .bs-slide.no-audio .bs-nx{opacity:.35;pointer-events:none}
.fs .bs-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.fs .bs-t{font-weight:800;font-size:16.5px;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs .bs-a{font-size:13px;font-weight:600;color:#ffffffc4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs .bs-m{display:flex;align-items:center;gap:7px;margin-top:3px;font-size:12px;font-weight:700;color:#ffffffa8;min-width:0}
.fs .bs-m>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs .bs-bar{position:relative;height:18px;display:flex;align-items:center;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:6px}
.fs .bs-bar::before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:99px;background:#ffffff33}
.fs .bs-fill{position:relative;display:block;height:4px;width:var(--p,0%);border-radius:99px;background:#fff}
.fs .bs-fill::after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;opacity:0;transition:opacity .15s}
.fs .bs-bar:hover .bs-fill::after,.fs .bs-slide.is-current .bs-fill::after{opacity:1}
.fs .bs-bar:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fs .bs-time{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:-2px;font-size:12px;font-weight:700;color:#ffffffa8;font-variant-numeric:tabular-nums}
.fs .bs-time>:last-child{justify-self:end}
.fs .bs-ctl{display:flex;align-items:center;gap:6px}
.fs .bs-nav{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #fff2}
.fs .bs .bs-prev,.fs .bs .bs-next{width:32px;height:32px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;transition:background .15s}
.fs .bs .bs-prev:hover,.fs .bs .bs-next:hover{background:#ffffff3a}
.fs .bs-dots{display:flex;gap:7px;align-items:center}
.fs .bs .bs-dot{width:7px;height:7px;border-radius:99px;background:#ffffff4d;transition:width .25s,background .25s}
.fs .bs .bs-dot.on{width:18px;background:#fff}
.fs .tile .fav,.fs .tile .fav:hover,.fs .tile .fav:focus{color:#ffffffb8}
.fs .tile .fav:hover,.fs .tile .fav.is-fav,.fs .tile .fav.is-fav:hover{color:#fff}

/* ---------- equalizer (gra: animowane słupki) ---------- */
.fs .eq{display:none;align-items:flex-end;gap:2px;height:11px;flex:none}
.fs .is-playing .eq{display:inline-flex}
.fs .eq i{display:block;width:2.5px;height:30%;background:currentColor;border-radius:1px;animation:fseq .9s ease-in-out infinite}
.fs .eq i:nth-child(2){animation-delay:-.3s}
.fs .eq i:nth-child(3){animation-delay:-.6s}
@keyframes fseq{0%,100%{height:25%}50%{height:100%}}
@media (prefers-reduced-motion:reduce){.fs .eq i{animation:none;height:70%}}

/* ---------- reset przycisków (motyw potrafi je nadpisywać) ---------- */
.fs .br button,.fs.fsp button,.fs .fav{appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;font:inherit;text-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fs .br button:focus-visible,.fs.fsp button:focus-visible,.fs .fav:focus-visible,.fs .ac:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fs .fsp-prog:focus-visible{outline:0;box-shadow:0 2px 0 #ffffff80}

/* ---------- ulubione (serduszko) ---------- */
.fs .fav,.fs .fav:hover,.fs .fav:focus{flex:none;width:34px;height:34px;border-radius:50%;background:none;color:#ffffff99;display:grid;place-items:center;transition:color .15s,transform .15s}
.fs .fav:hover{color:#fff;transform:scale(1.12)}
.fs .fav .ic-heart path{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.fs .fav.is-fav,.fs .fav.is-fav:hover{color:var(--pink)}
.fs .fav.is-fav .ic-heart path{fill:currentColor}

/* ---------- cena i przycisk koszyka ---------- */
.fs .px{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:4px;min-width:84px;white-space:nowrap;font-variant-numeric:tabular-nums}
.fs .px b{display:inline-flex;align-items:baseline;font-size:22px;font-weight:800;letter-spacing:-.035em;line-height:1;color:#fff}
.fs .px b i{font-style:normal;font-size:12.5px;letter-spacing:0;margin-left:1px;color:#ffffffcc}
.fs .px em{font-style:normal;font-size:13px;font-weight:800;color:var(--accl);letter-spacing:.01em}
.fs .px small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-right:2px}
.fs .px del{font-size:12.5px;font-weight:600;color:var(--mut);text-decoration-thickness:1px;margin-right:4px}
.fs .px-free b{font-size:17px;letter-spacing:-.01em}
.fs .kit .f .px{min-width:0;justify-content:flex-start}
.fs .ac,.fs .ac:hover,.fs .ac:focus{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;width:138px;height:40px;padding:0 14px;border-radius:999px;border:1.5px solid transparent;background:linear-gradient(#0a0a0f,#0a0a0f) padding-box,var(--cgh) border-box;color:#fff;font-weight:800;font-size:13.5px;line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:box-shadow .2s,transform .15s,opacity .2s}
.fs .ac:hover,.fs .ac.added,.fs .ac.added:hover{background:var(--cgh) border-box;border-color:transparent;box-shadow:0 4px 18px rgba(var(--acc-rgb),.45);transform:translateY(-1px)}
.fs .ac.loading{opacity:.6;pointer-events:none}
.fs .ac svg{flex:none}
.fs a.added_to_cart{display:none!important}
.fs .kit .f .ac{width:auto;min-width:0;padding:0 14px}

/* ---------- katalog beatów (wiersze) ---------- */
.fs .blist{border-top:1px solid rgba(var(--acc-rgb),.28)}
.fs .br{--cols:56px minmax(150px,1.4fr) minmax(0,1.2fr) 76px 76px 34px 150px;position:relative;display:grid;grid-template-columns:var(--cols);gap:16px;align-items:center;padding:12px 10px;border-bottom:1px solid rgba(var(--acc-rgb),.22);transition:background .2s}
.fs .br>*{position:relative;min-width:0}
.fs .br:hover{background:rgba(var(--acc-rgb),.07)}
.fs .br::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p,0%);background:linear-gradient(90deg,rgba(var(--acc-rgb),0),rgba(var(--acc-rgb),.18));pointer-events:none}
.fs .br.hide{display:none}
.fs .br.th{padding-top:10px;padding-bottom:10px;font-size:12px;font-weight:700;color:var(--mut)}
.fs .br.th::before{display:none}
.fs .br.th:hover{background:none}
.fs .br-c{position:relative;width:56px;height:56px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--g1,#1fa2ff),var(--g3,#3d5cff));box-shadow:0 4px 14px rgba(0,0,0,.45)}
.fs .br-c img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .35s}
.fs .br:hover .br-c img{transform:scale(1.07)}
.fs .br .rp,.fs .br .rp:hover,.fs .br .rp:focus,.fs .tr .rp,.fs .tr .rp:hover,.fs .tr .rp:focus{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;border:0;display:grid;place-items:center;font-size:13px;box-shadow:none;transition:background .15s,transform .15s}
.fs .br .rp:hover,.fs .tr .rp:hover{background:rgba(255,255,255,.26);transform:scale(1.06)}
.fs .br.is-playing .rp{background:rgba(255,255,255,.3)}
.fs .br .rp:disabled{opacity:.3;cursor:default;transform:none}
.fs .br-t{display:flex;flex-direction:column;min-width:0}
.fs .br-n{font-weight:800;font-size:16.5px;letter-spacing:-.02em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs .br-n:hover{background:var(--cgh);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs .br-a{font-size:13px;font-weight:600;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs .br-mm{display:none;font-size:12px;font-weight:600;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs .br-tags{display:flex;gap:6px;flex-wrap:nowrap;overflow:hidden}
.fs .tg2{flex:none;padding:4px 11px;border:1px solid rgba(var(--acc-rgb),.5);border-radius:999px;background:rgba(var(--acc-rgb),.08);font-size:12px;font-weight:700;color:var(--accl);white-space:nowrap}
.fs .tg2.more{border-color:#44445a;background:none;color:var(--mut)}
.fs .br-k,.fs .br-b{font-weight:700;font-size:14px;color:#e4e4f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs .br-k:empty::before,.fs .br-b:empty::before{content:"–";color:#5a5a74}
.fs .br-buy{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.fs .fs-empty{margin-top:24px;color:var(--mut);font-weight:600}
.fs .fs-empty[hidden]{display:none}
@media(max-width:900px){
.fs .br{--cols:44px minmax(0,1fr) 34px auto;gap:10px;padding:10px 4px}
.fs .br .rp,.fs .br .rp:hover,.fs .br .rp:focus{width:40px;height:40px}
.fs .br-c{width:44px;height:44px;border-radius:9px}
.fs .br.th,.fs .br-tags,.fs .br-k,.fs .br-b{display:none}
.fs .br-mm{display:block}
.fs .br-buy{gap:10px}
.fs .ac,.fs .ac:hover,.fs .ac:focus{width:40px;padding:0}
.fs .br .ac span{display:none}
.fs .px{min-width:0}
.fs .br-buy .px del{display:none}
}
@media(max-width:560px){
.fs .br{gap:8px}
.fs .br-buy{gap:8px}
.fs .br-buy .px small{display:none}
.fs .br-buy .px b{font-size:18px}
.fs .br-buy .px em{font-size:12px}
.fs .kit .f .ac{width:auto;min-width:0;padding:0 14px}
}

/* ---------- header: podkreślenie w gradiencie kategorii ---------- */
.fs .nav ul{gap:30px}
.fs .nav ul li{position:relative;display:flex;height:68px}
.fs .nav ul a{position:relative;display:flex;align-items:center;height:100%;transition:color .2s}
.fs .nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--ul,var(--grad));box-shadow:0 0 14px rgba(var(--ur,255,18,216),.6);transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.3,.9,.3,1)}
.fs .nav ul a:hover,.fs .nav ul a:focus-visible,.fs .nav ul a.on{color:#fff}
.fs .nav ul a:hover::after,.fs .nav ul a:focus-visible::after,.fs .nav ul a.on::after{transform:scaleX(1)}
.fs .nav ul a.nv-beats{--ul:linear-gradient(90deg,#1fa2ff,#2f6bff 55%,#3d5cff);--ur:47,107,255}
.fs .nav ul a.nv-kits{--ul:linear-gradient(90deg,#8d2dff,#be1cf3 55%,#ef14de);--ur:190,28,243}
.fs .nav ul a.nv-mix{--ul:linear-gradient(90deg,#ef14de,#ff1ca0 55%,#ff2a4d);--ur:255,28,160}
@media(prefers-reduced-motion:reduce){.fs .nav ul a::after{transition:none}}

/* ---------- globalny player na dole strony ---------- */
body.fsp-on{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
.fs.fsp{position:fixed;left:0;right:0;bottom:0;z-index:99990;padding:0 0 env(safe-area-inset-bottom,0px);background:rgba(10,10,14,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 40px rgba(0,0,0,.55)}
.fs.fsp[hidden]{display:none}

/* rząd 1: czas | waveform | czas */
.fsp-wv{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px;max-width:1560px;margin:0 auto;padding:10px 20px 0}
.fsp-tc,.fsp-td{font-size:12px;font-weight:700;color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap}
.fsp-td{text-align:right}
.fsp-prog{--wh:1;--wp:#2f6bff;--wp2:#a020ff;--wp3:#ff12d8;--wp4:#ff2a4d;--wb:rgba(255,255,255,.26);position:relative;height:34px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:6px}
.fsp-prog canvas{display:block;width:100%;height:100%}

/* rząd 2: utwór | sterowanie (symetryczne, w osi) | głośność + cena */
.fsp-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;height:66px;max-width:1560px;margin:0 auto;padding:0 20px}
.fsp-l{display:flex;align-items:center;min-width:0}
.fsp-now{display:flex;align-items:center;gap:12px;min-width:0}
.fsp-cover{position:relative;flex:none;width:44px;height:44px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--blue),var(--pink))}
.fsp-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fsp-ti{display:flex;flex-direction:column;min-width:0}
.fsp-t{font-weight:800;font-size:14.5px;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fsp-a{font-size:12.5px;font-weight:600;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fsp-ctl{display:flex;align-items:center;justify-content:center;gap:6px}
.fs.fsp .fsp-ic,.fs.fsp .fsp-ic:hover,.fs.fsp .fsp-ic:focus,.fs.fsp .fsp-fav,.fs.fsp .fsp-fav:hover,.fs.fsp .fsp-fav:focus{width:38px;height:38px;border-radius:50%;background:none;color:#ffffffcc;display:grid;place-items:center;flex:none;transform:none;transition:color .15s,background .15s}
.fs.fsp .fsp-ic:hover,.fs.fsp .fsp-fav:hover{color:#fff;background:#ffffff14}
.fs.fsp .fsp-fav.is-fav,.fs.fsp .fsp-fav.is-fav:hover{color:var(--pink)}
.fs.fsp .fsp-loop[aria-pressed="true"],.fs.fsp .fsp-loop[aria-pressed="true"]:hover{background:none;box-shadow:none}
.fs.fsp .fsp-loop[aria-pressed="true"],.fs.fsp .fsp-loop[aria-pressed="true"]:hover{color:var(--pink)}
.fs.fsp .fsp-loop[aria-pressed="true"] svg{stroke:currentColor}
.fs.fsp .fsp-loop[aria-pressed="true"]:hover{background:#ffffff14}
.fs.fsp .fsp-pp,.fs.fsp .fsp-pp:hover,.fs.fsp .fsp-pp:focus{width:46px;height:46px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;flex:none;box-shadow:0 2px 12px #0006;transition:transform .15s}
.fs.fsp .fsp-pp:hover{transform:scale(1.07)}
.fs.fsp .fsp-pp:active{transform:scale(.94)}
.fsp-r{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.fsp-vol{display:flex;align-items:center;gap:6px}
.fsp-mute svg{display:none}
.fsp-vol[data-vol="0"] .v0,.fsp-vol[data-vol="1"] .v1,.fsp-vol[data-vol="2"] .v2{display:block}

/* suwak głośności: zwykłe elementy (bez natywnego <input range>, więc żadnych systemowych pasków) */
.fs.fsp .fsp-vr{--v:80%;position:relative;display:block;flex:none;width:96px;height:20px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:6px}
.fs.fsp .fsp-vr::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:99px;background:rgba(255,255,255,.22)}
.fs.fsp .fsp-vr::after{content:"";position:absolute;left:0;top:50%;width:var(--v);height:4px;margin-top:-2px;border-radius:99px;background:#fff}
.fs.fsp .fsp-vr i{position:absolute;top:50%;left:var(--v);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0008;transition:transform .12s}
.fs.fsp .fsp-vr:hover i,.fs.fsp .fsp-vr:focus-visible i{transform:scale(1.2)}
.fs.fsp .fsp-vr:focus,.fs.fsp .fsp-vr:focus-visible{outline:0;box-shadow:none}
.fs.fsp .fsp-vr:focus-visible i{box-shadow:0 0 0 4px rgba(255,255,255,.3),0 1px 4px #0008}

/* przycisk koszyka: ikona + cena (etykieta tylko dla czytników ekranu) */
.fs.fsp .fsp-buy,.fs.fsp .fsp-buy:hover,.fs.fsp .fsp-buy:focus{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;height:38px;min-width:38px;padding:0 15px;border-radius:999px;background:var(--grad) border-box;color:#fff;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:-2px 2px 9px rgba(var(--blue-rgb),.26),2px 2px 9px rgba(var(--red-rgb),.22);transition:transform .15s,filter .15s,box-shadow .15s;text-decoration:none}
.fs.fsp .fsp-buy:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:-2px 3px 11px rgba(var(--blue-rgb),.32),2px 3px 11px rgba(var(--red-rgb),.28)}
.fs.fsp .fsp-buy[hidden]{display:none}
.fsp-bl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fs.fsp .fsp-buy.added .fsp-bl{position:static;width:auto;height:auto;overflow:visible;clip:auto}
.fs.fsp .fsp-buy.added .fsp-bp{display:none}
.fsp-bp{font-weight:800}
.fsp-bp:empty{display:none}
@media(max-width:1150px){.fs.fsp .fsp-vr{display:none}}
@media(max-width:900px){
.fsp-wv{grid-template-columns:38px minmax(0,1fr) 38px;gap:10px;padding:8px 14px 0}
.fsp-in{gap:10px;padding:0 14px}
.fs.fsp .fsp-vol{display:none}
}
@media(max-width:640px){
body.fsp-on{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
.fsp-prog{height:28px}
.fsp-in{grid-template-columns:minmax(0,1fr) auto auto;height:62px;gap:6px;padding:0 10px}
.fsp-cover{width:40px;height:40px}
.fs.fsp .fsp-loop,.fs.fsp .fsp-fav{display:none}
.fs.fsp .fsp-ic,.fs.fsp .fsp-ic:hover{width:34px;height:34px}
}
@media(max-width:400px){.fs.fsp .fsp-prev{display:none}}

/* =====================================================================
 * KARTY KITÓW (strona główna + katalog): bez ramki — sama okładka, nazwa i przycisk
 * ===================================================================== */
.fs .kit{display:flex;flex-direction:column;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:none;box-shadow:none;transition:border-color .2s}
.fs .kit:hover{transform:none;border-color:rgba(var(--acc-rgb),.8);box-shadow:none}
.fs .kit>a{display:block}
.fs .kit .art{border-radius:12px;margin-bottom:12px;box-shadow:none}
.fs .kit .art img{transition:none}
.fs .kit:hover .art img{transform:none}
.fs .kit .art i{right:auto;bottom:auto;left:10px;top:10px;padding:4px 10px;font-size:10px;letter-spacing:.08em;background:rgba(0,0,0,.65);border:0}
.fs .kit b{padding:0;font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fs .kit>span{display:block;padding:3px 0 0}
.fs .kit>:nth-last-child(2){margin-bottom:12px}
.fs .kit .f{margin-top:auto;padding:0;border-top:0}
.fs .kit .f .ac:only-child{width:100%}
.fs .kit .ac span{color:inherit;font-size:inherit;font-weight:inherit}
@media(prefers-reduced-motion:reduce){.fs .kit,.fs .kit .art img{transition:none}}

/* ===== PLAY NA OKŁADCE BEATU (katalog, home, strona beatu) ===== */
.fs .br .br-c .rp,.fs .br .br-c .rp:hover,.fs .br .br-c .rp:focus{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;background:rgba(0,0,0,.22);color:#fff;display:grid;place-items:center;font-size:0;box-shadow:none;transform:none;transition:background .15s}
.fs .br .br-c .rp::before{content:"";grid-area:1/1;width:32px;height:32px;border-radius:50%;background:rgba(10,10,14,.62);border:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .15s,background .15s}
.fs .br .br-c .rp svg{grid-area:1/1;position:relative;width:17px;height:17px}
.fs .br .br-c .rp .ic-play{transform:translateX(1px)}
.fs .br .br-c .rp:hover{background:rgba(0,0,0,.34)}
.fs .br .br-c .rp:hover::before{transform:scale(1.14);background:rgba(10,10,14,.82)}
.fs .br .br-c .rp:disabled{opacity:.35}
.fs .br .br-c .rp:disabled::before{transform:none}
.fs .br.is-playing .br-c .rp{background:rgba(0,0,0,.4)}
.fs .br.is-playing .br-c .rp::before{background:rgba(10,10,14,.85)}
@media(max-width:900px){.fs .br .br-c .rp::before{width:28px;height:28px}.fs .br .br-c .rp svg{width:15px;height:15px}}

/* duży play na okładce strony beatu: ten sam styl */
.fs .bp,.fs.fs-t .bp{width:72px;height:72px;background:rgba(10,10,14,.62);color:#fff;border:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none;font-size:22px;transition:transform .15s,background .15s}
.fs .bp:hover,.fs.fs-t .bp:hover{transform:scale(1.07);background:rgba(10,10,14,.82)}

/* cena: bez przedrostka „od” (także w HTML zapisanym w cache strony) */
.fs .px small{display:none!important}

/* ===== okładki: bez „ramki” w rogach (gradient nie prześwituje spod zdjęcia) ===== */
.fsp-cover:has(img),.fs .br-c:has(img),.fs .kp-cover:has(img),.fs .bs-cover:has(img){background:#0b0b10}

/* ===== przycisk z ceną w wierszu beatu (jak „Kup” w playerze) ===== */
.fs .br .ac.ac-buy,.fs .br .ac.ac-buy:hover,.fs .br .ac.ac-buy:focus{width:auto;min-width:112px;padding:0 16px}

@media(max-width:900px){
.fs .br .ac.ac-buy,.fs .br .ac.ac-buy:hover,.fs .br .ac.ac-buy:focus{width:auto;min-width:0;padding:0 13px;font-size:13px}
.fs .br .ac.ac-buy span{display:inline}
}

/* =====================================================================
 * STEMS GUIDE  ([fs_stems])  —  klasy .sg-*
 * ===================================================================== */
.fs .sgb{fill:var(--blue)}.fs .sgp{fill:var(--pur)}.fs .sgk{fill:var(--pink)}.fs .sgr{fill:var(--red)}.fs .sgg{fill:#3ddc97}.fs .sgl{fill:rgba(255,255,255,.04)}.fs .sgl[stroke]{stroke:rgba(255,255,255,.16)}.fs .sgw{fill:#fff}
.fs .sgt{fill:#a4a4c0;font:700 10.5px Manrope,system-ui,sans-serif}
.fs .sgtl{fill:#fff;font:800 11.5px Manrope,system-ui,sans-serif}
.fs .sgtd{fill:#06231a;font:800 11px Manrope,system-ui,sans-serif}
.fs .sgtm{fill:#7a7a94;font:700 11px Manrope,system-ui,sans-serif}
.fs .sgto{fill:#fff;font:800 8.5px Manrope,system-ui,sans-serif}
.fs .sgtr{fill:#ff6b86;font:800 12px Manrope,system-ui,sans-serif}
.fs .sgtg{fill:#3ddc97;font:800 12px Manrope,system-ui,sans-serif}
.fs .sgtk{fill:#ff6fe6;font:800 10.5px Manrope,system-ui,sans-serif}
.fs .sgline{stroke:rgba(255,255,255,.4);stroke-width:1.6;fill:none}
.fs .sgdb{--d:var(--blue)}.fs .sgdp{--d:var(--pur)}.fs .sgdk{--d:var(--pink)}.fs .sgdr{--d:var(--red)}.fs .sgdg{--d:#3ddc97}.fs .sgdm{--d:#6a6a82}

.fs.sg{--c:var(--acc-rgb)}
.fs .sg-fig{background:none;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:14px;overflow:hidden;box-shadow:none}
.fs .sg-step .sg-fig{border:0;padding:0}
.fs .sg-fig svg{display:block;width:100%;height:auto}
.fs .sg-hero{padding:64px 0 30px}
.fs .sg-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.fs .sg-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.04em;font-weight:800;margin:6px 0 18px}
.fs .sg-lead{font-size:18px;color:var(--mut);max-width:520px}
.fs .sg-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.fs .sg-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.fs .sg-badges span{padding:7px 14px;border-radius:999px;border:1px solid rgba(var(--acc-rgb),.5);background:rgba(var(--acc-rgb),.1);font-size:13px;font-weight:700;color:#fff}
.fs .sg-hero-fig{padding:18px}

.fs .sg-sec{padding:56px 0}
.fs .sg-alt{background:none;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.fs .sg-h{max-width:720px;margin-bottom:34px}
.fs .sg-h h2{font-size:clamp(28px,3.6vw,40px);line-height:1.1;letter-spacing:-.03em;font-weight:800;margin:4px 0 10px}
.fs .sg-h p{color:var(--mut);font-size:16.5px}

.fs .sg-steps{display:flex;flex-direction:column;gap:24px}
.fs .sg-step{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:none;box-shadow:none;scroll-margin-top:90px}

.fs .sg-step:nth-child(even) .sg-vis{order:-1}
.fs .sg-n{display:block;font-size:14px;font-weight:800;letter-spacing:.14em;color:var(--accl)}
.fs .sg-txt h3{font-size:26px;line-height:1.15;letter-spacing:-.02em;font-weight:800;margin:6px 0 12px}
.fs .sg-txt p{color:#c9c9de;font-size:16px}
.fs .sg-txt p b{color:#fff}
.fs .sg-tips{list-style:none;display:grid;gap:9px;margin-top:18px;padding:0}
.fs .sg-tips li{position:relative;padding-left:26px;font-size:14.5px;font-weight:600;color:#e4e4f4}
.fs .sg-tips li::before{content:"✓";position:absolute;left:0;top:0;color:#3ddc97;font-weight:800}

.fs .sg-dlg{padding:0}
.fs .sg-dlg-h{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:800;color:#d6d6ee}
.fs .sg-dlg-h i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35)}
.fs .sg-dlg-h span{margin-left:8px}
.fs .sg-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-top:1px solid rgba(255,255,255,.06);font-size:14px}
.fs .sg-dlg-h+.sg-row{border-top:0}
.fs .sg-row span{color:var(--mut);font-weight:600}
.fs .sg-row b{font-weight:800;padding:5px 12px;border-radius:8px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.14)}
.fs .sg-on,.fs .sg-off{display:inline-flex;align-items:center;gap:9px;font-style:normal;font-weight:800;font-size:13px}
.fs .sg-on::after,.fs .sg-off::after{content:"";width:38px;height:22px;border-radius:99px}
.fs .sg-on::after{background:radial-gradient(circle at calc(100% - 11px) 50%,#fff 8px,transparent 8.5px),#3ddc97}
.fs .sg-off::after{background:radial-gradient(circle at 11px 50%,#fff 8px,transparent 8.5px),#3a3a46}
.fs .sg-off{color:var(--mut)}

.fs .sg-tree{padding:18px 20px}
.fs .sg-tree-h{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.14);font-weight:800;font-size:14px;color:#fff;overflow-wrap:anywhere;line-height:1.3}
.fs .sg-zip{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--cg);font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;color:#fff;box-shadow:0 4px 14px rgba(var(--c),.4)}
.fs .sg-f{display:flex;align-items:center;gap:11px;padding:6px 0 6px 18px;font:600 13.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d6d6ee}
.fs .sg-f i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--d)}

.fs .sg-card{padding:22px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:none}

.fs .sg-card h4{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.fs .sg-sm{color:var(--mut);font-size:14px;font-weight:600}
.fs .sg-kr{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fs .sg-keep{border-color:rgba(61,220,151,.5)}
.fs .sg-rem{border-color:rgba(255,42,77,.55)}
.fs .sg-kr ul{list-style:none;margin-top:12px;padding:0}
.fs .sg-kr li{padding:11px 0;border-top:1px solid rgba(255,255,255,.07);font-size:15px;font-weight:600;color:#e4e4f4}
.fs .sg-tick,.fs .sg-cross{flex:none;width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;font-size:13px;font-weight:800}
.fs .sg-tick{background:#3ddc97;color:#06231a}
.fs .sg-cross{background:var(--red);color:#fff}
.fs .sg-grp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fs .sg-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.fs .sg-pills span{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:700}
.fs .sg-pills span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--d)}
.fs .sg-grp .sg-tips{margin-top:14px}
.fs .sg-mist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fs .sg-bad h4{margin:14px 0 6px}
.fs .sg-bad p{color:var(--mut);font-size:14.5px}

.fs .sg-acc{max-width:880px}
.fs .sg-acc details{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:none;margin-bottom:10px;overflow:hidden}
.fs .sg-acc summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;font-weight:800;font-size:16px;cursor:pointer;list-style:none}
.fs .sg-acc summary::-webkit-details-marker{display:none}
.fs .sg-acc summary::after{content:"+";flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:17px;font-weight:700;line-height:1}
.fs .sg-acc details[open] summary::after{content:"–"}
.fs .sg-acc details[open]{border-color:rgba(var(--acc-rgb),.5)}
.fs .sg-acc summary:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.fs .sg-ans{padding:0 22px 20px;color:#c9c9de;font-size:15.5px}
.fs .sg-ans b{color:#fff}

.fs .sg-two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.fs .sg-checks{display:grid;gap:8px}
.fs .sg-ck{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:none;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.fs .sg-ck:hover{border-color:rgba(var(--acc-rgb),.5)}
.fs .sg-ck input{position:absolute;opacity:0;pointer-events:none}
.fs .sg-ck span{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid #5a5a74;display:grid;place-items:center;transition:background .15s,border-color .15s}
.fs .sg-ck input:checked+span{background:#3ddc97;border-color:#3ddc97}
.fs .sg-ck input:checked+span::after{content:"";width:6px;height:11px;border:solid #06231a;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.fs .sg-ck input:checked~*{color:#fff}
.fs .sg-ck:has(input:checked){border-color:rgba(61,220,151,.45);background:rgba(61,220,151,.06)}
.fs .sg-ck input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.fs .sg-note{white-space:pre-wrap;font:600 13.5px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d6d6ee;padding:22px;border-radius:16px;border:1px dashed rgba(255,255,255,.25);background:none;user-select:all;-webkit-user-select:all;cursor:copy}

.fs .sg-end{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;border-radius:24px;border:2px solid #fff3;background:var(--cg);box-shadow:0 0 44px rgba(var(--acc-rgb),.45)}
.fs .sg-end h2{font-size:clamp(26px,3.4vw,36px);letter-spacing:-.03em;font-weight:800;margin-bottom:8px}
.fs .sg-end p{color:#ffffffe6;max-width:480px;font-weight:600}
.fs .sg-end .btn.n{background:#000;box-shadow:none;color:#fff}
.fs .sg-end .btn.n:hover{background:#fff;color:#000}
.fs .sg-end .btn.o,.fs .sg-end .btn.o:hover{border-color:#ffffffcc;color:#fff}
.fs .sg-end .btn.o:hover{background:#fff;color:#000}
.fs .sg-end .sg-cta{margin:0;flex:none}

@media(max-width:900px){
.fs .sg-hero{padding-top:36px}
.fs .sg-hero-in,.fs .sg-two,.fs .sg-kr,.fs .sg-grp{grid-template-columns:1fr}
.fs .sg-hero-in{gap:28px}
.fs .sg-step{grid-template-columns:1fr;gap:22px;padding:22px}
.fs .sg-step:nth-child(even) .sg-vis{order:0}
.fs .sg-mist{grid-template-columns:repeat(2,minmax(0,1fr))}
.fs .sg-sec{padding:40px 0}
.fs .sg-end{flex-direction:column;align-items:flex-start;padding:28px}
}
@media(max-width:560px){.fs .sg-mist{grid-template-columns:1fr}.fs .sg-cta .btn{width:100%;justify-content:center}}

/* ---------- strona główna: odnośnik do stems guide (zamiast „Cztery kroki”) ---------- */
.fs .hs{--c:var(--pur-rgb);display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;padding:40px;border-radius:28px;border:1px solid rgba(var(--c),.45);background:linear-gradient(135deg,rgba(var(--blue-rgb),.2),rgba(var(--pur-rgb),.16) 45%,rgba(var(--pink-rgb),.14) 80%,#05050a);box-shadow:0 0 56px rgba(var(--c),.16)}
.fs .hs h2{margin:4px 0 14px}
.fs .hs p{color:#d6d6ee;font-size:16.5px;max-width:480px}
.fs .hs-b{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:22px 0 28px}
.fs .hs-b li{padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.3);font-size:13px;font-weight:700}
.fs .hs-v{display:block;transition:transform .25s}
.fs .hs-v:hover{transform:translateY(-4px)}
@media(max-width:900px){.fs .hs{grid-template-columns:1fr;gap:28px;padding:26px}}

/* ---------- ilustracje na podstronach ---------- */
.fs{--c:var(--pur-rgb)}
.fs-t{--c:var(--acc-rgb)}
.fs .ix1{fill:var(--g1)}.fs .ix2{fill:var(--g2)}.fs .ix3{fill:var(--g3)}
.fs .ixs1{stroke:var(--g1)}.fs .ixs2{stroke:var(--g2)}.fs .ixs3{stroke:var(--g3)}
.fs .ph-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;padding-top:48px;padding-bottom:40px}
.fs .mx-steps .sg-zip{margin-bottom:14px}
.fs .mx-steps h4{margin-bottom:6px}
@media(max-width:900px){.fs .ph-split{grid-template-columns:1fr;gap:20px;padding-top:36px}}


/* =====================================================================
 * KARTY KITÓW: bez ramki + gradientowa etykieta rodzaju (Loop Kit / Drum Kit...)
 * EYEBROW (np. "KITY", "LICENCJE"): gradient kategorii po literach (patrz .fs .eb wyżej)
 * ===================================================================== */
.fs .kit,.fs .kit:hover{border:0;padding:0;border-radius:0;background:none;box-shadow:none}
.fs .kit .art{margin-bottom:14px}
.fs .kit>a{text-align:center}
.fs .kit .kk{display:block;width:fit-content;margin:0 auto 4px;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.4;
background:var(--cgh);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.fs .kit>span{text-align:center}


/* =====================================================================
 * KATALOG BEATÓW: „Pokaż więcej” (limit wierszy ustawia data-limit na .blist)
 * ===================================================================== */
.fs .more-wrap{display:flex;justify-content:center;margin-top:28px}
.fs .more-wrap[hidden]{display:none}
.fs .more-wrap .btn{gap:10px;min-width:220px;justify-content:center}
.fs .more-wrap .btn i{font-style:normal;display:inline-block;transition:transform .25s}
.fs .more-wrap .btn[aria-expanded="true"] i{transform:rotate(180deg)}
.fs .br.rev{animation:fsrev .35s ease both}
@keyframes fsrev{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fs .br.rev{animation:none}}

/* =====================================================================
 * HERO PODSTRON: gradientowy kafelek z ikoną na poświacie (kolory kategorii)
 * Wyśrodkowany w prawej kolumnie i w pionie względem bloku z tytułem.
 * ===================================================================== */
.fs .ph-art{position:relative;width:100%;max-width:300px;aspect-ratio:1;justify-self:center;margin:0 auto;isolation:isolate;pointer-events:none;user-select:none;-webkit-user-select:none}
.fs .pa-glow{position:absolute;inset:16%;z-index:-1;border-radius:50%;background:var(--cg);filter:blur(56px);opacity:.5}
.fs .pa-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}
.fs .pa-ring.r1{inset:0}
.fs .pa-ring.r2{inset:13%;border-style:dashed;border-color:rgba(255,255,255,.13)}
.fs .pa-ring.r1::after{content:"";position:absolute;top:14%;right:10%;width:10px;height:10px;border-radius:50%;background:var(--cg);box-shadow:0 0 14px rgba(255,255,255,.35)}
.fs .pa-tile{position:absolute;left:50%;top:50%;width:48%;aspect-ratio:1;display:grid;place-items:center;border-radius:28%;background:var(--cg);background-origin:border-box;transform:translate(-50%,-50%) rotate(-6deg);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3),0 18px 44px rgba(0,0,0,.55)}
.fs .pa-tile::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,0) 45%);pointer-events:none}
.fs .pa-tile svg{position:relative;width:58%;height:auto;aspect-ratio:1;display:block;filter:drop-shadow(0 3px 8px rgba(0,0,0,.28))}
.fs .pa-chip{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 11px;border-radius:999px;background:rgba(14,14,18,.86);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12.5px;font-weight:800;letter-spacing:-.01em;line-height:1;white-space:nowrap;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.45);animation:fspa 6s ease-in-out infinite}
.fs .pa-chip i{display:block;width:8px;height:8px;border-radius:50%;background:var(--g1)}
.fs .pa-chip.c1{top:9%;right:-4%}
.fs .pa-chip.c2{bottom:19%;left:-6%;animation-delay:-2s}
.fs .pa-chip.c2 i{background:var(--g2)}
.fs .pa-chip.c3{bottom:3%;right:4%;animation-delay:-4s}
.fs .pa-chip.c3 i{background:var(--g3)}
@keyframes fspa{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.fs .pa-chip{animation:none}}
@media(max-width:900px){.fs .ph-art{max-width:240px;justify-self:start;margin:6px 0 0 8px}.fs .pa-chip{font-size:11.5px;padding:6px 11px 6px 9px}.fs .pa-chip.c1{right:-10%}.fs .pa-chip.c2{left:-8%}}

/* =====================================================================
 * LICENCJE: 5 kafelków (Basic / Premium / Stems / Unlimited / Exclusive)
 * Tło czarne zamiast szarego, lista z ikonami zamiast zwykłego tekstu.
 * Każdy kafelek ma własny kolor z gradientu marki (--t-rgb).
 * ===================================================================== */
.fs .lic-sprite{position:absolute;width:0;height:0;overflow:hidden}
.fs .lic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch;padding-top:12px}
.fs .lic-c{--t-rgb:var(--blue-rgb);position:relative;display:flex;flex-direction:column;padding:26px 16px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.1);
background:radial-gradient(120% 55% at 50% 0,rgba(var(--t-rgb),.16),rgba(var(--t-rgb),0) 70%) padding-box,linear-gradient(#000,#000) padding-box,linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)) border-box;
transition:border-color .2s,box-shadow .2s}
.fs .lic-c:nth-child(1){--t-rgb:var(--sky-rgb,31,162,255)}
.fs .lic-c:nth-child(2){--t-rgb:var(--blue-rgb)}
.fs .lic-c:nth-child(3){--t-rgb:var(--pur-rgb)}
.fs .lic-c:nth-child(4){--t-rgb:var(--pink-rgb)}
.fs .lic-c:nth-child(5){--t-rgb:var(--red-rgb)}
.fs .lic-c:hover{border-color:rgba(var(--t-rgb),.7);box-shadow:0 0 28px rgba(var(--t-rgb),.22)}
.fs .lic-c.is-top{border-color:transparent;
background:radial-gradient(120% 55% at 50% 0,rgba(var(--t-rgb),.2),rgba(var(--t-rgb),0) 70%) padding-box,linear-gradient(#000,#000) padding-box,var(--grad) border-box;
box-shadow:0 0 38px rgba(var(--t-rgb),.28)}
.fs .lic-flag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:999px;background:var(--grad);font-size:11.5px;font-weight:800;letter-spacing:.04em;color:#fff;white-space:nowrap}
.fs .lic-n{font-size:20px;font-weight:800;margin:0}
.fs .lic-p{font-size:32px;font-weight:800;letter-spacing:-.03em;color:#fff;margin:8px 0 2px;line-height:1.1}
.fs .lic-t{color:var(--mut);font-size:13px;font-weight:600;margin:0 0 18px;min-height:20px}
.fs .lic-l{list-style:none;margin:0 0 20px;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.1)}
.fs .lic-r{display:flex;align-items:flex-start;gap:9px;padding:8px 0;color:#e4e4f4;font-weight:600;font-size:13px;line-height:1.35}
.fs .lic-i{flex:none;width:20px;height:20px;margin-top:-1px;fill:none;stroke:rgb(var(--t-rgb));stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fs .lic-r.off{color:var(--mut);opacity:.5}
.fs .lic-r.off .lic-i{stroke:var(--mut)}
.fs .lic-b{margin-top:auto}
.fs .lic-b .btn{width:100%;justify-content:center}
.fs .lic-note{margin:26px 0 0;text-align:center;color:var(--mut);font-size:14px}
@media(max-width:1100px){
.fs .lic{grid-template-columns:repeat(6,minmax(0,1fr))}
.fs .lic-c{grid-column:span 2}
.fs .lic-c:nth-child(4){grid-column:2/4}
.fs .lic-c:nth-child(5){grid-column:4/6}}
@media(max-width:700px){
.fs .lic{grid-template-columns:1fr;gap:22px}
.fs .lic-c,.fs .lic-c:nth-child(4),.fs .lic-c:nth-child(5){grid-column:auto}}

/* =====================================================================
 * NAGŁÓWKI STRON: osobna ilustracja SVG dla każdej strony
 * (koło tonacji, pady, suwaki, słuchawki, dokumenty, koperta, akordeon).
 * Kolory biorą się z --g1/--g2/--g3 danej strony.
 * ===================================================================== */
.fs .ia{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:fsia 7s ease-in-out infinite}
.fs .ia text{font-family:inherit;font-weight:800;fill:#fff}
.fs .ia-lit{filter:drop-shadow(0 0 12px rgba(var(--acc-rgb),.55))}
.fs .ia-p{animation:fsip 3.2s ease-in-out infinite}
@keyframes fsia{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes fsip{0%,100%{opacity:.62}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.fs .ia,.fs .ia-p{animation:none}}


/* =====================================================================
 * WERSJA 30: licencje w motywie beatów (niebieski) + karty "lic" w Mix & Mastering
 * ===================================================================== */
.fs.fs-t{--gtx:var(--cgh)}
.fs.fs-t .lic-flag{background:var(--cg)}
.fs.fs-t .lic-c.is-top{background:radial-gradient(120% 55% at 50% 0,rgba(var(--t-rgb),.2),rgba(var(--t-rgb),0) 70%) padding-box,linear-gradient(#000,#000) padding-box,var(--cgh) border-box}
/* licencje: jeden gradient motywu rozłożony na 5 kart. Basic = początek (g1), Exclusive = koniec (g3).
   --ta / --tb = kolor na lewej / prawej krawędzi karty, --t-rgb = kolor środka (ikony, poświata, tło). */
.fs.fs-t-beats .lic-c:nth-child(1){--ta:31,162,255;--t-rgb:34,152,255;--tb:37,142,255}
.fs.fs-t-beats .lic-c:nth-child(2){--ta:37,142,255;--t-rgb:40,132,255;--tb:43,122,255}
.fs.fs-t-beats .lic-c:nth-child(3){--ta:43,122,255;--t-rgb:46,112,255;--tb:49,105,255}
.fs.fs-t-beats .lic-c:nth-child(4){--ta:49,105,255;--t-rgb:52,102,255;--tb:55,99,255}
.fs.fs-t-beats .lic-c:nth-child(5){--ta:55,99,255;--t-rgb:58,95,255;--tb:61,92,255}
.fs.fs-t-beats .lic-c::before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,rgb(var(--ta)),rgb(var(--tb)))}
.fs.fs-t-beats .lic-c .lic-n{color:rgb(var(--t-rgb));filter:brightness(1.25)}
.fs.fs-t-beats .lic-c:hover{border-color:rgba(var(--t-rgb),.85)}
/* Mix & Mastering: kolor z motywu strony */
.fs.fs-t-mix .lic-c:nth-child(n){--t-rgb:var(--acc-rgb)}
.fs .lic.lic-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin-left:auto;margin-right:auto}
.fs .lic.lic-3 .lic-c{padding:30px 24px 26px}
.fs .lic.lic-3 .lic-r{font-size:14.5px}
.fs .lic.lic-3 .lic-p{font-size:34px}
@media(max-width:1100px){.fs .lic.lic-3 .lic-c{grid-column:auto}}
@media(max-width:700px){.fs .lic.lic-3{grid-template-columns:1fr}}
/* pozostałe kafelki w Mix & Mastering w stylu kart licencji */
.fs.fs-t-mix .box,.fs.fs-t-mix .sg-card{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(120% 70% at 50% 0,rgba(var(--acc-rgb),.14),rgba(var(--acc-rgb),0) 70%) padding-box,linear-gradient(#000,#000) padding-box,linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)) border-box;transition:border-color .2s,box-shadow .2s}
.fs.fs-t-mix .box:hover,.fs.fs-t-mix .sg-card:hover{border-color:rgba(var(--acc-rgb),.6);box-shadow:0 0 28px rgba(var(--acc-rgb),.2)}

/* kafelek Sound Kits: wszystkie próbki z folderu preview, lista przewija się zamiast rozciągać kafelek */
.fs .kp-list{max-height:208px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
.fs .kp-list::-webkit-scrollbar{width:5px}
.fs .kp-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:99px}


/* =====================================================================
 * KATALOG KITÓW: przycisk z ceną. Spoczynek: ciemny z gradientowym obrysem, hover: pełny gradient + poświata.
 * Obrys to maska (stała grubość także na łukach), a nie ramka z gradientem.
 * ===================================================================== */
.fs .kits-grid{row-gap:38px}
.fs .kits-grid .kit[hidden]{display:none}
.fs .kit .ac.ac-kit,.fs .kit .ac.ac-kit:focus,.fs .pg-kit .ac.ac-kit,.fs .pg-kit .ac.ac-kit:focus{position:relative;width:100%;height:46px;padding:0 18px;gap:9px;border:0;background:#0a0a0f;color:#fff;font-size:14.5px;box-shadow:none;
transition:background .2s,box-shadow .2s,transform .15s,filter .2s}
.fs .kit .ac.ac-kit::before,.fs .pg-kit .ac.ac-kit::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--cgh);pointer-events:none;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
@media (min-resolution:1.5dppx){.fs .kit .ac.ac-kit::before,.fs .pg-kit .ac.ac-kit::before{padding:1.5px}}
.fs .kit .ac.ac-kit:hover,.fs .kit .ac.ac-kit:focus-visible,.fs .kit .ac.ac-kit.added,.fs .pg-kit .ac.ac-kit:hover,.fs .pg-kit .ac.ac-kit:focus-visible,.fs .pg-kit .ac.ac-kit.added{background:var(--cgh);filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 18px rgba(var(--acc-rgb),.38)}
.fs .kit .ac.ac-kit:active,.fs .pg-kit .ac.ac-kit:active{transform:translateY(0);filter:brightness(.97)}
.fs .kit .ac-kit .ac-l,.fs .pg-kit .ac-kit .ac-l{white-space:nowrap}
.fs .kit .ac-kit .ac-p,.fs .pg-kit .ac-kit .ac-p{margin-left:3px;padding-left:12px;border-left:1.5px solid rgba(255,255,255,.4);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}

/* =====================================================================
 * KATALOG KITÓW: hover = nazwa rozjaśnia się do koloru kategorii, okładka lekko jaśnieje. Nic więcej.
 * ===================================================================== */
.fs .kit b{transition:color .2s ease}
.fs .kit .art img{transition:filter .25s ease}
.fs .kit:hover b,.fs .kit:focus-within b{color:var(--accl)}
.fs .kit:hover .art img,.fs .kit:focus-within .art img{filter:brightness(1.08)}
@media(prefers-reduced-motion:reduce){.fs .kit b,.fs .kit .art img{transition:none}}

/* ---------- strona beatu: sekcja licencji pod „Podobne beaty” ---------- */
.fs .bp-lic{padding:56px 0 24px}
.fs .bp-lic .head{margin-bottom:8px}
.fs .bp-lic .head h2{font-size:clamp(26px,3.4vw,38px);line-height:1.1;letter-spacing:-.03em;font-weight:800;margin-top:4px}
.fs .bp-lic .lic-wrap{padding-top:0}

/* =====================================================================
 * NAGŁÓWKI PODSTRON: bez ilustracji — sam tekst, wyrównany do reszty treści
 * ===================================================================== */
.fs .ph-split{display:block}
.fs .ph-split .ph-t{max-width:720px}

/* =====================================================================
 * KAFELEK KITU (strona główna, katalog /kits, podobne kity) — nowy rytm pionowy
 * okładka mniejsza i wyśrodkowana → etykieta rodzaju → nazwa (z podkreśleniem) → opis → przycisk
 * ===================================================================== */
.fs .kit>a{display:flex;flex-direction:column;align-items:center;text-align:center}
.fs .kit .art{width:80%;max-width:260px;margin:0 auto 24px}
.fs .kit .kk{margin:0 0 10px;font-size:11.5px;letter-spacing:.16em}
.fs .kit b{margin:0;font-size:17px;line-height:1.35;text-align:center}
.fs .kit>span{margin-top:8px;padding:0;font-size:13px;line-height:1.45;text-align:center}
.fs .kit>:nth-last-child(2){margin-bottom:0}
.fs .kit .f{margin-top:auto;padding-top:22px}
.fs .kits-grid{row-gap:56px;column-gap:28px}
.fs .grid4:has(.kit){column-gap:28px;row-gap:48px}

/* ---------- strona produktu kitu: okładka w panelu, czytelny rytm tekstu ---------- */
.fs .pg-kit{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:64px;align-items:center;margin:32px 0 48px}
.fs .pg-kit .pg-cover{display:grid;place-items:center;padding:36px;border-radius:24px;background:radial-gradient(70% 70% at 50% 45%,rgba(var(--acc-rgb),.24),rgba(var(--acc-rgb),0) 72%),rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.fs .pg-kit .art{width:100%;max-width:340px;margin:0}
.fs .pg-kit .eb{margin-bottom:10px}
.fs .pg-kit h2{margin:0 0 18px;line-height:1.1}
.fs .pg-kit .tags{margin:0 0 26px;gap:10px}
.fs .pg-kit .big{margin:0 0 20px}
.fs .pg-kit .box{margin-top:28px}
@media(max-width:900px){.fs .pg-kit{grid-template-columns:1fr;gap:32px}.fs .pg-kit .pg-cover{padding:28px}}

/* przycisk koszyka na stronie produktu kitu: ten sam co na home, tylko wyższy; cena w środku */
.fs .ac.ac-kit{justify-content:center}
.fs .pg-kit .ac.ac-kit.ac-lg{height:54px;font-size:16px;border-radius:999px}
.fs .pg-kit .ac-kit .ac-p{font-size:16px}

/* =====================================================================
 * KOSZYK I KASA (WooCommerce, klasyczne shortcody) — motyw „shop”: gradient marki (niebieski → fiolet → róż)
 * Strony: [fs_cart], [fs_checkout] (+ „Dziękujemy”). Style celują w klasy WooCommerce, więc działają razem z jego JS-em
 * (aktualizacja koszyka, kupony, wybór płatności, select2).
 * ===================================================================== */
.fs-t-shop{--g1:#2f6bff;--g2:#a020ff;--g3:#ff12d8;--acc:#b44dff;--acc-rgb:180,77,255;--accl:#d9a6ff;--cgh:linear-gradient(90deg,#2f6bff,#a020ff 50%,#ff12d8);--glow:0 6px 20px rgba(160,32,255,.28);--fld:#000;--fld-b:#2c2c38}
.fs-t-shop .ph{padding:56px 0 8px}
.fs-t-shop .ph p{max-width:560px;margin-top:10px}
.fs .cx{padding:28px 24px 88px}

/* ---------- kroki zamówienia ---------- */
.fs .cx-steps{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;list-style:none;margin:26px 0 0}
.fs .cx-steps li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--mut)}
.fs .cx-steps li+li::before{content:"";width:36px;height:1px;background:#33333f;margin-right:2px}
.fs .cx-steps li b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid #3a3a48;font-size:12px;font-weight:800;color:var(--mut)}
.fs .cx-steps li.on{color:#fff}
.fs .cx-steps li.on b{border:0;background:var(--cgh);color:#fff}
.fs .cx-steps li.done{color:var(--accl)}
.fs .cx-steps li.done b{border-color:var(--acc);color:var(--accl)}

/* ---------- powiadomienia ---------- */
.fs .woocommerce-notices-wrapper:empty{display:none}
.fs .woocommerce-message,.fs .woocommerce-info,.fs .woocommerce-error{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;list-style:none;margin:0 0 22px;padding:16px 22px 16px 26px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:#fff;font-size:15px;line-height:1.5;overflow:hidden}
.fs .woocommerce-message::before,.fs .woocommerce-info::before,.fs .woocommerce-error::before{content:"";font-family:inherit;position:absolute;left:0;top:0;bottom:0;width:4px;height:auto;background:linear-gradient(var(--g1),var(--g3))}
.fs .woocommerce-error{display:block}
.fs .woocommerce-error::before{background:var(--red)}
.fs .woocommerce-error li{list-style:none;padding:2px 0}
.fs .woocommerce-message a.button,.fs .woocommerce-info a.button{float:none;order:2;margin:0;padding:10px 20px;font-size:14px}
.fs .woocommerce-info a:not(.button),.fs .woocommerce-message a:not(.button),.fs .woocommerce-error a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}

/* ---------- tabele (karta) ---------- */
.fs .woocommerce table.shop_table{border:1px solid var(--line);border-radius:16px;border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--card);margin:0}
.fs .woocommerce table.shop_table th,.fs .woocommerce table.shop_table td{padding:14px 18px;border:0;border-top:1px solid var(--line);background:none;color:#fff;vertical-align:middle;text-align:left}
.fs .woocommerce table.shop_table thead th{border-top:0;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:700}
.fs .woocommerce table.shop_table tbody tr:first-child td{border-top:1px solid var(--line)}
.fs .woocommerce .amount,.fs .woocommerce .woocommerce-Price-amount{color:#fff;font-weight:800}
.fs .woocommerce dl.variation{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:6px 0 0;font-size:13px;color:var(--mut)}
.fs .woocommerce dl.variation dt{font-weight:700;float:none;margin:0}
.fs .woocommerce dl.variation dd{margin:0}
.fs .woocommerce dl.variation dd p{margin:0}

/* ---------- koszyk: układ ---------- */
.fs .cx .woocommerce:has(.woocommerce-cart-form){display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:0 36px;align-items:start}
.fs .cx .woocommerce:has(.woocommerce-cart-form)>.woocommerce-notices-wrapper{grid-column:1/-1}
.fs .cx .woocommerce:has(.woocommerce-cart-form)>.woocommerce-cart-form{grid-column:1;min-width:0}
.fs .cx .woocommerce:has(.woocommerce-cart-form)>.cart-collaterals{grid-column:2;position:sticky;top:92px;min-width:0}
.fs .cart-collaterals .cart_totals,.fs .cart-collaterals .cross-sells{float:none;width:100%}

/* tabela pozycji koszyka */
.fs .woocommerce-cart-form table.shop_table{border:0;border-radius:0;background:none;overflow:visible}
.fs .woocommerce-cart-form table.shop_table th{padding:0 14px 14px;border-top:0;border-bottom:1px solid var(--line)}
.fs .woocommerce-cart-form table.shop_table td{padding:20px 14px;border-top:0;border-bottom:1px solid var(--line)}
.fs .woocommerce-cart-form td.product-remove{width:44px;padding-left:0;padding-right:0}
.fs .woocommerce-cart-form td.product-thumbnail{width:96px}
.fs .woocommerce-cart-form td.product-thumbnail img{display:block;width:80px;height:80px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.fs .woocommerce-cart-form td.product-name a{font-weight:800;font-size:16px;line-height:1.35;transition:color .2s}
.fs .woocommerce-cart-form td.product-name a:hover{color:var(--accl)}
.fs .woocommerce-cart-form td.product-price{color:var(--mut)}
.fs .woocommerce-cart-form td.product-subtotal{font-weight:800;white-space:nowrap}
.fs .woocommerce a.remove{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #3a3a48;background:none;color:var(--mut)!important;font-size:18px;line-height:1;font-weight:400;transition:background .2s,border-color .2s,color .2s}
.fs .woocommerce a.remove:hover{background:rgba(255,42,77,.16);border-color:var(--red);color:#fff!important}
.fs .woocommerce .quantity .qty{width:72px;padding:10px 8px;text-align:center}
.fs .woocommerce-cart-form td.actions{padding:24px 0 0;border-bottom:0}
.fs .woocommerce-cart-form td.actions::after{content:"";display:block;clear:both}
.fs .woocommerce-cart-form .coupon{float:left;display:flex;gap:10px;align-items:center}
.fs .woocommerce-cart-form .coupon label{display:none}
.fs .woocommerce-cart-form .coupon .input-text{width:210px;margin:0}
.fs .woocommerce-cart-form button[name="update_cart"]{float:right}
.fs .woocommerce button.button:disabled,.fs .woocommerce button.button[disabled]{opacity:.4;cursor:not-allowed}

/* podsumowanie koszyka */
.fs .cart-collaterals .cart_totals{padding:26px;border:1px solid transparent;border-radius:20px;background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box}
.fs .cart_totals>h2{margin:0 0 14px;font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.fs .cart_totals table.shop_table{border:0;border-radius:0;background:none;margin:0 0 20px;overflow:visible}
.fs .cart_totals table.shop_table th{width:42%;padding:13px 0;color:var(--mut);font-weight:600;font-size:15px}
.fs .cart_totals table.shop_table td{padding:13px 0;text-align:right;font-size:15px}
.fs .cart_totals table.shop_table tr:first-child th,.fs .cart_totals table.shop_table tr:first-child td{border-top:0}
.fs .cart_totals .order-total th,.fs .cart_totals .order-total td{padding-top:18px;color:#fff;font-size:16px}
.fs .cart_totals .order-total .amount{font-size:28px;letter-spacing:-.02em}
.fs .cart_totals .shipping-calculator-button,.fs .cart_totals .woocommerce-remove-coupon{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.fs .wc-proceed-to-checkout{padding:0;margin:0}
.fs .woocommerce a.checkout-button,.fs .woocommerce #place_order{display:flex;align-items:center;justify-content:center;width:100%;height:56px;margin:0;padding:0 24px;border:0;border-radius:999px;background:var(--cgh);background-origin:border-box;color:#fff;font-size:16px;font-weight:800;box-shadow:var(--glow);transition:filter .2s,transform .15s}
.fs .woocommerce a.checkout-button:hover,.fs .woocommerce #place_order:hover{filter:brightness(1.08);transform:translateY(-1px);background:var(--cgh);color:#fff}
.fs .woocommerce .cross-sells h2{font-size:20px;font-weight:800;margin:36px 0 14px}

/* pusty koszyk */
.fs .woocommerce .cart-empty{justify-content:center;text-align:center;padding:56px 24px;font-size:18px;font-weight:700;border-radius:20px}
.fs .woocommerce .cart-empty::before{display:none}
.fs .woocommerce .return-to-shop{text-align:center;margin-top:26px}
.fs .woocommerce .return-to-shop a.button{height:48px;display:inline-flex;align-items:center;padding:0 28px;background:var(--cgh);border:0;box-shadow:var(--glow)}

/* ---------- kasa: układ ---------- */
.fs .woocommerce form.checkout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:0 40px;align-items:start}
.fs .woocommerce form.checkout #customer_details{grid-column:1;grid-row:1/span 2;min-width:0;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.fs .woocommerce form.checkout #order_review_heading{grid-column:2;grid-row:1;margin:0 0 16px}
.fs .woocommerce form.checkout #order_review{grid-column:2;grid-row:2;position:sticky;top:92px;min-width:0}
.fs .woocommerce .col2-set{display:block;width:100%}
.fs .woocommerce .col2-set .col-1,.fs .woocommerce .col2-set .col-2{float:none;width:100%;max-width:none}
.fs .woocommerce .col2-set .col-2{margin-top:28px}
.fs .woocommerce h3{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 20px;line-height:1.2}
.fs .woocommerce h3#ship-to-different-address{font-size:16px;margin:24px 0 0}
.fs .woocommerce h3 label{display:flex;align-items:center;gap:10px;cursor:pointer}

/* pola formularza */
.fs .woocommerce-billing-fields__field-wrapper,.fs .woocommerce-shipping-fields__field-wrapper,.fs .woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.fs .woocommerce-billing-fields__field-wrapper .clear,.fs .woocommerce-shipping-fields__field-wrapper .clear{display:none}
.fs .woocommerce form .form-row{float:none;width:auto;margin:0 0 16px;padding:0}
.fs .woocommerce form .form-row-wide,.fs .woocommerce form #order_comments_field{grid-column:1/-1}
.fs .woocommerce form .form-row label{display:block;margin:0 0 7px;font-size:13px;font-weight:700;line-height:1.3;color:var(--mut)}
.fs .woocommerce form .form-row .required{color:var(--pink);text-decoration:none;border:0}
.fs .woocommerce form .form-row .optional{font-weight:500;opacity:.7}
.fs .woocommerce input.input-text,.fs .woocommerce select,.fs .woocommerce textarea{width:100%;background:var(--fld);border:1px solid var(--fld-b);border-radius:12px;padding:13px 16px;color:#fff;font:inherit;font-size:15px;line-height:1.4;transition:border-color .2s,box-shadow .2s}
.fs .woocommerce textarea{min-height:110px;resize:vertical}
.fs .woocommerce input.input-text::placeholder,.fs .woocommerce textarea::placeholder{color:#6d6d84}
.fs .woocommerce input.input-text:focus,.fs .woocommerce select:focus,.fs .woocommerce textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 3px rgba(var(--acc-rgb),.22)}
.fs .woocommerce input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #08080b inset;-webkit-text-fill-color:#fff;caret-color:#fff}
.fs .woocommerce form .form-row.woocommerce-invalid input.input-text,.fs .woocommerce form .form-row.woocommerce-invalid .select2-selection{border-color:var(--red)}
.fs .woocommerce input[type=checkbox],.fs .woocommerce input[type=radio]{accent-color:var(--acc);width:17px;height:17px;margin:0;flex:none}
.fs .woocommerce .woocommerce-form__label-for-checkbox{display:flex!important;align-items:center;gap:10px;margin:0;cursor:pointer}
.fs .woocommerce .woocommerce-form__label-for-checkbox span{color:#d8d8e8;font-size:14px;font-weight:500}
.fs .woocommerce form.checkout_coupon,.fs .woocommerce form.woocommerce-form-login{margin:0 0 22px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.fs .woocommerce form.checkout_coupon .form-row-first,.fs .woocommerce form.checkout_coupon .form-row-last{display:inline-block;vertical-align:top;margin:0 8px 0 0}
.fs .woocommerce form.checkout_coupon .form-row-first{width:min(260px,100%)}
.fs .woocommerce form.checkout_coupon .clear{display:none}

/* select2 (kraj / województwo): pole jest w .fs, lista rozwijana ląduje w <body> */
.fs .select2-container .select2-selection--single{height:48px;background:var(--fld);border:1px solid var(--fld-b);border-radius:12px}
.fs .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px;padding:0 38px 0 16px;color:#fff;font-size:15px}
.fs .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px;right:10px}
.fs .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--mut) transparent transparent}
.fs .select2-container--open .select2-selection--single,.fs .select2-container--focus .select2-selection--single{border-color:var(--acc)}
.woocommerce-checkout .select2-dropdown,.woocommerce-cart .select2-dropdown{background:#0e0e12;border:1px solid #2c2c38;border-radius:12px;color:#fff;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.6)}
.woocommerce-checkout .select2-container--default .select2-search--dropdown .select2-search__field,.woocommerce-cart .select2-container--default .select2-search--dropdown .select2-search__field{background:#08080b;border:1px solid #2c2c38;border-radius:8px;color:#fff;padding:8px 10px}
.woocommerce-checkout .select2-container--default .select2-results__option,.woocommerce-cart .select2-container--default .select2-results__option{padding:9px 14px;color:#e6e6f4}
.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected=true],.woocommerce-cart .select2-container--default .select2-results__option[aria-selected=true]{background:#1a1a24}
.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected],.woocommerce-cart .select2-container--default .select2-results__option--highlighted[aria-selected],.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[data-selected],.woocommerce-cart .select2-container--default .select2-results__option--highlighted[data-selected]{background:rgba(180,77,255,.42);color:#fff}

/* ---------- kasa: podsumowanie zamówienia i płatność ---------- */
.fs .woocommerce #order_review{padding:26px;border:1px solid transparent;border-radius:20px;background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box}
.fs .woocommerce #order_review table.shop_table{border:0;border-radius:0;background:none;overflow:visible;margin:0 0 22px}
.fs .woocommerce #order_review table.shop_table th,.fs .woocommerce #order_review table.shop_table td{padding:13px 0;font-size:15px}
.fs .woocommerce #order_review table.shop_table thead th{padding-top:0}
.fs .woocommerce #order_review table.shop_table tfoot th{color:var(--mut);font-weight:600}
.fs .woocommerce #order_review table.shop_table td.product-total,.fs .woocommerce #order_review table.shop_table tfoot td{text-align:right}
.fs .woocommerce #order_review table.shop_table .product-name{font-weight:700;line-height:1.4}
.fs .woocommerce #order_review table.shop_table .product-quantity{color:var(--mut);font-weight:600}
.fs .woocommerce #order_review table.shop_table .order-total th,.fs .woocommerce #order_review table.shop_table .order-total td{padding-top:18px;color:#fff;font-size:16px}
.fs .woocommerce #order_review .order-total .amount{font-size:28px;letter-spacing:-.02em}
.fs .woocommerce-checkout #payment{background:none;border-radius:0;padding:0}
.fs .woocommerce-checkout #payment ul.payment_methods{display:grid;gap:10px;margin:0 0 18px;padding:0;list-style:none;border:0;text-align:left}
.fs .woocommerce-checkout #payment ul.payment_methods li{margin:0;padding:14px 16px;border:1px solid var(--fld-b);border-radius:14px;background:#0b0b10;line-height:1.4;transition:border-color .2s,background .2s}
.fs .woocommerce-checkout #payment ul.payment_methods li:has(input:checked){border-color:var(--acc);background:rgba(var(--acc-rgb),.09)}
.fs .woocommerce-checkout #payment ul.payment_methods li input{margin:0 8px 0 0;vertical-align:-3px}
.fs .woocommerce-checkout #payment ul.payment_methods li label{display:inline;margin:0;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.fs .woocommerce-checkout #payment ul.payment_methods li img{float:right;max-height:24px;width:auto;margin:0 0 0 8px;vertical-align:middle}
.fs .woocommerce-checkout #payment div.payment_box{margin:12px 0 0;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.04);color:var(--mut);font-size:14px;line-height:1.55}
.fs .woocommerce-checkout #payment div.payment_box::before{display:none}
.fs .woocommerce-checkout #payment div.payment_box p{margin:0}
.fs .woocommerce-checkout #payment div.form-row{padding:0;margin:0}
.fs .woocommerce-privacy-policy-text,.fs .woocommerce-terms-and-conditions-wrapper{font-size:12.5px;line-height:1.55;color:var(--mut);margin:0 0 16px}
.fs .woocommerce-privacy-policy-text a,.fs .woocommerce-terms-and-conditions-wrapper a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.fs .woocommerce #place_order{float:none;height:58px;font-size:17px}
.fs .woocommerce .blockUI.blockOverlay{background:rgba(0,0,0,.62)!important;border-radius:20px}
.fs .woocommerce .blockUI.blockOverlay::before{display:none}

/* ---------- „Dziękujemy” (order-received) ---------- */
.fs .woocommerce-order{max-width:920px}
.fs .woocommerce-thankyou-order-received{margin:0 0 22px;padding:22px 26px;border:1px solid rgba(var(--acc-rgb),.5);border-radius:16px;background:linear-gradient(135deg,rgba(var(--acc-rgb),.18),rgba(var(--acc-rgb),.04));font-size:18px;font-weight:800}
.fs .woocommerce ul.woocommerce-order-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 34px;padding:0;list-style:none;border:0}
.fs .woocommerce ul.woocommerce-order-overview li{margin:0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.fs .woocommerce ul.woocommerce-order-overview li strong{display:block;margin-top:6px;font-size:16px;letter-spacing:0;text-transform:none;color:#fff}
.fs .woocommerce-order-details,.fs .woocommerce-order-downloads,.fs .woocommerce-customer-details{margin:0 0 34px}
.fs .woocommerce-order-details h2,.fs .woocommerce-order-downloads h2,.fs .woocommerce-customer-details h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 16px}
.fs .woocommerce-order table.shop_table tfoot th{color:var(--mut);font-weight:600}
.fs .woocommerce-order table.shop_table td.download-file a.button,.fs .woocommerce-order table.shop_table a.woocommerce-MyAccount-downloads-file{padding:10px 20px;font-size:14px}
.fs .woocommerce .woocommerce-columns--addresses{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fs .woocommerce .woocommerce-columns--addresses .col-1,.fs .woocommerce .woocommerce-columns--addresses .col-2{float:none;width:auto}
.fs .woocommerce address{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-style:normal;line-height:1.7;color:var(--mut)}

/* ---------- responsywność ---------- */
@media(max-width:960px){
.fs .cx .woocommerce:has(.woocommerce-cart-form){grid-template-columns:minmax(0,1fr);gap:28px 0}
.fs .cx .woocommerce:has(.woocommerce-cart-form)>.cart-collaterals{grid-column:1;position:static}
.fs .woocommerce form.checkout{grid-template-columns:minmax(0,1fr);gap:0}
.fs .woocommerce form.checkout #customer_details,.fs .woocommerce form.checkout #order_review_heading,.fs .woocommerce form.checkout #order_review{grid-column:1;grid-row:auto;position:static}
.fs .woocommerce form.checkout #order_review_heading{margin-top:32px}
}
@media(max-width:700px){
.fs-t-shop .ph{padding:36px 0 4px}
.fs .woocommerce-cart-form table.shop_table thead{display:none}
.fs .woocommerce-cart-form table.shop_table,.fs .woocommerce-cart-form table.shop_table tbody{display:block;width:100%}
.fs .woocommerce-cart-form table.shop_table tr.cart_item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"th nm rm" "th qt sb";gap:6px 14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.fs .woocommerce-cart-form table.shop_table tr.cart_item td{display:block;padding:0;border:0;width:auto;text-align:left}
.fs .woocommerce-cart-form table.shop_table tr.cart_item td::before{content:none!important}
.fs .woocommerce-cart-form td.product-thumbnail{grid-area:th}
.fs .woocommerce-cart-form td.product-thumbnail img{width:72px;height:72px}
.fs .woocommerce-cart-form td.product-name{grid-area:nm}
.fs .woocommerce-cart-form td.product-remove{grid-area:rm}
.fs .woocommerce-cart-form td.product-price{display:none!important}
.fs .woocommerce-cart-form td.product-quantity{grid-area:qt}
.fs .woocommerce-cart-form td.product-subtotal{grid-area:sb;text-align:right}
.fs .woocommerce-cart-form table.shop_table tr:not(.cart_item){display:block}
.fs .woocommerce-cart-form table.shop_table td.actions{display:block;width:100%;padding-top:20px}
.fs .woocommerce-cart-form .coupon{float:none;display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;margin-bottom:12px}
.fs .woocommerce-cart-form .coupon .input-text{width:100%}
.fs .woocommerce-cart-form button[name="update_cart"]{float:none;width:100%}
.fs .woocommerce form.checkout #customer_details{padding:20px 18px}
.fs .woocommerce-billing-fields__field-wrapper,.fs .woocommerce-shipping-fields__field-wrapper,.fs .woocommerce-additional-fields__field-wrapper{grid-template-columns:1fr}
.fs .woocommerce #order_review,.fs .cart-collaterals .cart_totals{padding:20px 18px}
.fs .woocommerce .woocommerce-columns--addresses{grid-template-columns:1fr}
.fs .woocommerce-checkout #payment ul.payment_methods li img{display:none}
}
@media(prefers-reduced-motion:reduce){.fs .woocommerce a.checkout-button,.fs .woocommerce #place_order{transition:none}.fs .woocommerce a.checkout-button:hover,.fs .woocommerce #place_order:hover{transform:none}}

/* =====================================================================
 * KOSZYK / KASA: usunięcie białych pól (motyw Astra nadpisuje tła tabel i nagłówków)
 * ===================================================================== */
.fs .woocommerce table.shop_table,
.fs .woocommerce table.shop_table thead,
.fs .woocommerce table.shop_table thead tr,
.fs .woocommerce table.shop_table thead th,
.fs .woocommerce table.shop_table tbody,
.fs .woocommerce table.shop_table tfoot,
.fs .woocommerce table.shop_table tr,
.fs .woocommerce table.shop_table td,
.fs .woocommerce table.shop_table th,
.fs .woocommerce-cart-form table.shop_table,
.fs .cart_totals table.shop_table{background:transparent!important;background-color:transparent!important;box-shadow:none}
.fs .woocommerce table.shop_table thead th,.fs .woocommerce-cart-form table.shop_table thead th{color:var(--mut)!important}
.fs .cart-collaterals .cart_totals,.fs .cart_totals>h2,.fs .cart-collaterals .cart_totals h2,.fs .cross-sells h2{color:var(--mut)}
.fs .cart_totals>h2,.fs .cart-collaterals .cart_totals h2{background:transparent!important;background-color:transparent!important;border:0!important;padding:0!important;margin:0 0 14px!important}
.fs .cart-collaterals .cart_totals{background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box!important}
.fs .woocommerce .cart_totals .shop_table_responsive,.fs .woocommerce .cart_totals table{border:0!important}
.fs .woocommerce-cart-form td.product-thumbnail img{background:#14141c}
.fs .woocommerce-cart-form td.product-thumbnail img.woocommerce-placeholder,.fs .woocommerce img.woocommerce-placeholder{filter:invert(1) brightness(.32) contrast(1.1);opacity:.9}
.fs .woocommerce .coupon .input-text,.fs .woocommerce input.input-text,.fs .woocommerce select,.fs .woocommerce textarea{background:var(--fld)!important;color:#fff!important;border:1px solid var(--fld-b)!important}
.fs .woocommerce .coupon .input-text:focus,.fs .woocommerce input.input-text:focus{border-color:var(--acc)!important}
.fs .woocommerce button[name="apply_coupon"],.fs .woocommerce button[name="update_cart"]{background:transparent!important;border:1px solid #4a4a60!important;color:#fff!important}
.fs .woocommerce button[name="apply_coupon"]:hover,.fs .woocommerce button[name="update_cart"]:not(:disabled):hover{background:rgba(var(--acc-rgb),.16)!important;border-color:var(--acc)!important}
.fs .woocommerce #order_review,.fs .woocommerce #payment,.fs .woocommerce-checkout #payment ul.payment_methods,.fs .woocommerce-checkout #payment div.payment_box{background:transparent!important}

/* =====================================================================
 * KASA (v2): naprawa układu. Astra / wtyczki płatności ustawiają float i szerokości w % na
 * #customer_details i #order_review, co w siatce CSS ściska kolumny. Tu je zerujemy.
 * ===================================================================== */
.fs .woocommerce form.checkout{display:grid!important;width:100%;max-width:100%;margin:0}
.fs .woocommerce form.checkout #customer_details,
.fs .woocommerce form.checkout #order_review,
.fs .woocommerce form.checkout #order_review_heading,
.fs .woocommerce form.checkout .col2-set,
.fs .woocommerce form.checkout .col2-set .col-1,
.fs .woocommerce form.checkout .col2-set .col-2{float:none!important;width:auto!important;max-width:none!important;min-width:0;box-sizing:border-box}
.fs .woocommerce form.checkout .col2-set{padding:0;margin:0}
.fs .woocommerce form.checkout #customer_details{padding:30px}
.fs .woocommerce form.checkout #customer_details .col2-set{padding:0}
.fs .woocommerce form.checkout #order_review{padding:26px}
.fs .woocommerce form.checkout #order_review_heading{border:0!important;padding:0!important;background:none!important;margin:0 0 16px!important}
.fs .woocommerce h3,.fs .woocommerce .woocommerce-billing-fields>h3,.fs .woocommerce .woocommerce-additional-fields>h3{border:0!important;padding:0!important;background:none!important;color:#fff}
.fs .woocommerce #order_review table.shop_table{width:100%;table-layout:auto}
.fs .woocommerce #order_review table.shop_table thead th:last-child,.fs .woocommerce #order_review table.shop_table td.product-total{text-align:right}
.fs .woocommerce #order_review table.shop_table .product-name{width:auto}

/* płatność: bez białych ramek i pól z wtyczek (Stripe i in.) */
.fs .woocommerce-checkout #payment fieldset,
.fs .woocommerce-checkout #payment .wc-payment-form,
.fs .woocommerce-checkout #payment .wc-credit-card-form,
.fs .woocommerce-checkout #payment .payment_box fieldset{border:0!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important}
.fs .woocommerce-checkout #payment .form-row,.fs .woocommerce-checkout #payment .form-row-first,.fs .woocommerce-checkout #payment .form-row-last{float:none!important;width:100%!important;margin:0 0 12px!important;padding:0!important}
.fs .woocommerce-checkout #payment .wc-stripe-elements-field,
.fs .woocommerce-checkout #payment .wc-stripe-iframe-element,
.fs .woocommerce-checkout #payment .StripeElement,
.fs .woocommerce-checkout #payment .wc-stripe-elements-field .InputElement{background:var(--fld)!important;border:1px solid var(--fld-b)!important;border-radius:12px!important;padding:13px 14px!important;box-shadow:none!important;color:#fff!important;min-height:0}
.fs .woocommerce-checkout #payment .payment_box{background:rgba(255,255,255,.04)!important;border:0!important}
.fs .woocommerce-checkout #payment ul.payment_methods li label{width:auto}
.fs .woocommerce #place_order{float:none!important;width:100%!important;display:flex}
.fs .woocommerce #wc-stripe-express-checkout-element,.fs .woocommerce .wc-stripe-banner-checkout,.fs .woocommerce-checkout #wc-stripe-express-checkout__button-separator{max-width:100%}

/* węższe ekrany: jedna kolumna (z !important, żeby motyw tego nie przebił) */
@media(max-width:960px){
.fs .woocommerce form.checkout{grid-template-columns:minmax(0,1fr)!important}
.fs .woocommerce form.checkout #customer_details,.fs .woocommerce form.checkout #order_review,.fs .woocommerce form.checkout #order_review_heading{grid-column:1!important;grid-row:auto!important;position:static!important}
}
@media(max-width:700px){
.fs .woocommerce form.checkout #customer_details{padding:20px 18px}
.fs .woocommerce form.checkout #order_review{padding:20px 18px}
}

/* =====================================================================
 * KONTO (logowanie / rejestracja): dwa równe kafelki
 * ===================================================================== */
.fs .woocommerce .u-columns.col2-set{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;width:100%;max-width:none;margin:0}
.fs .woocommerce .u-columns.col2-set>.u-column1,.fs .woocommerce .u-columns.col2-set>.u-column2{float:none!important;width:auto!important;max-width:none!important;min-width:0;margin:0!important;padding:30px!important;box-sizing:border-box;border:1px solid var(--line)!important;border-radius:22px!important;background:var(--card)!important;display:flex;flex-direction:column;align-items:flex-start}
.fs .woocommerce .u-columns.col2-set>div>h2{margin:0 0 20px;font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.fs .woocommerce .u-columns.col2-set form.woocommerce-form{width:100%;flex:1;display:flex;flex-direction:column;align-items:flex-start;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important}
.fs .woocommerce .u-columns.col2-set form.woocommerce-form .form-row{width:100%;float:none;margin-bottom:16px}
.fs .woocommerce .u-columns.col2-set form.woocommerce-form>p:last-of-type,.fs .woocommerce .u-columns.col2-set form.woocommerce-form .lost_password{margin-top:auto}
@media(max-width:820px){.fs .woocommerce .u-columns.col2-set{grid-template-columns:minmax(0,1fr)}.fs .woocommerce .u-columns.col2-set>.u-column1,.fs .woocommerce .u-columns.col2-set>.u-column2{padding:22px 18px!important}}

/* =====================================================================
 * FAQ
 * ===================================================================== */
.fs .faq{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start;padding-bottom:40px}
.fs .faq-nav{position:sticky;top:92px;display:grid;gap:6px}
.fs .faq-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;font-weight:700;font-size:15px;color:var(--mut);transition:color .2s,border-color .2s,background .2s}
.fs .faq-nav a:hover,.fs .faq-nav a:focus-visible{color:#fff;border-color:rgba(var(--acc-rgb),.6);background:rgba(var(--acc-rgb),.1)}
.fs .faq-nav a small{font-size:12px;font-weight:700;color:var(--mut);opacity:.8}
.fs .faq-sec{scroll-margin-top:96px;margin:0 0 44px}
.fs .faq-sec h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.fs .faq-sec h3 i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-style:normal;font-size:15px;background:rgba(var(--acc-rgb),.16);color:var(--accl)}
.fs .faq-sec details{border:1px solid var(--line);border-radius:16px;background:var(--card);margin:0 0 10px;padding:0;overflow:hidden;transition:border-color .25s,background .25s}
.fs .faq-sec details:hover{border-color:rgba(255,255,255,.2)}
.fs .faq-sec details[open]{border-color:rgba(var(--acc-rgb),.55);background:linear-gradient(180deg,rgba(var(--acc-rgb),.08),rgba(var(--acc-rgb),.02))}
.fs .faq-sec summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;font-size:17px;font-weight:800;letter-spacing:-.01em;cursor:pointer;list-style:none}
.fs .faq-sec summary::-webkit-details-marker{display:none}
.fs .faq-sec summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);font-size:18px;font-weight:700;line-height:1;transition:transform .3s ease,background .2s}
.fs .faq-sec details[open] summary::after{content:"–";background:rgba(var(--acc-rgb),.35);transform:rotate(180deg)}
.fs .faq-sec summary:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.fs .faq-sec .fa{padding:0 22px 20px;color:var(--mut);font-size:15.5px;line-height:1.65;max-width:720px}
.fs .faq-sec .fa p{margin:0 0 10px;color:var(--mut)}
.fs .faq-sec .fa p:last-child{margin-bottom:0}
.fs .faq-sec .fa a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.fs .faq-sec .fa strong{color:#fff}
.fs .faq-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 32px;border:1px solid transparent;border-radius:22px;background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box}
.fs .faq-cta h4{margin:0 0 4px;font-size:22px;font-weight:800;letter-spacing:-.02em}
.fs .faq-cta p{margin:0;color:var(--mut)}
@media(max-width:900px){.fs .faq{grid-template-columns:minmax(0,1fr);gap:28px}.fs .faq-nav{position:static;display:flex;flex-wrap:wrap;gap:8px}.fs .faq-nav a{padding:9px 14px;border-radius:999px;font-size:14px}.fs .faq-nav a small{display:none}.fs .faq-sec summary{padding:16px 18px;font-size:16px}.fs .faq-sec .fa{padding:0 18px 18px}}
@media(prefers-reduced-motion:reduce){.fs .faq-sec summary::after,.fs .faq-sec details,.fs .faq-nav a{transition:none}}

/* =====================================================================
 * ZMIENNE ZAPASOWE: tokeny sklepu były zdefiniowane tylko na .fs-t-shop (koszyk / kasa),
 * więc na stronie konta pola formularzy i przyciski traciły tło i ramkę.
 * :where() ma zerową specyficzność, więc motywy stron (np. .fs-t-kits) nadal je nadpisują.
 * ===================================================================== */
:where(.fs){--g1:#2f6bff;--g2:#a020ff;--g3:#ff12d8;--acc:#b44dff;--acc-rgb:180,77,255;--accl:#d9a6ff;--cgh:linear-gradient(90deg,#2f6bff,#a020ff 50%,#ff12d8);--glow:0 6px 20px rgba(160,32,255,.28);--fld:#000;--fld-b:#2c2c38}

/* =====================================================================
 * KONTO (v2): naprawa siatki i przycisków
 * ===================================================================== */
/* .col2-set ma pseudoelementy clearfix, które w siatce CSS stają się dodatkowymi komórkami i rozjeżdżają kafelki */
.fs .woocommerce .u-columns.col2-set::before,.fs .woocommerce .u-columns.col2-set::after{content:none!important;display:none!important}
.fs .woocommerce .u-columns.col2-set form.woocommerce-form .input-text,.fs .woocommerce .u-columns.col2-set form.woocommerce-form input[type="text"],.fs .woocommerce .u-columns.col2-set form.woocommerce-form input[type="email"],.fs .woocommerce .u-columns.col2-set form.woocommerce-form input[type="password"]{width:100%;background:#08080b!important;border:1px solid #2c2c38!important;border-radius:12px;color:#fff!important;padding:13px 16px}
.fs .woocommerce .u-columns.col2-set form.woocommerce-form .input-text:focus{border-color:#b44dff!important;outline:0}
.fs .woocommerce .u-columns.col2-set .password-input{display:block;width:100%;position:relative}
.fs .woocommerce .u-columns.col2-set .show-password-input{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer}
/* główne przyciski na koncie (logowanie, rejestracja, zapis danych) w gradiencie jak reszta sklepu */
.fs .woocommerce button.woocommerce-form-login__submit,.fs .woocommerce button.woocommerce-form-register__submit,.fs .woocommerce button[name="save_account_details"],.fs .woocommerce button[name="save_address"],.fs .woocommerce button[name="login"],.fs .woocommerce button[name="register"]{background:var(--grad)!important;background-origin:border-box;border:0!important;color:#fff!important;box-shadow:var(--glow)}
.fs .woocommerce button.woocommerce-form-login__submit:hover,.fs .woocommerce button.woocommerce-form-register__submit:hover,.fs .woocommerce button[name="save_account_details"]:hover,.fs .woocommerce button[name="save_address"]:hover{filter:brightness(1.1);background:var(--grad)!important}

/* =====================================================================
 * KOSZYK (v2): bez kolumny ilości, bez „Update cart”, bez szarego kółka przy usuwaniu
 * ===================================================================== */
.fs .woocommerce-cart-form th.product-quantity,.fs .woocommerce-cart-form td.product-quantity{display:none!important}
.fs .woocommerce-cart-form button[name="update_cart"]{display:none!important}

/* =====================================================================
 * HOVER KITÓW (v6): sama okładka (z plakietką) lekko podskakuje. Kafelek, nazwa i przycisk stoją w miejscu.
 * Bez zoomu, poświaty, zmiany ramki i koloru.
 * ===================================================================== */
.fs .kit:hover,.fs .kit:focus-within{transform:none;border-color:rgba(255,255,255,.14);background:none;box-shadow:none}
.fs .kit:hover b,.fs .kit:focus-within b{color:inherit;text-shadow:none}
.fs .kit .art{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.fs .kit:hover .art,.fs .kit:focus-within .art{transform:translateY(-7px);box-shadow:none}
.fs .kit:hover .art img,.fs .kit:focus-within .art img{transform:none;filter:none}
@media(prefers-reduced-motion:reduce){.fs .kit .art{transition:none}.fs .kit:hover .art,.fs .kit:focus-within .art{transform:none}}

/* =====================================================================
 * MENU: spokojniejsza animacja linii (wolniej i łagodniej)
 * ===================================================================== */
.fs .nav ul a{transition:color .4s ease}
.fs .nav ul a::after{transition:transform .7s cubic-bezier(.25,.8,.25,1)}
@media(prefers-reduced-motion:reduce){.fs .nav ul a::after{transition:none}}

/* =====================================================================
 * KOSZYK: samo „×” jako SVG (równa kreska, zaokrąglone końce), bez kółka. all:unset kasuje style motywu i Woo.
 * ===================================================================== */
.fs .woocommerce .woocommerce-cart-form td.product-remove a.remove{all:unset!important;display:block!important;box-sizing:border-box!important;width:28px!important;height:28px!important;margin:0 auto!important;cursor:pointer!important;font-size:0!important;line-height:0!important;color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a4a4c0' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/16px 16px no-repeat!important}
.fs .woocommerce .woocommerce-cart-form td.product-remove a.remove:hover,.fs .woocommerce .woocommerce-cart-form td.product-remove a.remove:focus-visible{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff2a4d' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/16px 16px no-repeat!important}
.fs .woocommerce .woocommerce-cart-form td.product-remove a.remove:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important;border-radius:6px!important}

/* =====================================================================
 * CHECKBOXY (Remember me, kasa): własny wygląd w stylu sklepu
 * ===================================================================== */
.fs .woocommerce input[type="checkbox"]{-webkit-appearance:none;appearance:none;flex:none;display:inline-block;position:relative;width:20px;height:20px;margin:0;padding:0;vertical-align:middle;border:1.5px solid #3a3a4c;border-radius:6px;background:#08080b;cursor:pointer;transition:background .2s,border-color .2s}
.fs .woocommerce input[type="checkbox"]:hover{border-color:#6a6a86}
.fs .woocommerce input[type="checkbox"]:checked{border-color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px 12px no-repeat,var(--grad)}
.fs .woocommerce input[type="checkbox"]:focus-visible{outline:2px solid rgba(var(--acc-rgb),.9);outline-offset:2px}
.fs .woocommerce label.woocommerce-form__label-for-checkbox,.fs .woocommerce .woocommerce-form-login__rememberme{display:inline-flex!important;align-items:center;gap:10px;margin:4px 0 18px!important;color:var(--mut);font-size:14.5px;font-weight:600;line-height:1.3;cursor:pointer}
.fs .woocommerce label.woocommerce-form__label-for-checkbox span{color:inherit}

/* =====================================================================
 * FAQ: ogólna reguła .fs section{padding:56px 0} doliczała odstęp u góry pierwszej sekcji
 * ===================================================================== */
.fs .faq-sec{padding:0!important}

/* =====================================================================
 * APPLY COUPON: na hover gradientowa ramka, bez wypełnienia
 * ===================================================================== */
.fs .woocommerce button.button[name="apply_coupon"]{position:relative;background:transparent!important;border:1px solid #4a4a60!important;color:#fff!important;transition:border-color .25s ease}
.fs .woocommerce button.button[name="apply_coupon"]::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:var(--cgh);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}
.fs .woocommerce button.button[name="apply_coupon"]:hover,.fs .woocommerce button.button[name="apply_coupon"]:focus-visible{background:transparent!important;border-color:transparent!important;color:#fff!important}
.fs .woocommerce button.button[name="apply_coupon"]:hover::before,.fs .woocommerce button.button[name="apply_coupon"]:focus-visible::before{opacity:1}
@media(prefers-reduced-motion:reduce){.fs .woocommerce button.button[name="apply_coupon"],.fs .woocommerce button.button[name="apply_coupon"]::before{transition:none}}

/* =====================================================================
 * 404: szablon automatyczny jest wstawiany w kontener motywu (Astra, flex, jasne tło), przez co treść
 * zwężała się do ~500 px. Tu rozciągamy ją na całą szerokość i ustawiamy czarne tło.
 * ===================================================================== */
body.error404,body.error404 #page,body.error404 #content,body.error404 .site-content{background:#000!important}
body.error404 .site-content>.ast-container,body.error404 #content>.ast-container{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.error404 #primary,body.error404 .content-area{display:block!important;width:100%!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important}
body.error404 #secondary{display:none!important}
body.error404 .fs-x-wrap,body.error404 .fs-x-wrap>.fs{width:100%;max-width:none}
.fs .four{padding:120px 0 140px}
.fs .four h2{font-size:clamp(26px,4.5vw,44px);letter-spacing:-.03em;line-height:1.1}


/* =====================================================================
 * KOSZYK: „×” klika się tylko na swoim 28×28 (bez rozlanych pseudo-elementów motywu/Woo)
 * CENY: jawnie Manrope (tak jak reszta sklepu)
 * ===================================================================== */
.fs .woocommerce .woocommerce-cart-form td.product-remove{position:relative;overflow:hidden}
.fs .woocommerce .woocommerce-cart-form td.product-remove a.remove{position:relative!important;overflow:hidden!important;contain:paint!important;width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;min-width:0!important;min-height:0!important;outline:0}
.fs .woocommerce .woocommerce-cart-form td.product-remove a.remove::before,.fs .woocommerce .woocommerce-cart-form td.product-remove a.remove::after{content:none!important;display:none!important}
.fs .woocommerce .woocommerce-cart-form td.product-remove a.remove:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
.fs .woocommerce .amount,.fs .woocommerce .amount bdi,.fs .woocommerce .woocommerce-Price-amount,.fs .woocommerce .woocommerce-Price-currencySymbol,.fs .woocommerce td,.fs .woocommerce th{font-family:Manrope,system-ui,sans-serif!important}

/* =====================================================================
 * PRZYCISKI Z GRADIENTEM: płynnie „płynący” gradient (ping-pong), wolny i spokojny.
 * Wypełnione przyciski animują się cały czas, outline-owe „Dodaj do koszyka” po najechaniu.
 * ===================================================================== */
@keyframes fsgrad{0%{background-position:0% 50%}100%{background-position:100% 50%}}
.fs .n,.fs.fs-t .btn.n,
.fs .woocommerce a.checkout-button,.fs .woocommerce #place_order,.fs .woocommerce button.single_add_to_cart_button,.fs .woocommerce a.button.alt,.fs .woocommerce button.button.alt,
.fs .woocommerce .return-to-shop a.button,
.fs .woocommerce button.woocommerce-form-login__submit,.fs .woocommerce button.woocommerce-form-register__submit,.fs .woocommerce button[name="save_account_details"],.fs .woocommerce button[name="save_address"],.fs .woocommerce button[name="login"],.fs .woocommerce button[name="register"],
.fs.fsp .fsp-buy,.fs.fsp .fsp-buy:hover,.fs.fsp .fsp-buy:focus{background-size:200% 100%!important;background-repeat:no-repeat!important;animation:fsgrad 5s ease-in-out infinite alternate}
.fs .ac:hover,.fs .ac.added,.fs .ac:hover:focus,.fs .kit .ac.ac-kit:hover,.fs .kit .ac.ac-kit.added,.fs .pg-kit .ac.ac-kit:hover,.fs .pg-kit .ac.ac-kit.added{background-size:200% 100%!important;background-repeat:no-repeat!important;animation:fsgrad 3.5s ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){.fs .n,.fs.fs-t .btn.n,.fs .woocommerce a.checkout-button,.fs .woocommerce #place_order,.fs .woocommerce button.single_add_to_cart_button,.fs .woocommerce a.button.alt,.fs .woocommerce button.button.alt,.fs .woocommerce .return-to-shop a.button,.fs .woocommerce button[name="login"],.fs .woocommerce button[name="register"],.fs .woocommerce button[name="save_account_details"],.fs .woocommerce button[name="save_address"],.fs .woocommerce button.woocommerce-form-login__submit,.fs .woocommerce button.woocommerce-form-register__submit,.fs.fsp .fsp-buy,.fs .ac:hover,.fs .ac.added,.fs .kit .ac.ac-kit:hover,.fs .pg-kit .ac.ac-kit:hover{animation:none}}


/* =====================================================================
 * KOSZYK / KASA: bez granatowo-szarych teł (kupon, podsumowanie, miniatura produktu)
 * ===================================================================== */
.fs .cart-collaterals .cart_totals,.fs .woocommerce #order_review{background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box!important}
.fs .woocommerce .coupon .input-text,.fs .woocommerce input.input-text,.fs .woocommerce select,.fs .woocommerce textarea{background:#000!important}
.fs .woocommerce-cart-form td.product-thumbnail img{background:#000;border-color:transparent}
.fs .woocommerce-checkout #payment ul.payment_methods li{background:#000}

/* =====================================================================
 * KLOCKI PODSTRON: karty, kroki, tekst + ilustracja, lista, pas CTA
 * (cienki szary obrys, bez kolorowych teł; akcent koloru sekcji po najechaniu)
 * ===================================================================== */
.fs .fx-sec{margin-top:64px}
.fs .fx-sec.fx-last{margin-bottom:88px}
.fs .fx-sec .sg-h{margin-bottom:28px}
.fs .fx-cards{display:grid;gap:16px}
.fs .fx-c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fs .fx-c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fs .fx-c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fs .fx-card{position:relative;display:block;padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:none;color:inherit;transition:border-color .2s,transform .2s}
.fs .fx-card:hover{border-color:rgba(var(--acc-rgb),.65);transform:translateY(-3px)}
.fs .fx-i{display:block;width:30px;height:30px;margin-bottom:14px;fill:none;stroke:var(--accl);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fs .fx-card h4{font-size:18px;line-height:1.25;letter-spacing:-.02em;margin-bottom:6px}
.fs .fx-card p{color:var(--mut);font-size:14.5px;font-weight:600}
.fs .fx-card p a,.fs .fx-tx p a,.fs .fx-step p a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.fs .fx-go{position:absolute;right:20px;top:22px;color:var(--mut);font-weight:800;transition:transform .2s,color .2s}
.fs .fx-link:hover .fx-go{transform:translateX(4px);color:#fff}
.fs .fx-steps{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:28px}
.fs .fx-step{border-top:2px solid var(--line);padding-top:18px}
.fs .fx-step b{display:block;width:fit-content;font-size:34px;line-height:1;font-weight:800;letter-spacing:-.04em;background:var(--cgh);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.fs .fx-step h4{font-size:18px;margin:12px 0 6px;letter-spacing:-.02em}
.fs .fx-step p{color:var(--mut);font-size:14.5px;font-weight:600}
.fs .fx-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.fs .fx-rev .fx-illu{order:-1}
.fs .fx-tx h2{font-size:clamp(26px,3.4vw,38px);line-height:1.1;letter-spacing:-.03em;font-weight:800;margin:4px 0 14px}
.fs .fx-tx p{color:#d6d6ee;font-size:16.5px;margin-bottom:12px;max-width:520px}
.fs .fx-illu svg{display:block;width:100%;max-width:400px;height:auto;margin:0 auto;overflow:visible}
.fs .fx-list{list-style:none;display:grid;gap:10px;margin:18px 0 0}
.fs .fx-list li{position:relative;padding-left:30px;color:#dcdcf0;font-weight:600;font-size:15px}
.fs .fx-list li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--cgh)}
.fs .fx-list li::after{content:"";position:absolute;left:6px;top:7px;width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.fs .fx-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 32px;border:1px solid transparent;border-radius:22px;background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box}
.fs .fx-cta h4{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}
.fs .fx-cta p{color:var(--mut);max-width:560px}
.fs .lg.fx-doc{max-width:1160px}
.fs .lg.fx-doc>*{max-width:760px}
.fs .lg.fx-doc h3{display:flex;align-items:baseline;gap:12px}
.fs .lg.fx-doc ul{margin:0 0 12px 20px;color:var(--mut)}
.fs .lg.fx-doc li{margin-bottom:6px}
.fs .lg.fx-doc a,.fs .lg.fx-doc strong{color:#fff}
.fs .lg.fx-doc a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.fs .fx-c3,.fs .fx-c4{grid-template-columns:repeat(2,minmax(0,1fr))}.fs .fx-steps{grid-template-columns:1fr 1fr}.fs .fx-split{grid-template-columns:1fr;gap:28px}.fs .fx-rev .fx-illu{order:0}.fs .fx-sec{margin-top:48px}}
@media(max-width:560px){.fs .fx-c2,.fs .fx-c3,.fs .fx-c4,.fs .fx-steps{grid-template-columns:1fr}.fs .fx-cta{padding:24px}}
@media(prefers-reduced-motion:reduce){.fs .fx-card,.fs .fx-go{transition:none}.fs .fx-card:hover{transform:none}}


/* =====================================================================
 * v54 — NAGŁÓWKI PODSTRON: nowe ilustracje (zamiast kafla z ikoną)
 * beaty = karta playera z falą, kity = pady perkusyjne, dokumenty = kartka z pieczęcią,
 * reszta = obracający się gradientowy pierścień. Mix = duży odtwarzacz przed/po (niżej).
 * ===================================================================== */
.fs .ph-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding-top:48px;padding-bottom:40px}
.fs .ph-split .ph-t{max-width:none}
.fs .ph-split .ph-t p{max-width:560px}
@media(max-width:900px){.fs .ph-split{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:36px}}

.fs .pv{position:relative;width:100%;max-width:400px;margin:0 auto;isolation:isolate;pointer-events:none;user-select:none;-webkit-user-select:none}
.fs .pv-glow{position:absolute;inset:8% 4%;z-index:-1;border-radius:50%;background:var(--cg);filter:blur(64px);opacity:.38}
.fs .pv-pill{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 11px;border-radius:999px;background:rgba(14,14,18,.92);border:1px solid rgba(255,255,255,.16);font-size:12.5px;font-weight:800;letter-spacing:-.01em;line-height:1;white-space:nowrap;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.45);animation:fspa 6s ease-in-out infinite}
.fs .pv-pill i{display:block;width:8px;height:8px;border-radius:50%;background:var(--g1)}
.fs .pv-pill.c1{top:4%;right:-3%}
.fs .pv-pill.c2{bottom:12%;left:-5%;animation-delay:-2s}
.fs .pv-pill.c2 i{background:var(--g2)}
.fs .pv-pill.c3{bottom:-1%;right:6%;animation-delay:-4s}
.fs .pv-pill.c3 i{background:var(--g3)}

/* beaty */
.fs .pvb-card{padding:18px;border-radius:22px;border:1px solid transparent;background:linear-gradient(#0b0b10,#0b0b10) padding-box,var(--cgh) border-box;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.fs .pvb-top{display:flex;align-items:center;gap:14px}
.fs .pvb-cover{flex:none;width:64px;height:64px;border-radius:14px;background:var(--cg);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25)}
.fs .pvb-tx{display:grid;gap:8px;flex:1;min-width:0}
.fs .pvb-tx i{display:block;height:9px;border-radius:5px;background:rgba(255,255,255,.18)}
.fs .pvb-tx i:first-child{width:72%;background:rgba(255,255,255,.55)}
.fs .pvb-tx i:last-child{width:44%}
.fs .pvb-play{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--cgh);box-shadow:0 6px 20px rgba(var(--acc-rgb),.45)}
.fs .pvb-wave{display:flex;align-items:center;gap:3px;height:70px;margin:18px 0 8px}
.fs .pvb-wave i{flex:1;height:var(--h);border-radius:2px;background:rgba(255,255,255,.2);transform-origin:center;animation:pvwave 2.4s ease-in-out infinite;animation-delay:var(--d)}
.fs .pvb-wave i.on{background:var(--cg)}
.fs .pvb-time{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--mut);font-variant-numeric:tabular-nums}
.fs .pvb-list{display:grid;gap:10px;margin-top:12px}
.fs .pvb-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(14,14,18,.9)}
.fs .pvb-row:nth-child(2){margin-left:22px}
.fs .pvb-cv{flex:none;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.1)}
.fs .pvb-row .pvb-tx{flex:1}
.fs .pvb-tg{flex:none;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:11.5px;font-weight:800;color:#fff;white-space:nowrap}
@keyframes pvwave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.6)}}

/* kity: pady */
.fs .pvp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:340px;margin:0 auto;padding:20px;border-radius:26px;border:1px solid transparent;background:linear-gradient(#0b0b10,#0b0b10) padding-box,var(--cgh) border-box;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.fs .pvp-grid i{position:relative;display:block;aspect-ratio:1;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.fs .pvp-grid i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--cg);opacity:0;box-shadow:0 0 22px rgba(var(--acc-rgb),.6);animation:pvpad 3.52s ease-in-out infinite;animation-delay:var(--d)}
.fs .pv-pads .pv-pill.c1{top:-4%;right:0}
.fs .pv-pads .pv-pill.c2{bottom:-4%;left:2%}
@keyframes pvpad{0%{opacity:0}3%{opacity:1}20%{opacity:0}100%{opacity:0}}

/* dokumenty / licencje */
.fs .pv-doc{max-width:380px;padding:6px 0}
.fs .pvd-back{position:absolute;left:9%;right:3%;top:3%;bottom:0;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#08080b;transform:rotate(5deg);z-index:-1}
.fs .pvd-card{position:relative;margin:14px 6% 14px 0;padding:22px;border-radius:22px;border:1px solid transparent;background:linear-gradient(#0b0b10,#0b0b10) padding-box,var(--cgh) border-box;transform:rotate(-2.5deg);box-shadow:0 24px 60px rgba(0,0,0,.55)}
.fs .pvd-hd{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.fs .pvd-seal{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--cg)}
.fs .pvd-seal svg{width:22px;height:22px}
.fs .pvd-tx{display:grid;gap:8px;flex:1}
.fs .pvd-tx i{display:block;height:9px;border-radius:5px;background:rgba(255,255,255,.18)}
.fs .pvd-tx i:first-child{width:70%;background:rgba(255,255,255,.55)}
.fs .pvd-tx i:last-child{width:42%}
.fs .pvd-hd em{font-style:normal;font-size:12px;font-weight:800;padding:5px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.25)}
.fs .pvd-card ul{list-style:none;display:grid;gap:14px}
.fs .pvd-card li{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:700;color:#fff}
.fs .pvd-card li b{flex:none;position:relative;width:20px;height:20px;border-radius:50%;background:var(--cg)}
.fs .pvd-card li b::after{content:"";position:absolute;left:6px;top:5px;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.fs .pvd-card li.sk i{display:block;flex:1;height:9px;border-radius:5px;background:rgba(255,255,255,.18)}
.fs .pvd-card li.sk:nth-child(2) i{flex:none;width:70%}

/* pozostałe: pierścień z ikoną */
.fs .pv-orb{aspect-ratio:1;max-width:320px}
.fs .pvo-ring{position:absolute;inset:6%;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,var(--g1),var(--g2),var(--g3),var(--g1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:pvspin 14s linear infinite}
.fs .pvo-ring.r2{inset:22%;opacity:.55;animation-duration:20s;animation-direction:reverse}
.fs .pvo-core{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:var(--cg);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3),0 18px 44px rgba(0,0,0,.55)}
.fs .pvo-core svg{width:50%;height:auto;aspect-ratio:1;display:block}
@keyframes pvspin{to{transform:rotate(360deg)}}
@media(max-width:900px){.fs .pv{margin:0;max-width:340px}.fs .pv-pill{font-size:11.5px;padding:6px 11px 6px 9px}.fs .pv-pill.c1{right:0}.fs .pv-pill.c2{left:0}}
@media(prefers-reduced-motion:reduce){.fs .pv-pill,.fs .pvb-wave i,.fs .pvp-grid i::after,.fs .pvo-ring{animation:none}.fs .pvp-grid i:nth-child(5n+1)::after{opacity:1}}

/* =====================================================================
 * v54 — MIX & MASTERING: duży odtwarzacz przed / po pod nagłówkiem
 * ===================================================================== */
.fs .ph-wide{padding-top:48px;padding-bottom:8px}
.fs .ph-wide .ph-t{max-width:720px}
.fs .mx-ba{margin-top:32px;padding:30px 34px 24px;border-radius:28px;border:1px solid transparent;background:radial-gradient(90% 130% at 0 0,rgba(var(--acc-rgb),.16),rgba(0,0,0,0) 62%) padding-box,linear-gradient(#050507,#050507) padding-box,var(--cgh) border-box;box-shadow:0 0 64px rgba(var(--acc-rgb),.18)}
.fs .mx-ba-hd{margin-bottom:22px}
.fs .mx-ba-t{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.fs .mx-ba-s{margin-top:4px;color:var(--mut);font-size:15px;font-weight:600}
.fs .mp.mp-xl{background:none;padding:0;border-radius:0}
.fs .mp-xl .mp-top{padding-bottom:20px;margin-bottom:24px;flex-wrap:wrap;gap:14px 20px}
.fs .mp-xl .mp-lbl b{font-size:17px}
.fs .mp-xl .mp-lbl small{margin-top:3px;font-size:14px}
.fs .mp-xl .mp-ba{display:flex;align-items:center;gap:14px}
.fs .mp .mp-ba button.ba-a,.fs .mp .mp-ba button.ba-b{appearance:none;-webkit-appearance:none;border:0;background:none;padding:6px 2px 7px;margin:0;font:inherit;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;cursor:pointer;transition:color .25s}
.fs .mp-xl:not(.fx-on) .ba-a,.fs .mp-xl.fx-on .ba-b{color:#fff!important;background:var(--cgh) 0 100%/100% 2px no-repeat!important}
.fs .mp.mp-xl .mp-sw,.fs .mp.mp-xl .mp-sw:hover,.fs .mp.mp-xl .mp-sw:focus{width:64px!important;height:36px!important;max-width:64px!important;max-height:36px!important}
.fs .mp-xl .mp-sw i{top:3px;left:3px;width:30px;height:30px}
.fs .mp-xl .mp-sw[aria-checked="true"] i{transform:translateX(28px)}
.fs .mp-xl .mp-sw:active i{width:38px}
.fs .mp-xl .mp-sw[aria-checked="true"]:active i{transform:translateX(20px)}
.fs .mp-xl .mp-row{gap:22px}
.fs .mp .mp-xl .mp-play,.fs .mp.mp-xl .mp-play,.fs .mp.mp-xl .mp-play:hover,.fs .mp.mp-xl .mp-play:focus{width:68px;height:68px;box-shadow:0 4px 22px rgba(0,0,0,.5)}
.fs .mp-xl .mp-wave{height:116px;--wh:1;--wp:var(--g1);--wp2:var(--g2);--wp3:var(--g3);--wp4:var(--g3);--wb:rgba(255,255,255,.26)}
.fs .mp.mp-xl.fx-on .mp-wave{--wh:1;--wp:#ffb066;--wp2:#ff6a4a;--wp3:#ff3a5c;--wp4:#ef14de}
.fs .mp-xl .mp-time{margin:8px 0 0 90px;font-size:13px}
@media(max-width:700px){
.fs .mx-ba{padding:22px 18px 18px;border-radius:22px}
.fs .mx-ba-t{font-size:20px}
.fs .mp-xl .mp-row{gap:14px}
.fs .mp.mp-xl .mp-play,.fs .mp.mp-xl .mp-play:hover,.fs .mp.mp-xl .mp-play:focus{width:54px;height:54px}
.fs .mp-xl .mp-wave{height:84px}
.fs .mp-xl .mp-time{margin-left:68px}}

/* =====================================================================
 * v54 — STRONA BEATU (dynamiczna): okładka + player po lewej, licencje i koszyk po prawej
 * ===================================================================== */
.fs .bx-top{padding-top:36px}
.fs .bx-back{color:var(--mut);font-weight:700;font-size:14px;transition:color .2s}
.fs .bx-back:hover{color:#fff}
.fs .pg.bx{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;margin:24px 0 24px}
.fs .bx-media{position:sticky;top:92px;min-width:0}
.fs .bx-cover{width:100%;aspect-ratio:1;border-radius:24px;margin:0;box-shadow:0 0 60px rgba(var(--acc-rgb),.22)}
.fs .bx-cover.has-img{background:#0b0b10}
.fs .bx-cover i{right:16px;bottom:16px;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fs .bx-big,.fs .bx-big:hover,.fs .bx-big:focus{position:absolute;inset:0;margin:auto;z-index:2;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:0;padding:0;background:rgba(10,10,14,.62);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;box-shadow:none;transition:transform .15s,background .2s,opacity .2s}
.fs .bx-big:hover{transform:scale(1.07);background:rgba(10,10,14,.82)}
.fs .bx-big:focus-visible{outline:2px solid #fff;outline-offset:3px}
.fs .bx-big:disabled{opacity:.4;cursor:not-allowed;transform:none}
.fs .bx-big svg{width:36px;height:36px}
.fs .bx-media.is-playing .bx-big{opacity:0}
.fs .bx-media.is-playing .bx-cover:hover .bx-big,.fs .bx-media.is-playing .bx-big:focus-visible{opacity:1}
.fs .bx-pl{margin-top:20px}
.fs .bx-wave{display:block;width:100%;flex:none;height:84px;--wh:1;--wp:var(--g1);--wp2:var(--g2);--wp3:var(--g3);--wp4:var(--g3);--wb:rgba(255,255,255,.28)}
.fs .bx-time{display:flex;justify-content:space-between;margin-top:6px;font-size:13px;font-weight:700;color:var(--mut);font-variant-numeric:tabular-nums}
.fs .bx-na{margin-top:12px;color:var(--mut);font-size:14px;font-weight:600}
.fs .bx-info{min-width:0}
.fs .bx-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.fs .bx-hd h2{margin:4px 0 6px;line-height:1.05;letter-spacing:-.03em;font-size:clamp(30px,4.2vw,48px)}
.fs .bx-by{color:var(--mut);font-weight:700}
.fs .bx-hd .fav,.fs .bx-hd .fav:hover,.fs .bx-hd .fav:focus{width:46px;height:46px;margin-top:6px;border:1px solid rgba(255,255,255,.18)}
.fs .bx-hd .fav svg{width:22px;height:22px}
.fs .bx-sh{margin-top:14px;color:#d6d6ee;font-size:16px}
.fs .bx .tags{margin:18px 0 0}
.fs .bx-lt{margin:28px 0 14px;font-weight:800;scroll-margin-top:90px}
.fs .bx-lics .lc{width:100%;appearance:none;-webkit-appearance:none;background-color:transparent;color:inherit;font:inherit;text-align:left;margin-bottom:10px;transition:transform .15s}
.fs .bx-lics .lc:hover{transform:translateY(-1px)}
.fs .bx-lics .lc:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fs .bx-lics .lc b{font-weight:800;font-size:16px}
.fs .bx-lics .lc[data-ok="0"]{opacity:.5}
.fs .bx-cart{margin-top:8px}
.fs .bx-add,.fs .bx-add:hover,.fs .bx-add:focus{display:flex;width:100%;justify-content:center;gap:0;height:56px;padding:0 24px;font-size:16px}
.fs .bx-p{margin-left:14px;padding-left:14px;border-left:1.5px solid rgba(255,255,255,.45);font-variant-numeric:tabular-nums}
.fs .bx-p[hidden]{display:none}
.fs .bx-add:disabled{opacity:.45;cursor:not-allowed;animation:none!important}
.fs .bx-add.loading{opacity:.7;pointer-events:none}
.fs .bx-go{display:block;margin-top:14px;text-align:center;font-weight:700;color:#fff}
.fs .bx-go[hidden]{display:none}
.fs .bx-box{margin-top:20px;padding:8px 22px}
.fs .bx-sim{padding-top:56px}
.fs .bx-page .woocommerce-message,.fs .bx-page .woocommerce-error,.fs .bx-page .woocommerce-info{margin-top:18px}
@media(max-width:900px){.fs .pg.bx{grid-template-columns:minmax(0,1fr);gap:32px}.fs .bx-media{position:static}.fs .bx-big{width:72px;height:72px}.fs .bx-big svg{width:30px;height:30px}}

/* =====================================================================
 * v54 — BEZ FIOLETU „SOLO”: hover, ramki i akcenty w gradiencie marki (--cgh / --grad)
 * ===================================================================== */
/* karty (np. „Pliki od razu” w koszyku), kafelki FAQ, przyciski drugorzędne: gradientowa ramka na hover */
.fs .fx-card:hover,.fs .fx-card:focus-visible{border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--cgh) border-box}
.fs .faq-nav a:hover,.fs .faq-nav a:focus-visible{color:#fff;border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--cgh) border-box}
.fs .o:hover,.fs .woocommerce a.button:not(.alt):not(.checkout-button):not(.wc-backward):hover,.fs .woocommerce button.button:not(.alt):not([name="apply_coupon"]):not([name="update_cart"]):hover{border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--cgh) border-box;color:#fff}
.fs .chip:hover{border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--cgh) border-box;color:#fff}
.fs .chip.on,.fs .chip.on:hover{border-color:transparent;background:var(--cgh) border-box;color:#fff}
/* otwarte pytanie w FAQ, numerki sekcji, plus/minus */
.fs .faq-sec details[open],.fs .faq-sec details[open]:hover{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--cgh) border-box}
.fs .faq-sec h3 i{background:var(--cgh);color:#fff}
.fs .faq-sec details[open] summary::after{background:var(--cgh);color:#fff}
/* tagi, ceny, numeracja */
.fs .tg,.fs .tg2{border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--cgh) border-box;color:#fff}
.fs.fs-t .tr .pr,.fs .sec-beats .tr .pr,.fs .px em{color:#fff}
.fs .sg-n{width:fit-content;background:var(--cgh);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* linki w treści: biały tekst + gradientowe podkreślenie */
.fs .fx-card p a,.fs .fx-tx p a,.fs .fx-step p a,.fs .faq-sec .fa a,.fs .woocommerce-info a:not(.button),.fs .woocommerce-message a:not(.button),.fs .woocommerce-error a,.fs .cart_totals .shipping-calculator-button,.fs .cart_totals .woocommerce-remove-coupon,.fs .woocommerce-privacy-policy-text a,.fs .woocommerce-terms-and-conditions-wrapper a{color:#fff;text-decoration:none;background:var(--cgh) 0 100%/100% 1.5px no-repeat;padding-bottom:2px}
.fs .woocommerce-cart-form td.product-name a:hover{color:#fff}
/* ikony w kartach: gradientowa kreska */
.fs .fx-i{stroke:url(#fxig)}
/* kroki zamówienia */
.fs .cx-steps li.done{color:#fff}
.fs .cx-steps li.done b{border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--cgh) border-box;color:#fff}
/* pola formularzy: gradientowa ramka po kliknięciu */
.fs .woocommerce input.input-text:focus,.fs .woocommerce select:focus,.fs .woocommerce textarea:focus,.fs .woocommerce .coupon .input-text:focus,.fs .woocommerce .u-columns.col2-set form.woocommerce-form .input-text:focus{border-color:transparent!important;background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box!important;box-shadow:0 0 0 3px rgba(255,255,255,.07);outline:0}
.fs input:focus,.fs textarea:focus{outline-color:#fff}
.fs .select2-container--open .select2-selection--single,.fs .select2-container--focus .select2-selection--single{border-color:#fff}
.fs .woocommerce input[type="checkbox"]:focus-visible{outline-color:#fff}
.fs .woocommerce-checkout #payment ul.payment_methods li:has(input:checked){border-color:transparent;background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box}
.fs .woocommerce-thankyou-order-received{border-color:transparent;background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box}
.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected],.woocommerce-cart .select2-container--default .select2-results__option--highlighted[aria-selected],.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[data-selected],.woocommerce-cart .select2-container--default .select2-results__option--highlighted[data-selected]{background:linear-gradient(90deg,rgba(47,107,255,.5),rgba(255,18,216,.5));color:#fff}
/* stałe obramowania w fioletowych motywach: neutralne zamiast fioletu */
.fs:not(.fs-t-beats):not(.fs-t-mix) .box,.fs:not(.fs-t-beats):not(.fs-t-mix) .kit,.fs:not(.fs-t-beats):not(.fs-t-mix) .lc,.fs:not(.fs-t-beats):not(.fs-t-mix) details{border-color:rgba(255,255,255,.14)}
.fs:not(.fs-t-beats):not(.fs-t-mix) .lc.on{border-color:transparent}
.fs .hs{border-color:rgba(255,255,255,.14)}
@media(prefers-reduced-motion:reduce){.fs .fx-card,.fs .chip{transition:none}}

/* =====================================================================
 * v54 — FAQ: czcionka Manrope (motyw podmieniał ją na własną, bez polskich znaków)
 * ===================================================================== */
.fs .faq,.fs .faq *,.fs .faq-cta,.fs .faq-cta *{font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-variant:normal!important;font-feature-settings:normal!important;font-synthesis:none;text-transform:none!important}
.fs .faq-sec .fa,.fs .faq-sec .fa *{letter-spacing:normal;word-spacing:normal}

/* =====================================================================
 * KOSZYK W HEADERZE: ikona z plakietką (zamiast tekstu „Koszyk (n)”)
 * ===================================================================== */
.fs .nav .r{gap:12px}
.fs .cart-ic{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;border:1px solid #34343f;color:#fff;background:rgba(255,255,255,.02);transition:border-color .2s,background .2s,transform .2s}
.fs .cart-ic:hover,.fs .cart-ic:focus-visible{border-color:#fff;background:rgba(255,255,255,.07);transform:translateY(-1px);outline:0}
.fs .cart-ic svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fs .cart-n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--grad);border:2px solid #000;box-sizing:content-box;display:grid;place-items:center;font-size:11px;font-weight:800;line-height:1;color:#fff;box-shadow:0 0 12px rgba(var(--pink-rgb),.5)}
.fs .cart-n[data-n="0"]{display:none}

/* licznik koszyka obok napisu */
.fs .cart-ic{width:auto;height:44px;padding:0 18px 0 14px;border-radius:999px;display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700}
.fs .cart-t{line-height:1}
.fs .cart-n{position:static;margin-left:2px;box-sizing:border-box;border:0;min-width:22px;height:22px;padding:0 7px}
@media(max-width:520px){.fs .cart-t{display:none}.fs .cart-ic{padding:0 12px}}

/* =====================================================================
 * MOJE KONTO (WooCommerce): menu po lewej z ikonami, treść po prawej, panel startowy, formularze, zamówienia, adresy
 * ===================================================================== */
.fs .fsa .woocommerce:has(>.woocommerce-MyAccount-navigation){display:grid;grid-template-columns:268px minmax(0,1fr);gap:0 40px;align-items:start}
.fs .fsa .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
.fs .woocommerce-MyAccount-navigation{float:none!important;width:auto!important;position:sticky;top:92px;padding:10px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.fs .woocommerce-MyAccount-navigation ul{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;margin:0;padding:0;list-style:none}
.fs .woocommerce-MyAccount-navigation li{margin:0;padding:0;border:0!important;background:none!important}
.fs .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:13px;padding:13px 15px;border:0!important;border-radius:13px;background:none!important;color:var(--mut)!important;font-size:15px;font-weight:700;line-height:1.2;transition:color .2s,background .2s}
.fs .woocommerce-MyAccount-navigation li a::before{content:"";width:20px;height:20px;flex:none;background:var(--mut);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;transition:background .2s}
.fs .woocommerce-MyAccount-navigation li a:hover{color:#fff!important;background:rgba(255,255,255,.05)!important}
.fs .woocommerce-MyAccount-navigation li a:hover::before,.fs .woocommerce-MyAccount-navigation li.is-active a::before{background:var(--cgh)}
.fs .woocommerce-MyAccount-navigation li.is-active a{color:#fff!important;background:linear-gradient(rgba(14,14,18,.9),rgba(14,14,18,.9)) padding-box,var(--cgh) border-box!important;border:1px solid transparent!important}
.fs .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)!important}
.fs .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{color:#fff!important}
.fs .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover::before{background:var(--red)}
.fs .woocommerce-MyAccount-navigation-link--dashboard a::before{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 4v16M12 4v16M19 4v16%22/%3E%3Cpath d=%22M3 9h4M10 15h4M17 8h4%22/%3E%3C/svg%3E")}
.fs .woocommerce-MyAccount-navigation-link--orders a::before{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 3v5h5M9 13h6M9 17h6%22/%3E%3C/svg%3E")}
.fs .woocommerce-MyAccount-navigation-link--downloads a::before{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 4v11M7.5 10.5L12 15l4.5-4.5M5 19.5h14%22/%3E%3C/svg%3E")}
.fs .woocommerce-MyAccount-navigation-link--edit-address a::before{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 11l8-7 8 7v9h-5v-6H9v6H4z%22/%3E%3C/svg%3E")}
.fs .woocommerce-MyAccount-navigation-link--payment-methods a::before{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%2210.5%22 width=%2214%22 height=%2210%22 rx=%222.5%22/%3E%3Cpath d=%22M8 10.5V8a4 4 0 0 1 8 0v2.5%22/%3E%3C/svg%3E")}
.fs .woocommerce-MyAccount-navigation-link--edit-account a::before{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath d=%22M4.5 20a7.5 7.5 0 0 1 15 0%22/%3E%3C/svg%3E")}
.fs .woocommerce-MyAccount-navigation-link--customer-logout a::before{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M15 8l4 4-4 4M19 12H9%22/%3E%3C/svg%3E")}
.fs .woocommerce-MyAccount-content{float:none!important;width:auto!important;min-width:0;color:#d8d8e8}
.fs .woocommerce-MyAccount-content>p{color:var(--mut);margin:0 0 18px}
.fs .woocommerce-MyAccount-content h2,.fs .woocommerce-MyAccount-content h3,.fs .woocommerce-MyAccount-content legend{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#fff;margin:0 0 16px}
.fs .woocommerce-MyAccount-content a:not(.button):not(.fx-card):not(.btn){color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}

/* panel startowy */
.fs .fsa-hi{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:30px;margin-bottom:20px;border:1px solid transparent;border-radius:20px;background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box}
.fs .fsa-hi h3{font-size:clamp(26px,3.4vw,36px);margin:0 0 8px}
.fs .fsa-hi p{margin:0;max-width:440px;color:var(--mut);font-size:15px}
.fs .fsa-stats{display:flex;gap:12px}
.fs .fsa-stats div{min-width:118px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-align:left}
.fs .fsa-stats b{display:block;font-size:30px;line-height:1;letter-spacing:-.03em;font-weight:800;color:#fff}
.fs .fsa-stats span{display:block;margin-top:7px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.fs .fsa .fx-cards{margin-top:0}
.fs .fsa-shop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;color:var(--mut);font-size:14px;font-weight:700}
.fs .fsa-shop span{margin-right:6px}
.fs .fsa-perks{margin-top:40px}

/* formularze: karta, dwie kolumny pól */
.fs .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,.fs .woocommerce-MyAccount-content form[method="post"]:not(.woocommerce-cart-form){padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.fs .woocommerce-EditAccountForm{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.fs .woocommerce-EditAccountForm .form-row-wide,.fs .woocommerce-EditAccountForm fieldset,.fs .woocommerce-EditAccountForm>p:not(.form-row),.fs .woocommerce-EditAccountForm .clear{grid-column:1/-1}
.fs .woocommerce-EditAccountForm .clear{display:none}
.fs .woocommerce-EditAccountForm fieldset{margin:8px 0 0;padding:22px 0 0;border:0;border-top:1px solid var(--line)}
.fs .woocommerce-EditAccountForm fieldset legend{padding:0 12px 0 0;float:left;width:100%;margin-bottom:16px}
.fs .woocommerce-EditAccountForm fieldset .form-row{clear:both}
.fs .woocommerce-EditAccountForm em{display:block;margin-top:6px;font-size:12.5px;font-style:normal;color:var(--mut)}
.fs .woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.fs .woocommerce-address-fields>p{margin-top:8px}
.fs .woocommerce-MyAccount-content .password-input{display:block;position:relative}
.fs .woocommerce-MyAccount-content .show-password-input{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer}

/* przyciski w koncie */
.fs .fsa .woocommerce a.button,.fs .fsa .woocommerce button.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:800;line-height:1;cursor:pointer;font-family:inherit}
.fs .fsa .woocommerce button[name="save_account_details"],.fs .fsa .woocommerce button[name="save_address"],.fs .fsa .woocommerce button[name="login"],.fs .fsa .woocommerce button[name="register"],.fs .fsa .woocommerce .woocommerce-info a.button,.fs .fsa .woocommerce a.button.woocommerce-Button{background:var(--cgh);background-origin:border-box;border:0;color:#fff;padding:0 28px;min-height:48px;box-shadow:0 4px 16px rgba(var(--acc-rgb),.35)}
.fs .fsa .woocommerce button[name="save_account_details"]:hover,.fs .fsa .woocommerce button[name="save_address"]:hover,.fs .fsa .woocommerce button[name="login"]:hover,.fs .fsa .woocommerce button[name="register"]:hover,.fs .fsa .woocommerce .woocommerce-info a.button:hover{background:var(--cgh);filter:brightness(1.1);border:0}

/* zamówienia i pliki */
.fs .woocommerce-MyAccount-content .woocommerce-orders-table{width:100%}
.fs .woocommerce-orders-table__cell-order-number a{font-weight:800;color:#fff!important;text-decoration:none!important}
.fs .woocommerce-orders-table__cell-order-actions .button{min-height:38px!important;padding:0 18px!important;margin:2px 4px 2px 0}
.fs .woocommerce-MyAccount-content .woocommerce-info{margin-bottom:0}

/* adresy */
.fs .woocommerce-Addresses{display:grid!important;grid-template-columns:1fr 1fr;gap:20px;width:100%}
.fs .woocommerce-Addresses .woocommerce-Address{float:none!important;width:auto!important;max-width:none!important;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.fs .woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.fs .woocommerce-Address-title h2,.fs .woocommerce-Address-title h3{margin:0;font-size:18px}
.fs .woocommerce-Address-title a.edit{float:none;padding:7px 14px;border:1px solid #44445a;border-radius:999px;font-size:12.5px;font-weight:800;color:#fff!important;text-decoration:none!important;transition:border-color .2s,background .2s}
.fs .woocommerce-Address-title a.edit:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.fs .woocommerce-Address address{padding:0;border:0;background:none}

@media(max-width:900px){
.fs .fsa .woocommerce:has(>.woocommerce-MyAccount-navigation){grid-template-columns:minmax(0,1fr);gap:22px 0}
.fs .woocommerce-MyAccount-navigation{position:static;padding:8px;overflow:hidden}
.fs .woocommerce-MyAccount-navigation ul{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:4px;scrollbar-width:none}
.fs .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
.fs .woocommerce-MyAccount-navigation li{flex:none}
.fs .woocommerce-MyAccount-navigation li a{white-space:nowrap;padding:11px 14px}
.fs .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin:0;padding:0;border-top:0!important}
}
@media(max-width:700px){
.fs .fsa-hi{padding:22px 18px}
.fs .fsa-stats{width:100%}.fs .fsa-stats div{flex:1;min-width:0}
.fs .woocommerce-EditAccountForm,.fs .woocommerce-address-fields__field-wrapper,.fs .woocommerce-Addresses{grid-template-columns:minmax(0,1fr)}
.fs .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,.fs .woocommerce-MyAccount-content form[method="post"]:not(.woocommerce-cart-form){padding:20px 16px}
.fs .woocommerce-orders-table thead{display:none}
.fs .woocommerce-orders-table,.fs .woocommerce-orders-table tbody{display:block;width:100%}
.fs .woocommerce-orders-table tr{display:block;padding:8px 16px;border-top:1px solid var(--line)}
.fs .woocommerce-orders-table tr:first-child{border-top:0}
.fs .woocommerce-orders-table td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0!important;border:0!important;text-align:right!important}
.fs .woocommerce-orders-table td::before{content:attr(data-title);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);text-align:left}
.fs .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before{display:none}
.fs .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{justify-content:flex-start;flex-wrap:wrap}
}




/* =====================================================================
 * NAGŁÓWEK PODSTRON (fs_x_banner): jak góra strony głównej — pigułka, biały tytuł z gradientowym ostatnim słowem, opis
 * ===================================================================== */
.fs .bn{position:relative;margin-bottom:40px}
.fs .bn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--g1),var(--g2) 35%,var(--g3) 60%,transparent 85%);opacity:.55}
.fs .bn-in{padding-top:60px;padding-bottom:44px}
.fs .bn-pill{margin-bottom:22px;color:#fff}
.fs .bn-t{margin:0;font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.045em;font-weight:800;color:#fff}
.fs .bn-t .gt{background:var(--cgh);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.04em}
.fs .bn-l{max-width:560px;margin:20px 0 0;font-size:18px;font-weight:500;line-height:1.55;color:var(--mut)}
.fs .bn .cx-steps{margin-top:28px}
.fs .bn-raw{padding-top:4px;padding-bottom:4px}
.fs .bn,.fs .bn *{font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-variant:normal!important;font-feature-settings:normal!important}
@media(max-width:900px){.fs .bn-in{padding-top:36px;padding-bottom:30px}.fs .bn-l{font-size:16.5px}.fs .bn{margin-bottom:28px}}

/* koszyk w headerze: gradientowa ramka po najechaniu */
.fs .cart-ic{border:1px solid transparent;background:linear-gradient(#000,#000) padding-box,#34343f border-box;transition:background .2s,transform .2s}
.fs .cart-ic:hover,.fs .cart-ic:focus-visible{border-color:transparent;background:linear-gradient(#08080c,#08080c) padding-box,var(--grad) border-box;transform:translateY(-1px)}


/* =====================================================================
 * MIX & MASTERING: oś „Od stemów do gotowego numeru”  |  STEMS GUIDE: kafelki specyfikacji i nawigacja po krokach
 * ===================================================================== */
.fs .pipe{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:10px}
.fs .pipe::before{content:"";position:absolute;left:12.5%;right:12.5%;top:36px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--g1),var(--g2),var(--g3));opacity:.75}
.fs .pipe-n{position:relative;text-align:center;padding:0 6px}
.fs .pipe-c{position:relative;width:74px;height:74px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box;box-shadow:0 0 30px color-mix(in srgb,var(--g2) 38%,transparent)}
.fs .pipe-c svg{width:30px;height:30px;margin:0}
.fs .pipe-k{margin-bottom:6px;font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--mut)}
.fs .pipe-n h4{margin:0 0 8px;font-size:20px;font-weight:800;letter-spacing:-.02em;color:#fff}
.fs .pipe-n p{margin:0 auto;max-width:236px;font-size:14.5px;line-height:1.5;color:var(--mut)}
.fs .pipe-t{display:inline-block;margin-top:16px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:12.5px;font-weight:700;color:#fff}
@media(max-width:820px){
.fs .pipe{grid-template-columns:minmax(0,1fr);gap:26px}
.fs .pipe::before{left:36px;right:auto;top:20px;bottom:20px;width:2px;height:auto;background:linear-gradient(180deg,var(--g1),var(--g2),var(--g3))}
.fs .pipe-n{display:grid;grid-template-columns:74px minmax(0,1fr);column-gap:18px;text-align:left;padding:0}
.fs .pipe-c{grid-row:1/5;margin:0}
.fs .pipe-n p{margin:0;max-width:none}
.fs .pipe-t{justify-self:start;margin-top:10px}
}

.fs .sg-quick{margin-top:-4px;margin-bottom:8px}
.fs .sg-q{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fs .sg-q>div{padding:24px 22px 20px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.fs .sg-q b{display:block;font-size:clamp(32px,3.6vw,46px);line-height:1;letter-spacing:-.045em;font-weight:800;background:var(--cgh);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.fs .sg-q span{display:block;margin-top:12px;font-size:15px;font-weight:800;color:#fff}
.fs .sg-q small{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--mut)}
.fs .sg-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.fs .sg-nav a{display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 10px;border-radius:999px;border:1px solid #34343f;font-size:13.5px;font-weight:700;color:#fff;transition:border-color .2s,background .2s}
.fs .sg-nav a i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cg);font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.02em;color:#fff}
.fs .sg-nav a:hover{border-color:transparent;background:linear-gradient(#08080c,#08080c) padding-box,var(--cgh) border-box;border:1px solid transparent}
.fs .sg-step{scroll-margin-top:96px}
@media(max-width:820px){.fs .sg-q{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.fs .sg-q{grid-template-columns:minmax(0,1fr)}}


/* MOJE KONTO — stałe rozmieszczenie kolumn (niezależne od dodatkowych elementów WooCommerce w kontenerze) */
.fs .fsa .woocommerce:has(>.woocommerce-MyAccount-navigation)>*{grid-column:1/-1}
.fs .fsa .woocommerce:has(>.woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-navigation{grid-column:1;grid-row:2}
.fs .fsa .woocommerce:has(>.woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-content{grid-column:2;grid-row:2}
@media(max-width:900px){
.fs .fsa .woocommerce:has(>.woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-navigation{grid-column:1;grid-row:2}
.fs .fsa .woocommerce:has(>.woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-content{grid-column:1;grid-row:3}
}


/* konto: link „Not you? Log out” i pigułki sklepu w gradientach kategorii (bez solo-fioletu) */
.fs .woocommerce-MyAccount-content .fsa-hi a.fsa-out{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}
.fs .woocommerce-MyAccount-content .fsa-hi a.fsa-out:hover{text-decoration-color:#fff}
.fs .fsa-shop a.btn{border:1px solid transparent;background:linear-gradient(#000,#000) padding-box,var(--cgh) border-box;color:#fff;text-decoration:none}
.fs .fsa-shop a.btn:hover{background:var(--cgh) border-box;border-color:transparent;color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--g2) 40%,transparent)}

/* ===== darmowy download: przycisk w wierszu, przycisk na stronie beatu, okienko z formularzem ===== */
@media(min-width:901px){.fs .br{--cols:56px minmax(150px,1.4fr) minmax(0,1.2fr) 76px 76px 34px 172px}}
.fs .fdl,.fs .fdl:hover,.fs .fdl:focus{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;border:0;box-shadow:none;transition:background .15s,transform .15s}
.fs .fdl:hover{background:rgba(255,255,255,.22);transform:scale(1.08)}
.fs .fdl:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fs .fdl svg{width:18px;height:18px}
.fs .bx-free-wrap{margin-top:10px}
.fs .bx-free,.fs .bx-free:hover,.fs .bx-free:focus{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s}
.fs .bx-free:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}
.fs .bx-free:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fs .bx-free em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.14)}
.fs .bx-free-note{margin:8px 4px 0;font-size:13px;color:var(--mut);text-align:center}
html.fsfd-lock{overflow:hidden}
.fs.fsfd{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:16px;background:transparent}
.fs.fsfd[hidden]{display:none}
.fs.fsfd .fsfd-bg{position:absolute;inset:0;background:rgba(0,0,0,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fs.fsfd .fsfd-box{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px 28px 26px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.fs.fsfd [hidden]{display:none!important}
.fs.fsfd .fsfd-x,.fs.fsfd .fsfd-x:hover,.fs.fsfd .fsfd-x:focus{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.fs.fsfd .fsfd-x:hover{background:rgba(255,255,255,.18)}
.fs.fsfd .fsfd-eb{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.fs.fsfd .fsfd-ti{margin:4px 0 6px;font-size:26px;line-height:1.2;font-weight:800;color:#fff;padding-right:34px}
.fs.fsfd .fsfd-sub{margin:0 0 18px;color:var(--mut);font-size:15px}
.fs.fsfd .fsfd-sub a{color:#fff;text-decoration:underline}
.fs.fsfd .fsfd-l{display:block;margin:0 0 12px;font-size:13px;font-weight:700;color:var(--mut)}
.fs.fsfd .fsfd-in{display:block;width:100%;height:50px;margin-top:6px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#07070a;color:#fff;font:inherit;font-size:16px;box-shadow:none}
.fs.fsfd .fsfd-in:focus{outline:0;border-color:var(--pur);box-shadow:0 0 0 3px rgba(var(--pur-rgb),.25)}
.fs.fsfd .fsfd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fs.fsfd .fsfd-ck{display:flex;gap:10px;align-items:flex-start;margin:4px 0 16px;font-size:13px;line-height:1.45;color:var(--mut);cursor:pointer}
.fs.fsfd .fsfd-ck input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--pur)}
.fs.fsfd .fsfd-ck a{color:#fff;text-decoration:underline}
.fs.fsfd .fsfd-go,.fs.fsfd .fsfd-go:hover,.fs.fsfd .fsfd-go:focus{display:flex;width:100%;align-items:center;justify-content:center;height:54px;padding:0 24px;border-radius:999px;font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.fs.fsfd .fsfd-go.loading{opacity:.65;pointer-events:none}
.fs.fsfd .fsfd-msg{margin:12px 0 0;font-size:14px;font-weight:600;color:var(--red)}
@media(max-width:560px){.fs.fsfd{align-items:end;padding:0}.fs.fsfd .fsfd-box{max-width:none;border-radius:20px 20px 0 0;padding:26px 20px calc(22px + env(safe-area-inset-bottom,0px))}}

/* ===== player na dole: przycisk Free download + bez białego znacznika pozycji i podkreślenia ===== */
.fsp-prog{--wl:0}
.fsp-prog:focus-visible{outline:0;box-shadow:none}
.fs.fsp .fsp-dl,.fs.fsp .fsp-dl:hover,.fs.fsp .fsp-dl:focus{gap:8px;font:inherit;font-size:13px;font-weight:800;color:#ffffffcc;cursor:pointer}
.fs.fsp .fsp-dl:hover{color:#fff;background:#ffffff14}
.fs.fsp .fsp-dl[hidden]{display:none}
.fs.fsp .fsp-dl svg{width:19px;height:19px;flex:none}
.fs.fsp .fsp-dll{display:none}
@media(min-width:1100px){
.fs.fsp .fsp-dl,.fs.fsp .fsp-dl:hover,.fs.fsp .fsp-dl:focus{width:auto;height:38px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.28);display:inline-flex;align-items:center}
.fs.fsp .fsp-dll{display:inline}}


/* ===== free download: ekran "Check your inbox" / "Your download is starting" ===== */
.fs.fsfd .fsfd-ok{text-align:center;display:flex;flex-direction:column;align-items:center;padding:6px 0 0}
.fs.fsfd .fsfd-ico{position:relative;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--grad);box-shadow:0 0 38px rgba(var(--pink-rgb),.38);margin:0 0 20px}
.fs.fsfd .fsfd-ico::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}
.fs.fsfd .fsfd-ico svg{display:block}
.fs.fsfd .fsfd-ok .fsfd-oeb{margin:0}
.fs.fsfd .fsfd-ok .fsfd-ti{margin:8px 0 12px;padding:0;font-size:28px}
.fs.fsfd .fsfd-ok .fsfd-sub{margin:0 0 24px;max-width:340px;line-height:1.55}
.fs.fsfd .fsfd-ok .fsfd-sub strong{color:#fff;font-weight:800;word-break:break-all}
.fs.fsfd .fsfd-mail,.fs.fsfd .fsfd-mail:hover,.fs.fsfd .fsfd-mail:focus{gap:10px;color:#fff;text-decoration:none}
.fs.fsfd .fsfd-mail .fsfd-mail-ar{opacity:.75;transition:transform .15s,opacity .15s}
.fs.fsfd .fsfd-mail:hover .fsfd-mail-ar{opacity:1;transform:translate(2px,-2px)}
.fs.fsfd .fsfd-ghost,.fs.fsfd .fsfd-ghost:focus{height:48px;background:transparent;border:1px solid var(--line);box-shadow:none;color:#fff;font-size:15px;font-weight:700;transition:background .15s,border-color .15s}
.fs.fsfd .fsfd-ghost:hover{background:rgba(255,255,255,.07);border-color:#44445a;box-shadow:none;color:#fff}
.fs.fsfd .fsfd-mail:not([hidden])+.fsfd-ghost{margin-top:10px}
@media(max-width:560px){.fs.fsfd .fsfd-ok .fsfd-ti{font-size:26px}}