/* ═══════════════════════════════════════════════════════
   OGRODNICTWO MADRAK — style.css v5
════════════════════════════════════════════════════════ */
:root {
  --ink:        #0f1c10;
  --forest:     #1a3320;
  --moss:       #2d5a3d;
  --sage:       #5e8c6a;
  --mist:       #a8c5b0;
  --ivory:      #f7f3ec;
  --paper:      #faf8f4;
  --gold:       #c8a96e;
  --gold-light: #e8d4a8;
  --white:      #ffffff;

  --serif:   'Playfair Display', Georgia, serif;
  --sans:    'DM Sans', system-ui, sans-serif;

  --nav-h:  64px;
  --r-sm:   8px;
  --r-md:   16px;
  --r-lg:   24px;
  --r-xl:   48px;

  --sh-sm:  0 2px 16px rgba(15,28,16,.07);
  --sh-md:  0 8px 48px rgba(15,28,16,.12);
  --sh-lg:  0 24px 80px rgba(15,28,16,.18);
  --sh-xl:  0 40px 120px rgba(15,28,16,.25);

  --ease:     cubic-bezier(.4,0,.2,1);
  --ease-out: cubic-bezier(0,0,.2,1);
  --t:        .45s;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--linen);color:var(--ink);overflow-x:hidden;line-height:1.75;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

/* ─── TYPOGRAPHY ─────────────── */
.tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--moss);margin-bottom:.8rem}
.tag::before,.tag::after{content:'';display:block;width:18px;height:1px;background:var(--sage)}
.tag-light{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--mist);margin-bottom:1rem}
.tag-light::before,.tag-light::after{content:'';display:block;width:18px;height:1px;background:var(--sage)}

.h2-center{font-family:var(--serif);font-size:clamp(2rem,5vw,3.4rem);font-weight:300;line-height:1.18;color:var(--ink);text-align:center;letter-spacing:.01em}
.h2-center em{font-style:italic;color:var(--moss)}
.h2-light{font-family:var(--serif);font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:300;line-height:1.15;color:var(--white);letter-spacing:.01em;margin-bottom:1.5rem}
.h2-light em{font-style:italic;color:var(--mist)}

.section-head{text-align:center;margin-bottom:3.5rem}
.section-sub{font-size:1rem;font-weight:300;color:var(--ink-lt);line-height:1.75;max-width:640px;margin:.9rem auto 0;text-align:center}

.divider-leaf{display:flex;justify-content:center;margin-top:1.2rem}
.divider-leaf svg{width:80px;height:20px}

/* ─── LAYOUT ─────────────────── */
.container{width:min(1180px,92vw);margin:0 auto}
section{padding:88px 0}
@media(max-width:768px){section{padding:60px 0}}
@media(max-width:480px){section{padding:44px 0}}

/* ─── BUTTONS ────────────────── */
.btn-hero{display:inline-flex;align-items:center;gap:.7rem;padding:.9rem 1.8rem;background:rgba(26,46,26,.6);border:1px solid rgba(255,255,255,.25);color:var(--white);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;border-radius:var(--r-sm);backdrop-filter:blur(8px);transition:all var(--t) var(--ease)}
.btn-hero:hover{background:rgba(45,74,45,.8);border-color:rgba(255,255,255,.45);transform:translateY(-2px);box-shadow:var(--sh-md)}
.btn-outline{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.6rem;border:1px solid rgba(255,255,255,.3);color:var(--white);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;border-radius:var(--r-sm);margin-top:2rem;align-self:flex-start;transition:all var(--t) var(--ease)}
.btn-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55);transform:translateX(4px)}
.btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2rem;background:var(--forest);color:var(--white);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;border-radius:var(--r-sm);transition:all var(--t) var(--ease)}
.btn-primary:hover{background:var(--forest3);transform:translateY(-2px);box-shadow:var(--sh-md)}

/* ─── NAVIGATION ─────────────────────────────────────────── */
.nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 200;
  height: var(--nav-h);
  transition: background var(--t) var(--ease), box-shadow var(--t) var(--ease);
}
.nav.scrolled {
  background: rgba(247,243,236,.97);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 1px 0 rgba(15,28,16,.08);
}
.nav__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--nav-h);
  width: min(1200px, 92vw);
  margin: 0 auto;
}
.nav__logo {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-family: var(--serif);
  font-size: 1.2rem;
  color: var(--white);
  transition: color var(--t);
  min-width: 0;
}
.nav__logo span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav.scrolled .nav__logo { color: var(--forest); }
.nav__logo-mark {
  width: 26px; height: 26px;
  color: var(--gold);
  flex-shrink: 0;
  transition: transform .5s var(--ease);
}
.nav__logo:hover .nav__logo-mark { transform: rotate(15deg) scale(1.1); }

