/* ==========================================================================
   WILKOR, arkusz glowny. Granat bohaterem, zloto akcentem, krem daje oddech.
   Kolejnosc: fonty, tokeny, baza, naglowek, komponenty, podstrony, stopka.
   ========================================================================== */

/* ---------- fonty ---------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cinzel-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cinzel-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}

/* ---------- tokeny ---------- */
:root{
  --f-head:'Manrope','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-mark:'Cinzel',Georgia,serif;
  --granat-900:#211453; --granat-700:#143A84; --granat-500:#164194;
  --zloto-500:#FCCB00; --zloto-300:#FCE99A; --brąz-zloty:#C9961A;
  --krem:#F6F1E7;
  --ink:#14122B; --ink-2:rgba(20,18,43,.72); --ink-3:rgba(20,18,43,.5);
  --navy:#211453; --navy-2:#164194; --gold:#FCCB00; --gold-line:rgba(252,203,0,.55);
  --line:#E9E8EE; --line-2:#DCDAE4; --soft:#F7F7FA;
  --r:0px; --r-sm:0px;
  --sh-hover:0 18px 40px -18px rgba(20,18,43,.22), 0 2px 6px -2px rgba(20,18,43,.06);
  --ease:cubic-bezier(.2,.7,.2,1);
  --hdr-h:96px;
}

/* ---------- baza ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6}
img{max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.wrap{width:min(1180px, calc(100% - 2*clamp(20px,5vw,56px)));margin:0 auto}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;z-index:60;background:#fff;padding:12px 16px;border:2px solid var(--navy)}

h1,h2,h3,h4{font-family:var(--f-head);font-weight:700;line-height:1.08;letter-spacing:-.025em;margin:0;color:var(--ink)}
h1{font-size:clamp(34px,4.4vw,56px);letter-spacing:-.03em}
h2{font-size:clamp(28px,3.2vw,40px);max-width:22ch}
h3{font-size:20px;letter-spacing:-.015em}
.lead{font-size:clamp(16px,1.15vw,18px);line-height:1.65;color:var(--ink-2);max-width:56ch;margin:0}
.sub{margin:12px 0 0;font-size:15px;color:var(--ink-2);max-width:60ch}
.eyebrow{font-weight:700;letter-spacing:.16em;font-size:11.5px;text-transform:uppercase;color:var(--navy);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--gold)}
.mark{font-family:var(--f-mark);letter-spacing:.12em;text-transform:uppercase}

.sec{padding:clamp(56px,9vw,128px) 0;border-top:1px solid var(--line)}
.sec.soft{background:var(--soft);border-top:0}
.sec.dark{background:var(--granat-900);color:#fff;border-top:0}
.dark h1,.dark h2,.dark h3{color:#fff}
.dark .lead{color:rgba(255,255,255,.75)}
.dark .eyebrow{color:#fff}
.sec-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,4vw,48px)}
@media (max-width:720px){.sec-head{flex-direction:column;align-items:flex-start;gap:10px}h2{max-width:none}}

.orn{display:flex;justify-content:flex-start}
.orn.center{justify-content:center;margin:0 0 20px}
.orn .logo-paw{width:150px;height:auto;opacity:.9}
.divider{display:flex;align-items:center;gap:18px;margin:0 0 clamp(28px,4vw,48px)}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line))}
.divider::after{background:linear-gradient(90deg,var(--gold-line),transparent)}
.divider .logo-paw{width:130px;height:auto;flex:none}
.wm{position:absolute;pointer-events:none;z-index:0}
.wm .logo-head-w{width:100%;height:auto;opacity:.07}

.more{font-weight:600;font-size:14.5px;color:var(--ink);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.more::after{content:"→";transition:transform .25s var(--ease)}
.more:hover::after{transform:translateX(4px)}
.dark .more{color:#fff}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f-body);font-weight:600;font-size:15px;padding:14px 22px;text-decoration:none;border:1px solid transparent;transition:transform .25s var(--ease),background .2s,color .2s,border-color .2s;cursor:pointer;line-height:1}
.btn.gold{background:var(--gold);color:var(--navy)}
.btn.gold:hover{background:#FFD633;transform:translateY(-1px)}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.35)}
.btn.ghost:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.6);transform:translateY(-1px)}
.btn.navy{background:var(--navy);color:#fff}
.btn.navy:hover{background:var(--navy-2);transform:translateY(-1px)}
.btn.line{background:#fff;color:var(--ink);border-color:var(--line-2)}
.btn.line:hover{border-color:var(--ink);transform:translateY(-1px)}

/* ---------- pasek + naglowek ---------- */
.bar{background:var(--granat-900);color:rgba(246,241,231,.82);font-size:12.5px;text-align:center;padding:8px 16px}
.bar span + span::before{content:"·";margin:0 12px;color:var(--zloto-500)}
@media (max-width:640px){.bar span:nth-child(3){display:none}}

.hdr{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:2px solid var(--gold)}
.hdr-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,3vw,40px);padding:8px clamp(20px,5vw,56px);width:min(1180px + 2*clamp(20px,5vw,56px),100%);margin:0 auto}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand img{height:96px;width:auto;display:block}
@media (max-width:900px){.brand img{height:64px}}
.mainnav{display:flex;justify-content:center;gap:clamp(18px,2.6vw,34px);font-weight:500;font-size:15px}
.mainnav a{position:relative;text-decoration:none;color:var(--ink-2);padding:10px 0;transition:color .2s}
.mainnav a:hover{color:var(--ink)}
.mainnav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.mainnav a:hover::after,.mainnav .current-menu-item a::after,.mainnav .current_page_item a::after{transform:scaleX(1)}
.mainnav .current-menu-item a,.mainnav .current_page_item a{color:var(--ink);font-weight:600}
.mainnav ul{list-style:none;display:flex;gap:inherit;margin:0;padding:0}
.hdr .acts{display:flex;align-items:center;gap:4px}
.hdr .acts a,.hdr .menu-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;text-decoration:none;color:var(--ink-2);font-size:13.5px;font-weight:500;border:1px solid transparent;background:none;cursor:pointer;font-family:inherit;transition:background .2s,color .2s}
.hdr .acts a:hover,.hdr .menu-btn:hover{background:var(--soft);color:var(--ink)}
.hdr .acts svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hdr .acts .cnt{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;background:var(--gold);color:var(--navy);font-size:11px;font-weight:700}
.hdr .menu-btn{display:none}
.mnav{display:none}
@media (max-width:900px){
  .hdr-top{gap:12px;padding:8px 16px}
  .mainnav{display:none}
  .hdr .acts a span.t{display:none}
  .hdr .acts a{padding:9px 8px}
  .hdr .menu-btn{display:inline-flex;padding:9px 8px}
  .mnav{display:block;position:fixed;left:0;right:0;top:var(--hdr-h);z-index:31;background:#fff;border-bottom:1px solid var(--line);padding:8px clamp(20px,5vw,56px) 16px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .3s var(--ease)}
  .mnav.open{opacity:1;transform:none;pointer-events:auto}
  .mnav ul{list-style:none;margin:0;padding:0}
  .mnav a{display:block;padding:13px 0;font-size:16px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
  .mnav li:last-child a{border-bottom:0}
}

/* ---------- okruszki ---------- */
.okruszki{padding:14px 0 0;font-size:13px;color:var(--ink-3)}
.okruszki a{text-decoration:none;color:var(--ink-3)}
.okruszki a:hover{color:var(--ink)}
.okruszki span + span::before{content:"/";margin:0 8px;color:var(--line-2)}

/* ---------- hero strony glownej ---------- */
.hero-sec{padding:clamp(16px,2.4vw,28px) 0 0}
.hero-card{position:relative;overflow:hidden;min-height:clamp(400px,54vh,560px);background:var(--granat-900);isolation:isolate;display:grid;border-radius:22px;border:1px solid rgba(252,203,0,.42);box-shadow:0 30px 60px -24px rgba(33,20,83,.55),0 12px 28px -14px rgba(33,20,83,.35),inset 0 1px 0 rgba(255,255,255,.08)}
.hero-card picture,.hero-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 18%}
/* pies patrzy w prawo, tekst po lewej: ciemniej po lewej i lekka winieta dolem, zeby zdjecie mialo glebie */
.hero-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(98deg,rgba(20,18,43,.92) 0%,rgba(20,18,43,.76) 34%,rgba(20,18,43,.28) 58%,rgba(20,18,43,.04) 76%),linear-gradient(180deg,rgba(20,18,43,0) 55%,rgba(20,18,43,.45) 100%)}
/* zlota rama: cienka linia wewnatrz karty i cztery narozniki */
.hero-rama{position:absolute;inset:14px;z-index:3;pointer-events:none;border-radius:12px;border:1px solid rgba(252,203,0,.22)}
.hero-rama::before,.hero-rama::after{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--gold);border-radius:3px}
.hero-rama::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.hero-rama::after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.hero-copy{position:relative;z-index:2;display:grid;align-content:center;gap:16px;padding:clamp(28px,5vw,72px);max-width:min(620px,60%);color:#fff}
.hero-copy h1{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.03em;line-height:1.06;color:#fff;text-shadow:0 2px 24px rgba(20,18,43,.55)}
.hero-copy .eyebrow{color:rgba(255,255,255,.72);margin:0}
.hero-copy p{margin:0;font-size:clamp(15px,1.05vw,17px);line-height:1.6;color:rgba(255,255,255,.82);max-width:44ch;text-shadow:0 1px 14px rgba(20,18,43,.5)}
.hero-copy .btn.gold{box-shadow:0 10px 24px -8px rgba(252,203,0,.55)}
.hero-cechy{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;letter-spacing:.02em;color:rgba(255,255,255,.72)}
.hero-cechy li{display:flex;align-items:center;gap:8px}
.hero-cechy li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(252,203,0,.18)}
.hero-copy .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.credit{position:absolute;right:48px;bottom:22px;z-index:3;font-size:11px;color:rgba(255,255,255,.5)}
@media (max-width:720px){
  /* baner w calosci na ekranie: wysokosc ekranu minus pasek (36) + naglowek + dolny pasek (84) + odstep (16) */
  .hero-sec{--hero-h:max(420px,calc(100vh - var(--hdr-h) - 136px))}
  @supports (height:100svh){.hero-sec{--hero-h:max(420px,calc(100svh - var(--hdr-h) - 136px))}}
  .hero-card{min-height:var(--hero-h);border-radius:16px}
  .hero-card img{object-position:60% 0}
  .hero-copy .eyebrow{font-size:12px}
  .hero-rama{inset:10px;border-radius:9px}
  .hero-rama::before,.hero-rama::after{width:20px;height:20px}
  .hero-cechy{display:none}
  .hero-card::before{background:linear-gradient(180deg,rgba(20,18,43,.02) 0%,rgba(20,18,43,.12) 30%,rgba(20,18,43,.62) 50%,rgba(20,18,43,.94) 72%)}
  .hero-copy{max-width:none;align-content:end;padding:20px 18px;min-height:var(--hero-h);gap:10px}
  .hero-copy h1{font-size:26px}
  .hero-copy p{font-size:14.5px;line-height:1.5}
  .hero-copy .btns{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-copy .btn{width:100%}
  .credit{display:none}
}

.intro{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(32px,4.5vw,56px) 0 clamp(20px,3vw,32px)}
.intro p{margin:0;font-size:clamp(16px,1.2vw,19px);line-height:1.6;color:var(--ink-2);max-width:64ch}
.intro p b{font-weight:600;color:var(--ink)}
@media (max-width:720px){.intro{grid-template-columns:1fr;gap:14px;padding:28px 0 18px}.intro .orn .logo-paw{width:120px}.divider .logo-paw{width:100px}.divider{margin-bottom:24px}}

/* ---------- kafelki instynktow: maja wygladac na klikalne ---------- */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,22px)}
.tiles.duze{grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,32px)}
.tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;text-decoration:none;color:#fff;background:var(--granat-900);isolation:isolate;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
.tiles.duze .tile{aspect-ratio:4/3}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,43,0) 30%,rgba(20,18,43,.55) 62%,rgba(20,18,43,.94) 100%);z-index:1}
.tile .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px}
.tile .n{display:block;font-family:var(--f-mark);font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--gold);margin-bottom:8px}
.tile h3{font-size:clamp(19px,1.6vw,24px);color:#fff;font-weight:700}
.tile p{margin:8px 0 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.78);max-width:34ch}
.tile .cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(252,203,0,.5);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.tile .cta::after{content:"→";transition:transform .3s var(--ease)}
.tile:hover{transform:translateY(-4px);box-shadow:var(--sh-hover);border-color:var(--gold)}
.tile:hover img{transform:scale(1.05)}
.tile:hover .cta::after{transform:translateX(5px)}
.tile:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (max-width:860px){
  .tiles,.tiles.duze{grid-template-columns:repeat(2,1fr);gap:10px}
  .tile{aspect-ratio:4/5}
  .tile p{display:none}
  .tile .cap{padding:14px}
  .tile h3{font-size:16px}
  .tile .cta{margin-top:10px;padding-top:8px;font-size:11px}
}
@media (max-width:520px){.tiles.duze{grid-template-columns:1fr}.tiles.duze .tile{aspect-ratio:16/10}.tiles.duze .tile p{display:block}}

