/* ============================================================================
   MIODOWE OGRODY — pages
   Układy specyficzne per strona. Zasada: każda sekcja inny szkielet.
   ============================================================================ */
/* wspólne drobiazgi */
.rye { display: block; }
.link-arrow { display: inline-flex; align-items: center; gap: .5em; font-weight: 600;
  color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--amber); padding-bottom: .1em; width: fit-content; }
.link-arrow svg { width: 18px; height: 18px; color: var(--amber); transition: transform var(--dur-fast) var(--ease); }
.link-arrow:hover svg { transform: translateX(4px); }
.deco-bg .rye { width: 100%; height: 100%; }
/* ziarno na sekcjach fotograficznych */
/* ═══════════════════════════════════════════════════════════ INDEX · HERO ══ */
.hero { padding-top: var(--space-m); }
.hero__cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: .4rem; }
/* ════════════════════════════════════════════════════ INDEX · TRZY PRACOWNIE */
.strips { border-top: 1px solid var(--line); }
.strip { display: grid; align-items: center; gap: clamp(.8rem, 3vw, 2rem);
  grid-template-columns: minmax(150px, 230px) 1fr 96px 34px;
  padding-block: clamp(1.4rem, 3vw, 2.2rem); border-bottom: 1px solid var(--line);
  text-decoration: none; color: var(--ink);
  transition: background var(--dur-fast) var(--ease), padding-inline var(--dur-fast) var(--ease); }
a.strip:hover { background: var(--paper-warm); padding-inline: clamp(.6rem, 1.5vw, 1.2rem); }
.strip__num { grid-row: 1; align-self: start; font-family: var(--font-body); font-weight: 700;
  font-size: var(--step--1); letter-spacing: .14em; color: var(--amber); }
.strip__name { font-family: var(--font-display); font-weight: 400; font-size: var(--step-2); line-height: 1.05; }
.strip .strip__num { display: block; margin-bottom: .4rem; }
.strip__desc { color: var(--ink-soft); max-width: 46ch; margin: 0; }
a.strip:hover .strip__arrow svg { transform: translateX(6px); }
/* wariant „nazwa+num w jednej komórce" */
.strip { grid-template-areas: "head desc media arrow"; }
.strip__num, .strip__name { grid-column: 1; }
.strip__desc { grid-column: 2; }
/* ════════════════════════════════════════════════════ INDEX · KARTY ATLASU ══ */
/* 4. karta — pozioma, na całą szerokość */
/* ═══════════════════════════════════════════════════════ INDEX · OD POKOLEŃ ══ */
.saga__body .link-arrow { margin-top: .4rem; }
/* ══════════════════════════════════════════════════════════════ PRODUKTY ═══ */
.subnav__link.is-active { color: var(--ink); border-color: var(--line-strong); }
/* ══════════════════════════════════════════════════════════════════ O NAS ══ */
.about-hero { padding-top: var(--space-l); }
.about-hero h1 { margin-top: .3rem; max-width: 14ch; }
.timeline { list-style: none; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
  gap: var(--space-m); border-top: 1px solid var(--line-strong); padding: 0; margin-top: var(--space-s); }
.timeline__point { display: grid; gap: .4rem; padding-top: 1.6rem; position: relative; }
.timeline__dot { position: absolute; top: -7px; left: 0; width: 13px; height: 13px; border-radius: 50%;
  background: var(--paper); border: 1.5px solid var(--amber); }
.timeline__point.is-now .timeline__dot { background: var(--amber); }
.timeline__year { font-family: var(--font-body); font-weight: 700; font-size: var(--step--1);
  letter-spacing: .1em; text-transform: uppercase; color: var(--amber-deep); }
.timeline__label { font-family: var(--font-display); font-size: var(--step-1); line-height: 1.15; color: var(--ink); }
.masonry { columns: 3; column-gap: var(--space-m); }
.masonry__item { break-inside: avoid; margin: 0 0 var(--space-m); }
.masonry__item img { width: 100%; height: auto; border: 1px solid var(--line); border-radius: var(--radius);
  filter: sepia(.12) saturate(1.05); background: var(--paper-warm); }
