/* LUMIERE GOLD — arkusz pisany dla tej strony.
   Krem, kość słoniowa, złoto. Serif w nagłówkach, geometryczny sans w tekście,
   odręczne akcenty. Cienkie złote linie zamiast ramek, światło zamiast cieni. */

@font-face{font-family:"Cormorant";font-weight:500;font-style:normal;font-display:swap;src:url(pismo/cormorantg-500-normal-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant";font-weight:500;font-style:normal;font-display:swap;src:url(pismo/cormorantg-500-normal-latinext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant";font-weight:500;font-style:italic;font-display:swap;src:url(pismo/cormorantg-500-italic-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant";font-weight:500;font-style:italic;font-display:swap;src:url(pismo/cormorantg-500-italic-latinext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant";font-weight:600;font-style:normal;font-display:swap;src:url(pismo/cormorantg-600-normal-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant";font-weight:600;font-style:normal;font-display:swap;src:url(pismo/cormorantg-600-normal-latinext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant";font-weight:700;font-style:normal;font-display:swap;src:url(pismo/cormorantg-700-normal-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant";font-weight:700;font-style:normal;font-display:swap;src:url(pismo/cormorantg-700-normal-latinext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";font-weight:400;font-style:normal;font-display:swap;src:url(pismo/jost2-400-normal-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-weight:400;font-style:normal;font-display:swap;src:url(pismo/jost2-400-normal-latinext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";font-weight:500;font-style:normal;font-display:swap;src:url(pismo/jost2-500-normal-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-weight:500;font-style:normal;font-display:swap;src:url(pismo/jost2-500-normal-latinext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";font-weight:600;font-style:normal;font-display:swap;src:url(pismo/jost2-600-normal-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-weight:600;font-style:normal;font-display:swap;src:url(pismo/jost2-600-normal-latinext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Parisienne";font-weight:400;font-style:normal;font-display:swap;src:url(pismo/parisienne-400-normal-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Parisienne";font-weight:400;font-style:normal;font-display:swap;src:url(pismo/parisienne-400-normal-latinext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --kosc:#faf6ee; --krem:#f4ecdc; --krem-2:#ebdfc8; --szampan:#f3e6c9;
  --zloto:#b58f37; --zloto-c:#7a5c1a; --zloto-j:#dcc283; --zloto-t:rgba(181,143,55,.14);
  --atrament:#2a2420; --sepia:#6f6358; --linia:#e5d7bb; --biel:#fff;
  --serif:"Cormorant",Georgia,"Times New Roman",serif;
  --sans:"Jost","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --pismo:"Parisienne","Segoe Script",cursive;
  --rama:1180px; --rama-w:880px;
  --cien:0 18px 50px rgba(120,90,30,.10),0 2px 6px rgba(120,90,30,.06);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kosc);color:var(--atrament);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--zloto-c)}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.08;margin:0 0 .5em;letter-spacing:-.005em}
h1{font-size:clamp(38px,5.2vw,62px)}
h2{font-size:clamp(32px,3.8vw,46px)}
h3{font-size:24px;font-weight:600}
p{margin:0 0 1em}
.rama{width:min(var(--rama),calc(100% - 40px));margin:0 auto}
.rama-w{width:min(var(--rama-w),calc(100% - 40px))}

/* ——— etykiety, pismo, drobne ——— */
.etykieta-s{font:500 11px/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--zloto-c);margin:0 0 14px}
.etykieta{display:inline-block;font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--zloto-c);border:1px solid var(--zloto-j);border-radius:999px;padding:9px 16px;margin:0 0 22px;background:rgba(255,255,255,.6)}
.pismo{font:400 clamp(24px,2.4vw,30px)/1.3 var(--pismo);color:var(--zloto-c);margin:0}
.pismo i{font-style:normal;font-size:.7em;vertical-align:middle}
.wprowadzenie{font-size:19px;color:var(--sepia);max-width:60ch;margin:0 auto}
.notka{font-size:14px;color:var(--sepia);line-height:1.6}
.notka-c{text-align:center;max-width:70ch;margin:26px auto 0}
.naglowek-s{text-align:center;max-width:760px;margin:0 auto 46px}
.naglowek-s h2::after{content:"";display:block;width:64px;height:1px;background:var(--zloto);margin:18px auto 0}
.naglowek-l{text-align:left;margin-left:0}
.naglowek-l h1::after{content:"";display:block;width:64px;height:1px;background:var(--zloto);margin:18px 0 0}
.naglowek-l .wprowadzenie{margin-left:0}

/* ——— guziki ——— */
.przycisk{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#9a7526 0%,#85661f 55%,#6f5518 100%);color:#fff;text-decoration:none;font:600 15px/1 var(--sans);letter-spacing:.04em;padding:16px 26px;border-radius:6px;border:0;cursor:pointer;box-shadow:0 10px 26px rgba(150,110,30,.28),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s,box-shadow .15s}
.przycisk:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(150,110,30,.34),inset 0 1px 0 rgba(255,255,255,.35)}
.przycisk i{font-style:normal;font-size:18px}
.przycisk-m{padding:13px 22px;font-size:14px}
.przycisk-d{width:100%;justify-content:center;padding:18px 26px;font-size:16px}
.przycisk:disabled{opacity:.6;cursor:wait;transform:none}
.przycisk-plyw{position:fixed;left:50%;bottom:16px;translate:-50% 0;z-index:40;padding:15px 24px;font-size:15px;white-space:nowrap;transition:opacity .25s,translate .25s}
.przycisk-plyw-schowany{opacity:0;pointer-events:none;translate:-50% 12px}
@media(min-width:900px){.przycisk-plyw{display:none}}

/* ——— wstega i czoło ——— */
.wstega{background:linear-gradient(90deg,#efe0bd,#f7ecd3 50%,#efe0bd);border-bottom:1px solid var(--linia)}
.wstega-w{display:flex;justify-content:center;gap:34px;padding:9px 0;font:500 13px/1.3 var(--sans);color:var(--zloto-c);flex-wrap:wrap}
.wstega i{font-style:normal;margin-right:7px;color:var(--zloto)}
.czolo{background:rgba(250,246,238,.92);backdrop-filter:blur(8px);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--linia)}
.czolo-w{display:flex;align-items:center;gap:28px;padding:14px 0}
.godlo{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-decoration:none;color:var(--atrament)}
.godlo .sygnet{grid-row:1/3;color:var(--zloto)}
.godlo-n{font:600 24px/1 var(--serif);letter-spacing:.01em}
.godlo-n b{font-weight:700;color:var(--zloto-c)}
.godlo small{font:500 9.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--sepia);margin-top:3px}
.nawigacja{display:flex;gap:26px;margin-left:auto}
.nawigacja a{font:500 14px/1 var(--sans);color:var(--atrament);text-decoration:none;letter-spacing:.02em;padding:6px 0;border-bottom:1px solid transparent}
.nawigacja a:hover{border-bottom-color:var(--zloto)}
.czolo .przycisk-m{margin-left:8px}

/* ——— hero ——— */
.witryna{position:relative;overflow:clip;background:linear-gradient(180deg,#fbf8f1 0%,#f5ecd9 100%)}
.witryna-tlo{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(60% 55% at 78% 40%,rgba(226,198,130,.34),transparent 70%),
  radial-gradient(40% 40% at 12% 90%,rgba(226,198,130,.24),transparent 70%)}
.witryna-w{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;padding:56px 0 60px}
.witryna-t{position:relative;z-index:2}
.witryna h1{margin-bottom:14px}
.witryna-sub{font:500 21px/1.35 var(--serif);color:var(--atrament);margin:0 0 12px}
.witryna-inci{font-size:14px;color:var(--sepia);margin:0 0 18px}
.witryna-inci i{font-style:normal;color:var(--zloto);margin:0 8px}
.walory{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:18px 26px}
.walory li{display:flex;align-items:center;gap:10px;font:500 13px/1.25 var(--sans);color:var(--atrament)}
.walory svg{width:34px;height:34px;flex:0 0 34px;padding:7px;border:1px solid var(--zloto-j);border-radius:50%;color:var(--zloto-c);background:rgba(255,255,255,.7)}
.kwota-w{display:flex;align-items:baseline;gap:18px;margin:0 0 18px;flex-wrap:wrap}
.kwota{font:700 clamp(40px,5vw,56px)/1 var(--serif);color:var(--atrament);letter-spacing:-.01em}
.kwota-d{display:inline-flex;align-items:center;gap:8px;font:500 15px/1 var(--sans);color:var(--zloto-c);padding-left:18px;border-left:1px solid var(--zloto-j)}
.kwota-d svg{width:22px;height:22px}
.pismo-1{margin-top:18px;rotate:-3deg;display:inline-block}
.witryna-f{position:relative;min-height:520px}
.witryna-motto{position:absolute;left:0;top:0;z-index:3;max-width:150px;font:500 11px/1.9 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#5c4d3f;border-left:1px solid var(--zloto);padding-left:14px;margin:0}
.pack{position:relative;z-index:2;margin:0 0 0 auto;width:min(88%,560px);mix-blend-mode:multiply}
.pack::after{content:"";position:absolute;left:12%;right:12%;bottom:-4%;height:18%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(110,80,20,.28),rgba(110,80,20,0) 70%);z-index:-1}
.witryna-foto{position:absolute;right:-8%;bottom:-6%;width:min(70%,460px);z-index:1;mix-blend-mode:multiply;opacity:.9;mask-image:radial-gradient(ellipse 55% 55% at 55% 55%,#000 40%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 55% 55% at 55% 55%,#000 40%,transparent 78%)}
.pismo-2{position:absolute;right:2%;bottom:6%;z-index:3;rotate:-8deg;text-align:right}

/* ——— formularz ——— */
.zam{margin:0;padding:22px;background:rgba(255,255,255,.72);border:1px solid var(--linia);border-radius:12px;box-shadow:var(--cien);max-width:520px}
.zam-pola{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.zam-pola .przycisk-d{grid-column:1/-1;margin-top:4px}
.wpis{display:flex;flex-direction:column;gap:6px;min-width:0}
.wpis>span:first-child{font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sepia)}
.wpis input{width:100%;min-width:0;font:400 16px/1.2 var(--sans);color:var(--atrament);padding:13px 14px;border:1px solid var(--linia);border-radius:6px;background:#fff;outline:0}
.wpis input:focus{border-color:var(--zloto);box-shadow:0 0 0 3px var(--zloto-t)}
.wpis-tel-w{display:flex;border:1px solid var(--linia);border-radius:6px;background:#fff;overflow:hidden}
.wpis-tel-w:focus-within{border-color:var(--zloto);box-shadow:0 0 0 3px var(--zloto-t)}
.wpis-tel-w b{font:500 15px/1 var(--sans);color:var(--sepia);padding:0 12px;display:flex;align-items:center;border-right:1px solid var(--linia);background:var(--kosc)}
.wpis-tel-w input{border:0;border-radius:0}
.wpis-tel-w input:focus{box-shadow:none}
.zam-nota{font-size:13px;color:var(--sepia);margin:12px 0 0;line-height:1.5}
.zam-blad{color:#a13a2f;font-size:14px;margin:12px 0 0;font-weight:500}
.zam-ok{margin-top:6px;padding:14px 16px;background:#f6f0df;border:1px solid var(--zloto-j);border-radius:8px;line-height:1.5}
.zam-ok b{display:block;font:600 22px/1.2 var(--serif);color:var(--zloto-c);margin-bottom:4px}
.ukryte-pole{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

/* ——— pasy ——— */
.plansza{position:relative;padding:84px 0}
.plansza-jasny{background:var(--kosc)}
.plansza-krem{background:linear-gradient(180deg,#f6eedd,#f2e7d2);border-top:1px solid var(--linia);border-bottom:1px solid var(--linia)}
.plansza-dol{padding-bottom:70px}

/* karty 4 */
.plytki-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.plytka{background:#fff;border:1px solid var(--linia);border-radius:14px;padding:0 22px 26px;text-align:center;box-shadow:var(--cien)}
.plytka-obraz{height:150px;margin:0 -22px 18px;border-radius:14px 14px 0 0;overflow:hidden;background:var(--szampan)}
.plytka-obraz img{width:100%;height:100%;object-fit:cover}
.plytka h3{font-size:24px;margin-bottom:8px}
.plytka p{font-size:15px;color:var(--sepia);margin:0;line-height:1.55}

/* rytuał */
.etapy{list-style:none;padding:0;margin:0 0 34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:krok}
.etap{text-align:center}
.etap figure{position:relative;margin:0 auto 18px;width:min(100%,300px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid var(--zloto-j);padding:8px;background:linear-gradient(135deg,#fff,var(--szampan))}
.etap figure img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.etap figcaption{position:absolute;left:50%;bottom:2px;translate:-50% 0;width:38px;height:38px;border-radius:50%;background:var(--zloto);color:#fff;font:600 15px/38px var(--serif);text-align:center;box-shadow:0 4px 12px rgba(120,90,30,.3)}
.etap h3{font-size:23px;margin-bottom:6px}
.etap p{font-size:15px;color:var(--sepia);margin:0}
.pory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:760px;margin:0 auto}
.pory div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;background:rgba(255,255,255,.7);border:1px solid var(--linia);border-radius:12px;padding:16px 18px}
.pory svg{grid-row:1/3;width:34px;height:34px;color:var(--zloto)}
.pory b{font:600 20px/1.2 var(--serif)}
.pory span{font-size:14px;color:var(--sepia)}

/* INCI */
.plansza-inci{background:linear-gradient(180deg,#fbf7ef,#f6efe0);overflow:clip}
.dekor{position:absolute;top:44%;translate:0 -50%;width:min(24vw,330px);pointer-events:none;mix-blend-mode:multiply;opacity:.85;mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 35%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 35%,transparent 76%)}
.dekor-l{left:-4vw}.dekor-p{right:-4vw}
.tabela-w{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--linia);border-radius:12px;background:#fff;box-shadow:var(--cien)}
.tabela-inci{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.tabela-inci th{font:500 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sepia);text-align:left;padding:14px 18px;background:var(--kosc);border-bottom:1px solid var(--linia)}
.tabela-inci td{padding:14px 18px;border-bottom:1px solid var(--linia);vertical-align:top}
.tabela-inci tr:last-child td{border-bottom:0}
.tabela-inci td b{font-weight:600;font-family:var(--sans)}
.tabela-inci-nota{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--sepia);margin:18px 0 0;padding:14px 16px;background:rgba(255,255,255,.6);border:1px solid var(--linia);border-radius:10px}
.tabela-inci-nota svg{width:20px;height:20px;flex:0 0 20px;color:var(--zloto);margin-top:2px}
.etykieta-boczna{position:absolute;top:auto;bottom:34px;translate:none;font:500 10.5px/1.9 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#5c4d3f;max-width:120px;margin:0}
.etykieta-l{left:calc(50% - var(--rama-w)/2 - 190px)}
.etykieta-p{right:calc(50% - var(--rama-w)/2 - 190px);text-align:right}
@media(max-width:1240px){.etykieta-boczna{display:none}}

/* składniki z bliska */
.substancje{display:grid;gap:36px}
.substancja{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;background:#fff;border:1px solid var(--linia);border-radius:18px;overflow:hidden;box-shadow:var(--cien)}
.substancja-odwr figure{order:2}
.substancja figure{margin:0;height:100%;min-height:300px}
.substancja figure img{width:100%;height:100%;object-fit:cover}
.substancja-t{padding:34px 40px 34px 0}
.substancja-odwr .substancja-t{padding:34px 0 34px 40px}
.substancja-t h3{font-size:30px}
.substancja-t p{font-size:16px;color:var(--sepia)}
.substancja-t ul{margin:0 0 1em;padding-left:18px;color:var(--sepia);font-size:16px}
.substancja-t li{margin-bottom:4px}

/* dla kogo */
.dla-kogo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px;align-items:center}
.dla-kogo-f{margin:0;border:1px solid var(--zloto-j);padding:10px;border-radius:200px 200px 16px 16px;background:linear-gradient(180deg,#fff,var(--szampan))}
.dla-kogo-f img{border-radius:190px 190px 8px 8px;width:100%;aspect-ratio:.86;object-fit:cover}
.lista-zlota{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:14px}
.lista-zlota li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:baseline;padding-left:26px;position:relative}
.lista-zlota li::before{content:"";position:absolute;left:0;top:.65em;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e9d090,#a8822b)}
.lista-zlota b{font:600 20px/1.3 var(--serif)}
.lista-zlota span{grid-column:1/-1;font-size:15px;color:var(--sepia)}
.lista-mala b{font-size:17px}.lista-mala span{font-size:14px}

/* zamówienie */
.plansza-zamow{background:
  radial-gradient(50% 60% at 10% 30%,rgba(226,198,130,.35),transparent 70%),
  radial-gradient(45% 55% at 92% 80%,rgba(226,198,130,.3),transparent 70%),
  linear-gradient(180deg,#f7efdf,#f2e6cf);border-top:1px solid var(--linia);border-bottom:1px solid var(--linia)}
.zamow-w{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center;position:relative}
.zamow-f{margin:0;border:1px solid var(--zloto-j);padding:12px;background:#fff;box-shadow:var(--cien);rotate:-1.5deg}
.zamow-f img{width:100%;aspect-ratio:3/4;object-fit:cover}
.zamow-f figcaption{font:500 italic 16px/1.4 var(--serif);color:var(--sepia);text-align:center;padding:12px 6px 4px}
.zamow-k h2{margin-bottom:6px}
.zamow-ml{font:500 19px/1.3 var(--serif);color:var(--sepia);margin:0 0 18px}
.kwota-w-d{margin-bottom:22px}
.zamow-k .zam{max-width:none;background:rgba(255,255,255,.85)}
.walory-d{margin:26px 0 22px}
.jak-to-dziala{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jak-to-dziala li{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:start;font-size:14px}
.jak-to-dziala i{grid-row:1/3;font:600 15px/28px var(--serif);width:28px;height:28px;border-radius:50%;text-align:center;color:var(--zloto-c);border:1px solid var(--zloto-j);font-style:normal;background:#fff}
.jak-to-dziala b{font-weight:600;line-height:1.35}
.jak-to-dziala span{color:var(--sepia);line-height:1.45;margin-top:2px}
.pismo-z{position:absolute;right:0;bottom:-40px;rotate:-4deg}

/* opinie */
.opinie-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:start}
.opinie-t{font-size:16.5px}
.opinie-t p{margin-bottom:.9em}
.opinie-t blockquote{margin:22px 0;padding:18px 22px;border-left:2px solid var(--zloto);background:rgba(255,255,255,.7);font:500 italic 20px/1.5 var(--serif);color:var(--atrament)}
.opinie-b{background:#fff;border:1px solid var(--linia);border-radius:14px;padding:24px;box-shadow:var(--cien)}
.opinie-b .notka{margin:14px 0 0}

/* dlugi tekst (stosowanie, cena, porownanie) */
.dlugi-tekst{font-size:16.5px;color:var(--sepia)}
.dlugi-tekst h3{font-size:24px;color:var(--atrament);margin:1.5em 0 .45em}
.dlugi-tekst h3:first-child{margin-top:0}
.dlugi-tekst p{margin-bottom:.95em}
.dlugi-tekst ul,.dlugi-tekst ol{padding-left:22px;margin:0 0 1em}
.dlugi-tekst li{margin-bottom:.4em}
.dlugi-tekst b{color:var(--atrament);font-weight:600}
.dlugi-tekst table{width:100%;border-collapse:collapse;font-size:15px;margin:.5em 0 1.2em;background:#fff;border:1px solid var(--linia)}
.dlugi-tekst th,.dlugi-tekst td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linia);vertical-align:top}
.dlugi-tekst th{font:500 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sepia);background:var(--kosc)}
.liczby{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 30px}
.liczby div{background:#fff;border:1px solid var(--linia);border-radius:12px;padding:18px 14px;text-align:center;box-shadow:var(--cien)}
.liczby b{display:block;font:700 30px/1.1 var(--serif);color:var(--atrament);margin-bottom:6px}
.liczby span{font-size:13px;color:var(--sepia);line-height:1.4}
@media(max-width:760px){.liczby{grid-template-columns:repeat(2,minmax(0,1fr))}.dlugi-tekst{font-size:16px}.dlugi-tekst h3{font-size:22px}}

/* FAQ */
.faq{display:grid;gap:10px}
.faq-p{background:#fff;border:1px solid var(--linia);border-radius:12px;padding:0 22px}
.faq-p summary{cursor:pointer;list-style:none;font:600 20px/1.3 var(--serif);padding:18px 30px 18px 0;position:relative}
.faq-p summary::-webkit-details-marker{display:none}
.faq-p summary::after{content:"+";position:absolute;right:0;top:50%;translate:0 -50%;font:400 26px/1 var(--serif);color:var(--zloto)}
.faq-p[open] summary::after{content:"–"}
.faq-o{padding:0 0 18px;color:var(--sepia);font-size:16px}
.faq-o p{margin:0 0 .8em}.faq-o p:last-child{margin:0}

/* jak piszemy */
.przejrz{columns:2;column-gap:40px;font-size:16px;color:var(--sepia)}
.przejrz p{break-inside:avoid;margin-bottom:1em}
.przejrz b{color:var(--atrament);font-weight:600}

/* stopka */
.podnoze{background:#2c2520;color:#d9cdb9;padding:46px 0 34px;font-size:14px}
.podnoze a{color:#e8d9b8;text-decoration:none}
.podnoze a:hover{text-decoration:underline}
.podnoze-g{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:22px}
.podnoze-marka{display:flex;align-items:center;gap:10px;font:600 22px/1 var(--serif);color:#fff}
.podnoze-marka .sygnet{color:var(--zloto-j)}
.podnoze-linki{display:flex;flex-wrap:wrap;gap:8px 22px}
.podnoze-kraje{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.podnoze-kraje a{font:500 11px/1 var(--sans);letter-spacing:.12em;padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:4px}
.podnoze-kraje a[aria-current]{background:var(--zloto);border-color:var(--zloto);color:#fff}
.podnoze-d p{margin:0 0 8px;color:#b8ab97;line-height:1.55}

/* dokumenty */
.dokument{padding:44px 0 80px}
.okruszki{font-size:14px;color:var(--sepia);margin-bottom:26px}
.okruszki i{font-style:normal;margin:0 8px;color:var(--zloto)}
.dok{background:#fff;border:1px solid var(--linia);border-radius:16px;padding:44px 48px;box-shadow:var(--cien)}
.dok h1{font-size:clamp(32px,4vw,46px)}
.dok-t{font-size:16.5px}
.dok-t h2{font-size:28px;margin:1.4em 0 .5em}
.dok-t h3{font-size:22px;margin:1.2em 0 .4em}
.dok-t ul,.dok-t ol{padding-left:22px}
.dok-t li{margin-bottom:.4em}
.dok-t table{width:100%;border-collapse:collapse;font-size:15px;margin:1em 0}
.dok-t th,.dok-t td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linia);vertical-align:top}
.dok-t .tabela-w{border:0;box-shadow:none;border-radius:0}
.biblio{margin-top:40px;padding-top:26px;border-top:1px solid var(--linia)}
.biblio h2{font-size:24px}
.biblio ol{padding-left:22px;font-size:14.5px;color:var(--sepia)}
.biblio li{margin-bottom:.6em;word-break:break-word}
.dok-powrot{margin:34px 0 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.dok-link{font-size:15px}

/* wybór kraju / 404 */
.wybor-m{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(60% 50% at 50% 30%,rgba(226,198,130,.35),transparent 70%),var(--kosc)}
.wybor-k{text-align:center;max-width:620px}
.wybor-k .sygnet{margin:0 auto 14px;color:var(--zloto)}
.wybor-k h1{font-size:clamp(40px,6vw,64px);margin-bottom:6px}
.wybor-k h1 b{color:var(--zloto-c)}
.wybor-p{color:var(--sepia);margin-bottom:34px}
.wybor-l{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wybor-l a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--linia);border-radius:10px;padding:14px 16px;text-decoration:none;color:var(--atrament);font:500 16px/1.2 var(--sans);text-align:left;box-shadow:var(--cien)}
.wybor-l a:hover{border-color:var(--zloto)}
.wybor-l small{font-size:13px;color:var(--sepia)}
.wybor-flaga{width:26px;height:18px;border-radius:3px;border:1px solid rgba(0,0,0,.08);background:#ddd}
.wybor-flaga[data-kraj=PL]{background:linear-gradient(#fff 50%,#dc143c 50%)}
.wybor-flaga[data-kraj=AT]{background:linear-gradient(#ed2939 33%,#fff 33% 66%,#ed2939 66%)}
.wybor-flaga[data-kraj=CZ]{background:linear-gradient(#fff 50%,#d7141a 50%);position:relative;overflow:hidden}
.wybor-flaga[data-kraj=CZ]::before{content:"";position:absolute;left:0;top:0;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #11457e}
.wybor-flaga[data-kraj=FI]{background:linear-gradient(#fff 35%,#003580 35% 65%,#fff 65%),#fff;position:relative}
.wybor-flaga[data-kraj=FI]::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:5px;background:#003580}
.wybor-flaga[data-kraj=HR]{background:linear-gradient(#ff0000 33%,#fff 33% 66%,#171796 66%)}
.wybor-flaga[data-kraj=HU]{background:linear-gradient(#cd2a3e 33%,#fff 33% 66%,#436f4d 66%)}
.wybor-flaga[data-kraj=IT]{background:linear-gradient(90deg,#009246 33%,#fff 33% 66%,#ce2b37 66%)}
.wybor-flaga[data-kraj=SE]{background:linear-gradient(#006aa7 38%,#fecc00 38% 62%,#006aa7 62%);position:relative}
.wybor-flaga[data-kraj=SE]::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:4px;background:#fecc00}

/* ——— tablety ——— */
@media(max-width:1000px){
  .plytki-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .witryna-w{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
  .nawigacja{display:none}
  .substancja{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}
  .opinie-g{grid-template-columns:minmax(0,1fr)}
  .zamow-w{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}
  .przejrz{columns:1}
}

/* ——— telefony: jedna kolumna, tylko góra–dół ——— */
@media(max-width:760px){
  body{font-size:16px}
  .rama,.rama-w{width:calc(100% - 32px)}
  .wstega-w{gap:12px 18px;font-size:12px;justify-content:flex-start}
  .czolo-w{gap:12px;padding:10px 0}
  .godlo-n{font-size:20px}
  .czolo .przycisk-m{margin-left:auto;padding:11px 16px;font-size:13px}
  .witryna-w{grid-template-columns:minmax(0,1fr);padding:30px 0 40px;gap:8px}
  .witryna-f{order:-1;min-height:0;margin:0 0 6px}
  .witryna-motto{display:none}
  .pack{width:min(78%,360px)}
  .witryna-foto{width:60%;right:-10%;bottom:-4%}
  .pismo-2{display:none}
  .witryna h1{font-size:34px}
  .witryna-sub{font-size:19px}
  .walory{gap:10px 16px}
  .walory li{font-size:12px}
  .walory svg{width:30px;height:30px;flex-basis:30px}
  .zam{padding:16px;max-width:none}
  .zam-pola{grid-template-columns:minmax(0,1fr)}
  .pismo-1{font-size:22px}
  .plansza{padding:56px 0}
  .naglowek-s{margin-bottom:30px}
  .plytki-4{grid-template-columns:minmax(0,1fr)}
  .plytka{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:16px;text-align:left;padding:14px;align-items:center}
  .plytka-obraz{grid-row:1/3;height:96px;margin:0;border-radius:10px}
  .plytka h3{font-size:21px;margin:0 0 4px}
  .etapy{grid-template-columns:minmax(0,1fr);gap:26px}
  .etap figure{width:min(70%,240px)}
  .pory{grid-template-columns:minmax(0,1fr)}
  .dekor{display:none}
  .tabela-inci{min-width:460px;font-size:14px}
  .substancja{grid-template-columns:minmax(0,1fr)}
  .substancja-odwr figure{order:0}
  .substancja figure{min-height:0;aspect-ratio:16/10}
  .substancja-t,.substancja-odwr .substancja-t{padding:22px}
  .substancja-t h3{font-size:26px}
  .dla-kogo{grid-template-columns:minmax(0,1fr);gap:26px}
  .dla-kogo-f{max-width:300px;margin:0 auto}
  .zamow-w{grid-template-columns:minmax(0,1fr)}
  .zamow-f{max-width:300px;margin:0 auto;rotate:0deg}
  .jak-to-dziala{grid-template-columns:minmax(0,1fr)}
  .pismo-z{position:static;rotate:0deg;text-align:center;margin-top:18px}
  .podnoze-kraje{margin-left:0}
  .dok{padding:26px 20px}
  .wybor-l{grid-template-columns:minmax(0,1fr)}
  main{padding-bottom:70px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.przycisk{transition:none}}