/* ---------- pasek zaufania ---------- */
/* pasek zaufania: cztery karty z numerem, kafelkiem ikony i rysujaca sie kreska */
.strip{padding:clamp(40px,6vw,72px) 0 0}
.strip ul{list-style:none;margin:0;padding:clamp(24px,3vw,32px) 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid var(--gold-line)}
.strip li{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px 22px 22px;background:#fff;border:1px solid var(--line);border-radius:18px;font-size:14px;color:var(--ink-2);box-shadow:0 14px 34px -26px rgba(33,20,83,.4);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s,opacity .7s ease}
.strip li:hover{transform:translateY(-5px);border-color:rgba(252,203,0,.6);box-shadow:0 24px 44px -24px rgba(33,20,83,.45)}
.strip li .nr{position:absolute;top:18px;right:20px;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--gold);opacity:.9}
.strip li .ikona{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:var(--navy);box-shadow:0 0 0 0 rgba(252,203,0,0);transition:box-shadow .45s var(--ease),transform .45s var(--ease)}
.strip li:hover .ikona{box-shadow:0 0 0 5px rgba(252,203,0,.22);transform:rotate(-4deg) scale(1.04)}
.strip svg{width:30px;height:30px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.strip svg path{stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset 1.2s ease}
.strip li.in svg path{stroke-dashoffset:0}
.strip li.in:nth-child(1) svg path{transition-delay:.25s}.strip li.in:nth-child(2) svg path{transition-delay:.4s}.strip li.in:nth-child(3) svg path{transition-delay:.55s}.strip li.in:nth-child(4) svg path{transition-delay:.7s}
.strip li b{display:block;font-weight:600;color:var(--ink);font-size:17px;letter-spacing:-.01em;margin-bottom:6px}
.strip li b::after{content:"";display:block;width:0;height:2px;margin-top:10px;background:var(--gold);transition:width .8s var(--ease) .5s}
.strip li.in b::after{width:32px}
.strip li small{display:block;font-size:14px;color:var(--ink-3);line-height:1.55}
@media (max-width:860px){.strip{padding-top:28px}.strip ul{grid-template-columns:repeat(2,1fr);gap:12px;padding:18px 0 0}.strip li{padding:18px 16px 16px;gap:12px;border-radius:14px}.strip li .ikona{width:48px;height:48px;border-radius:12px}.strip svg{width:24px;height:24px}.strip li b{font-size:15px}.strip li small{font-size:13px}.strip li .nr{top:14px;right:14px;font-size:12px}}
@media (max-width:560px){.strip ul{grid-template-columns:1fr;gap:10px}.strip li{flex-direction:row;align-items:center;gap:14px;padding:12px 14px;border-radius:12px}.strip li:hover{transform:none}.strip li .ikona{width:44px;height:44px;border-radius:11px;flex:none}.strip svg{width:22px;height:22px}.strip li .nr{display:none}.strip li b{font-size:15px;margin-bottom:2px}.strip li b::after{display:none}.strip li small{font-size:13px;line-height:1.4}}

/* ---------- karty produktow ---------- */
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);list-style:none;margin:0;padding:0}
.card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:2px solid transparent;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh-hover);border-color:var(--line-2);border-top-color:var(--gold)}
.card .media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--soft)}
.card .media a{position:absolute;inset:9% 9% 8%;display:block}
.card .media img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;transition:transform .6s var(--ease)}
.card .media::after{content:"";position:absolute;left:18%;right:18%;bottom:9%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(20,18,43,.2),rgba(20,18,43,.06) 60%,transparent);z-index:0;transition:transform .6s var(--ease)}
.card:hover .media img{transform:scale(1.04)}
.card .w{position:absolute;top:14px;left:14px;z-index:2;font-size:12px;font-weight:600;padding:5px 10px;background:var(--navy);color:#fff}
.card .body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.card h3{font-size:19px}
.card h3 a{text-decoration:none}
.inst{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.inst a,.inst span{font-size:11.5px;font-weight:600;color:var(--navy);padding:5px 10px;border:1px solid rgba(33,20,83,.25);text-decoration:none;display:inline-block;transition:border-color .2s,background .2s}
.inst a:hover{border-color:var(--navy);background:var(--soft)}
.card .desc{margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.card .foot{display:grid;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.card .desc{flex:0 0 auto}
.card .pr{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.card .stock{font-size:12px;color:#1F7A4D;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.card .stock::before{content:"";width:6px;height:6px;background:#1F7A4D;flex:none}
.card .price{font-family:var(--f-head);font-size:20px;font-weight:700;color:var(--navy);white-space:nowrap;line-height:1}
.card .price small{display:block;font-family:var(--f-body);font-size:11.5px;font-weight:400;color:var(--ink-3);margin-top:4px}
.card .add,.card .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;font-family:inherit;font-size:14.5px;font-weight:600;padding:13px 14px;background:var(--navy);color:#fff;border:0;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s}
.card .add:hover,.card .button:hover{background:var(--navy-2);transform:translateY(-1px)}
.card .add svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
@media (max-width:960px){.products{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){
  .products{grid-template-columns:1fr;gap:16px}
  .card .media a{inset:7% 7% 6%}
  .card .body{padding:16px 16px 18px;gap:10px}
  .card h3{font-size:20px}
  .card .foot{grid-template-columns:auto 1fr;align-items:center;gap:14px}
  .card .pr{flex-direction:column;align-items:flex-start;gap:6px}
  .card .price{font-size:20px}
}

/* ---------- zestaw ---------- */
.set{position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--granat-900);color:#fff;border-top:3px solid var(--gold)}
.set .media{position:relative;min-height:380px}
.set .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.set .body{padding:clamp(32px,5vw,72px);display:grid;gap:18px;align-content:center}
.set .body h2{color:#fff}
.set .body p{margin:0;color:rgba(255,255,255,.78);line-height:1.6}
.set ul{list-style:none;margin:4px 0;padding:0;display:grid;gap:8px;font-size:15px}
.set li{display:flex;gap:10px;align-items:center;color:rgba(255,255,255,.85)}
.set li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--zloto-500);flex:none}
.set .fact{font-family:var(--f-head);font-size:20px;font-weight:700;color:#fff;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}
.set .wm{right:-6%;bottom:-8%;width:min(52%,420px);z-index:1}
@media (max-width:860px){.set{grid-template-columns:1fr}.set .media{min-height:240px}.set .body{padding:24px 20px 28px}}

/* ---------- historia ---------- */
.story{position:relative;overflow:hidden;border-top:3px solid var(--gold);border-bottom:3px solid var(--gold);background:var(--granat-900);color:#fff}
.story .bg{position:absolute;inset:0}
.story .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.story .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,43,.97) 0%,rgba(20,18,43,.9) 34%,rgba(20,18,43,.6) 58%,rgba(20,18,43,.3) 100%)}
.story .wrap{position:relative;z-index:1;min-height:min(76vh,700px);display:grid;align-content:center;gap:22px;padding:clamp(72px,9vw,128px) 0}
.story .kicker{font-family:var(--f-mark);font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0}
.story h2{font-size:clamp(32px,4.2vw,56px);color:#fff;max-width:15ch}
.story .lines{display:flex;flex-wrap:wrap;gap:10px 22px;margin:6px 0 0;padding:0;list-style:none;font-family:var(--f-head);font-size:clamp(18px,1.8vw,24px);font-weight:600;color:rgba(255,255,255,.85)}
.story .lines li{transform:translateY(10px);opacity:0;transition:transform .7s var(--ease),opacity .6s ease}
.story.in .lines li{transform:none;opacity:1}
.story.in .lines li:nth-child(2){transition-delay:.1s}.story.in .lines li:nth-child(3){transition-delay:.2s}.story.in .lines li:nth-child(4){transition-delay:.3s}.story.in .lines li:nth-child(5){transition-delay:.4s}
.story .btn{margin-top:6px}
.story .close{max-width:50ch;margin:8px 0 0;font-size:clamp(16px,1.2vw,18px);line-height:1.65;color:rgba(255,255,255,.82)}
.story .close b{color:#fff;font-weight:600}
.story .wm.big{right:2%;top:50%;transform:translateY(-50%);width:min(44%,520px);z-index:0}
.story .wm.big .logo-head-w{opacity:.05}
@media (max-width:860px){
  .story .bg::after{background:linear-gradient(180deg,rgba(20,18,43,.55) 0%,rgba(20,18,43,.82) 45%,rgba(20,18,43,.95) 100%)}
  .story .bg img{object-position:70% 40%}
  .story .wrap{min-height:auto;padding:clamp(56px,12vw,88px) 0}
  .story .wm.big{display:none}
  .story .btn{width:100%;justify-content:center}
}

/* ---------- o nas ---------- */
.about .grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,96px);align-items:center}
.about .photo{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--soft)}
.about .photo img{width:100%;height:100%;object-fit:cover}
.about .photo .tag{position:absolute;left:16px;bottom:16px;background:var(--navy);color:#fff;padding:10px 14px;border-left:3px solid var(--gold);font-size:13px}
.about .photo .tag b{display:block;font-weight:600}
.about .text{display:grid;gap:20px}
.about .quote{font-family:var(--f-head);font-size:clamp(20px,1.8vw,26px);font-weight:600;line-height:1.3;color:var(--navy);border-left:3px solid var(--gold);padding-left:18px;margin:4px 0}
.about .video{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px dashed var(--line-2);font-size:14px;color:var(--ink-2)}
.about .video svg{width:32px;height:32px;flex:none;stroke:var(--ink);fill:none;stroke-width:1.5}
@media (max-width:860px){.about .grid{grid-template-columns:1fr;gap:24px}.about .photo{aspect-ratio:4/3}}

/* ---------- wystawy ---------- */
.shows .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px)}
.shows .photo{overflow:hidden;min-height:320px;background:var(--soft)}
.shows .photo img{width:100%;height:100%;object-fit:cover}
.shows .list{display:grid;align-content:center}
.shows .row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 4px;border-top:1px solid var(--line)}
.shows .row:last-of-type{border-bottom:1px solid var(--line)}
.shows .date{font-family:var(--f-head);font-size:22px;font-weight:700;line-height:1;color:#fff;background:var(--navy);padding:10px 8px;text-align:center;min-width:60px}
.shows .date small{display:block;font-family:var(--f-body);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-top:4px}
.shows .row b{display:block;font-weight:600;color:var(--ink)}
.shows .row span{font-size:13.5px;color:var(--ink-3)}
.shows .note{font-size:12.5px;color:var(--ink-3);margin:12px 0 0}
@media (max-width:860px){.shows .grid{grid-template-columns:1fr}}

/* ---------- poradnik / newsletter ---------- */
.magnet .box{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(28px,4vw,56px);background:var(--soft);border:1px solid var(--line);border-top:3px solid var(--gold)}
.magnet form{display:grid;gap:12px}
.magnet .field{display:flex;gap:8px;padding:6px;background:#fff;border:1px solid var(--line-2)}
.magnet .field:focus-within{border-color:var(--navy);box-shadow:0 0 0 4px rgba(33,20,83,.08)}
.magnet input[type=email],.magnet input[type=text]{flex:1;min-width:0;border:0;background:transparent;padding:10px 14px;font:inherit;font-size:15px;color:var(--ink);outline:none}
.magnet .consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:var(--ink-3)}
.magnet .consent input{width:16px;height:16px;margin-top:2px;flex:none;accent-color:var(--navy)}
.magnet ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px;font-size:15px;color:var(--ink-2)}
.magnet li{display:flex;gap:10px;align-items:center}
.magnet li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--zloto-500);flex:none}
@media (max-width:860px){.magnet .box{grid-template-columns:1fr;padding:22px 18px}.magnet .field{flex-direction:column;padding:0;border:0;background:none}.magnet input[type=email]{border:1px solid var(--line-2);padding:14px;background:#fff}.magnet .field .btn{width:100%}}

/* ---------- naglowek podstrony ---------- */
.page-hero{position:relative;background:var(--granat-900);color:#fff;overflow:hidden;border-bottom:3px solid var(--gold)}
.page-hero .bg{position:absolute;inset:0}
.page-hero .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.page-hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,43,.94),rgba(20,18,43,.72) 55%,rgba(20,18,43,.42))}
.page-hero .wrap{position:relative;z-index:1;padding:clamp(48px,7vw,96px) 0;display:grid;gap:16px;min-height:clamp(240px,32vw,380px);align-content:center}
.page-hero h1{color:#fff;max-width:18ch}
.page-hero .eyebrow{color:var(--gold)}
.page-hero p{margin:0;max-width:58ch;color:rgba(255,255,255,.82);font-size:clamp(15px,1.1vw,18px);line-height:1.65}
.page-hero.jasny{background:var(--soft);color:var(--ink);border-bottom:1px solid var(--line)}
.page-hero.jasny h1{color:var(--ink)}
.page-hero.jasny p{color:var(--ink-2)}
.page-hero.jasny .eyebrow{color:var(--navy)}

/* ---------- strona instynktu ---------- */
.inst-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.inst-intro .photo{overflow:hidden;aspect-ratio:4/3;background:var(--soft)}
.inst-intro .photo img{width:100%;height:100%;object-fit:cover}
.inst-intro .tekst{display:grid;gap:16px}
.inst-intro .tekst p{margin:0;color:var(--ink-2);line-height:1.7}
.inst-znaki{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.inst-znaki li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink-2)}
.inst-znaki li::before{content:"";width:7px;height:7px;margin-top:8px;background:var(--gold);flex:none}
@media (max-width:860px){.inst-intro{grid-template-columns:1fr}}
.inne-instynkty{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
@media (max-width:520px){.inne-instynkty{grid-template-columns:1fr}}
.mini{position:relative;display:flex;align-items:center;gap:14px;padding:14px 34px 14px 14px;border:1px solid var(--line);border-left:3px solid var(--gold);text-decoration:none;color:var(--ink);background:#fff;transition:border-color .25s,transform .25s var(--ease),box-shadow .25s var(--ease)}
.mini:hover{border-color:var(--gold-line);border-left-color:var(--gold);transform:translateY(-2px);box-shadow:var(--sh-hover)}
.mini::after{content:"→";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:15px;transition:transform .25s var(--ease)}
.mini:hover::after{transform:translateY(-50%) translateX(4px)}
.mini img{width:66px;height:66px;object-fit:cover;flex:none}
.mini b{display:block;font-weight:600;font-size:15px;line-height:1.3;margin-bottom:2px}
.mini span{font-size:12.5px;line-height:1.4;color:var(--ink-3)}

/* ---------- karta produktu ---------- */
.prod{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:start}
.prod .galeria{display:grid;gap:12px}
.prod .glowne{background:var(--soft);border:1px solid var(--line);aspect-ratio:4/3;display:grid;place-items:center;padding:8%}
.prod .glowne img{width:100%;height:100%;object-fit:contain}
.prod .mini-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.prod .mini-gal button{padding:8%;background:var(--soft);border:1px solid var(--line);cursor:pointer;aspect-ratio:1}
.prod .mini-gal button[aria-current="true"]{border-color:var(--navy)}
.prod .mini-gal img{width:100%;height:100%;object-fit:contain}
.prod .panel{display:grid;gap:18px}
.prod h1{font-size:clamp(28px,3.2vw,42px)}
.prod .cena{font-family:var(--f-head);font-size:32px;font-weight:700;color:var(--navy);line-height:1}
.prod .cena small{display:block;font-family:var(--f-body);font-size:13px;font-weight:400;color:var(--ink-3);margin-top:6px}
.prod .kup{display:grid;gap:10px}
.prod .kup .btn{width:100%;padding:17px 22px;font-size:16px}
.prod .uwaga{font-size:13px;color:var(--ink-3);margin:0}
.prod .opis p{margin:0 0 14px;color:var(--ink-2);line-height:1.7}
.prod .fakty{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.prod .fakty li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink-2)}
.prod .fakty li::before{content:"";width:7px;height:7px;margin-top:8px;background:var(--gold);flex:none}
@media (max-width:860px){.prod{grid-template-columns:1fr;gap:24px}}
.tabela{width:100%;border-collapse:collapse;font-size:14.5px}
.tabela th,.tabela td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.tabela th{font-weight:600;color:var(--ink);width:42%;background:var(--soft)}
.tabela td{color:var(--ink-2)}
.faq{display:grid;gap:0;max-width:80ch}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:18px 0;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 18px;color:var(--ink-2);line-height:1.7;max-width:70ch}

