/* Trhalka: modernizace hlavičky (jen počítač, ≥ 768 px) */
@media (min-width: 768px) {

  /* Horní lišta (Náš příběh, Magazín, Přihlášení…) */
  .top-navigation-bar { background: #faf6ee; border-color: #efe6d4 !important; }
  .top-navigation-bar a { position: relative; transition: color .2s ease; }
  .top-navigation-bar a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: #e0c497; transform: scaleX(0); transition: transform .25s ease; }
  .top-navigation-bar a:hover { color: #003f33; }
  .top-navigation-bar a:hover::after { transform: scaleX(1); }

  /* Logo – jemné zvětšení */
  #header .site-name img { transition: transform .35s cubic-bezier(.34, 1.56, .64, 1); }
  #header .site-name a:hover img { transform: scale(1.06) rotate(-2deg); }

  /* Vyhledávání – pilulka s lupou uvnitř */
  #header .search-form { position: relative; }
  #header .search-form .search-input { background: #faf6ee; border: 1.5px solid #ece2cf; border-radius: 999px; padding-left: 24px; padding-right: 64px; transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease; }
  #header .search-form .search-input:hover { background: #fff; border-color: #e0c497; }
  #header .search-form .search-input:focus { background: #fff; border-color: #e0c497; box-shadow: 0 0 0 5px rgba(224, 196, 151, .25); outline: none; }
  #header .search-form button[type=submit] { position: absolute; right: 8px; top: 50%; width: 44px !important; height: 44px !important; margin-top: -22px; border-radius: 50%; background-color: #e0c497 !important; background-position: center !important; background-size: 18px !important; background-repeat: no-repeat !important; transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), background-color .2s ease; }
  #header .search-form button[type=submit]:hover { transform: scale(1.1) rotate(-12deg); background-color: #d4b47e !important; }

  /* Telefon – nová ikona (původní SVG se v některých prohlížečích vykresluje useknutá), v béžovém kolečku zazvoní, číslo zezlátne */
  .tr_needhelp-header img { display: none !important; }
  .tr_needhelp-header::before { content: ""; flex: 0 0 auto; box-sizing: border-box; width: 44px; height: 44px; padding: 0; border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23003f33' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.05 2a9 9 0 0 1 8 7.94'/%3E%3Cpath d='M14.05 6A5 5 0 0 1 18 10'/%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 28px 28px; background-origin: border-box; transition: background-color .25s ease; transform-origin: 50% 60%; }
  .tr_needhelp-header:hover::before { background-color: #f3e9d6; animation: trRing .9s ease-in-out; }
  .tr_needhelp-header a { transition: color .2s ease; }
  .tr_needhelp-header:hover a { color: #b89865; }
  @keyframes trRing { 0%, 100% { transform: rotate(0); } 15% { transform: rotate(-16deg); } 30% { transform: rotate(14deg); } 45% { transform: rotate(-10deg); } 60% { transform: rotate(8deg); } 75% { transform: rotate(-4deg); } }

  /* Košík – nadzvedne se */
  .navigation-buttons a.cart-count { transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease, background-color .25s ease; }
  .navigation-buttons a.cart-count:hover { transform: translateY(-3px); background-color: #f1e5cc; box-shadow: 0 10px 22px -10px rgba(0, 63, 51, .35); }

  /* Hlavní menu – záložky jako u řazení */
  #navigation .menu-level-1 > li > a { position: relative; border-radius: 8px 8px 0 0; transition: background-color .25s ease, color .25s ease; }
  #navigation .menu-level-1 > li > a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 2px; border-radius: 2px; background: #e0c497; transform: scaleX(0); transition: transform .3s cubic-bezier(.34, 1.56, .64, 1); }
  #navigation .menu-level-1 > li > a:hover, #navigation .menu-level-1 > li.exp > a { background-color: #f7f1e6; color: #003f33; }
  #navigation .menu-level-1 > li > a:hover::after, #navigation .menu-level-1 > li > a.active::after, #navigation .menu-level-1 > li.exp > a::after { transform: scaleX(1); }
  #navigation .menu-level-1 > li > a.active { font-weight: 700; }

  /* Rozbalovací podkategorie – karta se stínem, lahve se při najetí naklopí */
  #navigation .menu-level-1 > li > ul.menu-level-2 { border: 1px solid #efe6d4; border-top: 2px solid #e0c497; border-radius: 0 0 16px 16px; box-shadow: 0 22px 40px -22px rgba(0, 63, 51, .35); padding: 10px; }
  #navigation .menu-level-1 > li > ul.menu-level-2 > li { border-radius: 12px; transition: background-color .25s ease; }
  #navigation .menu-level-1 > li > ul.menu-level-2 > li:hover { background-color: #faf6ee; }
  #navigation .menu-level-1 > li > ul.menu-level-2 > li img { transition: transform .4s cubic-bezier(.34, 1.56, .64, 1); }
  #navigation .menu-level-1 > li > ul.menu-level-2 > li:hover img { transform: scale(1.15) rotate(-6deg); }
  #navigation .menu-level-1 > li > ul.menu-level-2 > li > div > a { transition: color .2s ease; }
  #navigation .menu-level-1 > li > ul.menu-level-2 > li:hover > div > a { color: #b89865; }
}

/* Kdo má v systému vypnuté animace, tomu se nepřehrávají */
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  #header *, #header *::before, #header *::after, .top-navigation-bar *, .top-navigation-bar *::after { animation: none !important; transition: none !important; }
  #header .site-name a:hover img, #header .search-form button[type=submit]:hover, .navigation-buttons a.cart-count:hover, #navigation .menu-level-1 > li > ul.menu-level-2 > li:hover img { transform: none !important; }
}


/* Trhalka: modernizace filtrů (Cena, Dostupnost, Značky, parametry) – ve stylu hlavičky */

/* Hlavička filtru – béžová zaoblená karta */
#filters .filter-section > h4, #filters .param-filter-top > h4, #filters > .slider-wrapper > h4, .slider-wrapper.tr-search-price > h4 {
  background: #faf6ee; border: 1.5px solid #ece2cf !important; border-radius: 14px; padding: 15px 56px 15px 18px; font-weight: 600; color: #003f33;
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, border-radius .2s ease;
}
#filters .filter-section > h4:hover, #filters .param-filter-top > h4:hover, #filters > .slider-wrapper > h4:hover, .slider-wrapper.tr-search-price > h4:hover {
  background: #fff; border-color: #e0c497 !important; box-shadow: 0 10px 22px -14px rgba(0, 63, 51, .4);
}

/* Šipka v kolečku vpravo */
#filters .filter-section > h4::after, #filters .param-filter-top > h4::after, #filters > .slider-wrapper > h4::after, .slider-wrapper.tr-search-price > h4::after {
  width: 30px; height: 30px; line-height: 30px; margin-top: -15px; top: 50% !important; right: 12px; text-align: center; border-radius: 50%; background: #fff; font-size: 12px;
  transition: background-color .25s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1);
}
#filters .filter-section > h4:hover::after, #filters .param-filter-top > h4:hover::after, #filters > .slider-wrapper > h4:hover::after, .slider-wrapper.tr-search-price > h4:hover::after {
  background: #e0c497; transform: translateY(2px);
}

