/*
  Rastlinkáreň v19.21 – marketingová trojkombinácia farieb.
  Botanická zelená + krémovo-žltá + jemná kvetová ružovo-marhuľová.
*/

:root{
  --green:#235f2d;
  --green2:#4b9b3f;
  --leaf:#79bd59;
  --cream:#fff8e7;
  --cream2:#fffdf6;
  --butter:#f6d978;
  --butter-soft:#fff2c8;
  --rose:#efaaa0;
  --rose-soft:#fff0ec;
  --coral:#df8055;
}

body{
  background:
    radial-gradient(circle at 9% 0%, rgba(121,189,89,.14), transparent 28%),
    radial-gradient(circle at 90% 7%, rgba(246,217,120,.24), transparent 26%),
    radial-gradient(circle at 74% 34%, rgba(239,170,160,.13), transparent 24%),
    linear-gradient(180deg,#fff 0,#fffdf6 43%,#fff8e7 73%,#f7efdf 100%) !important;
}

.top-line{
  background:linear-gradient(90deg,#1b4724,#2e7334,#4b9b3f) !important;
}

.nav-wrap,
.nav-wrap-b{
  background:linear-gradient(180deg,#58a748,#357d36) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 8px 20px rgba(31,77,43,.12) !important;
}

.nav a:hover,
.nav-b a:hover{
  background:rgba(255,242,200,.18) !important;
}

.nav-b .nav-dropdown{
  background:#fffdf6 !important;
  border-color:rgba(246,217,120,.48) !important;
  box-shadow:0 18px 42px rgba(35,95,45,.16),0 0 0 1px rgba(239,170,160,.08) !important;
}

.nav-b .nav-dropdown a:hover{
  background:linear-gradient(90deg,#fff2c8,#fff0ec) !important;
  color:#235f2d !important;
}

.btn,
.search button,
button.btn,
input[type="submit"].btn{
  background:linear-gradient(180deg,#70bd52,#41913a) !important;
  box-shadow:0 10px 22px rgba(75,155,63,.25) !important;
}

.btn:hover,
.search button:hover,
button.btn:hover{
  background:linear-gradient(180deg,#7ecb5d,#367f36) !important;
  transform:translateY(-1px);
}

.btn-light,
.btn.secondary,
.secondary{
  background:linear-gradient(180deg,#fff8e7,#fff2c8) !important;
  color:#2b682e !important;
  border-color:rgba(246,217,120,.52) !important;
  box-shadow:0 8px 20px rgba(246,217,120,.17) !important;
}

/* HERO: ľavý blok rovnako veľký ako slider */
.home-rotator.hero-editable-v185{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:24px !important;
  align-items:stretch !important;
  margin-top:20px !important;
  margin-bottom:44px !important;
}

.home-rotator.hero-editable-v185 .rotator-copy,
.home-rotator.hero-editable-v185 .rotator-stage,
.home-rotator.hero-editable-v185 .rotator-square{
  min-height:340px !important;
  height:100% !important;
  border-radius:28px !important;
}

.home-rotator.hero-editable-v185 .rotator-copy{
  padding:34px 38px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(246,217,120,.46), transparent 30%),
    radial-gradient(circle at 14% 88%, rgba(239,170,160,.20), transparent 32%),
    linear-gradient(145deg,#fff8e7 0%,#fffdf6 48%,#eaf9e4 100%) !important;
  border:1px solid rgba(121,189,89,.24) !important;
  box-shadow:0 16px 40px rgba(35,95,45,.10),0 0 0 1px rgba(246,217,120,.10) !important;
  position:relative;
  overflow:hidden;
}

.home-rotator.hero-editable-v185 .rotator-copy:before{
  content:"";
  position:absolute;
  right:22px;
  top:22px;
  width:64px;
  height:64px;
  border-radius:50%;
  background:linear-gradient(145deg,rgba(246,217,120,.34),rgba(239,170,160,.20));
  pointer-events:none;
}

.home-rotator.hero-editable-v185 .rotator-copy:after{
  content:"";
  position:absolute;
  left:-36px;
  bottom:-42px;
  width:145px;
  height:145px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(121,189,89,.14),transparent 68%);
  pointer-events:none;
}

.home-rotator.hero-editable-v185 .rotator-copy .eyebrow{
  color:#4b9b3f !important;
  position:relative;
  z-index:1;
}

.home-rotator.hero-editable-v185 .rotator-copy h1{
  font-size:clamp(38px,4.1vw,58px) !important;
  line-height:1.02 !important;
  max-width:470px !important;
  margin-bottom:16px !important;
  position:relative;
  z-index:1;
  color:#1d4f28 !important;
}

.home-rotator.hero-editable-v185 .rotator-copy p{
  font-size:16px !important;
  line-height:1.62 !important;
  max-width:480px !important;
  position:relative;
  z-index:1;
}

.home-rotator.hero-editable-v185 .rotator-copy .rotator-actions,
.home-rotator.hero-editable-v185 .rotator-copy .hero-mini-benefits{
  position:relative;
  z-index:1;
}

.hero-mini-benefits{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:22px !important;
  max-width:100% !important;
}

.hero-mini-benefits span{
  justify-content:center;
  text-align:center;
  padding:10px 11px !important;
  border-radius:16px !important;
  background:rgba(255,248,231,.84) !important;
  border:1px solid rgba(246,217,120,.48) !important;
  color:#365f31 !important;
  font-size:12.5px !important;
  font-weight:850 !important;
  box-shadow:0 8px 18px rgba(246,217,120,.12);
}

.home-rotator.hero-editable-v185 .rotator-stage{
  max-height:none !important;
  border-radius:28px !important;
}

.home-rotator.hero-editable-v185 .rotator-square{
  grid-template-columns:minmax(0,.54fr) minmax(240px,.46fr) !important;
  border:1px solid rgba(121,189,89,.20) !important;
  box-shadow:0 16px 40px rgba(35,95,45,.10) !important;
}

.home-rotator.hero-editable-v185 .rotator-square .tile-copy{
  padding:34px 32px !important;
  min-height:340px !important;
  justify-content:center !important;
}

.home-rotator.hero-editable-v185 .rotator-square .tile-copy h2{
  font-size:clamp(34px,3.4vw,50px) !important;
  line-height:1.03 !important;
  margin-bottom:13px !important;
  color:#1d4f28 !important;
}

.home-rotator.hero-editable-v185 .rotator-square .tile-copy p{
  font-size:15.5px !important;
  line-height:1.50 !important;
  max-width:380px !important;
  margin-bottom:16px !important;
  -webkit-line-clamp:3 !important;
}

.home-rotator.hero-editable-v185 .rotator-square .tile-copy .small-btn{
  padding:10px 15px !important;
  min-height:39px !important;
  font-size:13px !important;
}

.home-rotator.hero-editable-v185 .rotator-square img{
  height:285px !important;
  max-height:285px !important;
  object-fit:contain !important;
  padding:14px 22px 14px 8px !important;
  filter:drop-shadow(0 18px 25px rgba(35,95,45,.14));
}

.home-rotator.hero-editable-v185 .rotator-dots{
  bottom:-31px !important;
}

/* Trojkombinácia nálad */
.tile-herbs{
  background:
    radial-gradient(circle at 78% 16%, rgba(246,217,120,.42), transparent 30%),
    linear-gradient(135deg,#f7fff1,#d9f3cf) !important;
}

.tile-flowers{
  background:
    radial-gradient(circle at 75% 16%, rgba(246,217,120,.30), transparent 28%),
    linear-gradient(135deg,#fff8e7,#ffe4df) !important;
}

.tile-exotic{
  background:
    radial-gradient(circle at 75% 16%, rgba(239,170,160,.22), transparent 30%),
    linear-gradient(135deg,#fff4dc,#f6d0b6) !important;
}

.tile-trees{
  background:
    radial-gradient(circle at 78% 15%, rgba(246,217,120,.23), transparent 30%),
    linear-gradient(135deg,#f4fbef,#d5eac8) !important;
}

.tile-seeds{
  background:
    radial-gradient(circle at 78% 16%, rgba(121,189,89,.20), transparent 30%),
    linear-gradient(135deg,#fff2c8,#e4f3ca) !important;
}

.product-card,
.card{
  background:linear-gradient(180deg,#fffef9,#fff8e7) !important;
  border-color:rgba(121,189,89,.18) !important;
}

.product-card:hover,
.card:hover{
  box-shadow:0 16px 38px rgba(35,95,45,.12),0 0 0 1px rgba(246,217,120,.22) !important;
}

.product-card img{
  background:
    radial-gradient(circle at 70% 10%, rgba(246,217,120,.22), transparent 32%),
    linear-gradient(145deg,#f8fff3,#fff2c8) !important;
}

.product-card .heart{
  background:#fff2c8 !important;
  color:#df8055 !important;
  border-color:rgba(223,128,85,.22) !important;
}

.price{color:#347c35 !important;}
.stock-dot{color:#4b9b3f !important;}

.mood-category-list a,
.home-category-row a{
  background:
    radial-gradient(circle at 86% 12%, rgba(246,217,120,.26), transparent 30%),
    linear-gradient(145deg,#fffdf6,#eef9e8) !important;
  border-color:rgba(121,189,89,.18) !important;
}

.mood-category-list a:nth-child(2),
.home-category-row a:nth-child(2){
  background:linear-gradient(145deg,#fffdf6,#ffe7e1) !important;
}

.mood-category-list a:nth-child(4),
.home-category-row a:nth-child(4){
  background:linear-gradient(145deg,#fffdf6,#fff2c8) !important;
}

.mood-category-list span,
.home-category-row span{filter:saturate(1.26);}

.newsletter-box,
.newsletter-section,
.service-grid div,
.inspiration-panel,
.content-card{
  background:
    radial-gradient(circle at 90% 10%, rgba(246,217,120,.28), transparent 28%),
    linear-gradient(145deg,#fffdf6,#eff9e9) !important;
  border-color:rgba(121,189,89,.17) !important;
}

.search{
  border-color:rgba(121,189,89,.25) !important;
  box-shadow:0 10px 30px rgba(35,95,45,.07) !important;
}

.search input{background:#fffdf6 !important;}

.section-title h2,
h1,
h2{color:#1d4f28;}

.footer,
.site-footer{
  background:linear-gradient(180deg,#1a4424,#12331b) !important;
}

.footer a:hover,
.site-footer a:hover{color:#f6d978 !important;}

@media(max-width:1050px){
  .home-rotator.hero-editable-v185{
    grid-template-columns:1fr !important;
  }
  .home-rotator.hero-editable-v185 .rotator-copy,
  .home-rotator.hero-editable-v185 .rotator-stage,
  .home-rotator.hero-editable-v185 .rotator-square{
    min-height:310px !important;
  }
}

@media(max-width:720px){
  body{
    background:linear-gradient(180deg,#fff,#fffdf6 50%,#fff8e7 100%) !important;
  }
  .top-line{background:#235f2d !important;}
  .home-rotator.hero-editable-v185{
    gap:14px !important;
    margin-top:12px !important;
    margin-bottom:36px !important;
  }
  .home-rotator.hero-editable-v185 .rotator-copy{
    min-height:auto !important;
    padding:24px !important;
    border-radius:24px !important;
  }
  .home-rotator.hero-editable-v185 .rotator-copy h1{
    font-size:33px !important;
  }
  .hero-mini-benefits{
    grid-template-columns:1fr !important;
  }
  .home-rotator.hero-editable-v185 .rotator-stage,
  .home-rotator.hero-editable-v185 .rotator-square{
    min-height:auto !important;
  }
  .home-rotator.hero-editable-v185 .rotator-square{
    display:block !important;
  }
  .home-rotator.hero-editable-v185 .rotator-square .tile-copy{
    min-height:auto !important;
    padding:22px !important;
  }
  .home-rotator.hero-editable-v185 .rotator-square .tile-copy h2{
    font-size:30px !important;
  }
  .home-rotator.hero-editable-v185 .rotator-square img{
    height:150px !important;
    max-height:150px !important;
    width:100% !important;
    padding:14px 18px 0 !important;
  }
}