/* ---------- blog ---------- */
.wpisy{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,32px)}
@media (max-width:900px){.wpisy{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.wpisy{grid-template-columns:1fr}}
.wpis{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:2px solid transparent;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
.wpis:hover{transform:translateY(-4px);box-shadow:var(--sh-hover);border-top-color:var(--gold)}
.wpis .media{aspect-ratio:3/2;overflow:hidden;background:var(--soft)}
.wpis .media img{width:100%;height:100%;object-fit:cover}
.wpis .body{padding:20px;display:grid;gap:10px}
.wpis h3{font-size:19px}
.wpis h3 a{text-decoration:none}
.wpis .meta{font-size:12.5px;color:var(--ink-3);display:flex;gap:10px;flex-wrap:wrap}
.wpis p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.6}
.tresc{max-width:72ch;font-size:17px;line-height:1.75;color:var(--ink-2)}
.tresc h2{font-size:clamp(24px,2.4vw,32px);margin:44px 0 14px;color:var(--ink);max-width:28ch}
.tresc h3{font-size:21px;margin:32px 0 10px;color:var(--ink)}
.tresc p{margin:0 0 18px}
.tresc ul,.tresc ol{margin:0 0 20px;padding-left:22px}
.tresc li{margin:0 0 8px}
.tresc a{color:var(--navy-2)}
.tresc blockquote{margin:26px 0;padding:4px 0 4px 20px;border-left:3px solid var(--gold);font-family:var(--f-head);font-size:20px;font-weight:600;color:var(--navy);line-height:1.4}
.tresc img{margin:12px 0}
.tresc table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 22px}
.tresc th,.tresc td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.post-hero{display:grid;gap:14px;padding:clamp(28px,4vw,56px) 0 0;max-width:74ch}
.post-hero h1{font-size:clamp(30px,3.6vw,46px)}
.post-hero .meta{font-size:13px;color:var(--ink-3);display:flex;gap:12px;flex-wrap:wrap}
.post-okladka{margin:clamp(24px,3vw,40px) 0 0;aspect-ratio:16/9;overflow:hidden;background:var(--soft)}
.post-okladka img{width:100%;height:100%;object-fit:cover}
.strony{display:flex;gap:8px;justify-content:center;margin-top:40px}
.strony .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);text-decoration:none;font-weight:600}
.strony .current{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ---------- kontakt ---------- */
.kontakt{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px)}
@media (max-width:860px){.kontakt{grid-template-columns:1fr}}
.kontakt .dane{display:grid;gap:20px;align-content:start}
.kontakt .dane a{color:var(--navy-2)}
.pole{display:grid;gap:6px;margin-bottom:14px}
.pole label{font-size:13px;font-weight:600;color:var(--ink)}
.pole input,.pole textarea{font:inherit;padding:13px 14px;border:1px solid var(--line-2);background:#fff;color:var(--ink)}
.pole input:focus,.pole textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 4px rgba(33,20,83,.08)}

