/* ===================================================== */
/* PRODUKT – VARIANTY + CENOVÝ PREHLED (FINÁLNÍ CISTÁ) */
/* ===================================================== */


/* ============================= */
/* VARIANTY – KARTA (silný stabilní stín) */
/* ============================= */
.product-variants,
.variants,
.p-variants{
  margin-top:12px !important;
  padding:22px 20px 20px !important;

  border:none !important;
  border-radius:18px !important;
  background:#ffffff !important;

  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    0 40px 100px rgba(0,0,0,.22) !important;

  transition:none !important;
}


/* ============================= */
/* SELECT – cerné orámování + silnejší stín */
/* ============================= */
.p-detail-inner .variant-list select{
  width:100% !important;
  padding:14px 44px 14px 16px !important;

  font-size:16px !important;
  font-weight:600 !important;
  color:#000 !important;

  border:1.5px solid rgba(0,0,0,.60) !important;
  border-radius:14px !important;
  background:#ffffff !important;

  box-shadow:
    0 14px 40px rgba(0,0,0,.32),
    0 40px 100px rgba(0,0,0,.30) !important;

  margin-bottom:20px !important;

  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:18px 18px !important;

  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;

  transition:none !important;
}

.p-detail-inner .variant-list select:focus{
  outline:none !important;
  border-color:rgba(0,0,0,.75) !important;
  box-shadow:
    0 16px 40px rgba(0,0,0,.36),
    0 42px 120px rgba(0,0,0,.32) !important;
}


/* ============================= */
/* CENOVÝ PREHLED */
/* ============================= */
.cenovy-prehled{
  margin:10px 0 14px !important;
  display:grid;
  gap:6px;
  font-size:14px;
  line-height:1.35;
}

.cenovy-prehled .radek{
  display:grid;
  grid-template-columns: 80px 75px 85px 1fr;
  align-items:baseline;
  column-gap:8px;
}

.cenovy-prehled .baleni{ font-weight:600; }

.cenovy-prehled .cena{
  font-weight:600;
  text-align:right;
}

.cenovy-prehled .ks{
  text-align:right;
  color:#444;
}

.cenovy-prehled .meta{
  font-size:12.5px;
  color:#777;
  white-space:nowrap;
}


/* ============================= */
/* CENA – DESKTOP */
/* ============================= */
@media (min-width:769px){
  .p-detail-inner .price-final{
    font-weight:700 !important;
    font-size:28px !important;
  }
}


/* ============================= */
/* SKRÝT – "Mužeme dorucit do..." */
/* ============================= */
.shipping-availability{
  display:none !important;
}

/* ===================================== */
/* DESKTOP – sjednocení ceny a skladu */
/* ===================================== */

/* Schovat systémové Skladem (ponecháme custom-stock) */
@media (min-width:769px){
  .p-detail-inner .order-availability{
    display:none !important;
  }
}

/* 2?Styl našeho Skladem */
@media (min-width:769px){
  .p-detail-inner .custom-stock{
    display:block !important;
    margin:6px 0 0 !important;
    color:#2e7d32 !important;
    font-weight:600 !important;
    font-size:16px !important;
  }
}

/* Hlavní cena – silnejší dominance */
@media (min-width:769px){
  .p-detail-inner .price-final{
    font-size:34px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
  }
}

/* Prepocet /100 g – tmavší a citelnejší */
@media (min-width:769px){
  .p-detail-inner .price-measure{
    font-size:15px !important;
    color:#555 !important;
    font-weight:500 !important;
    opacity:1 !important;
  }
}

