/* Przystanek Internet — motyw (design system) — Mocha ogień na kremie */
:root{
    /* ---- PALETA CIEPŁA (domyślna) ---- */
    --paper:#F7F0E4; --paper2:#FEFBF4; --ink:#2A1C13; --muted:#8a7360;
    --lead:#FF9A2E;  --lead-ink:#2A1C13;         /* CTA, pinezki, trasa, linki */
    --marker:#FF9A2E;--marker-ink:#2A1C13;        /* highlighter */
    --pain-bg:#E19494; --pain-ink:#2A1C13;
    --test-bg:#F6D2C6;
    --news-bg:#8DBBB9; --news-ink:#2A1C13;
    --cut-a:#E19494; --cut-b:#8DBBB9;
    --spark:#8DBBB9; --sig:#E19494;

    --serif:"Fraunces","Didot","Bodoni 72",Georgia,serif;
    --sans:"Poppins","Futura","Century Gothic","Avenir Next",system-ui,sans-serif;
    --fun:"Fraunces","Didot",Georgia,serif;
    --script:"Snell Roundhand","Segoe Script","Bradley Hand","Comic Sans MS",cursive;
    --maxw:1180px;
  }
  /* ---- PALETA ELEKTRYKA ---- */
  .page[data-palette="electric"]{
    --paper:#F3EFE6; --paper2:#FCFAF3; --ink:#14101A; --muted:#6f6a7a;
    --lead:#2A1FE0;  --lead-ink:#ffffff;
    --marker:#E4FF32;--marker-ink:#14101A;
    --pain-bg:#2A1FE0; --pain-ink:#ffffff;
    --test-bg:#F6D2C6;
    --news-bg:#B01474; --news-ink:#ffffff;
    --cut-a:#2A1FE0; --cut-b:#B01474;
    --spark:#FF3B2E; --sig:#2A1FE0;
  }
  .page[data-palette="mocha-lime"]{
    --paper:#EC7FB0; --paper2:#FCEAF2; --ink:#2A0E1A; --muted:#8a4c68;
    --lead:#D8F23A; --lead-ink:#2A0E1A;
    --marker:#D8F23A; --marker-ink:#2A0E1A;
    --pain-bg:#2A0E1A; --pain-ink:#FCEAF2;
    --test-bg:#FCEAF2;
    --news-bg:#D8F23A; --news-ink:#2A0E1A;
    --cut-a:#2A0E1A; --cut-b:#D8F23A;
    --spark:#D8F23A; --sig:#2A0E1A;
  }
  .page[data-palette="mocha-fire"]{
    --paper:#F7F0E4; --paper2:#FEFBF4; --ink:#2A1C13; --muted:#7a4a2e;
    --lead:#F0402A; --lead-ink:#FFFFFF;
    --marker:#FF9BC0; --marker-ink:#2A1C13;
    --pain-bg:#F0402A; --pain-ink:#F7F0E4;
    --test-bg:#F6DCE8;
    --news-bg:#E7396E; --news-ink:#FFF2EC;
    --cut-a:#F0402A; --cut-b:#E7396E;
    --spark:#E7396E; --sig:#F0402A;
  }
  *{box-sizing:border-box}
  img,svg{max-width:100%}
  .page{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative;transition:background .4s}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(18px,4.5vw,52px);position:relative}
  a{color:inherit}

  .serif{font-family:var(--serif)}
  .disp{font-family:var(--serif);font-weight:700;line-height:1;letter-spacing:-.005em;text-wrap:balance}
  .it{font-style:italic}
  .sc{font-variant-caps:small-caps;letter-spacing:.02em}
  .eyebrow{font:600 11.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
  .script{font-family:var(--script)}
  .fun{font-family:var(--fun);font-weight:800;font-style:italic;letter-spacing:-.01em}
  .lead-c{color:var(--lead)}.spark-c{color:var(--spark)}

  .mark{background:linear-gradient(transparent 15%,var(--marker) 15%,var(--marker) 84%,transparent 84%);color:var(--marker-ink);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .08em;transition:background .4s}
  .under{position:relative;white-space:nowrap}
  .under::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.14em;height:.34em;background:var(--marker);border-radius:3px;z-index:-1;transform-origin:left;transition:background .4s}

  .pill{display:inline-flex;align-items:center;gap:12px;font:800 14px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;
    background:var(--lead);color:var(--lead-ink,#fff)!important;text-decoration:none;padding:17px 28px;border-radius:999px;border:none;cursor:pointer;
    box-shadow:0 11px 0 -4px color-mix(in srgb,var(--lead) 55%,#000);transition:transform .16s,box-shadow .16s,background .4s}
  .pill:hover{transform:translateY(-3px);box-shadow:0 15px 0 -4px color-mix(in srgb,var(--lead) 55%,#000)}
  .pill:active{transform:translateY(2px);box-shadow:0 5px 0 -4px color-mix(in srgb,var(--lead) 55%,#000)}
  .pill:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
  .pill.dark{background:var(--ink);color:var(--paper);box-shadow:0 11px 0 -4px #000}
  .pill svg{width:17px;height:17px}

  /* meta + palette switch */
  .meta{background:var(--ink);color:var(--paper)}
  .meta .wrap{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:9px 0;font-size:12px}
  .meta b{color:var(--lead)}.meta .mnote{opacity:.7}
  .pal-switch{margin-left:auto;display:flex;align-items:center;gap:8px}
  .pal-switch>span{opacity:.7;letter-spacing:.1em;text-transform:uppercase;font-size:11px}
  .pal-switch button{font:700 11.5px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;
    border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--paper);padding:8px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;transition:.16s}
  .pal-switch button .sw{width:11px;height:11px;border-radius:50%;display:inline-block}
  .pal-switch button.active{background:var(--paper);color:var(--ink);border-color:var(--paper)}

  .pin{width:26px;height:26px;flex:none}
  .top{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--paper) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);transition:background .4s}
  .top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px}
  .logo{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;font-size:20px}
  .logo .sc{font-variant-caps:small-caps}
  .top nav{display:flex;gap:22px;align-items:center}
  .top nav a{font:700 12.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
  .top nav a:hover{color:var(--lead)}
  .top nav a.mini{color:var(--lead-ink)}
  .top .mini{padding:10px 17px;font-size:11.5px}
  @media(max-width:820px){.top nav a:not(.mini){display:none}.pal-switch>span{display:none}}

  .doodle{position:absolute;pointer-events:none;z-index:5}
  .spin{animation:spin 16s linear infinite}
  .bob{animation:bob 6s ease-in-out infinite}
  .tape{position:absolute;width:82px;height:24px;background:color-mix(in srgb,var(--marker) 70%,transparent);z-index:6;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:background .4s}
  .cap{font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:5px 9px;display:inline-block}

  .cut{position:relative;border-radius:14px;overflow:hidden;background:var(--cut-a);display:flex;align-items:flex-end;justify-content:center;isolation:isolate;transition:background .4s}
  .cut.b{background:var(--cut-b)}
  .cut .person{width:74%;margin-bottom:-2%;color:var(--paper2);z-index:1}
  .cut::after{content:"";position:absolute;inset:0;z-index:2;mix-blend-mode:soft-light;background-image:radial-gradient(#fff 26%,transparent 27%);background-size:6px 6px;opacity:.55}
  .cut .note{position:absolute;left:10px;bottom:10px;z-index:3;font:500 11px/1.3 var(--sans);color:#fff;background:rgba(0,0,0,.32);padding:6px 8px;border-radius:6px;max-width:72%}

  .hero{position:relative;padding:clamp(24px,5vw,52px) 0 clamp(40px,7vw,86px);overflow:hidden}
  .hero .kick{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
  .hero .kick .eyebrow{padding:0;line-height:1.25}
  .hero .kick{flex-direction:column;align-items:flex-start;gap:6px}
  .hero .kick .eyebrow.lead{color:var(--lead);border-color:var(--lead)}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,60px);align-items:start}
  .hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(30px,4.4vw,52px);line-height:1.06;letter-spacing:-.012em;margin:0 0 22px}
  .hero h1 .l{display:block}
  .hero .lead{font-size:clamp(16px,1.8vw,20px);color:var(--muted);max-width:38ch;margin:0 0 28px}
  .cta-row{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
  .handnote{position:relative;font-family:var(--script);font-size:23px;color:var(--sig);max-width:14ch;line-height:1.1;transition:color .4s}
  .handnote svg{position:absolute;left:-42px;top:-6px;width:40px;height:40px;color:var(--sig)}
  .hero .figwrap{position:relative;justify-self:end;width:min(100%,400px)}
  .hero .cut{aspect-ratio:4/5}
  /* „you are here" mini route */
  .hereflag{position:absolute;z-index:6;left:-10%;top:38%;display:flex;align-items:center;gap:6px}
  .hereflag .dot{width:10px;height:10px;border-radius:50%;background:var(--lead)}
  .hereflag .ln{width:34px;height:0;border-top:2px dotted var(--lead)}
  .hereflag span{font:600 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--lead)}

  .marquee{background:var(--ink);color:var(--paper);overflow:hidden;padding:14px 0;transition:background .4s}
  .marquee.lead{background:var(--lead);color:var(--lead-ink)}
  .mtrack{display:flex;gap:30px;width:max-content;animation:marq 28s linear infinite}
  .marquee.rev .mtrack{animation-direction:reverse}
  .marquee:hover .mtrack{animation-play-state:paused}
  .mtrack span{font-family:var(--fun);font-style:italic;font-weight:800;font-size:clamp(20px,2.8vw,32px);display:inline-flex;align-items:center;gap:30px;white-space:nowrap}
  .mtrack span::after{content:"\25CF";font-style:normal;font-size:.5em;color:var(--lead)}
  .marquee.lead .mtrack span::after{color:var(--lead-ink)}

  .sec{padding:clamp(56px,9vw,116px) 0;position:relative}
  .sec-head{margin-bottom:clamp(28px,4vw,52px)}
  .sec-head .eyebrow{margin-bottom:14px;display:inline-block}
  .sec-head h3{font-family:var(--serif);font-weight:700;font-size:clamp(34px,5.6vw,72px);line-height:1;margin:0;max-width:20ch}

  .meet-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,60px);align-items:center}
  .meet .figwrap{position:relative;width:min(100%,360px)}
  .meet .cut{aspect-ratio:3/4}
  .meet p{font-size:clamp(16px,1.7vw,19px);color:var(--muted);max-width:46ch}
  .meet .sig{font-family:var(--script);font-size:38px;color:var(--sig);margin-top:10px;transition:color .4s}

  .pain{background:var(--pain-bg);color:var(--pain-ink);overflow:hidden;transition:background .4s}
  .pain .eyebrow{color:var(--pain-ink);opacity:.75}
  .pain .sec-head h3{color:var(--pain-ink)}
  .bubbles{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
  .bub{background:var(--paper2);color:var(--ink);border-radius:20px 20px 20px 5px;padding:22px 24px;font-size:16px;position:relative;box-shadow:0 22px 44px -26px rgba(0,0,0,.5)}
  .bub:nth-child(2){transform:rotate(-2.2deg)}
  .bub:nth-child(3){transform:rotate(1.6deg)}
  .bub.you{background:var(--lead);color:var(--lead-ink);border-radius:20px 20px 5px 20px}
  .bub .who{font:700 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.55;display:block;margin-bottom:10px}
  .ba-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
  .ba{border:2px solid color-mix(in srgb,var(--pain-ink) 35%,transparent);border-radius:18px;padding:24px}
  .ba h4{margin:0 0 8px;font-family:var(--fun);font-style:italic;font-weight:800;font-size:22px}
  .ba p{margin:0;font-size:16px}

  .statement{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);padding:clamp(64px,11vw,150px) 0;transition:background .4s}
  .statement h3{font-family:var(--serif);font-weight:700;font-size:clamp(40px,7.6vw,108px);line-height:1;margin:0;max-width:14ch}
  .statement h3 .it{color:var(--lead);transition:color .4s}

  .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:26px}
  .card{background:var(--paper2);border:1.5px solid var(--ink);border-radius:6px;padding:28px 26px;display:flex;flex-direction:column;gap:14px;position:relative;transition:transform .2s,box-shadow .2s;box-shadow:6px 6px 0 var(--ink)}
  .card:nth-child(2){transform:rotate(-1.2deg)}
  .card:nth-child(3){transform:rotate(1deg)}
  .card:hover{transform:translateY(-5px) rotate(0);box-shadow:10px 12px 0 var(--lead)}
  .card .num{font-family:var(--fun);font-style:italic;font-weight:800;font-size:16px;color:var(--spark)}
  .card h4{font-family:var(--serif);font-weight:700;font-size:25px;line-height:1.04;margin:0}
  .card p{margin:0;color:var(--muted);font-size:15.5px;flex:1}
  .card a{align-self:flex-start;font:700 12.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--lead);text-decoration:none;display:inline-flex;gap:8px;transition:gap .16s}
  .card a:hover{gap:13px}

  .route{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
  .route::before{content:"";position:absolute;top:19px;left:6%;right:6%;border-top:3px dotted var(--lead);z-index:0;transition:border-color .4s}
  .stop{position:relative;z-index:1;padding-top:52px}
  .stop .pinno{position:absolute;top:0;left:0;width:40px;height:40px}
  .stop .pinno svg{width:40px;height:40px}
  .stop .pinno svg path{fill:var(--lead);transition:fill .4s}
  .stop .pinno b{position:absolute;top:9px;left:0;right:0;text-align:center;font:800 14px/1 var(--sans);color:var(--lead-ink)}
  .stop h4{font-family:var(--serif);font-weight:700;font-size:21px;margin:0 0 8px}
  .stop p{margin:0;color:var(--muted);font-size:15px}
  @media(max-width:820px){.route{grid-template-columns:1fr 1fr}.route::before{display:none}}
  @media(max-width:520px){.route{grid-template-columns:1fr}}

  .track-wrap{}
  .track-wrap::-webkit-scrollbar{height:8px}
  .track-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 25%,transparent);border-radius:8px}
  .track{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
  .tcard{width:auto;background:var(--paper2);border:1.5px solid var(--ink);border-radius:6px;padding:30px}
  .tcard blockquote{font-family:var(--serif);font-weight:700;font-size:clamp(23px,2.7vw,32px);line-height:1.08;margin:0}
  .tcard .who{display:flex;align-items:center;gap:14px;margin-top:22px}
  .tcard .av{width:48px;height:48px;border-radius:50%;background:var(--cut-b);color:var(--paper2);display:grid;place-items:center;font-family:var(--serif);font-weight:700;transition:background .4s}
  .tcard .who small{color:var(--muted);display:block}

  .signup{background:var(--news-bg);color:var(--news-ink);border-radius:12px;padding:clamp(30px,5vw,58px);display:grid;grid-template-columns:1fr auto;gap:clamp(22px,4vw,44px);align-items:center;position:relative;overflow:hidden;transition:background .4s}
  .signup h3{font-family:var(--serif);font-weight:700;font-size:clamp(30px,4.2vw,54px);margin:0;max-width:15ch;line-height:1.02}
  .signup p{margin:12px 0 0;max-width:38ch;opacity:.92}
  .form{display:flex;gap:10px;flex-wrap:wrap;z-index:2}
  .form input{border:none;border-radius:999px;padding:16px 22px;font:500 15px var(--sans);min-width:220px;flex:1}

  .foot{background:var(--ink);color:var(--paper);padding:clamp(46px,7vw,84px) 0 40px;position:relative;overflow:hidden;transition:background .4s}
  .foot .iglab{display:flex;align-items:center;gap:12px;font-family:var(--fun);font-style:italic;font-weight:800;font-size:22px;margin-bottom:24px}
  .iggrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:32px}
  .iggrid div{aspect-ratio:1;border-radius:8px;background:var(--cut-a);transition:background .4s}
  .iggrid div:nth-child(3n){background:var(--cut-b)}
  .iggrid div:nth-child(3n+1){background:var(--lead)}
  .iggrid div:nth-child(4){background:var(--test-bg)}
  .fbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.15);padding-top:22px;font-size:13px;opacity:.7}

  .wave{display:block;width:100%;height:clamp(40px,6vw,76px);margin-bottom:-1px}
  .wave path{fill:var(--pain-bg);transition:fill .4s}

  .rv{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
  .rv.in{opacity:1;transform:none}
  .rv .under::after{transform:scaleX(0)}
  .rv.in .under::after{transform:scaleX(1);transition:transform .7s .3s cubic-bezier(.2,.7,.2,1),background .4s}
  @keyframes marq{to{transform:translateX(-50%)}}
  @keyframes spin{to{transform:rotate(360deg)}}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
  @keyframes rise{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}
  .rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
  .rise.d1{animation-delay:.1s}.rise.d2{animation-delay:.22s}.rise.d3{animation-delay:.34s}

  @media(max-width:840px){.hero-grid,.meet-grid,.signup{grid-template-columns:1fr}.hero .figwrap,.meet .figwrap{justify-self:start;margin-top:26px}.ba-row{grid-template-columns:1fr}.iggrid{grid-template-columns:repeat(4,1fr)}.hereflag{display:none}}
  @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:background .01s,color .01s!important}.rv{opacity:1;transform:none}.rv .under::after{transform:scaleX(1)}}