.nav__links {
  display: flex;
  gap: 2.4rem;
}
.nav-link {
  font-size: .8rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.85);
  transition: color var(--t);
  position: relative;
  padding-bottom: 2px;
  white-space: nowrap;
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 0; height: 1px;
  background: var(--gold);
  transition: width var(--t) var(--ease);
}
.nav-link:hover { color: var(--white); }
.nav-link:hover::after { width: 100%; }
.nav.scrolled .nav-link { color: var(--moss); }
.nav.scrolled .nav-link:hover { color: var(--forest); }

/* Burger – widoczny na mobile */
.nav__burger {
  display: none;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  margin-right: -8px;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
}
.nav__burger span {
  display: block;
  width: 22px; height: 1.5px;
  background: var(--white);
  border-radius: 2px;
  transition: all var(--t) var(--ease);
  transform-origin: center;
}
.nav.scrolled .nav__burger span { background: var(--forest); }
.nav__burger.open span:nth-child(1) { transform: translateY(3.75px) rotate(45deg); }
.nav__burger.open span:nth-child(2) { transform: translateY(-3.75px) rotate(-45deg); }

.nav__mobile {
  display: none;
  position: absolute;
  top: var(--nav-h); left: 0; right: 0;
  background: rgba(247,243,236,.99);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-top: 1px solid rgba(15,28,16,.06);
  padding: 1rem 1.5rem 1.5rem;
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition: all var(--t) var(--ease);
  box-shadow: 0 8px 32px rgba(15,28,16,.1);
}
.nav__mobile.show { opacity: 1; transform: translateY(0); pointer-events: all; }
.nav__mobile ul { display: flex; flex-direction: column; }
.nav__mobile a {
  display: block;
  padding: .9rem 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--moss);
  border-bottom: 1px solid rgba(15,28,16,.06);
  transition: color var(--t), padding-left var(--t);
}
.nav__mobile a:hover { color: var(--forest); padding-left: .5rem; }
.nav__mobile li:last-child a { border-bottom: none; }

/* ─── HERO ───────────────────────────────────────────────── */
.hero {
  position: relative;
  height: 100svh;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.hero__bg {
  position: absolute;
  inset: 0;
}
.hero__img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center 55%;
  transform: scale(1.06);
  animation: heroUnzoom 14s var(--ease-out) forwards;
}
@keyframes heroUnzoom { to { transform: scale(1); } }
.hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom,
      rgba(10,20,12,.65) 0%,
      rgba(10,20,12,.3) 45%,
      rgba(10,20,12,.75) 100%);
}