/* ============================= */
/* MOBIL – finální rozložení */
/* ============================= */
@media (max-width:768px){

  /* ladení posunu (1 císlo pro cenu i skladem) */
  :root{
    --lift: 60px; /* když chceš víc/mín: 50–90px */
  }

  /* mobil: sloupce pod sebe */
  .p-detail-inner .row{
    display:flex;
    flex-direction:column;
  }
  .p-detail-inner .col-md-4{ order:1; }
  .p-detail-inner .col-md-8{ order:2; }

  /* skrýt duplicitní "zvolte variantu" labely */
  .p-detail-inner .choose-variant,
  .p-detail-inner .variant-label{
    display:none !important;
  }

  /* vetší krátký popis */
  .p-short-description{
    font-size:18px !important;
    line-height:1.35 !important;
    margin:8px 0 14px !important;
  }

  /* cenový prehled na mobilu do rádku */
  .cenovy-prehled .radek{
    display:flex;
    align-items:center;
    gap:6px;
  }
  .cenovy-prehled .baleni{ min-width:90px; }
  .cenovy-prehled .cena{ min-width:70px; }
  .cenovy-prehled .meta{
    margin-left:auto;
    font-size:12px;
  }

  /* tlacítko */
  .btn.add-to-cart,
  button.add-to-cart{
    font-size:16px !important;
    padding:12px 18px !important;
    border-radius:10px !important;
  }

  /* --- funkcní vytažení ceny nahoru (to už ti funguje) --- */
  .p-detail-inner .price-final{
    font-size:26px !important;
    font-weight:700 !important;
    position:relative !important;
    transform:translateY(calc(-1 * var(--lift))) !important;
    z-index:6 !important;
    margin:0 !important;
  }

  /* --- "Skladem" vytáhnout hned pod cenu + stáhnout mezery --- */
  .p-detail-inner .order-availability{
    position:relative !important;
    transform:translateY(calc(-1 * var(--lift))) !important;
    z-index:5 !important;

    margin:2px 0 0 !important;
    padding:0 !important;
  }

  .p-detail-inner .order-availability .availability{
    display:block !important;
    margin:2px 0 0 !important;
    padding:0 !important;
    line-height:1.2 !important;
  }

  /* kdyby "Skladem" melo extra margin pres vnitrní wrapper */
  .p-detail-inner .order-availability .availability *{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}

/* ===================================================== */
/* MOBIL – FINÁLNÍ: cena + skladem tesne pod sebou, bez duplicity */
/* ===================================================== */
@media (max-width:768px){

  /* 1) ZRUŠIT druhé (tvoje) ? Skladem – necháme jen systémové zelené */
  .p-detail-inner .custom-stock{
    display:none !important;
  }

  /* 2) CENU netahat pres transform (ten nechává prázdné místo) */
  .p-detail-inner .price-final{
    transform:none !important;
    margin-top:calc(-1 * var(--lift)) !important; /* vytáhne cenu nahoru a ZRUŠÍ mezeru */
    margin-bottom:4px !important;
  }

  /* 3) Rádek „Skladem“ hned pod cenu (systémový) */
  .p-detail-inner .order-availability{
    transform:none !important;
    margin-top:2px !important;
    padding-top:0 !important;
  }

  .p-detail-inner .order-availability .availability{
    margin:0 !important;
    line-height:1.15 !important;
  }

  /* 4) Cena za 100g – at je hezky pod skladem a ne rozkouskovaná */
  .p-detail-inner .price-measure{
    display:block !important;
    margin-top:2px !important;
    opacity:.75 !important;
  }
}

/* ===================================================== */
/* MOBIL – FINÁL: jedno "Skladem" vždy (custom-stock) */
/* ===================================================== */
@media (max-width:768px){

  /* CENA – vytáhnout nahoru a skutecne zrušit mezeru */
  .p-detail-inner .price-final{
    transform:none !important;
    margin-top:calc(-1 * var(--lift)) !important;
    margin-bottom:2px !important;
  }

  /* PREPOCET / 100 g – necháme, jen stáhneme mezeru */
  .p-detail-inner .price-measure{
    display:block !important;
    margin:2px 0 0 !important;
    opacity:.75 !important;
  }

  /* "SKLADEM" – vrátit a dát hned pod cenu (viditelné i pred volbou varianty) */
  .p-detail-inner .custom-stock{
    display:block !important;
    margin:2px 0 0 !important;
    padding:0 !important;
    line-height:1.15 !important;

    /* at pusobí jako systémové zelené */
    color:#2e7d32 !important;
    font-weight:600 !important;
    font-size:16px !important;
  }

  /* Systémové (zelené) "Skladem" schovat, at není duplicita po volbe varianty */
  .p-detail-inner .order-availability{
    display:none !important;
  }
}

/* ===================================== */
/* MOBIL – vetší hlavní cena */
/* ===================================== */
@media (max-width:768px){

  .p-detail-inner .price-final{
    font-size:32px !important;   /* ted máš cca 26px */
    font-weight:700 !important;
    line-height:1.1 !important;
  }

}

/* ===================================== */
/* MOBIL – vetší prepocet za 100 g */
/* ===================================== */
@media (max-width:768px){

  .p-detail-inner .price-measure{
    font-size:15px !important;   /* ted máš cca 12–13px */
    line-height:1.2 !important;
    opacity:.85 !important;      /* lehce výraznejší */
  }

}

/* ===================================== */
/* MOBIL – výraznejší prepocet /100 g */
/* ===================================== */
@media (max-width:768px){

  .p-detail-inner .price-measure{
    color:#555 !important;      /* místo svetle šedé */
    font-weight:500 !important; /* lehce silnejší */
    opacity:1 !important;       /* zruší zesvetlení */
  }

}

/* ===================================== */
/* MOBIL – zrušení mezery pod cenou */
/* ===================================== */
@media (max-width:768px){

  /* zruší prázdný rádek pod skladem */
  .p-detail-inner .spaced-small{
    display:none !important;
  }

  /* stáhnout horní mezeru košíkového bloku */
  .p-detail-inner .add-to-cart{
    margin-top:6px !important;
  }

  /* prípadne stáhnout ješte quantity rádek */
  .p-detail-inner .quantity{
    margin-top:0 !important;
  }

}

/* ===================================== */
/* MOBIL – zmenšení horní mezery stránky */
/* ===================================== */
@media (max-width:768px){

  .overall-wrapper{
    padding-top: 4px !important;
  }

}

/* ===================================== */
/* MOBIL – zmenšení mezery pod H1 */
/* ===================================== */
@media (max-width:768px){

  .p-detail-inner h1{
    margin-bottom: 0px !important;
  }

  .p-detail-inner .p-short-description{
    margin-top: 4px !important;
  }

}

/* ===================================== */
/* HLAVNÍ CTA – Pridat do košíku (Shoptet) */
/* ===================================== */

button.add-to-cart-button,
.btn-cart,
.btn.btn-cart {

  width: 100% !important;

  background: #1f5f3b !important;
  border: none !important;
  color: #ffffff !important;

  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;

  padding: 16px 20px !important;
  border-radius: 12px !important;

  box-shadow:
    0 10px 24px rgba(0,0,0,.18),
    0 4px 10px rgba(0,0,0,.12) !important;

  transition: all .18s ease !important;
}


/* Desktop hover efekt */
@media (min-width: 769px) {

  button.add-to-cart-button:hover,
  .btn-cart:hover {

    background: #174a2e !important;

    box-shadow:
      0 14px 30px rgba(0,0,0,.22),
      0 6px 14px rgba(0,0,0,.16) !important;

    transform: translateY(-2px);
  }
}


/* Aktivní kliknutí */
button.add-to-cart-button:active,
.btn-cart:active {

  transform: translateY(0px);

  box-shadow:
    0 6px 14px rgba(0,0,0,.18) !important;
}

/* ===================================== */
/* MOBIL – zobrazit plné textové CTA */
/* ===================================== */

@media (max-width: 768px){

  /* Skrýt ikonové tlacítko */
  .btn-icon.btn-cart{
    display:none !important;
  }

  /* Zobrazit klasické CTA */
  .btn-conversion,
  .btn.btn-conversion,
  button.btn-conversion{
    display:block !important;
    width:100% !important;
  }

}

#parameter-id-22 option[value=""] {
  display: none;
}

/* ===================================== */
/* HLAVNÍ CTA – výraznejší barevný stín */
/* ===================================== */

.p-detail-inner .add-to-cart .btn-conversion {

    box-shadow: 
        0 12px 28px rgba(0, 0, 0, 0.28),
        0 0 0 3px rgba(31, 95, 59, 0.20),
        0 8px 20px rgba(31, 95, 59, 0.25) !important;

    transition: all 0.2s ease !important;
}

.p-detail-inner .add-to-cart .btn-conversion:hover {

    box-shadow: 
        0 18px 38px rgba(0, 0, 0, 0.32),
        0 0 0 4px rgba(31, 95, 59, 0.25),
        0 12px 28px rgba(31, 95, 59, 0.35) !important;

    transform: translateY(-2px);
}

/* ===================================== */
/* MOBIL – mezera mezi quantity a CTA */
/* ===================================== */

@media (max-width: 768px){

  .p-detail-inner .add-to-cart {
    display: flex;
    align-items: center;
    gap: 12px; /* mezera mezi množstvím a tlacítkem */
  }

  .p-detail-inner .add-to-cart .btn-conversion {
    width: auto !important;
    flex: 1;
    margin-left: 8px;
  }

}

/* ===================================== */
/* CTA – jemné dýchání (spolehlivá verze) */
/* ===================================== */

@keyframes ctaBreath {
  0% { transform: scale(1); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1); }
}

.p-detail-inner button.btn.btn-conversion {
  animation: ctaBreath 3s ease-in-out infinite !important;
}

/* ===================================== */
/* DETAIL PRODUKTU – skrýt množství */
/* ===================================== */

.p-detail-inner .quantity,
.p-detail-inner .amount,
.p-detail-inner .quantity-wrapper {
  display: none !important;
}


/* ===================================== */
/* Cenový prehled – Apple clean verze */
/* ===================================== */

/* Základ meta textu */
.cenovy-prehled .meta {
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 13px;
}

/* 3 balení – hlavní volba */
.cenovy-prehled .radek:nth-child(2) .meta {
  color: #1f6f43;
  font-weight: 600;
}

/* 5 balení – sekundární */
.cenovy-prehled .radek:nth-child(3) .meta {
  color: #777;
  font-weight: 500;
}

/* ===================================== */
/* Cenový prehled – typografická hierarchie */
/* ===================================== */

/* 1 balení – neutrální */
.cenovy-prehled .radek:nth-child(1) .cena {
  color: #000;
  font-weight: 600;
}

/* 3 balení – hlavní volba */
.cenovy-prehled .radek:nth-child(2) .meta {
  color: #333;
  font-weight: 600;
}

/* 5 balení – lehce sekundární */
.cenovy-prehled .radek:nth-child(3) .meta {
  color: #888;
  font-weight: 500;
}

/* ===================================== */
/* MOBIL – DEFINITIVNE SKRÝT LOGO (TANGO) */
/* ===================================== */

@media (max-width: 768px){

  #header .site-name{
    display:none !important;
  }

}

/* ===================================== */
/* MOBIL – stáhnout obsah blíže k hlavicce */
/* ===================================== */

@media (max-width: 768px){

  /* zruší horní padding wrapperu stránky */
  .overall-wrapper{
    padding-top: 0 !important;
  }

  /* stáhne horní mezeru hlavního kontejneru */
  #content,
  .content-wrapper,
  .container{
    margin-top: -0px !important;
  }

  /* jemné doladení nadpisu produktu */
  .p-detail-inner h1{
    margin-top: 0 !important;
  }

}
/* ===================================== */
/* MOBIL – jemné odsazení pod hlavickou */
/* ===================================== */