/* v7: monogram, pieczątka, slot zdjęcia, kolaż */
.mono-hero{position:absolute;z-index:0;left:-7%;top:-6%;font-family:var(--serif);font-weight:700;
  font-variation-settings:'opsz' 144;font-size:clamp(120px,17vw,240px);line-height:.58;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:2px var(--spark);opacity:.9;user-select:none;pointer-events:none}
.figwrap .cut{position:relative;z-index:1}
.phc{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;
  color:var(--paper2);padding:26px;text-align:center;margin:auto}
.phc svg{width:52px;height:52px;opacity:.92}
.phc b{font:600 13px/1.35 var(--sans);letter-spacing:.02em;opacity:.92}
.cut{align-items:center}
.stamp{position:absolute;z-index:7;width:clamp(84px,10vw,116px);height:clamp(84px,10vw,116px)}
.stamp svg{width:100%;height:100%;overflow:visible}
.stamp text{font-family:var(--sans);font-weight:700;font-size:8.6px;letter-spacing:.12em;text-transform:uppercase;fill:var(--ink)}
.stamp .rot{transform-origin:50px 50px;animation:spin 22s linear infinite}
@media(max-width:840px){.stamp{width:88px;height:88px;top:-3%!important;left:auto!important;right:-2%}
  .mono-hero{font-size:190px;right:-8%;bottom:-2%;opacity:.9}}
