/* Fabryka Szalika - motyw "strona jako szalik". Ladowany na stronie glownej, podstronach, 404, w sklepie i na liscie/wyszukiwarce. */
:root{
  --navy:#16284a; --cream:#f1e8d3; --sand:#e4d6b6; --green:#1d4a34; --bordo:#741a1d;
  --red:#ee2924; --ink:#222222; --mustard:#e2a92f; --floor:#161616; --paper:#fbf6e8;
  --tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='12' viewBox='0 0 10 12'%3E%3Cpath d='M1.6 1 5 10.5 8.4 1' fill='none' stroke='%23000' stroke-opacity='.26' stroke-width='3' stroke-linecap='round' transform='translate(0 1.3)'/%3E%3Cpath d='M1.6 1 5 10.5 8.4 1' fill='none' stroke='%23fff' stroke-opacity='.17' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
  --display:Impact,"Haettenschweiler","Franklin Gothic Heavy","Arial Narrow Bold","Arial Black",sans-serif;
  --slab:Rockwell,"Rockwell Nova","Roboto Slab","Bookman Old Style",Georgia,"Times New Roman",serif;
  --text:"Trebuchet MS","Gill Sans","Segoe UI",Verdana,sans-serif;
  --v:0;
}

/* ---------- baza dla naszych szablonow (strona glowna, podstrony, 404) ---------- */
body.fs{margin:0;background:var(--floor) repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px);color:var(--ink);font:17px/1.6 var(--text);overflow-x:clip}
body.fs *{box-sizing:border-box}
:where(body.fs) img{max-width:100%;display:block}
:where(body.fs) a{color:inherit}
:where(body.fs) :is(h1,h2,h3,p,ul,ol,figure){margin:0}
:where(body.fs) :is(ul,ol){padding:0;list-style:none}
html{scroll-behavior:smooth;scroll-padding-top:90px}
.fs :focus-visible,.fs-nav :focus-visible,.fs-foot :focus-visible{outline:3px solid #ffd24a;outline-offset:3px;box-shadow:0 0 0 6px #111}
.fs-skip{position:absolute;left:12px;top:-80px;z-index:100;background:#ffd24a;color:#111;padding:10px 16px;font-weight:700}
.fs-skip:focus{top:12px}
.fs-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.scarf{width:min(1040px,100%);margin:0 auto;position:relative;overflow-x:clip}
.band{position:relative;padding:56px clamp(26px,5vw,64px);background-color:var(--bg);color:var(--fg);box-shadow:0 10px 14px -8px rgba(0,0,0,.55)}
.band::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:var(--tex),linear-gradient(90deg,rgba(0,0,0,.22),transparent 7%,transparent 93%,rgba(0,0,0,.22)),linear-gradient(180deg,rgba(255,255,255,.12),transparent 6%,transparent 94%,rgba(0,0,0,.2))}
.band::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.32) 0 2px,rgba(255,255,255,.1) 2px 5px) left/11px 100% no-repeat,
             repeating-linear-gradient(0deg,rgba(0,0,0,.32) 0 2px,rgba(255,255,255,.1) 2px 5px) right/11px 100% no-repeat}
.band>*{position:relative;z-index:1}