@media (max-width: 768px){

  .p-detail-inner{
    padding-top: 6px !important;   /* uprav mezi 4–10px podle oka */
  }

}

/* ===================================== */
/* MOBIL – hamburger vlevo, košík vpravo */
/* ===================================== */

@media (max-width: 768px){

  /* 1?? Skrytí lupy */
  .btn.btn-icon.toggle-window[data-target="search"],
  .navigation-search {
    display: none !important;
  }

  /* 2?? Kontejner ikon roztáhnout pres celý header */
  .subnav-right{
    width:100% !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
  }

  /* 3?? Otocit poradí – hamburger vlevo */
  .nav-list.navigation-buttons{
    width:100% !important;
    display:flex !important;
    justify-content:space-between !important;
  }

  /* hamburger první */
  .nav-list.navigation-buttons .menu-trigger{
    order:1 !important;
  }

  /* košík druhý */
  .nav-list.navigation-buttons .cart-count{
    order:2 !important;
  }

}

/* ===================================== */
/* MOBIL – vetší a více vlevo hamburger  */
/* ===================================== */

@media (max-width: 768px){

  /* posun více doleva */
  .nav-list.navigation-buttons .menu-trigger{
    padding-left: 0 !important;
    margin-left: -4px !important;   /* mužeš upravit -2 až -8 */
  }

  /* sjednocení velikosti ikon */
  .nav-list.navigation-buttons .btn.btn-icon{
    font-size: 24px !important;     /* zvetšení ikon */
  }

  /* extra zvýraznení hamburgeru */
  .nav-list.navigation-buttons .menu-trigger{
    font-size: 28px !important;     /* o chlup vetší než košík */
  }

}

/* ===================================== */
/* MOBIL – finální úprava header ikon */
/* ===================================== */

@media (max-width: 768px){

  /* 1?? Celý pravý blok ikon roztáhnout */
  .subnav-right{
    width:100% !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    padding:0 6px !important;
  }

  /* 2?? Kontejner tlacítek */
  .nav-list.navigation-buttons{
    width:100% !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
  }

  /* 3?? Hamburger – zvetšení skutecné plochy */
  .menu-trigger{
    transform: scale(1.3);
  }

  /* 4?? Košík – lehce stáhnout od kraje */
  .cart-count{
    margin-right:6px !important;
  }

}

/* ===================================== */
/* MOBIL – stáhnout obsah blíže k hlavicce */
/* ===================================== */

@media (max-width: 768px){

  .overall-wrapper{
    padding-top: 0 !important;
  }

  #content,
  .content-wrapper,
  .container{
    margin-top: 0 !important;
  }

  .p-detail-inner h1{
    margin-top: 0 !important;
  }

}


/* ===================================== */
/* MOBIL – jemné odsazení pod hlavickou */
/* ===================================== */

@media (max-width: 768px){

  .p-detail-inner{
    padding-top: 6px !important;
  }

}


/* ===================================== */
/* MOBIL – cistá verze headeru          */
/* ===================================== */

@media (max-width: 768px){

  /* skrytí lupy */
  .btn.btn-icon.toggle-window[data-target="search"],
  .navigation-search {
    display: none !important;
  }

  /* sjednocení barvy ikon */
  .nav-list.navigation-buttons .btn.btn-icon{
    color: #000 !important;
  }

}

/* ================================= */
/* MOBIL – VETŠÍ GALERIE CISTE       */
/* ================================= */

@media (max-width: 768px) {

    /* Mírne zvedneme galerii */
    .p-detail-inner .p-gallery {
        margin-top: 5px !important;
    }

    /* Zvetšíme jen prostor pro hlavní obrázek */
    .p-detail-inner .p-gallery .p-image {
        padding: 0 5px;
    }

    /* Obrázek necháme prirozene */
    .p-detail-inner .p-gallery img {
        transform: none !important;
    }

}

/* ================================= */
/* MOBIL – MINIATURY (FINÁL BALANCE)*/
/* ================================= */

@media (max-width: 768px) {

    .ext-p-thumbnails-horizontal {
        margin-top: 8px !important;
    }

    .p-thumbnail {
        border-radius: 8px;
        overflow: hidden;
        margin: 0 4px;
        background: #fff;
    }

    .p-thumbnail img {
        border-radius: 8px;
        display: block;
    }

    /* Jemné oddelení mezi miniaturami */
    .p-thumbnail:not(.highlighted) {
        box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

    /* Aktivní miniatura */
    .p-thumbnail.highlighted {
        box-shadow: 0 3px 8px rgba(31,95,59,0.25);
        transform: translateY(-1px);
    }

}

/* ================================= */
/* MINIATURY – posun aktivní tecky   */
/* ================================= */

.p-thumbnails a.p-thumbnail.highlighted::before{
    left: 2px !important;   /* zkus 6–10px */
}


/* ================================= */
/* MOBIL – oprava Bootstrap row     */
/* odstranení mrtvé výšky pod galerií */
/* ================================= */
@media (max-width: 768px){

  /* prepnutí row na vertikální layout */
  .p-detail-inner > .row{
    display: flex !important;
    flex-direction: column !important;
  }

  /* zrušit floaty bootstrapu */
  .p-detail-inner > .row > [class*="col-"]{
    float: none !important;
    width: 100% !important;
  }

  /* zrušit prípadné prázdné mezery */
  .p-detail-inner > .row > .col-md-4.pull-left{
    margin-top: 0 !important;
  }

}

/* ================================= */
/* MOBIL – oprava Bootstrap row     */
/* odstranení mrtvé výšky pod galerií */
/* ================================= */
@media (max-width: 768px){

  /* prepnutí row na vertikální layout */
  .p-detail-inner > .row{
    display: flex !important;
    flex-direction: column !important;
  }

  /* zrušit floaty bootstrapu */
  .p-detail-inner > .row > [class*="col-"]{
    float: none !important;
    width: 100% !important;
  }

  /* zrušit prípadné prázdné mezery */
  .p-detail-inner > .row > .col-md-4.pull-left{
    margin-top: 0 !important;
  }
}


/* ===================================== */
/* TYPOGRAFIE – finální stabilní verze    */
/* (bez konfliktu, zachová co funguje)    */
/* ===================================== */

/* Základ webu */
body{
  font-size: 16px !important;
  line-height: 1.7 !important;
}

/* Nadpisy v popisu produktu (H3) */
.product-description h3{
  font-size: 22px !important;     /* finální hodnota (vetší, citelné) */
  font-weight: 300 !important;    /* Apple clean */
  margin-top: 1.2em !important;
}

/* ===================================== */
/* POPIS – vetší i na desktopu */
/* ===================================== */

.shp-tab-link{
  font-size: 28px !important;
  font-weight: 300 !important;
  letter-spacing: 0.5px !important;
}

/* Desktop */
@media (min-width: 768px){
  .shp-tab-link{
    font-size: 30px !important;
  }
}


/* ===================================== */
/* PREMIUM HERO – krátký popis produktu */
/* ===================================== */

.p-short-description{
  font-size: 18px !important;
  line-height: 1.7 !important;
  font-weight: 300 !important;
  color: #222 !important;
  max-width: 520px;
  margin-bottom: 18px !important;
}

/* Desktop – ješte výraznejší */
@media (min-width: 992px){
  .p-short-description{
    font-size: 20px !important;
  }
}

/* ===================================== */
/* DESKTOP – zrušení breadcrumb + stažení obsahu nahoru */
/* (mobil nechat beze zmeny) */
/* ===================================== */
@media (min-width: 769px){

  /* 1) Skrytí breadcrumb (kategorie/produkt) – ruzné názvy tríd dle šablony */
  .breadcrumbs,
  .breadcrumb,
  .p-detail .breadcrumbs,
  .content-wrapper-in .breadcrumbs{
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 2) Stažení horní mezery v hlavním obsahu detailu */
  .content-wrapper-in{
    padding-top: 0 !important;
  }

  /* 3) Stažení prostoru nad názvem produktu */
  .p-detail-inner{
    padding-top: 0 !important;
  }

  /* 4) Nadpis produktu + krátký popis – menší mezery, aby byl videt CTA */
  .p-detail-inner h1,
  .p-detail-inner .p-detail-title{
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .p-short-description{
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  /* 5) Varianty/boxy – o neco blíž k popisu */
  .p-detail-inner .p-variants,
  .p-detail-inner .variant-list,
  .p-detail-inner .p-variants-block{
    margin-top: 10px !important;
  }

  /* 6) Cena + košík – stáhnout nahoru (jemne, at se nic nerozbije) */
  .p-detail-inner .price-wrapper,
  .p-detail-inner .add-to-cart-wrapper,
  .p-detail-inner .cart-wrapper{
    margin-top: 10px !important;
  }
}

/* ===================================== */
/* DESKTOP – skutecné vytáhnutí H1 nahoru */
/* ===================================== */
@media (min-width: 769px){

  /* stáhneme prostor pod headerem */
  .container.content-wrapper{
    padding-top: 0 !important;
  }

  /* stáhneme vnitrní odsazení */
  #content{
    padding-top: 0 !important;
    margin-top: -20px !important;
  }

  /* hlavní nadpis */
  .p-detail-inner h1{
    margin-top: 0 !important;
  }

}

/* ===================================== */
/* MOBIL – kompenzace fixed headeru */
/* ===================================== */
@media (max-width: 768px){

  /* odstranení breadcrumbs */
  .breadcrumbs,
  .breadcrumbs-wrapper,
  .navigation-home-icon-wrapper,
  .navigation-bullet,
  #navigation-1,
  #navigation-2{
    display: none !important;
  }

  /* kompenzace výšky mobilního headeru */
  body{
    padding-top: 42px !important;
  }

}

/* ===================================== */
/* HERO – kompaktnejší úvodní text */
/* desktop + mobil */
/* ===================================== */

.p-short-description p{
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
}

/* ===================================== */
/* DESKTOP – zmenšení výšky headeru */
/* (reálne zmenší logo) */
/* ===================================== */
@media (min-width: 992px){

  /* zmenší obrázkové logo */
  #header .site-name img{
      max-height: 90px !important;   /* zkus 90, prípadne 80 */
      height: auto !important;
  }

  /* stáhne prázdné místo kolem */
  #header .navigation-wrapper{
      padding-top: 10px !important;
      padding-bottom: 10px !important;
  }

}

