/*
 * LovelyWood – PRODUCT
 * CLEAN konsolidovaná verze
 * Zdroj: lovelywood_v131(1).css
 * Konsolidace: 2026-08-10
 *
 * Obsah:
 * - obecné produktové varianty,
 * - nákupní panel a variantní ceny,
 * - krátké a podrobné produktové popisy,
 * - související produkty a CTA.
 *
 * Vzhled a funkce mají zůstat 1:1 se zdrojovou ostrou verzí.
 */

/* =========================================================
   1. PRODUKTOVÁ VARIANTA – LISTY
========================================================= */

.variant-list:has([data-parameter-name="Listy"]){
  margin-top:20px!important;
  margin-bottom:30px!important
}

.variant-list:has([data-parameter-name="Listy"])>.variant-label{
  display:block!important;
  margin:0 0 13px!important;
  padding:0!important;
  font-size:0!important;
  line-height:1!important
}

.variant-list:has([data-parameter-name="Listy"])>.variant-label:before{
  content:"PROVEDENÍ LISTŮ";
  display:block;
  margin:0 0 8px;
  color:#9a7838;
  font-size:14px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:2.5px;
  text-transform:uppercase
}

.variant-list:has([data-parameter-name="Listy"])>.variant-label:after{
  content:"Vyberte si čisté nebo linkované listy.";
  display:block;
  color:#66635d;
  font-size:14px;
  line-height:1.5;
  font-weight:400;
  letter-spacing:0;
  text-transform:none
}

[data-parameter-name="Listy"]{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:16px!important;
  margin:0!important
}

[data-parameter-name="Listy"]>span{
  display:none!important
}

[data-parameter-name="Listy"] .advanced-parameter{
  display:flex!important;
  flex:0 0 68px!important;
  flex-direction:column!important;
  align-items:center!important;
  width:68px!important;
  min-width:68px!important;
  max-width:68px!important;
  margin:0!important;
  padding:0!important;
  cursor:pointer!important
}

.variant-list [data-parameter-name="Listy"]
label.advanced-parameter
span.advanced-parameter-inner{
  position:relative!important;
  display:block!important;
  flex:0 0 68px!important;
  width:68px!important;
  min-width:68px!important;
  max-width:68px!important;
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:2px solid transparent!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
  transition:.2s ease!important
}

.variant-list [data-parameter-name="Listy"]
label.advanced-parameter
span.advanced-parameter-inner img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:68px!important;
  min-width:68px!important;
  max-width:68px!important;
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  border-radius:50%!important;
  box-sizing:border-box!important
}

[data-parameter-name="Listy"] .advanced-parameter:hover .advanced-parameter-inner{
  transform:translateY(-2px)!important;
  border-color:#ded9cf!important
}

[data-parameter-name="Listy"] .advanced-parameter:has(input:checked) .advanced-parameter-inner,
[data-parameter-name="Listy"] .advanced-parameter.active .advanced-parameter-inner{
  border:3px solid #f2c94c!important;
  box-shadow:0 0 0 3px rgba(242,201,76,.24)!important;
  transform:none!important
}

[data-parameter-name="Listy"] .advanced-parameter:has(input:checked) .advanced-parameter-inner:after,
[data-parameter-name="Listy"] .advanced-parameter.active .advanced-parameter-inner:after{
  content:"✓"!important;
  position:absolute!important;
  top:4px!important;
  right:4px!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:21px!important;
  height:21px!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  background:#f2c94c!important;
  color:#302d27!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 1px 4px rgba(0,0,0,.18)!important;
  box-sizing:border-box!important
}

[data-parameter-name="Listy"] .parameter-value{
  display:block!important;
  margin:7px 0 0!important;
  color:#66635d!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:600!important;
  text-align:center!important;
  transition:.2s ease!important
}

[data-parameter-name="Listy"] .advanced-parameter:has(input:checked) .parameter-value,
[data-parameter-name="Listy"] .advanced-parameter.active .parameter-value{
  color:#302d27!important;
  font-weight:800!important
}

/* =========================================================
   1A. PRODUKTOVÉ VARIANTY – MATERIÁL A VELIKOST
   Stabilní finální verze bez zásahu do struktury Shoptetu
========================================================= */

/* Společné kompaktní rozestupy */
.variant-list:has([data-parameter-name="Barva materiálu"]){
  margin-top:18px!important;
  margin-bottom:12px!important;
  min-height:0!important;
  padding-top:0!important;
  padding-bottom:0!important
}

