/* wspólne dla wszystkich stron zosia.fun */
  /* Fonty lokalnie (bez Google – nie wysyłamy IP odwiedzających) */
  @font-face { font-family: "Baloo 2"; font-weight: 400 800; font-display: swap; src: url(fonts/baloo2.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; }
  @font-face { font-family: "Baloo 2"; font-weight: 400 800; font-display: swap; src: url(fonts/baloo2-ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+2C60-2C7F, U+A720-A7FF; }
  @font-face { font-family: "Nunito"; font-weight: 200 1000; font-display: swap; src: url(fonts/nunito.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; }
  @font-face { font-family: "Nunito"; font-weight: 200 1000; font-display: swap; src: url(fonts/nunito-ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+2C60-2C7F, U+A720-A7FF; }

  /* ---------- kolory: dzień ---------- */
  :root {  /* 2026-10-18: user – dzień 4 tony ciemniej (2× L−6%, 18.10), backup site.css.bak-2026-10-18-ciemniej */
    --bg: #d6b78a; --bg2: #c8a16b; --fg: #35261c; --muted: #6f5847;
    --card: #e5cba6; --line: #c4a375; --accent: #d9642b; --accent2: #3f7d5c;
    --pastel1: #dab186; --pastel2: #c1c69c; --pastel3: #abc4a0; --pastel4: #e5c374;
    /* elementy świecące – za dnia „zgaszone” */
    --lit: #efe2c9; --lit-core: #f6ecd8; --glow: 0;
    --ink: #3b2f52; --snow: #ffffff; --ghost: #fbf9ff;
    --pumpkin: #ff8a3d; --pumpkin2: #f0702a; --leaf: #d9642b; --wood: #b98b5e; --wood2: #9a6f45;
    --house1: #f4b183; --house2: #b8c8ff; --house3: #c9e7c1; --roof: #8a4b4b;
  }
  /* ---------- kolory: zgaszone światło ---------- */
  html.off {
    --bg: #15122b; --bg2: #221c45; --fg: #f2ecff; --muted: #a79dc6;
    --card: #1f1a3c; --line: #312a5a; --accent: #ffb347; --accent2: #b9a6ff;
    --pastel1: #231d44; --pastel2: #221c45; --pastel3: #1d1f40; --pastel4: #25203f;
    --lit: #ffc253; --lit-core: #fff1b8; --glow: 1;
    --ink: #0e0b1f; --snow: #d9dcf2; --ghost: #eef0ff;
    --pumpkin: #b95a22; --pumpkin2: #9c4818; --leaf: #7a3a1c; --wood: #6f5238; --wood2: #5a412b;
    --house1: #6e4a3a; --house2: #3f4a78; --house3: #3f5a45; --roof: #4a2a36;
  }

  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body {
    margin: 0; font: 17px/1.6 "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color: var(--fg);
    background: radial-gradient(1200px 600px at 50% -200px, var(--bg2), transparent 70%), var(--bg);
    background-color: var(--bg);
    transition: background-color .8s ease, color .8s ease;
    min-height: 100vh; overflow-x: hidden;
  }
  h1, h2, h3, .btn, .fredoka { font-family: "Baloo 2", "Nunito", system-ui, sans-serif; }
  #sky { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
  .wrap { position: relative; z-index: 1; max-width: 1000px; margin: 0 auto; padding: 0 16px; }

  h2 { margin: 56px 0 4px; font-size: clamp(1.6rem, 5vw, 2.1rem); font-weight: 600; }
  h2 .emoji { display: inline-block; transition: transform .3s; }
  h2:hover .emoji { transform: rotate(-12deg) scale(1.2); }
  .sub { color: var(--muted); margin: 0 0 22px; }
  .about { background: var(--card); border: 2px solid var(--line); border-radius: 20px; padding: 18px 22px; }
  .facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 14px; margin-top: 14px; }
  .fact { background: var(--card); border: 2px solid var(--line); border-radius: 18px; padding: 14px 18px; }
  .fact h3 { margin: 0 0 4px; font-size: 1.1rem; font-weight: 600; }
  .fact p { margin: 0; color: var(--muted); font-size: .95rem; }
  .about p { margin: .4em 0; }
  .credits { font-size: .85rem; color: var(--muted); }

  /* ---------- stopka (jak w sklepach: kolumny z linkami do podstron) ---------- */
  footer { margin: 72px 0 0; padding: 32px 0 28px; border-top: 2px dashed var(--line); color: var(--muted); font-size: .95rem; }
  footer .cols { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 24px 32px; }
  @media (max-width: 640px) { footer .cols { grid-template-columns: 1fr 1fr; } footer .cols > :first-child { grid-column: 1 / -1; } }
  footer h4 { margin: 0 0 8px; font: 700 1rem "Baloo 2", sans-serif; color: var(--fg); letter-spacing: .02em; }
  footer ul { list-style: none; margin: 0; padding: 0; }
  footer li { margin: 4px 0; }
  footer a { color: var(--muted); text-decoration: none; }
  footer a:hover { color: var(--accent); text-decoration: underline; }
  footer .brand { font: 700 1.5rem "Baloo 2", sans-serif; color: var(--fg); }
  footer .brand b { color: var(--accent); font-weight: 700; }
  footer .brand + p { margin: 2px 0 10px; }
  footer .social { display: flex; gap: 14px; }
  footer .social a { color: var(--fg); font-weight: 700; }
  footer .copy { margin: 28px 0 0; font-size: .85rem; text-align: center; }

  /* ---------- podstrony ---------- */
  .top { display: flex; justify-content: space-between; align-items: center; padding: 12px 0 10px; position: sticky; top: 0; z-index: 30; background: var(--bg); border-bottom: 1px solid var(--line); }  /* 2026-10-18: belka stała przy przewijaniu (user) */
  .top .logo { font: 700 1.6rem "Baloo 2", sans-serif; color: var(--fg); text-decoration: none; }
  .top .logo b { color: var(--accent); }
  .top .back { color: var(--muted); text-decoration: none; font-weight: 700; }
  .top .back:hover { color: var(--accent); }
  .ptitle { margin: 40px 0 4px; font-size: clamp(1.8rem, 6vw, 2.4rem); font-weight: 600; line-height: 1.15; }
  main h2 { margin-top: 40px; }
  .steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
  .about a, .fact a { color: var(--accent); font-weight: 700; }
  .doc h3 { margin: 18px 0 2px; font-size: 1.15rem; font-weight: 600; }
  .doc h3:first-child { margin-top: 4px; }
  .doc ul { margin: .4em 0; padding-left: 1.2em; }
  .note { color: var(--muted); font-size: .88rem; }
  table.price { border-collapse: collapse; margin: 10px 0; width: 100%; max-width: 380px; font-size: .95rem; }
  table.price th, table.price td { text-align: left; padding: 6px 10px; border-bottom: 1px solid var(--line); }
  table.price th { color: var(--muted); font-weight: 700; }

/* ---------- katalog: karty z ceną (podstrony /jesien, /zima + główna) ---------- */
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 22px; }
.card { background: var(--card); border: 2px solid var(--line); border-radius: 20px; overflow: hidden; padding: 10px 10px 0; transition: transform .25s ease, background-color .8s, border-color .8s, box-shadow .8s; }
.grid .card:hover { transform: translateY(-4px) scale(1.02); }
html.off .card { box-shadow: 0 0 40px -10px rgba(255,170,60,calc(var(--glow)*.35)); }
.card h3 { margin: 0; padding: 12px 6px 2px; font-size: 1.2rem; font-weight: 600; }
.card p { margin: 0; padding: 0 6px 12px; color: var(--muted); font-size: .95rem; }
.photo { position: relative; aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden; background: var(--pastel1); transition: background-color .8s; }
.card:nth-child(3n+2) .photo { background: var(--pastel2); } .card:nth-child(3n) .photo { background: var(--pastel3); }
.photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .8s, filter .8s; }
.photo img.night { opacity: 0; }
html.off .photo img.night { opacity: 1; }  /* 18.10 user: zgaszona żarówka = zdjęcia wieczorne (AI) */
/* 2026-10-18: user – główne zdjęcie (AI, za dnia) zawsze na karcie, także w trybie nocnym; świecące tylko w galerii */
.photo .ph { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; font-size: 3.4rem; }
.photo .ph small { font-size: .8rem; color: var(--muted); }
.cena { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 0 6px 10px; }
.cena b { font-size: 1.35rem; font-weight: 800; }
.tag { font-size: .78rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--pastel3); }
.tag.zam { background: var(--pastel4); }
.tag.led { background: #ffe7a8; color: #5a3a00; margin-left: 6px; }  /* 2026-10-18 */
html.off .tag.led { background: #4a3a12; color: #ffe7a8; }
.akcje { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 6px 14px; }
.akcje a, .akcje button { padding: 8px 16px; border: 0; border-radius: 999px; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none; }
.akcje .olx { background: var(--accent2); color: #fff; }
.akcje .play { background: #ff8a3d; color: #fff; }
.wiecej { display: block; width: max-content; margin: 22px auto 0; padding: 10px 22px; border-radius: 999px; background: var(--accent); color: #fff; font-weight: 800; text-decoration: none; }
#kino { position: fixed; inset: 0; z-index: 50; display: none; align-items: center; justify-content: center; background: rgba(10,8,20,.88); padding: 16px; }
#kino.on { display: flex; }
#kino video { max-height: 88vh; max-width: 100%; border-radius: 18px; background: #000; }
#kino .x { position: absolute; top: 12px; right: 16px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.15); color: #fff; font-size: 26px; cursor: pointer; }
.wzory { display: flex; gap: 8px; padding: 10px 4px 0; overflow-x: auto; }
.wz { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 3px; background: none; border: 0; padding: 0; cursor: pointer; font: inherit; color: var(--muted); }
.wz img, .wz span { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; border: 3px solid transparent; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; background: var(--pastel4); }
.wz.on img, .wz.on span { border-color: var(--accent); }
.wz small { font-size: .72rem; }
.kolory { display: flex; align-items: center; gap: 8px; padding: 8px 4px 0; font-size: .82rem; color: var(--muted); flex-wrap: wrap; }
.kol { display: inline-flex; align-items: center; gap: 5px; background: none; border: 2px solid var(--line); border-radius: 999px; padding: 3px 10px 3px 4px; cursor: pointer; font: inherit; color: var(--fg); }
.kol i { width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgba(0,0,0,.15); }
.kol.on { border-color: var(--accent); }
.card h3 .ile { font-size: .85rem; font-weight: 600; color: var(--muted); }
.cena .za { font-size: .8rem; color: var(--muted); margin-left: -4px; }
.sub.note { font-size: .9rem; margin-top: -12px; }

/* 2026-10-17 motyw A (dzień): delikatny cień kart; noc bez zmian */
html:not(.off) .card { box-shadow: 0 6px 18px rgba(80,50,20,.08); }

/* 2026-10-18 (user): karty w wierszu – cena i przyciski OLX zawsze na tym samym poziomie */
.grid > .card { display: flex; flex-direction: column; }
.grid > .card > .cena { margin-top: auto; }  /* 18.10: bez „Jak o to dbać” na kartach */
@media (min-width: 560px) {
.grid > .card > .cena { min-height: 92px; align-content: flex-start; }
.grid > .card > .akcje { min-height: 112px; align-content: flex-start; }  /* miejsce na OLX + film – OLX zawsze w tym samym miejscu */
}

/* 2026-10-18 (user): strona „wkrótce” bardziej fantazyjna */
.card.wkrotce { max-width: 580px; margin: 24px auto; text-align: center; padding: 34px 24px 30px; }
.wk-ikona { position: relative; display: inline-block; font-size: 3.6rem; animation: wk-hop 2.4s ease-in-out infinite; }
.wk-ikona .wk-druk { position: absolute; right: -34px; bottom: -6px; font-size: 1.9rem; animation: wk-druk 1.2s steps(2) infinite; }
@keyframes wk-hop { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-10px) rotate(4deg); } }
@keyframes wk-druk { 50% { transform: translateX(3px); } }
.card.wkrotce h3 { font-size: 1.35rem; padding: 14px 6px 6px; }
.wk-mini { font-weight: 700; color: var(--fg) !important; padding-top: 4px !important; }
.wk-linki { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 4px 0 20px; }
.wk-linki a { padding: 8px 16px; border-radius: 999px; background: var(--pastel2); color: var(--fg); font-weight: 700; text-decoration: none; transition: transform .2s; }
.wk-linki a:hover { transform: translateY(-3px) rotate(-2deg); }
.wk-dom { display: inline-block; padding: 12px 26px; border-radius: 999px; background: var(--accent); color: #fff; font-weight: 800; text-decoration: none; box-shadow: 0 6px 16px rgba(217,100,43,.35); transition: transform .2s; }
.wk-dom:hover { transform: scale(1.06) rotate(-1deg); }
@media (prefers-reduced-motion: reduce) { .wk-ikona, .wk-ikona .wk-druk { animation: none; } }

/* 2026-10-18 (user): z-czego – dwie sekcje z kotwicami */
.kotwica { scroll-margin-top: 80px; margin-top: 28px; }
.skok { display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0 4px; }
.skok a { padding: 9px 18px; border-radius: 999px; background: var(--card); border: 2px solid var(--line); color: var(--fg); font-weight: 700; text-decoration: none; }
.skok a:hover { border-color: var(--accent); }

/* 2026-10-18 (user): z-czego – dwie wyraźnie oddzielone części (panel + pasek nagłówka) */
.panel { background: var(--card); border: 2px solid var(--line); border-radius: 22px; padding: 0 18px 20px; margin-top: 30px; overflow: hidden; }
.panel .pasek { margin: 0 -18px 16px; padding: 14px 18px; font-size: 1.35rem; display: flex; align-items: center; gap: 10px; color: #fff; }
.panel .pasek small { margin-left: auto; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .85; }
.p-mat .pasek { background: var(--accent2); }
.p-dbaj .pasek { background: var(--accent); }
.panel .about { background: transparent; }
.skok a:first-child { border-color: var(--accent2); } .skok a:last-child { border-color: var(--accent); }

/* 2026-10-18: żarówka na podstronach */
.topr { display: flex; align-items: center; gap: 14px; }
.lampka { border: 2px solid var(--line); background: var(--card); border-radius: 999px; width: 38px; height: 38px; font-size: 1.1rem; cursor: pointer; line-height: 1; }
html.off .lampka { filter: grayscale(1) brightness(.7); }

/* 2026-10-18 (user): ZIMA (XII–II) – dzienne tło jasnobłękitne (html.zima, bez trybu nocnego) */
html.zima:not(.off) {
  --bg: #c9dcec; --bg2: #b3cbe0; --fg: #1f2d3d; --muted: #4c6075;
  --card: #e4eef7; --line: #a7c0d6; --accent2: #2f6f62;
  --pastel1: #d5e4f1; --pastel2: #cfe0e6; --pastel3: #d3e6dc; --pastel4: #e3e3f2;
}
html.zima:not(.off) .tag.led { background: #fff1c2; }

/* 2026-10-18 (user): wisząca żarówka jak na głównej – zawsze z boku na każdej podstronie */
.lamp { position: fixed; top: 0; right: 10px; z-index: 40; background: none; border: 0; padding: 0 6px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.lamp svg { width: 46px; height: 110px; display: block; overflow: visible; transform-origin: 50% 0; }
.lamp:hover svg { animation: sway 1.4s ease-in-out; }
.lamp.pull svg { animation: pull .45s ease; }
.lamp .bulb { fill: #fff3b0; transition: fill .3s; }
.lamp .halo { fill: #ffe066; opacity: .45; transition: opacity .3s; }
html.off .lamp .bulb { fill: #3a3560; }
html.off .lamp .halo { opacity: 0; }
.lamp .tip { position: absolute; right: 58px; top: 60px; white-space: nowrap; background: var(--fg); color: var(--bg); font: 700 .85rem "Baloo 2", sans-serif; padding: 5px 10px; border-radius: 10px; opacity: 0; transform: translateX(6px); transition: .25s; pointer-events: none; }
@media (hover: hover) { .lamp:hover .tip { opacity: 1; transform: none; } } .lamp:focus-visible .tip { opacity: 1; transform: none; }
@keyframes sway { 0%,100% { transform: rotate(0) } 25% { transform: rotate(4deg) } 75% { transform: rotate(-3deg) } }
@keyframes pull { 0% { transform: translateY(0) } 40% { transform: translateY(14px) } 100% { transform: translateY(0) } }
.top { padding-right: 62px; }  /* miejsce na żarówkę */

/* 2026-10-18: kolory na zamówienie */
.kolory-pr { display: flex; flex-wrap: wrap; gap: 8px 10px; margin: 12px 0; }
.kol-pr { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px 5px 6px; border-radius: 999px; background: var(--card); border: 1px solid var(--line); font-size: .9rem; font-weight: 600; }
.kol-pr i { width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgba(0,0,0,.25); display: inline-block; }

/* 2026-10-29: koszyk (koszyk.js) */
.dokosza { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; width: 100%; }
.dokosza .opc { display: flex; align-items: center; gap: 6px; font-size: .9rem; color: var(--muted); }
.dokosza select { font: inherit; padding: 5px 8px; border-radius: 10px; border: 2px solid var(--line); background: var(--card); color: var(--fg); max-width: 100%; }
.akcje .dodaj { background: var(--accent); color: #fff; }
.akcje .dodaj:active { transform: scale(.97); }
#kosz-fab { position: fixed; right: 16px; bottom: 16px; z-index: 45; background: var(--accent); color: #fff; text-decoration: none; font: 700 1.05rem "Baloo 2", sans-serif;
  padding: 10px 18px; border-radius: 999px; box-shadow: 0 4px 16px rgba(0,0,0,.25); }
#kosz-fab[hidden] { display: none; }
#kosz-dymek { position: fixed; left: 50%; bottom: 76px; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; transition: .25s; z-index: 46;
  background: var(--fg); color: var(--bg); padding: 10px 16px; border-radius: 14px; max-width: calc(100% - 32px); display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; }
#kosz-dymek.on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
#kosz-dymek a { color: var(--bg); font-weight: 700; }
.kosz-lista { display: grid; gap: 10px; margin-bottom: 18px; }
.kosz-poz { display: grid; grid-template-columns: 72px 1fr auto auto; gap: 12px; align-items: center; background: var(--card); border: 2px solid var(--line); border-radius: 16px; padding: 8px 12px 8px 8px; }
.kosz-poz img, .kosz-brak { width: 72px; height: 54px; object-fit: cover; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; }
.kosz-opis { display: flex; flex-direction: column; min-width: 0; }
.kosz-opis a { color: inherit; text-decoration: none; }
.kosz-opis small { color: var(--muted); }
.kosz-ile { display: flex; align-items: center; gap: 6px; }
.kosz-ile button, .kosz-usun { width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--line); background: var(--bg); color: var(--fg); font: 700 1rem sans-serif; cursor: pointer; }
.kosz-ile span { min-width: 1.4em; text-align: center; font-weight: 700; }
.kosz-cena { display: flex; align-items: center; gap: 8px; font-weight: 700; white-space: nowrap; }
.kosz-usun { width: 26px; height: 26px; font-size: .8rem; opacity: .7; }
.kosz-podsum { margin-bottom: 18px; }
.kosz-wiersz { display: flex; justify-content: space-between; margin: 4px 0; }
.kosz-wiersz.rabat b { color: var(--accent2); }
.kosz-wiersz.razem { font-size: 1.25rem; border-top: 2px solid var(--line); padding-top: 10px; margin-top: 10px; }
.kosz-hint { margin: 8px 0; font-size: .95rem; }
.kosz-hint.ok { color: var(--accent2); font-weight: 700; }
.kosz-pasek { height: 8px; border-radius: 99px; background: var(--bg); overflow: hidden; margin: 4px 0 10px; }
.kosz-pasek i { display: block; height: 100%; background: var(--accent2); border-radius: 99px; }
.kosz-dost { border: 0; padding: 0; margin: 12px 0 4px; display: grid; gap: 6px; }
.kosz-dost legend { font-weight: 700; margin-bottom: 4px; }
.kosz-dost label { display: flex; gap: 8px; align-items: center; cursor: pointer; }
.kosz-dost label b { margin-left: auto; }
.kosz-form h2 { margin-top: 0; }
.kosz-form label { display: flex; flex-direction: column; gap: 4px; margin: 0 0 10px; font-size: .92rem; color: var(--muted); }
.kosz-form input:not([type=checkbox]), .kosz-form textarea { font: inherit; padding: 9px 11px; border-radius: 10px; border: 2px solid var(--line); background: var(--bg); color: var(--fg); width: 100%; box-sizing: border-box; }
.kosz-form .kf-chk { flex-direction: row; align-items: flex-start; gap: 8px; color: var(--fg); }
.kosz-form .kf-chk input { margin-top: 4px; }
.kf-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.kf-www { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.kosz-mini { font-size: .85rem; color: var(--muted); margin: 0 0 10px; }
.kf-blad { color: #c0392b; font-weight: 700; min-height: 1em; }
html.off .kf-blad { color: #ff8a80; }
.kosz-test { display: block; color: var(--fg); font-weight: 400; background: var(--bg); border: 2px dashed var(--accent); border-radius: 12px; padding: 10px; }
.kosz-test code { display: block; margin-top: 6px; font-size: .75rem; word-break: break-all; opacity: .8; }
.kosz-zamow { width: 100%; padding: 14px; border: 0; border-radius: 999px; background: var(--accent); color: #fff; font: 700 1.1rem "Baloo 2", sans-serif; cursor: pointer; margin-bottom: 10px; }
.kosz-zamow:disabled { opacity: .6; cursor: wait; }
@media (max-width: 600px) {
  .kosz-poz { grid-template-columns: 56px 1fr; }
  .kosz-poz img, .kosz-brak { width: 56px; height: 44px; }
  .kosz-ile { grid-column: 2; } .kosz-cena { grid-column: 2; justify-content: space-between; }
  .kf-2 { grid-template-columns: 1fr; }
}
/* 2026-10-29: wzór formularza odstąpienia w regulaminie */
.doc .wzor { border: 2px dashed var(--line); border-radius: 12px; padding: 12px 16px; background: var(--bg); }
.doc .wzor p { margin: 6px 0; }
.doc ol { padding-left: 1.3em; }