/* Floating petals */
.petals { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.petal {
  position: absolute;
  font-size: 1.4rem;
  opacity: 0;
  animation: petalFall linear infinite;
  filter: blur(.5px);
}
.petal--1 { left:8%;  animation-duration:9s;  animation-delay:1s;   color:rgba(200,169,110,.4); }
.petal--2 { left:22%; animation-duration:11s; animation-delay:3s;   color:rgba(200,169,110,.3); }
.petal--3 { left:55%; animation-duration:8s;  animation-delay:0.5s; color:rgba(200,169,110,.35); }
.petal--4 { left:75%; animation-duration:12s; animation-delay:4s;   color:rgba(200,169,110,.25); }
.petal--5 { left:90%; animation-duration:10s; animation-delay:2s;   color:rgba(200,169,110,.3); }
@keyframes petalFall {
  0%  { transform: translateY(-60px) rotate(0deg);   opacity: 0; }
  10% { opacity: .8; }
  90% { opacity: .3; }
  100%{ transform: translateY(105vh) rotate(480deg); opacity: 0; }
}

/* Hero content */
.hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: var(--white);
  padding: var(--nav-h) 1.5rem 0;
  max-width: 900px;
  width: 100%;
}
.hero__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  font-size: .7rem;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gold-light);
  margin-bottom: 1.2rem;
  opacity: 0;
  animation: fadeUp .8s .3s var(--ease) forwards;
  flex-wrap: wrap;
}
.eyebrow-line {
  display: block;
  width: 32px; height: 1px;
  background: var(--gold);
  opacity: .7;
}
.hero__title {
  font-family: var(--serif);
  font-size: clamp(2.8rem, 12vw, 9rem);
  font-weight: 400;
  line-height: .95;
  margin-bottom: 1.2rem;
  overflow: hidden;
}
.hero__title-word {
  display: block;
  color: var(--white);
  opacity: 0;
  transform: translateY(60px);
  animation: titleReveal .9s .5s var(--ease-out) forwards;
}
.hero__title-em {
  display: block;
  font-style: italic;
  color: var(--gold-light);
  opacity: 0;
  transform: translateY(60px);
  animation: titleReveal .9s .7s var(--ease-out) forwards;
}
@keyframes titleReveal {
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero__tagline {
  font-size: clamp(.9rem, 3vw, 1.15rem);
  font-weight: 300;
  color: rgba(255,255,255,.78);
  letter-spacing: .04em;
  margin-bottom: 2.4rem;
  opacity: 0;
  animation: fadeUp .8s .9s var(--ease) forwards;
}
.btn-hero {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  padding: .9rem 2.2rem;
  border: 1px solid rgba(200,169,110,.5);
  border-radius: 100px;
  color: var(--white);
  font-size: .82rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: all var(--t) var(--ease);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background: rgba(200,169,110,.12);
  opacity: 0;
  animation: fadeUp .8s 1.1s var(--ease) forwards;
  min-height: 48px; /* dotyk */
}
.btn-hero svg { width: 18px; height: 18px; transition: transform var(--t) var(--ease); flex-shrink: 0; }
.btn-hero:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--ink);
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(200,169,110,.4);
}
.btn-hero:hover svg { transform: translateX(4px); }

/* Hero stats bar */
.hero__stats {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10,20,12,.65);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid rgba(200,169,110,.15);
  padding: 1.2rem 1rem;
  opacity: 0;
  animation: fadeUp .8s 1.4s var(--ease) forwards;
  flex-wrap: wrap;
  gap: .5rem;
}
.hero__overlay{
  background:
    linear-gradient(to bottom,
      rgba(10,20,12,.65) 0%,
      rgba(10,20,12,.45) 45%,
      rgba(10,20,12,.92) 100%);
}
.hero__stat {
  text-align: center;
  padding: 0 2rem;
  flex: 1;
  min-width: 80px;
}
.hero__stat-num {
  display: block;
  font-family: var(--serif);
  font-size: clamp(1.6rem, 5vw, 2.4rem);
  font-weight: 700;
  color: var(--gold-light);
  line-height: 1;
}
.hero__stat-label {
  display: block;
  font-size: .68rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
  margin-top: .25rem;
  line-height: 1.3;
}


/* ─── CATEGORIES ─────────────── */
.categories{background:var(--cream);padding:88px 0 104px}
.categories__grid{display:flex;justify-content:center;gap:3.5rem;flex-wrap:wrap}

.category-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;width:200px;opacity:0;transform:translateY(20px) scale(.96);transition:opacity .5s calc(var(--di)*.12s + .2s) var(--ease),transform .5s calc(var(--di)*.12s + .2s) var(--ease)}
.category-item.visible{opacity:1;transform:translateY(0) scale(1)}

.category-item__circle{position:relative;width:180px;height:180px;border-radius:50%;overflow:hidden;border:3px solid var(--warm);transition:border-color var(--t),transform var(--t) var(--ease),box-shadow var(--t) var(--ease);cursor:pointer}
.category-item__circle img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.category-item:hover .category-item__circle{border-color:var(--sage);transform:translateY(-6px);box-shadow:0 16px 40px rgba(26,46,26,.2)}
.category-item:hover .category-item__circle img{transform:scale(1.12)}

.category-item__icon{position:absolute;bottom:10px;right:10px;width:36px;height:36px;background:var(--forest);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold-lt);box-shadow:0 2px 10px rgba(0,0,0,.35)}
.category-item__icon svg{width:16px;height:16px}

.category-item__name{font-family:var(--serif);font-size:1.35rem;font-weight:400;color:var(--ink);letter-spacing:.02em}
.category-item__desc{font-size:.85rem;color:var(--ink-lt);line-height:1.65}