.variant-list:has([data-parameter-name="Velikost"]),
.variant-list:has([data-parameter-name="Vyberte si velikost"]){
  margin-top:8px!important;
  margin-bottom:18px!important;
  min-height:0!important;
  padding-top:0!important;
  padding-bottom:0!important
}

/* ---------------------------------------------------------
   BARVA MATERIÁLU
   Původní blok variant zůstává beze změny, upravuje se pouze label.
--------------------------------------------------------- */

.variant-list:has([data-parameter-name="Barva materiálu"])>.variant-label{
  display:block!important;
  margin:0 0 12px!important;
  padding:0!important;
  font-size:0!important;
  line-height:1!important
}

.variant-list:has([data-parameter-name="Barva materiálu"])>.variant-label:before{
  content:"BARVA MATERIÁLU";
  display:block!important;
  margin:0 0 8px!important;
  color:#9a7838!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:2.5px!important;
  text-transform:uppercase!important
}

.variant-list:has([data-parameter-name="Barva materiálu"])>.variant-label:after{
  content:"Vyberte si přírodní březovou překližku nebo elegantní černou MDF.";
  display:block!important;
  color:#66635d!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important
}

/* Skrytí nápovědy / otazníku pouze u materiálu */
.variant-list:has([data-parameter-name="Barva materiálu"]) .show-tooltip,
.variant-list:has([data-parameter-name="Barva materiálu"]) .tooltip,
.variant-list:has([data-parameter-name="Barva materiálu"]) .question-tooltip,
.variant-list:has([data-parameter-name="Barva materiálu"]) [data-testid="tooltip"],
.variant-list:has([data-parameter-name="Barva materiálu"]) .question-icon,
.variant-list:has([data-parameter-name="Barva materiálu"]) .help-icon{
  display:none!important
}

/* Zachování viditelnosti samotných obrázkových variant */
[data-parameter-name="Barva materiálu"]{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:16px!important;
  margin:0!important;
  padding:0!important
}

[data-parameter-name="Barva materiálu"] .advanced-parameter{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  cursor:pointer!important
}

[data-parameter-name="Barva materiálu"] .advanced-parameter .advanced-parameter-inner{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  border:2px solid transparent!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important
}

[data-parameter-name="Barva materiálu"] .advanced-parameter:hover .advanced-parameter-inner{
  border-color:#ded9cf!important;
  transform:translateY(-2px)!important
}

/* Potlačení původního označení Shoptetu */
[data-parameter-name="Barva materiálu"] .advanced-parameter .advanced-parameter-inner:before,
[data-parameter-name="Barva materiálu"] .advanced-parameter .advanced-parameter-inner:after{
  display:none!important;
  content:none!important
}

/* Aktivní materiál – stejné chování jako u varianty Listy */
[data-parameter-name="Barva materiálu"] .advanced-parameter:has(input:checked) .advanced-parameter-inner,
[data-parameter-name="Barva materiálu"] .advanced-parameter.active .advanced-parameter-inner{
  border:3px solid #f2c94c!important;
  box-shadow:0 0 0 3px rgba(242,201,76,.24)!important;
  transform:none!important
}

[data-parameter-name="Barva materiálu"] .advanced-parameter:has(input:checked) .advanced-parameter-inner:after,
[data-parameter-name="Barva materiálu"] .advanced-parameter.active .advanced-parameter-inner:after{
  content:"✓"!important;
  position:absolute!important;
  top:3px!important;
  right:3px!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:19px!important;
  height:19px!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  background:#f2c94c!important;
  color:#302d27!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 1px 4px rgba(0,0,0,.18)!important;
  box-sizing:border-box!important
}

/* ---------------------------------------------------------
   VELIKOST OBRAZU
--------------------------------------------------------- */

.variant-list:has([data-parameter-name="Velikost"])>.variant-label,
.variant-list:has([data-parameter-name="Vyberte si velikost"])>.variant-label{
  display:block!important;
  margin:0 0 10px!important;
  padding:0!important;
  font-size:0!important;
  line-height:1!important
}

.variant-list:has([data-parameter-name="Velikost"])>.variant-label:before,
.variant-list:has([data-parameter-name="Vyberte si velikost"])>.variant-label:before{
  content:"VELIKOST OBRAZU";
  display:block!important;
  margin:0 0 8px!important;
  color:#9a7838!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:2.5px!important;
  text-transform:uppercase!important
}