@media (prefers-reduced-motion:reduce){.stamp .rot{animation:none}}


/* v12: notatka zamiast drugiego zdjęcia */
.meet-note{position:relative;display:flex;align-items:center}
.notecard{background:var(--ink);color:var(--paper2);border-radius:16px;padding:clamp(28px,4vw,46px);position:relative;width:100%;box-shadow:0 24px 44px -30px rgba(0,0,0,.5);transform:rotate(-1.4deg)}
.nc-quote{font-family:var(--script);font-size:clamp(24px,3.2vw,38px);line-height:1.22;display:block}

/* v15: oferta rozszerzona — pakiety */
.pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.pkg{position:relative;background:var(--paper2);border:1.5px solid var(--ink);border-radius:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:6px 6px 0 var(--ink);transition:transform .2s,box-shadow .2s}
.pkg:hover{transform:translateY(-5px);box-shadow:10px 12px 0 var(--lead)}
.pkg-head{padding:24px 26px 18px;border-bottom:1.5px dashed color-mix(in srgb,var(--ink) 25%,transparent)}
.pkg .num{font-family:var(--fun);font-style:italic;font-weight:800;font-size:15px;color:var(--spark)}
.pkg h4{font-family:var(--serif);font-weight:700;font-size:26px;line-height:1.03;margin:6px 0 8px;font-variation-settings:'opsz' 80}
.pkg .hook{margin:0;color:var(--muted);font-size:15px}
.pkg-body{padding:22px 26px 26px;display:flex;flex-direction:column;gap:18px;flex:1}
.pkg ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.pkg li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.pkg li svg{flex:none;width:17px;height:17px;color:var(--lead);margin-top:3px}
.pkg .price{font-family:var(--serif);font-weight:700;font-size:26px;margin-top:auto;font-variation-settings:'opsz' 80}
.pkg .price small{display:block;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pkg .pill{align-self:flex-start}
.pkg.feature{border-color:var(--lead);box-shadow:6px 6px 0 var(--lead)}
.pkg.feature:hover{box-shadow:10px 12px 0 var(--ink)}
.pkg.feature .pkg-head{background:var(--lead);color:var(--lead-ink);border-bottom-color:color-mix(in srgb,var(--lead-ink) 40%,transparent)}
.pkg.feature .pkg-head .num{color:var(--marker)}
.pkg.feature .pkg-head .hook{color:color-mix(in srgb,var(--lead-ink) 85%,transparent)}
.sticker-badge{position:absolute;top:-11px;right:16px;z-index:4;background:var(--marker);color:var(--marker-ink);font:700 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:8px 13px;border-radius:999px;transform:rotate(4deg);box-shadow:0 5px 14px rgba(0,0,0,.16)}

/* v16: portfolio — przystanki na trasie */
.route-proj{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,42px)}
.route-proj::before{content:"";position:absolute;top:19px;left:9%;right:9%;border-top:3px dotted var(--lead);z-index:0}
.proj{position:relative;z-index:1;padding-top:54px}
.proj .pinno{position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:40px}
.proj .pinno svg{width:40px;height:40px}
.proj .pinno svg path{fill:var(--lead)}
.proj .pinno b{position:absolute;top:9px;left:0;right:0;text-align:center;font:800 14px/1 var(--sans);color:var(--lead-ink)}
.browser{border:1.5px solid var(--ink);border-radius:10px;overflow:hidden;background:var(--paper2);box-shadow:6px 6px 0 var(--ink);transition:transform .2s,box-shadow .2s}
.proj:nth-child(1) .browser{transform:rotate(-1.6deg)}
.proj:nth-child(3) .browser{transform:rotate(1.6deg)}
.proj:hover .browser{transform:translateY(-5px) rotate(0);box-shadow:10px 12px 0 var(--lead)}
.browser-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1.5px solid var(--ink)}
.browser-bar i{width:9px;height:9px;border-radius:50%;background:var(--ink);opacity:.4;flex:none}
.browser-bar .url{margin-left:6px;font:600 11px/1 var(--sans);color:var(--muted);background:color-mix(in srgb,var(--ink) 8%,transparent);padding:5px 9px;border-radius:6px;flex:1;text-align:center}
.browser-shot{aspect-ratio:16/11;background:var(--c);display:grid;place-items:center;color:var(--paper2)}
.browser-shot span{font-family:var(--fun);font-style:italic;font-weight:800;font-size:20px;opacity:.9}
.result-badge{position:absolute;z-index:3;right:-8px;top:46px;background:var(--marker);color:var(--marker-ink);font:700 11px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;padding:8px 12px;border-radius:999px;transform:rotate(5deg);box-shadow:0 5px 14px rgba(0,0,0,.16)}
.proj-cap{margin-top:16px;text-align:center}
.proj-cap b{font-family:var(--serif);font-weight:700;font-size:19px;display:block}
.proj-cap small{color:var(--muted)}
@media(max-width:820px){.route-proj{grid-template-columns:1fr;gap:44px}.route-proj::before{display:none}.proj:nth-child(1) .browser,.proj:nth-child(3) .browser{transform:none}}