/* DESKTOP – skrýt admin bar */
@media (min-width: 992px){
  .admin-bar{
      display: none !important;
  }
}

@media (min-width: 992px){

  #header .top-nav{
      padding-top: 4px !important;
      padding-bottom: 4px !important;
  }

}

@media (min-width: 992px){

  #header{
      margin-bottom: 5px !important;
  }

  #content{
      padding-top: 10px !important;
  }

}

/* ===================================== */
/* DESKTOP – jemné zvednutí oddelovací linky */
/* ===================================== */
@media (min-width: 992px){

  /* zmenší prostor pod navigací */
  #navigation{
      padding-bottom: 5px !important;
      margin-bottom: 5px !important;
  }

  /* pridá malý odstup nad obsahem */
  #content{
      margin-top: 0px !important;
  }

}

@media (min-width: 992px){

  header#header{
      padding-bottom: 0 !important;
  }

  header#header::after{
      bottom: -1px !important;
  }

}

/* ===================================== */
/* DESKTOP – úplné odstranení lupy */
/* ===================================== */

@media (min-width: 992px){

  .top-nav-right li:has(.icon-search){
      display: none !important;
  }

}

/* ===================================== */
/* TOOLTIP – zvetšení textu bubliny */
/* ===================================== */

.question-tooltip + .tooltip,
.tooltip-inner{
    font-size: 15px !important;   /* zkus 15 nebo 16 */
    line-height: 1.5 !important;
    padding: 10px 14px !important;
}

/* ===================================== */
/* PRODUKT – odstranení Kategorie / Tisk / Zeptat se */
/* ===================================== */

/* skryje rádek Kategorie */
.desc-info table{
    display: none !important;
}

/* skryje ikony TISK a ZEPTAT SE */
.social-buttons-wrapper{
    display: none !important;
}

/* ===================================== */
/* TANGO – odstranení pravého sloupce Kategorie */
/* ===================================== */

/* Skryje pravý sloupec */
.descr-info.col-md-4{
    display: none !important;
}

/* Roztáhne levý textový sloupec */
.descr-text.col-md-8{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* ===================================== */
/* TANGO – zmenšení mezery pod CTA */
/* ===================================== */

.p-detail-inner{
    margin-bottom: 20px !important;   /* puvodne 80px */
    padding-bottom: 10px !important;  /* puvodne 40px */
}

/* ===================================== */
/* PRODUKT – úprava nadpisu v POPISU */
/* ===================================== */

/* Mobil */
@media (max-width: 768px){
    .product-description h3{
        font-size: 21px !important; /* puvodne 22px */
    }
}

/* Desktop */
@media (min-width: 992px){
    .product-description h3{
        font-size: 27px !important; /* zkus 23px, prípadne 24px */
    }
}

/* ===================================== */
/* PRODUKT – vetší text odstavcu (desktop) */
/* ===================================== */

@media (min-width: 992px){

    /* bežné odstavce */
    .product-description p{
        font-size: 17px !important;   /* zkus 17px, prípadne 18px */
        line-height: 1.7 !important;
    }

    /* seznamy (odrážky) */
    .product-description li{
        font-size: 20px !important;
        line-height: 1.7 !important;
    }

}

/* ===================================== */
/* PRODUKT – první odstavec (desktop) */
/* ===================================== */

@media (min-width: 992px){

    .product-description h3 + p{
        font-size: 20px !important;
        line-height: 1.7 !important;
    }

}

/* ===================================== */
/* PRODUKT – Accordion (nový selektor) */
/* ===================================== */

.product-description .accordion details{
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0;
}

.product-description .accordion summary{
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    list-style: none;
    position: relative;
    padding-right: 25px;
}

/* vlastní šipka */
.product-description .accordion summary::after{
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
}

.product-description .accordion details[open] summary::after{
    content: "–";
}

/* ===================================== */
/* PRODUKT – Nutrition table alignment */
/* ===================================== */

.product-description .nutrition-table{
    width: 100%;
    border-collapse: collapse;
}

.product-description .nutrition-table td{
    padding: 4px 0;
}

.product-description .nutrition-table td:last-child{
    text-align: right;
    font-weight: 500;
}

/* ===================================== */
/* PRODUKT – sjednocení textu accordion (desktop) */
/* ===================================== */

@media (min-width: 992px){

    .product-description .accordion-content,
    .product-description .accordion-content p,
    .product-description .nutrition-table td{
        font-size: 20px !important;
        line-height: 1.7 !important;
    }

}

/* ===================================== */
/* PRODUKT – ACCORDION FINÁLNÍ VERZE */
/* ===================================== */

/* základ accordionu */
.product-description .accordion details{
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0;
}

/* nadpis */
.product-description .accordion summary{
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    list-style: none !important;
    position: relative !important;
    padding-right: 40px !important;
}

/* vypnout všechny šablonové pseudoikony */
.product-description .accordion summary::before,
.product-description .accordion summary::after{
    display: none !important;
    content: none !important;
    background: none !important;
}

/* naše JS šipka */
.product-description .accordion summary .accordion-arrow{
    position: absolute;
    right: 15px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: translateY(-50%) rotate(45deg);
    transition: transform .2s ease;
}

/* otocení pri otevrení */
.product-description .accordion details[open] > summary .accordion-arrow{
    transform: translateY(-50%) rotate(-135deg);
}

/* desktop – vetší text v rozbaleném obsahu */
@media (min-width: 992px){

    .product-description .accordion-content,
    .product-description .accordion-content p,
    .product-description .accordion-content li,
    .product-description .accordion-content td{
        font-size: 19px !important;
        line-height: 1.7 !important;
    }

}

/* ===================================== */
/* PRODUKT – poznámka pod výživovou tabulkou */
/* ===================================== */

.product-description .accordion-content p:last-child{
    font-size: 14px !important;
    font-style: italic !important;
    color: #777 !important;
    margin-top: 8px !important;
}

/* ===================================== */
/* PRODUKT – Skladování (desktop skutecný fix) */
/* ===================================== */

@media (min-width: 992px){

  /* textový sloupec v detailu produktu */
  .descr-text.col-md-8 > p{
      font-size: 20px !important;
      line-height: 1.7 !important;
      margin-top: 16px !important;
  }

}

/* ===================================== */
/* PRODUKT – Skladování (mobil + desktop odsazení) */
/* ===================================== */

/* vetší odsazení textu od horní oddelovací linky */
.descr-text.col-md-8 > p{
    margin-top: 24px !important;
}

/* ===================================== */
/* PRODUKT – CASTÉ DOTAZY (tvrdé prepsání body 16px) */
/* ===================================== */

#description .faq-heading{
    font-size: 27px !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
}