.variant-list:has([data-parameter-name="Velikost"])>.variant-label:after,
.variant-list:has([data-parameter-name="Vyberte si velikost"])>.variant-label:after{
  content:"Zvolte rozměr, který nejlépe odpovídá vašemu prostoru.";
  display:block!important;
  color:#66635d!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important
}

.variant-list:has([data-parameter-name="Velikost"]) select,
.variant-list:has([data-parameter-name="Vyberte si velikost"]) select{
  margin-top:0!important;
  margin-bottom:0!important
}

@media(max-width:620px){
  .variant-list:has([data-parameter-name="Barva materiálu"]){
    margin-top:16px!important;
    margin-bottom:10px!important
  }

  .variant-list:has([data-parameter-name="Velikost"]),
  .variant-list:has([data-parameter-name="Vyberte si velikost"]){
    margin-top:6px!important;
    margin-bottom:16px!important
  }

  .variant-list:has([data-parameter-name="Barva materiálu"])>.variant-label:before,
  .variant-list:has([data-parameter-name="Velikost"])>.variant-label:before,
  .variant-list:has([data-parameter-name="Vyberte si velikost"])>.variant-label:before{
    font-size:13px!important;
    letter-spacing:2.1px!important
  }

  .variant-list:has([data-parameter-name="Barva materiálu"])>.variant-label:after,
  .variant-list:has([data-parameter-name="Velikost"])>.variant-label:after,
  .variant-list:has([data-parameter-name="Vyberte si velikost"])>.variant-label:after{
    font-size:13px!important;
    line-height:1.5!important
  }
}

/* =========================================================
   1B. KRÁTKÝ POPIS – ZLATÉ MEZITITULKY
========================================================= */

body .lwproduct-short-compact .lwproduct-short-compact-kicker{
  font-size:14px!important;
  letter-spacing:2.5px!important
}

/* =========================================================
   2. NÁKUPNÍ PANEL – CLEAN
   Důležité: žádné display:block na cenách.
   Skryté ceny variant zůstávají řízené Shoptetem.
========================================================= */

.p-detail-inner .p-final-price-wrapper,
.p-detail-inner .add-to-cart,
.p-detail-inner .buy-wrapper{
  box-sizing:border-box!important
}

.p-detail-inner .buy-wrapper{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  padding:12px!important;
  background:#fbfaf7!important;
  border:1px solid #e7dfd2!important;
  border-radius:14px!important;
  box-shadow:0 8px 22px rgba(48,45,39,.06)!important
}

/* Obal ceny – bez zásahu do display jeho vnitřních cen */
.p-detail-inner .p-final-price-wrapper{
  flex:1 1 180px!important;
  min-width:0!important;
  margin:0!important;
  padding:0 4px 0 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#302d27!important
}

/* Pouze typografie viditelné ceny.
   CSS nesmí odkrýt skryté variantní ceny. */
.p-detail-inner .p-final-price-wrapper .p-final-price,
.p-detail-inner .p-final-price-wrapper .price-final,
.p-detail-inner .p-final-price-wrapper .price-final-holder{
  margin:0!important;
  padding:0!important;
  color:#302d27!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:36px!important;
  line-height:1.05!important;
  font-weight:700!important;
  letter-spacing:-.7px!important
}

/* Explicitní respektování skrytých cen Shoptetu */
.p-detail-inner .p-final-price-wrapper [hidden],
.p-detail-inner .p-final-price-wrapper .hidden,
.p-detail-inner .p-final-price-wrapper .display-none,
.p-detail-inner .p-final-price-wrapper [style*="display: none"]{
  display:none!important
}

.p-detail-inner .quantity{
  flex:0 0 132px!important;
  height:56px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #d8d2c8!important;
  border-radius:12px!important;
  box-shadow:0 2px 8px rgba(48,45,39,.04)!important
}

.p-detail-inner .quantity input{
  height:54px!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  color:#302d27!important;
  font-size:16px!important;
  line-height:54px!important;
  font-weight:700!important;
  text-align:center!important;
  box-shadow:none!important
}

.p-detail-inner .quantity .increase,
.p-detail-inner .quantity .decrease,
.p-detail-inner .quantity button{
  height:54px!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  color:#302d27!important;
  font-size:21px!important;
  font-weight:400!important;
  box-shadow:none!important;
  transition:background-color .2s ease,color .2s ease!important
}