/* ---------- stopka ---------- */
.stopka{background:var(--navy);border-top:3px solid var(--gold);color:rgba(255,255,255,.72);padding:clamp(48px,6vw,80px) 0 calc(28px + env(safe-area-inset-bottom));font-size:14px}
.stopka .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(24px,4vw,56px)}
.stopka h4{font-family:var(--f-mark);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.stopka ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.stopka a{color:rgba(255,255,255,.8);text-decoration:none}
.stopka a:hover{color:#fff}
.stopka img.znak{height:96px;width:auto;margin-bottom:16px}
.stopka .bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:clamp(32px,4vw,48px);padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;color:rgba(255,255,255,.5)}
.stopka .bottom .wykonanie{flex-basis:100%;color:rgba(255,255,255,.35)}.stopka .bottom .wykonanie a{color:rgba(255,255,255,.5);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}.stopka .bottom .wykonanie a:hover{color:var(--gold);border-color:var(--gold)}
.stopka .orn.center{margin:36px 0 0}
@media (max-width:860px){.stopka .cols{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.stopka .cols{grid-template-columns:1fr}}

/* ---------- dolny pasek na telefonie ---------- */
.mbar{display:none}
@media (max-width:900px){
  .mbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--navy);border-top:2px solid var(--gold);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}
  .mbar a{position:relative;display:grid;justify-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:600;color:rgba(255,255,255,.7);text-decoration:none}
  .mbar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mbar .cnt{position:absolute;top:2px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-size:10px;font-style:normal;font-weight:700}
  .stopka{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv:nth-child(2){transition-delay:.07s}.rv:nth-child(3){transition-delay:.14s}.rv:nth-child(4){transition-delay:.21s}
@media (prefers-reduced-motion:reduce){.rv,.story .lines li{opacity:1;transform:none;transition:none}}

/* karta produktu, dolna czesc */
@media (max-width:860px){.prod-dol{grid-template-columns:1fr !important}}
.video-osadzony iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
/* Woo: komunikaty i formularze na stronach koszyka i kasy zostaja w stylistyce marki */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--gold) !important}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--navy);color:#fff;border-radius:0;font-weight:600}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--navy-2);color:#fff}
.woocommerce div.product form.cart .button{background:var(--gold);color:var(--navy)}