/* ===================================== */
/* PRODUKT – CASTÉ DOTAZY mobilní korekce */
/* ===================================== */

@media (max-width: 768px){

    #description .faq-heading{
        font-size: 22px !important;
        font-weight: 300 !important;
    }

}

/* ===================================== */
/* FAQ – jednotný klidný styl (bez bold) */
/* ===================================== */

.tab-pane .accordion details summary{
    font-size: 18px !important;
    font-weight: 400 !important; /* netucné – stejné pro všechny */
    cursor: pointer;
    list-style: none;
    position: relative;
    padding-right: 40px;
}

/* ===================================== */
/* FAQ – finální sjednocený styl */
/* ===================================== */

.tab-pane .accordion details{
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0;
}

.tab-pane .accordion details summary{
    font-size: 18px !important;
    font-weight: 400 !important; /* netucné */
    cursor: pointer;
    list-style: none;
    position: relative;
    padding-right: 40px;
}

.tab-pane .accordion .accordion-content{
    padding-top: 8px;
    font-size: 16px;
    line-height: 1.6;
}

/* ===================================== */
/* FAQ – šipka + animace jako horní accordion */
/* ===================================== */

/* šipka */
.tab-pane .accordion details summary::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #111;
    border-bottom: 2px solid #111;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.25s ease;
}

/* otocení pri otevrení */
.tab-pane .accordion details[open] summary::after{
    transform: translateY(-50%) rotate(-135deg);
}

/* animace obsahu */
.tab-pane .accordion details{
    overflow: hidden;
}

.tab-pane .accordion details .accordion-content{
    animation: faqOpen 0.25s ease;
}

@keyframes faqOpen{
    from{
        opacity: 0;
        transform: translateY(-5px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===================================== */
/* FAQ – finální sjednocení (šipka + animace + velikost) */
/* ===================================== */

/* základ */
.tab-pane .accordion details{
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 0;
    overflow: hidden;
}

/* otázka */
.tab-pane .accordion details summary{
    font-size: 20px !important;   /* stejné jako horní accordion */
    font-weight: 400 !important;
    cursor: pointer;
    list-style: none;
    position: relative;
    padding-right: 44px;          /* menší prostor – šipka nebude uríznutá */
}

/* šipka */
.tab-pane .accordion details summary::after{
    content: "";
    position: absolute;
    right: 14px;                   /* posun víc doleva */
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #111;
    border-bottom: 2px solid #111;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.25s ease;
}

/* otocení */
.tab-pane .accordion details[open] summary::after{
    transform: translateY(-50%) rotate(-135deg);
}

/* obsah */
.tab-pane .accordion .accordion-content{
    padding-top: 10px;
    font-size: 17px;
    line-height: 1.6;
    animation: faqFade 0.25s ease;
}

/* jemné zpomalení otevrení */
@keyframes faqFade{
    from{
        opacity: 0;
        transform: translateY(-6px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}

/* mobil – mírne menší */
@media (max-width: 768px){
    .tab-pane .accordion details summary{
        font-size: 18px !important;
    }
}

@media (max-width: 768px){
    .tab-pane .accordion details summary{
        padding-right: 48px;
    }

    .tab-pane .accordion details summary::after{
        right: 18px;
    }
}

/* ===================================== */
/* HORNÍ ACCORDION – tvrdé prepsání šipky */
/* ===================================== */

.product-description .accordion summary::after,
.product-description .accordion summary::before{
    width: 10px !important;
    height: 10px !important;
    border-right: 2.5px solid #111 !important;
    border-bottom: 2.5px solid #111 !important;
    background: none !important;
}

/* pokud šablona používá jiný selektor */
.product-description .accordion .arrow,
.product-description .accordion .accordion-arrow{
    width: 10px !important;
    height: 10px !important;
}

/* ===================================== */
/* ACCORDION – stabilní cistá verze */
/* ===================================== */

.accordion details{
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0;
}

/* lehké zvýraznení otevreného stavu */
.accordion details[open] summary{
    opacity: 0.85;
}

/* jemný fade obsahu (bez height animace) */
.accordion details .accordion-content{
    opacity: 0;
    transition: opacity 0.2s ease;
}

.accordion details[open] .accordion-content{
    opacity: 1;
}}

/* ===================================== */
/* DESKTOP – finální sjednocení accordion */
/* ===================================== */

@media (min-width: 992px){

  #description .accordion details summary{
      font-size: 20px !important;
      font-weight: 500 !important;
  }

  #description .accordion .accordion-content,
  #description .accordion .accordion-content p,
  #description .accordion .accordion-content li{
      font-size: 18px !important;
      line-height: 1.7 !important;
  }

}

/* ===================================== */
/* DESKTOP – sjednocení velikosti FAQ obsahu */
/* ===================================== */

@media (min-width: 992px){

  #description .accordion .accordion-content{
      font-size: 18px !important;
      line-height: 1.7 !important;
  }

}

/* ===================================== */
/* MOBIL – zmenšení mezery nad footerem */
/* ===================================== */

@media (max-width: 768px){

  footer#footer{
      margin-top: 0px !important;  /* zkus 20px */
  }

}

@media (min-width: 992px){
  footer#footer{
      margin-top: 50px !important;
  }
}

/* ===================================== */
/* MOBIL – vytažení paticky výše */
/* ===================================== */

@media (max-width: 768px){

  footer#footer{
      padding-top: 15px !important;   /* bylo 40px */
      padding-bottom: 25px !important;
  }

}

/* ===================================== */
/* MOBIL – zmenšení mezery nad bannerem */
/* ===================================== */