/* v17: kopalnia inspiracji */
.mine-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(22px,4vw,44px);align-items:start}
.mine-feat{position:relative;background:var(--paper2);border:1.5px solid var(--ink);border-radius:10px;padding:clamp(26px,3vw,38px);box-shadow:6px 6px 0 var(--ink);overflow:hidden}
.mine-tag{font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--lead);display:inline-block;margin-bottom:14px}
.mine-feat h4{font-family:var(--serif);font-weight:700;font-size:clamp(23px,3vw,34px);line-height:1.06;margin:0 0 12px;font-variation-settings:'opsz' 80}
.mine-feat p{color:var(--muted);margin:0 0 18px;font-size:16px;max-width:46ch}
.mine-link{font:800 13px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--lead);text-decoration:none;display:inline-flex;gap:8px;transition:gap .16s;position:relative;z-index:1}
.mine-link:hover{gap:13px}
.mine-badge{position:absolute;top:16px;right:16px;z-index:2;background:var(--marker);color:var(--marker-ink);font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;border-radius:999px;transform:rotate(4deg)}
.mine-list{display:flex;flex-direction:column}
.mine-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;border-bottom:1.5px dashed color-mix(in srgb,var(--ink) 25%,transparent);text-decoration:none;color:inherit;transition:transform .16s}
.mine-row:first-child{border-top:1.5px dashed color-mix(in srgb,var(--ink) 25%,transparent)}
.mine-row .mine-tag{margin:0 0 5px}
.mine-row b{font-family:var(--serif);font-weight:700;font-size:18px;line-height:1.16;display:block}
.mine-arrow{width:22px;height:22px;flex:none;color:var(--lead)}
.mine-row:hover{transform:translateX(5px)}
.mine-row:hover b{color:var(--lead)}
@media(max-width:820px){.mine-grid{grid-template-columns:1fr}}

/* --- Dodatki dla integracji z WordPressem --- */
.cut-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.logo{text-decoration:none;color:var(--ink)}
.logo .sc,.logo .pin{color:var(--ink)}
.iglab{text-decoration:none;color:inherit}
.top nav ul{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0}
.top nav li{list-style:none}
.entry-content{font-size:17px}
.entry-content p{margin:0 0 1em}
.entry-content a{color:var(--lead)}
.browser-shot img{width:100%;height:100%;object-fit:cover;display:block}

/* --- Strona główna Weroniki: warianty i poprawki --- */
.disp{line-height:1.06}
.sec-head h3{max-width:none;line-height:1.07}
.hero h1{line-height:1.07}
.card h4{line-height:1.14}
.cards.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:640px){.cards.two{grid-template-columns:1fr}}
.route-proj.grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.route-proj.grid{grid-template-columns:1fr}}
.route-proj.grid::before{display:none}.route-proj.grid .proj{padding-top:0}
.tcard blockquote{font-size:clamp(17px,1.9vw,21px);font-variation-settings:'opsz' 40}
.cut:has(.cut-photo)::after{display:none}
.ig-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:6px 0 30px}
.ig-tile{aspect-ratio:1;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;color:rgba(255,255,255,.4);transition:.16s;text-decoration:none;overflow:hidden}
.ig-tile img{width:100%;height:100%;object-fit:cover}
.ig-tile:hover{background:rgba(255,255,255,.12);color:var(--marker);transform:translateY(-2px)}
.ig-tile svg{width:24px;height:24px}
@media(max-width:640px){.ig-row{grid-template-columns:repeat(3,1fr)}}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,40px);margin-bottom:30px}
.foot-cols h5{font:700 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--lead);margin:0 0 14px}
.foot-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot-cols a,.foot-cols li{color:var(--paper);opacity:.85;text-decoration:none;font-size:14px;line-height:1.5}
.foot-cols a:hover{opacity:1;color:var(--marker)}
.foot-cols p{color:var(--paper);opacity:.8;font-size:13.5px;line-height:1.65;margin:0}
@media(max-width:640px){.foot-cols{grid-template-columns:1fr}}