/* ─── ABOUT DARK ─────────────── */
.about-dark{background:var(--forest);padding:0;overflow:hidden}
.about-dark__inner{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.about-dark__text{padding:80px 64px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateX(-40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.about-dark__text.visible{opacity:1;transform:translateX(0)}
.about-dark__text p{font-size:.95rem;font-weight:300;color:rgba(255,255,255,.65);line-height:1.8;margin-bottom:1rem}
.about-dark__visual{position:relative;overflow:hidden;opacity:0;transform:translateX(40px);transition:opacity .9s .2s var(--ease),transform .9s .2s var(--ease)}
.about-dark__visual.visible{opacity:1;transform:translateX(0)}
.about-dark__visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.about-dark__visual::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--forest) 0%,transparent 30%);pointer-events:none}

/* ─── OFFER SEASONAL ─────────── */
.offer{background:var(--linen)}

/* ── Season Block ── */
.season-block{margin-bottom:4.5rem;border-radius:var(--r-xl);overflow:hidden;background:var(--white);border:1px solid rgba(26,46,26,.07);box-shadow:var(--sh-sm);opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.season-block.visible{opacity:1;transform:translateY(0)}

.season-block__head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:2rem 2.4rem 1.8rem;border-bottom:1px solid rgba(26,46,26,.06)}
.season-block__head--spring{background:linear-gradient(135deg,rgba(240,200,210,.22) 0%,rgba(255,255,255,0) 65%)}
.season-block__head--summer{background:linear-gradient(135deg,rgba(210,175,70,.18) 0%,rgba(255,255,255,0) 65%)}
.season-block__head--autumn{background:linear-gradient(135deg,rgba(190,110,55,.18) 0%,rgba(255,255,255,0) 65%)}
.season-block__head--winter{background:linear-gradient(135deg,rgba(75,125,200,.16) 0%,rgba(255,255,255,0) 65%)}

.season-block__label-wrap{display:flex;align-items:center;gap:1rem;flex:1}
.season-block__emoji{font-size:2.2rem;line-height:1;flex-shrink:0}
.season-block__kicker{font-size:.64rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);margin-bottom:.2rem}
.season-block__title{font-family:var(--serif);font-size:1.5rem;font-weight:400;color:var(--ink);line-height:1.15}
.season-block__desc{font-size:.88rem;color:var(--ink-lt);line-height:1.7;max-width:400px;align-self:center;flex:1;text-align:right}
.season-block__badge{padding:.28rem .85rem;border-radius:var(--r-full);font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;align-self:center;background:linear-gradient(135deg,#a06030,#c08050);color:var(--white);white-space:nowrap}
.season-block__badge--blue{background:linear-gradient(135deg,#2d5090,#4070b0)}

.season-block__hero-img{position:relative;overflow:hidden;height:240px}
.season-block__hero-img img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform 8s var(--ease)}
.season-block:hover .season-block__hero-img img{transform:scale(1.04)}
.season-block__hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(255,255,255,.8) 100%)}

.season-block__products{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(26,46,26,.06)}
.s-product{display:flex;flex-direction:column;border-right:1px solid rgba(26,46,26,.06);opacity:0;transform:translateY(16px);transition:opacity .5s calc(var(--ci)*.08s + .15s) var(--ease),transform .5s calc(var(--ci)*.08s + .15s) var(--ease)}
.s-product.visible{opacity:1;transform:translateY(0)}
.s-product:last-child{border-right:none}
.s-product__img{overflow:hidden;aspect-ratio:4/3}
.s-product__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.s-product:hover .s-product__img img{transform:scale(1.1)}
.s-product__body{padding:1rem 1.1rem 1.3rem;flex:1}
.s-product__name{font-family:var(--serif);font-size:1rem;font-weight:500;color:var(--ink);margin-bottom:.4rem;line-height:1.2}
.s-product__desc{font-size:.78rem;color:var(--ink-lt);line-height:1.65}

/* ─── SHRUBS SECTION ─────────── */
.shrubs-section{margin-top:3rem;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.shrubs-section.visible{opacity:1;transform:translateY(0)}

.shrubs-section__header{text-align:center;margin-bottom:2.5rem}
.shrubs-section__title{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:300;color:var(--ink);margin-bottom:.6rem}
.shrubs-section__title em{font-style:italic;color:var(--moss)}
.shrubs-section__sub{font-size:.95rem;font-weight:300;color:var(--ink-lt);max-width:560px;margin:0 auto;line-height:1.7}

.shrubs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}

.shrub-card{background:var(--white);border-radius:var(--r-md);overflow:hidden;border:1px solid rgba(26,46,26,.07);transition:box-shadow var(--t) var(--ease),transform var(--t) var(--ease);opacity:0;transform:translateY(24px);transition:opacity .6s calc(var(--ci)*.1s + .1s) var(--ease),transform .6s calc(var(--ci)*.1s + .1s) var(--ease),box-shadow var(--t) var(--ease)}
.shrub-card.visible{opacity:1;transform:translateY(0)}
.shrub-card:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}

