:root{
  --brown:#8b4b2d;
  --cream:#faf7f1;
  --ink:#29231f;
  --line:#e6ddd3;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink)}
a{color:inherit}
.site-wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{text-decoration:none;color:var(--brown)}
.brand strong{display:block;font:700 28px Georgia,serif;letter-spacing:.5px}
.brand small{display:block;font-size:11px;color:#777;letter-spacing:.7px;margin-top:2px}
.main-nav .mod-menu{display:flex;gap:22px;list-style:none;padding:0;margin:0}
.main-nav a{text-decoration:none;font-weight:700}
.hero-banner{margin-top:20px;overflow:hidden;border-radius:22px 22px 0 0;background:#fff}
.hero-banner img{display:block;width:100%;height:auto}
.hero-info{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid var(--line);border-top:none;border-radius:0 0 22px 22px;padding:18px 24px}
.hero-info p{margin:8px 0 0;line-height:1.55;color:#5f554f}
.hero-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.pill{display:inline-block;background:#eee0d3;color:#76452e;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}
.btn{display:inline-block;background:var(--brown);color:#fff;padding:12px 16px;border-radius:11px;text-decoration:none;font-weight:700}
.btn-outline{background:#fff;color:var(--brown);border:1px solid #cba88d}
.content-area{padding:32px 0 28px}
.content-area h1,.content-area h2,.content-area h3{font-family:Georgia,serif}
.site-footer{margin-top:30px;border-top:1px solid var(--line);padding:30px 0 45px;color:#777}
.blog-items,.blog-items.columns-2,.blog-items.columns-3{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.blog-item,.item-content{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
}
.blog-item .item-content{border:0;border-radius:0;padding:16px}
.blog-item img{width:100%;height:auto;display:block}
.item-page{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
@media(max-width:900px){
  .blog-items,.blog-items.columns-2,.blog-items.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .header-row{min-height:66px}
  .main-nav{display:none}
  .hero-info{flex-direction:column;align-items:flex-start}
  .hero-actions{justify-content:flex-start;width:100%}
}
@media(max-width:520px){
  .blog-items,.blog-items.columns-2,.blog-items.columns-3{grid-template-columns:1fr}
  .hero-actions .btn{width:100%;text-align:center}
}


/* BABINČAN 1.1 - detail výrobku */
.babincan-product{padding:4px 0 24px}
.product-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,58%) minmax(320px,42%);
  gap:32px;
  align-items:start;
}
.product-gallery-column{min-width:0}
.product-main-image-wrap{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
}
.product-main-image{
  display:block;
  width:100%;
  height:auto;
  max-height:650px;
  object-fit:contain;
  cursor:zoom-in;
}
.product-image-empty{
  min-height:420px;
  display:grid;
  place-items:center;
  color:#8a817a;
}
.product-thumbnails{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.product-thumb{
  appearance:none;
  border:2px solid transparent;
  border-radius:10px;
  padding:0;
  overflow:hidden;
  background:#fff;
  cursor:pointer;
  aspect-ratio:1/1;
}
.product-thumb.active{border-color:var(--brown)}
.product-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.product-gallery-hint{
  font-size:12px;
  color:#756b64;
  margin-top:7px;
}
.product-info-column{
  min-width:0;
  position:sticky;
  top:96px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px;
}
.product-info-column h1{
  margin:0 0 14px;
  font:700 28px/1.12 Georgia,serif;
}
.product-price{
  color:var(--brown);
  font-weight:800;
  font-size:30px;
  margin:8px 0 18px;
}
.product-facts{
  margin:0 0 20px;
}
.product-facts > div{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid #efe7df;
}
.product-facts dt{font-weight:700}
.product-facts dd{margin:0;color:#5f554f}
.product-order-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.product-description{
  margin-top:24px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px;
}
.product-description h2{
  margin:0 0 14px;
  font:700 28px Georgia,serif;
}
.product-description-body{line-height:1.65}
.product-lightbox{
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.90);
  align-items:center;
  justify-content:center;
  padding:20px;
}
.product-lightbox.open{display:flex}
.product-lightbox img{
  max-width:94vw;
  max-height:90vh;
  object-fit:contain;
}
.product-lightbox-close{
  position:absolute;
  right:20px;
  top:12px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:42px;
  cursor:pointer;
}
.product-lightbox-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  font-size:30px;
  cursor:pointer;
}
.product-lightbox-prev{left:18px}
.product-lightbox-next{right:18px}
.product-lightbox-counter{
  position:absolute;
  bottom:16px;
  left:50%;
  transform:translateX(-50%);
  background:rgba(0,0,0,.55);
  color:#fff;
  border-radius:999px;
  padding:6px 10px;
  font-size:13px;
}
@media(max-width:800px){
  .product-detail-grid{
    grid-template-columns:minmax(0,55%) minmax(0,45%);
    gap:16px;
  }
  .product-info-column{
    padding:18px;
    top:82px;
  }
  .product-info-column h1{font-size:23px}
  .product-price{font-size:25px}
  .product-facts > div{
    grid-template-columns:1fr;
    gap:3px;
  }
}
@media(max-width:520px){
  .product-detail-grid{grid-template-columns:1fr}
  .product-info-column{
    position:static;
    grid-column:1;
  }
  .product-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}
  .product-lightbox-prev{left:8px}
  .product-lightbox-next{right:8px}
}


/* BABINČAN 1.2 - kartička výrobku + počet pozretí */
.product-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  min-width:0;
  transition:transform .15s ease, box-shadow .15s ease;
}

.product-card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(73,45,29,.09);
}

.product-card-link{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none;
}

.product-card-image{
  aspect-ratio:1/1;
  background:#f2ede8;
  overflow:hidden;
}

.product-card-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.product-card-image-empty{
  display:grid;
  place-items:center;
  height:100%;
  color:#8a817a;
  font-size:14px;
}

.product-card-body{
  padding:16px;
}

.product-card-title{
  margin:0 0 10px;
  font:700 21px/1.2 Georgia,serif;
}

.product-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:8px 0 9px;
}

.product-card-price{
  color:var(--brown);
  font-size:23px;
  font-weight:800;
}

.product-card-hits{
  display:inline-flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
  color:#6f655e;
  font-size:13px;
  font-weight:700;
  background:#f6f1ec;
  border-radius:999px;
  padding:5px 8px;
}

.product-card-eye{
  font-size:14px;
  line-height:1;
}

.product-card-time{
  color:#746a63;
  font-size:14px;
  margin:4px 0 14px;
}

.product-card-open{
  display:inline-block;
  color:var(--brown);
  font-size:13px;
  font-weight:700;
}


/* BABINČAN 1.3 - popis v pravom stĺpci pod objednávkou */
.product-description-inline{
  margin-top:20px;
  padding:18px 0 0;
  border:0;
  border-top:1px solid #efe7df;
  border-radius:0;
  background:transparent;
}

.product-description-inline h2{
  margin:0 0 10px;
  font:700 22px Georgia,serif;
}

.product-description-inline .product-description-body{
  color:#5f554f;
  line-height:1.6;
  font-size:14px;
}

.product-info-column{
  position:static;
}


/* BABINČAN 1.4 - kategórie hore na úvodnej stránke */
.homepage-categories{
  margin:18px 0 8px;
}

.homepage-categories-title{
  font:700 22px Georgia,serif;
  margin:0 0 10px;
}

.homepage-categories .mod-menu{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
}

.homepage-categories .mod-menu > li{
  margin:0;
  padding:0;
}

.homepage-categories .mod-menu > li > a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid #dccbbd;
  background:#fff;
  color:#6c3f29;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  transition:background .15s ease, border-color .15s ease, transform .15s ease;
}

.homepage-categories .mod-menu > li > a:hover,
.homepage-categories .mod-menu > li.active > a{
  background:#f2e5da;
  border-color:#cba88d;
  transform:translateY(-1px);
}

@media(max-width:520px){
  .homepage-categories .mod-menu{
    gap:6px;
  }

  .homepage-categories .mod-menu > li > a{
    padding:8px 11px;
    font-size:13px;
  }
}


/* BABINČAN 1.5 - kategórie v jednom riadku s obrázkom */
.homepage-categories{
  margin:18px 0 18px;
}

.homepage-categories-title{
  font:700 22px Georgia,serif;
  margin:0 0 12px;
}

.homepage-categories .mod-menu{
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.homepage-categories .mod-menu > li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.homepage-categories .mod-menu > li::marker{
  content:"";
}

.homepage-categories .mod-menu > li > a{
  display:flex !important;
  align-items:center;
  gap:9px;
  min-height:52px;
  padding:6px 12px 6px 7px;
  border:1px solid #dccbbd;
  border-radius:14px;
  background:#fff;
  color:#6c3f29;
  text-decoration:none !important;
  font-size:14px;
  font-weight:700;
  box-shadow:0 2px 8px rgba(73,45,29,.04);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.homepage-categories .mod-menu > li > a:hover,
.homepage-categories .mod-menu > li.active > a{
  background:#f7eee7;
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(73,45,29,.08);
}

.homepage-categories .mod-menu img,
.homepage-categories .mod-menu .menu-image{
  width:40px !important;
  height:40px !important;
  min-width:40px;
  object-fit:cover;
  border-radius:9px;
  display:block;
}

.homepage-categories .mod-menu .image-title{
  margin:0 !important;
}

@media(min-width:1000px){
  .homepage-categories .mod-menu{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:thin;
    padding-bottom:4px !important;
  }

  .homepage-categories .mod-menu > li{
    flex:0 0 auto;
  }
}

@media(max-width:640px){
  .homepage-categories .mod-menu{
    gap:7px;
  }

  .homepage-categories .mod-menu > li > a{
    min-height:46px;
    padding:5px 9px 5px 6px;
    font-size:12px;
  }

  .homepage-categories .mod-menu img,
  .homepage-categories .mod-menu .menu-image{
    width:34px !important;
    height:34px !important;
    min-width:34px;
  }
}


/* BABINČAN 1.6 - VYNÚTENÉ kategórie vodorovne */
.homepage-categories{
  margin:18px 0 20px !important;
}

.homepage-categories ul,
.homepage-categories .mod-menu,
.homepage-categories .nav,
.homepage-categories .menu{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.homepage-categories ul li,
.homepage-categories .mod-menu li,
.homepage-categories .nav li,
.homepage-categories .menu li{
  display:block !important;
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.homepage-categories ul li::marker,
.homepage-categories li::marker{
  content:"" !important;
  font-size:0 !important;
}

.homepage-categories ul li > a,
.homepage-categories li > a{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:8px !important;
  width:auto !important;
  min-height:48px !important;
  padding:6px 12px 6px 7px !important;
  border:1px solid #dccbbd !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#6c3f29 !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}

.homepage-categories ul li > a:hover,
.homepage-categories li.active > a{
  background:#f7eee7 !important;
  border-color:#cba88d !important;
}

.homepage-categories img,
.homepage-categories .menu-image{
  display:block !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  object-fit:cover !important;
  border-radius:8px !important;
  margin:0 !important;
}

.homepage-categories .image-title{
  margin:0 !important;
  padding:0 !important;
}

@media(min-width:1000px){
  .homepage-categories ul,
  .homepage-categories .mod-menu,
  .homepage-categories .nav,
  .homepage-categories .menu{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
  }

  .homepage-categories li{
    flex:0 0 auto !important;
  }
}

@media(max-width:640px){
  .homepage-categories ul,
  .homepage-categories .mod-menu,
  .homepage-categories .nav,
  .homepage-categories .menu{
    gap:6px !important;
  }

  .homepage-categories li > a{
    min-height:42px !important;
    padding:5px 9px 5px 6px !important;
    font-size:12px !important;
  }

  .homepage-categories img,
  .homepage-categories .menu-image{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
  }
}


/* BABINČAN 1.7 - vlastný layout kategórií s obrázkami */
.homepage-categories .babincan-category-menu{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.homepage-categories .babincan-category-item{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.homepage-categories .babincan-category-item > a{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:50px !important;
  padding:6px 12px 6px 7px !important;
  border:1px solid #dccbbd !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#6c3f29 !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:700 !important;
}

.homepage-categories .babincan-category-image{
  display:block !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  object-fit:cover !important;
  border-radius:8px !important;
}

.homepage-categories .babincan-category-item.active > a,
.homepage-categories .babincan-category-item > a:hover{
  background:#f7eee7 !important;
  border-color:#cba88d !important;
}

@media(min-width:1000px){
  .homepage-categories .babincan-category-menu{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
  }
  .homepage-categories .babincan-category-item{
    flex:0 0 auto !important;
  }
}

@media(max-width:640px){
  .homepage-categories .babincan-category-menu{
    gap:6px !important;
  }
  .homepage-categories .babincan-category-item > a{
    min-height:44px !important;
    padding:5px 9px 5px 6px !important;
    font-size:12px !important;
  }
  .homepage-categories .babincan-category-image{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
  }
}


/* BABINČAN 1.8 - kategórie ako kartičky s obrázkom a počtom výrobkov */
.homepage-categories{
  margin:22px 0 28px !important;
}

.homepage-categories-title{
  margin:0 0 16px !important;
  font:700 28px/1.1 Georgia,serif !important;
  color:var(--ink) !important;
}

.homepage-categories .babincan-category-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
}

.homepage-categories .babincan-category-card{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
  min-height:78px !important;
  padding:10px 14px !important;
  background:#fff !important;
  border:1px solid #e3d8cf !important;
  border-radius:18px !important;
  color:#2d2824 !important;
  text-decoration:none !important;
  box-shadow:0 1px 2px rgba(65,45,32,.04) !important;
  transition:
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease !important;
}

.homepage-categories .babincan-category-card:hover,
.homepage-categories .babincan-category-card.active{
  transform:translateY(-2px) !important;
  border-color:#cba88d !important;
  box-shadow:0 8px 22px rgba(65,45,32,.09) !important;
}

.homepage-categories .babincan-category-icon{
  display:grid !important;
  place-items:center !important;
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  overflow:hidden !important;
  border:1px solid #eee1d6 !important;
  border-radius:13px !important;
  background:#fbf5ef !important;
}

.homepage-categories .babincan-category-icon img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  margin:0 !important;
  border-radius:12px !important;
}

.homepage-categories .babincan-category-fallback{
  color:#a9643f !important;
  font-size:22px !important;
}

.homepage-categories .babincan-category-copy{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  gap:4px !important;
}

.homepage-categories .babincan-category-copy strong{
  display:block !important;
  overflow:hidden !important;
  color:#29231f !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.homepage-categories .babincan-category-copy small{
  display:block !important;
  color:#9a6a4c !important;
  font-size:12px !important;
  line-height:1.2 !important;
}

/* Neutralize older menu rules from previous template versions. */
.homepage-categories .babincan-category-grid ul,
.homepage-categories .babincan-category-grid li{
  all:unset;
}

@media(max-width:1050px){
  .homepage-categories .babincan-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .homepage-categories .babincan-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }

  .homepage-categories .babincan-category-card{
    min-height:68px !important;
    padding:8px 10px !important;
    border-radius:15px !important;
  }

  .homepage-categories .babincan-category-icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }

  .homepage-categories .babincan-category-copy strong{
    font-size:13px !important;
  }
}

@media(max-width:430px){
  .homepage-categories .babincan-category-grid{
    grid-template-columns:1fr !important;
  }

  .homepage-categories-title{
    font-size:24px !important;
  }
}


/* BABINČAN 1.9 - počet výrobkov pod názvom kategórie */
.homepage-categories .babincan-category-count{
  display:block !important;
  margin-top:2px !important;
  color:#a06a49 !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

.homepage-categories .babincan-category-copy{
  justify-content:center !important;
}


/* BABINČAN 2.0 - naposledy prezerané výrobky */
.recently-viewed-section{
  margin:34px 0 14px;
  padding-top:26px;
  border-top:1px solid var(--line);
}

.recently-viewed-section[hidden]{
  display:none !important;
}

.recently-viewed-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}

.recently-viewed-heading h2{
  margin:0;
  color:var(--ink);
  font:700 25px/1.2 Georgia,serif;
}

.recently-viewed-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.recent-product-card{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:92px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 2px 8px rgba(73,45,29,.04);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.recent-product-card:hover{
  transform:translateY(-2px);
  border-color:#cba88d;
  box-shadow:0 8px 22px rgba(73,45,29,.09);
}

.recent-product-image{
  display:grid;
  place-items:center;
  width:88px;
  height:92px;
  min-width:88px;
  overflow:hidden;
  background:#f3eee9;
}

.recent-product-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.recent-product-image-fallback{
  padding:8px;
  color:#9a6a4c;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-align:center;
}

.recent-product-body{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:7px;
  padding:12px;
}

.recent-product-title{
  display:-webkit-box;
  overflow:hidden;
  color:#2d2824;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.recent-product-price{
  color:var(--brown);
  font-size:15px;
  font-weight:800;
}

@media(max-width:1000px){
  .recently-viewed-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .recently-viewed-section{
    margin-top:26px;
    padding-top:20px;
  }

  .recently-viewed-heading h2{
    font-size:22px;
  }

  .recently-viewed-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .recent-product-card{
    min-height:82px;
  }

  .recent-product-image{
    width:78px;
    height:82px;
    min-width:78px;
  }
}


/* BABINČAN 2.1 - rovnaké rozmery kategórií */
.homepage-categories .babincan-category-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:86px !important;
  gap:12px !important;
  width:100% !important;
  align-items:stretch !important;
}

.homepage-categories .babincan-category-card{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:86px !important;
  min-width:0 !important;
  min-height:86px !important;
  box-sizing:border-box !important;
  padding:10px 13px !important;
  gap:12px !important;
  overflow:hidden !important;
}

.homepage-categories .babincan-category-icon{
  flex:0 0 54px !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  min-height:54px !important;
}

.homepage-categories .babincan-category-icon img{
  width:54px !important;
  height:54px !important;
  object-fit:cover !important;
}

.homepage-categories .babincan-category-copy{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
  height:100% !important;
}

.homepage-categories .babincan-category-copy strong{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1.25 !important;
}

.homepage-categories .babincan-category-count{
  margin-top:4px !important;
}

/* Tablet */
@media(max-width:950px){
  .homepage-categories .babincan-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Mobil */
@media(max-width:520px){
  .homepage-categories .babincan-category-grid{
    grid-template-columns:1fr !important;
    grid-auto-rows:78px !important;
    gap:9px !important;
  }

  .homepage-categories .babincan-category-card{
    height:78px !important;
    min-height:78px !important;
  }

  .homepage-categories .babincan-category-icon{
    flex-basis:50px !important;
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
  }

  .homepage-categories .babincan-category-icon img{
    width:50px !important;
    height:50px !important;
  }
}


/* BABINČAN 2.2 - kategórie podľa mobilného vzoru: 2 kartičky vedľa seba */
.homepage-categories .babincan-category-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:92px !important;
  gap:12px !important;
  width:100% !important;
}

.homepage-categories .babincan-category-card{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:92px !important;
  min-width:0 !important;
  min-height:92px !important;
  padding:12px 14px !important;
  gap:13px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border-radius:18px !important;
}

.homepage-categories .babincan-category-icon{
  flex:0 0 58px !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  border-radius:15px !important;
}

.homepage-categories .babincan-category-icon img{
  width:58px !important;
  height:58px !important;
  object-fit:cover !important;
  border-radius:14px !important;
}

.homepage-categories .babincan-category-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:5px !important;
}

.homepage-categories .babincan-category-copy strong{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:15px !important;
  line-height:1.2 !important;
}

.homepage-categories .babincan-category-count{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:12px !important;
  line-height:1.2 !important;
}

/* Tablet */
@media(max-width:950px){
  .homepage-categories .babincan-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Mobil - stále 2 kategórie vedľa seba ako na vzore */
@media(max-width:600px){
  .homepage-categories .babincan-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:100px !important;
    gap:10px !important;
  }

  .homepage-categories .babincan-category-card{
    height:100px !important;
    min-height:100px !important;
    padding:10px !important;
    gap:10px !important;
    border-radius:18px !important;
  }

  .homepage-categories .babincan-category-icon{
    flex:0 0 54px !important;
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
  }

  .homepage-categories .babincan-category-icon img{
    width:54px !important;
    height:54px !important;
  }

  .homepage-categories .babincan-category-copy strong{
    font-size:14px !important;
  }

  .homepage-categories .babincan-category-count{
    font-size:11px !important;
  }
}

/* Veľmi úzky mobil: stále 2 stĺpce, len kompaktnejšie */
@media(max-width:380px){
  .homepage-categories .babincan-category-grid{
    gap:8px !important;
  }

  .homepage-categories .babincan-category-card{
    padding:8px !important;
    gap:8px !important;
  }

  .homepage-categories .babincan-category-icon{
    flex-basis:48px !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
  }

  .homepage-categories .babincan-category-icon img{
    width:48px !important;
    height:48px !important;
  }

  .homepage-categories .babincan-category-copy strong{
    font-size:13px !important;
  }
}


/* BABINČAN 2.3 - upravená pätička / pravidlá a informácie */
footer,
.site-footer{
  margin-top:34px !important;
  padding-top:26px !important;
  border-top:1px solid var(--line) !important;
}

footer .moduletable,
footer .module,
.site-footer .moduletable,
.site-footer .module{
  margin:0 0 22px !important;
}

footer h3,
footer .module-title,
.site-footer h3,
.site-footer .module-title{
  margin:0 0 14px !important;
  color:var(--ink) !important;
  font:700 21px/1.2 Georgia,serif !important;
}

footer ul,
.site-footer ul{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px 20px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

footer li,
.site-footer li{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

footer li::marker,
.site-footer li::marker{
  content:"" !important;
}

footer a,
.site-footer a{
  color:#6f5748 !important;
  text-decoration:none !important;
  font-size:14px !important;
  line-height:1.35 !important;
  transition:color .15s ease !important;
}

footer a:hover,
.site-footer a:hover{
  color:var(--brown) !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

/* copyright oddeliť jemne od menu */
footer .footer-copy,
.site-footer .footer-copy{
  margin-top:18px !important;
  padding-top:16px !important;
  border-top:1px solid var(--line) !important;
  color:#8b8179 !important;
  font-size:13px !important;
}

/* Mobil - odkazy pod sebou ako na ukážke */
@media(max-width:600px){
  footer,
  .site-footer{
    padding-top:22px !important;
  }

  footer h3,
  footer .module-title,
  .site-footer h3,
  .site-footer .module-title{
    font-size:20px !important;
    margin-bottom:12px !important;
  }

  footer ul,
  .site-footer ul{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  footer a,
  .site-footer a{
    display:block !important;
    padding:3px 0 !important;
    font-size:15px !important;
  }
}


/* BABINČAN 2.4 - výraznejšie pravidlá v pätičke */
footer .mod-menu,
.site-footer .mod-menu{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px 18px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

footer .mod-menu::before,
.site-footer .mod-menu::before{
  content:"Pravidlá a informácie";
  grid-column:1 / -1;
  display:block;
  margin:0 0 8px;
  color:var(--ink);
  font:700 22px/1.2 Georgia,serif;
}

footer .mod-menu > li,
.site-footer .mod-menu > li{
  margin:0 !important;
  padding:0 !important;
}

footer .mod-menu > li > a,
.site-footer .mod-menu > li > a{
  display:block !important;
  padding:7px 0 !important;
  color:#6f5748 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  text-decoration:none !important;
}

footer .mod-menu > li > a:hover,
.site-footer .mod-menu > li > a:hover{
  color:var(--brown) !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

@media(max-width:760px){
  footer .mod-menu,
  .site-footer .mod-menu{
    grid-template-columns:1fr !important;
    gap:2px !important;
  }

  footer .mod-menu::before,
  .site-footer .mod-menu::before{
    font-size:21px !important;
    margin-bottom:10px !important;
  }

  footer .mod-menu > li > a,
  .site-footer .mod-menu > li > a{
    padding:6px 0 !important;
    font-size:16px !important;
  }
}


/* BABINČAN 2.5 - Kontakt + návštevnosť v pätičke */
.babincan-footer-panels{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(180px,1fr);
  gap:24px;
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid var(--line);
}

.babincan-footer-panel{
  min-width:0;
}

.babincan-footer-panel h3{
  margin:0 0 12px !important;
  color:var(--ink) !important;
  font:700 20px/1.2 Georgia,serif !important;
}

.babincan-footer-panel p{
  margin:6px 0 !important;
  color:#6f5748;
  font-size:14px;
  line-height:1.45;
}

.babincan-footer-panel a{
  color:#6f5748 !important;
  text-decoration:none !important;
}

.babincan-footer-panel a:hover{
  color:var(--brown) !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

.babincan-footer-messenger{
  display:inline-flex !important;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid #d8ccc2;
  border-radius:10px;
  background:#fff;
  font-weight:700;
}

.babincan-footer-visits{
  padding:16px;
  border:1px solid #e2d7ce;
  border-radius:14px;
  background:#fbf8f5;
}

.babincan-visit-number{
  margin:0 !important;
  color:var(--brown) !important;
  font-size:30px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

.babincan-visit-label{
  margin-top:7px !important;
  color:#8a7668 !important;
  font-size:13px !important;
}

@media(max-width:700px){
  .babincan-footer-panels{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .babincan-footer-visits{
    padding:14px !important;
  }

  .babincan-visit-number{
    font-size:27px !important;
  }
}


/* BABINČAN 2.6 - pätička v 3 stĺpcoch */
.babincan-footer-three{
  display:grid !important;
  grid-template-columns:1.6fr 1fr .8fr !important;
  gap:28px !important;
  align-items:start !important;
  margin-top:22px !important;
  padding-top:24px !important;
  border-top:1px solid var(--line) !important;
}

.babincan-footer-column{
  min-width:0 !important;
}

.babincan-footer-column h3,
.babincan-footer-rules .mod-menu::before{
  margin:0 0 14px !important;
  color:var(--ink) !important;
  font:700 20px/1.2 Georgia,serif !important;
}

.babincan-footer-rules .mod-menu{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:5px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.babincan-footer-rules .mod-menu::before{
  content:"Pravidlá a informácie" !important;
  grid-column:1 !important;
}

.babincan-footer-rules .mod-menu > li > a{
  display:block !important;
  padding:3px 0 !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

.babincan-footer-contact p{
  margin:7px 0 !important;
}

.babincan-footer-visits{
  padding:16px !important;
  border:1px solid #e2d7ce !important;
  border-radius:14px !important;
  background:#fbf8f5 !important;
}

@media(max-width:800px){
  .babincan-footer-three{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .babincan-footer-visits{
    max-width:100% !important;
  }
}


/* BABINČAN 2.7 - sociálne siete v kontakte */
.babincan-footer-social{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:12px;
}

.babincan-footer-social a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:7px 11px !important;
  border:1px solid #d8ccc2 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#6f5748 !important;
  font-size:14px !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

.babincan-footer-social a:hover{
  border-color:#b98a6d !important;
  color:var(--brown) !important;
  text-decoration:none !important;
}


/* BABINČAN 2.8 - jednotné tlačidlá sociálnych sietí */
.babincan-footer-social{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:12px !important;
}

.babincan-footer-social a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:92px !important;
  min-height:36px !important;
  padding:8px 12px !important;
  box-sizing:border-box !important;
  border:1px solid #d8ccc2 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#6f5748 !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  transition:
    transform .15s ease,
    border-color .15s ease,
    box-shadow .15s ease !important;
}

.babincan-footer-social a:hover{
  transform:translateY(-1px) !important;
  border-color:#b98a6d !important;
  box-shadow:0 4px 12px rgba(73,45,29,.08) !important;
  color:var(--brown) !important;
  text-decoration:none !important;
}

@media(max-width:700px){
  .babincan-footer-social{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .babincan-footer-social a{
    width:100% !important;
    min-width:0 !important;
  }
}

@media(max-width:420px){
  .babincan-footer-social{
    grid-template-columns:1fr !important;
  }
}


/* BABINČAN 2.9 - dlhé názvy kategórií na 2 riadky */
@media(max-width:760px){
  .homepage-categories .babincan-category-copy strong{
    display:-webkit-box !important;
    overflow:hidden !important;
    white-space:normal !important;
    text-overflow:clip !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    line-clamp:2 !important;
    line-height:1.18 !important;
    min-height:2.36em !important;
  }

  .homepage-categories .babincan-category-count{
    margin-top:3px !important;
  }
}


/* BABINČAN 3.0 - sociálne siete pod sebou a farebne */
.babincan-footer-social{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin-top:14px !important;
  max-width:190px !important;
}

.babincan-footer-social a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:38px !important;
  padding:9px 13px !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-radius:10px !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 3px 10px rgba(0,0,0,.08) !important;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}

.babincan-footer-social a:hover{
  transform:translateY(-1px) !important;
  color:#fff !important;
  text-decoration:none !important;
  filter:brightness(.96) !important;
  box-shadow:0 5px 14px rgba(0,0,0,.12) !important;
}

/* Facebook */
.babincan-footer-social .babincan-social-facebook{
  background:#1877f2 !important;
}

/* Instagram */
.babincan-footer-social .babincan-social-instagram{
  background:linear-gradient(135deg,#833ab4 0%,#c13584 45%,#e1306c 70%,#f77737 100%) !important;
}

/* Messenger */
.babincan-footer-social .babincan-social-messenger{
  background:#0084FF !important;
}

@media(max-width:800px){
  .babincan-footer-social{
    max-width:100% !important;
  }
}


/* BABINČAN 3.0.3 - ikony sociálnych sietí + zelený Messenger */
.babincan-footer-social a{
  justify-content:flex-start !important;
  gap:9px !important;
}

.babincan-social-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  color:#fff !important;
}

.babincan-social-icon svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
}

/* Messenger - zelený */
.babincan-footer-social .babincan-social-messenger{
  background:#22A559 !important;
}


/* BABINČAN 3.2 - pozícia pre reklamné vizitky / odkazy */
.babincan-promo-links-position{
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--line);
}


/* BABINČAN 3.3 - podrobnejšia návštevnosť */
.babincan-visit-stats{
  display:grid;
  gap:6px;
  margin-top:10px;
  min-width:150px;
}

.babincan-visit-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:5px;
  border-bottom:1px solid rgba(93,67,51,.10);
  color:#7c6758;
  font-size:12px;
  line-height:1.25;
}

.babincan-visit-row strong{
  color:#9a4e2d;
  font-size:16px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}

.babincan-visit-total{
  margin-top:2px;
  padding-top:3px;
  border-bottom:0;
}

.babincan-visit-total span{
  color:#4e3b30;
  font-weight:700;
}

.babincan-visit-total strong{
  font-size:20px;
}


/* BABINČAN 3.4 - súkromie / cookie súhlas */
.babincan-privacy[hidden]{
  display:none !important;
}

.babincan-privacy{
  position:fixed;
  inset:auto 16px 16px 16px;
  z-index:99999;
  display:flex;
  justify-content:center;
  pointer-events:none;
}

.babincan-privacy-box{
  width:min(760px,100%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:18px 20px;
  box-sizing:border-box;
  border:1px solid #dfd2c8;
  border-radius:16px;
  background:#fffaf5;
  box-shadow:0 12px 40px rgba(55,35,24,.20);
  pointer-events:auto;
}

.babincan-privacy-text{
  min-width:0;
}

.babincan-privacy-text h3{
  margin:0 0 6px;
  color:#302720;
  font:700 19px/1.2 Georgia,serif;
}

.babincan-privacy-text p{
  margin:0;
  color:#6f5b4e;
  font-size:13px;
  line-height:1.45;
}

.babincan-privacy-link{
  display:inline-block;
  margin-top:7px;
  color:#98532f;
  font-size:12px;
  font-weight:700;
  text-decoration:underline;
}

.babincan-privacy-actions{
  display:flex;
  flex:0 0 auto;
  gap:8px;
}

.babincan-privacy-actions button{
  min-height:40px;
  padding:9px 14px;
  border-radius:10px;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}

.babincan-privacy-secondary{
  border:1px solid #cdbbae;
  background:#fff;
  color:#674b3a;
}

.babincan-privacy-primary{
  border:1px solid #9b5632;
  background:#9b5632;
  color:#fff;
}

@media(max-width:700px){
  .babincan-privacy{
    inset:auto 10px 10px 10px;
  }

  .babincan-privacy-box{
    align-items:stretch;
    flex-direction:column;
    gap:14px;
    padding:16px;
  }

  .babincan-privacy-actions{
    width:100%;
  }

  .babincan-privacy-actions button{
    flex:1 1 0;
  }
}




/* BABINČAN 3.5 - video priamo pri výrobku */
.product-video-section{
  margin-top:24px;
}

.product-video-section h2{
  margin:0 0 12px;
  color:#302720;
  font:700 22px/1.2 Georgia,serif;
}

.product-video{
  display:block;
  width:100%;
  max-width:760px;
  aspect-ratio:16 / 9;
  border-radius:14px;
  background:#111;
  box-shadow:0 5px 18px rgba(45,29,20,.12);
}

@media(max-width:700px){
  .product-video-section h2{
    font-size:20px;
  }

  .product-video{
    border-radius:10px;
  }
}


/* BABINČAN 3.6.1 - všetky 4 horné tlačidlá v jednom riadku */
.hero-actions{
  flex-wrap:nowrap !important;
  gap:6px !important;
}

.hero-actions .btn{
  width:auto !important;
  flex:0 0 auto !important;
  padding:10px 11px !important;
  font-size:12px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  text-align:center !important;
}

@media(max-width:760px){
  .hero-actions{
    width:100% !important;
    justify-content:flex-end !important;
  }

  .hero-actions .btn{
    padding:9px 10px !important;
    font-size:11px !important;
  }
}


/* BABINČAN 3.6.2 - jednotné horné tlačidlá, farebné iba aktívne */
.hero-actions .btn-nav{
  background:#fff !important;
  color:var(--brown) !important;
  border:1px solid #cba88d !important;
  box-shadow:none !important;
}

.hero-actions .btn-nav.is-active{
  background:var(--brown) !important;
  color:#fff !important;
  border-color:var(--brown) !important;
}

.hero-actions .btn-nav:hover{
  background:#f7eee7 !important;
  color:var(--brown) !important;
}

.hero-actions .btn-nav.is-active:hover{
  background:var(--brown) !important;
  color:#fff !important;
}


/* BABINCAN 3.7 - štítky a akciové ceny */
.product-card-image{
  position:relative;
}
.product-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.2px;
  color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.16);
}
.product-badge-new{
  background:linear-gradient(135deg,#2e9d57,#56c978);
}
.product-badge-sale{
  background:linear-gradient(135deg,#d34a4a,#f07a6c);
}
.product-badge-action{
  background:linear-gradient(135deg,#d18a1a,#e6b34d);
}
.product-badge-generic{
  background:linear-gradient(135deg,#8b4b2d,#b57551);
}
.product-card-image .product-badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
}
.product-card-price-wrap{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.product-card-price-old{
  color:#9c8f86;
  text-decoration:line-through;
  font-size:15px;
  font-weight:700;
}
.product-card-price-new,
.product-price-new{
  color:#c23a2b;
}
.product-detail-badge{
  margin:0 0 12px;
}
.product-price-wrap{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:10px;
  margin:8px 0 18px;
}
.product-price-old{
  color:#9c8f86;
  text-decoration:line-through;
  font-size:22px;
  font-weight:700;
  line-height:1.2;
}
.product-price-new{
  font-size:34px;
  font-weight:800;
  line-height:1.05;
}


/* BABINČAN 3.7.1 - výraznejšie štítky výrobkov */
.product-badge{
  min-height:36px !important;
  padding:8px 16px !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.4px !important;
  text-transform:uppercase !important;
  color:#fff !important;
  box-shadow:0 5px 14px rgba(0,0,0,.25) !important;
  border:2px solid rgba(255,255,255,.85) !important;
}

.product-badge-action{
  background:linear-gradient(135deg,#ff7a00 0%,#ef3d23 100%) !important;
}

.product-badge-sale{
  background:linear-gradient(135deg,#e21d2f 0%,#b70018 100%) !important;
}

.product-badge-new{
  background:linear-gradient(135deg,#1eaa59 0%,#087c3d 100%) !important;
}

.product-badge-generic{
  background:linear-gradient(135deg,#9a4f2d 0%,#6f3018 100%) !important;
}

.product-card-image .product-badge{
  top:12px !important;
  left:12px !important;
}

@media(max-width:700px){
  .product-badge{
    min-height:34px !important;
    padding:7px 14px !important;
    font-size:13px !important;
  }
}


/* BABINČAN 3.8 - otázka k výrobku cez Messenger */
.product-order-actions .btn-messenger-product{
  appearance:none;
  border:1px solid #22a559;
  background:#22a559;
  color:#fff;
  cursor:pointer;
  font:inherit;
  font-weight:700;
}

.product-order-actions .btn-messenger-product:hover{
  background:#198849;
  color:#fff;
}

@media(max-width:700px){
  .product-order-actions .btn-messenger-product{
    width:100%;
  }
}


/* BABINČAN 3.8.1 - zdieľanie výrobku */
.product-order-actions .btn-share-product{
  appearance:none;
  border:1px solid #8b4b2d;
  background:#fff;
  color:#8b4b2d;
  cursor:pointer;
  font:inherit;
  font-weight:700;
}

.product-order-actions .btn-share-product:hover{
  background:#f7eee7;
  color:#8b4b2d;
}

@media(max-width:700px){
  .product-order-actions .btn-share-product{
    width:100%;
  }
}


/* BABINČAN 3.8.2 - popis výrobku pod celým detailom */
.product-description-bottom{
  width:100%;
  margin-top:28px;
}

.product-description-bottom .product-description-body{
  max-width:900px;
}


/* BABINČAN 3.8.3 - názov kategórie maximálne na 2 riadky, bez ... */
.homepage-categories .babincan-category-copy strong{
  display:-webkit-box !important;
  overflow:hidden !important;
  white-space:normal !important;
  text-overflow:clip !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  line-clamp:2 !important;
  line-height:1.2 !important;
  max-height:2.4em !important;
}


/* BABINČAN 3.8.4 - bežné články sa nezobrazujú ako výrobky */
.babincan-standard-article{
  width:100%;
  padding:24px 28px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}

.babincan-standard-article h1{
  margin:0 0 20px;
  color:#302720;
  font:700 30px/1.2 Georgia,serif;
}

.babincan-standard-article-body{
  color:#5f554f;
  font-size:15px;
  line-height:1.7;
}

.babincan-standard-article-body p:first-child{
  margin-top:0;
}

@media(max-width:700px){
  .babincan-standard-article{
    padding:20px 18px;
  }

  .babincan-standard-article h1{
    font-size:26px;
  }
}


/* BABINČAN 3.8.7 - široký banner obrázka kategórie */
.babincan-category-banner{
  width:100%;
  margin:0 0 24px;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 24px rgba(74,50,32,.08);
}

.babincan-category-banner img{
  display:block;
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:contain;
}

@media(max-width:700px){
  .babincan-category-banner{
    margin-bottom:18px;
    border-radius:14px;
  }
}


/* BABINČAN 3.8.8 - banner kategórie nahrádza hlavný horný banner */
.hero-banner img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}


/* BABINČAN 3.8.9 - modul Napíšte mi nad pätičkou */
.babincan-contact-form-section{
  width:100%;
  margin:30px 0 24px;
}

.babincan-contact-form-inner{
  width:100%;
}

.babincan-contact-form-section .moduletable,
.babincan-contact-form-section .module{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px 28px;
  box-shadow:0 8px 24px rgba(74,50,32,.06);
}

.babincan-contact-form-section h2,
.babincan-contact-form-section h3{
  margin-top:0;
  color:#302720;
  font-family:Georgia,serif;
}

@media(max-width:700px){
  .babincan-contact-form-section{
    margin:22px 0 18px;
  }

  .babincan-contact-form-section .moduletable,
  .babincan-contact-form-section .module{
    padding:20px 18px;
    border-radius:14px;
  }
}


/* BABINČAN 3.9.0 - rozbaľovací kontaktný formulár */
.babincan-contact-form-section{
  width:100%;
  margin:26px 0 24px;
}

.babincan-contact-form-toggle{
  width:100%;
}

.babincan-contact-form-toggle > summary{
  list-style:none;
}

.babincan-contact-form-toggle > summary::-webkit-details-marker{
  display:none;
}

.babincan-contact-form-button{
  width:fit-content;
  min-width:190px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:13px 22px;
  border:1px solid #b88663;
  border-radius:12px;
  background:#a85a2d;
  color:#fff;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(74,50,32,.10);
  transition:transform .15s ease, box-shadow .15s ease;
}

.babincan-contact-form-button:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(74,50,32,.14);
}

.babincan-contact-form-arrow{
  display:inline-block;
  font-size:20px;
  line-height:1;
  transition:transform .2s ease;
}

.babincan-contact-form-toggle[open] .babincan-contact-form-arrow{
  transform:rotate(180deg);
}

.babincan-contact-form-inner{
  width:100%;
  margin-top:18px;
}

.babincan-contact-form-section .moduletable,
.babincan-contact-form-section .module{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px 28px;
  box-shadow:0 8px 24px rgba(74,50,32,.06);
}

@media(max-width:700px){
  .babincan-contact-form-section{
    margin:20px 0 18px;
  }

  .babincan-contact-form-button{
    width:100%;
    min-width:0;
    box-sizing:border-box;
  }

  .babincan-contact-form-section .moduletable,
  .babincan-contact-form-section .module{
    padding:20px 18px;
    border-radius:14px;
  }
}


/* BABINČAN 3.9.1 - text nad tlačidlom Napíšte mi */
.babincan-contact-form-intro{
  text-align:center;
  margin:0 auto 14px;
  color:#5f554f;
}

.babincan-contact-form-intro strong{
  display:block;
  margin-bottom:4px;
  color:#302720;
  font-size:18px;
  font-family:Georgia,serif;
}

.babincan-contact-form-intro span{
  display:block;
  font-size:14px;
  line-height:1.5;
}

@media(max-width:700px){
  .babincan-contact-form-intro{
    padding:0 10px;
  }

  .babincan-contact-form-intro strong{
    font-size:17px;
  }
}


/* BABINČAN 3.9.2 - kompaktnejší blok Napíšte mi */
.babincan-contact-form-section{
  margin:14px 0 12px !important;
  padding:0 !important;
}

.babincan-contact-form-intro{
  margin-bottom:8px !important;
}

.babincan-contact-form-button{
  padding:11px 20px !important;
}

.babincan-contact-form-inner{
  margin-top:12px !important;
}

/* menšia medzera pred pätičkou */
.babincan-contact-form-section + footer,
.babincan-contact-form-section + .site-footer{
  margin-top:0 !important;
}

@media(max-width:700px){
  .babincan-contact-form-section{
    margin:10px 0 10px !important;
  }

  .babincan-contact-form-intro{
    margin-bottom:7px !important;
  }

  .babincan-contact-form-button{
    padding:10px 18px !important;
  }
}


/* BABINČAN 3.9.3 - text vľavo, tlačidlo vpravo, celé orámované */
.babincan-contact-form-section{
  margin:14px 0 12px !important;
}

.babincan-contact-form-toggle{
  width:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 8px 24px rgba(74,50,32,.06);
  overflow:hidden;
}

.babincan-contact-form-summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  cursor:pointer;
}

.babincan-contact-form-summary::-webkit-details-marker{
  display:none;
}

.babincan-contact-form-intro{
  text-align:left !important;
  margin:0 !important;
  flex:1 1 auto;
}

.babincan-contact-form-intro strong{
  margin-bottom:3px;
}

.babincan-contact-form-button{
  flex:0 0 auto;
  margin:0 !important;
  min-width:170px;
}

.babincan-contact-form-inner{
  margin-top:0 !important;
  padding:0 18px 18px;
}

.babincan-contact-form-section .moduletable,
.babincan-contact-form-section .module{
  box-shadow:none;
  margin:0;
}

@media(max-width:700px){
  .babincan-contact-form-summary{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    padding:16px;
  }

  .babincan-contact-form-intro{
    text-align:center !important;
    padding:0 !important;
  }

  .babincan-contact-form-button{
    width:100%;
    min-width:0;
    justify-content:center;
  }

  .babincan-contact-form-inner{
    padding:0 14px 14px;
  }
}


/* BABINČAN 3.9.4 - menšia medzera medzi Reklamou a blokom Napíšte mi */
.babincan-contact-form-section{
  margin-top:4px !important;
}

@media(max-width:700px){
  .babincan-contact-form-section{
    margin-top:3px !important;
  }
}


/* BABINČAN 3.9.5 - vrátená medzera a hnedé orámovanie */
.babincan-contact-form-section{
  margin-top:14px !important;
}

.babincan-contact-form-toggle{
  border:2px solid #a85a2d !important;
}

@media(max-width:700px){
  .babincan-contact-form-section{
    margin-top:10px !important;
  }
}


/* BABINČAN 3.9.6 - blok Napíšte mi zarovnaný na šírku obsahu/reklamy */
.babincan-contact-form-section{
  width:calc(100% - 28px) !important;
  max-width:1380px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
}

@media(max-width:700px){
  .babincan-contact-form-section{
    width:calc(100% - 28px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* BABINČAN 3.9.7 - Napíšte mi presne na šírku hlavného obsahu / vizitiek */
.babincan-contact-form-section{
  width:calc(100% - 36px) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media(max-width:700px){
  .babincan-contact-form-section{
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }
}


/* BABINČAN 3.9.8 - nová ikonová hlavička + favicon */
.site-header{
  background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:50;
  box-shadow:0 3px 14px rgba(74,50,32,.04);
}

.babincan-topbar{
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.babincan-brandmark{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:330px;
  text-decoration:none;
  color:var(--brown);
}

.babincan-brandmark img{
  width:72px;
  height:72px;
  object-fit:contain;
  border-radius:50%;
}

.babincan-brandcopy strong{
  display:block;
  font:700 31px/1 Georgia,serif;
  letter-spacing:.8px;
}

.babincan-brandcopy small{
  display:block;
  margin-top:7px;
  color:#6f625a;
  font-size:11px;
  letter-spacing:.5px;
  white-space:nowrap;
}

.babincan-icon-nav{
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  gap:4px;
  flex:1 1 auto;
}

.babincan-icon-link{
  min-width:92px;
  min-height:76px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:8px 11px 7px;
  border-radius:14px;
  color:#181512;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  position:relative;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}

.babincan-icon-link svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.babincan-icon-link:first-child svg{
  fill:currentColor;
  stroke:none;
}

.babincan-icon-link:hover{
  background:#fbf4ed;
  color:var(--brown);
  transform:translateY(-1px);
}

.babincan-icon-link.is-active{
  color:var(--brown);
}

.babincan-icon-link.is-active::after{
  content:"";
  position:absolute;
  left:19px;
  right:19px;
  bottom:3px;
  height:4px;
  border-radius:999px;
  background:var(--brown);
}

@media(max-width:980px){
  .babincan-topbar{
    gap:14px;
  }

  .babincan-brandmark{
    min-width:260px;
  }

  .babincan-brandmark img{
    width:58px;
    height:58px;
  }

  .babincan-brandcopy strong{
    font-size:25px;
  }

  .babincan-brandcopy small{
    font-size:9px;
  }

  .babincan-icon-link{
    min-width:74px;
    font-size:12px;
    padding-left:7px;
    padding-right:7px;
  }

  .babincan-icon-link svg{
    width:25px;
    height:25px;
  }
}

@media(max-width:760px){
  .babincan-topbar{
    min-height:82px;
    align-items:center;
    gap:12px;
    padding-top:7px;
    padding-bottom:7px;
  }

  .babincan-brandmark{
    min-width:210px;
    gap:8px;
  }

  .babincan-brandmark img{
    width:50px;
    height:50px;
  }

  .babincan-brandcopy strong{
    font-size:22px;
  }

  .babincan-brandcopy small{
    font-size:8px;
    max-width:165px;
    white-space:normal;
    line-height:1.25;
  }

  .babincan-icon-nav{
    overflow-x:auto;
    justify-content:flex-start;
    scrollbar-width:none;
    padding-bottom:2px;
  }

  .babincan-icon-nav::-webkit-scrollbar{
    display:none;
  }

  .babincan-icon-link{
    flex:0 0 66px;
    min-width:66px;
    min-height:64px;
    font-size:10px;
  }

  .babincan-icon-link svg{
    width:23px;
    height:23px;
  }

  .babincan-icon-link.is-active::after{
    left:13px;
    right:13px;
    height:3px;
  }
}


/* BABINČAN 3.9.9 - 4 výrobky v riadku na PC */
@media(max-width:1100px) and (min-width:901px){
  .blog-items,.blog-items.columns-2,.blog-items.columns-3{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}


/* BABINČAN 3.10.1 - kompaktnejšie názvy výrobkov pri 4 kartách v riadku */
.blog-items .item-content h2,
.blog-items .item-content h2 a,
.blog-items .item-title,
.blog-items .item-title a,
.blog-items article h2,
.blog-items article h2 a{
  font-size:17px !important;
  line-height:1.2 !important;
  margin-bottom:7px !important;
}

@media(max-width:1100px){
  .blog-items .item-content h2,
  .blog-items .item-content h2 a,
  .blog-items .item-title,
  .blog-items .item-title a,
  .blog-items article h2,
  .blog-items article h2 a{
    font-size:16px !important;
  }
}

@media(max-width:700px){
  .blog-items .item-content h2,
  .blog-items .item-content h2 a,
  .blog-items .item-title,
  .blog-items .item-title a,
  .blog-items article h2,
  .blog-items article h2 a{
    font-size:16px !important;
  }
}


/* BABINČAN 3.10.3 – hlavný obrázok výrobku rovnako široký ako pravý panel */
@media (min-width: 521px) {
  .product-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 24px;
  }
  .product-main-image {
    max-height: 420px;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}


/* BABINČAN 3.10.5 – širší pravý panel detailu výrobku */
@media (min-width: 901px) {
  .product-detail-grid {
    grid-template-columns: minmax(0, 44%) minmax(0, 56%) !important;
    gap: 24px !important;
  }

  .product-main-image {
    max-height: 420px;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}


/* BABINČAN 3.10.6 – nová drevená tapeta webu */
body{
  background:
    linear-gradient(rgba(250,247,241,.80), rgba(250,247,241,.80)),
    url("../images/babincan-background.webp") center top / cover fixed no-repeat !important;
}

/* obsah nech zostane čitateľný nad tapetou */
.site-header{
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(4px);
}

.hero-info,
.blog-item,
.item-content,
.item-page,
.product-info-column,
.recent-product-card,
.babincan-contact-cta,
.site-footer .footer-box{
  background:rgba(255,255,255,.94);
}

/* ľavý obrázok detailu bez bieleho pozadia */
.product-main-image-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}

.product-main-image{
  border-radius:18px;
}

/* na mobile tapetu nescrollovať ako fixed – lepší výkon */
@media(max-width:760px){
  body{
    background-attachment:scroll !important;
  }
}


/* BABINČAN 3.10.7 – informácia o doprave pod kategóriami */
.babincan-delivery-strip{
  margin:18px 0 22px;
  padding:14px 18px;
  border:1px solid #b86f3c;
  border-radius:14px;
  background:rgba(255,255,255,.94);
  text-align:center;
  box-shadow:0 5px 16px rgba(74,50,32,.06);
}

.babincan-delivery-main{
  color:#3d3028;
  font-size:16px;
  font-weight:700;
  line-height:1.5;
}

.babincan-delivery-main span{
  color:#a85a2d;
  padding:0 7px;
}

.babincan-delivery-note{
  margin-top:4px;
  color:#6b5d54;
  font-size:13px;
  font-weight:600;
}

@media(max-width:700px){
  .babincan-delivery-strip{
    margin:14px 0 18px;
    padding:12px 14px;
  }

  .babincan-delivery-main{
    font-size:14px;
  }

  .babincan-delivery-main span{
    padding:0 3px;
  }

  .babincan-delivery-note{
    font-size:12px;
  }
}


/* BABINČAN 3.10.8 – nadpis Možnosti doručenia */
.babincan-delivery-title{
  margin-bottom:5px;
  color:#302720;
  font:700 18px/1.2 Georgia,serif;
}

@media(max-width:700px){
  .babincan-delivery-title{
    font-size:17px;
  }
}


/* BABINČAN 3.10.11 – horné výrobky rovnako ako Najobľúbenejšie */
@media (min-width:901px){
  .blog-items,
  .blog-items.columns-2,
  .blog-items.columns-3{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
  }
}

.product-card{
  border-radius:15px !important;
}

.product-card-body{
  padding:12px 13px 14px !important;
}

.product-card-title{
  font-size:17px !important;
  line-height:1.2 !important;
  margin-bottom:7px !important;
}

.product-card-price{
  font-size:20px !important;
}

.product-card-time{
  font-size:13px !important;
  margin:4px 0 8px !important;
}

.product-card-open{
  font-size:13px !important;
}


/* BABINČAN 3.10.12 – Naposledy prezerané: 4 ks v riadku ako Najobľúbenejšie */
@media (min-width:901px){
  .recently-viewed-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

@media (min-width:561px) and (max-width:900px){
  .recently-viewed-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* BABINČAN 3.10.15 – varianty a ceny výrobku */
.product-variants{
  margin:4px 0 16px;
}

.product-variants h2{
  margin:0 0 8px;
  font:700 17px/1.25 Georgia,serif;
  color:#302720;
}

.product-variants-table{
  overflow:hidden;
  border:1px solid #eaded4;
  border-radius:12px;
  background:rgba(255,255,255,.72);
}

.product-variant-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:10px 12px;
  border-bottom:1px solid #eaded4;
}

.product-variant-row:last-child{
  border-bottom:0;
}

.product-variant-name{
  color:#4f443d;
  font-weight:600;
}

.product-variant-price{
  color:#9a4d27;
  font-size:17px;
  white-space:nowrap;
}

@media(max-width:520px){
  .product-variants h2{font-size:16px}
  .product-variant-row{padding:9px 10px;gap:12px}
  .product-variant-price{font-size:16px}
}


/* BABINČAN 3.10.18 – cena variantu bližšie k rozmeru */
.product-variant-row{
  grid-template-columns:auto auto !important;
  justify-content:start !important;
  column-gap:22px !important;
}

.product-variant-price{
  justify-self:start !important;
}


/* BABINČAN 3.10.19 – jemne väčšia medzera medzi variantom a cenou */
.product-variant-row{
  column-gap:30px !important;
}


/* BABINČAN 3.10.20 – zarovnanie cien variantov do jedného stĺpca */
.product-variant-row{
  grid-template-columns:110px auto !important;
  justify-content:start !important;
  column-gap:18px !important;
}

@media(max-width:520px){
  .product-variant-row{
    grid-template-columns:95px auto !important;
    column-gap:16px !important;
  }
}


/* BABINČAN 3.10.21 – produkty: mobil 2 v riadku, PC 4 v riadku */

@media (min-width:901px){
  .blog-items,
  .blog-items.columns-2,
  .blog-items.columns-3,
  .babincan-favorites-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media (min-width:521px) and (max-width:900px){
  .blog-items,
  .blog-items.columns-2,
  .blog-items.columns-3,
  .babincan-favorites-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:520px){
  .blog-items,
  .blog-items.columns-2,
  .blog-items.columns-3,
  .babincan-favorites-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .product-card-body,
  .babincan-favorite-body{
    padding:10px 9px 12px !important;
  }

  .product-card-title,
  .babincan-favorite-title{
    font-size:14px !important;
    line-height:1.2 !important;
  }

  .product-card-price,
  .babincan-favorite-price span{
    font-size:17px !important;
  }

  .product-card-time,
  .product-card-open,
  .babincan-favorite-body small,
  .babincan-favorite-open{
    font-size:11px !important;
  }
}


/* BABINČAN 3.10.22 – skutočné mobilné zobrazenie */
@media (max-width:520px){
  .blog-items,
  .blog-items.columns-2,
  .blog-items.columns-3,
  .babincan-favorites-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (min-width:901px){
  .blog-items,
  .blog-items.columns-2,
  .blog-items.columns-3,
  .babincan-favorites-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}


/* BABINČAN 3.10.23 – mobilné menu: všetkých 5 položiek v jednom riadku */
@media (max-width:760px){
  .babincan-topbar{
    min-height:72px !important;
    gap:4px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
  }

  .babincan-brandmark{
    flex:0 0 118px !important;
    min-width:0 !important;
    gap:5px !important;
  }

  .babincan-brandmark img{
    width:38px !important;
    height:38px !important;
  }

  .babincan-brandcopy{
    min-width:0 !important;
  }

  .babincan-brandcopy strong{
    font-size:15px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .babincan-brandcopy small{
    display:none !important;
  }

  .babincan-icon-nav{
    flex:1 1 auto !important;
    display:flex !important;
    overflow:visible !important;
    justify-content:stretch !important;
    gap:0 !important;
    min-width:0 !important;
    padding-bottom:0 !important;
  }

  .babincan-icon-link{
    flex:1 1 0 !important;
    min-width:0 !important;
    min-height:58px !important;
    padding:4px 1px 5px !important;
    font-size:8px !important;
    line-height:1.05 !important;
    border-radius:9px !important;
    white-space:nowrap !important;
  }

  .babincan-icon-link svg{
    width:19px !important;
    height:19px !important;
  }

  .babincan-icon-link.is-active::after{
    left:7px !important;
    right:7px !important;
    bottom:1px !important;
    height:3px !important;
  }
}


/* BABINČAN 3.10.24 – znak | je iba oddeľovač pri zadávaní variantu */
.product-variant-separator,
.variant-separator {
    display: none !important;
}

/* BABINČAN 3.10.25 – upravené stránkovanie */
.pagination,
ul.pagination,
.pagination ul,
.pagination-list{
  list-style:none!important;
  margin:26px 0 10px!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
}
.pagination li,
ul.pagination li,
.pagination ul li,
.pagination-list li{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.pagination li::marker,
ul.pagination li::marker,
.pagination ul li::marker,
.pagination-list li::marker{content:""!important;}
.pagination a,
.pagination span,
.pagination .page-link,
.pagination-list a,
.pagination-list span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:40px!important;
  height:40px!important;
  padding:0 12px!important;
  border:1px solid rgba(150,91,49,.38)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  color:#8f4f2c!important;
  text-decoration:none!important;
  font-weight:700!important;
  line-height:1!important;
}
.pagination .active>a,
.pagination .active>span,
.pagination .page-item.active .page-link,
.pagination-list .active>a,
.pagination-list .active>span{
  background:#a95b2f!important;
  color:#fff!important;
  border-color:#a95b2f!important;
}
.pagination a:hover,
.pagination .page-link:hover,
.pagination-list a:hover{
  background:#a95b2f!important;
  color:#fff!important;
  border-color:#a95b2f!important;
}
.pagination .disabled>a,
.pagination .disabled>span,
.pagination .page-item.disabled .page-link,
.pagination-list .disabled>a,
.pagination-list .disabled>span{
  opacity:.42!important;
  pointer-events:none!important;
}
.pagination-counter,.counter{
  text-align:center!important;
  margin-top:8px!important;
  color:#75695f!important;
  font-size:14px!important;
}
.pagination li:empty,.pagination-list li:empty{display:none!important;}
@media(max-width:520px){
  .pagination,ul.pagination,.pagination ul,.pagination-list{gap:6px!important;margin-top:22px!important;}
  .pagination a,.pagination span,.pagination .page-link,.pagination-list a,.pagination-list span{
    min-width:36px!important;height:36px!important;padding:0 10px!important;font-size:15px!important;
  }
}


/* BABINČAN 3.10.26 – skrytie zoznamu odkazov nad stránkovaním */
.items-more,
.items-more ol,
.items-more ul,
.blog-items-more,
.blog-items-more ol,
.blog-items-more ul {
    display: none !important;
}

/* BABINČAN 3.10.29 – TOPlist */
.babincan-toplist{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:10px 0 16px;
}
.babincan-toplist img{
  display:block;
  width:88px;
  height:120px;
}


/* BABINČAN – objednávkový formulár na detaile výrobku */
.babincan-order-panel{margin:22px 0 12px;padding:22px;border:1px solid rgba(144,89,51,.22);border-radius:16px;background:#fffaf4;box-shadow:0 4px 18px rgba(61,34,18,.06)}
.babincan-order-panel h2{margin:0 0 6px;font-size:1.35rem;color:#744326}
.babincan-order-panel>p{margin:0 0 18px;color:#66584e}
.babincan-order-product{margin-bottom:14px;padding:12px 14px;border-radius:10px;background:#f1e6d9;color:#553b2d;font-size:.96rem}
.babincan-order-product-price{display:block;margin-top:3px}
.babincan-order-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.babincan-order-fields label{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:.94rem;color:#51392d}
.babincan-order-fields input,.babincan-order-fields textarea,.babincan-order-fields select{box-sizing:border-box;display:block;width:100%;padding:12px;border:1px solid #cdb8a7;background:#fff;border-radius:8px;color:#32261e;font:inherit}
.babincan-order-fields input:focus,.babincan-order-fields textarea:focus,.babincan-order-fields select:focus{outline:2px solid #b66d38;outline-offset:1px}
.babincan-order-fields .babincan-order-full{grid-column:1/-1}
.babincan-order-privacy{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-size:.9rem;line-height:1.45;color:#554439}
.babincan-order-privacy input{flex:none;margin-top:3px;width:18px;height:18px}
.babincan-order-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;left:-9999px!important}
.babincan-order-submit{cursor:pointer;margin-top:2px;padding:12px 22px;max-width:100%}
.babincan-order-note{font-size:.82rem;margin:12px 0 0;color:#75675c}
.babincan-order-alert{padding:12px 16px;margin:12px 0;border-radius:9px;line-height:1.5}
.babincan-order-success{border:1px solid #80ad82;background:#ebf7eb;color:#28572b}
.babincan-order-error{border:1px solid #d1a093;background:#fff0ec;color:#873e31}
.babincan-order-error ul{margin:6px 0 0;padding-left:20px}
@media(max-width:640px){.babincan-order-panel{padding:15px;margin-top:18px}.babincan-order-fields{grid-template-columns:1fr}}

/* Formulár sa po kliknutí rozbalí; hidden musí mať prednosť pred štýlmi panelu. */
.babincan-order-panel[hidden]{display:none!important}
.babincan-order-panel{scroll-margin-top:22px}

/* BABINČAN – informácia o ochrane osobných údajov pri dopyte */
.babincan-order-privacy label{display:block;line-height:1.5;cursor:pointer}
.babincan-order-privacy a{color:#824522;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.babincan-order-privacy a:focus-visible{outline:2px solid #824522;outline-offset:3px;border-radius:2px}


/* BABINČAN v8 – jemné zjednotenie vzhľadu úvodnej stránky, bez ďalších obrázkov či JS */
.babincan-home .hero-banner{border-radius:22px 22px 0 0}
.babincan-home .babincan-hero-home{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(245px,.75fr);
  align-items:center;
  gap:30px;
  padding:30px 34px 34px;
  border-radius:0 0 22px 22px;
  background:rgba(255,252,248,.97);
}
.babincan-home .babincan-hero-copy h1{
  color:#4d3124;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.6rem,2.65vw,2.5rem);
  line-height:1.14;
  letter-spacing:-.025em;
  margin:13px 0 10px;
  max-width:680px;
}
.babincan-home .babincan-hero-copy p{
  margin:0;
  color:#625147;
  font-size:1rem;
  line-height:1.65;
  max-width:690px;
}
.babincan-home .babincan-hero-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  width:100%;
  gap:10px;
}
.babincan-home .babincan-hero-actions>.btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:48px;
  padding:13px 18px;
  border-radius:12px;
  box-shadow:none;
  font-size:.96rem;
}
.babincan-home .babincan-hero-primary{background:#90502f;color:#fff;border:1px solid #90502f}
.babincan-home .babincan-hero-primary:hover{background:#743e24}
.babincan-home .babincan-hero-secondary{background:#fffaf6;color:#744426;border:1px solid #cba98f}
.babincan-hero-quicklinks{display:flex;justify-content:center;align-items:center;gap:11px;font-size:.83rem;color:#7a5844;padding-top:4px}
.babincan-hero-quicklinks a{text-underline-offset:3px}
.babincan-home .babincan-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0 0;
}
.babincan-home .babincan-benefit{
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:rgba(255,253,250,.94);
  border:1px solid rgba(131,87,53,.15);
  border-radius:15px;
  padding:15px 16px;
}
.babincan-home .babincan-benefit-icon{
  display:grid;place-items:center;
  flex:none;
  width:35px;height:35px;
  border-radius:11px;
  background:#f4e5d8;
  color:#8b4b2d;
  font-size:1.25rem;
  font-weight:700;
}
.babincan-home .babincan-benefit strong{display:block;color:#4c3427;font-size:.92rem;margin:1px 0 4px}
.babincan-home .babincan-benefit div>span{display:block;color:#79675c;font-size:.8rem;line-height:1.4}
.babincan-home .homepage-categories{margin-top:25px}
.babincan-home .babincan-section-heading{
  display:flex;align-items:end;justify-content:space-between;gap:16px;
  padding:0 2px;margin-bottom:18px;
}
.babincan-home .babincan-section-kicker{display:block;color:#956344;font-size:.75rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}
.babincan-home .babincan-section-heading h2{font:700 clamp(1.35rem,2.7vw,1.95rem)/1.2 Georgia,serif;color:#422d22;margin:0 0 8px}
.babincan-home .babincan-section-heading p{color:#76685f;line-height:1.5;margin:0;max-width:690px;font-size:.93rem}
.babincan-home .babincan-section-link{flex:none;font-size:.87rem;font-weight:700;color:#7d472d;text-underline-offset:4px;padding:7px 0}
/* Návštevnosť výrobkov zostáva uložená v Joomla, iba sa nezobrazuje zákazníkom. */
.product-card-hits,.babincan-favorite-hits{display:none!important}
.product-card{border-color:rgba(132,89,60,.16);box-shadow:0 4px 18px rgba(62,42,25,.045)}
.product-card-image img{transition:transform .25s ease}
@media(hover:hover){.product-card:hover .product-card-image img{transform:scale(1.035)}}
.product-card-open{
  border:1px solid rgba(143,79,43,.29);
  padding:7px 11px;
  border-radius:9px;
  background:#fbf1e8;
  text-decoration:none;
}
.product-card-link:focus-visible{outline:3px solid #b8764f;outline-offset:2px}
@media(max-width:820px){
  .babincan-home .babincan-hero-home{grid-template-columns:1fr;padding:23px 22px 25px;gap:18px}
  .babincan-home .babincan-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .babincan-hero-quicklinks{grid-column:1/-1}
  .babincan-home .babincan-benefits{gap:9px}
  .babincan-home .babincan-benefit{padding:13px 12px;gap:8px}
}
@media(max-width:600px){
  .babincan-home .babincan-hero-home{padding:19px 18px 22px;gap:17px}
  .babincan-home .babincan-hero-copy h1{font-size:1.55rem;line-height:1.18}
  .babincan-home .babincan-hero-copy p{font-size:.9rem}
  .babincan-home .babincan-hero-actions{grid-template-columns:1fr}
  .babincan-home .babincan-hero-actions>.btn{padding:12px 15px;min-height:45px}
  .babincan-home .babincan-benefits{grid-template-columns:1fr;gap:8px;margin-top:11px}
  .babincan-home .babincan-benefit{padding:11px 13px;align-items:center}
  .babincan-home .babincan-benefit-icon{width:30px;height:30px;font-size:1.05rem}
  .babincan-home .babincan-section-heading{display:block;margin-bottom:15px}
  .babincan-home .babincan-section-link{display:inline-block;margin-top:5px}
  .product-card-open{padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){.product-card-image img{transition:none}.product-card:hover .product-card-image img{transform:none}}

/* =============================================================
   BABINČAN v9 – lesná zelená, orechová hnedá a teplý krém
   Vizuálna úprava naprieč webom. Bez nových obrázkov, písiem a JS.
   ============================================================= */
:root{
  --brown:#74452e;
  --cream:#f8f5ef;
  --ink:#29241f;
  --line:#e2d7c8;
  --bb-pine:#14644d;
  --bb-pine-hover:#0b4c3a;
  --bb-pine-soft:#e9f5ef;
  --bb-honey:#9a6131;
  --bb-warm-white:#fffdfa;
  --bb-focus:#14644d;
}
/* Necháva drevené pozadie, ale text a obsah lepšie vystupujú. */
body{
  background-image:linear-gradient(rgba(250,247,242,.85),rgba(250,247,242,.85)),url("../images/babincan-background.webp") !important;
}
.site-header{
  background:rgba(255,253,250,.97)!important;
  border-bottom:2px solid rgba(20,100,77,.15)!important;
  box-shadow:0 5px 18px rgba(51,36,24,.07);
}
.babincan-brandmark{color:var(--brown)}
.babincan-brandcopy small{color:#66594d}
.babincan-icon-link{color:#312c27}
.babincan-icon-link:hover,
.babincan-icon-link:focus-visible,
.babincan-icon-link.is-active{
  background:var(--bb-pine-soft);
  color:var(--bb-pine);
}
.babincan-icon-link.is-active::after{background:var(--bb-pine)}
.babincan-icon-link:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{outline:3px solid var(--bb-focus);outline-offset:3px}

/* CTA tlačidlá: zelená má byť jasný signál „pokračovať“. */
.btn,
.product-order-actions>a.btn:first-child,
.babincan-order-submit,
.babincan-contact-form-button{
  background:var(--bb-pine);
  border-color:var(--bb-pine);
  color:#fff;
}
.btn:hover,
.product-order-actions>a.btn:first-child:hover,
.babincan-order-submit:hover,
.babincan-contact-form-button:hover{
  background:var(--bb-pine-hover);
  border-color:var(--bb-pine-hover);
  color:#fff;
}
.btn-outline,
.product-order-actions .btn-outline{
  background:#fffdf9;
  color:var(--brown);
  border:1px solid #c8aa91;
}
.btn-outline:hover,
.product-order-actions .btn-outline:hover{
  color:var(--brown);
  background:#f5e9dc;
  border-color:#b39277;
}
/* Messenger zostáva rozlíšiteľný ako alternatívna možnosť. */
.product-order-actions .btn-messenger-product{
  background:#218b57;
  border-color:#218b57;
  color:#fff;
}
.product-order-actions .btn-messenger-product:hover{background:#176c43;border-color:#176c43}
.product-order-actions .btn-share-product{
  background:var(--bb-warm-white);
  color:var(--brown);
  border-color:#c8aa91;
}
.product-order-actions .btn-share-product:hover{background:#f5e9dc;color:var(--brown)}

/* Úvodná obrazovka, karty benefitov a kategórie. */
.babincan-home .babincan-hero-home{
  background:linear-gradient(115deg,rgba(255,253,249,.98) 0%,rgba(242,248,241,.97) 100%);
  border-bottom:3px solid rgba(20,100,77,.20);
}
.babincan-home .babincan-hero-copy h1,
.babincan-home .babincan-section-heading h2{color:#443025}
.babincan-home .babincan-hero-copy p,
.babincan-home .babincan-section-heading p{color:#574d44}
.babincan-home .babincan-hero-primary{
  background:var(--bb-pine);
  color:#fff;
  border:1px solid var(--bb-pine);
  box-shadow:0 6px 16px rgba(20,100,77,.15);
}
.babincan-home .babincan-hero-primary:hover{background:var(--bb-pine-hover);border-color:var(--bb-pine-hover)}
.babincan-home .babincan-hero-secondary{background:#fffdf9;color:var(--brown);border-color:#c9ad92}
.babincan-home .babincan-hero-secondary:hover{background:#f6eadd;color:var(--brown)}
.babincan-home .babincan-benefit{
  border-color:rgba(20,100,77,.18);
  background:rgba(255,253,249,.96);
  box-shadow:0 5px 15px rgba(35,58,44,.045);
}
.babincan-home .babincan-benefit-icon{
  background:var(--bb-pine-soft);
  color:var(--bb-pine);
}
.babincan-home .babincan-benefit strong{color:#3e3128}
.babincan-home .babincan-benefit div>span{color:#5d544a}
.babincan-home .babincan-section-kicker,
.babincan-home .babincan-section-link,
.babincan-hero-quicklinks{color:var(--bb-pine)}

/* Výrobky: neutrálna karta, jemná zelená interakcia, ceny hnedé. */
.product-card,
.blog-item,
.item-page,
.product-info-column,
.product-description,
.babincan-favorite-card,
.babincan-contact-form-toggle{
  border-color:rgba(116,69,46,.15);
  box-shadow:0 6px 22px rgba(49,42,34,.045);
}
.product-card:hover,
.blog-item:hover,
.babincan-favorite-card:hover{
  border-color:rgba(20,100,77,.35);
  box-shadow:0 9px 24px rgba(20,100,77,.10);
}
.product-price,.product-card-price,.babincan-favorite-price span,
.product-variant-price{color:var(--brown)}
.product-card-open{
  background:var(--bb-pine-soft);
  border-color:rgba(20,100,77,.25);
  color:var(--bb-pine);
}
.product-card-open:hover{background:#d8eee2;color:var(--bb-pine-hover)}
.product-thumb.active{border-color:var(--bb-pine)}
.product-variants-table{border-color:rgba(20,100,77,.18)}

/* Kategórie používajú veľa starších !important pravidiel. */
.homepage-categories .babincan-category-card{
  background:rgba(255,253,250,.98)!important;
  border-color:#ddd7cb!important;
  box-shadow:0 3px 12px rgba(48,40,30,.035)!important;
}
.homepage-categories .babincan-category-card:hover,
.homepage-categories .babincan-category-card:focus-visible,
.homepage-categories .babincan-category-card.active{
  background:#eff8f2!important;
  border-color:#74a890!important;
  box-shadow:0 9px 23px rgba(20,100,77,.12)!important;
}
.homepage-categories .babincan-category-copy strong{color:#302921!important}
.homepage-categories .babincan-category-copy small,
.homepage-categories .babincan-category-count{color:#665a4f!important}
.homepage-categories .babincan-category-icon{background:#f7f1e9!important}
.homepage-categories li>a:hover,
.homepage-categories li.active>a{background:#eaf5ef!important;border-color:#74a890!important}

/* Formulár – zachované rozmery a funkcie, lepšie vizuálne vedenie. */
.babincan-order-panel{
  background:linear-gradient(160deg,#fffdf9 0%,#f5faf5 100%);
  border:1px solid rgba(20,100,77,.25);
  box-shadow:0 9px 28px rgba(20,100,77,.06);
}
.babincan-order-panel h2{color:var(--brown)}
.babincan-order-product{background:#eaf5ef;color:#264c3e;border-left:4px solid var(--bb-pine)}
.babincan-order-fields label{color:#41372e}
.babincan-order-fields input,
.babincan-order-fields select,
.babincan-order-fields textarea{background:#fff;border-color:#bcbeb5;color:#2d2925}
.babincan-order-fields input:focus,
.babincan-order-fields select:focus,
.babincan-order-fields textarea:focus{
  border-color:var(--bb-pine);
  outline:2px solid rgba(20,100,77,.34);
  outline-offset:1px;
}
.babincan-order-privacy input{accent-color:var(--bb-pine)}
.babincan-order-privacy a{color:var(--bb-pine)}
.babincan-order-privacy a:focus-visible{outline:2px solid var(--bb-pine)}
.babincan-order-submit{box-shadow:0 6px 16px rgba(20,100,77,.17)}
.babincan-order-note{color:#5b524b}
.babincan-order-success{border-color:#7ea98d;background:#eaf7ed;color:#205338}

/* Navigácia strán, kontaktný formulár, pätička a GDPR oznam. */
.pagination .active>a,.pagination .active>span,
.pagination .page-item.active .page-link,
.pagination-list .active>a,.pagination-list .active>span,
.pagination a:hover,.pagination .page-link:hover,.pagination-list a:hover{
  background:var(--bb-pine)!important;color:#fff!important;border-color:var(--bb-pine)!important;
}
.pagination a,.pagination .page-link,.pagination-list a{
  border-color:rgba(20,100,77,.32)!important;
  color:var(--bb-pine)!important;
}
.pagination a:hover,.pagination .page-link:hover,.pagination-list a:hover{color:#fff!important}
.babincan-privacy-box{background:#fffcf8;border-color:#d8d4c7}
.babincan-privacy-primary{background:var(--bb-pine);border-color:var(--bb-pine);color:#fff}
.babincan-privacy-primary:hover{background:var(--bb-pine-hover)}
.babincan-privacy-link{color:var(--bb-pine)}
.site-footer{border-top:3px solid rgba(20,100,77,.26)!important}
.site-footer .babincan-footer-visits{background:#eff7f1!important;border-color:#cbded2!important}
.babincan-visit-number,.babincan-visit-row strong{color:var(--bb-pine)!important}
.site-footer a:hover,.babincan-footer-panel a:hover,
.babincan-footer-rules .mod-menu>li>a:hover{color:var(--bb-pine)!important}
@media(hover:none){
  .product-card:hover,.blog-item:hover,.babincan-favorite-card:hover{box-shadow:0 6px 22px rgba(49,42,34,.045)}
}
@media(prefers-reduced-motion:reduce){
  .babincan-icon-link,.product-card,.babincan-benefit{transition:none}
}


/* ================================================================
   BABINČAN v10 — čistá mobilná hlavička, hero a CTA
   Bez JavaScriptu; pôvodný formulár, e-maily, GDPR a WebP ponechané.
   ================================================================ */

/* V detailoch má objednávka jednoznačnú vizuálnu prioritu. */
.product-order-actions #babincanShowOrderForm{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  text-align:center;
  background:var(--bb-pine);
  border:1px solid var(--bb-pine);
  color:#fff;
  box-shadow:0 5px 15px rgba(20,100,77,.15);
}
.product-order-actions #babincanShowOrderForm:hover{
  background:var(--bb-pine-hover);
  border-color:var(--bb-pine-hover);
  color:#fff;
}
.product-order-actions .btn-messenger-product{
  background:#fffdf9;
  border:2px solid var(--bb-pine);
  color:var(--bb-pine);
  box-shadow:none;
}
.product-order-actions .btn-messenger-product:hover{
  background:var(--bb-pine-soft);
  border-color:var(--bb-pine-hover);
  color:var(--bb-pine-hover);
}
.product-price-wrap{margin:6px 0 11px}
.product-price-wrap .product-price{margin:0}
.product-facts{margin-bottom:16px}

@media(max-width:700px){
  .product-order-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .product-order-actions #babincanShowOrderForm,
  .product-order-actions .btn-messenger-product{
    grid-column:1 / -1;
    width:100%;
    min-width:0;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .product-order-actions .btn-share-product,
  .product-order-actions > a[href^="tel:"]{
    grid-column:auto;
    width:100%;
    min-width:0;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:9px 5px;
    text-align:center;
    font-size:.87rem;
  }
}

/* Mobilné zariadenia: logo má vlastný riadok a nie je prekryté menu. */
@media(max-width:600px){
  .site-header .site-wrap.babincan-topbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr);
    justify-content:stretch !important;
    align-items:stretch !important;
    min-height:0 !important;
    gap:3px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
  }
  .site-header .babincan-brandmark{
    flex:none !important;
    min-width:0 !important;
    width:max-content;
    max-width:100%;
    justify-self:center;
    gap:7px !important;
    min-height:37px;
  }
  .site-header .babincan-brandmark img{
    width:35px !important;
    height:35px !important;
    flex:0 0 35px;
  }
  .site-header .babincan-brandcopy{
    min-width:0 !important;
  }
  .site-header .babincan-brandcopy strong{
    display:block;
    font-size:clamp(16px,4.5vw,20px) !important;
    white-space:nowrap !important;
    line-height:1.1 !important;
    letter-spacing:.035em;
  }
  .site-header .babincan-icon-nav{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    width:100%;
    min-width:0 !important;
    gap:2px !important;
    overflow:visible !important;
    padding:0 !important;
  }
  .site-header .babincan-icon-link{
    min-width:0 !important;
    min-height:47px !important;
    padding:4px 1px 6px !important;
    font-size:10px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    text-align:center;
    border-radius:8px;
  }
  .site-header .babincan-icon-link svg{
    width:20px !important;
    height:20px !important;
    flex:none;
  }
  .site-header .babincan-icon-link.is-active::after{
    bottom:1px !important;
    left:24% !important;
    right:24% !important;
    height:2px !important;
  }

  /* Fotografie v mobilnom bannere majú vhodný výrez namiesto drobných popisov. */
  .hero-banner{margin-top:12px}
  .hero-banner picture img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:13 / 7;
    object-fit:cover;
  }
  .babincan-home .babincan-hero-home{
    padding:15px 16px 17px;
    gap:12px;
  }
  .babincan-home .babincan-hero-copy h1{
    font-size:clamp(1.34rem,5.9vw,1.56rem);
    line-height:1.17;
    margin:10px 0 9px;
  }
  .babincan-home .babincan-hero-copy p{
    font-size:.88rem;
    line-height:1.5;
  }
  .babincan-home .babincan-hero-actions{gap:9px}
  .babincan-home .babincan-hero-actions > .btn{
    min-height:44px;
    padding:10px 14px;
    font-size:.9rem;
  }
  .babincan-home .babincan-hero-quicklinks{padding-top:1px}
  .babincan-home .babincan-benefits{gap:8px;margin-top:10px}
  .babincan-home .babincan-benefit{padding:10px 12px}
  .babincan-order-panel{scroll-margin-top:115px}
}


/* ================================================================
   BABINČAN v11 — zarovnané katalógové karty a menšie mobilné titulky.
   Zachováva grid rozloženie v10, zeleno-krémové farby a WebP.
   ================================================================ */

/* Rovnaké rozloženie pre úvodné a kategóriové výrobky. */
.product-card {
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
}
.product-card-link {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  height:auto;
  min-width:0;
}
.product-card-body {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-width:0;
}
/* Až tri riadky názvu — ceny začínajú v rovnakej výške. */
.product-card-title {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  overflow-wrap:break-word;
  font-size:16px !important;
  line-height:1.25 !important;
  min-height:3.75em;
  max-height:3.75em;
  margin:0 0 8px !important;
}
.product-card-meta {
  margin:0 0 6px !important;
  min-height:1.85rem;
}
.product-card-price-wrap {
  min-width:0;
  flex-wrap:wrap;
}
.product-card-time {
  margin:4px 0 10px !important;
  line-height:1.35;
}
/* Tlačidlo sa drží na spodnom okraji každej karty. */
.product-card-open {
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:stretch;
  min-height:36px;
  margin-top:auto;
  padding:8px 7px !important;
  text-align:center;
  line-height:1.25;
}
@media (max-width:520px) {
  .product-card-title {
    font-size:13.5px !important;
    line-height:1.25 !important;
    min-height:3.75em;
    max-height:3.75em;
  }
  .product-card-price {
    font-size:17px !important;
  }
  .product-card-open {
    font-size:11.5px !important;
    min-height:35px;
    padding:7px 5px !important;
  }
  .product-card-meta { min-height:1.75rem; }
}
@media (max-width:360px) {
  .product-card-title { font-size:13px !important; }
}

/* BABINCAN v12: champagne gold palette; original banner and functionality unchanged */
:root{--brown:#98610e;--cream:#fffaf1;--ink:#29231f;--line:#e9dcc3;--gold:#a56a10;--gold-light:#dba53d}
body{background:var(--cream)}
.site-header{background:#fffdf9;border-bottom-color:#e4c995}
.brand{color:#76500f}
.main-nav a:hover,.main-nav a:focus-visible{color:#93600b;text-decoration:underline;text-underline-offset:5px}
.hero-banner{box-shadow:0 8px 28px rgba(99,65,16,.07)}
.hero-info{background:#fffdf8;border-color:#ead9b8}
.pill{background:#f7e9cc;color:#76500f}
.btn{background:#98610e;color:#fff;border-color:#98610e;transition:background-color .2s ease,box-shadow .2s ease}
.btn:hover,.btn:focus-visible{background:#744806;color:#fff;box-shadow:0 3px 12px rgba(104,68,9,.16)}
.btn-outline{background:#fff;color:#80540b;border:1px solid #bd9653}
.btn-outline:hover,.btn-outline:focus-visible{background:#f8edd5;color:#593700}
.blog-item,.item-content,.item-page,.product-card{border-color:#e9dcc3}
.product-card{box-shadow:0 4px 18px rgba(110,77,24,.055)}
.product-card:hover{border-color:#c9a35c}
.product-card-price,.product-card-price-new{color:#93600b}
.site-footer{border-top-color:#e4c995}
a:focus-visible,button:focus-visible{outline:3px solid #c28a20;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}

/* BABINCAN v13 - visible gold design */
:root{--brown:#ad7518;--cream:#fffaf1;--ink:#2b241c;--line:#e8d5ae;--gold:#ad7518;--gold-light:#e0ae4b}
body{background:#fffaf1;color:#2b241c}
.site-header{background:#fffdf8;border-bottom:2px solid #d8ac58}
.main-nav{background:linear-gradient(90deg,#98610e,#d5a03c,#98610e)!important;color:#fff!important}
.main-nav a,.main-nav .mod-menu a{color:#fff!important}
.main-nav a:hover,.main-nav a:focus-visible{background:rgba(255,255,255,.16)!important;color:#fff!important}
.btn,.product-card .btn,button.btn{background:linear-gradient(135deg,#d8a03b,#98610e)!important;color:#fff!important;border:1px solid #a77319!important}
.btn:hover,.product-card .btn:hover{background:#81500a!important;color:#fff!important}
.btn-outline{background:#fffdf7!important;color:#8a5a0e!important;border:1px solid #b88934!important}
.product-card,.blog-item{background:#fff;border:1px solid #ead7b2!important;box-shadow:0 4px 14px rgba(117,79,19,.10)}
.product-card-price,.product-card-price-new{color:#a36b0d!important}
.site-footer{border-top:3px solid #c69537;background:#fff8eb}