/* Otevřený filtr – zlatý okraj, obsah navazuje jako jedna karta */
#filters .filter-section.active[data-tr-open] > h4, #filters .param-filter-top.active[data-tr-open] > h4, #filters > .slider-wrapper.active[data-tr-open] > h4, body.tr-price-open #filters > .slider-wrapper > h4, body.tr-price-open .slider-wrapper.tr-search-price > h4 {
  background: #fff; border-color: #e0c497 !important; border-bottom-color: #f1e8d6 !important; border-radius: 14px 14px 0 0; box-shadow: none;
}
#filters .filter-section.active[data-tr-open] > h4::after, #filters .param-filter-top.active[data-tr-open] > h4::after, #filters > .slider-wrapper.active[data-tr-open] > h4::after, body.tr-price-open #filters > .slider-wrapper > h4::after, body.tr-price-open .slider-wrapper.tr-search-price > h4::after {
  background: #f3e9d6;
}
#filters .filter-section.active[data-tr-open] > form, #filters .param-filter-top.active[data-tr-open] > form, #filters > .slider-wrapper.active[data-tr-open] > .tr_price-slider, body.tr-price-open #filters > .slider-wrapper > .tr_price-slider, body.tr-price-open .slider-wrapper.tr-search-price > .tr_price-slider {
  border: 1.5px solid #e0c497; border-top: 0; border-radius: 0 0 14px 14px; background: #fff; padding: 14px 18px 12px !important; margin-top: 0 !important; margin-bottom: 0 !important;
}

/* Položky filtru */
#filters .filter-label { border-radius: 8px; transition: color .2s ease; }
#filters .filter-label:not(.disabled):hover { color: #b89865; }
#filters .filter-label.active { color: #003f33; font-weight: 700; }
#filters .filter-label::before { border-color: #d9cbb0 !important; border-radius: 4px; transition: background-color .2s ease, border-color .2s ease; }
#filters .filter-label:not(.disabled):hover::before { border-color: #e0c497 !important; }
#filters .filter-count { background: #f3e9d6; color: #6b5a3a; border-radius: 999px; font-weight: 600; }

