/* 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; }