.masonry__item figcaption { margin-top: .5rem; }
/* ═══════════════════════════════════════════════════════════════════ HURT ══ */
.hurt-hero { padding-top: var(--space-l); }
.hurt-hero__grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: var(--space-m); align-items: center; }
.hurt-hero__grid > div { display: grid; gap: 1.3rem; }
.hurt-hero__grid h1 { max-width: 15ch; }
.hurt-hero__deco { justify-self: center; width: min(300px, 60%); color: var(--ink); opacity: .12; }
.steps { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-m);
  border-top: 1px solid var(--line-strong); padding: 0; }
.step { display: grid; gap: .5rem; padding-top: 1.5rem; position: relative; }
.step::before { content: ""; position: absolute; top: -7px; left: 0; width: 13px; height: 13px;
  background: var(--amber); border-radius: 50%; }
.step__num { font-family: var(--font-body); font-weight: 700; font-size: var(--step--1); letter-spacing: .14em; color: var(--amber-deep); }
.step__title { font-size: var(--step-1); }
.step__desc { color: var(--ink-soft); margin: 0; }
.hurt-form { display: grid; grid-template-columns: 1.3fr .7fr; gap: var(--space-l); align-items: start; }
.form-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
  padding: var(--space-m); display: grid; gap: 1rem; align-content: start; position: sticky; top: 96px; }
.form-card p { color: var(--ink-soft); margin: 0; }
.tel-xl { font-family: var(--font-display); font-size: var(--step-3); line-height: 1.05; color: var(--ink);
  text-decoration: none; display: inline-block; }
.tel-xl:hover { color: var(--amber-deep); }
.form fieldset { border: 0; padding: 0; }
.form legend { font-family: var(--font-body); font-weight: 600; font-size: var(--step--1); color: var(--ink); margin-bottom: .5rem; }
/* ════════════════════════════════════════════════════════════════ KONTAKT ══ */
.contact { padding-top: var(--space-l); }
.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-l); align-items: start; }
.contact__info { display: grid; gap: 1.1rem; align-content: start; }
.contact__info h1 { max-width: 12ch; }
.contact__info .btn { justify-self: start; }
.contact__info .tel-xl { margin-block: .3rem; }
.contact__list { list-style: none; display: grid; gap: .9rem; padding: 0; }
.contact__list li { display: flex; align-items: flex-start; gap: .7rem; color: var(--ink-soft); }
.contact__list li svg { width: 20px; height: 20px; color: var(--amber); flex: none; margin-top: .15rem; }
.contact__list a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line); }
.contact__list a:hover { border-color: var(--amber); }
.contact__form { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: var(--space-m); }
/* ════════════════════════════════════════════════════ RESPONSYWNOŚĆ ═══════ */
@media (max-width: 1024px) {
.masonry { columns: 2; }
}
@media (max-width: 900px) {
.hurt-hero__grid { grid-template-columns: 1fr; }
.hurt-hero__deco { display: none; }
.hurt-form { grid-template-columns: 1fr; }
.form-card { position: static; }
.contact__grid { grid-template-columns: 1fr; }
.steps { grid-template-columns: repeat(2, 1fr); }
.timeline { grid-auto-flow: row; grid-auto-columns: auto; border-top: 0; }
.timeline__point { border-top: 1px solid var(--line); padding-top: 1.4rem; padding-left: 1.6rem; }
.timeline__dot { left: 0; top: 1.6rem; }
}
@media (max-width: 680px) {
.masonry { columns: 1; }
.strip { grid-template-columns: 1fr auto; grid-template-areas: "head media" "desc media" "arrow arrow"; row-gap: .6rem; }
.strip__num, .strip__name { grid-area: head; }
.strip__name { display: inline; }
.strip__desc { grid-area: desc; grid-column: 1; }
a.strip:hover { padding-inline: 0; }
.steps { grid-template-columns: 1fr; }
.hero__cta .btn { width: 100%; justify-content: center; }
}
/* ══════════════════════════════════════════════════ v2 · FRONTYSPIS (index) ══ */
/* full-bleed foto pod hero */
/* ══════════════════════════════════════════════════ v2 · KOLEKCJE (index) ══ */
/* ══════════════════════════════════════════ v2 · PROCES (index, 2 ścieżki) ══ */
/* ══════════════════════════════════════════════════ v2 · HERO KOLEKCJI ════ */
.coll-hero { position: relative; overflow: hidden; padding-block: var(--space-xl) var(--space-l); }
.coll-hero__deco { position: absolute; z-index: -1; width: min(440px, 46vw); color: var(--ink);
  opacity: .07; right: -4%; top: -6%; }