@media (max-width: 768px){

  .custom-footer__articles{
      margin-bottom: 0px !important;
      padding-bottom: 0px !important;
  }

}

/* ===================================== */
/* MOBIL – kategorie výš pod banner */
/* ===================================== */

@media (max-width: 768px){

  .custom-footer__categories{
      margin-top: -45px !important;
      padding-top: 0 !important;
  }

}

/* ===================================== */
/* MOBIL – menší copyright text */
/* ===================================== */

@media (max-width: 768px){

  .copyright{
      font-size: 13px !important;
      line-height: 1.4 !important;
  }

}

/* ===================================== */
/* MOBIL – zmenšení "Vytvoril Shoptet" */
/* ===================================== */

@media (max-width: 768px){

  #signature{
      font-size: 12px !important;
  }

  #signature svg{
      width: 14px !important;
      height: 14px !important;
  }

}

/* ===================================== */
/* FOOTER – pouze spodní rádek: copyright + Shoptet */
/* (bez dopadu na zbytek paticky) */
/* ===================================== */

/* 1) Copyright vlevo */
footer#footer.footer .container.footer-bottom span.copyright{
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* 2) Odkaz "Upravit nastavení cookies" v tom samém rádku */
footer#footer.footer .container.footer-bottom span.copyright a.cookies-settings{
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* 3) Text "Vytvoril Shoptet" */
footer#footer.footer .container.footer-bottom #signature a.title{
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* 4) Ikona Shoptetu (u tebe img.vam) */
footer#footer.footer .container.footer-bottom #signature img.vam{
  height: 12px !important;
  width: auto !important;
  vertical-align: middle !important;
}

/* ===================================== */
/* MOBIL – copyright +1px (Shoptet beze zmeny) */
/* ===================================== */

@media (max-width: 768px){

  footer#footer.footer .container.footer-bottom span.copyright{
      font-size: 14px !important;   /* bylo 13px */
      line-height: 1.4 !important;
  }

}

/* ===================================== */
/* HOMEPAGE – zvetšení hlavního H1 */
/* ===================================== */

.welcome-wrapper .welcome h1{
    font-size: 32px !important;   /* bylo 30px */
    line-height: 1.25 !important;
}

/* ===================================== */
/* HOMEPAGE – silnejší hero produkt */
/* ===================================== */

/* Název produktu */
.products-block .product-name,
.products-block .name {
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px;
    margin-top: 10px;
    margin-bottom: 6px;
}

/* Cena */
.products-block .price-final,
.products-block .price {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000 !important;
}

/* ===================================== */
/* HOMEPAGE – HERO produkt (MOBIL) – název + cena (jistota) */
/* ===================================== */
@media (max-width: 768px){

  /* Název (a.name > span) */
  #products-4 .product .descr a.name,
  #products-4 .product .descr a.name span{
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2px !important;
  }

  /* Cena – cokoliv uvnitr .prices */
  #products-4 .product .prices,
  #products-4 .product .prices *{
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    color: #000 !important;
  }

  /* At to dýchá */
  #products-4 .product .descr{
    padding-top: 8px !important;
  }

  #products-4 .product .prices{
    margin-top: 10px !important;
    margin-bottom: 8px !important;
  }
}

/* ===================================== */
/* HOMEPAGE – MOBIL: nadpis produktu šedší */
/* ===================================== */
@media (max-width: 768px){

  html body #products-4 .product .descr a.name,
  html body #products-4 .product .descr a.name span{
    color: #444 !important;     /* jemnejší než #000 */
  }

}

@media (min-width: 992px){
  #products-4 .product .price.price-final{
      font-size: 38px !important;
      font-weight: 700 !important;
      line-height: 1.1 !important;
  }
}

/* ===================================== */
/* HOMEPAGE – MOBIL: název produktu šedší (viditelný rozdíl) */
/* ===================================== */
@media (max-width: 768px){

  html body #products-4 .product .descr a.name,
  html body #products-4 .product .descr a.name span,
  html body #products-4 .product .descr a.name span[data-testid="productCardName"]{
    color: #666 !important;  /* zkus #777, pokud chceš ješte jemneji */
  }

}

/* ===================================== */
/* HOMEPAGE – produktová karta MOBIL */
/* ===================================== */

@media (max-width: 768px){

  /* víc prostoru kolem produktu */
  #products-4 .product{
      padding: 0 10px 30px 10px !important;
  }

  /* název lehce vetší a výraznejší */
  #products-4 .name{
      font-size: 15px !important;
      font-weight: 600 !important;
      margin-top: 10px !important;
  }

  /* cena méne agresivní než desktop */
  #products-4 .price-final{
      font-size: 22px !important;
      line-height: 1.2 !important;
      margin: 8px 0 16px 0 !important;
  }

  /* CTA tlacítko pres celou šírku */
  #products-4 .btn{
      width: 100% !important;
      padding: 14px !important;
      border-radius: 6px !important;
      font-size: 15px !important;
  }

}

/* ===================================== */
/* HOMEPAGE – DESKTOP: název produktu šedší */
/* ===================================== */
@media (min-width: 992px){

  html body #products-4 .product .descr a.name,
  html body #products-4 .product .descr a.name span,
  html body #products-4 .product .descr a.name span[data-testid="productCardName"]{
    color: #666 !important;  /* zkus #555 nebo #777 dle chuti */
  }

}


/* ===================================== */
/* HOMEPAGE – vetší mezera: HERO produkt -> výhody */
/* (spolehlive pres margin-bottom na #products-4) */
/* ===================================== */

/* DESKTOP */
@media (min-width: 992px){
  #products-4{
    margin-bottom: 40px !important; /* zkus 30–60px */
  }
}

/* MOBIL */
@media (max-width: 768px){
  #products-4{
    margin-bottom: 22px !important; /* zkus 16–30px */
  }
}

@media (max-width: 768px) {

  /* mezera mezi cenou a výhodami */
  .benefitBanner {
      margin-top: 40px !important;
  }

  /* mezery mezi jednotlivými výhodami */
  .benefitBanner__item {
      margin-bottom: 30px !important;
  }

}

@media (max-width: 768px) {

  .benefitBanner__picture {
      width: 55px !important;
      min-width: 50px !important;
  }

  .benefitBanner__img {
      width: 55px !important;
      height: auto !important;
  }

}

@media (max-width: 768px) {

  #content {
      padding-bottom: 40px !important;
  }

}

/* ===================================== */
/* OLEJ – DETAIL (mobil): zrušit prekryv ceny + pridat mezeru */
/* platí jen na detailu produktu, ne na kategorii */
/* ===================================== */
@media (max-width: 768px){

  /* 1) Zrušíme mobilní posuny, které tahají cenu do textu */
  body.type-detail.in-lneny-olej .p-final-price-wrapper,
  body.type-detail.in-lneny-olej .final-price-wrapper,
  body.type-detail.in-lneny-olej .price-final-wrapper,
  body.type-detail.in-lneny-olej .price-final,
  body.type-detail.in-lneny-olej .price-measure,
  body.type-detail.in-lneny-olej .custom-stock{
    transform: none !important;
    margin-top: 0 !important;
  }

  /* 2) A ted konecne pridáme jednu mezeru mezi text a cenu */
  body.type-detail.in-lneny-olej .price.row{
    margin-top: 18px !important; /* uprav 14–26px dle oka */
  }
}

/* ===================================== */
/* OLEJ – mobil: vetší mezera mezi "Skladem" a CTA */
/* ===================================== */
@media (max-width:768px){

  body.type-detail.in-lneny-olej .custom-stock{
    margin-bottom: 0 !important;
    padding-bottom: 14px !important; /* zkus 12–18px */
    display: inline-block !important;
  }

}