/* ================= PODSTRONY + BLOG ================= */
.page-header{padding:clamp(46px,7vw,88px) 0 clamp(20px,3vw,34px);position:relative;overflow:hidden}
.page-header .eyebrow{margin-bottom:14px;display:inline-block}
.page-header h1{font-family:var(--serif);font-weight:700;font-size:clamp(38px,6.5vw,76px);line-height:1.02;letter-spacing:-.01em;margin:0;font-variation-settings:'opsz' 144;text-wrap:balance}
.page-header .lead{color:var(--muted);max-width:60ch;margin:18px 0 0;font-size:clamp(16px,1.8vw,19px)}
.page-header .hdoodle{position:absolute;right:5%;top:26%;width:60px;color:var(--marker);pointer-events:none}

.entry{padding:clamp(8px,2vw,20px) 0 clamp(56px,8vw,96px)}
.entry-content{max-width:720px;margin:0 auto;font-size:17px;line-height:1.75;color:var(--ink)}
.entry-content > *{margin:0 0 1.15em}
.entry-content > *:last-child{margin-bottom:0}
.entry-content h2{font-family:var(--serif);font-weight:700;font-size:clamp(26px,3.4vw,38px);line-height:1.12;margin:1.6em 0 .45em;font-variation-settings:'opsz' 80}
.entry-content h3{font-family:var(--serif);font-weight:700;font-size:clamp(20px,2.5vw,27px);line-height:1.15;margin:1.4em 0 .4em}
.entry-content h4{font-family:var(--sans);font-weight:700;font-size:18px;margin:1.3em 0 .35em}
.entry-content a{color:var(--lead);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}
.entry-content a:hover{text-decoration-thickness:2.5px}
.entry-content strong{font-weight:700}
.entry-content ul,.entry-content ol{padding:0;list-style:none;display:grid;gap:11px;margin-left:2px}
.entry-content ul li{position:relative;padding-left:30px}
.entry-content ul li::before{content:"";position:absolute;left:2px;top:.62em;width:11px;height:11px;background:var(--lead);transform:rotate(45deg)}
.entry-content ol{counter-reset:li}
.entry-content ol li{position:relative;padding-left:40px;counter-increment:li}
.entry-content ol li::before{content:counter(li);position:absolute;left:0;top:-.05em;font-family:var(--serif);font-style:italic;font-weight:700;font-size:22px;color:var(--lead)}
.entry-content blockquote{border-left:4px solid var(--lead);padding:4px 0 4px 22px;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.4vw,26px);line-height:1.3;color:var(--ink)}
.entry-content img{border-radius:14px;height:auto}
.entry-content figure{margin:1.4em 0}
.entry-content hr{border:none;border-top:1.5px dashed color-mix(in srgb,var(--ink) 28%,transparent);margin:2em 0}
.entry-content table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.entry-content th,.entry-content td{border:1.5px solid color-mix(in srgb,var(--ink) 16%,transparent);padding:11px 13px;text-align:left}
.entry-content th{background:color-mix(in srgb,var(--lead) 10%,transparent);font-weight:700}
.entry-content .wp-block-button__link,.entry-content .btn,.entry-content .button{display:inline-flex;align-items:center;gap:10px;font:800 14px/1 var(--sans);letter-spacing:.03em;text-transform:uppercase;background:var(--lead);color:var(--lead-ink);text-decoration:none;padding:16px 26px;border-radius:999px;box-shadow:0 10px 0 -4px color-mix(in srgb,var(--lead) 55%,#000);transition:transform .16s}
.entry-content .wp-block-button__link:hover,.entry-content .btn:hover{transform:translateY(-2px)}

/* blog listing */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.post-card{display:flex;flex-direction:column;background:var(--paper2);border:1.5px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:6px 6px 0 var(--ink);transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit}
.post-card:hover{transform:translateY(-5px);box-shadow:10px 12px 0 var(--lead)}
.post-card .thumb{aspect-ratio:16/10;background:var(--cut-a);overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover}
.post-card .pc-body{padding:22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.post-card .pc-tag{font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--lead)}
.post-card h3{font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.12;margin:0;font-variation-settings:'opsz' 60}
.post-card p{margin:0;color:var(--muted);font-size:14.5px;flex:1}
.post-card .pc-more{font:800 12.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--lead)}

/* single post */
.single-wrap{max-width:760px;margin:0 auto}
.single-meta{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:13.5px;margin-top:10px}
.single-hero-img{max-width:900px;margin:clamp(20px,3vw,34px) auto 0;border-radius:16px;overflow:hidden}
.single-hero-img img{width:100%;height:auto;display:block}
.back-link{display:inline-flex;gap:8px;font:800 13px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--lead);text-decoration:none;margin-top:34px}

/* pagination */
.pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:44px}
.pagination a,.pagination span{min-width:42px;height:42px;display:grid;place-items:center;border-radius:999px;border:1.5px solid var(--ink);font-weight:700;text-decoration:none;color:var(--ink);padding:0 12px}
.pagination .current{background:var(--lead);color:var(--lead-ink);border-color:var(--lead)}
.pagination a:hover{background:var(--ink);color:var(--paper)}

/* 404 */
.err{text-align:center;padding:clamp(60px,10vw,120px) 0}
.err .big{font-family:var(--serif);font-weight:700;font-size:clamp(80px,18vw,200px);line-height:.9;color:var(--lead);font-variation-settings:'opsz' 144}

.pagination .nav-links{display:contents}