.coll-hero__inner { display: grid; gap: 1rem; }
.coll-hero__inner h1 { max-width: 16ch; }
.coll-hero__inner .lead { max-width: 52ch; }
/* ══════════════════════════════════════════════ v2 · SPOTLIGHT full-width ══ */
/* ══════════════════════════════════════════════════ v2 · GOSPODARZ (o-nas) ══ */
.maker { display: grid; grid-template-columns: .85fr 1.15fr; gap: var(--space-l); align-items: center; }
.maker__figure { margin: 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--paper-warm); }
.maker__figure img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; filter: sepia(.12) saturate(1.05); }
.maker__body { display: grid; gap: 1rem; }
.maker__quote { font-family: var(--font-display); font-size: var(--step-2); line-height: 1.25; color: var(--ink); max-width: 24ch; }
.maker__text { color: var(--ink-soft); max-width: 52ch; }
.maker__sign { font-family: var(--font-display); font-style: italic; color: var(--ink); }
/* pas informacyjny (spizarnia → pasze/hurt) */
.infobar { background: var(--paper-warm); border-block: 1px solid var(--line); }
.infobar__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-m);
  flex-wrap: wrap; padding-block: var(--space-l); }
.infobar__text { max-width: 54ch; }
.infobar__text h2 { font-size: var(--step-2); margin-bottom: .5rem; }
.infobar__text p { color: var(--ink-soft); }
/* ══════════════════════════════════════════════ v2 · RESPONSYWNOŚĆ dodatki ══ */
@media (max-width: 900px) {
.maker { grid-template-columns: 1fr; }
.maker__figure { max-width: 420px; }
}
/* ══════════════════════════════════════════════ v2 · CROSS-LINKI kolekcji ══ */
.crossnav { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: var(--space-m); }
.crosslink { display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(1.2rem, 3vw, 2rem);
  text-decoration: none; color: var(--ink); background: var(--card);
  transition: background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease); }
.crosslink:hover { background: var(--paper-warm); border-color: var(--line-strong); }
.crosslink__label { display: grid; gap: .2rem; }
.crosslink__name { font-family: var(--font-display); font-size: var(--step-2); line-height: 1.05; }
.crosslink__ic { color: var(--amber); flex: none; }
.crosslink__ic svg { width: 30px; height: 30px; transition: transform var(--dur-fast) var(--ease); }
.crosslink:hover .crosslink__ic svg { transform: translateX(6px); }
@media (max-width: 640px) {
.crossnav { grid-template-columns: 1fr; }
}
/* ══════════════════════════════════════════ v2 · KROKI PROCESU ze zdjęciami ══ */
.psteps { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-m); }
.pstep { display: grid; gap: 1rem; }
.pstep__figure { margin: 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden;
  aspect-ratio: 4 / 3; background: var(--paper-warm); }