/* ===================================== */
/* PRODUKT – POPIS: sjednocení nadpisu, odstavcu, seznamu */
/* (platí pro všechny produkty, jen typografie + mezery) */
/* ===================================== */

/* Kontejner popisu (at necestují jiné cásti stránky) */
.p-detail-inner .product-description,
.p-detail-inner .tab-pane .product-description{
  --pd-h2: 22px;
  --pd-h3: 18px;
  --pd-p: 16px;
  --pd-lh: 1.7;
  --pd-gap1: 12px;
  --pd-gap2: 18px;
}

/* H2 v popisu */
.p-detail-inner .product-description h2,
.p-detail-inner .tab-pane .product-description h2{
  font-size: var(--pd-h2) !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  margin: 0 0 var(--pd-gap1) 0 !important;
}

/* H3 v popisu */
.p-detail-inner .product-description h3,
.p-detail-inner .tab-pane .product-description h3{
  font-size: var(--pd-h3) !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  margin: var(--pd-gap2) 0 var(--pd-gap1) 0 !important;
}

/* Odstavce */
.p-detail-inner .product-description p,
.p-detail-inner .tab-pane .product-description p{
  font-size: var(--pd-p) !important;
  line-height: var(--pd-lh) !important;
  margin: 0 0 var(--pd-gap1) 0 !important;
}

/* Seznamy – stejné odsazení, príjemné mezery mezi body */
.p-detail-inner .product-description ul,
.p-detail-inner .tab-pane .product-description ul{
  margin: 0 0 var(--pd-gap2) 0 !important;
  padding-left: 18px !important;
}

.p-detail-inner .product-description li,
.p-detail-inner .tab-pane .product-description li{
  font-size: var(--pd-p) !important;
  line-height: var(--pd-lh) !important;
  margin: 0 0 8px 0 !important;
}

/* Mobil – o chlup menší H2/H3 a víc vzduchu */
@media (max-width:768px){
  .p-detail-inner .product-description,
  .p-detail-inner .tab-pane .product-description{
    --pd-h2: 20px;
    --pd-h3: 17px;
    --pd-p: 16px;
    --pd-gap1: 10px;
    --pd-gap2: 16px;
  }
}


/* ===================================== */
/* OLEJ – záverecný odstavec pod accordeonem (finální sjednocení) */
/* ===================================== */

body.type-detail.in-lneny-olej 
.product-description .accordion + p{

    font-size: 20px !important;      /* stejné jako hlavní text */
    line-height: 1.75 !important;
    color: #000 !important;          /* skutecne cerná */
    margin-top: 32px !important;     /* vetší odskocení */
    font-weight: 400 !important;
}

/* ===================================== */
/* OLEJ – záverecný odstavec (mobil korekce) */
/* ===================================== */

@media (max-width: 768px){

  body.type-detail.in-lneny-olej 
  .product-description .accordion + p{

      font-size: 17px !important;   /* stejná velikost jako ostatní text */
      line-height: 1.7 !important;
  }

}

body.type-detail.in-lneny-olej .accordion details{
    margin-bottom: 6px;
}

/* ===================================== */
/* MOBIL – skrytí položky Prihlášení    */
/* ===================================== */

@media (max-width: 768px){
  .navigationActions,
  a[href*="login"]{
    display: none !important;
  }
}


/* ===================================== */
/* MOBIL – úplné odstranení auto kategorií (Tango) */
/* ===================================== */

@media (max-width: 768px){

  /* všechny položky, které Tango automaticky pridává */
  #navigation .appended-category{
      display: none !important;
  }

}

/* ===================================== */
/* DESKTOP – zvýraznení aktivní položky menu */
/* ===================================== */

@media (min-width: 769px){

  /* aktivní položka */
  #navigation .menu-level-1 > li.active > a,
  #navigation .menu-level-1 > li > a:hover{
      font-weight: 600;
      color: #000;
      position: relative;
  }

  /* jemná podtržítková linka */
  #navigation .menu-level-1 > li.active > a::after{
      content: "";
      position: absolute;
      left: 0;
      bottom: -6px;
      width: 100%;
      height: 1px;
      background: #000;
  }

}

@media (min-width: 769px){

  #navigation .menu-level-1 > li > a{
      transition: opacity 0.2s ease;
  }

  #navigation .menu-level-1 > li > a:hover{
      opacity: 0.6;
  }

}

/* ===================================== */
/* DESKTOP – prepsání min-height hero   */
/* ===================================== */

@media (min-width: 992px){

  .carousel-inner{
      min-height: 420px !important;
      height: 420px !important;
  }

  .carousel-item{
      min-height: 420px !important;
      height: 420px !important;
  }

  .carousel-item img{
      height: 420px !important;
      object-fit: cover !important;
  }

}

/* ===================================== */
/* HOMEPAGE – odstranení rámecku produktu */
/* ===================================== */

#products-4 .product,
#products-4 .inner,
#products-4 .product-inner,
#products-4 .thumbnail{
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ===================================== */
/* HOMEPAGE – mobil vrácení šírky */
/* ===================================== */

@media (max-width: 768px){

  #products-4 .product{
      padding-left: 0 !important;
      padding-right: 0 !important;
  }

}

/* ===================================== */
/* HOMEPAGE – mobil cena ABSOLUTE FIX */
/* ===================================== */

@media (max-width: 768px){

  #products-4 .product .prices.row,
  #products-4 .product .prices.row *,
  #products-4 .product .price.price-final,
  #products-4 .product .price.price-final *,
  #products-4 .product .nowrap{
      font-size: 32px !important;
      font-weight: 900 !important;
  }

}

@media (max-width: 768px){

  #products-4 .product .name{
      margin-bottom: 8px !important;
  }

  #products-4 .product .prices{
      margin-bottom: 18px !important;
  }

}

/* ===================================== */
/* HOMEPAGE – centrování jedné karty (desktop) */
/* ===================================== */

@media (min-width: 1200px){

  #products-4 .product{
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
  }

}

/* ===================================== */
/* HOMEPAGE – sjednocení osy obsahu (desktop) */
/* ===================================== */

@media (min-width: 1200px){

  .homepage .content-wrapper{
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
  }

}

/* ===================================== */
/* HOMEPAGE – centrování celého obsahu (desktop) */
/* ===================================== */

@media (min-width: 1200px){

  .type-index .content-inner{
      max-width: 1000px;
      margin-left: auto;
      margin-right: auto;
  }

}

@media (min-width: 1200px){

  .type-index .welcome-wrapper h1,
  .type-index .welcome-wrapper p{
      text-align: center;
  }

}

/* ===================================== */
/* MOBIL – zmenšení H1 na homepage */
/* ===================================== */

@media (max-width: 768px){

  .type-index .welcome-wrapper h1{
      font-size: 24px !important;
      line-height: 1.25 !important;
  }

}

/* ===================================== */
/* DESKTOP – zvýraznení hlavního popisu pod H1 */
/* ===================================== */

@media (min-width: 1200px){

  .type-index .welcome-wrapper p{
      font-size: 19px !important;
      line-height: 1.7 !important;
  }

}

/* ===================================== */
/* HOMEPAGE – CTA Vybrat balení */
/* ===================================== */

.home-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    margin:14px auto 28px auto;
    padding:14px 42px;

    background:#fff;
    color:#000;

    border:3px solid #000;
    border-radius:6px;

    font-size:19px;
    font-weight:600;
    text-decoration:none;

    /* výraznejší základní stín */
    box-shadow:0 8px 20px rgba(0,0,0,0.18);

    transition:all .25s ease;
}