.p-detail-inner .quantity .increase:hover,
.p-detail-inner .quantity .decrease:hover,
.p-detail-inner .quantity button:hover{
  background:#f6f2ea!important;
  color:#9a7838!important
}

.p-detail-inner .add-to-cart{
  flex:1 0 100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important
}

.p-detail-inner .add-to-cart .btn-conversion,
.p-detail-inner .add-to-cart .btn.btn-conversion,
.p-detail-inner button.btn-conversion,
.p-detail-inner .btn.btn-cart,
.p-detail-inner .btn-add-cart,
.p-detail-inner button[type="submit"]{
  width:100%!important;
  min-height:56px!important;
  padding:15px 28px!important;
  border:0!important;
  border-radius:0!important;
  background:#e7bc49!important;
  color:#302d27!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:700!important;
  letter-spacing:.15px!important;
  text-transform:none!important;
  box-shadow:0 8px 18px rgba(242,201,76,.22)!important;
  transition:background .2s ease,box-shadow .2s ease,transform .2s ease!important
}

.p-detail-inner .add-to-cart .btn-conversion:hover,
.p-detail-inner .add-to-cart .btn.btn-conversion:hover,
.p-detail-inner button.btn-conversion:hover,
.p-detail-inner .btn.btn-cart:hover,
.p-detail-inner .btn-add-cart:hover,
.p-detail-inner button[type="submit"]:hover{
  background:#d9ad36!important;
  color:#302d27!important;
  transform:translateY(-1px)!important;
  box-shadow:0 10px 22px rgba(242,201,76,.30)!important
}

.p-detail-inner .add-to-cart .btn-conversion:active,
.p-detail-inner .add-to-cart .btn.btn-conversion:active,
.p-detail-inner button.btn-conversion:active,
.p-detail-inner .btn.btn-cart:active,
.p-detail-inner .btn-add-cart:active,
.p-detail-inner button[type="submit"]:active{
  transform:translateY(0)!important;
  box-shadow:0 5px 12px rgba(242,201,76,.18)!important
}


/* =========================================================
   4. MOBIL
========================================================= */

@media(max-width:620px){
  .variant-list:has([data-parameter-name="Listy"]){
    margin-top:16px!important;
    margin-bottom:26px!important
  }

  .variant-list:has([data-parameter-name="Listy"])>.variant-label:after{
    font-size:13px!important
  }

  [data-parameter-name="Listy"]{
    gap:13px!important
  }
}


@media(max-width:620px){
  .p-detail-inner .buy-wrapper{
    flex-wrap:wrap!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:12px!important
  }

  .p-detail-inner .p-final-price-wrapper{
    flex:1 1 auto!important
  }

  .p-detail-inner .p-final-price,
  .p-detail-inner .price-final,
  .p-detail-inner .price-final-holder{
    font-size:30px!important
  }

  .p-detail-inner .quantity{
    flex:0 0 124px!important;
    height:52px!important
  }

  .p-detail-inner .quantity input,
  .p-detail-inner .quantity .increase,
  .p-detail-inner .quantity .decrease,
  .p-detail-inner .quantity button{
    height:50px!important
  }

  .p-detail-inner .add-to-cart{
    flex:1 0 100%!important
  }

  .p-detail-inner .add-to-cart .btn-conversion,
  .p-detail-inner .add-to-cart .btn.btn-conversion,
  .p-detail-inner button.btn-conversion,
  .p-detail-inner .btn.btn-cart,
  .p-detail-inner .btn-add-cart,
  .p-detail-inner button[type="submit"]{
    min-height:54px!important;
    font-size:15px!important
  }
}


/* =========================================================
   PRODUKTOVÉ POPISY – KRÁTKÝ A PODROBNÝ POPIS
========================================================= */

/* ---------------------------------------------------------
   KRÁTKÉ POPISY PRODUKTŮ
--------------------------------------------------------- */
.lwproduct-short-final {
    --lw-gold: #9a7838;
    --lw-text: #302d27;
    --lw-muted: #66635d;
    --lw-yellow: #f2c94c;
    --lw-highlight: #fff8df;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--lw-text) !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
}

.lwproduct-short-final,
.lwproduct-short-final * {
    box-sizing: border-box !important;
    font-family: inherit !important;
}

.lwproduct-short-final-intro {
    margin: 0 0 18px 0 !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
    color: var(--lw-muted) !important;
}

.lwproduct-short-final-intro strong {
    color: var(--lw-text) !important;
}