.pstep__figure img { width: 100%; height: 100%; object-fit: cover; filter: sepia(.12) saturate(1.05); }
.pstep__n { font-family: var(--font-display); font-size: var(--step-2); color: var(--amber); line-height: 1; }
.pstep__title { font-size: var(--step-1); margin: .2rem 0 .4rem; }
.pstep__text { color: var(--ink-soft); }
@media (max-width: 820px) {
.psteps { grid-template-columns: 1fr; max-width: 34rem; }
}
/* ═══════════════════════════════════════ v3 · FRONTYSPIS skondensowany ════ */
/* ═══════════════════════════════════════ v3 · KARTA jako link (sklep) ═════ */
/* ═══════════════════════════════════════ v3 · MEGA-MENU PRODUKTÓW ═════════ */
.pmenu__head .eyebrow { color: var(--pollen); }
.pmenu__group.is-open .pmenu__tab { background: var(--paper); color: var(--ink); border-color: var(--paper); }
.pmenu__group.is-open .pmenu__chev svg { transform: rotate(90deg); }
.pmenu__group.is-open .pmenu__panel { max-height: 1200px; opacity: 1; margin-top: .7rem; }
.pmenu__row .add-btn { flex: none; }
/* ═══════════════════════════════════════ v3 · SEKCJA HISTORII ═════════════ */
/* ═══════════════════════════════════════ v3 · „Jak kupić" skondensowane ═══ */
/* ═══════════════════════════════════════ v3 · EKRAN PRODUKTU ══════════════ */
.breadcrumb { border-bottom: 1px solid var(--line); }
.breadcrumb .u-container { padding-block: .9rem; font-size: var(--step--1); color: var(--ink-soft); }
.breadcrumb a { color: var(--ink); text-decoration: none; }
.breadcrumb a:hover { color: var(--amber-deep); }
.breadcrumb span { margin-inline: .3rem; }
.pd { padding-top: var(--space-l); }
.pd__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-l); align-items: start; }
.pd__gallery { position: sticky; top: 92px; display: grid; gap: .8rem; }
.pd__main { position: relative; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--paper-warm); aspect-ratio: 1/1; }
.pd__main img { width: 100%; height: 100%; object-fit: cover; filter: sepia(.12) saturate(1.05); }
.pd__flora { position: absolute; top: 1rem; right: 1rem; width: 52px; height: 52px; color: var(--ink-soft); opacity: .8; z-index: 1; }
.pd__thumbs { display: flex; gap: .6rem; flex-wrap: wrap; }
.pd__thumb { width: 76px; height: 76px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; padding: 0; cursor: pointer; background: var(--paper-warm); }
.pd__thumb.is-active { border-color: var(--ink); }
.pd__thumb img { width: 100%; height: 100%; object-fit: cover; filter: sepia(.12) saturate(1.05); }
.pd__info { display: grid; gap: 1rem; align-content: start; }
.pd__info h1 { font-size: var(--step-3); line-height: 1.05; }
.pd__short { color: var(--ink-soft); }
.pd__badges { display: flex; flex-wrap: wrap; gap: .4rem; }
.pd__badge { font-family: var(--font-body); font-weight: 600; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--ink-soft); border: 1px solid var(--line); border-radius: var(--radius); padding: .25em .55em; }
.pd__buy { border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); padding: var(--space-m); display: grid; gap: 1.1rem; margin-top: .4rem; }
.pd__price { font-family: var(--font-display); font-size: var(--step-2); color: var(--ink); line-height: 1; }
.pd__price small { font-family: var(--font-body); font-weight: 600; font-size: .42em; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-soft); margin-right: .5em; }
.pd__weights { border: 0; padding: 0; margin: 0; display: grid; gap: .5rem; }
.pd__weights legend { font-family: var(--font-body); font-weight: 600; font-size: var(--step--1); margin-bottom: .3rem; }
.wopt { display: flex; align-items: center; gap: .6rem; border: 1px solid var(--line); border-radius: var(--radius); padding: .55em .8em; cursor: pointer; }
.wopt input { accent-color: var(--amber); }
.wopt__l { flex: 1; }
.wopt__p { color: var(--ink-soft); }
.pd__actions { display: flex; gap: .8rem; align-items: center; flex-wrap: wrap; }
.qty { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: var(--radius); }
.qty__btn { width: 40px; height: 40px; display: grid; place-items: center; color: var(--ink); }
.qty__btn svg { width: 15px; height: 15px; }
.qty__in { width: 46px; height: 40px; text-align: center; border: 0; border-inline: 1px solid var(--line); background: transparent; -moz-appearance: textfield; font-family: var(--font-body); }
.qty__in::-webkit-outer-spin-button, .qty__in::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pd__actions .add-btn--lg { flex: 1; justify-content: center; min-width: 200px; }
.pd__phone { display: inline-flex; align-items: center; gap: .5rem; font-size: var(--step--1); color: var(--ink); text-decoration: none; }
.pd__phone svg { width: 16px; height: 16px; color: var(--amber); }
.pd__desc-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--space-l); align-items: start; }
.pd__desc p { color: var(--ink-soft); margin-bottom: 1rem; max-width: 64ch; }
.pd__aside { display: grid; gap: 1.4rem; align-content: start; }
.pd__meta h3 { font-family: var(--font-body); font-weight: 700; font-size: var(--step--1); text-transform: uppercase; letter-spacing: .1em; color: var(--ink-soft); margin-bottom: .35rem; }
.pd__meta p { color: var(--ink); }
@media (max-width: 900px) {
.pd__grid, .pd__desc-grid { grid-template-columns: 1fr; }
.pd__gallery { position: static; }
}
/* ═══════════════════════════════════════════════════ v4 · POPRAWKI ════════ */
/* odstępy sekcji ~50% mniejsze */
.section { padding-block: clamp(2.2rem, 4.5vw, 4.2rem); }
.section--tight { padding-block: clamp(1.4rem, 3vw, 2.6rem); }
.sec-head { margin-bottom: clamp(1.4rem, 3vw, 2.6rem); }
/* większe logo, ta sama wysokość paska */
.brand__logo { height: 60px; }
.nav__inner { min-height: 78px; }
.footer__brand .brand__logo { height: 88px; }
.menu__top .brand__logo { height: 46px; }
@media (max-width: 900px) {
.brand__logo { height: 50px; }
}
/* przycisk „do koszyka": ikona + na hover */
.add-btn:hover .add-btn__ic--cart, .add-btn:focus-visible .add-btn__ic--cart { display: none; }
.add-btn:hover .add-btn__ic--plus, .add-btn:focus-visible .add-btn__ic--plus { display: inline-flex; }
/* animacja „lotu do koszyka" */
.fly-dot { position: fixed; z-index: 300; width: 20px; height: 20px; margin: -10px 0 0 -10px;
  border-radius: 50%; background: var(--amber); pointer-events: none; }