/* ===== Podstrona: O mnie ===== */
.page-header h1{text-wrap:balance}
.about-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,56px);align-items:start;margin-bottom:clamp(30px,5vw,54px)}
.about-intro .cut{aspect-ratio:4/5;position:sticky;top:80px}
.about-intro .about-text>*{margin:0 0 1.1em}
.about-intro .about-text .lead-p{font-size:clamp(18px,2vw,22px);color:var(--ink);font-family:var(--serif);line-height:1.35}
.dyplomy{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dyplomy .dip{border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:4/3;display:grid;place-items:center;box-shadow:5px 5px 0 var(--ink)}
.dyplomy .dip img{width:100%;height:100%;object-fit:contain}
.dyplomy .dip.ph{color:var(--muted);font:600 12.5px/1.4 var(--sans);text-align:center;padding:16px;border-style:dashed;background:var(--paper2)}
.vid-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vid{aspect-ratio:9/13;border-radius:14px;background:var(--cut-a);border:1.5px solid var(--ink);display:grid;place-items:center;position:relative;overflow:hidden}
.vid::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(0,0,0,.12),rgba(0,0,0,.34))}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.vid .play{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:var(--paper2);display:grid;place-items:center;color:var(--ink)}
.vid .play svg{width:22px;height:22px;margin-left:3px}
.vid .nm{position:absolute;z-index:1;bottom:12px;left:12px;color:#fff;font:700 13px/1 var(--sans)}
@media(max-width:820px){.about-intro{grid-template-columns:1fr}.about-intro .cut{position:relative;top:0;max-width:360px}}
@media(max-width:640px){.vid-row,.dyplomy{grid-template-columns:1fr 1fr}}

/* Oferta: czyste 2x2 (bez przekrzywień) + umiarkowany cytat */
.cards.two .card{transform:none}
.cards.two .card:hover{transform:translateY(-5px)}
.pi-quote{background:var(--ink);color:var(--paper);padding:clamp(44px,7vw,84px) 0;text-align:center;position:relative;overflow:hidden}
.pi-quote blockquote{font-family:var(--serif);font-style:italic;font-weight:700;font-size:clamp(22px,3vw,34px);line-height:1.28;margin:0 auto;max-width:28ch;font-variation-settings:'opsz' 60}
.pi-quote .author{margin-top:22px;font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--lead)}

/* ===== Podstrona usługi (Tworzenie WWW) ===== */
.faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.faq-item{border:1.5px solid var(--ink);border-radius:12px;background:var(--paper2);overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 22px;font-family:var(--serif);font-weight:700;font-size:clamp(16px,1.9vw,19px);display:flex;justify-content:space-between;gap:14px;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-family:var(--sans);font-weight:700;color:var(--lead);font-size:24px;line-height:1;transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .faq-a{padding:0 22px 20px;color:var(--muted);font-size:15.5px;line-height:1.65}
.faq-item .faq-a a{color:var(--lead)}
.pricing{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.price-card{border:1.5px solid var(--ink);border-radius:14px;padding:clamp(24px,3vw,32px);background:var(--paper2);box-shadow:6px 6px 0 var(--ink)}
.price-card h3{font-family:var(--serif);font-weight:700;font-size:23px;margin:0 0 10px}
.price-card p{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0 0 16px}
.price-card .amount{font-family:var(--serif);font-weight:700;font-size:clamp(20px,2.4vw,28px);color:var(--lead);display:block}
@media(max-width:700px){.pricing{grid-template-columns:1fr}}
.testi-long{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}
.testi-long .t{border:1.5px solid var(--ink);border-radius:14px;padding:26px;background:var(--paper2);display:flex;flex-direction:column;box-shadow:5px 5px 0 var(--ink)}
.testi-long .t .q{font-size:15px;line-height:1.62;margin:0 0 16px;color:var(--ink);flex:1}
.testi-long .t b{font-family:var(--serif);font-weight:700;font-size:17px;display:block}
.testi-long .t small{color:var(--muted)}
.cta-band{background:var(--news-bg);color:var(--news-ink);border-radius:16px;padding:clamp(28px,5vw,48px);text-align:center}
.cta-band h3{font-family:var(--serif);font-weight:700;font-size:clamp(24px,3.4vw,36px);margin:0;color:#fff}
.cta-band p{margin:12px 0 22px;opacity:.92}

/* Realizacje (kafle) + wyrównanie treści usługi do lewej */
.realizacje-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.realizacje-grid .r-tile{aspect-ratio:1;border:1.5px solid var(--ink);border-radius:14px;overflow:hidden;background:var(--paper2);box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s;display:block}
.realizacje-grid .r-tile:hover{transform:translateY(-4px);box-shadow:9px 10px 0 var(--lead)}
.realizacje-grid .r-tile img{width:100%;height:100%;object-fit:cover;display:block}
.entry-content.left{margin-left:0}
.faq.left{margin-left:0}

/* Konsultacje: etykieta "Wybierz jeśli" + notka ceny */
.pkg-when{font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
.pkg .price small{line-height:1.4}
.pkg .hook.it{font-style:italic}

/* Konsultacje: poprawki pakietów + intro dwukolumnowe + opinie-screeny */
.pkg{overflow:visible}
.pkg-head{border-radius:10px 10px 0 0}
.pkgs{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.pkgs{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}}
.svc-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(28px,5vw,56px);align-items:start}
.svc-intro .cut{aspect-ratio:4/5;position:sticky;top:80px}
.svc-intro .entry-content{max-width:none}
@media(max-width:820px){.svc-intro{grid-template-columns:1fr}.svc-intro .cut{position:relative;top:0;max-width:340px}}
.reviews-grid{columns:3;column-gap:16px}
.reviews-grid .review{break-inside:avoid;margin:0 0 16px;border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;box-shadow:4px 4px 0 var(--ink);background:var(--paper2)}
.reviews-grid .review img{width:100%;display:block}
.reviews-grid .review.ph{aspect-ratio:3/4;display:grid;place-items:center;color:var(--muted);font:600 12.5px/1.4 var(--sans);text-align:center;padding:16px;border-style:dashed}
@media(max-width:900px){.reviews-grid{columns:2}}
@media(max-width:560px){.reviews-grid{columns:1}}

/* Konsultacje: równanie pakietów (cena w nagłówku, CTA na dole) */
.pkg-body{gap:16px}
.pkg-body > ul{flex:1}
.pkg-body .pill{margin-top:auto;justify-content:center;text-align:center}
.pkg-head .price{margin:14px 0 0}
.pkg-head .price .amt{font-family:var(--serif);font-weight:700;font-size:clamp(24px,3vw,32px);display:block;line-height:1;color:var(--ink);font-variation-settings:'opsz' 80}
.pkg-head .price small{display:block;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:7px;line-height:1.4}
.pkg.feature .pkg-head .price .amt{color:var(--lead-ink)}
.pkg.feature .pkg-head .price small{color:color-mix(in srgb,var(--lead-ink) 82%,transparent)}
.pkg .hook.it{color:var(--muted);font-size:14px;margin:0}

.pkg-body .pill{align-self:center}

/* ===== Szkolenia ===== */
.training{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.training .tc{border:1.5px solid var(--ink);border-radius:14px;padding:clamp(24px,3vw,32px);background:var(--paper2);box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column;gap:14px}
.training .tc h4{font-family:var(--serif);font-weight:700;font-size:clamp(20px,2.4vw,26px);margin:0;font-variation-settings:'opsz' 60}
.training .tc .lbl{font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.training .tc ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;flex:1}
.training .tc li{position:relative;padding-left:26px;font-size:15px}
.training .tc li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;background:var(--lead);transform:rotate(45deg)}
.training .tc .pill{align-self:flex-start}
@media(max-width:760px){.training{grid-template-columns:1fr}}
.testi-long .t .who2{display:flex;align-items:center;gap:12px;margin-top:6px}
.testi-long .t .who2 img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--ink);flex:none}
.testi-long .t .who2 .ini{width:48px;height:48px;border-radius:50%;background:var(--cut-b);color:var(--paper2);display:grid;place-items:center;font-family:var(--serif);font-weight:700;flex:none}
.testi-long .t .who2 b{display:block}
.testi-long .t .who2 small{color:var(--muted)}

/* ===== Kontakt ===== */
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,56px);align-items:start}
.kontakt-info .kontakt-rodo{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 24px;max-width:none}
.kontakt-info .lead-p{font-family:var(--serif);font-size:clamp(17px,1.9vw,20px);line-height:1.4;margin:0 0 22px}
.kontakt-info .ci{margin:0 0 20px}
.kontakt-info .ci .lbl{font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--lead);margin:0 0 6px}
.kontakt-info .ci a,.kontakt-info .ci p{margin:0;font-size:16px;color:var(--ink);text-decoration:none;line-height:1.55}
.kontakt-info .ci a:hover{color:var(--lead)}
.kontakt-social{display:flex;gap:12px;margin-top:8px}
.kontakt-social a{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;color:var(--ink);transition:.16s}
.kontakt-social a:hover{background:var(--lead);color:var(--lead-ink);border-color:var(--lead);transform:translateY(-2px)}
.kontakt-social svg{width:20px;height:20px}
.kontakt-form{background:var(--paper2);border:1.5px solid var(--ink);border-radius:16px;padding:clamp(24px,4vw,36px);box-shadow:8px 8px 0 var(--ink)}
.kontakt-form .fg{margin:0 0 16px}
.kontakt-form label{display:block;font:700 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}
.kontakt-form input,.kontakt-form select,.kontakt-form textarea{width:100%;border:1.5px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:10px;padding:13px 15px;font:500 15px var(--sans);background:#fff;color:var(--ink)}
.kontakt-form input:focus,.kontakt-form select:focus,.kontakt-form textarea:focus{outline:2px solid var(--lead);border-color:var(--lead)}
.kontakt-form textarea{min-height:120px;resize:vertical}
.kontakt-form .pill{width:100%;justify-content:center;margin-top:6px}
.kontakt-rodo{font-size:12.5px;color:var(--muted);line-height:1.65;max-width:80ch;margin:26px 0 0}
.kontakt-rodo a{color:var(--lead)}
@media(max-width:820px){.kontakt-grid{grid-template-columns:1fr}}

/* Kontakt: układ jak w oryginale (od góry do dołu) */
.kontakt-lead{max-width:760px;margin:0 auto}
.kontakt-lead .lead-p{font-family:var(--serif);font-size:clamp(17px,1.9vw,20px);line-height:1.4}
.kontakt-details{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:clamp(24px,4vw,40px) 0}
.kontakt-details .ci{border:1.5px solid var(--ink);border-radius:12px;padding:20px;background:var(--paper2)}
.kontakt-details .ci .lbl{font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--lead);margin:0 0 8px}
.kontakt-details .ci a,.kontakt-details .ci p{margin:0;font-size:15px;color:var(--ink);text-decoration:none;line-height:1.55}
.kontakt-details .ci a:hover{color:var(--lead)}
@media(max-width:760px){.kontakt-details{grid-template-columns:1fr}}
.kontakt-form-wrap{max-width:680px;margin:0 auto}
.kontakt-form .radio,.kontakt-form .checks{display:flex;flex-direction:column;gap:8px}
.kontakt-form .radio label,.kontakt-form .checks label{display:flex;gap:9px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:500;font-size:14.5px;color:var(--ink)}
.kontakt-form .radio input,.kontakt-form .checks input{width:auto;margin-top:3px}