.shrub-card__img{overflow:hidden;aspect-ratio:4/3}
.shrub-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.shrub-card:hover .shrub-card__img img{transform:scale(1.08)}

.shrub-card__body{padding:1.2rem 1.3rem 1.4rem}
.shrub-card__name{font-family:var(--serif);font-size:1.2rem;font-weight:500;color:var(--ink);margin-bottom:.5rem}
.shrub-card__desc{font-size:.8rem;color:var(--ink-lt);line-height:1.65}

.shrub-card--more{background:var(--forest);border-color:transparent}
.shrub-card--more .shrub-card__img{display:none}
.shrub-card--more .shrub-card__body{display:none}
.shrub-card__more-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;height:100%;min-height:260px}
.shrub-card__more-icon{font-size:2.5rem;margin-bottom:1rem}
.shrub-card--more h4{font-family:var(--serif);font-size:1.4rem;font-weight:300;color:var(--white);margin-bottom:.7rem}
.shrub-card--more p{font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.65}

/* ─── OFFER CTA ──────────────── */
.offer-cta{text-align:center;padding:3rem 2rem;opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.offer-cta.visible{opacity:1;transform:translateY(0)}
.offer-cta__text{font-family:var(--serif);font-size:clamp(1.3rem,3vw,1.9rem);font-weight:300;color:var(--ink);margin-bottom:1.5rem;line-height:1.4}
.offer-cta__text em{font-style:italic;color:var(--moss)}

/* ─── GUIDES / PORADNIKI ─────── */
.guides{background:var(--cream);padding:96px 0}
.guides__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}

.guide-card{background:var(--white);border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(26,46,26,.07);transition:box-shadow var(--t) var(--ease),transform var(--t) var(--ease);display:flex;flex-direction:column;opacity:0;transform:translateY(28px);transition:opacity .6s calc(var(--ci)*.12s + .1s) var(--ease),transform .6s calc(var(--ci)*.12s + .1s) var(--ease),box-shadow var(--t) var(--ease)}
.guide-card.visible{opacity:1;transform:translateY(0)}
.guide-card:hover{box-shadow:var(--sh-lg);transform:translateY(-5px)}

.guide-card__img{position:relative;overflow:hidden;aspect-ratio:16/9}
.guide-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.guide-card:hover .guide-card__img img{transform:scale(1.07)}
.guide-card__cat{position:absolute;top:1rem;left:1rem;padding:.3rem .9rem;background:rgba(26,46,26,.75);backdrop-filter:blur(8px);color:var(--white);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--r-full)}

.guide-card__body{padding:1.5rem 1.6rem 1.8rem;display:flex;flex-direction:column;flex:1}
.guide-card__title{font-family:var(--serif);font-size:1.25rem;font-weight:500;color:var(--ink);line-height:1.3;margin-bottom:.9rem}
.guide-card__text{font-size:.85rem;color:var(--ink-lt);line-height:1.75;margin-bottom:1.2rem;flex:1}

.guide-card__tips{display:flex;flex-direction:column;gap:.4rem;padding:.9rem 1rem;background:var(--linen);border-radius:var(--r-sm)}
.guide-card__tip{display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:var(--forest3);font-weight:500}
.guide-card__tip span{font-size:1rem}

/* ─── TRUST BAR ──────────────── */
.trust-bar{background:var(--forest2);padding:2.5rem 0}
.trust-bar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.trust-bar__item{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,.7)}
.trust-bar__item svg{color:var(--gold-lt);flex-shrink:0}
.trust-bar__item div{display:flex;flex-direction:column}
.trust-bar__item strong{font-size:.84rem;font-weight:500;color:var(--white);margin-bottom:.1rem}
.trust-bar__item span{font-size:.72rem;color:rgba(255,255,255,.45)}