@keyframes cartbump { 0%,100%{ transform: scale(1); } 40%{ transform: scale(1.28); } }
.nav__cart.bump { animation: cartbump .4s var(--ease); }
/* telefon nie może się rozjeżdżać */
.tel-xl { white-space: nowrap; font-size: clamp(1.45rem, 1rem + 2.2vw, 2.6rem); }
/* mniejszy, dłuższy opis na stronach kolekcji */
.coll-hero__intro { color: var(--ink-soft); font-size: var(--step-0); max-width: 70ch; line-height: 1.6; }
.coll-hero { padding-block: var(--space-l) var(--space-m); }
/* mniejszy footer */
.footer__grid { padding-block: clamp(1.8rem, 3.5vw, 3rem); }
.footer__motto { margin-top: .7rem; }
.footer__base { padding-block: 1rem; }
/* ── MEGA-MENU v4: pełnoszerokościowy panel o stałej wysokości (bez zoomu tła) ── */
.pmenu__tab.is-active { background: var(--paper); color: var(--ink); border-color: var(--paper); }
.pmenu__panel.is-active { display: block; }
.pmrow .add-btn { flex: none; }
/* ═══════════════════════════════════════════════════ v5 · POPRAWKI ════════ */
/* ikona koszyka na kartach (naprawa: compact chował też ikonę) */
/* jeszcze większe logo */
.brand__logo { height: 74px; }
.nav__inner { min-height: 94px; }
@media (max-width: 900px) {
.brand__logo { height: 56px; }
.nav__inner { min-height: 76px; }
}
/* ── MEGA-MENU v5: panel jako rozwijany overlay (zwija się po zjechaniu) ──── */
.pmenu__nav.is-open .pmenu__panels { opacity: 1; visibility: visible; transform: translateY(0) scaleY(1); }
/* opis pod „Jak powstają" */
.history__process .faq { max-width: none; }
/* pasek „Jak zamówić" — podtytuł */
.orderbar__sub { color: rgba(245,240,225,.8); margin-top: .6rem; max-width: 46ch; }
.orderbar__end .btn { white-space: nowrap; }
/* „Jak kupić" — telefon jako drobna alternatywa */
.howbuy__act .link-arrow { background: none; border: 0; cursor: pointer; padding: 0; font: inherit; }
/* ── OPINIE v5: dwie animowane kolumny (Allegro / Google) ─────────────────── */
@keyframes revup { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes revdown { from { transform: translateY(-50%); } to { transform: translateY(0); } }
/* ── HERO „O NAS" v5: tekst na przyciemnionym zdjęciu ────────────────────── */
.about-hero--merged { position: relative; padding: 0; min-height: clamp(360px, 56vh, 620px);
  display: grid; align-items: center; overflow: hidden; isolation: isolate; }
.about-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2;
  filter: sepia(.12) saturate(1.02) brightness(.62); }