/* centrování */
#products-4 + .home-cta{
    display:flex;
    justify-content:center;
    width:auto !important;
    max-width:fit-content;
}

/* šipka */
.home-cta .cta-arrow{
    display:inline-block;
    margin-left:14px;
    width:10px;
    height:10px;
    border-top:3px solid currentColor;
    border-right:3px solid currentColor;
    transform:rotate(45deg);
    transition:transform .2s ease;
}

/* hover efekt */
.home-cta:hover{
    background:#000;
    color:#fff;

    transform:translateY(-4px);

    /* silnejší hover stín */
    box-shadow:0 18px 40px rgba(0,0,0,0.35);
}

.home-cta:hover .cta-arrow{
    transform:rotate(45deg) translate(6px,-6px);
}

/* ===================================== */
/* HOMEPAGE – jemnejší rohy CTA         */
/* ===================================== */

.home-cta {
    border-radius: 10px !important;
}

/* ===================================== */
/* HOMEPAGE – CTA vetší padding         */
/* ===================================== */

.home-cta,
a.home-cta {
    padding: 18px 38px !important;   /* nahore/dole | vlevo/vpravo */
}

/* ===================================== */
/* HOMEPAGE – CTA animace pri scrollu   */
/* ===================================== */

.home-cta {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 2.8s cubic-bezier(0.22, 1, 0.36, 1),
            transform 2.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.home-cta.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ===================================== */
/* HOMEPAGE – menší mezera produkt / CTA */
/* ===================================== */

@media (max-width: 768px){

    #products-4,
    #products-4 .product,
    #products-4 .inner{
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

}

/* ===================================== */
/* HOMEPAGE – stabilní spacing CTA      */
/* ===================================== */

@media (min-width: 769px){

    /* stáhne spodní mezeru produktového bloku */
    #products-4{
        margin-bottom: 10px !important;
    }

    /* lehce priblíží CTA k cene */
    .home-cta{
        margin-top: -10px !important;
        margin-bottom: 50px !important; /* vetší mezera k výhodám */
    }

}

/* ===================================== */
/* FOOTER – zmenšení banneru (desktop správne) */
/* ===================================== */

@media (min-width: 769px){

    footer .banner-wrapper{
        max-width: 420px !important;   /* uprav dle potreby */
        margin-left: auto !important;  /* drží banner vpravo */
    }

    footer .banner-wrapper img{
        width: 100% !important;
        height: auto !important;
        display: block;
    }

}

/* ===================================== */
/* FOOTER – odstranení linky pod "Informace pro vás" */
/* ===================================== */

footer .custom-footer__articles{
    border-bottom: none !important;
}

footer .custom-footer__articles h4{
    border-bottom: none !important;
}

footer .custom-footer__articles ul{
    border-bottom: none !important;
}

/* ===================================== */
/* FOOTER – stažení mezery pod bannerem (mobil správne) */
/* ===================================== */

@media (max-width: 768px){

  footer .custom-footer__banner3271{
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
  }

  footer .custom-footer__banner3271 .banner{
      margin-bottom: 0 !important;
  }

  footer .footer-bottom{
      margin-top: 0 !important;
      padding-top: 5px !important;
  }

}

/* ===================================== */
/* MOBIL – ÚVOD napojení na šablonu */
/* FINÁLNÍ STABILNÍ VERZE */
/* ===================================== */

/* ZOBRAZENÍ NA MOBILU */
@media (max-width: 768px){

  #navigation .menu-level-1 > li.mobile-home-link{
      border-top: 1px solid #eaeaea;
  }

  #navigation .menu-level-1 > li.mobile-home-link > a{
      all: unset;
      display: block;
      padding: 12.5px 20px;
      font-family: Poppins, sans-serif;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      cursor: pointer;
  }

}

/* SKRYTÍ NA DESKTOPU */
@media (min-width: 769px){

  #navigation .menu-level-1 > li.mobile-home-link{
      display: none !important;
  }

}

/* ===================================== */
/* KOŠÍK – varianta na jeden rádek */
/* ===================================== */

.cart-table .main-link-variant{
    display: inline !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* jistota proti prepisum šablony */
.cart-table .p-name .main-link-variant{
    white-space: nowrap !important;
}

/* ===================================== */
/* KOŠÍK – odstranení "Dorucení možné do" */
/* ===================================== */

.cart-inner .delivery-time{
    display: none !important;
}

/* ===================================== */
/* KOŠÍK – správné odsazení pod zelenou hláškou */
/* ===================================== */

/* DESKTOP */
@media (min-width: 769px){
    #cart-widget{
        margin-top: 60px;
    }
}

/* MOBIL */
@media (max-width: 768px){
    #cart-widget{
        margin-top: 0;
        top: 60px;
    }
}

/* ===================================== */
/* TANGO – oprava uríznutí výsuvného košíku (mobil) */
/* ===================================== */

@media (max-width: 768px){

  body .content-window.cart-window{
      top: 50px !important;
      height: calc(100vh - 50px) !important;
  }

}

/* ===================================== */
/* KOŠÍK – menší nadpis na mobilu */
/* ===================================== */

@media (max-width: 768px){

  .cart-wrapper .cart-heading{
      font-size: 23px !important;
      line-height: 1.2 !important;
      white-space: nowrap;
  }

}

.empty-cart-boxes ul {
    display: none !important;
}

/* ===================================== */
/* KOŠÍK – prázdný stav bez nabídky     */
/* ===================================== */

.empty-cart-boxes {
    display: none !important;
}

/* ===================================== */
/* CHECKOUT – sjednocení všech hlavních CTA */
/* Košík / Doprava / Informace / Objednat */
/* ===================================== */

#continue-order-button,
.next-step-forward,
.order-complete-button,
button[type="submit"].btn,
a.btn.btn-conversion,
.order-complete-links .btn {

    border-radius: 10px !important;
    padding: 14px 30px !important;
    font-weight: 600 !important;
    transition: all .2s ease;
}

/* Jemný hover efekt */
#continue-order-button:hover,
.next-step-forward:hover,
.order-complete-button:hover,
button[type="submit"].btn:hover,
a.btn.btn-conversion:hover,
.order-complete-links .btn:hover {

    transform: translateY(-1px);
}
/* ===================================== */
/* CHECKOUT – skrytí registrace         */
/* ===================================== */

#set-registration,
#set-registration + label {
    display: none !important;
}

/* Skrytí info textu o registrovaném uživateli */

#checkoutContent > div.helper {
    display: none !important;
}

/* Checkout – text pod tlacítkem Objednat */
.consents-first label.whole-width{
    letter-spacing: -0.2px;
}

/* Checkout – text pod tlacítkem Objednat */
.consents-first label.whole-width{
    font-size: 14px !important;      /* pokud už máš nastaveno */
    line-height: 1.4 !important;
    color: #777777 !important;       /* jemnejší šedá */
}


/* ===================================== */
/* DEKUJEME STRÁNKA – úprava císla objednávky */
/* ===================================== */

.reca-number {
    margin-top: 6px;
    margin-bottom: 24px;
    font-size: 15px;
    color: #777;
    letter-spacing: 0.3px;
}

.reca-number strong {
    font-weight: 500;
    color: #111;
}

/* ===================================== */
/* DEKUJEME STRÁNKA – tlacítko zpet */
/* ===================================== */

.order-complete-links .btn,
.order-complete-links a {
    background: transparent;
    border: 2px solid #111;
    color: #111;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: all .2s ease;
}

.order-complete-links .btn:hover,
.order-complete-links a:hover {
    background: #111;
    color: #fff;
}