/* ─── CONTACT ────────────────── */
.contact{background:var(--linen)}
.contact__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}
.contact__card{background:var(--white);border-radius:var(--r-md);padding:2rem 1.5rem;border:1px solid rgba(26,46,26,.07);display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translateY(24px);transition:opacity .6s calc(var(--ci)*.1s + .1s) var(--ease),transform .6s calc(var(--ci)*.1s + .1s) var(--ease),box-shadow var(--t) var(--ease)}
.contact__card.visible{opacity:1;transform:translateY(0)}
.contact__card:hover{box-shadow:var(--sh-md)}
.contact__card-icon{font-size:1.6rem;margin-bottom:.4rem}
.contact__card h4{font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--ink)}
.contact__card p{font-size:.84rem;color:var(--ink-lt);line-height:1.65}
.contact__card-link{font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--forest3);margin-top:.5rem;transition:color var(--t)}
.contact__card-link:hover{color:var(--moss)}
.contact__tel{font-family:var(--serif);font-size:1.5rem;font-weight:400;color:var(--forest);transition:color var(--t)}
.contact__tel:hover{color:var(--moss)}
.contact__email{font-size:.84rem;color:var(--forest3);transition:color var(--t)}
.contact__email:hover{color:var(--moss)}
.contact__fb{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.6rem 1.2rem;background:var(--forest);color:var(--white);border-radius:var(--r-full);font-size:.76rem;font-weight:500;align-self:flex-start;transition:all var(--t) var(--ease)}
.contact__fb:hover{background:var(--forest3);box-shadow:var(--sh-sm)}
.hours-table{border-collapse:collapse;font-size:.82rem;width:100%;margin-top:.2rem}
.hours-table td{padding:.2rem .8rem .2rem 0;color:var(--ink-lt)}
.hours-table td:first-child{font-weight:500;color:var(--forest);white-space:nowrap}
.contact__map{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.contact__map.visible{opacity:1;transform:translateY(0)}
.contact__map iframe{display:block}

/* ─── FOOTER ─────────────────── */
.footer{background:var(--forest);color:rgba(255,255,255,.55);padding:60px 0 28px}
.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.footer__logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--gold-lt)}
.footer__logo-name{font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--white);display:block;line-height:1.1}
.footer__logo-sub{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.35);display:block}
.footer__brand p{font-size:.84rem;line-height:1.75;max-width:300px}
.footer__col h5{font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:1.2rem}
.footer__col ul{display:flex;flex-direction:column;gap:.5rem}
.footer__col a,.footer__col li{font-size:.84rem;color:rgba(255,255,255,.45);transition:color var(--t)}
.footer__col a:hover{color:var(--white)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;font-size:.72rem;text-align:center;color:rgba(255,255,255,.25)}

/* ─── LIGHTBOX ───────────────── */
.lightbox{position:fixed;inset:0;background:rgba(14,24,14,.95);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
.lightbox.open{opacity:1;pointer-events:all}
.lightbox__img{max-width:90vw;max-height:88vh;border-radius:var(--r-sm)}
.lightbox__close{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--white);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background var(--t)}
.lightbox__close:hover{background:rgba(255,255,255,.2)}