/* Kolorystyka pasow: tlo, tekst, "podcien" (--shade) i polprzezroczysta podkladka pod tekstem */
.v-navy{--bg:var(--navy);--fg:var(--cream);--shade:#08122a}
.v-green{--bg:var(--green);--fg:var(--cream);--shade:#0a2418}
.v-bordo{--bg:var(--bordo);--fg:var(--cream);--shade:#3d0709}
.v-ink{--bg:var(--ink);--fg:var(--cream);--shade:#000}
.v-red{--bg:#b3201d;--fg:#fff;--shade:#4d0807}
.v-cream{--bg:var(--cream);--fg:var(--ink);--shade:#fff9e8}

/* CZYTELNOSC: napisy lezace bezposrednio na dzianinie dostaja podcien w kolorze pasa,
   a akapity - miekka podkladke w kolorze pasa, zeby oczka nie przebijaly spod liter. */
.band :is(h1,h2,.lead){text-shadow:0 1px 0 var(--shade),0 2px 0 var(--shade),0 0 3px var(--shade),0 0 8px var(--shade),0 0 16px var(--shade)}
.band .lead,.band .tx{
  background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 86%,transparent) 0,color-mix(in srgb,var(--bg) 78%,transparent) 82%,transparent 100%);
  padding:.45em 1em .45em .7em;margin-left:-.7em;border-radius:3px}
.v-cream :is(h1,h2,.lead){text-shadow:0 1px 0 var(--shade),0 0 4px var(--shade),0 0 10px var(--shade)}

:where(body.fs) h2{font:800 clamp(1.9rem,4.6vw,3rem)/1.05 var(--slab);letter-spacing:-.01em}
.kicker{font:400 1rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;display:inline-block;padding:6px 10px 5px;background:var(--fg);color:var(--bg);text-shadow:none}
.lead{font-size:1.1rem;max-width:34em;margin-top:16px}

/* paski miedzy sekcjami */
.sep{height:var(--h);position:relative;background:var(--g);box-shadow:0 6px 8px -4px rgba(0,0,0,.5)}
.sep::before{content:"";position:absolute;inset:0;background:var(--tex),linear-gradient(90deg,rgba(0,0,0,.25),transparent 7%,transparent 93%,rgba(0,0,0,.25))}
.sepA{--h:76px;--g:linear-gradient(180deg,#ee2924 0 16px,var(--cream) 16px 22px,#16284a 22px 48px,var(--cream) 48px 54px,#ee2924 54px 76px)}
.sepB{--h:58px;--g:linear-gradient(180deg,var(--mustard) 0 10px,var(--ink) 10px 18px,var(--cream) 18px 40px,var(--ink) 40px 48px,var(--mustard) 48px 58px)}
.sepC{--h:70px;--g:linear-gradient(180deg,var(--cream) 0 8px,var(--green) 8px 30px,var(--cream) 30px 38px,var(--green) 38px 44px,var(--cream) 44px 52px,var(--bordo) 52px 70px)}
.sepD{--h:64px;--g:linear-gradient(180deg,var(--bordo) 0 14px,var(--mustard) 14px 20px,var(--cream) 20px 44px,var(--mustard) 44px 50px,var(--ink) 50px 64px)}
.sepE{--h:60px;--g:linear-gradient(180deg,var(--navy) 0 12px,var(--cream) 12px 18px,var(--red) 18px 42px,var(--cream) 42px 48px,var(--navy) 48px 60px)}

/* frendzle */
.fringe{display:block;width:100%;height:84px;transform-origin:top}
.fringe-top{transform:scaleY(-1);transform-origin:center;animation:swayT 7s ease-in-out infinite alternate}
.fringe-bot{animation:swayB 8s ease-in-out infinite alternate}
@keyframes swayB{from{transform:skewX(-.8deg)}to{transform:skewX(.8deg)}}
@keyframes swayT{from{transform:scaleY(-1) skewX(.8deg)}to{transform:scaleY(-1) skewX(-.8deg)}}
.fr-wrap{width:min(1040px,100%);margin:0 auto;overflow:hidden;padding:0 11px}

/* ---------- pasek nawigacji (wspolny: nasze szablony, sklep, lista) ---------- */
.fs-nav{--v:0;width:min(1040px,100%);margin:0 auto;position:sticky;top:0;z-index:50;background-color:var(--ink);color:var(--cream);box-shadow:0 8px 14px -6px rgba(0,0,0,.65);font:17px/1.6 var(--text)}
.fs-nav *{box-sizing:border-box}
.fs-nav::before{content:"";position:absolute;inset:0;background:var(--tex),linear-gradient(90deg,rgba(0,0,0,.3),transparent 6%,transparent 94%,rgba(0,0,0,.3));pointer-events:none}
.fs-nav-in{position:relative;display:flex;align-items:center;gap:18px;max-width:1040px;margin:0 auto;padding:10px clamp(22px,4vw,44px);transform-origin:top center;transform:scaleY(calc(1 - var(--v)*.14));transition:padding .25s}
.fs-nav.small .fs-nav-in{padding-top:5px;padding-bottom:5px}
.fs-nav::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:calc(var(--v)*.9);
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.55) 0 3px,rgba(255,255,255,.14) 3px 5px,transparent 5px 20px)}
.fs-hem{position:absolute;left:0;right:0;bottom:0;height:7px;background:repeating-linear-gradient(90deg,rgba(241,232,211,.35) 0 8px,transparent 8px 14px)}
.fs-hem i{position:absolute;left:0;top:0;bottom:0;width:var(--sp,0%);background:repeating-linear-gradient(90deg,var(--red) 0 8px,transparent 8px 14px);box-shadow:0 0 10px var(--red)}
.fs-logo{display:block;text-decoration:none;color:#fff;font:400 1.15rem/.95 var(--display);letter-spacing:.09em;text-transform:uppercase;padding:7px 12px 6px;position:relative;flex:none;
  background:var(--red) var(--tex);outline:2px dashed rgba(255,255,255,.75);outline-offset:-5px;box-shadow:0 2px 0 #7e100e,2px 3px 6px rgba(0,0,0,.5)}
.fs-logo small{display:block;font:inherit;font-size:.82em;letter-spacing:.34em;color:#ffe3a0}
.fs-links{display:flex;flex-wrap:wrap;gap:2px 6px;margin-left:auto;justify-content:flex-end}
.fs-links a{display:block;padding:7px 11px;text-decoration:none;color:var(--cream);font:700 .86rem/1 var(--text);letter-spacing:.07em;text-transform:uppercase;transform:scaleX(calc(1 + var(--v)*.08));position:relative}
.fs-links a::after{content:"";position:absolute;left:11px;right:11px;bottom:1px;height:3px;background:repeating-linear-gradient(90deg,var(--red) 0 5px,transparent 5px 8px);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.fs-links a:hover::after,.fs-links a:focus-visible::after,.fs-links a[aria-current]::after{transform:scaleX(1)}
.fs-links a.cart{background:var(--cream);color:var(--ink)}
.fs-menu-btn{display:none;margin-left:auto;background:var(--cream);color:var(--ink);border:0;font:400 1.05rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;padding:10px 14px;cursor:pointer}

body .fs-nav .fs-links a{color:var(--cream)}
body .fs-nav .fs-links a.cart{color:var(--ink)}
body .fs-nav a.fs-logo{color:#fff}

/* ---------- strona glowna ---------- */
.hero{padding-top:44px;padding-bottom:40px;z-index:2}
.hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px;align-items:start}
.tag{display:inline-block;font:400 .95rem/1.3 var(--display);letter-spacing:.14em;text-transform:uppercase;background:var(--cream);color:var(--ink);padding:8px 14px 7px;transform:rotate(-1.6deg);box-shadow:0 3px 0 rgba(0,0,0,.35);outline:2px dashed var(--ink);outline-offset:-5px;margin-bottom:22px}
.hero h1{font:400 clamp(3rem,10.5vw,6.6rem)/.92 var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--cream);text-shadow:0 2px 0 #0a1428,0 5px 0 rgba(0,0,0,.28),0 0 14px var(--shade)}
.hero h1 span{display:block}
.hero h1 .mark{display:inline-block;background:var(--red) var(--tex);color:#fff;padding:.02em .16em 0;margin-top:.08em;text-shadow:0 2px 0 #7e100e;box-shadow:0 4px 0 #7e100e;transform:rotate(-1.2deg);outline:2px dashed rgba(255,255,255,.7);outline-offset:-6px}
.ctas{margin-top:30px;display:grid;gap:14px;max-width:30rem}
.ribbon{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:var(--cream);color:var(--ink);text-decoration:none;font:400 1.3rem/1.1 var(--display);letter-spacing:.07em;text-transform:uppercase;text-shadow:none;outline:2px dashed var(--ink);outline-offset:-7px;box-shadow:0 4px 0 rgba(0,0,0,.4);transition:transform .2s,background .2s}
a.ribbon:hover{background:var(--mustard);transform:translateY(-2px)}
.ribbon b{font-weight:400;display:inline-block;transition:transform .25s}
.ribbon:hover b{transform:translateX(7px)}
.tlink{font-weight:700;text-underline-offset:5px;text-decoration-thickness:2px;text-decoration-style:dashed}
.band .tlink{text-shadow:0 1px 0 var(--shade),0 0 6px var(--shade)}
.patch{position:relative;background:var(--cream);padding:12px 12px 14px;transform:rotate(2deg);box-shadow:0 10px 18px rgba(0,0,0,.5);outline:2px dashed #7a7468;outline-offset:-6px;color:var(--ink)}
.patch img{width:100%;height:auto;aspect-ratio:1024/578;background:#2c3c5e;object-fit:cover}
.patch figcaption{font:400 .9rem/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);padding-top:10px;text-shadow:none}
.hero .patch{margin-bottom:-110px}

.steps-sec{padding-top:80px}
.steps-sec h2{max-width:14em}
.steps{margin:34px calc(-1*clamp(26px,5vw,64px)) 0;display:grid;gap:10px}
.step{--p:1;position:relative;padding:16px 0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 1px,transparent 1px 5px),var(--sand);box-shadow:inset 0 3px 5px rgba(0,0,0,.22)}
.js .step{--p:0}
.fill{position:absolute;inset:0;background:var(--tex),linear-gradient(180deg,rgba(255,255,255,.14),transparent 20%,transparent 80%,rgba(0,0,0,.25)),var(--c);clip-path:inset(0 calc((1 - var(--p))*100%) 0 0)}
.step::after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--p)*100%);width:14px;margin-left:-14px;background:repeating-linear-gradient(180deg,rgba(0,0,0,.45) 0 7px,transparent 7px 11px);opacity:calc(var(--p)*(1 - var(--p))*4);pointer-events:none}
.plate{position:relative;z-index:1;margin-left:calc(clamp(26px,5vw,64px) + 8px);width:min(25rem,calc(100% - clamp(26px,5vw,64px) - 30px));background:var(--cream);color:var(--ink);padding:14px 20px 15px;box-shadow:0 4px 0 rgba(0,0,0,.28);outline:2px dashed var(--ink);outline-offset:-6px}
.plate h3{font:400 clamp(1.6rem,4vw,2.2rem)/1 var(--display);text-transform:uppercase;letter-spacing:.06em}
.plate p{font-size:.98rem;margin-top:3px}
.step:nth-child(even) .plate{margin-left:auto;margin-right:calc(clamp(26px,5vw,64px) + 8px)}
.steps-links{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}
.steps-links .ribbon{background:var(--ink);color:var(--cream);outline-color:var(--cream)}
.steps-links a.ribbon:hover{background:var(--red);color:#fff}

.real-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center}
.real .patch{transform:rotate(-2deg)}
.bars{margin-top:26px;display:grid;gap:12px}
.ravel{display:flex;align-items:stretch;text-decoration:none;background:rgba(0,0,0,.28);min-height:58px;box-shadow:inset 0 2px 4px rgba(0,0,0,.4);transition:transform .25s}
.ravel .tab{flex:none;width:var(--tw,64px);background-image:var(--tex),linear-gradient(90deg,var(--c) 0 58%,transparent 58%);background-size:10px 12px,7px 100%;background-repeat:repeat,repeat-x;transition:background-size .55s cubic-bezier(.3,.9,.3,1)}
.ravel:hover .tab,.ravel:focus-visible .tab{background-size:10px 12px,17px 100%}
.ravel:hover,.ravel:focus-visible{transform:translateX(6px)}
.ravel span.t{padding:14px 18px;font:400 1.35rem/1.15 var(--display);text-transform:uppercase;letter-spacing:.06em;align-self:center;text-shadow:0 1px 0 var(--shade)}
.ravel em{font-style:normal;margin-left:auto;align-self:center;padding-right:16px;font-size:1.3rem}
.real .links,.prod .links{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center}
.real .ribbon{background:var(--cream)}

.prod-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;margin-top:34px;align-items:start}
.hang{position:relative;background:var(--cream);color:var(--ink);padding:54px 22px 24px;box-shadow:0 12px 20px rgba(0,0,0,.45);outline:2px dashed #8d8670;outline-offset:-8px;transform-origin:50% 0}
.hang::before{content:"";position:absolute;left:50%;top:14px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--bordo);box-shadow:inset 0 3px 4px rgba(0,0,0,.6)}
.hang::after{content:"";position:absolute;left:50%;top:-34px;width:3px;height:56px;margin-left:-1px;background:var(--mustard);transform:rotate(8deg);transform-origin:bottom}
.hang.h1{transform:rotate(-2.2deg)}
.hang.h2{transform:rotate(1.5deg);margin-top:30px}
.hang:hover{animation:swing 1.6s ease-out}
@keyframes swing{0%,100%{rotate:0deg}20%{rotate:2.6deg}45%{rotate:-1.8deg}70%{rotate:.9deg}}
.hang img{width:100%;height:auto;background:#d8cdb2;aspect-ratio:4/3;object-fit:contain}
.hang h3{font:800 1.6rem/1.1 var(--slab);margin-top:16px}
.hang p{margin-top:6px}
.price,.free{display:inline-block;margin-top:12px;background:var(--ink);color:var(--cream);font:400 1.45rem/1 var(--display);letter-spacing:.06em;padding:9px 14px 7px;text-transform:uppercase}
.free{background:var(--green)}
.hang .tlink{display:inline-block;margin-top:14px;margin-left:4px;text-shadow:none}
.prod .links{margin-top:46px}

.glist{margin-top:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 30px}
.glist li:nth-child(3n+1) .ravel{--tw:92px}
.glist li:nth-child(3n+2) .ravel{--tw:44px}
.glist .ravel{background:rgba(0,0,0,.09);box-shadow:inset 0 2px 3px rgba(0,0,0,.16);min-height:64px}
.glist .ravel span.t{font:700 1.04rem/1.25 var(--text);text-transform:none;letter-spacing:0;padding:12px 14px;text-shadow:none}
.glist li:nth-child(8n+1) .ravel{--c:var(--red)} .glist li:nth-child(8n+2) .ravel{--c:var(--navy)}
.glist li:nth-child(8n+3) .ravel{--c:var(--green)} .glist li:nth-child(8n+4) .ravel{--c:var(--mustard)}
.glist li:nth-child(8n+5) .ravel{--c:var(--bordo)} .glist li:nth-child(8n+6) .ravel{--c:var(--ink)}
.glist li:nth-child(8n+7) .ravel{--c:var(--red)} .glist li:nth-child(8n+8) .ravel{--c:var(--navy)}
.glist .ravel em{font-family:var(--display)}
.band.on-dark .glist .ravel{background:rgba(0,0,0,.28);box-shadow:inset 0 2px 4px rgba(0,0,0,.4)}
.band.on-dark .glist .ravel span.t{text-shadow:0 1px 0 var(--shade)}

/* ---------- podstrony ---------- */
.page-hero{padding-top:52px;padding-bottom:50px}
.crumbs{margin-bottom:14px}
.crumbs a{text-decoration:none}
.page-hero h1{font:400 clamp(2.4rem,7.4vw,4.6rem)/.98 var(--display);text-transform:uppercase;letter-spacing:.012em;max-width:16em}
.page-hero .lead{max-width:38em}
.sheet{position:relative;background:var(--paper);color:#26231d;padding:46px clamp(26px,5vw,64px) 56px;box-shadow:0 10px 14px -8px rgba(0,0,0,.55)}
.sheet::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(80,60,20,.045) 0 1px,transparent 1px 6px)}
.sheet::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0 2px,rgba(255,255,255,.4) 2px 5px) left/11px 100% no-repeat,
             repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0 2px,rgba(255,255,255,.4) 2px 5px) right/11px 100% no-repeat}