.about-hero--merged::after { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(rgba(34,56,43,.45), rgba(34,56,43,.68)); }
.about-hero__inner { display: grid; gap: 1rem; padding-block: var(--space-l); }
.about-hero__inner .eyebrow { color: var(--pollen); }
.about-hero__inner h1 { color: var(--paper); max-width: 15ch; }
.about-hero__inner h1 .accent { color: var(--pollen); }
.about-hero__lead { color: rgba(245,240,225,.92); max-width: 52ch; font-size: var(--step-1); line-height: 1.5; }
/* ═══════════════════════════════════════════════════ v6 · POPRAWKI ════════ */
/* logo jako masthead w hero */
/* odstęp w nav między grupami (Sklep·Hurt | O nas·Kontakt) */
.nav__gap { margin-left: clamp(.8rem, 2.2vw, 2.4rem); }
/* MEGA-MENU: powrót panelu do przepływu (długie tło, brak nachodzenia, wolne najeżdżanie działa) */
/* sekcja opisowa miejsca (dawne „Trzy pracownie") */
/* strona sklepu + filtr */
.shop-hero { padding-top: var(--space-l); position: relative; overflow: hidden; }
.shop-hero h1 { margin: .3rem 0 1rem; }
.shop__filter { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: var(--space-l); }
.shop__f { font-family: var(--font-body); font-weight: 600; font-size: var(--step-0); color: var(--ink-soft);
  background: transparent; border: 1px solid var(--line); border-radius: var(--radius); padding: .5em 1.05em; cursor: pointer;
  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease); }
.shop__f span { opacity: .55; font-size: .85em; margin-left: .15em; }
.shop__f:hover { border-color: var(--ink); color: var(--ink); }
.shop__f.is-active { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.shop__f.is-active span { opacity: .8; }
/* więcej rycin w tłach (smaczki jak w hero) */
/* ═══════════════════════════════════════════════════ v7 · MEGA-MENU + RUCH ═ */
/* mega-menu: podpowiedź domyślnie, produkty na hover (nie wiecznie rozwinięte) */
.pmenu__panels.is-showing .pmenu__hint { display: none; }
.pmenu__panel.is-active { display: block; animation: pmpanel .38s var(--ease); }
@keyframes pmpanel { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
/* ── LEKKIE ANIMACJE (subtelne, spójne z marką) ──────────────────────────── */
/* uniesienie kart / kafli na hover */
.crosslink { transition: background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-mid) var(--ease); }
.crosslink:hover { transform: translateY(-3px); }
.step, .timeline__point { transition: transform var(--dur-mid) var(--ease); }
/* delikatny, powolny „oddech" rycin w hero (wyłączany przy reduced-motion) */
@keyframes floaty { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
/* delikatne wejście obrazka full-bleed (skala) już jest przez parallax; dołóż fade nagłówków */
.sec-head h2 { transition: none; }
/* ═══════════════════════════════════════════════════ v8 · MOBILE PASS ═════ */
@media (max-width: 760px) {
/* MEGA-MENU: na telefonie brak hovera → panel/podpowiedź znikają,
     kategorie to zwykłe linki-kafle (tap = przejście do kolekcji) */
/* FRONTIS: więcej powietrza, subtelniejsze narożniki */
/* sekcje: spójniejsze odstępy i nagłówki */
.section { padding-block: clamp(2rem, 8vw, 3rem); }
.sec-head { margin-bottom: clamp(1.2rem, 5vw, 2rem); }
.sec-head h2 { font-size: clamp(1.7rem, 6.5vw, 2.2rem); }
/* full-bleed foto krótsze i estetyczniejsze na telefonie */
/* OPINIE: jedna pod drugą, niższe animowane kolumny */
/* strona produktu i sklep: wygodniejsze na telefonie */
.pd__info h1 { font-size: clamp(1.7rem, 7vw, 2.3rem); }
.pd__actions { flex-direction: column; align-items: stretch; }
.pd__actions .qty { align-self: flex-start; }
.pd__actions .add-btn--lg { width: 100%; }
.shop__filter { gap: .45rem; }
.shop__f { font-size: var(--step--1); padding: .45em .8em; }
/* „Jak zamówić"/pasek: przyciski pełnej szerokości */
.orderbar__inner { flex-direction: column; align-items: flex-start; }
.orderbar__end .btn { width: 100%; justify-content: center; }
}
@media (max-width: 420px) {
/* na bardzo wąskich ekranach czyściej */
.u-container { padding-inline: 1.1rem; }
}
/* ═══════════════════════════════════════════════════ v9 · MEGA-MENU FINAL ═ */
/* Bez podpowiedzi „Najedź…" i bez białego pustego panelu.
   Zostaje oryginalne, długie tło (panorama). Karta z produktami pojawia się
   TYLKO na hover kategorii (desktop). Wysokość stała → brak zoomu i nachodzenia. */
.pmenu__panel.is-active { display: block; align-self: stretch;
  background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius);
  padding: var(--space-m); animation: pmpanel .38s var(--ease); }