/* ---------- więcej złota: akcenty, o które prosił klient ---------- */
.sec.soft{border-top:1px solid var(--gold-line)}
.divider{margin:0 0 clamp(28px,4vw,44px)}
.divider .logo-paw{width:112px}
.tabela th{border-left:2px solid var(--gold)}
.inst a:hover{border-color:var(--gold);background:#fff}
.strony .current{background:var(--navy);border-color:var(--gold);box-shadow:inset 0 -3px 0 var(--gold)}
.card:hover{border-color:var(--gold-line)}
.wpis:hover{border-color:var(--gold-line)}
.prod .cena{border-left:3px solid var(--gold);padding-left:14px}
.post-hero .eyebrow,.page-hero .eyebrow{color:var(--gold)}
.tresc h2{padding-top:14px;border-top:1px solid var(--gold-line)}
.tresc h2:first-child{padding-top:0;border-top:0}
.stopka .cols > div + div h4::before{content:"";display:block;width:26px;height:2px;background:var(--gold);margin:0 0 10px}
.mbar a:hover,.mbar a:focus-visible{color:var(--gold)}

/* ---------- formularz zakupu na karcie produktu ---------- */
.prod .kup form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin:0}
.prod .kup .quantity{display:flex}
.prod .kup .quantity input.qty{width:88px;height:100%;min-height:52px;padding:0 10px;font:inherit;font-size:16px;text-align:center;border:1px solid var(--line-2);background:#fff;color:var(--ink)}
.prod .kup .quantity input.qty:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 4px rgba(33,20,83,.08)}
.prod .kup button.single_add_to_cart_button{flex:1;min-width:220px;min-height:52px;padding:15px 24px;font-family:var(--f-body);font-size:16px;font-weight:600;line-height:1;border:0;cursor:pointer;background:var(--gold);color:var(--navy);transition:background .2s,transform .2s}
.prod .kup button.single_add_to_cart_button:hover{background:#FFD633;transform:translateY(-1px)}
.prod .kup .woocommerce-variation-add-to-cart{width:100%}
.card .add,.card a.button{display:inline-flex;align-items:center;justify-content:center;width:100%;text-align:center}
.woocommerce-message,.woocommerce-info{background:var(--soft);border-top:3px solid var(--gold);padding:14px 16px;font-size:14.5px;color:var(--ink)}

/* ==========================================================================
   Ścieżka zakupu: koszyk, dane i dostawa, potwierdzenie.
   Klasyczne szablony WooCommerce ubrane w kolory marki.
   ========================================================================== */
.flow-head{background:var(--soft);border-bottom:1px solid var(--line)}
.flow-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:clamp(22px,3vw,34px) 0}
.flow-head h1{font-size:clamp(26px,2.8vw,36px)}
.kroki{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;list-style:none;margin:0;padding:0;font-size:13.5px;color:var(--ink-3)}
.kroki li{display:flex;align-items:center;gap:9px}
.kroki li + li::before{content:"";width:26px;height:1px;background:var(--line-2);margin-right:13px}
.kroki .nr{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--line-2);font-size:12px;font-weight:700;color:var(--ink-3)}
.kroki .jest{color:var(--ink);font-weight:600}
.kroki .jest .nr{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.kroki .minal{color:var(--ink-2)}
.kroki .minal .nr{background:var(--navy);border-color:var(--navy);color:#fff}
.kroki a{text-decoration:none}
.kroki a:hover{color:var(--ink)}

.sklep-flow .woocommerce{max-width:100%}
.sklep-flow form.woocommerce-cart-form{margin:0}
.sklep-flow table.shop_table{width:100%;border-collapse:collapse;border:0;border-radius:0;margin:0}
.sklep-flow table.shop_table th{font-family:var(--f-body);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:0 12px 12px;border-bottom:1px solid var(--line)}
.sklep-flow table.shop_table td{padding:18px 12px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:15px}
.sklep-flow table.shop_table td.product-remove{width:44px;padding-left:0}
.sklep-flow table.shop_table td.product-thumbnail{width:96px}
.sklep-flow table.shop_table td.product-thumbnail img{width:88px;height:88px;object-fit:contain;background:var(--soft);padding:6px}
.sklep-flow table.shop_table td.product-name a{font-weight:600;color:var(--ink);text-decoration:none}
.sklep-flow table.shop_table td.product-name a:hover{color:var(--navy-2)}
.sklep-flow table.shop_table td.product-price,.sklep-flow table.shop_table td.product-subtotal{white-space:nowrap;font-weight:600;color:var(--navy)}
.sklep-flow a.remove{display:inline-grid;place-items:center;width:28px;height:28px;font-size:20px;line-height:1;color:var(--ink-3);border:1px solid transparent;text-decoration:none}
.sklep-flow a.remove:hover{color:#a3261f;border-color:var(--line-2);background:#fff}
.sklep-flow .quantity input.qty{width:78px;height:44px;padding:0 8px;text-align:center;font:inherit;border:1px solid var(--line-2);background:#fff}
.sklep-flow .actions{padding:20px 0 0}
.sklep-flow .coupon{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sklep-flow .coupon input[type="text"]{min-width:200px;padding:13px 14px;font:inherit;border:1px solid var(--line-2);background:#fff}
.sklep-flow .cart-collaterals{margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:1fr minmax(320px,420px);gap:clamp(24px,4vw,56px);align-items:start}
.sklep-flow .cart-collaterals .cart_totals{grid-column:2;background:var(--soft);border:1px solid var(--line);border-top:3px solid var(--gold);padding:clamp(20px,2.6vw,28px)}
.sklep-flow .cart_totals h2{font-size:19px;margin:0 0 14px}
.sklep-flow .cart_totals table th{border:0;padding:12px 0;text-transform:none;letter-spacing:0;font-size:14.5px;color:var(--ink-2);font-weight:500}
.sklep-flow .cart_totals table td{border:0;padding:12px 0;text-align:right;font-weight:600}
.sklep-flow .cart_totals .order-total th,.sklep-flow .cart_totals .order-total td{border-top:1px solid var(--line-2);font-size:18px;color:var(--navy)}
.sklep-flow .wc-proceed-to-checkout{padding:16px 0 0}
.sklep-flow .wc-proceed-to-checkout a.checkout-button{display:block;width:100%;text-align:center;background:var(--gold);color:var(--navy);font-weight:700;font-size:16px;padding:17px 20px;border-radius:0;text-decoration:none}
.sklep-flow .wc-proceed-to-checkout a.checkout-button:hover{background:#FFD633}
@media (max-width:900px){
  .sklep-flow .cart-collaterals{grid-template-columns:1fr}
  .sklep-flow .cart-collaterals .cart_totals{grid-column:1}
}

/* --- kasa --- */
.sklep-flow .woocommerce-form-coupon-toggle,.sklep-flow .woocommerce-form-login-toggle{margin-bottom:18px}
.sklep-flow form.checkout{display:grid;grid-template-columns:1fr minmax(340px,440px);gap:clamp(28px,4vw,64px);align-items:start}
.sklep-flow form.checkout #customer_details{grid-column:1}
.sklep-flow form.checkout #order_review_heading,.sklep-flow form.checkout #order_review{grid-column:2}
.sklep-flow form.checkout #order_review_heading{margin:0 0 14px;font-size:19px}
.sklep-flow h3{font-size:20px;margin:0 0 16px}
.sklep-flow .woocommerce-billing-fields__field-wrapper,.sklep-flow .woocommerce-shipping-fields__field-wrapper,.sklep-flow .woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.sklep-flow .form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;padding:0;float:none;width:auto}
.sklep-flow .form-row-wide,.sklep-flow #billing_address_1_field,.sklep-flow #billing_email_field,.sklep-flow #order_comments_field{grid-column:1 / -1}
.sklep-flow .form-row label{font-size:13px;font-weight:600;color:var(--ink)}
.sklep-flow .form-row .required{color:#a3261f;text-decoration:none}
.sklep-flow .form-row input.input-text,.sklep-flow .form-row textarea,.sklep-flow .select2-container .select2-selection--single{width:100%;padding:13px 14px;font:inherit;font-size:15px;border:1px solid var(--line-2);background:#fff;color:var(--ink);height:auto;border-radius:0}
.sklep-flow .form-row input.input-text:focus,.sklep-flow .form-row textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 4px rgba(33,20,83,.08)}
.sklep-flow .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.4;padding:0;color:var(--ink)}
.sklep-flow .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:10px}
.sklep-flow #order_review{background:var(--soft);border:1px solid var(--line);border-top:3px solid var(--gold);padding:clamp(20px,2.6vw,28px)}
.sklep-flow #order_review table.shop_table th,.sklep-flow #order_review table.shop_table td{padding:12px 0;font-size:14.5px}
.sklep-flow #order_review table.shop_table thead th{border-bottom:1px solid var(--line-2)}
.sklep-flow #order_review .order-total th,.sklep-flow #order_review .order-total td{font-size:18px;color:var(--navy);border-top:1px solid var(--line-2)}
.sklep-flow .woocommerce-checkout-payment{background:transparent}
.sklep-flow ul.wc_payment_methods{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.sklep-flow ul.wc_payment_methods li{background:#fff;border:1px solid var(--line-2);padding:14px 16px}
.sklep-flow ul.wc_payment_methods li:has(input:checked){border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.sklep-flow ul.wc_payment_methods label{font-weight:600;font-size:15px}
.sklep-flow .payment_box{background:var(--soft);border:0;padding:12px 0 0;font-size:13.5px;color:var(--ink-2)}
.sklep-flow .payment_box::before{display:none}
.sklep-flow #place_order{width:100%;margin-top:16px;padding:18px 20px;font-size:16.5px;font-weight:700;background:var(--gold);color:var(--navy);border:0;border-radius:0;cursor:pointer;transition:background .2s,transform .2s}
.sklep-flow #place_order:hover{background:#FFD633;transform:translateY(-1px)}
.sklep-flow .woocommerce-terms-and-conditions-wrapper{font-size:13px;color:var(--ink-2);margin-top:14px}
.sklep-flow .woocommerce-privacy-policy-text p{font-size:12.5px;color:var(--ink-3);line-height:1.55}
.sklep-flow .woocommerce-info,.sklep-flow .woocommerce-message,.sklep-flow .woocommerce-error,.sklep-flow .cart-empty{background:var(--soft);border:1px solid var(--line);border-top:3px solid var(--gold);padding:16px 18px;margin:0 0 22px;font-size:14.5px;color:var(--ink);list-style:none}
.sklep-flow .woocommerce-error{border-top-color:#a3261f}
.sklep-flow .return-to-shop{margin-top:18px}
.sklep-flow .return-to-shop .button{display:inline-block;background:var(--navy);color:#fff;padding:14px 22px;text-decoration:none;font-weight:600}
@media (max-width:900px){
  .sklep-flow form.checkout{grid-template-columns:1fr}
  .sklep-flow form.checkout #order_review_heading,.sklep-flow form.checkout #order_review{grid-column:1}
  .sklep-flow .woocommerce-billing-fields__field-wrapper,.sklep-flow .woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr}
}

/* --- zaufanie pod ceną, wspólne dla karty produktu i kasy --- */
.zaufanie-mini{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}
.zaufanie-mini li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.zaufanie-mini svg{width:18px;height:18px;flex:none;margin-top:1px;stroke:var(--navy);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* --- korekty po testach na żywym koszyku --- */
.sklep-flow .cart-collaterals{display:grid;grid-template-columns:1fr 380px;gap:clamp(24px,4vw,56px);align-items:start}
.sklep-flow .cart-collaterals .cross-sells,.sklep-flow .cart-collaterals .cart_totals{width:100%;float:none;margin:0}
.sklep-flow .cart-collaterals .cart_totals{grid-column:2}
.sklep-flow .cart_totals h2{font-size:17px;letter-spacing:.02em}
.sklep-flow button[name="update_cart"]{padding:13px 18px;font:inherit;font-weight:600;font-size:14.5px;background:#fff;color:var(--ink);border:1px solid var(--line-2);cursor:pointer;transition:border-color .2s,color .2s}
.sklep-flow button[name="update_cart"]:hover:not(:disabled){border-color:var(--navy);color:var(--navy)}
.sklep-flow button[name="update_cart"]:disabled{opacity:.45;cursor:default}
.sklep-flow button[name="apply_coupon"]{padding:13px 18px;font:inherit;font-weight:600;font-size:14.5px;background:var(--navy);color:#fff;border:0;cursor:pointer}
.sklep-flow button[name="apply_coupon"]:hover{background:var(--navy-2)}
.sklep-flow .actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.koszyk-pewnosc{display:grid;gap:14px;align-content:start;padding-top:6px}
.koszyk-pewnosc h3{font-size:17px;margin:0 0 2px}
.koszyk-pewnosc li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--ink-2)}
.koszyk-pewnosc ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.koszyk-pewnosc svg{width:20px;height:20px;flex:none;margin-top:1px;stroke:var(--navy);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.koszyk-pewnosc b{color:var(--ink);font-weight:600}
@media (max-width:900px){.sklep-flow .cart-collaterals{grid-template-columns:1fr}.sklep-flow .cart-collaterals .cart_totals{grid-column:1}.koszyk-pewnosc{order:2}}

/* kasa: dane kupującego na całą szerokość kolumny, nie w dwóch wąskich słupkach */
.sklep-flow #customer_details .col2-set{display:block}
.sklep-flow #customer_details .col-1,.sklep-flow #customer_details .col-2{width:100%;float:none;margin:0 0 8px}
.sklep-flow #customer_details .col-2{margin-top:12px}
.sklep-flow #order_review table.shop_table td.product-name{font-size:14.5px;line-height:1.45}
.sklep-flow #order_review table.shop_table .product-total{white-space:nowrap;text-align:right}
.sklep-flow #order_review tfoot th{font-weight:500;color:var(--ink-2)}
.sklep-flow #order_review tfoot td{text-align:right;font-weight:600}
.sklep-flow .woocommerce-shipping-totals td{padding-top:6px}
.sklep-flow #shipping_method{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sklep-flow #shipping_method li{background:#fff;border:1px solid var(--line-2);padding:12px 14px;font-size:14px}
.sklep-flow #shipping_method li:has(input:checked){border-color:var(--gold)}

/* --- kasa: karta danych i przyklejone podsumowanie --- */
.sklep-flow form.checkout{align-items:start}
.sklep-flow #customer_details{background:#fff;border:1px solid var(--line);padding:clamp(20px,2.6vw,32px)}
.sklep-flow #customer_details h3{padding-bottom:12px;border-bottom:1px solid var(--line);font-size:18px}
.sklep-flow #order_review_heading{display:none}
.kasa-zwijane{position:sticky;top:calc(var(--hdr-h) + 16px);background:var(--soft);border:1px solid var(--line);border-top:3px solid var(--gold);padding:clamp(18px,2.2vw,26px)}
.kasa-zwijane > summary{list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-family:var(--f-head);font-size:18px;font-weight:700;color:var(--ink);cursor:default;margin:0 0 14px}
.kasa-zwijane > summary::-webkit-details-marker{display:none}
.kasa-zwijane .kasa-suma{font-size:16px;color:var(--navy)}
.kasa-pozycja{display:flex;align-items:center;gap:12px}
.kasa-foto img{width:56px;height:56px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:4px}
.kasa-nazwa{font-weight:600;color:var(--ink)}
.sklep-flow #order_review{background:transparent;border:0;padding:0}
.sklep-flow #order_review table.shop_table{background:transparent}
.sklep-flow #order_review table.shop_table thead th{font-size:11px;padding-bottom:10px}
.sklep-flow #order_review .product-quantity{color:var(--ink-3);font-size:13.5px}
.sklep-flow .woocommerce-checkout-review-order-table tfoot tr:last-child th,
.sklep-flow .woocommerce-checkout-review-order-table tfoot tr:last-child td{padding-bottom:4px}
@media (max-width:900px){
  .kasa-zwijane{position:static}
  .kasa-zwijane > summary{cursor:pointer;margin:0}
  .kasa-zwijane[open] > summary{margin-bottom:14px}
  .kasa-zwijane > summary::after{content:"+";margin-left:auto;color:var(--gold);font-size:22px;line-height:1}
  .kasa-zwijane[open] > summary::after{content:"–"}
  .sklep-flow form.checkout{display:flex;flex-direction:column}
  .sklep-flow form.checkout .kasa-zwijane{order:-1}
}

/* WooCommerce ustawia .form-row-first/.form-row-last na 47% i float — u nas układ robi grid */
.sklep-flow .woocommerce form .form-row,
.sklep-flow .woocommerce form .form-row-first,
.sklep-flow .woocommerce form .form-row-last,
.sklep-flow .woocommerce form .form-row-wide,
.sklep-flow form .form-row-first,
.sklep-flow form .form-row-last{width:100%;float:none;padding:0;margin:0 0 16px}
.sklep-flow .woocommerce form .form-row input.input-text,
.sklep-flow .woocommerce form .form-row textarea,
.sklep-flow .woocommerce form .form-row select{width:100%;box-sizing:border-box}
.sklep-flow .woocommerce-input-wrapper{width:100%}

/* --- kasa: dostawa i płatność, mocniejsze selektory niż domyślne WooCommerce --- */
.sklep-flow .woocommerce-shipping-totals th{display:block;width:100%;padding:14px 0 8px;border:0;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.sklep-flow .woocommerce-shipping-totals td{display:block;width:100%;padding:0 0 10px;border:0;text-align:left}
.sklep-flow #shipping_method li{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--line-2)}
.sklep-flow #shipping_method li label{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;font-size:14.5px;cursor:pointer}
.sklep-flow #shipping_method li input{accent-color:var(--navy);margin:0}
.sklep-flow #shipping_method li:has(input:checked){border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.sklep-flow .woocommerce-checkout #payment{background:transparent;border-radius:0}
.sklep-flow .woocommerce-checkout #payment ul.payment_methods{border:0;padding:0;margin:12px 0 0}
.sklep-flow .woocommerce-checkout #payment div.payment_box{background:#fff;color:var(--ink-2);border:1px solid var(--line);margin:10px 0 0;padding:12px 14px;font-size:13.5px;line-height:1.55;width:100%}
.sklep-flow .woocommerce-checkout #payment div.payment_box::before{display:none}
.sklep-flow .woocommerce-checkout #payment ul.payment_methods li{padding:14px 16px}
.sklep-flow .woocommerce-checkout #payment ul.payment_methods li input{accent-color:var(--navy);margin-right:8px}
.sklep-flow .woocommerce-checkout #payment div.form-row{padding:16px 0 0;margin:0}
.sklep-flow .woocommerce-privacy-policy-text{margin-top:12px}
.sklep-flow .woocommerce-terms-and-conditions-wrapper .form-row{margin:0}

.sklep-flow #shipping_method li label{justify-content:flex-start;gap:8px;text-align:left}
.sklep-flow .woocommerce-checkout #payment div.payment_box{background:var(--soft);border:0;padding:10px 0 0}
.sklep-flow .woocommerce-checkout #payment ul.payment_methods li:has(input:checked){background:#fff}

/* ==========================================================================
   Świat WILKOR: zasady, cytat, galeria, plan rozwoju, pas z wezwaniem.
   ========================================================================== */
.swiat-wstep{max-width:74ch;font-size:clamp(17px,1.3vw,19px)}
.zasady{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,28px)}
@media (max-width:860px){.zasady{grid-template-columns:1fr}}
.zasada{position:relative;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:clamp(22px,2.6vw,32px)}
.zasada .nr{display:block;font-family:var(--f-mark);font-size:13px;font-weight:600;letter-spacing:.22em;color:var(--brąz-zloty);margin-bottom:14px}
.zasada h3{font-size:20px;margin-bottom:10px}
.zasada p{margin:0;color:var(--ink-2);line-height:1.65;font-size:15px}

.story.cytat .wrap{min-height:min(52vh,460px)}
.story.cytat blockquote{margin:0;font-family:var(--f-head);font-size:clamp(26px,3.4vw,44px);font-weight:700;line-height:1.18;letter-spacing:-.02em;color:#fff;max-width:20ch}
.story.cytat .close{color:rgba(255,255,255,.7);font-size:14.5px}

.galeria-swiat{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:clamp(10px,1.4vw,18px)}
.galeria-swiat figure{margin:0;overflow:hidden;background:var(--soft);border:1px solid var(--line)}
.galeria-swiat figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.galeria-swiat figure:hover img{transform:scale(1.04)}
.galeria-swiat figure.duza{grid-column:span 2;grid-row:span 2}
.galeria-swiat figure:nth-child(6){grid-column:1 / -1}
@media (max-width:860px){.galeria-swiat{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.galeria-swiat figure.duza{grid-column:span 2;grid-row:span 2}.galeria-swiat figure:nth-child(6){grid-column:1 / -1}}
.galeria-swiat-kredyt,.galeria-kredyt{margin:14px 0 0;font-size:12.5px;color:var(--ink-3)}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:24px}}
.split .photo{overflow:hidden;aspect-ratio:4/3;background:var(--soft);border:1px solid var(--line)}
.split .photo img{width:100%;height:100%;object-fit:cover}
.split .tekst p{color:var(--ink-2);line-height:1.7;margin:0 0 16px}
.split .tekst h2{margin-bottom:16px}

.plan{list-style:none;counter-reset:krok;margin:0;padding:0;display:grid;gap:0;max-width:76ch}
.plan li{counter-increment:krok;position:relative;padding:20px 0 20px 62px;border-bottom:1px solid var(--line);font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.plan li:first-child{border-top:1px solid var(--line)}
.plan li::before{content:counter(krok,decimal-leading-zero);position:absolute;left:0;top:20px;font-family:var(--f-mark);font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--brąz-zloty)}
.plan li::after{content:"";position:absolute;left:38px;top:26px;width:8px;height:8px;background:var(--gold)}

.cta-band{border-top:3px solid var(--gold)}
.cta-tresc{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,48px)}
.cta-tresc h2{color:#fff;margin-bottom:10px}
.cta-tresc .lead{color:rgba(255,255,255,.78)}
.cta-tresc .btns{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:640px){.cta-tresc .btns{width:100%}.cta-tresc .btn{width:100%}}

/* --- pasek zakupu na telefonie --- */
.pasek-zakupu{display:none}
@media (max-width:900px){
  .pasek-zakupu{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));z-index:34;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-top:2px solid var(--gold);box-shadow:0 -10px 24px -18px rgba(20,18,43,.5)}
  .pasek-zakupu[hidden]{display:none}
  .pz-info{display:grid;flex:1;min-width:0}
  .pz-nazwa{font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pz-cena{font-family:var(--f-head);font-size:17px;font-weight:700;color:var(--navy);line-height:1.2}
  .pasek-zakupu .btn{padding:13px 18px;white-space:nowrap}
}

/* --- ekran po zakupie --- */
.sklep-flow h2{font-size:clamp(20px,2vw,24px);max-width:none}
.po-zakupie{margin:0 0 clamp(28px,4vw,44px)}
.po-naglowek{display:flex;gap:18px;align-items:flex-start;background:var(--soft);border:1px solid var(--line);border-top:3px solid var(--gold);padding:clamp(20px,2.6vw,30px)}
.po-naglowek h2{margin:0 0 8px}
.po-naglowek p{margin:0;color:var(--ink-2);line-height:1.6;font-size:15px}
.ptaszek{display:grid;place-items:center;width:44px;height:44px;flex:none;background:var(--navy)}
.ptaszek svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.po-kroki{list-style:none;counter-reset:pk;margin:clamp(20px,2.6vw,30px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px)}
@media (max-width:860px){.po-kroki{grid-template-columns:1fr}}
.po-kroki li{counter-increment:pk;position:relative;padding:18px 18px 18px 20px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold)}
.po-kroki b{display:block;font-family:var(--f-mark);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brąz-zloty);margin-bottom:8px}
.po-kroki span{font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.po-kontakt{margin:20px 0 0;font-size:14px;color:var(--ink-2)}
.po-kontakt a{color:var(--navy-2)}
.sklep-flow .woocommerce-order-overview{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:0 0 26px;padding:0;border:1px solid var(--line)}
.sklep-flow .woocommerce-order-overview li{flex:1 1 160px;padding:16px 18px;border-right:1px solid var(--line);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.sklep-flow .woocommerce-order-overview li:last-child{border-right:0}
.sklep-flow .woocommerce-order-overview li strong{display:block;margin-top:6px;font-family:var(--f-head);font-size:17px;letter-spacing:0;text-transform:none;color:var(--ink)}
.sklep-flow .woocommerce-thankyou-order-received{display:none}

/* ==========================================================================
   Panel po dodaniu do koszyka: co dodane, ile w koszyku, dwa wyjścia.
   ========================================================================== */
.wk-panel{position:fixed;inset:0;z-index:60}
.wk-panel[hidden]{display:none}
.wk-panel-tlo{position:absolute;inset:0;background:rgba(20,18,43,.42);opacity:0;transition:opacity .25s ease}
.wk-panel.jest .wk-panel-tlo{opacity:1}
.wk-panel-okno{position:absolute;top:0;right:0;height:100%;width:min(420px,100%);background:#fff;border-left:3px solid var(--gold);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s var(--ease);overflow-y:auto;box-shadow:-24px 0 60px -30px rgba(20,18,43,.55)}
.wk-panel.jest .wk-panel-okno{transform:none}
.wk-panel-gora{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}
.wk-panel-gora strong{font-family:var(--f-head);font-size:17px;letter-spacing:-.01em}
.wk-ptaszek{display:grid;place-items:center;width:32px;height:32px;flex:none;background:var(--navy)}
.wk-ptaszek svg{width:17px;height:17px;stroke:var(--gold);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.wk-zamknij{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;background:none;border:1px solid transparent;cursor:pointer;color:var(--ink-3)}
.wk-zamknij:hover{color:var(--ink);border-color:var(--line-2)}
.wk-zamknij svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.wk-panel-tresc{padding:20px;display:grid;gap:18px;align-content:start}
.wk-dodany{display:flex;gap:14px;align-items:center}
.wk-dodany-foto img{width:76px;height:76px;object-fit:contain;background:var(--soft);border:1px solid var(--line);padding:6px}
.wk-dodany-etykieta{margin:0 0 4px;font-family:var(--f-mark);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--brąz-zloty)}
.wk-dodany-nazwa{margin:0;font-weight:600;font-size:16px;line-height:1.3;color:var(--ink)}
.wk-dodany-cena{margin:4px 0 0;font-size:14.5px;color:var(--ink-2)}
.wk-suma{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-2)}
.wk-suma b{font-family:var(--f-head);font-size:18px;color:var(--navy)}
.wk-dostawa p{margin:0 0 8px;font-size:13.5px;color:var(--ink-2)}
.wk-dostawa.gotowe p{color:#1F7A4D;font-weight:600}
.wk-pasek{display:block;height:5px;background:var(--line);overflow:hidden}
.wk-pasek i{display:block;height:100%;background:var(--gold);transition:width .4s var(--ease)}
.wk-dostawa.gotowe .wk-pasek i{background:#1F7A4D}
.wk-akcje{display:grid;gap:10px;margin-top:2px}
.wk-akcje .btn{width:100%;padding:15px 20px;font-size:15.5px;cursor:pointer;font-family:inherit}
.wk-link{justify-self:center;font-size:13.5px;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}
.wk-link:hover{color:var(--ink)}
@media (max-width:520px){
  .wk-panel-okno{width:100%;top:auto;bottom:0;height:auto;max-height:88vh;border-left:0;border-top:3px solid var(--gold);transform:translateY(100%)}
  .wk-panel.jest .wk-panel-okno{transform:none}
}
/* WooCommerce dokleja pod przyciskiem link "Zobacz koszyk"; mamy panel, więc jest zbędny */
.card .added_to_cart,.prod .added_to_cart{display:none}
.card .add.loading,.prod .single_add_to_cart_button.loading{opacity:.75;pointer-events:none}

/* ==========================================================================
   Koszyk WILKOR: lista pozycji zamiast tabeli.
   ========================================================================== */
.wk-koszyk{display:grid;gap:0;border-top:1px solid var(--line)}
.wk-poz{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto 32px;align-items:center;gap:clamp(14px,2vw,24px);padding:20px 0;border-bottom:1px solid var(--line)}
.wk-poz-foto img{width:96px;height:96px;object-fit:contain;background:var(--soft);border:1px solid var(--line);padding:8px}
.wk-poz-opis h3{font-size:17px;line-height:1.3;margin:0}
.wk-poz-opis h3 a{text-decoration:none;color:var(--ink)}
.wk-poz-opis h3 a:hover{color:var(--navy-2)}
.wk-poz-masa{margin:5px 0 0;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.wk-poz-cena{margin:6px 0 0;font-size:14px;color:var(--ink-2)}
.wk-poz-cena span{margin-left:6px;font-size:12.5px;color:var(--ink-3)}
.wk-poz-ilosc .quantity{display:flex}
.wk-poz-ilosc input.qty{width:84px;height:46px;padding:0 8px;text-align:center;font:inherit;font-size:15px;border:1px solid var(--line-2);background:#fff}
.wk-poz-ilosc input.qty:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 4px rgba(33,20,83,.08)}
.wk-poz-kwota{font-family:var(--f-head);font-size:19px;font-weight:700;color:var(--navy);white-space:nowrap;min-width:96px;text-align:right}
.wk-poz-usun a.remove{display:grid;place-items:center;width:32px;height:32px;font-size:22px;line-height:1;color:var(--ink-3);text-decoration:none;border:1px solid transparent;transition:color .2s,border-color .2s}
.wk-poz-usun a.remove:hover{color:#a3261f;border-color:var(--line-2);background:#fff}

.wk-koszyk-dol{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 0}
.wk-koszyk-dol .coupon{display:flex;gap:8px;flex-wrap:wrap}
.wk-koszyk-dol .coupon input[type="text"]{width:220px;padding:13px 14px;font:inherit;border:1px solid var(--line-2);background:#fff}
.wk-koszyk-dol .coupon button{padding:13px 18px;font:inherit;font-weight:600;background:#fff;color:var(--ink);border:1px solid var(--line-2);cursor:pointer}
.wk-koszyk-dol .coupon button:hover{border-color:var(--navy);color:var(--navy)}
.wk-koszyk-akcje{display:flex;align-items:center;gap:18px}
.wk-wroc{font-size:14px;color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.wk-wroc::before{content:"←";color:var(--gold)}
.wk-wroc:hover{color:var(--ink)}
.wk-koszyk-dol button[name="update_cart"]{padding:13px 18px;font:inherit;font-weight:600;background:var(--navy);color:#fff;border:0;cursor:pointer}
.wk-koszyk-dol button[name="update_cart"]:hover:not(:disabled){background:var(--navy-2)}
.wk-koszyk-dol button[name="update_cart"]:disabled{background:#fff;color:var(--ink-3);border:1px solid var(--line);cursor:default}

@media (max-width:720px){
  .wk-poz{grid-template-columns:76px minmax(0,1fr) auto;gap:14px;padding:18px 0}
  .wk-poz-foto img{width:76px;height:76px}
  .wk-poz-opis{grid-column:2;grid-row:1}
  .wk-poz-usun{grid-column:3;grid-row:1;align-self:start}
  .wk-poz-ilosc{grid-column:2;grid-row:2}
  .wk-poz-kwota{grid-column:3;grid-row:2;text-align:right;min-width:0;align-self:center}
  .wk-poz-foto{grid-row:1 / span 2}
  .wk-koszyk-dol{flex-direction:column;align-items:stretch}
  .wk-koszyk-dol .coupon input[type="text"]{flex:1;width:auto}
  .wk-koszyk-akcje{justify-content:space-between}
}

/* koszyk: korekty po pierwszym podglądzie */
.wk-poz-cena span{margin-left:0}
.wk-poz-cena > span{margin-left:6px;font-size:12.5px;color:var(--ink-3)}
.woocommerce .wk-poz-usun a.remove,.wk-poz-usun a.remove{color:var(--ink-3) !important;background:none !important}
.woocommerce .wk-poz-usun a.remove:hover,.wk-poz-usun a.remove:hover{color:#a3261f !important;background:#fff !important}
.sklep-flow .koszyk-pewnosc{grid-column:1;grid-row:1}
.sklep-flow .cart-collaterals{margin-top:clamp(20px,3vw,36px)}
@media (max-width:900px){.sklep-flow .koszyk-pewnosc{grid-column:1;grid-row:auto}}
.sklep-flow .cart-collaterals .cart_totals{grid-column:2;grid-row:1}

/* podsumowanie koszyka: wybór dostawy na całą szerokość, nie w wąskiej komórce */
.sklep-flow .cart_totals table,.sklep-flow .cart_totals tbody,.sklep-flow .cart_totals tr,.sklep-flow .cart_totals th,.sklep-flow .cart_totals td{display:block;width:100%;text-align:left}
.sklep-flow .cart_totals tr{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}
.sklep-flow .cart_totals tr:last-child{border-bottom:0}
.sklep-flow .cart_totals th{width:auto;padding:0;font-size:14.5px;font-weight:500;color:var(--ink-2)}
.sklep-flow .cart_totals td{width:auto;padding:0;text-align:right;font-weight:600}
.sklep-flow .cart_totals tr.woocommerce-shipping-totals{flex-direction:column;align-items:stretch}
.sklep-flow .cart_totals tr.woocommerce-shipping-totals td{width:100%;text-align:left;font-weight:400}
.sklep-flow .cart_totals #shipping_method{margin-top:8px}
.sklep-flow .cart_totals #shipping_method li label{font-size:14px}
.sklep-flow .cart_totals .order-total{padding-top:14px;border-top:1px solid var(--line-2)}
.sklep-flow .cart_totals .order-total th{font-size:16px;color:var(--ink);font-weight:600}
.sklep-flow .cart_totals .order-total td{font-size:19px;color:var(--navy)}
.sklep-flow .woocommerce-shipping-destination{font-size:12.5px;color:var(--ink-3);margin:6px 0 0}
.sklep-flow .shipping-calculator-button{font-size:13px;color:var(--navy-2)}
.sklep-flow .cart_totals th,.sklep-flow .cart_totals td,.sklep-flow .cart_totals table{border:0}
.sklep-flow .cart_totals tr{border-bottom:1px solid var(--line)}
.sklep-flow .cart_totals tr.order-total{border-bottom:0}

/* kasa na telefonie: podsumowanie zostaje zwykla tabela, tylko ciasniej */
@media (max-width:900px){
  .sklep-flow #order_review table.shop_table th,.sklep-flow #order_review table.shop_table td{padding:10px 0;font-size:14px}
  .sklep-flow #order_review table.shop_table td.product-total,.sklep-flow #order_review table.shop_table td.product-name{vertical-align:middle}
  .kasa-foto img{width:48px;height:48px}
}
/* WooCommerce wstawia ikonę z własnego fontu; bez niego wychodzi kwadracik */
.sklep-flow .woocommerce-info::before,.sklep-flow .woocommerce-message::before,.sklep-flow .woocommerce-error::before,.wk-panel .woocommerce-info::before{display:none}
.sklep-flow .woocommerce-info,.sklep-flow .woocommerce-message,.sklep-flow .woocommerce-error{padding-left:18px}

/* ==========================================================================
   Formularz kontaktowy
   ========================================================================== */
.wk-formularz{background:var(--soft);border:1px solid var(--line);border-top:3px solid var(--gold);padding:clamp(22px,3vw,34px)}
.wk-form-para{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:640px){.wk-form-para{grid-template-columns:1fr}}
.wk-formularz .pole label{display:flex;align-items:baseline;gap:6px}
.wk-formularz .wym{color:#a3261f}
.wk-formularz textarea{min-height:150px;resize:vertical;line-height:1.6}
.wk-formularz input::placeholder,.wk-formularz textarea::placeholder{color:var(--ink-3)}
.wk-pulapka{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wk-zgoda{display:flex;gap:10px;align-items:flex-start;margin:4px 0 20px;font-size:13px;line-height:1.55;color:var(--ink-2)}
.wk-zgoda input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--navy)}
.wk-zgoda a{color:var(--navy-2)}
.wk-formularz .btn{width:100%;max-width:280px;padding:16px 24px;font-size:15.5px;cursor:pointer;font-family:inherit;border:0}
.wk-komunikat{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);padding:16px 18px;margin:0 0 22px}
.wk-komunikat b{display:block;margin-bottom:4px;color:var(--ink)}
.wk-komunikat span{font-size:14px;line-height:1.6;color:var(--ink-2)}
.wk-komunikat.blad{border-left-color:#a3261f}
.wk-komunikat .wk-ptaszek{width:30px;height:30px}
.kontakt-siatka{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:900px){.kontakt-siatka{grid-template-columns:1fr}}
/* strona z formularzem potrzebuje pełnej szerokości, bo ma układ dwukolumnowy */
.tresc-szeroka{max-width:none}
.tresc-szeroka > .kontakt-siatka > div > *:first-child{margin-top:0}
.kontakt-siatka h2{font-size:clamp(20px,2vw,26px);margin:0 0 12px;padding-top:0;border-top:0}
.kontakt-siatka h2:not(:first-child){margin-top:30px;padding-top:16px;border-top:1px solid var(--gold-line)}
.kontakt-siatka p{margin:0 0 14px;line-height:1.7}

/* ---------- uwagi Marcela, 11.09 ---------- */
/* kadr kart bloga: psy w kadrze mają zostać w całości, nie ucięte w pół */
.wpis .media img{object-position:50% 30%}
/* stopka: dane sprzedawcy osobno od kontaktu */
.stopka-sprzedawca{margin:22px 0 0;font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.45);text-align:center}
/* kontakt: kontakt wprost, dane sprzedawcy w przygaszonej ramce */
.kontakt-wprost{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:12px}
.kontakt-wprost li{display:flex;align-items:center;gap:12px;font-size:17px}
.kontakt-wprost li a{color:var(--ink);text-decoration:none;font-weight:600}
.kontakt-wprost li a:hover{color:var(--navy-2)}
.kontakt-wprost .etykieta{flex:none;min-width:74px;font-family:var(--f-mark);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brąz-zloty)}
.dane-sprzedawcy{margin:28px 0 0;padding:16px 18px;background:var(--soft);border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink-2)}
.dane-sprzedawcy b{display:block;font-family:var(--f-mark);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brąz-zloty);margin-bottom:6px}

/* ---------- akcenty granatu na stałe (uwaga Marcela 9): wybrane sekcje, nie cała strona ---------- */
/* pasek zaufania zostaje jasny: tuz nad nim jest juz granatowy pas instynktow */
.strip{padding-top:clamp(28px,4vw,48px)}
/* nagłówki podstron bez zdjęcia i nagłówek ścieżki zakupu */
.page-hero.jasny{background:var(--granat-900);color:#fff;border-bottom:3px solid var(--gold)}
.page-hero.jasny h1{color:#fff}
.page-hero.jasny p{color:rgba(255,255,255,.8)}
.page-hero.jasny .eyebrow{color:var(--gold)}
.flow-head{background:var(--granat-900);border-bottom:3px solid var(--gold)}
.flow-head h1,.kroki .jest{color:#fff}
.kroki,.kroki .minal{color:rgba(255,255,255,.7)}
.kroki .nr{border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.8)}
.kroki .minal .nr{background:rgba(255,255,255,.14);border-color:transparent}
.kroki .jest .nr{background:var(--gold);border-color:var(--gold);color:var(--navy)}
/* sekcje z kartami na granacie: porady na głównej i trzy zasady na Świecie WILKOR */
.sec.granat{background:var(--granat-900);color:#fff;border-top:3px solid var(--gold)}
.sec.granat h2,.sec.granat h3,.sec.granat .eyebrow{color:#fff}
.sec.granat .sub,.sec.granat .lead{color:rgba(255,255,255,.78)}
.sec.granat .more{color:#fff}
.sec.granat .divider::before,.sec.granat .divider::after{background:linear-gradient(90deg,transparent,rgba(252,203,0,.7))}
.sec.granat .card,.sec.granat .wpis,.sec.granat .zasada{background:#fff;color:var(--ink);border-color:transparent}
.sec.granat .card h3,.sec.granat .wpis h3,.sec.granat .zasada h3{color:var(--ink)}
.sec.granat .zasada p,.sec.granat .wpis p,.sec.granat .card .desc{color:var(--ink-2)}
.sec.granat .wpis .meta{color:var(--ink-3)}
.sec.granat + .sec{border-top:0}

/* ---------- pas instynktów: granat, złota ramka, przycisk na kafelku ---------- */
.instynkty-pas{border-top:3px solid var(--gold);border-bottom:3px solid var(--gold)}
.instynkty-pas .eyebrow.mark{font-family:var(--f-mark);font-size:12px;letter-spacing:.22em;color:var(--gold)}
.instynkty-pas .eyebrow.mark::before{background:var(--gold)}
.instynkty-pas .sub{color:rgba(255,255,255,.72)}
.instynkty-pas .tile{border:1px solid rgba(252,203,0,.35);box-shadow:0 18px 40px -24px rgba(0,0,0,.8)}
.instynkty-pas .tile img{filter:saturate(.85) brightness(.9);transition:transform .8s var(--ease),filter .5s ease}
.instynkty-pas .tile::after{background:linear-gradient(180deg,rgba(20,18,43,.05) 25%,rgba(20,18,43,.6) 60%,rgba(20,18,43,.96) 100%)}
.instynkty-pas .tile .cap{padding:22px 20px 20px}
.instynkty-pas .tile .n{font-size:12px}
.instynkty-pas .tile h3{font-size:clamp(20px,1.7vw,25px)}
.instynkty-pas .tile p{color:rgba(255,255,255,.82)}
.instynkty-pas .tile .cta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 14px;border:0;background:var(--gold);color:var(--navy);font-size:12px;letter-spacing:.14em;transition:background .2s,transform .25s var(--ease)}
.instynkty-pas .tile .cta::after{transition:transform .3s var(--ease)}
.instynkty-pas .tile:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 28px 48px -22px rgba(0,0,0,.9)}
.instynkty-pas .tile:hover img{filter:saturate(1) brightness(1.02);transform:scale(1.06)}
.instynkty-pas .tile:hover .cta{background:#FFD633}
.instynkty-pas .tile:hover .cta::after{transform:translateX(5px)}
.instynkty-pas .tile:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media (max-width:860px){
  .instynkty-pas .tile .cta{margin-top:10px;padding:10px 12px;font-size:11px}
  .instynkty-pas .tile .cap{padding:14px}
}