.sheet>*{position:relative;z-index:1}
.entry{max-width:46rem;margin:0 auto;font-size:1.05rem;line-height:1.72}
.entry>*+*{margin-top:1.05em}
.entry h1,.entry h2{font:800 clamp(1.55rem,3.6vw,2.15rem)/1.12 var(--slab);color:var(--navy);margin-top:1.7em;padding-bottom:.4em;background:repeating-linear-gradient(90deg,var(--red) 0 10px,transparent 10px 15px) left bottom/100% 4px no-repeat}
.entry>h1:first-child,.entry>h2:first-child{margin-top:0}
.entry h3{font:800 1.28rem/1.2 var(--slab);color:var(--bordo);margin-top:1.5em}
.entry h4,.entry h5{font:700 1.05rem/1.3 var(--text);text-transform:uppercase;letter-spacing:.08em;margin-top:1.3em}
.entry a{color:#a3140f;text-decoration-style:dashed;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:700}
.entry a:hover{color:var(--navy);background:rgba(226,169,47,.28)}
.entry ul{list-style:none;padding-left:0}
.entry ul>li{position:relative;padding-left:1.7em}
.entry ul>li+li{margin-top:.4em}
.entry ul>li::before{content:"";position:absolute;left:.15em;top:.55em;width:.8em;height:.8em;background:var(--red) var(--tex);transform:rotate(45deg);box-shadow:0 1px 0 rgba(0,0,0,.35)}
.entry ol{list-style:none;counter-reset:krok;padding-left:0}
.entry ol>li{counter-increment:krok;position:relative;padding-left:2.7em;min-height:2em}
.entry ol>li+li{margin-top:.7em}
.entry ol>li::before{content:counter(krok);position:absolute;left:0;top:-.05em;width:1.95em;height:1.95em;display:grid;place-items:center;border-radius:50%;background:var(--navy) var(--tex);color:var(--cream);font:400 1.1rem/1 var(--display);box-shadow:0 2px 0 rgba(0,0,0,.35),inset 0 0 0 2px rgba(241,232,211,.45)}
.entry img{height:auto;border:8px solid #fff;outline:2px dashed #b5ab92;outline-offset:-4px;box-shadow:0 6px 14px rgba(40,30,10,.35);background:#d3c9ae}
.entry p>img,.entry figure img{margin-inline:auto}
.entry .wp-caption{background:#fff;padding:8px 8px 4px;box-shadow:0 6px 14px rgba(40,30,10,.3);outline:2px dashed #b5ab92;outline-offset:-4px}
.entry .wp-caption img{border:0;outline:0;box-shadow:none}
.entry .wp-caption figcaption,.entry figcaption{font:400 .9rem/1.3 var(--display);text-transform:uppercase;letter-spacing:.1em;color:#5b5444;text-align:center;padding:8px 4px 6px}
.entry blockquote{margin-inline:0;padding:16px 22px;background:var(--cream);box-shadow:0 3px 0 rgba(0,0,0,.2);outline:2px dashed #8d8670;outline-offset:-6px;font-family:var(--slab);font-size:1.1rem}
.entry table{width:100%;border-collapse:collapse;font-size:.98rem;background:#fff;box-shadow:0 4px 10px rgba(40,30,10,.25)}
.entry th{background:var(--navy) var(--tex);color:var(--cream);font:400 1rem/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:10px 12px}
.entry td{padding:9px 12px;border-bottom:1px solid #e1d8c0}
.entry tr:nth-child(even) td{background:#faf3df}
.entry hr{border:0;height:10px;background:repeating-linear-gradient(90deg,var(--red) 0 8px,transparent 8px 14px)}
.entry strong,.entry b{color:#1a1a1a}
.entry iframe,.entry video{max-width:100%}
.entry .alignleft{float:left;margin:.3em 1.4em 1em 0}
.entry .alignright{float:right;margin:.3em 0 1em 1.4em}
.entry .aligncenter{margin-inline:auto}
.entry::after{content:"";display:block;clear:both}
.entry [style*="text-align: center"],.entry [style*="text-align:center"]{text-align:center}

.next-sec .glist{margin-top:26px}
.cta-sec .cta-in{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;justify-content:space-between}
.cta-sec h2{max-width:14em}
.cta-sec .ctas{margin-top:0}

/* ---------- 404 ---------- */
.err-wrap{padding:90px clamp(26px,5vw,64px) 44px}
.err-code{font:400 clamp(5rem,22vw,11rem)/.9 var(--display);letter-spacing:.02em;color:var(--cream)}

/* ---------- stopka ---------- */
.fs-foot{padding-bottom:40px}
.fs-foot{padding-top:44px;width:min(1040px,100%);margin:0 auto}
.fs-foot-in{display:grid;gap:32px;align-content:start}
.fs-foot-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 36px}
.fs-foot-name{font:400 clamp(1.7rem,3.6vw,2.4rem)/1 var(--slab);letter-spacing:.01em;flex:1 1 100%;text-shadow:0 1px 0 var(--shade),0 0 8px var(--shade)}
.fs-foot-head .lead{margin:0;flex:1 1 20rem}
.fs-foot-head .fb{margin-top:0;align-self:flex-start}
.fs-foot-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.fs-foot h3{font:400 1.05rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--mustard);margin-bottom:12px;text-shadow:0 1px 0 #000}
.fs-foot li+li{margin-top:6px}
.fs-foot a{text-underline-offset:4px}
.fs-foot .fb{display:inline-block;margin-top:18px;padding:10px 16px;background:var(--cream);color:var(--ink);font-weight:700;text-decoration:none;outline:2px dashed var(--ink);outline-offset:-5px;text-shadow:none}
.fs-foot .fb:hover{background:var(--mustard)}
.fs-foot small{display:block;margin-top:6px;opacity:.75}
.hemline{width:min(1040px,100%);margin:0 auto;height:34px;background:linear-gradient(180deg,var(--red) 0 12px,var(--cream) 12px 17px,var(--red) 17px 34px)}

/* ---------- SKORKA DLA SKLEPU I LISTY (moduly renderowane przez silnik: wspolny pasek + dopasowane kolory) ---------- */
body.sklep-theme,body.podstrona{background:var(--floor) repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px)}
body.sklep-theme .sklep-wrap,body.podstrona main{width:min(1040px,100%);margin:0 auto;color:#26231d;padding:34px clamp(26px,5vw,64px) 54px;position:relative;box-shadow:0 10px 14px -8px rgba(0,0,0,.55);
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0 2px,rgba(255,255,255,.4) 2px 5px) left/11px 100% no-repeat,
             repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0 2px,rgba(255,255,255,.4) 2px 5px) right/11px 100% no-repeat,var(--paper)}
body.sklep-theme h1,body.podstrona main h1{font:400 clamp(2.2rem,6vw,3.6rem)/1 var(--display);text-transform:uppercase;letter-spacing:.012em;color:var(--navy)}
body.sklep-theme h2,body.sklep-theme h3{font-family:var(--slab);color:var(--navy)}
body.sklep-theme .sklep-button,body.sklep-theme button.sklep-button,body.sklep-theme .sklep-wrap button[type=submit]{background:var(--red) var(--tex);color:#fff;border:0;border-radius:0;font:400 1.15rem/1.1 var(--display);letter-spacing:.07em;text-transform:uppercase;padding:13px 18px;outline:2px dashed rgba(255,255,255,.75);outline-offset:-6px;box-shadow:0 3px 0 #7e100e;cursor:pointer;text-decoration:none}
body.sklep-theme .sklep-button,body.sklep-theme .sklep-wrap button[type=submit]{white-space:normal;text-align:center;font-size:1rem;letter-spacing:.04em;padding:12px 16px;min-width:9em}
body.sklep-theme .sklep-button--drugorzedny{background:var(--cream);color:var(--ink);outline-color:var(--ink);box-shadow:0 3px 0 rgba(0,0,0,.3)}
body.sklep-theme .sklep-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
body.sklep-theme .produkt-karta{background:#fff;border:0;border-radius:0;box-shadow:0 8px 16px rgba(40,30,10,.3);outline:2px dashed #b5ab92;outline-offset:-7px}
body.sklep-theme .produkt-karta h2{font-size:1.3rem}
body.sklep-theme .produkt-karta h2 a{color:var(--navy);text-decoration:none}
body.sklep-theme .cena,body.sklep-theme ins{background:none;color:var(--bordo);font:400 1.35rem/1 var(--display);letter-spacing:.05em;text-decoration:none}
body.sklep-theme a{color:#a3140f}
body.sklep-theme input,body.sklep-theme select,body.sklep-theme textarea{border-radius:0;border:2px solid #b5ab92;background:#fff;font-family:var(--text)}
body.sklep-theme input:focus,body.sklep-theme select:focus,body.sklep-theme textarea:focus{outline:3px solid #ffd24a;outline-offset:1px}
body.sklep-theme .sklep-okruszki a{color:var(--navy)}
body.sklep-theme fieldset{border:2px dashed #b5ab92;border-radius:0}
body.sklep-theme,body.podstrona{padding-bottom:70px}



/* stopka jest jedna dla calej witryny - style sklepu/listy jej nie przebarwiaja */
html body .fs-foot a{color:var(--cream)}
html body .fs-foot a.fb{color:var(--ink)}
html body .fs-foot h3{font:400 1.05rem/1 var(--display);color:var(--mustard)}
html body .fs-foot ul{list-style:none;margin:0;padding:0}
html body .fs-foot li{list-style:none}
html body .fs-foot p{margin:0}
html body .fs-foot .fs-foot-name{font:400 clamp(1.7rem,3.6vw,2.4rem)/1 var(--slab);color:var(--cream)}

/* ---------- responsywnosc ---------- */
@media (max-width:900px){
  .hero-in,.real-in,.prod-grid{grid-template-columns:minmax(0,1fr)}
  .hero .patch{margin-bottom:0;max-width:520px;transform:rotate(1.2deg)}
  .real .patch{max-width:520px}
  .glist{grid-template-columns:minmax(0,1fr)}
  .hang.h2{margin-top:10px}
}
@media (max-width:820px){
  .js .fs-menu-btn{display:block}
  .js .fs-links{display:none;position:absolute;left:0;right:0;top:100%;margin:0;background:var(--ink);flex-direction:column;padding:10px 14px 16px;box-shadow:0 12px 14px rgba(0,0,0,.5);border-top:3px dashed var(--red)}
  .js .fs-nav.open .fs-links{display:flex}
  .fs-links a{padding:13px 8px;font-size:.95rem}
  .fs-links{margin-left:0;flex:1}
  .fs-nav-in{flex-wrap:wrap}
}
@media (max-width:520px){
  body.fs{font-size:16px}
  .band{padding-top:44px;padding-bottom:48px}
  .fs-foot-cols{grid-template-columns:minmax(0,1fr)}
  .fs-logo{font-size:1rem}
  .plate{width:calc(100% - 52px);margin-left:34px!important;margin-right:0!important}
  .steps{margin-left:-26px;margin-right:-26px}
  .ribbon{font-size:1.15rem}
  .entry{font-size:1rem}
  .entry .alignleft,.entry .alignright{float:none;margin:1em auto}
  .sheet{padding-top:34px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .fs-nav-in,.fs-links a{transform:none!important}
  .step{--p:1!important}
}