/* Posuvník ceny */
#filters .ui-slider, .tr-search-price .ui-slider { background: #efe6d4; border-radius: 999px; }
#filters .ui-slider .ui-slider-range, .tr-search-price .ui-slider .ui-slider-range { background: #e0c497; }
#filters .ui-slider .ui-slider-handle, .tr-search-price .ui-slider .ui-slider-handle { background: #003f33; box-shadow: 0 0 0 3px #fff, 0 4px 10px rgba(0, 63, 51, .3); transition: transform .2s ease; }
#filters .ui-slider .ui-slider-handle:hover, .tr-search-price .ui-slider .ui-slider-handle:hover { transform: scale(1.15); }

/* Odkaz „Vymazat filtry“ */
#filters .filters-unveil-button-wrapper a, #filters a.clear-filters, #filters .param-filter-reset a { transition: color .2s ease; }

@media (prefers-reduced-motion: reduce) {
  #filters *, #filters *::before, #filters *::after, .tr-search-price *, .tr-search-price *::after { transition: none !important; animation: none !important; }
}

/* Trhalka: na telefonu řazení pod filtry, hned nad lahvemi (kategorie) */
@media (max-width: 767px) {
  .category-content-wrapper { display: flex; flex-direction: column; }
  .category-content-wrapper > * { order: 3; min-width: 0; }
  .category-content-wrapper > #filters-wrapper { order: 1; }
  .category-content-wrapper > #category-header { order: 2; }
}