/* Kontakt: naprawa układu — jedna spójna kolumna + prosta siatka opinii */
.kontakt-col{max-width:820px;margin:0 auto}
.kontakt-col .entry-content{max-width:none;margin:0}
.kontakt-col .kontakt-details{grid-template-columns:repeat(3,1fr)}
@media(max-width:640px){.kontakt-col .kontakt-details{grid-template-columns:1fr}}
.kontakt-col .kontakt-form-wrap{max-width:none}
.reviews-grid{columns:initial !important;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:18px;justify-content:center}
.reviews-grid .review{break-inside:auto;margin:0}
.reviews-grid .review.ph{aspect-ratio:1;min-height:0}

/* ---- FAQ na całą szerokość (Tworzenie WWW) ---- */
.faq.wide{max-width:none;margin:0}

/* ---- Wideo z serwera (opinie) ---- */
.vid video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#000;position:relative;z-index:3}
.vid:has(video)::after{display:none} /* nakładka nie może zasłaniać kontrolek filmu */
.vid:has(video){place-items:stretch}

/* ---- WPForms w karcie kontaktu: dopasowanie do motywu ---- */
.kontakt-form .wpforms-field{margin:0 0 16px;padding:0}
.kontakt-form .wpforms-field-label,
.kontakt-form .wpforms-form label{display:block;font:700 12px/1.4 var(--sans);letter-spacing:.02em;text-transform:none;color:var(--ink);margin:0 0 7px}
.kontakt-form .wpforms-form input[type=text],
.kontakt-form .wpforms-form input[type=email],
.kontakt-form .wpforms-form input[type=url],
.kontakt-form .wpforms-form input[type=tel],
.kontakt-form .wpforms-form select,
.kontakt-form .wpforms-form textarea{width:100%;border:1.5px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:10px;padding:13px 15px;font:500 15px var(--sans);background:#fff;color:var(--ink)}
.kontakt-form .wpforms-form input:focus,
.kontakt-form .wpforms-form select:focus,
.kontakt-form .wpforms-form textarea:focus{outline:2px solid var(--lead);border-color:var(--lead)}
.kontakt-form .wpforms-form textarea{min-height:120px}
.kontakt-form .wpforms-field-checkbox label,
.kontakt-form .wpforms-field-radio label{font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink)}
.kontakt-form .wpforms-submit-container{margin-top:8px}
.kontakt-form .wpforms-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;
  font:800 14px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;
  background:var(--lead);color:var(--lead-ink,#fff)!important;border:none;cursor:pointer;
  padding:17px 28px;border-radius:999px;
  box-shadow:0 11px 0 -4px color-mix(in srgb,var(--lead) 55%,#000);transition:transform .16s,box-shadow .16s}
.kontakt-form .wpforms-submit:hover{transform:translateY(-3px);box-shadow:0 15px 0 -4px color-mix(in srgb,var(--lead) 55%,#000)}
.kontakt-form .wpforms-submit:active{transform:translateY(2px);box-shadow:0 5px 0 -4px color-mix(in srgb,var(--lead) 55%,#000)}

/* ============ WooCommerce (sklep) ============ */
.entry.woo{padding:clamp(28px,5vw,56px) 0 clamp(40px,7vw,80px)}
.entry.entry .woocommerce-products-header{display:none} /* własny nagłówek marki wyżej */
.entry.entry .woocommerce-result-count{color:var(--muted);font-size:14px;margin:0 0 18px}
.entry.entry .woocommerce-ordering{margin:0 0 18px}
.entry.entry .woocommerce-ordering select{border:1.5px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:10px;padding:10px 14px;background:#fff;font:500 14px var(--sans);color:var(--ink)}

/* siatka produktów */
.entry ul.products{display:grid !important;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,36px);list-style:none;margin:0;padding:0}
.entry ul.products::before,.entry ul.products::after{content:none !important;display:none !important}
.entry ul.products li.product{width:auto !important;margin:0 !important;padding:0 !important;float:none !important;text-align:left}
.entry ul.products li.product a{text-decoration:none;color:var(--ink)}
.entry ul.products li.product img{width:100%;height:auto;border-radius:14px;margin:0 0 16px;box-shadow:6px 6px 0 var(--ink)}
.entry ul.products li.product .woocommerce-loop-product__title{font:600 18px/1.3 var(--sans) !important;color:var(--ink);text-transform:none;letter-spacing:0;padding:0 0 6px !important}
.entry ul.products li.product .price{display:block;color:var(--ink);font:700 16px/1 var(--sans);margin:0 0 14px}
.entry .price del{opacity:.5;font-weight:500;margin-right:6px}
.entry .price ins{text-decoration:none}
.entry li.product .onsale{background:var(--lead);color:var(--lead-ink,#fff);border-radius:999px;padding:6px 12px;font:800 11px/1 var(--sans);text-transform:uppercase;min-height:0;min-width:0}
@media(max-width:900px){.entry ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.entry ul.products{grid-template-columns:1fr}}

/* przyciski Woo = styl pill */
.entry a.button,.entry button.button,.entry .button,.entry .add_to_cart_button,.entry .single_add_to_cart_button,
.entry .wc-block-components-button,.entry .checkout-button,.entry #place_order{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font:800 13px/1 var(--sans) !important;letter-spacing:.04em;text-transform:uppercase;
  background:var(--lead) !important;color:var(--lead-ink,#fff) !important;border:none !important;cursor:pointer;
  padding:15px 24px !important;border-radius:999px !important;text-decoration:none;
  box-shadow:0 10px 0 -4px color-mix(in srgb,var(--lead) 55%,#000);transition:transform .16s,box-shadow .16s}
.entry a.button:hover,.entry button.button:hover,.entry .add_to_cart_button:hover,.entry .single_add_to_cart_button:hover{transform:translateY(-3px);box-shadow:0 14px 0 -4px color-mix(in srgb,var(--lead) 55%,#000)}
.entry .added_to_cart{margin-left:10px;color:var(--lead);font-weight:700;text-decoration:underline}

/* pojedynczy produkt */
.entry div.product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,56px);align-items:start}
/* nadpisz domyślne szerokości WooCommerce (48%/float) — inaczej kolumny są wąskie */
.entry div.product > .woocommerce-product-gallery,
.entry div.product > .summary,
.entry div.product > .entry-summary{width:auto !important;float:none !important;margin:0 !important;padding:0}
.entry div.product > .woocommerce-tabs,
.entry div.product > .upsells,
.entry div.product > .related{grid-column:1 / -1;width:auto !important;float:none !important;margin-top:clamp(24px,4vw,44px)}
.entry div.product .woocommerce-product-gallery{margin:0}
.entry div.product .woocommerce-product-gallery img{border-radius:14px}
.entry div.product .product_title{font-family:var(--serif);font-weight:700;font-size:clamp(26px,3.6vw,40px);line-height:1.08;margin:0 0 14px}
.entry div.product p.price{color:var(--lead);font:700 22px/1 var(--sans);margin:0 0 18px}
.entry div.product .woocommerce-tabs{grid-column:1 / -1;margin-top:20px}
.entry .quantity input{border:1.5px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:10px;padding:12px;font:600 15px var(--sans);width:76px}
@media(max-width:820px){.entry div.product{grid-template-columns:1fr}}

/* koszyk / kasa: pola formularzy */
.entry .woocommerce form .form-row input.input-text,.entry .woocommerce form .form-row textarea,.entry .select2-container--default .select2-selection--single{border:1.5px solid color-mix(in srgb,var(--ink) 25%,transparent) !important;border-radius:10px;padding:12px 14px;font:500 15px var(--sans)}
.entry table.cart img{border-radius:8px}

/* ---- Feed Instagrama w stopce (Smash Balloon) — okiełznanie ---- */
.foot .ig-feed{max-width:100%;margin:0 0 30px;overflow:hidden}
.foot .ig-feed #sb_instagram{padding:0 !important;width:100% !important;margin:0 !important}
.foot .ig-feed #sb_instagram .sbi_header,
.foot .ig-feed #sb_instagram .sbi_info,
.foot .ig-feed #sbi_load,
.foot .ig-feed .sbi_follow_btn{display:none !important}
.foot .ig-feed #sb_instagram .sbi_item{padding:4px !important}
.foot .ig-feed #sb_instagram img,.foot .ig-feed .sbi_photo{border-radius:8px}

/* ---- Produkty przez [products] w treści strony: pełna szerokość + równe przyciski ---- */
.entry-content ul.products{width:min(1160px,92vw);max-width:none;margin-left:50%;transform:translateX(-50%)}
.entry ul.products li.product{display:flex;flex-direction:column}
.entry ul.products li.product .price{margin-bottom:14px}
.entry ul.products li.product a.button,
.entry ul.products li.product .add_to_cart_button,
.entry ul.products li.product .wp-block-button__link{margin-top:auto}

/* ---- Produkty za 0 zł: ukryj szybkie płatności Stripe (Google Pay / Apple Pay / BNPL) ---- */
.pi-free-product .wc-stripe-product-checkout-container,
.pi-free-product .wc-stripe-express-checkout,
.pi-free-product .wc-stripe-googlepay-product,
.pi-free-product .wc-stripe-applepay-product,
.pi-free-product .wc-stripe-payment-request-product,
.pi-free-product .wc-stripe-bnpl-product-message,
.pi-free-product .wc-stripe-bnpl-product-msg{display:none !important}