/* ─── SCROLL REVEAL ──────────── */
.js-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js-reveal.visible{opacity:1;transform:translateY(0)}
.js-reveal-left{opacity:0;transform:translateX(-44px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js-reveal-left.visible{opacity:1;transform:translateX(0)}
.js-reveal-right{opacity:0;transform:translateX(44px);transition:opacity .9s .18s var(--ease),transform .9s .18s var(--ease)}
.js-reveal-right.visible{opacity:1;transform:translateX(0)}
.js-reveal-up{opacity:0;transform:translateY(28px);transition:opacity .7s calc(var(--ci,0)*.1s + .1s) var(--ease),transform .7s calc(var(--ci,0)*.1s + .1s) var(--ease)}
.js-reveal-up.visible{opacity:1;transform:translateY(0)}
.js-pop{opacity:0;transform:translateY(12px) scale(.95);transition:opacity .5s calc(var(--di,0)*.1s + .2s) var(--ease),transform .5s calc(var(--di,0)*.1s + .2s) var(--ease)}
.js-pop.visible{opacity:1;transform:translateY(0) scale(1)}
.js-card{opacity:0;transform:translateY(24px);transition:opacity .6s calc(var(--ci,0)*.12s + .1s) var(--ease),transform .6s calc(var(--ci,0)*.12s + .1s) var(--ease)}
.js-card.visible{opacity:1;transform:translateY(0)}

/* ═══════════ TABLET ≤1024px ══════════ */
@media(max-width:1024px){
  .about-dark__text{padding:60px 40px}
  .shrubs-grid{grid-template-columns:repeat(3,1fr)}
  .trust-bar__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}
  .contact__cards{grid-template-columns:repeat(2,1fr)}
  .guides__grid{grid-template-columns:repeat(2,1fr)}
  .footer__top{grid-template-columns:1fr 1fr}
  .footer__brand{grid-column:1/-1}
  .hero__stat{padding:1rem 2rem}
  .season-block__products{grid-template-columns:repeat(3,1fr)}
  .season-block__desc{text-align:left;max-width:none;width:100%}
  .season-block__head{flex-direction:column;gap:.8rem}
}

/* ═══════════ MOBILE ≤768px ══════════ */
@media(max-width:768px){
  .nav__links{display:none}
  .nav__burger{display:flex}
  .nav__mobile{display:block}
  .hero__content{padding:0 1.5rem;padding-top:var(--nav-h)}
  .hero__stats-bar{bottom:70px;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:0 1.5rem}
  .hero__stat{border-radius:var(--r-sm)!important;border-right:1px solid rgba(255,255,255,.12)!important;padding:.75rem 1.4rem;flex:1;min-width:120px}
  .hero__stat-div{display:none}
  .categories__grid{gap:2rem}
  .category-item{width:150px}
  .category-item__circle{width:140px;height:140px}
  .about-dark__inner{grid-template-columns:1fr}
  .about-dark__visual{min-height:280px}
  .about-dark__visual::after{background:linear-gradient(to bottom,var(--forest) 0%,transparent 30%)}
  .about-dark__text{padding:48px 24px}
  .about-dark__text.js-reveal-left,.about-dark__visual.js-reveal-right{transform:none;opacity:0;transition:opacity .8s var(--ease)}
  .about-dark__text.visible,.about-dark__visual.visible{opacity:1}
  .season-block{border-radius:var(--r-lg)}
  .season-block__head{padding:1.4rem 1.5rem 1.2rem}
  .season-block__hero-img{height:180px}
  .season-block__products{grid-template-columns:repeat(2,1fr)}
  .s-product:nth-child(2n){border-right:none}
  .s-product:nth-child(n+3){border-top:1px solid rgba(26,46,26,.06)}
  .shrubs-grid{grid-template-columns:repeat(2,1fr)}
  .shrub-card--more .shrub-card__more-inner{min-height:200px}
  .guides__grid{grid-template-columns:repeat(2,1fr)}
  .contact__cards{grid-template-columns:1fr 1fr}
  .footer__top{grid-template-columns:1fr;gap:2rem}
  .footer__brand{grid-column:auto}
  .footer__brand p{max-width:none}
}

/* ═══════════ SMALL ≤480px ══════════ */
@media(max-width:480px){
  :root{--nav-h:60px}
  .hero__title{font-size:clamp(2.8rem,15vw,4.5rem)}
  .hero__stats-bar{bottom:60px}
  .hero__stat{padding:.65rem 1rem;min-width:100px}
  .hero__stat strong{font-size:2rem}
  .categories__grid{gap:1.2rem}
  .category-item{width:120px}
  .category-item__circle{width:112px;height:112px}
  .category-item__name{font-size:1.1rem}
  .category-item__desc{font-size:.78rem}
  .season-block__products{grid-template-columns:1fr 1fr}
  .shrubs-grid{grid-template-columns:1fr}
  .trust-bar__grid{grid-template-columns:1fr 1fr;gap:1.2rem}
  .trust-bar__item{flex-direction:column;align-items:flex-start;gap:.4rem}
  .contact__cards{grid-template-columns:1fr}
  .guides__grid{grid-template-columns:1fr}
}

/* ═══════════ REDUCED MOTION ══════════ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .hero__img{animation:none;transform:scale(1)}
}