/* Trhalka: modernizace patičky ve stylu hlavičky (jen počítač, ≥ 768 px) */
@media (min-width: 768px) {

  /* Nadpisy sloupců – krátká zlatá linka */
  .tr_footer .tr_needhelp h4, .tr_footer .tr_footer-row nav h4 { position: relative; padding-bottom: 12px; }
  .tr_footer .tr_needhelp h4::after, .tr_footer .tr_footer-row nav h4::after { content: ""; position: absolute; left: 0; bottom: 0; width: 32px; height: 2px; border-radius: 2px; background: #e0c497; transition: width .35s cubic-bezier(.34, 1.56, .64, 1); }
  .tr_footer .tr_needhelp:hover h4::after, .tr_footer .tr_footer-row nav:hover h4::after { width: 56px; }

  /* Telefon – stejná ikona jako v hlavičce, v béžovém kolečku zazvoní, číslo zezlátne */
  .tr_footer .tr_needhelp-phone { position: relative; background-image: none !important; padding-left: 58px !important; min-height: 44px; width: auto !important; white-space: nowrap; }
  .tr_footer .tr_needhelp-phone::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -22px; box-sizing: border-box; width: 44px; height: 44px; border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23003f33' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.05 2a9 9 0 0 1 8 7.94'/%3E%3Cpath d='M14.05 6A5 5 0 0 1 18 10'/%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 28px 28px; background-origin: border-box; transition: background-color .25s ease; transform-origin: 50% 60%; }
  .tr_footer .tr_needhelp-phone:hover::before { background-color: #f3e9d6; animation: trRing .9s ease-in-out; }
  .tr_footer .tr_needhelp-phone a { transition: color .2s ease; }
  .tr_footer .tr_needhelp-phone:hover a { color: #b89865; }

  /* Odkazy – zlatá linka se vysune zleva */
  .tr_footer .tr_footer-row .tr_footer-nav a { position: relative; transition: color .2s ease; }
  .tr_footer .tr_footer-row .tr_footer-nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 1px; background: #e0c497; transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
  .tr_footer .tr_footer-row .tr_footer-nav a:hover { color: #b89865; }
  .tr_footer .tr_footer-row .tr_footer-nav a:hover::after { transform: scaleX(1); }

  /* Facebook / Instagram – nadzvednou se jako košík */
  .tr_footer .tr_footer-socials a { display: inline-block; transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease, background-color .25s ease, color .2s ease; }
  .tr_footer .tr_footer-socials a:hover { transform: translateY(-3px); background-color: #f1e5cc; color: #b89865; box-shadow: 0 10px 22px -10px rgba(0, 63, 51, .35); }

  /* Loga dopravců a plateb – jemně poskočí */
  .tr_footer .tr_footer-shipping li { transition: transform .3s cubic-bezier(.34, 1.56, .64, 1); }
  .tr_footer .tr_footer-shipping li:hover { transform: translateY(-3px) scale(1.06); }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .tr_footer *, .tr_footer *::before, .tr_footer *::after { animation: none !important; transition: none !important; }
  .tr_footer .tr_footer-socials a:hover, .tr_footer .tr_footer-shipping li:hover { transform: none !important; }
}

/* Trhalka: hodnocení zákazníků a Instagram ve stylu hlavičky (jen počítač, ≥ 768 px) */
@media (min-width: 768px) {

  /* „Další hodnocení zákazníků“ – béžová pilulka pod nadpisem */
  .dp-reviews__heading { flex-direction: column; align-items: center; gap: 16px; }
  .dp-reviews__heading a { display: inline-block; padding: 10px 20px; border: 1.5px solid #ece2cf; border-radius: 999px; background: #faf6ee; color: #003f33; font-size: 14px; text-decoration: none; transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1); }
  .dp-reviews__heading a:hover { background: #fff; border-color: #e0c497; color: #003f33; text-decoration: none; box-shadow: 0 10px 22px -12px rgba(0, 63, 51, .35); transform: translateY(-2px); }

  /* Karty recenzí – zaoblené, při najetí se nadzvednou */
  .dp-reviews .slick-list { padding: 10px 0 26px; margin: -10px 0 -26px; }
  .dp-hp-newreview { background: #faf6ee; border: 1.5px solid #ece2cf; border-radius: 18px; overflow: hidden; transition: background-color .25s ease, border-color .25s ease, box-shadow .3s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1); }
  .dp-hp-newreview:hover { background: #fff; border-color: #e0c497; transform: translateY(-5px); box-shadow: 0 18px 32px -20px rgba(0, 63, 51, .45); }
  .dp-newreview-date { font-size: 13px; font-weight: 500; color: #8a7a5a; }

  /* Šipky – při najetí zlatý prstenec */
  .dp-reviews .slick-prev, .dp-reviews .slick-next { border-radius: 50%; transition: scale .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .25s ease, opacity .25s ease; }
  .dp-reviews .slick-prev:hover, .dp-reviews .slick-next:hover { scale: 1.12; box-shadow: 0 0 0 6px rgba(224, 196, 151, .45); }
  .dp-reviews .slick-disabled { opacity: .3; pointer-events: none; }

  /* Instagram – ikonka u nadpisu, tlačítko se při najetí vybarví */
  .tr_instagram h4 { display: flex; align-items: center; gap: 10px; }
  .tr_instagram h4::before { content: ""; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; background: #faf6ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89865' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cline x1='17.5' y1='6.5' x2='17.51' y2='6.5'/%3E%3C/svg%3E") center / 18px no-repeat; }
  .tr_instagram .btn-outline { transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease; }
  .tr_instagram .btn-outline:hover { background: #003f33; border-color: #003f33; color: #fff; transform: translateY(-2px); box-shadow: 0 10px 22px -10px rgba(0, 63, 51, .45); }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .dp-reviews *, .dp-reviews *::before, .dp-reviews *::after, .tr_instagram * { animation: none !important; transition: none !important; }
  .dp-hp-newreview:hover, .dp-reviews__heading a:hover, .tr_instagram .btn-outline:hover { transform: none !important; }
  .dp-reviews .slick-arrow:hover { scale: none !important; }
}

/* Trhalka: pruh výhod (Exkluzivní lahve, Doprava, Balení) ve stylu hlavičky (jen počítač, ≥ 1024 px) */
@media (min-width: 1024px) {
  .tr_pros .tr_pros-item { position: relative; background-size: 0 0; }

  /* Ikona v bílém kolečku; při najetí kolečko zbéžoví a ikona povyskočí */
  .tr_pros .tr_pros-item::before, .tr_pros .tr_pros-item::after { content: ""; position: absolute; left: 0; top: 50%; width: 80px; height: 80px; margin-top: -40px; border-radius: 50%; transition: background-color .25s ease, transform .35s cubic-bezier(.34, 1.56, .64, 1); }
  .tr_pros .tr_pros-item::before { background: #fff; }
  .tr_pros .tr_pros-item::after { background-image: inherit; background-repeat: no-repeat; background-position: center; background-size: 80px 80px; }
  .tr_pros .tr_pros-item span { transition: color .2s ease; }

  .tr_pros .tr_pros-item:hover::before { background-color: #f3e9d6; transform: scale(1.08); }
  .tr_pros .tr_pros-item:hover::after { transform: translateY(-3px) scale(1.08); }
  .tr_pros .tr_pros-item:hover span { color: #b89865; }
}

@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  .tr_pros .tr_pros-item::before, .tr_pros .tr_pros-item::after, .tr_pros .tr_pros-item span { transition: none !important; }
  .tr_pros .tr_pros-item:hover::before, .tr_pros .tr_pros-item:hover::after { transform: none !important; }
}

/* Trhalka: telefon – pod sbaleným filtrem Cena stejná mezera jako mezi ostatními filtry */
@media (max-width: 767px) {
  #filters > .slider-wrapper:not(.active) { margin-bottom: 15px; }
  #filters > .slider-wrapper:not(.active) > .tr_price-slider { display: none; }
  /* Cena zůstává otevřená po nastavení ceny (body.tr-price-open) */
  body.tr-price-open #filters > .slider-wrapper:not(.active) { margin-bottom: 5px; }
  body.tr-price-open #filters > .slider-wrapper:not(.active) > .tr_price-slider { display: block; }
}

/* Trhalka: telefon – pruh výhod ve třech sloupcích, ikona nad textem, vše na střed */
@media (max-width: 767px) {
  .tr_pros { grid-template-columns: repeat(3, auto); justify-content: space-between; gap: 8px; align-items: start; }
  .tr_pros .tr_pros-item { justify-content: center; padding: 52px 0 0; background-position: center top; text-align: center; height: auto; width: auto; }
  .tr_pros .tr_pros-item span { text-align: center; font-size: 12px; line-height: 1.35; white-space: nowrap; }
}
@media (max-width: 359px) {
  .tr_pros { gap: 4px; }
  .tr_pros .tr_pros-item span { font-size: 10px; }
}

/* Trhalka: karty produktů ve výpisu ve stylu hlavičky */

/* Karta – zaoblená, jemný béžový rámeček (všechny šířky) */
.products-block .product { background: #fff; border: 1.5px solid #ece2cf !important; border-radius: 18px; transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), border-color .25s ease, box-shadow .3s ease; }
.products-block .product .image { display: block; border-radius: 12px; overflow: hidden; isolation: isolate; transform: translateZ(0); }
.products-block .product .image img { transition: transform .45s cubic-bezier(.34, 1.56, .64, 1); }

/* Štítky (Novinka, Investiční…) – stejná šířka, text na střed */
.products-block .product .flag { box-sizing: border-box; min-width: 72px; padding-left: 14px; padding-right: 8px; text-align: center; }

/* Dostupnost – barevná tečka před textem (barvu bere z textu) */
.products-block .product .availability span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 6px 1px 0; border-radius: 50%; background: currentColor; vertical-align: middle; }

/* Tlačítko */
.products-block .product .btn { transition: background-color .25s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease; }

/* Při najetí myší: karta se nadzvedne, zlatý rámeček, lahev se přiblíží, název zezlátne */
@media (hover: hover) and (min-width: 768px) {
  .products-block .product:hover { transform: translateY(-5px); border-color: #e0c497 !important; box-shadow: 0 18px 32px -20px rgba(0, 63, 51, .45); }
  .products-block .product:hover .image img { transform: scale(1.05); }
  .products-block .product .p:hover .name { color: #b89865; text-decoration: none; }
  .products-block .product .p:hover .btn { transform: translateY(-2px); box-shadow: 0 10px 20px -10px rgba(0, 63, 51, .45); }
}

@media (prefers-reduced-motion: reduce) {
  .products-block .product, .products-block .product .image img, .products-block .product .btn { transition: none !important; }
  .products-block .product:hover, .products-block .product:hover .image img, .products-block .product .p:hover .btn { transform: none !important; }
}

/* Trhalka: celé názvy produktů (až 3 řádky), dostupnost, cena a tlačítko zarovnané dole v celé řadě */
.products-block .product { display: flex; flex-direction: column; }
.products-block .product .p { flex: 1 1 auto; }
.products-block .product .p-in, .products-block .product .p-in-in { flex: 1 1 auto; display: flex; flex-direction: column; }
.products-block .product .ratings-wrapper { margin-top: auto; }
.products-block .product .name { height: auto !important; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

/* Trhalka: detail produktu ve stylu hlavičky */

/* Hlavní fotka bez rámečku, náhledy v zaoblených rámečcích */
.type-detail .p-image { overflow: hidden; }
.type-detail .p-image img { transition: transform .5s cubic-bezier(.34, 1.56, .64, 1); }
.type-detail .p-thumbnail { display: block; border: 1.5px solid #ece2cf; border-radius: 12px; overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; }
.type-detail .p-thumbnail:hover, .type-detail .p-thumbnail.highlighted { border-color: #e0c497; box-shadow: 0 6px 14px -8px rgba(0, 63, 51, .4); }

/* Dostupnost – béžová pilulka */
.type-detail .p-info-wrapper .availability-label { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 999px; background: #faf6ee; border: 1.5px solid #ece2cf; font-size: 14px; font-weight: 600; }

/* Cena + košík – béžový panel: nahoře cena, pod ní množství a široké tlačítko */
.type-detail .tr_price-addtocart { background: #faf6ee; border: 1.5px solid #ece2cf; border-radius: 18px; padding: 16px 20px; }
.type-detail .tr_price-addtocart { flex-wrap: wrap; gap: 14px; }
.type-detail .tr_price-addtocart > * { margin-bottom: 0 !important; }
.type-detail .tr_price-addtocart .p-final-price-wrapper { white-space: nowrap; }
.type-detail .tr_price-addtocart .add-to-cart { flex: 1 1 100%; flex-wrap: nowrap; gap: 16px; }
.type-detail .tr_price-addtocart .add-to-cart .btn-conversion { flex: 1 1 auto; }
/* Dostupnost přesunutá do panelu (skript v patičce) – vpravo vedle ceny, bílá pilulka */
.type-detail .tr_price-addtocart { flex-direction: row !important; align-items: center; }
.type-detail .tr_price-addtocart .p-final-price-wrapper { order: 1; }
.type-detail .tr_price-addtocart .availability-value { order: 2; margin: 0 0 0 auto !important; align-self: flex-start; }
.type-detail .tr_price-addtocart .availability-label { background: #fff !important; }
.type-detail .tr_price-addtocart .add-to-cart { order: 3; }
.type-detail .tr_price-addtocart .quantity .amount, .type-detail .tr_price-addtocart .quantity button { background-color: #fff; border-color: #ece2cf !important; }
.type-detail .tr_price-addtocart .quantity button { transition: background-color .2s ease, color .2s ease; }
.type-detail .tr_price-addtocart .quantity button:hover { background-color: #f3e9d6; color: #003f33; }
.type-detail .tr_price-addtocart .btn-conversion { transition: background-color .25s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease; }

/* Značka – v odkazu je navíc text „Značka:“, nechá se jen název */
.type-detail .detail-parameters a[href*="/znacka/"] { font-size: 0; }
.type-detail .detail-parameters a[href*="/znacka/"] span { font-size: 14px; font-weight: 600; }

/* Nadpis „Související produkty“ – jako ostatní nadpisy, se zlatou linkou */
.type-detail .products-related-header { position: relative; padding-bottom: 12px; font-size: 20px; font-weight: 700; color: #003f33; }
.type-detail .products-related-header::after { content: ""; position: absolute; left: 0; bottom: 0; width: 32px; height: 2px; border-radius: 2px; background: #e0c497; }

/* Šipky u souvisejících produktů – zelené kolečko */
.type-detail .p-detail .p-next, .type-detail .p-detail .p-prev { background-color: #003f33 !important; transition: scale .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .25s ease; }

/* Záložky Popis / Podobné / Recenze – zlaté podtržení jako u řazení */
.type-detail .p-detail-tabs .shp-tab-link { position: relative; border-bottom: 0 !important; transition: color .2s ease; }
.type-detail .p-detail-tabs .shp-tab-link::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 2px; border-radius: 2px; background: #e0c497; transform: scaleX(0); transition: transform .3s cubic-bezier(.34, 1.56, .64, 1); }
.type-detail .p-detail-tabs .shp-tab.active .shp-tab-link { font-weight: 700; color: #003f33; }
.type-detail .p-detail-tabs .shp-tab.active .shp-tab-link::after { left: 0; right: 0; height: 3px; transform: scaleX(1); }

@media (hover: hover) and (min-width: 768px) {
  .type-detail .p-image:hover img { transform: scale(1.04); }
  .type-detail .tr_price-addtocart .btn-conversion:hover { transform: translateY(-2px); box-shadow: 0 10px 20px -10px rgba(0, 63, 51, .45); }
  .type-detail .p-detail .p-next:hover, .type-detail .p-detail .p-prev:hover { scale: 1.12; box-shadow: 0 0 0 6px rgba(224, 196, 151, .45); }
  .type-detail .p-detail-tabs .shp-tab-link:hover { color: #003f33; }
  .type-detail .p-detail-tabs .shp-tab-link:hover::after { transform: scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
  .type-detail .p-image img, .type-detail .p-thumbnail, .type-detail .tr_price-addtocart .btn-conversion, .type-detail .p-detail .p-next, .type-detail .p-detail .p-prev, .type-detail .p-detail-tabs .shp-tab-link, .type-detail .p-detail-tabs .shp-tab-link::after { transition: none !important; }
  .type-detail .p-image:hover img, .type-detail .tr_price-addtocart .btn-conversion:hover { transform: none !important; }
  .type-detail .p-detail .p-next:hover, .type-detail .p-detail .p-prev:hover { scale: none !important; }
}

/* Trhalka: počet kusů skladem se nezobrazuje (Shoptet ho vypisuje jen pro skript omezení množství) */
.availability-amount { display: none !important; }
.type-detail .tr_price-addtocart .tr-stock-note { order: 4; flex: 1 1 100%; display: none; margin-top: -4px; font-size: 13px; font-weight: 600; color: #b89865; }
.type-detail .tr_price-addtocart .tr-stock-note.is-visible { display: block; }

/* Trhalka: posuvné pruhy produktů (Naposledy navštívené…) – karty stejně vysoké, místo nahoře a dole pro nadzvednutí a stín */
.products-block.slick-slider .slick-track { display: flex !important; }
.products-block.slick-slider .slick-slide { float: none; height: auto !important; }
.products-block.slick-slider .slick-list { padding-top: 10px !important; padding-bottom: 26px !important; margin-bottom: -16px; }

/* Trhalka: úvodní stránka – nadpisy sekcí (Novinky, Oblíbené…) se zlatými linkami, zaoblený banner Investice */
.type-index .homepage-group-title:not(.dp-homepage-news-title) { display: flex; align-items: center; justify-content: center; gap: 18px; }
.type-index .homepage-group-title:not(.dp-homepage-news-title)::before, .type-index .homepage-group-title:not(.dp-homepage-news-title)::after { content: ""; flex: 0 0 56px; height: 2px; border-radius: 2px; background: #e0c497; }

/* Banner Investice – zaoblený; při najetí se nadzvedne, obrázek se pomalu přiblíží a přes banner přejede zlatý odlesk */
.type-index .tr_investment a { position: relative; display: block; border-radius: 24px; overflow: hidden; isolation: isolate; transform: translateZ(0); transition: transform .4s cubic-bezier(.34, 1.56, .64, 1), box-shadow .4s ease; }
.type-index .tr_investment img { display: block; border-radius: 24px; transition: transform 1.2s cubic-bezier(.22, 1, .36, 1); }
.type-index .tr_investment a::after { content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .45), rgba(224, 196, 151, .25), transparent); transform: skewX(-18deg); pointer-events: none; opacity: 0; }
@media (hover: hover) and (min-width: 768px) {
  .type-index .tr_investment a:hover { transform: translateY(-4px); box-shadow: 0 26px 46px -28px rgba(0, 63, 51, .5); }
  .type-index .tr_investment a:hover img { transform: scale(1.035); }
  .type-index .tr_investment a:hover::after { animation: trShine 1.1s ease-out; }
  @keyframes trShine { 0% { left: -60%; opacity: 1; } 100% { left: 130%; opacity: 1; } }
}

@media (max-width: 767px) {
  .type-index .homepage-group-title:not(.dp-homepage-news-title)::before, .type-index .homepage-group-title:not(.dp-homepage-news-title)::after { flex-basis: 28px; }
  .type-index .tr_investment a, .type-index .tr_investment img { border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .type-index .tr_investment a, .type-index .tr_investment img { transition: none !important; }
  .type-index .tr_investment a:hover, .type-index .tr_investment a:hover img { transform: none !important; }
  .type-index .tr_investment a::after { animation: none !important; }
}

/* Trhalka: banner kategorie – zaoblená karta s fotkou, vlevo zelený přechod se zlatým art-deco ornamentem a názvem kategorie (jen počítač – na telefonu Shoptet banner skrývá) */
@media (min-width: 768px) {
  .type-category #header { position: relative; border-bottom: 0 !important; padding-bottom: 24px; }
  .type-category #header::after { width: calc(100% - 40px); max-width: 1378px; height: 280px; margin: 26px auto 0; border-radius: 24px; background-position: 85% 50%; box-shadow: 0 24px 44px -30px rgba(0, 63, 51, .55); }
  .type-category .tr-cat-hero { position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); width: calc(100% - 40px); max-width: 1378px; height: 280px; box-sizing: border-box; padding: 0 64px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; border-radius: 24px; overflow: hidden; pointer-events: none; background: linear-gradient(90deg, rgba(0, 47, 38, .95) 0%, rgba(0, 47, 38, .82) 40%, rgba(0, 47, 38, 0) 72%); }
  .type-category .tr-cat-hero::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 70%; background: url("/user/documents/upload/trhalka-ornament.png") left center / auto 120% repeat-x; opacity: .14; -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 35%, transparent 100%); mask-image: linear-gradient(90deg, #000 0%, #000 35%, transparent 100%); }
  .type-category .tr-cat-hero__eyebrow { position: relative; margin-bottom: 14px; color: #e0c497; font-size: 13px; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; }
  .type-category .tr-cat-hero h1.category-title { position: relative; margin: 0 !important; color: #fff !important; font-size: 46px !important; line-height: 1.1; text-align: left !important; }
  .type-category .tr-cat-hero__line { position: relative; width: 64px; height: 2px; margin-top: 18px; border-radius: 2px; background: #e0c497; }
  /* Drobečková navigace přesunutá skriptem do banneru – tmavá zlatě orámovaná pilulka „⌂ Domů › Rumy“, mezera pod bannerem menší */
  .type-category .tr-cat-hero { padding-top: 34px; }
  .type-category .tr-cat-hero .breadcrumbs { position: absolute; top: 24px; left: 64px; display: inline-flex; align-items: center; gap: 8px; height: auto !important; min-height: 0 !important; margin: 0; padding: 8px 16px 6px 38px; border: 1px solid rgba(224, 196, 151, .7); border-radius: 999px; background: #002f26; box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .5); font-size: 13px; pointer-events: auto; transition: background-color .25s ease, border-color .25s ease; }
  .type-category .tr-cat-hero .breadcrumbs, .type-category .tr-cat-hero .breadcrumbs * { line-height: 1.2 !important; }
  .type-category .tr-cat-hero .breadcrumbs:hover { background: #014236; border-color: #e0c497; }
  .type-category .tr-cat-hero .breadcrumbs::before { left: 15px !important; top: 50% !important; margin-top: 0; height: 13px !important; line-height: 0 !important; transform: translateY(calc(-50% - .5px)); filter: brightness(0) invert(1); opacity: .9; }
  .type-category .tr-cat-hero .breadcrumbs > span { display: inline-flex; align-items: center; gap: 8px; }
  .type-category .tr-cat-hero .breadcrumbs > span, .type-category .tr-cat-hero .breadcrumbs > span > a, .type-category .tr-cat-hero .breadcrumbs > span > span { padding: 0 !important; margin: 0 !important; }
  .type-category .tr-cat-hero .breadcrumbs > span > a { display: inline-flex !important; align-items: center; height: auto !important; min-height: 0 !important; color: #fff !important; text-decoration: none; }
  .type-category .tr-cat-hero .breadcrumbs a:hover { color: #e0c497 !important; text-decoration: underline; text-underline-offset: 3px; }
  .type-category .tr-cat-hero .navigation-home-icon .sr-only { position: static !important; display: inline !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: nowrap; background: transparent !important; color: inherit !important; }
  .type-category .tr-cat-hero .breadcrumbs > span:not([data-testid="breadcrumbsLastLevel"])::after { content: "›"; margin-left: 2px; color: #e0c497; font-size: 15px; }
  .type-category .tr-cat-hero .breadcrumbs [data-testid="breadcrumbsLastLevel"] span { color: #e0c497 !important; font-weight: 600; }
  .type-category .tr-cat-hero .navigation-home-icon::before, .type-category .tr-cat-hero .navigation-home-icon::after { display: none !important; }
  .tr-bc-moved .breadcrumbs-wrapper { display: none; }
  .tr-bc-moved .tr_small-perex { margin-top: 6px !important; }
  /* Vyšší banner s úvodním textem kategorie (přesunutým skriptem); fotky s motivem vlevo zrcadlově, aby lahev/sklenka byla vpravo */
  .type-category.in-whisky #header::after, .type-category.in-konaky #header::after, .type-category.in-brandy #header::after { transform: scaleX(-1); background-position: 15% 50%; }
  .type-category.in-tequila #header::after { background-position: 0% 50%; }
  .type-category #header::after { height: 340px; }
  .type-category .tr-cat-hero { height: 340px; z-index: 1; padding-top: 70px; padding-bottom: 14px; background: linear-gradient(90deg, rgba(0, 40, 32, .97) 0%, rgba(0, 44, 36, .93) 46%, rgba(0, 47, 38, .55) 62%, rgba(0, 47, 38, 0) 78%); }
  .type-category .tr-cat-hero::before { opacity: .1; }
  .type-category .tr-cat-hero h1.category-title { font-size: 42px !important; }
  .type-category .tr-cat-hero__line { margin-top: 14px; }
  .type-category .tr-cat-hero .tr_small-perex { position: relative; max-width: 580px; margin: 18px 0 0 !important; padding: 0 0 0 16px !important; border-left: 2px solid rgba(224, 196, 151, .55); text-align: left !important; pointer-events: auto; }
  .type-category .tr-cat-hero .tr_small-perex p { margin: 0 !important; color: rgba(255, 255, 255, .92) !important; font-size: 15px !important; line-height: 1.6 !important; text-align: left !important; }
  .type-category .tr-cat-hero .tr_small-perex strong, .type-category .tr-cat-hero .tr_small-perex b, .type-category .tr-cat-hero .tr_small-perex p a:not(.tr_small-perex-showmore) { color: #e0c497 !important; font-weight: 600; }
  .type-category .tr-cat-hero .tr_small-perex-showmore { display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; padding: 2px 10px; border: 1px solid rgba(224, 196, 151, .6); border-radius: 999px; color: #e0c497 !important; font-size: 13px; font-weight: 600; text-decoration: none !important; cursor: pointer; }
  .type-category .tr-cat-hero .tr_small-perex-showmore::after { content: "↓"; font-size: 12px; }
  .type-category .tr-cat-hero .tr_small-perex-showmore:hover { background: rgba(224, 196, 151, .15); }
}

/* Trhalka: banner kategorie – tlačítko „více“ na samostatném řádku pod úvodním textem (nezasahuje do textu), banner o 20 px vyšší */
@media (min-width: 768px) {
  .type-category #header::after, .type-category .tr-cat-hero { height: 360px; }
  .type-category .tr-cat-hero .tr_small-perex-showmore { display: flex; width: fit-content; margin: 10px 0 0 !important; padding: 5px 14px; line-height: 1.2 !important; }
}

/* Trhalka: banner kategorie – bez oddělovacích čárek šablony u položek navigace (např. „Whisky“ ve 3úrovňové navigaci) */
@media (min-width: 768px) {
  .type-category .tr-cat-hero .breadcrumbs > span > a::before, .type-category .tr-cat-hero .breadcrumbs > span > a::after { display: none !important; }
}