/* TRUST BAR */
.lwproduct-short-final-trustbar {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px 12px !important;
    width: 100% !important;
    margin: 0 0 22px 0 !important;
    padding: 12px 8px !important;
    border-top: 2px solid var(--lw-yellow) !important;
    border-bottom: 2px solid var(--lw-yellow) !important;
    color: var(--lw-text) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

.lwproduct-short-final-trustbar strong {
    color: var(--lw-text) !important;
    font-weight: 600 !important;
}

.lwproduct-short-final-separator {
    color: var(--lw-gold) !important;
    font-weight: 700 !important;
}

/* NADPIS */
.lwproduct-short-final-kicker {
    display: block !important;
    margin: 0 0 12px 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: var(--lw-gold) !important;
}

/* KOMPAKTNÍ SEZNAM BEZ LINEK */
.lwproduct-short-final-list {
    display: grid !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.lwproduct-short-final-item {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    width: 100% !important;
    padding: 2px 0 !important;
    border: 0 !important;
}

.lwproduct-short-final-mark {
    display: block !important;
    width: 18px !important;
    margin: 1px 0 0 0 !important;
    color: var(--lw-gold) !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.lwproduct-short-final-content {
    display: block !important;
    min-width: 0 !important;
}

.lwproduct-short-final-name {
    display: inline !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.48 !important;
    font-weight: 700 !important;
    color: var(--lw-text) !important;
}

.lwproduct-short-final-desc {
    display: inline !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.48 !important;
    color: var(--lw-muted) !important;
}

/* VĚTŠÍ ROZMĚR / MOTIV NA PŘÁNÍ */
.lwproduct-short-final-note {
    display: block !important;
    width: 100% !important;
    margin: 16px 0 0 0 !important;
    padding: 15px 16px !important;
    background-color: var(--lw-highlight) !important;
    border-left: 4px solid var(--lw-yellow) !important;
    color: var(--lw-muted) !important;
}

.lwproduct-short-final-note-title {
    display: block !important;
    margin: 0 0 5px 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    color: var(--lw-text) !important;
}

.lwproduct-short-final-note-text {
    display: block !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--lw-muted) !important;
}

.lwproduct-short-final-note-text strong {
    color: var(--lw-text) !important;
}

/* ODESLÁNÍ */
.lwproduct-short-final-delivery {
    display: block !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 11px 14px !important;
    background-color: #fffdf5 !important;
    border-left: 4px solid var(--lw-gold) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    color: #777200 !important;
}

@media (max-width: 620px) {
    .lwproduct-short-final-intro {
        margin-bottom: 16px !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .lwproduct-short-final-trustbar {
        justify-content: flex-start !important;
        gap: 5px 8px !important;
        margin-bottom: 19px !important;
        padding: 10px 4px !important;
        font-size: 13px !important;
        text-align: left !important;
    }

    .lwproduct-short-final-item {
        grid-template-columns: 16px minmax(0, 1fr) !important;
        gap: 9px !important;
        padding: 4px 0 !important;
    }

    .lwproduct-short-final-name,
    .lwproduct-short-final-desc {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .lwproduct-short-final-note {
        padding: 13px 14px !important;
    }

    .lwproduct-short-final-note-title {
        font-size: 14px !important;
    }

    .lwproduct-short-final-note-text {
        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    .lwproduct-short-final-delivery {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }
}

/* ---------------------------------------------------------
   PODROBNÉ POPISY PRODUKTŮ
--------------------------------------------------------- */
.lwdetail-final {
    --lw-gold: #9a7838;
    --lw-text: #302d27;
    --lw-muted: #66635d;
    --lw-yellow: #f2c94c;
    --lw-highlight: #fff8df;
    --lw-line: #ded9cf;

    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    color: var(--lw-text) !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
}

.lwdetail-final,
.lwdetail-final * {
    box-sizing: border-box !important;
    font-family: inherit !important;
}

.lwdetail-final h2,
.lwdetail-final h3,
.lwdetail-final p,
.lwdetail-final div,
.lwdetail-final span,
.lwdetail-final strong {
    float: none !important;
}

/* =====================================================
   ÚVOD
====================================================== */

.lwdetail-final-header {
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 auto 14px auto !important;
    text-align: center !important;
}

.lwdetail-final-kicker {
    display: block !important;
    margin: 0 0 8px 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: var(--lw-gold) !important;
}

.lwdetail-final-title {
    display: block !important;
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: var(--lw-text) !important;
    text-align: center !important;
    text-wrap: balance;
}

.lwdetail-final-intro {
    display: block !important;
    max-width: 740px !important;
    margin: 10px auto 0 auto !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: var(--lw-muted) !important;
    text-align: center !important;
    text-wrap: balance;
}

.lwdetail-final-intro strong {
    color: var(--lw-text) !important;
}

/* =====================================================
   TRUST BAR
====================================================== */

.lwdetail-final-trustbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px 11px !important;
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto 18px auto !important;
    padding: 11px 8px !important;
    border-top: 2px solid var(--lw-yellow) !important;
    border-bottom: 2px solid var(--lw-yellow) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

.lwdetail-final-trustbar strong {
    color: var(--lw-text) !important;
    font-weight: 600 !important;
}

.lwdetail-final-dot {
    color: var(--lw-gold) !important;
    font-weight: 700 !important;
}

/* =====================================================
   HLAVIČKY SEKCÍ
====================================================== */

.lwdetail-final-section-head {
    width: 100% !important;
    margin: 0 0 8px 0 !important;
}

.lwdetail-final-section-kicker {
    display: block !important;
    margin: 0 0 8px 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: var(--lw-gold) !important;
}

.lwdetail-final-section-title {
    display: block !important;
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: var(--lw-text) !important;
}

/* =====================================================
   DETAILY – JEMNÝ SEZNAM
====================================================== */

.lwdetail-final-benefits {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 32px !important;
    width: 100% !important;
    margin: 0 !important;
}

.lwdetail-final-benefit {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: start !important;
    width: 100% !important;
    padding: 6px 0 !important;
}

.lwdetail-final-benefit-mark {
    display: block !important;
    width: 18px !important;
    margin: 1px 0 0 0 !important;
    color: var(--lw-gold) !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.lwdetail-final-benefit strong {
    display: block !important;
    margin: 0 0 2px 0 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: var(--lw-text) !important;
}

.lwdetail-final-benefit span {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--lw-muted) !important;
}

/* =====================================================
   ODDĚLOVAČ
====================================================== */

.lwdetail-final-divider {
    position: relative !important;
    width: 100% !important;
    height: 3px !important;
    margin: 18px auto 15px auto !important;
}

.lwdetail-final-divider::before {
    content: "" !important;
    position: absolute !important;
    top: 1px !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: linear-gradient(
        to right,
        rgba(214,208,196,0),
        rgba(214,208,196,0.95) 15%,
        rgba(214,208,196,0.95) 85%,
        rgba(214,208,196,0)
    ) !important;
}

.lwdetail-final-divider span {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: 58px !important;
    height: 3px !important;
    background-color: var(--lw-yellow) !important;
    transform: translateX(-50%) !important;
}

/* =====================================================
   OBJEDNÁVKA – KOMPAKTNÍ POSTUP
====================================================== */

.lwdetail-final-steps {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
}

.lwdetail-final-step {
    position: relative !important;
    min-width: 0 !important;
    padding: 0 14px !important;
    text-align: center !important;
}

.lwdetail-final-step-number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 auto 7px auto !important;
    background-color: var(--lw-yellow) !important;
    color: var(--lw-text) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.lwdetail-final-step strong {
    display: block !important;
    margin: 0 0 3px 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: var(--lw-text) !important;
}

.lwdetail-final-step span {
    display: block !important;
    max-width: 210px !important;
    margin: 0 auto !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: var(--lw-muted) !important;
}

/* =====================================================
   CTA
====================================================== */

.lwdetail-final-cta {
    width: 100% !important;
    margin: 18px auto 0 auto !important;
    padding: 22px 22px !important;
    background-color: var(--lw-highlight) !important;
    border-left: 4px solid var(--lw-yellow) !important;
    text-align: center !important;
}

.lwdetail-final-cta-inner {
    max-width: 740px !important;
    margin: 0 auto !important;
}

.lwdetail-final-cta-kicker {
    display: block !important;
    margin: 0 0 8px 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: var(--lw-gold) !important;
}

.lwdetail-final-cta-title {
    display: block !important;
    margin: 0 !important;
    font-size: 23px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: var(--lw-text) !important;
}

.lwdetail-final-cta-text {
    display: block !important;
    max-width: 760px !important;
    margin: 7px auto 0 auto !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--lw-muted) !important;
}

.lwdetail-final-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 56px !important;
    margin: 14px auto 0 auto !important;
    padding: 15px 28px !important;
    background-color: #e7bc49 !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #302d27 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: .15px !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(242, 201, 76, .22) !important;
    transition:
        background-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

.lwdetail-final-button:hover,
.lwdetail-final-button:focus {
    background-color: #d9ad36 !important;
    color: #302d27 !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(242, 201, 76, .30) !important;
}

.lwdetail-final-button:active {
    transform: translateY(0) !important;
    box-shadow: 0 5px 12px rgba(242, 201, 76, .18) !important;
}

.lwdetail-final-button:focus-visible {
    outline: 3px solid rgba(242, 201, 76, .35) !important;
    outline-offset: 3px !important;
}

/* =====================================================
   NAVÁZÁNÍ NA „MOHLO BY SE VÁM HODIT“
====================================================== */

.lwdetail-final-related-space {
    height: 8px !important;
}

/* =====================================================
   TABLET A MOBIL
====================================================== */

@media (max-width: 900px) {
    .lwdetail-final-benefits {
        grid-template-columns: 1fr !important;
        gap: 2px !important;
    }

    .lwdetail-final-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 8px !important;
    }
}

@media (max-width: 620px) {
    .lwdetail-final {
        padding: 0 10px !important;
    }

    .lwdetail-final-header {
        margin-bottom: 16px !important;
    }

    .lwdetail-final-title {
        font-size: 25px !important;
    }

    .lwdetail-final-intro {
        font-size: 14px !important;
        line-height: 1.68 !important;
    }

    .lwdetail-final-trustbar {
        justify-content: flex-start !important;
        gap: 5px 8px !important;
        margin-bottom: 16px !important;
        padding: 10px 4px !important;
        font-size: 13px !important;
        text-align: left !important;
    }

    .lwdetail-final-section-title {
        font-size: 21px !important;
    }

    .lwdetail-final-benefit {
        padding: 5px 0 !important;
    }

    .lwdetail-final-steps {
        grid-template-columns: 1fr !important;
        gap: 11px !important;
    }

    .lwdetail-final-step {
        padding: 0 !important;
    }

    .lwdetail-final-cta {
        padding: 17px 16px !important;
        text-align: left !important;
    }

    .lwdetail-final-cta-title {
        font-size: 20px !important;
    }

    .lwdetail-final-button {
        width: 100% !important;
        max-width: 320px !important;
    }
}

@media (max-width: 620px) {
    .lw-related-heading h2 {
        font-size: 21px !important;
    }

    .lw-related-heading p {
        font-size: 13px !important;
        line-height: 1.65 !important;
    }
}

/* =========================================================
   MOBIL – VYCENTROVÁNÍ TRUST BARŮ
   Krátký i podrobný popis produktu
========================================================= */

@media (max-width: 620px) {
    .lwproduct-short-final-trustbar,
    .lwdetail-final-trustbar {
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        gap: 6px 8px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        line-height: 1.55 !important;
    }
}


/* =========================================================
   CTA TLAČÍTKA – JEDNOTNÝ HRANATÝ STYL
========================================================= */

/* Do košíku + ostatní CTA */
.p-detail-inner .add-to-cart .btn-conversion,
.p-detail-inner .add-to-cart .btn.btn-conversion,
.p-detail-inner button.btn-conversion,
.p-detail-inner .btn.btn-cart,
.p-detail-inner .btn-add-cart,
.p-detail-inner button[type="submit"],
.lwdetail-final-button,
.lwdetail-final-button a,
.lw-btn,
.lw-btn-primary{
    border-radius:0!important;
}

/* Jednotný hover */
.p-detail-inner .add-to-cart .btn-conversion:hover,
.p-detail-inner .add-to-cart .btn.btn-conversion:hover,
.p-detail-inner button.btn-conversion:hover,
.p-detail-inner .btn.btn-cart:hover,
.p-detail-inner .btn-add-cart:hover,
.p-detail-inner button[type="submit"]:hover,
.lwdetail-final-button:hover,
.lwdetail-final-button a:hover,
.lw-btn:hover,
.lw-btn-primary:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 10px 22px rgba(231,188,73,.35)!important;
}


/* =========================================================
   CENOVÝ BLOK – PRÁZDNÉ A SKRYTÉ CENOVÉ PRVKY
========================================================= */

/* Když některé prvky nejsou naplněné, nerezervuj jim místo */
.p-detail-inner .price-standard:empty,
.p-detail-inner .price-save:empty,
.p-detail-inner .price-before:empty,
.p-detail-inner .price-discount:empty,
.p-detail-inner .price-old:empty{
    display:none!important;
    margin:0!important;
    padding:0!important;
}

/* Pokud Shoptet skryje starou cenu, nezůstane po ní mezera */
.p-detail-inner .price-standard[hidden],
.p-detail-inner .price-save[hidden],
.p-detail-inner .price-before[hidden],
.p-detail-inner .price-discount[hidden],
.p-detail-inner .price-old[hidden],
.p-detail-inner .price-standard.hidden,
.p-detail-inner .price-save.hidden,
.p-detail-inner .price-before.hidden,
.p-detail-inner .price-discount.hidden,
.p-detail-inner .price-old.hidden{
    display:none!important;
}

/* Cena vždy těsně nahoře */
.p-detail-inner .p-final-price,
.p-detail-inner .price-final,
.p-detail-inner .price-final-holder{
    margin-top:0!important;
}

/* =========================================================
   VARIANTNÍ CENA – OCHRANA SHOPTET PŘEPÍNÁNÍ
========================================================= */

/* Nepřepisovat vnitřní cenové wrappery na flex.
   Jejich viditelnost a přepínání variant řídí Shoptet. */
.p-detail-inner .price-wrapper,
.p-detail-inner .prices{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important
}

/* Hlavní wrapper ceny bez rezervované výšky */
.p-detail-inner .p-final-price-wrapper{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0 4px 0 0!important
}

/* Skutečný element finální ceny */
.p-detail-inner .price-final-holder.parameter-dependent{
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    vertical-align:top!important
}

/* Prázdné cenové elementy nesmí vytvářet místo */
.p-detail-inner .p-final-price-wrapper > :empty,
.p-detail-inner .price-wrapper > :empty,
.p-detail-inner .prices > :empty,
.p-detail-inner .price-standard-holder:empty,
.p-detail-inner .price-save-holder:empty,
.p-detail-inner .price-before-discount:empty,
.p-detail-inner .price-discount:empty{
    display:none!important;
    min-height:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important
}

/* Skryté variantní ceny musí zůstat skryté */
.p-detail-inner .price-final-holder.parameter-dependent[hidden],
.p-detail-inner .price-final-holder.parameter-dependent.hidden,
.p-detail-inner .price-final-holder.parameter-dependent[style*="display: none"],
.p-detail-inner .price-final-holder.parameter-dependent[style*="display:none"]{
    display:none!important
}

/* =========================================================
   NÁKUPNÍ PANEL – KOMPAKTNÍ FINÁLNÍ ROZLOŽENÍ
========================================================= */

/* Celý panel začíná obsahem hned nahoře */
.p-detail-inner .buy-wrapper{
  justify-content:flex-start!important;
  align-content:flex-start!important;
  align-items:flex-start!important;
  min-height:0!important;
  height:auto!important;
  padding-top:12px!important;
  padding-bottom:12px!important
}

/* Všechny obaly mezi panelem a cenou bez horní rezervy */
.p-detail-inner .buy-wrapper > *,
.p-detail-inner .buy-wrapper .p-final-price-wrapper,
.p-detail-inner .buy-wrapper .price-wrapper,
.p-detail-inner .buy-wrapper .prices{
  min-height:0!important;
  height:auto!important;
  margin-top:0!important;
  padding-top:0!important;
  justify-content:flex-start!important;
  align-content:flex-start!important;
  align-items:flex-start!important
}

/* Skryté variantní ceny nesmí zabírat místo ani při visibility/opacity */
.p-detail-inner .price-final-holder.parameter-dependent[style*="visibility: hidden"],
.p-detail-inner .price-final-holder.parameter-dependent[style*="visibility:hidden"],
.p-detail-inner .price-final-holder.parameter-dependent[style*="opacity: 0"],
.p-detail-inner .price-final-holder.parameter-dependent[style*="opacity:0"]{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important
}

/* Aktivní cena bez horního odsazení */
.p-detail-inner .p-final-price-wrapper .price-final-holder.parameter-dependent{
  position:static!important;
  top:auto!important;
  transform:none!important;
  margin:0!important;
  padding:0!important
}

/* Množství navazuje přímo pod cenou */
.p-detail-inner .buy-wrapper .quantity{
  margin-top:8px!important;
  margin-bottom:0!important
}

/* Tlačítko navazuje kompaktně pod množstvím */
.p-detail-inner .buy-wrapper .add-to-cart{
  margin-top:10px!important
}