/*
  ALPO Cappotto v2.8.4-safe — PRE-CLONE DRAFT
  Non usare in produzione.
  Scopo: preparare layer CSS prudente per futuro test su clone Shoptet.

  Principio:
  - Shoptet resta motore: prezzi, košík, checkout, login, objednávky.
  - Cappotto CSS resta pelle visiva.
  - Segmentazione forte e diagnostica restano in alpo-cappotto-v28.js.
*/

:root{
  --alpo-red:#e4312f;
  --alpo-ink:#1e1714;
  --alpo-muted:#6f625a;
  --alpo-line:#e7ded6;
  --alpo-paper:#fffaf6;
  --alpo-dark:#211712;
  --alpo-radius:22px;
}

/* Identificazione segmento, applicata da alpo-cappotto-v28.js */
html.alpo-segment-retail body:before,
html.alpo-segment-pro body:before,
html.alpo-segment-wholesale body:before{
  display:none;
}

/*
  Regola fondamentale:
  ALPO Klub / Ellity / MeHub bonus solo per Pro KADEŘNÍKY.

  Versione prudente:
  - niente [class*="bonus"] generico
  - niente [class*="ellity"] generico
  - niente !important nel CSS
  - eventuale forza di nascondimento resta nel JS, dopo lettura segmento
*/
html.alpo-segment-retail .mehub-bonus-product-detail-container,
html.alpo-segment-retail .mehub-bonus-product-list-container,
html.alpo-segment-retail .mehub-bonus-cart-container,
html.alpo-segment-retail .mehub-bonus-header-container,
html.alpo-segment-retail .needed-points,
html.alpo-segment-wholesale .mehub-bonus-product-detail-container,
html.alpo-segment-wholesale .mehub-bonus-product-list-container,
html.alpo-segment-wholesale .mehub-bonus-cart-container,
html.alpo-segment-wholesale .mehub-bonus-header-container,
html.alpo-segment-wholesale .needed-points{
  display:none;
}

/* Mobile safe area: Chat ALPO non deve coprire CTA, prezzi e form */
@media(max-width:768px){
  body.type-detail,
  body.type-category,
  body.type-cart,
  body.type-customer,
  body.type-page{
    padding-bottom:96px;
  }

  .cart-content,
  .checkout-box,
  .cart-table,
  .co-box,
  .content-wrapper,
  .p-detail,
  .p-detail-inner{
    scroll-margin-bottom:120px;
  }
}

/* Categoria: base futura per card più ordinate */
.products .product{
  border-radius:var(--alpo-radius);
}

.products .product .name,
.products .product .p-name,
.products .product .product-name{
  line-height:1.22;
}

/* Prodotto: titolo meno dominante, compatibile con Shoptet */
.type-detail h1,
.type-product h1{
  letter-spacing:-.035em;
  line-height:1.04;
}

/* Carrello: compattezza prudente, senza rompere funzioni */
.cart-table,
.cart-content,
.order-summary,
.co-box{
  border-radius:var(--alpo-radius);
}

/* Link PDF: non trasformare href, lo script esistente deve continuare a riconoscere .pdf */
a[href$=".pdf"]{
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

/*
  Stato tecnico visivo solo in clone/test se abilitato via classe html.alpo-debug.
  Non deve bloccare click o coprire funzioni.
*/
html.alpo-debug body:after{
  content:"ALPO cappotto v2.8.4 test";
  position:fixed;
  left:12px;
  bottom:12px;
  z-index:900;
  background:var(--alpo-dark);
  color:#fff;
  border-radius:999px;
  padding:8px 12px;
  font:700 12px/1 Arial,sans-serif;
  opacity:.85;
  pointer-events:none;
}

/* =========================================================
   ALPO Sector Switch — homepage
   PRO / Retail / Wholesale
   ========================================================= */

.alpo-sector-switch {
  width: 100%;
  padding: 0;
  margin: 0;
}

.alpo-sector-switch__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

.alpo-sector-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  padding: 28px 24px;
  text-align: center;
  text-decoration: none;
  transition:
    transform .2s ease,
    opacity .2s ease;
}

.alpo-sector-card:hover,
.alpo-sector-card:focus-visible {
  text-decoration: none;
  transform: translateY(-2px);
}

.alpo-sector-card--pro,
.alpo-sector-card--wholesale {
  background: #1d1d1d;
  color: #fff;
}

.alpo-sector-card--retail {
  background: #f4f4f4;
  color: #1d1d1d;
}

.alpo-sector-card__label {
  display: block;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .035em;
}

.alpo-sector-card[aria-disabled="true"] {
  cursor: default;
  opacity: .42;
}

.alpo-sector-card[aria-disabled="true"]:hover,
.alpo-sector-card[aria-disabled="true"]:focus-visible {
  transform: none;
}

@media (max-width: 767px) {
  .alpo-sector-switch__grid {
    grid-template-columns: 1fr;
  }

  .alpo-sector-card {
    min-height: 96px;
    padding: 22px 18px;
  }

  .alpo-sector-card__label {
    font-size: 16px;
  }
}

/* ALPO CATEGORY DESIGN v2.8
   Master visivo: futura homepage ALPO.
   Fail-safe: attivo solo con .alpo-category-design-active.
*/
.alpo-category-design-active #alpo-category-hero-v28{
  margin:0 0 28px;
  padding:clamp(30px,4vw,54px);
  border:1px solid rgba(212,170,98,.34);
  border-radius:14px;
  background:
    radial-gradient(circle at 88% 18%,rgba(212,170,98,.18),transparent 30%),
    linear-gradient(135deg,#f6efe4 0%,#fffaf3 58%,#efe1c8 100%);
  box-shadow:0 16px 44px rgba(18,15,12,.10);
}

.alpo-category-design-active #alpo-category-hero-v28 .alpo-category-kicker{
  margin:0 0 10px;
  color:#8a6227;
  font:800 12px/1.2 Inter,Arial,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.alpo-category-design-active #alpo-category-hero-v28 h1{
  max-width:900px;
  margin:0 0 14px;
  color:#171412;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(36px,4vw,62px);
  line-height:1.02;
  letter-spacing:-.035em;
}

.alpo-category-design-active #alpo-category-hero-v28 p{
  max-width:760px;
  margin:0;
  color:#6d635b;
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.6;
}

.alpo-category-hero-active .category-top > .category-title{
  display:none!important;
}

@media(max-width:767px){
  .alpo-category-design-active #alpo-category-hero-v28{
    padding:26px 22px;
    margin-bottom:20px;
  }
}

/* ALPO CATEGORY SUBCATEGORIES v2.8
   Coerente con futura homepage.
   Mantiene la freccia nativa Samba.
*/
.alpo-category-design-active .category-top .subcategories{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin:0 0 38px!important;
  padding:0!important;
}

.alpo-category-design-active .category-top .subcategories > li{
  width:auto!important;
  max-width:none!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}

.alpo-category-design-active .category-top .subcategories > li > a{
  display:flex!important;
  align-items:center;
  min-height:86px;
  padding:18px 54px 18px 26px!important;
  border:1px solid rgba(212,170,98,.30);
  border-radius:14px;
  background:linear-gradient(135deg,#fffaf3,#fff);
  box-shadow:0 10px 30px rgba(18,15,12,.055);
  text-decoration:none!important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.alpo-category-design-active .category-top .subcategories > li > a:hover{
  transform:translateY(-2px);
  border-color:rgba(212,170,98,.58);
  box-shadow:0 16px 38px rgba(18,15,12,.09);
}

.alpo-category-design-active .category-top .subcategories .text{
  max-width:none!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  color:#171412!important;
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:15px!important;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.01em;
}

@media(max-width:1050px){
  .alpo-category-design-active .category-top .subcategories{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .alpo-category-design-active .category-top .subcategories{
    grid-template-columns:1fr;
    gap:12px;
  }

  .alpo-category-design-active .category-top .subcategories > li > a{
    min-height:76px;
    padding:17px 46px 17px 20px!important;
  }
}

/* ALPO PRODUCT FLAGS v2.8
   Příznaky nativi Shoptet: solo veste grafica.
*/
.alpo-category-design-active .flags.flags-default{
  gap:6px!important;
  z-index:5!important;
}

.alpo-category-design-active .flags.flags-default .flag{
  padding:7px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(18,15,12,.10)!important;
  box-shadow:0 5px 14px rgba(18,15,12,.06);
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
}

.alpo-category-design-active .flags.flags-default .flag-new{
  background:#d4aa62!important;
  color:#171412!important;
}

.alpo-category-design-active .flags.flags-default .flag-bez-sulfatu-2{
  background:#fffaf3!important;
  color:#6d635b!important;
  border-color:rgba(212,170,98,.48)!important;
}

/* ALPO PRODUCT CARDS v2.8
   Veste grafica del prodotto Samba.
   Logica prezzi, disponibilità e carrello resta nativa Shoptet/Cappotto.
*/
.alpo-category-design-active .products .product > .p{
  height:100%;
  overflow:visible;
  border:1px solid rgba(212,170,98,.28);
  border-radius:14px;
  background:#fffaf3;
  box-shadow:0 12px 32px rgba(18,15,12,.07);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.alpo-category-design-active .products .product > .p:hover{
  transform:translateY(-3px);
  border-color:rgba(212,170,98,.55);
  box-shadow:0 18px 42px rgba(18,15,12,.11);
}

.alpo-category-design-active .products .product a.image{
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:#fff;
}

.alpo-category-design-active .products .product a.image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  transition:transform .25s ease;
}

.alpo-category-design-active .products .product > .p:hover a.image img{
  transform:scale(1.025);
}

.alpo-category-design-active .products .product .p-in{
  padding:18px 18px 20px!important;
}

.alpo-category-design-active .products .product a.name{
  color:#171412!important;
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-weight:800!important;
  text-decoration:none!important;
}



.alpo-category-design-active .products .product .price-final{
  color:#171412;
}

.alpo-category-design-active .products .product .price-final strong{
  font-size:20px!important;
  font-weight:800;
}

.alpo-category-design-active .products .product .price-additional,
.alpo-category-design-active .products .product .price-measure{
  color:#6d635b;
}

.alpo-category-design-active .products .product .availability{
  font-weight:700;
}



.alpo-category-design-active .products .product .add-to-cart-button{
  border-radius:999px!important;
  background:#11100f!important;
  border-color:#11100f!important;
  color:#fff!important;
  font-weight:800!important;
}

/* Wholesale non acquistabile: deve risultare chiaramente bloccato */
.alpo-category-design-active
.products .product
.add-to-cart-button[data-alpo-wholesale-blocked="true"],
.alpo-category-design-active
.products .product
.add-to-cart-button:disabled{
  background:#d8d1c8!important;
  border-color:#d8d1c8!important;
  color:#756d66!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}

/* ALPO DETAIL BUTTON v2.8 */
.alpo-category-design-active
.products .product .p-tools a.btn.btn-primary{
  border-radius:999px!important;
  background:#11100f!important;
  border-color:#11100f!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:none!important;
}

.alpo-category-design-active
.products .product .p-tools a.btn.btn-primary:hover{
  background:#1c1917!important;
  border-color:#1c1917!important;
  color:#fff!important;
}

/* ALPO PRODUCT CODE v2.8 */
.alpo-category-design-active
.products .product .p-code{
  position:static!important;
  float:none!important;
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin:0 0 4px!important;
  color:#6d635b!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:.04em!important;
}

/* ALPO PRODUCT VARIANTS - HIDE GENERIC TOP CODE v2.8 */
.alpo-product-has-variants .detail-parameter-product-code{
  display:none!important;
}

/* ALPO CATEGORY VARIANT FAMILY CODE v2.8 */
.alpo-category-design-active
.products .product.alpo-product-card-has-variants .p-code{
  display:block!important;
  visibility:hidden!important;
}

/* ALPO PRODUCT CODE / NAME GAP v2.8 */
.alpo-category-design-active
.products .product .p-in{
  padding-top:10px!important;
}

/* ALPO HEADER LOGO v2.8 */
#header .site-name img{
  width:180px!important;
  max-width:none!important;
  height:auto!important;
}

/* ALPO CATEGORY TITLE v2.8 */
body.type-category
.category-top > h1.category-title{
  font-size:24px!important;
  line-height:1.3!important;
}

/* ALPO PRODUCT VARIANTS MOBILE v2.8 */
@media (max-width:620px){

  #variants .variant-table .table-row{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }

  #variants .variant-table .variant-name-wrapper{
    margin-bottom:6px!important;
  }

  #variants .variant-table .price{
    padding-top:8px!important;
    padding-bottom:0!important;
  }

  #variants .variant-table .price strong,
  #variants .variant-table .price .price-final{
    margin-bottom:2px!important;
  }
}

/* ALPO PRODUCT BUY MOBILE v2.8 */
@media (max-width:620px){

  body.type-product .p-data-wrapper .p-variants-block{
    margin:18px 0 14px!important;
  }

  body.type-product .p-data-wrapper .p-variants-block > p{
    margin:0!important;
  }

  body.type-product .p-data-wrapper .p-variants-block a,
  body.type-product .p-data-wrapper .p-variants-block button{
    min-height:44px!important;
    padding:11px 18px!important;
    border:1px solid rgba(212,170,98,.7)!important;
    border-radius:999px!important;
    background:#fffaf3!important;
    color:#171412!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body.type-product .p-data-wrapper .p-price-wrapper{
    margin:0 0 14px!important;
    padding:16px 18px!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:14px!important;
    background:#fffaf3!important;
    box-shadow:0 8px 24px rgba(18,15,12,.06)!important;
  }

  body.type-product .p-data-wrapper .p-price-wrapper .price-final{
    display:block!important;
    margin:0 0 3px!important;
    font-size:28px!important;
    line-height:1.15!important;
    font-weight:800!important;
    color:#171412!important;
  }

  body.type-product .p-data-wrapper .p-price-wrapper .price-additional{
    display:block!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.4!important;
    color:#6d635b!important;
  }

  body.type-product .p-data-wrapper .p-price-wrapper .price-measure{
    display:block!important;
    margin-top:5px!important;
    font-size:12px!important;
    line-height:1.35!important;
    color:#6d635b!important;
  }
}

/* ALPO PRODUCT DETAIL DESKTOP v2.8 */
@media (min-width:1024px){

  body.type-product
  .p-detail > .p-detail-inner{
    display:grid!important;
    grid-template-columns:minmax(0,46%) minmax(0,54%)!important;
    gap:64px!important;
    align-items:start!important;
    max-width:1540px!important;
    margin:0 auto!important;
    padding:36px 28px 56px!important;
  }

  body.type-product
  .p-detail > .p-detail-inner > .p-image-wrapper,
  body.type-product
  .p-detail > .p-detail-inner > .p-data-wrapper{
    width:auto!important;
    max-width:none!important;
    float:none!important;
  }

  body.type-product
  .p-detail > .p-detail-inner > .p-image-wrapper{
    padding:30px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:20px!important;
    box-shadow:0 16px 44px rgba(18,15,12,.08)!important;
  }

  body.type-product
  .p-detail-inner-header > .brand-wrapper{
    margin:0 0 12px!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:800!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
    color:#6d635b!important;
  }

  body.type-product
  .p-detail-inner-header > .brand-wrapper a{
    color:#6d635b!important;
    text-decoration:none!important;
  }

  body.type-product
  .p-detail-inner-header > h1{
    margin:0 0 20px!important;
    max-width:760px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:38px!important;
    line-height:1.10!important;
    font-weight:700!important;
    color:#171412!important;
  }

  body.type-product
  .p-detail-inner-header > .stars-wrapper{
    margin:0 0 28px!important;
  }

  body.type-product
  .p-short-description{
    max-width:820px!important;
    font-size:17px!important;
    line-height:1.58!important;
    color:#171412!important;
  }

  body.type-product
  .p-short-description p{
    margin:0 0 18px!important;
  }

  body.type-product
  .p-data-wrapper form{
    margin-top:26px!important;
    padding-top:26px!important;
    border-top:1px solid rgba(212,170,98,.35)!important;
  }

  body.type-product
  .p-data-wrapper .p-variants-block a,
  body.type-product
  .p-data-wrapper .p-variants-block button{
    padding:12px 20px!important;
    border:1px solid rgba(212,170,98,.65)!important;
    border-radius:999px!important;
    background:#fffaf3!important;
    color:#171412!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body.type-product
  .p-data-wrapper .p-price-wrapper{
    margin:20px 0 16px!important;
    padding:17px 20px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(18,15,12,.06)!important;
  }

  body.type-product
  .p-data-wrapper .p-price-wrapper .price-final{
    display:block!important;
    margin:0 0 4px!important;
    font-size:38px!important;
    line-height:1.1!important;
    font-weight:800!important;
    color:#171412!important;
  }

  body.type-product
  .p-data-wrapper .p-price-wrapper .price-additional{
    display:block!important;
    font-size:15px!important;
    color:#6d635b!important;
  }

  body.type-product
  .p-detail > .p-detail-inner > .p-image-wrapper
  .flags.flags-default .flag{
    padding:8px 14px!important;
    border-radius:999px!important;
    background:#f6efe4!important;
    border:1px solid rgba(212,170,98,.55)!important;
    color:#171412!important;
    font-size:13px!important;
    font-weight:800!important;
  }
}

/* ALPO PRODUCT TABS DESKTOP v2.8 */
@media (min-width:1024px){

  body.type-product
  .p-detail-tabs.visible-links{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin:34px 0 24px!important;
    padding:0 0 18px!important;
    border-bottom:1px solid rgba(212,170,98,.35)!important;
    box-shadow:none!important;
    background:transparent!important;
  }

  body.type-product
  .p-detail-tabs.visible-links > .shp-tab{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.type-product
  .p-detail-tabs.visible-links > .shp-tab > .shp-tab-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    padding:11px 20px!important;
    border:1px solid rgba(212,170,98,.45)!important;
    border-radius:999px!important;
    background:#fffaf3!important;
    color:#171412!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.type-product
  .p-detail-tabs.visible-links > .shp-tab.active > .shp-tab-link{
    background:#11100f!important;
    border-color:#11100f!important;
    color:#fff!important;
  }

  body.type-product
  .p-detail-tabs.visible-links > .shp-tab:not(.active) > .shp-tab-link:hover{
    background:#f6efe4!important;
    border-color:#d4aa62!important;
    color:#171412!important;
  }
}

/* ALPO PRODUCT VARIANT ROWS DESKTOP v2.8 */
@media (min-width:1024px){

  body.type-product
  #variants .variant-table > .table-row{
    margin:0 0 14px!important;
    padding:18px 22px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:0 8px 24px rgba(18,15,12,.05)!important;
    box-sizing:border-box!important;
  }

  body.type-product
  #variants .variant-name{
    font-size:16px!important;
    line-height:1.3!important;
    font-weight:800!important;
    color:#171412!important;
  }

  body.type-product
  #variants .variant-name-wrapper .variant-code,
  body.type-product
  #variants .variant-name-wrapper .productEan{
    color:#6d635b!important;
    font-size:13px!important;
    line-height:1.4!important;
  }

  body.type-product
  #variants .variant-image{
    padding:6px!important;
    background:#fff!important;
    border:1px solid rgba(212,170,98,.25)!important;
    border-radius:12px!important;
  }

  body.type-product
  #variants .table-col.price .price-final{
    color:#171412!important;
    font-size:20px!important;
    line-height:1.2!important;
    font-weight:800!important;
  }

  body.type-product
  #variants .table-col.price .price-additional{
    margin-top:3px!important;
    color:#6d635b!important;
    font-size:13px!important;
  }

  body.type-product
  #variants .table-col.cart .quantity{
    display:inline-flex!important;
    align-items:stretch!important;
    overflow:hidden!important;
    height:46px!important;
    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:999px!important;
    background:#fff!important;
  }

  body.type-product
  #variants .table-col.cart .quantity .amount{
    width:46px!important;
    height:44px!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    color:#171412!important;
    font-size:14px!important;
    font-weight:800!important;
    text-align:center!important;
    box-shadow:none!important;
  }

  body.type-product
  #variants .table-col.cart .quantity .increase,
  body.type-product
  #variants .table-col.cart .quantity .decrease{
    width:42px!important;
    height:44px!important;
    padding:0!important;
    border:0!important;
    background:#fffaf3!important;
    color:#171412!important;
    font-size:20px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body.type-product
  #variants .table-col.cart .quantity .increase:hover,
  body.type-product
  #variants .table-col.cart .quantity .decrease:hover{
    background:#f6efe4!important;
  }

  body.type-product
  #variants .table-col.cart .add-to-cart-button{
    width:52px!important;
    height:46px!important;
    min-width:52px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  body.type-product
  #variants .table-col.cart .add-to-cart-button:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

  body.type-product
  #variants .table-col.cart .add-to-cart-button .icon-cart{
    color:#fff!important;
  }
}

/* ALPO PRODUCT PRICE DESKTOP RESPONSIVE v2.8 */
@media (min-width:1024px){

  body.type-product
  .p-data-wrapper .p-price-wrapper{
    padding:15px 18px!important;
  }

  body.type-product
  .p-data-wrapper .p-price-wrapper .price-final{
    font-size:clamp(32px,2.2vw,36px)!important;
  }
}

/* ALPO PRODUCT DESCRIPTION DESKTOP v2.8 */
@media (min-width:1024px){

  body.type-product
  #description .description-inner{
    max-width:1180px!important;
    margin:0 auto!important;
    padding:32px 36px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px!important;
    box-shadow:0 10px 30px rgba(18,15,12,.05)!important;
  }

  body.type-product
  #description .description-inner h4{
    margin:0 0 24px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:28px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
  }

  body.type-product
  #description .description-inner p{
    margin:0 0 14px!important;
    font-size:16px!important;
    line-height:1.65!important;
    color:#171412!important;
  }

  body.type-product
  #description .description-inner p.alpo-description-subhead{
    margin-top:26px!important;
    margin-bottom:10px!important;
    font-size:18px!important;
    line-height:1.35!important;
    font-weight:800!important;
    color:#171412!important;
  }

  body.type-product
  #description .description-inner a{
    color:#171412!important;
    font-weight:800!important;
    text-decoration-color:#d4aa62!important;
    text-underline-offset:3px!important;
  }
}

/* ALPO PRODUCT PARAMETERS DESKTOP v2.8 */
@media (min-width:1024px){

  body.type-product
  #extendedDescription .extended-description-inner{
    max-width:980px!important;
    margin:0 auto!important;
    padding:30px 34px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px!important;
    box-shadow:0 10px 30px rgba(18,15,12,.05)!important;
  }

  body.type-product
  #extendedDescription table.detail-parameters{
    width:100%!important;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    background:transparent!important;
    border:0!important;
  }

  body.type-product
  #extendedDescription table.detail-parameters tr{
    background:transparent!important;
  }

  body.type-product
  #extendedDescription table.detail-parameters tr + tr th,
  body.type-product
  #extendedDescription table.detail-parameters tr + tr td{
    border-top:1px solid rgba(212,170,98,.25)!important;
  }

  body.type-product
  #extendedDescription table.detail-parameters th,
  body.type-product
  #extendedDescription table.detail-parameters td{
    padding:16px 18px!important;
    vertical-align:middle!important;
    border:0!important;
  }

  body.type-product
  #extendedDescription table.detail-parameters th{
    width:38%!important;
    color:#6d635b!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:800!important;
    text-align:left!important;
  }

  body.type-product
  #extendedDescription table.detail-parameters td{
    color:#171412!important;
    font-size:15px!important;
    line-height:1.5!important;
    font-weight:700!important;
  }

  body.type-product
  #extendedDescription table.detail-parameters td a{
    color:#171412!important;
    font-weight:800!important;
    text-decoration-color:#d4aa62!important;
    text-underline-offset:3px!important;
  }
}

/* ALPO PRODUCT RATING DESKTOP v2.8 */
@media (min-width:1024px){

  body.type-product
  #ratingTab{
    max-width:980px!important;
    margin:0 auto!important;
    padding:30px 34px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px!important;
    box-shadow:0 10px 30px rgba(18,15,12,.05)!important;
  }

  body.type-product
  #ratingTab > h2{
    margin:0 0 10px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:28px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
  }

  body.type-product
  #ratingTab > p{
    margin:0 0 22px!important;
    font-size:15px!important;
    line-height:1.55!important;
    color:#6d635b!important;
  }

  body.type-product
  #ratingTab .add-comment{
    margin:0 0 18px!important;
  }

  body.type-product
  #ratingTab .add-comment .btn{
    min-height:44px!important;
    padding:11px 20px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body.type-product
  #ratingTab .add-comment .btn:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

  body.type-product
  #ratingTab .rating-form{
    margin-top:18px!important;
    padding-top:22px!important;
    border-top:1px solid rgba(212,170,98,.25)!important;
  }

  body.type-product
  #ratingTab .form-group{
    margin-bottom:18px!important;
  }

  body.type-product
  #ratingTab .form-control{
    min-height:46px!important;
    padding:11px 14px!important;
    border:1px solid rgba(212,170,98,.45)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#171412!important;
    box-shadow:none!important;
  }

  body.type-product
  #ratingTab textarea.form-control{
    min-height:120px!important;
    resize:vertical!important;
  }

  body.type-product
  #ratingTab .form-control:focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 2px rgba(212,170,98,.12)!important;
  }

  body.type-product
  #ratingTab .rating-stars-group{
    padding:16px 0!important;
  }

  body.type-product
  #ratingTab button[type="submit"]{
    min-height:44px!important;
    padding:11px 20px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
}

/* ALPO PRODUCT DISCUSSION DESKTOP v2.8 */
@media (min-width:1024px){

  body.type-product
  #productDiscussion #discussionWrapper{
    max-width:980px!important;
    margin:0 auto!important;
    padding:30px 34px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px!important;
    box-shadow:0 10px 30px rgba(18,15,12,.05)!important;
  }

  body.type-product
  #discussionWrapper > h2{
    margin:0 0 10px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:28px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
  }

  body.type-product
  #discussionWrapper .discussionContainer > p{
    margin:0 0 22px!important;
    font-size:15px!important;
    line-height:1.55!important;
    color:#6d635b!important;
  }

  body.type-product
  #discussionWrapper .add-comment{
    margin:0 0 18px!important;
  }

  body.type-product
  #discussionWrapper .add-comment .btn{
    min-height:44px!important;
    padding:11px 20px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body.type-product
  #discussionWrapper .add-comment .btn:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

  body.type-product
  #discussionWrapper .discussion-form{
    margin-top:18px!important;
    padding-top:22px!important;
    border-top:1px solid rgba(212,170,98,.25)!important;
  }

  body.type-product
  #discussionWrapper .form-group{
    margin-bottom:18px!important;
  }

  body.type-product
  #discussionWrapper .form-control{
    min-height:46px!important;
    padding:11px 14px!important;
    border:1px solid rgba(212,170,98,.45)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#171412!important;
    box-shadow:none!important;
  }

  body.type-product
  #discussionWrapper textarea.form-control{
    min-height:120px!important;
    resize:vertical!important;
  }

  body.type-product
  #discussionWrapper .form-control:focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 2px rgba(212,170,98,.12)!important;
  }

  body.type-product
  #discussionWrapper button[type="submit"]{
    min-height:44px!important;
    padding:11px 20px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
}

/* ALPO PRODUCT OTHER INFORMATION DESKTOP v2.8 */
@media (min-width:1024px){

  body.type-product
  #otherInformation{
    max-width:1120px!important;
    margin:0 auto!important;
    padding:30px 34px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px!important;
    box-shadow:0 10px 30px rgba(18,15,12,.05)!important;
  }

  body.type-product
  #otherInformation table.detail-parameters__gpsr{
    width:100%!important;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    background:transparent!important;
    border:0!important;
  }

  body.type-product
  #otherInformation table.detail-parameters__gpsr tr{
    background:transparent!important;
  }

  body.type-product
  #otherInformation table.detail-parameters__gpsr tr + tr th,
  body.type-product
  #otherInformation table.detail-parameters__gpsr tr + tr td{
    border-top:1px solid rgba(212,170,98,.25)!important;
  }

  body.type-product
  #otherInformation table.detail-parameters__gpsr th,
  body.type-product
  #otherInformation table.detail-parameters__gpsr td{
    padding:16px 18px!important;
    vertical-align:top!important;
    border:0!important;
  }

  body.type-product
  #otherInformation table.detail-parameters__gpsr th{
    width:32%!important;
    color:#6d635b!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:800!important;
    text-align:left!important;
    white-space:normal!important;
  }

  body.type-product
  #otherInformation table.detail-parameters__gpsr td{
    color:#171412!important;
    font-size:15px!important;
    line-height:1.6!important;
    font-weight:700!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }

  body.type-product
  #otherInformation table.detail-parameters__gpsr td a{
    color:#171412!important;
    font-weight:800!important;
    text-decoration-color:#d4aa62!important;
    text-underline-offset:3px!important;
  }
}

/* ALPO RELATED PRODUCTS DESKTOP v2.8 */
@media (min-width:1024px){

  body.type-product
  :is(.products-related-header,.products-alternative-header){
    margin:54px 0 28px!important;
    text-align:center!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:34px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product{
    padding:8px!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product > .p{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    overflow:visible!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(18,15,12,.06)!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .image{
    order:1!important;
    min-height:270px!important;
    padding:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    border-radius:15px 15px 0 0!important;
    overflow:hidden!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .image img{
    max-height:245px!important;
    width:auto!important;
    object-fit:contain!important;
    transition:transform .2s ease!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .image:hover img{
    transform:scale(1.025)!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .flags.flags-default{
    gap:6px!important;
    z-index:5!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .flags .flag{
    padding:7px 12px!important;
    border-radius:999px!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .flag-pouze-pro-registrovane{
    background:#f6efe4!important;
    color:#171412!important;
    border:1px solid rgba(212,170,98,.55)!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .p-code{
    order:2!important;
    position:static!important;
    float:none!important;
    display:block!important;
    width:100%!important;
    margin:10px 0 4px!important;
    padding:0 16px!important;
    text-align:center!important;
    color:#6d635b!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:600!important;
    letter-spacing:.04em!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .p-in{
    order:3!important;
    flex:1!important;
    padding:8px 18px 20px!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .p-in-in .name{
    display:-webkit-box!important;
    min-height:61px!important;
    max-height:61px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    color:#171412!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:800!important;
    text-align:center!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .prices{
    min-height:102px!important;
    text-align:center!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .price-final{
    color:#171412!important;
    font-weight:800!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .price-additional,
  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .price-measure{
    color:#6d635b!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .availability{
    text-align:center!important;
    font-weight:700!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .p-tools{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    margin-top:14px!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .quantity{
    height:42px!important;
    overflow:hidden!important;
    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:999px!important;
    background:#fff!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .add-to-cart-button{
    min-height:42px!important;
    padding:0 18px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .add-to-cart-button:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

  body.type-product
  :is(.products-related-wrapper,.products-alternative-wrapper) .product .p-desc{
    display:-webkit-box!important;
    margin:18px 0 0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    color:#6d635b!important;
    font-size:13px!important;
    line-height:1.5!important;
    text-align:left!important;
  }
}

/* =========================================================
   ALPO GLOBAL FOOTER DESKTOP v2.8
   Shoptet = data source / Cappotto = presentation
   ========================================================= */

.alpo-footer-v28{
  display:none;
}

@media(min-width:1024px){

  html.alpo-footer-active .footer-newsletter-full-width,
  html.alpo-footer-active #footer{
    display:none!important;
  }

  html.alpo-footer-active .alpo-footer-v28{
    display:block!important;
  }

  .alpo-footer-v28{
    width:100%!important;
    max-width:100%!important;
    margin-top:70px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#11100f!important;
    color:#fff!important;
  }

  .alpo-footer-v28 .alpo-footer-inner{
    width:100%!important;
    max-width:1780px!important;
    margin:0 auto!important;
    padding:
      68px clamp(30px,3.4vw,64px)
      52px!important;
    box-sizing:border-box!important;
  }

  .alpo-footer-v28 .alpo-footer-top{
    display:grid!important;
    grid-template-columns:
      minmax(250px,1.55fr)
      repeat(3,minmax(135px,.8fr))
      minmax(155px,.9fr)!important;
    gap:clamp(28px,3vw,52px)!important;
    align-items:start!important;
  }

  .alpo-footer-v28[data-alpo-footer-mode="neutral"]
  .alpo-footer-top{
    grid-template-columns:
      minmax(290px,1.65fr)
      minmax(170px,.8fr)
      minmax(190px,.9fr)
      minmax(170px,.85fr)!important;
  }

  .alpo-footer-v28 .alpo-footer-brand{
    min-width:0!important;
  }

  .alpo-footer-v28 .alpo-footer-logo{
    display:block!important;
    width:270px!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 0 28px!important;
    filter:
      grayscale(1)
      invert(1)
      contrast(10)!important;
    mix-blend-mode:screen!important;
  }

  .alpo-footer-v28 .alpo-footer-brand p{
    margin:0!important;
    color:#ddd5cf!important;
    font-size:16px!important;
    line-height:1.55!important;
    font-weight:400!important;
  }

  .alpo-footer-v28 .alpo-footer-col{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    min-width:0!important;
  }

  .alpo-footer-v28 .alpo-footer-col h3{
    margin:0 0 18px!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:800!important;
    letter-spacing:.07em!important;
  }

  .alpo-footer-v28 .alpo-footer-col a{
    color:#ddd5cf!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:500!important;
    text-decoration:none!important;
    overflow-wrap:anywhere!important;
  }

  .alpo-footer-v28 .alpo-footer-col a:hover{
    color:#fff!important;
  }

  .alpo-footer-v28 .alpo-footer-contact{
    min-width:155px!important;
  }

  .alpo-footer-v28 .alpo-footer-contact a + a{
    margin-top:36px!important;
  }

  .alpo-footer-v28 .alpo-footer-bottom{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:32px!important;
    width:100%!important;
    margin-top:58px!important;
    padding-top:34px!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    box-sizing:border-box!important;
  }

  .alpo-footer-v28 .alpo-footer-payments{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
  }

  .alpo-footer-v28 .alpo-footer-payments img{
    display:block!important;
    width:auto!important;
    max-width:360px!important;
    max-height:42px!important;
    object-fit:contain!important;
    border-radius:8px!important;
  }

  .alpo-footer-v28 .alpo-footer-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:10px 18px!important;
    color:#ddd5cf!important;
    text-align:right!important;
  }

  .alpo-footer-v28 .alpo-footer-copy,
  .alpo-footer-v28 .alpo-footer-cookies{
    color:#ddd5cf!important;
    font-size:14px!important;
    line-height:1.4!important;
  }

  .alpo-footer-v28 .alpo-footer-cookies{
    text-decoration:underline!important;
    text-decoration-color:rgba(212,170,98,.65)!important;
    text-underline-offset:3px!important;
  }

  .alpo-footer-v28 .alpo-footer-shoptet{
    display:inline-flex!important;
    align-items:center!important;
  }

  .alpo-footer-v28 .alpo-footer-shoptet a{
    color:#ddd5cf!important;
    font-size:13px!important;
    text-decoration:none!important;
  }

  .alpo-footer-v28 .alpo-footer-shoptet img{
    max-width:17px!important;
    max-height:17px!important;
    margin-right:5px!important;
  }
}


/* ALPO FOOTER PAYMENT IMAGE v2.8 */
@media(min-width:1024px){
  .alpo-footer-v28 .alpo-footer-payment-image{
    display:block!important;
    width:175px!important;
    max-width:100%!important;
    background-repeat:no-repeat!important;
    background-position:left center!important;
    background-size:contain!important;
    flex:0 0 auto!important;
  }
}

/* =========================================================
   ALPO GLOBAL FOOTER TABLET v2.8
   621px - 1023px
   ========================================================= */

@media(max-width:1023px){

  html.alpo-footer-active .footer-newsletter-full-width,
  html.alpo-footer-active #footer{
    display:none!important;
  }

  html.alpo-footer-active .alpo-footer-v28{
    display:block!important;
  }

  .alpo-footer-v28{
    width:100%!important;
    margin-top:54px!important;
    background:#11100f!important;
    color:#fff!important;
    overflow:hidden!important;
  }

  .alpo-footer-v28 .alpo-footer-inner{
    width:100%!important;
    padding:48px 34px 36px!important;
    box-sizing:border-box!important;
  }

  .alpo-footer-v28 .alpo-footer-top{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:38px 46px!important;
  }

  .alpo-footer-v28 .alpo-footer-brand{
    grid-column:1 / -1!important;
    text-align:center!important;
  }

  .alpo-footer-v28 .alpo-footer-logo{
    display:block!important;
    width:210px!important;
    max-width:70%!important;
    height:auto!important;
    margin:0 auto 22px!important;
    filter:grayscale(1) invert(1) contrast(10)!important;
    mix-blend-mode:screen!important;
  }

  .alpo-footer-v28 .alpo-footer-brand p{
    margin:0 auto!important;
    max-width:460px!important;
    color:#ddd5cf!important;
    font-size:15px!important;
    line-height:1.55!important;
  }

  .alpo-footer-v28 .alpo-footer-col{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    min-width:0!important;
  }

  .alpo-footer-v28 .alpo-footer-col h3{
    margin:0 0 12px!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:800!important;
    letter-spacing:.07em!important;
  }

  .alpo-footer-v28 .alpo-footer-col a{
    color:#ddd5cf!important;
    font-size:15px!important;
    line-height:1.4!important;
    text-decoration:none!important;
  }

  .alpo-footer-v28 .alpo-footer-contact a + a{
    margin-top:18px!important;
  }

  .alpo-footer-v28 .alpo-footer-bottom{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:24px!important;
    margin-top:42px!important;
    padding-top:28px!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
  }

  .alpo-footer-v28 .alpo-footer-payments{
    display:flex!important;
    justify-content:center!important;
  }

  .alpo-footer-v28 .alpo-footer-payment-image{
    display:block!important;
    width:165px!important;
    max-width:100%!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
  }

  .alpo-footer-v28 .alpo-footer-meta{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:10px!important;
    text-align:center!important;
  }

  .alpo-footer-v28 .alpo-footer-copy,
  .alpo-footer-v28 .alpo-footer-cookies{
    color:#ddd5cf!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
}

/* =========================================================
   ALPO GLOBAL FOOTER MOBILE v2.8
   <= 620px
   ========================================================= */

@media(max-width:620px){

  .alpo-footer-v28 .alpo-footer-inner{
    padding:40px 26px 30px!important;
  }

  .alpo-footer-v28 .alpo-footer-top{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }

  .alpo-footer-v28 .alpo-footer-brand{
    grid-column:auto!important;
    margin-bottom:6px!important;
  }

  .alpo-footer-v28 .alpo-footer-logo{
    width:180px!important;
    max-width:72%!important;
    margin:0 auto 20px!important;
  }

  .alpo-footer-v28 .alpo-footer-brand p{
    max-width:310px!important;
    font-size:14px!important;
    line-height:1.5!important;
  }

  .alpo-footer-v28 .alpo-footer-col{
    gap:8px!important;
  }

  .alpo-footer-v28 .alpo-footer-col h3{
    margin-bottom:8px!important;
    font-size:13px!important;
  }

  .alpo-footer-v28 .alpo-footer-col a{
    font-size:15px!important;
    line-height:1.45!important;
  }

  .alpo-footer-v28 .alpo-footer-contact a{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .alpo-footer-v28 .alpo-footer-contact a[href^="tel:"]{
    white-space:nowrap!important;
  }

  .alpo-footer-v28 .alpo-footer-contact a + a{
    margin-top:8px!important;
  }

  .alpo-footer-v28 .alpo-footer-bottom{
    margin-top:34px!important;
    padding-top:26px!important;
    gap:22px!important;
  }

  .alpo-footer-v28 .alpo-footer-payment-image{
    width:155px!important;
  }

  .alpo-footer-v28 .alpo-footer-copy,
  .alpo-footer-v28 .alpo-footer-cookies{
    font-size:12px!important;
    line-height:1.45!important;
  }

  .alpo-footer-v28 .alpo-footer-copy{
    max-width:300px!important;
  }
}


/* =========================================================
   ALPO PRODUCT STOCK STATUS v2.8
   ========================================================= */

body.type-product
.p-data-wrapper .sold-out-wrapper{
  margin:0 0 16px!important;
}

body.type-product
.p-data-wrapper .sold-out-wrapper .sold-out{
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;
  padding:9px 15px!important;
  margin:0!important;
  border:1px solid rgba(212,170,98,.45)!important;
  border-radius:999px!important;
  background:#f6efe4!important;
  color:#6d635b!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:700!important;
}

body.type-product
.p-data-wrapper .detail-parameter-availability{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:18px!important;
}

body.type-product
.p-data-wrapper .detail-parameter-availability
.availability-label{
  display:inline-flex!important;
  align-items:center!important;
}

body.type-product
.p-data-wrapper .detail-parameter-availability
.show-tooltip.acronym{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:8px 14px!important;
  border:1px solid rgba(212,170,98,.55)!important;
  border-radius:999px!important;
  background:#fffaf3!important;
  color:#171412!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:800!important;
  text-decoration:none!important;
  border-bottom-color:rgba(212,170,98,.55)!important;
  cursor:default!important;
}


/* =========================================================
   ALPO PRODUCT AVAILABILITY GENERIC v2.8
   Text + color = Shoptet admin
   Presentation = Cappotto
   ========================================================= */

body.type-product
.p-data-wrapper .detail-parameter-availability
.availability-label{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:8px 14px!important;
  border:1px solid rgba(212,170,98,.55)!important;
  border-radius:999px!important;
  background:#fffaf3!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:800!important;
  text-decoration:none!important;
}

body.type-product
.p-data-wrapper .detail-parameter-availability
.availability-label .show-tooltip.acronym{
  display:inline!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  text-decoration:none!important;
  cursor:inherit!important;
}


/* =========================================================
   ALPO PRODUCT MOBILE TITLE v2.8
   ========================================================= */

@media(max-width:620px){

  body.type-product
  .p-data-wrapper .p-detail-inner-header > h1{
    font-size:20px!important;
    line-height:1.18!important;
  }
}


/* =========================================================
   ALPO PRODUCT MOBILE TABS MENU v2.8
   ========================================================= */

@media(max-width:620px){

  body.type-product
  .p-detail-tabs-wrapper
  .responsive-nav > ul.hidden-links{
    padding:8px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.45)!important;
    border-radius:12px!important;
    box-shadow:0 12px 28px rgba(18,15,12,.12)!important;
  }

  body.type-product
  .p-detail-tabs-wrapper
  .responsive-nav > ul.hidden-links > li{
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  body.type-product
  .p-detail-tabs-wrapper
  .responsive-nav > ul.hidden-links > li + li{
    border-top:1px solid rgba(212,170,98,.25)!important;
  }

  body.type-product
  .p-detail-tabs-wrapper
  .responsive-nav > ul.hidden-links > li > a{
    display:block!important;
    padding:10px 12px!important;
    color:#171412!important;
    background:transparent!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:700!important;
    text-decoration:none!important;
  }

  body.type-product
  .p-detail-tabs-wrapper
  .responsive-nav > ul.hidden-links > li > a:hover{
    background:#f6efe4!important;
    color:#171412!important;
    border-radius:8px!important;
  }
}


/* =========================================================
   ALPO PRODUCT MOBILE DESCRIPTION WRAP v2.8
   ========================================================= */

@media(max-width:620px){

  body.type-product
  #description .basic-description p,
  body.type-product
  #description .basic-description p span{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    white-space:normal!important;
  }
}


/* =========================================================
   ALPO PRODUCT MOBILE ACTIVE TABS v2.8
   Active state follows native Shoptet .shp-tab.active
   ========================================================= */

@media(max-width:620px){

  body.type-product
  .p-detail-tabs-wrapper
  .shp-tabs > li.shp-tab > a{
    padding:9px 12px!important;
    border-radius:999px!important;
    transition:none!important;
  }

  body.type-product
  .p-detail-tabs-wrapper
  .shp-tabs > li.shp-tab.active > a{
    background:#11100f!important;
    border:1px solid #11100f!important;
    color:#fff!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body.type-product
  .p-detail-tabs-wrapper
  .shp-tabs > li.shp-tab:not(.active) > a{
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.45)!important;
    color:#171412!important;
    font-weight:700!important;
  }

  body.type-product
  .p-detail-tabs-wrapper
  ul.hidden-links > li.shp-tab.active > a{
    background:#11100f!important;
    color:#fff!important;
    border-radius:8px!important;
    font-weight:800!important;
  }

  body.type-product
  .p-detail-tabs-wrapper
  ul.hidden-links > li.shp-tab:not(.active) > a{
    background:transparent!important;
    color:#171412!important;
  }
}


/* =========================================================
   ALPO PRODUCT MOBILE SECTION CARDS v2.8
   ========================================================= */

@media(max-width:620px){

  body.type-product
  #description .description-inner,

  body.type-product
  #extendedDescription .extended-description-inner,

  body.type-product
  #ratingTab,

  body.type-product
  #productDiscussion #discussionWrapper,

  body.type-product
  #otherInformation{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:18px 16px!important;
    box-sizing:border-box!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px!important;
    box-shadow:0 10px 30px rgba(18,15,12,.05)!important;
  }

  body.type-product
  #extendedDescription table.detail-parameters,
  body.type-product
  #otherInformation table.detail-parameters__gpsr{
    background:transparent!important;
    border:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }

  body.type-product
  #extendedDescription table.detail-parameters tr,
  body.type-product
  #otherInformation table.detail-parameters__gpsr tr{
    background:transparent!important;
  }

  body.type-product
  #extendedDescription table.detail-parameters th,
  body.type-product
  #extendedDescription table.detail-parameters td,
  body.type-product
  #otherInformation table.detail-parameters__gpsr th,
  body.type-product
  #otherInformation table.detail-parameters__gpsr td{
    background:transparent!important;
    border:0!important;
  }

  body.type-product
  #extendedDescription table.detail-parameters tr + tr th,
  body.type-product
  #extendedDescription table.detail-parameters tr + tr td,
  body.type-product
  #otherInformation table.detail-parameters__gpsr tr + tr th,
  body.type-product
  #otherInformation table.detail-parameters__gpsr tr + tr td{
    border-top:1px solid rgba(212,170,98,.25)!important;
  }

}


/* =========================================================
   ALPO PRODUCT MOBILE RATING v2.8
   ========================================================= */

@media(max-width:620px){

  body.type-product
  #ratingTab > h2{
    margin:0 0 10px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
  }

  body.type-product
  #ratingTab > p{
    margin:0 0 20px!important;
    font-size:14px!important;
    line-height:1.5!important;
    color:#6d635b!important;
  }

  body.type-product
  #ratingTab .rating-form{
    margin-top:18px!important;
    padding-top:20px!important;
    border-top:1px solid rgba(212,170,98,.25)!important;
  }

  body.type-product
  #ratingTab .form-group{
    margin-bottom:16px!important;
  }

  body.type-product
  #ratingTab .form-control{
    min-height:46px!important;
    padding:11px 14px!important;
    border:1px solid rgba(212,170,98,.45)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#171412!important;
    box-shadow:none!important;
  }

  body.type-product
  #ratingTab textarea.form-control{
    min-height:120px!important;
    resize:vertical!important;
  }

  body.type-product
  #ratingTab .form-control:focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 2px rgba(212,170,98,.12)!important;
  }

  body.type-product
  #ratingTab .rating-stars-group{
    padding:14px 0!important;
  }

  body.type-product
  #ratingTab a[href="/podminky-ochrany-osobnich-udaju/"]{
    color:#171412!important;
    text-decoration:underline!important;
    text-decoration-color:rgba(212,170,98,.8)!important;
  }

  body.type-product
  #ratingTab button[type="submit"]{
    min-height:44px!important;
    padding:11px 20px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

}


/* =========================================================
   ALPO PRODUCT MOBILE RELATED CARD FIX v2.8
   desktop card language + 2-column mobile slider
   ========================================================= */

@media(max-width:620px){

  body.type-product
  .products-related-wrapper .products-block > .product{
    flex:0 0 calc((100vw - 16px) / 2)!important;
    width:calc((100vw - 16px) / 2)!important;
    max-width:calc((100vw - 16px) / 2)!important;
    box-sizing:border-box!important;
  }

  body.type-product
  .products-related-wrapper .product > .p{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    overflow:visible!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(18,15,12,.06)!important;
  }

  body.type-product
  .products-related-wrapper .product .image{
    background:#fff!important;
    border-radius:15px 15px 0 0!important;
    overflow:hidden!important;
  }

  body.type-product
  .products-related-wrapper .p-in{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body.type-product
  .products-related-wrapper .p-bottom{
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:14px!important;
  }

  body.type-product
  .products-related-wrapper .product
  .add-to-cart-button{
    width:auto!important;
    min-width:120px!important;
    min-height:42px!important;
    padding:0 14px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-weight:800!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }

  body.type-product
  .products-related-wrapper .product
  .add-to-cart-button:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

}


/* =========================================================
   ALPO PRODUCT MOBILE RELATED HEADER FIX v2.8
   ========================================================= */

@media(max-width:620px){

  body.type-product
  .products-related-header.products-header{
    margin:30px 0 22px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-align:center!important;
    color:#171412!important;
  }

}


/* =========================================================
   ALPO PRODUCT MOBILE ALTERNATIVE PRODUCTS v2.8
   ========================================================= */

@media(max-width:620px){

  body.type-product
  .products-alternative-header.products-header{
    margin:30px 0 22px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-align:center!important;
    color:#171412!important;
  }

  body.type-product
  .products-alternative-wrapper .products-block > .product{
    flex:0 0 calc((100vw - 16px) / 2)!important;
    width:calc((100vw - 16px) / 2)!important;
    max-width:calc((100vw - 16px) / 2)!important;
    box-sizing:border-box!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  body.type-product
  .products-alternative-wrapper .product > .p{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    overflow:visible!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(18,15,12,.06)!important;
  }

  body.type-product
  .products-alternative-wrapper .product .image{
    background:#fff!important;
    border-radius:15px 15px 0 0!important;
    overflow:hidden!important;
  }

  body.type-product
  .products-alternative-wrapper .p-in{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body.type-product
  .products-alternative-wrapper .p-in-in{
    height:auto!important;
    min-height:52px!important;
    overflow:visible!important;
  }

  body.type-product
  .products-alternative-wrapper a.name{
    display:-webkit-box!important;
    height:auto!important;
    min-height:48px!important;
    max-height:none!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
    color:#171412!important;
    text-align:left!important;
  }

  body.type-product
  .products-alternative-wrapper .p-bottom{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:6px 10px 14px!important;
  }

  body.type-product
  .products-alternative-wrapper .prices{
    margin:0 0 7px!important;
    text-align:center!important;
  }

  body.type-product
  .products-alternative-wrapper .price-additional{
    margin-bottom:2px!important;
    font-size:11px!important;
    color:#6d635b!important;
  }

  body.type-product
  .products-alternative-wrapper .price.price-final{
    font-size:14px!important;
    font-weight:800!important;
    color:#171412!important;
  }

  body.type-product
  .products-alternative-wrapper .price-measure{
    margin-top:3px!important;
    font-size:11px!important;
    color:#171412!important;
  }

  body.type-product
  .products-alternative-wrapper .availability{
    margin:5px 0 12px!important;
    font-size:12px!important;
    font-weight:700!important;
    text-align:center!important;
  }

  body.type-product
  .products-alternative-wrapper .p-tools{
    margin:0!important;
    min-height:44px!important;
    text-align:center!important;
  }

  body.type-product
  .products-alternative-wrapper .product
  .add-to-cart-button{
    width:auto!important;
    min-width:120px!important;
    min-height:42px!important;
    padding:0 14px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-weight:800!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }

  body.type-product
  .products-alternative-wrapper .product
  .add-to-cart-button:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

  body.type-product
  .products-alternative-wrapper .p-desc{
    display:block!important;
    height:auto!important;
    min-height:72px!important;
    max-height:none!important;
    overflow:visible!important;
    margin:12px 0 0!important;
    padding:0 3px!important;
    font-size:13px!important;
    line-height:1.3!important;
    color:#171412!important;
    text-align:left!important;
  }

  body.type-product
  .products-alternative-wrapper .p-code{
    font-size:10px!important;
    color:#7a746f!important;
    font-weight:700!important;
  }

}


/* =========================================================
   ALPO CART POPUP DESKTOP v2.8
   ========================================================= */

@media(min-width:768px){

  body #cart-widget .cart-widget-inner{
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:20px!important;
    box-shadow:0 18px 48px rgba(18,15,12,.10)!important;
    overflow:hidden!important;
  }

  body #cart-widget .cart-widget-products{
    background:#fffaf3!important;
  }

  body #cart-widget .cart-widget-product{
    border-bottom:0!important;
  }

  body #cart-widget .cart-widget-product-image{
    background:#fff!important;
    border:1px solid rgba(212,170,98,.22)!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  body #cart-widget .cart-widget-product-name{
    color:#171412!important;
    font-weight:800!important;
    line-height:1.35!important;
  }

  body #cart-widget .cart-widget-product-name a{
    color:#171412!important;
    text-decoration:none!important;
  }

  body #cart-widget .cart-widget-product-price{
    color:#171412!important;
    font-weight:800!important;
  }

  body #cart-widget .quantity{
    overflow:hidden!important;
    border:1px solid rgba(17,16,15,.35)!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body #cart-widget .quantity input.amount{
    background:#fff!important;
    color:#171412!important;
    font-weight:700!important;
    text-align:center!important;
    box-shadow:none!important;
  }

  body #cart-widget .quantity a,
  body #cart-widget .quantity button{
    background:#fff!important;
    color:#11100f!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body #cart-widget .remove-item{
    color:#6d635b!important;
  }

  body #cart-widget .cart-widget-bottom,
  body #cart-widget .cart-widget-button{
    background:#fffaf3!important;
  }

  body #cart-widget .cart-widget-bottom{
    border-top:1px solid rgba(212,170,98,.28)!important;
  }

  body #cart-widget .cart-free-shipping{
    color:#171412!important;
    font-weight:700!important;
  }

  body #cart-widget .cart-free-shipping strong,
  body #cart-widget .cart-free-shipping b{
    color:#171412!important;
  }

  body #cart-widget .price-range{
    background:#e9e4dd!important;
    border-radius:999px!important;
    overflow:hidden!important;
  }

  body #cart-widget .price-range > *{
    background:#d4aa62!important;
  }

  body #cart-widget
  #continue-order-button.btn.btn-conversion{
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body #cart-widget
  #continue-order-button.btn.btn-conversion:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

}


/* =========================================================
   ALPO CART STEPS DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  body.in-kosik
  ol.cart-header.step-0{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    margin:34px 0 42px!important;
    padding:0!important;
    list-style:none!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:92px!important;
    margin:0!important;
    padding:18px 20px 18px 78px!important;
    background:#fff!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    color:#6d635b!important;
    box-shadow:none!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step::before{
    position:absolute!important;
    left:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step-1::before{
    content:"1"!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step-2::before{
    content:"2"!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step-3::before{
    content:"3"!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step.active{
    background:#fffaf3!important;
    border-color:rgba(212,170,98,.65)!important;
    box-shadow:0 10px 28px rgba(18,15,12,.05)!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step.active::before{
    background:#11100f!important;
    border-color:#11100f!important;
    color:#fff!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step > a,
  body.in-kosik
  ol.cart-header.step-0 > li.step > strong{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-size:20px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step.active > strong{
    color:#171412!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step > a:hover{
    color:#171412!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step > strong::before,
  body.in-kosik
  ol.cart-header.step-0 > li.step > a::before{
    content:none!important;
    display:none!important;
  }

}


/* =========================================================
   ALPO CART PRODUCT ROW DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  body.in-kosik
  table.cart-table{
    border-collapse:separate!important;
    border-spacing:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }

  body.in-kosik
  table.cart-table tbody,
  body.in-kosik
  table.cart-table tr.removeable{
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.in-kosik
  table.cart-table tr.removeable > td{
    background:#fffaf3!important;
    border-top:1px solid rgba(212,170,98,.35)!important;
    border-bottom:1px solid rgba(212,170,98,.35)!important;
    border-left:0!important;
    border-right:0!important;
  }

  body.in-kosik
  table.cart-table tr.removeable > td:first-child{
    border-left:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px 0 0 18px!important;
  }

  body.in-kosik
  table.cart-table tr.removeable > td:last-child{
    border-right:1px solid rgba(212,170,98,.35)!important;
    border-radius:0 18px 18px 0!important;
  }

  body.in-kosik
  table.cart-table .main-link{
    color:#171412!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

  body.in-kosik
  table.cart-table .quantity{
    overflow:hidden!important;
    border:1px solid rgba(17,16,15,.35)!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body.in-kosik
  table.cart-table .quantity input.amount,
  body.in-kosik
  table.cart-table .quantity a,
  body.in-kosik
  table.cart-table .quantity button{
    background:#fff!important;
    color:#11100f!important;
    box-shadow:none!important;
  }

  body.in-kosik
  table.cart-table td.p-price strong,
  body.in-kosik
  table.cart-table td.p-price .price,
  body.in-kosik
  table.cart-table td.p-total strong,
  body.in-kosik
  table.cart-table td.p-total .price{
    color:#171412!important;
    font-weight:800!important;
  }

  body.in-kosik
  table.cart-table .remove-item{
    color:#6d635b!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

}


/* =========================================================
   ALPO CART STEPS TYPE TUNING DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  body.in-kosik
  ol.cart-header.step-0 > li.step > a,
  body.in-kosik
  ol.cart-header.step-0 > li.step > strong{
    font-size:18px!important;
    line-height:1.25!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step.active > strong{
    color:#171412!important;
    font-weight:700!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step:not(.active){
    color:#6d635b!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step::before{
    font-size:17px!important;
    font-weight:800!important;
  }

}


/* =========================================================
   ALPO CART SUMMARY DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  body.in-kosik
  .cart-content.summary-wrapper{
    margin-top:0!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper > h2.h4{
    margin:0 0 14px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .box.box-sm.box-bg-default{
    padding:22px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px!important;
    box-shadow:0 10px 28px rgba(18,15,12,.05)!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper .price-wrapper{
    margin:0 0 20px!important;
    padding-bottom:18px!important;
    border-bottom:1px solid rgba(212,170,98,.28)!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper .price-label{
    color:#6d635b!important;
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:700!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .price-label.price-primary{
    color:#171412!important;
    font-size:15px!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .price.price-primary{
    color:#171412!important;
    font-size:28px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .price.price-secondary{
    color:#6d635b!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .next-step.next-step--cart{
    display:flex!important;
    flex-direction:column-reverse!important;
    gap:10px!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  #continue-order-button.next-step-forward{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:48px!important;
    padding:12px 20px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  #continue-order-button.next-step-forward:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .next-step-back{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:190px!important;
    min-height:36px!important;
    margin:0 auto!important;
    padding:7px 18px!important;
    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .next-step-back:hover{
    border-color:#d4aa62!important;
    color:#171412!important;
  }

}


/* =========================================================
   ALPO CART COUPON DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  body.in-kosik
  .cart-summary > h2.h4{
    margin:28px 0 14px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
  }

  body.in-kosik
  .cart-summary .extras-wrapper{
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
  }

  body.in-kosik
  .cart-summary .extras-wrapper > .extras-col{
    flex:1 1 0!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-summary .extras-wrapper > .extras-col:first-child{
    transform:translateY(-14px)!important;
  }

  body.in-kosik
  .cart-summary .discount-coupon{
    margin:0!important;
    padding:0!important;
  }

  body.in-kosik
  .cart-summary .discount-coupon
  form.input-group.compact-form{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:54px!important;
    margin:0!important;
  }

  body.in-kosik
  .cart-summary #discountCouponCode{
    min-width:0!important;
    min-height:54px!important;
    padding:9px 14px 9px 40px!important;
    border:1px solid rgba(212,170,98,.45)!important;
    border-right:0!important;
    border-radius:999px 0 0 999px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:500!important;
    letter-spacing:0!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-summary #discountCouponCode::placeholder{
    color:#6d635b!important;
    opacity:1!important;
    font-size:14px!important;
  }

  body.in-kosik
  .cart-summary #discountCouponCode:focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 2px rgba(212,170,98,.10)!important;
  }

  body.in-kosik
  .cart-summary .icon-discount{
    color:#6d635b!important;
  }

  body.in-kosik
  .cart-summary .discount-coupon
  button.btn.btn-primary{
    flex:0 0 auto!important;
    min-height:54px!important;
    padding:0 22px!important;
    border:1px solid #11100f!important;
    border-radius:0 999px 999px 0!important;
    background:#11100f!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-summary .discount-coupon
  button.btn.btn-primary:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

}


/* =========================================================
   ALPO CART FREE SHIPPING DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  body.in-kosik
  .cart-summary .extras-wrapper > .extras-col:nth-child(2)
  .extras-wrap{
    margin:0!important;
    padding:0!important;
  }

  body.in-kosik
  .cart-summary .extra.delivery{
    min-height:0!important;
    padding:8px 14px 8px 56px!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:14px!important;
    background:#fffaf3!important;
    color:#171412!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-summary .extra.delivery .icon-van{
    color:#6d635b!important;
  }

  body.in-kosik
  .cart-summary .extra.delivery > span{
    color:#6d635b!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:500!important;
  }

  body.in-kosik
  .cart-summary .extra.delivery strong{
    color:#171412!important;
    font-weight:800!important;
  }

  body.in-kosik
  .cart-summary .extra.delivery .price-range{
    height:4px!important;
    margin-top:6px!important;
    background:rgba(212,170,98,.28)!important;
    border-radius:999px!important;
    overflow:hidden!important;
  }

  body.in-kosik
  .cart-summary .extra.delivery .price-range > div{
    height:100%!important;
    background:#11100f!important;
    border-radius:999px!important;
  }

}


/* =========================================================
   ALPO CART HELP DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  body.in-kosik
  .checkout-box-wrapper > h2.h4{
    margin:0 0 14px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
    transform:translateY(-36px)!important;
  }

  body.in-kosik
  .checkout-box-wrapper
  > .box.box-sm.box-bg-default{
    height:auto!important;
    min-height:0!important;
    padding:14px 18px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:none!important;
    transform:translateY(-14px)!important;
  }

  body.in-kosik
  .checkout-box-wrapper .contact-box{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  body.in-kosik
  .checkout-box-wrapper .contact-box ul{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  body.in-kosik
  .checkout-box-wrapper .contact-box li{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  body.in-kosik
  .checkout-box-wrapper .contact-box .tel{
    color:#6d635b!important;
  }

  body.in-kosik
  .checkout-box-wrapper .contact-box .icon-phone{
    color:#6d635b!important;
    font-size:18px!important;
  }

  body.in-kosik
  .checkout-box-wrapper .contact-box a{
    color:#171412!important;
    font-size:16px!important;
    line-height:1.3!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

  body.in-kosik
  .checkout-box-wrapper .contact-box a:hover{
    color:#11100f!important;
    text-decoration:none!important;
  }

}


/* =========================================================
   ALPO CART DESKTOP TOP GAP v2.8
   ========================================================= */

@media(min-width:1024px){

  body.in-kosik
  #cart-wrapper.cart-wrapper{
    margin-top:-36px!important;
  }

}


/* =========================================================
   ALPO CART STEP 1 MOBILE v2.8
   ========================================================= */

@media(max-width:620px){

  /* =====================================================
     1. STEPS
     ===================================================== */

  body.in-kosik
  ol.cart-header.step-0{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:10px 0 20px!important;
    padding:0!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step > strong,
  body.in-kosik
  ol.cart-header.step-0 > li.step > a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    color:#6d635b!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:700!important;
    text-decoration:none!important;
    text-transform:none!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step > strong::before,
  body.in-kosik
  ol.cart-header.step-0 > li.step > a::before{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
    border:1px solid rgba(212,170,98,.65)!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step.active > strong{
    color:#171412!important;
  }

  body.in-kosik
  ol.cart-header.step-0 > li.step.active > strong::before{
    background:#11100f!important;
    border-color:#11100f!important;
    color:#fff!important;
  }


  /* =====================================================
     2. PRODUCT CARD
     ===================================================== */

  body.in-kosik
  table.cart-table{
    border:0!important;
    box-shadow:none!important;
  }

  body.in-kosik
  table.cart-table tr.removeable{
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }

  body.in-kosik
  table.cart-table tr.removeable > td{
    background:transparent!important;
    border-color:rgba(212,170,98,.22)!important;
  }

  body.in-kosik
  table.cart-table .main-link{
    color:#171412!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

  body.in-kosik
  table.cart-table .quantity{
    border-color:rgba(212,170,98,.55)!important;
    border-radius:9px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body.in-kosik
  table.cart-table .quantity input.amount,
  body.in-kosik
  table.cart-table .quantity a,
  body.in-kosik
  table.cart-table .quantity button{
    background:#fff!important;
    color:#11100f!important;
    box-shadow:none!important;
  }

  body.in-kosik
  table.cart-table .p-price,
  body.in-kosik
  table.cart-table .p-price strong,
  body.in-kosik
  table.cart-table .p-total,
  body.in-kosik
  table.cart-table .p-total strong,
  body.in-kosik
  table.cart-table .price{
    color:#171412!important;
  }

  body.in-kosik
  table.cart-table .remove-item{
    color:#6d635b!important;
    background:transparent!important;
    border:0!important;
  }


  /* =====================================================
     3. DÁRKY A SLEVY
     ===================================================== */

  body.in-kosik
  .cart-summary > h2.h4{
    margin:26px 0 14px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:21px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
  }

  body.in-kosik
  .cart-summary .extras-wrapper{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }

  body.in-kosik
  .cart-summary .extras-col{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-summary .discount-coupon{
    margin:0!important;
  }

  body.in-kosik
  .cart-summary .discount-coupon
  form.input-group.compact-form{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    margin:0!important;
  }

  body.in-kosik
  .cart-summary #discountCouponCode{
    min-width:0!important;
    min-height:44px!important;
    padding:9px 10px!important;
    border:1px solid rgba(212,170,98,.55)!important;
    border-right:0!important;
    border-radius:10px 0 0 10px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:13px!important;
    font-weight:500!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-summary #discountCouponCode::placeholder{
    color:#6d635b!important;
    opacity:1!important;
  }

  body.in-kosik
  .cart-summary .discount-coupon
  button.btn.btn-primary{
    min-height:44px!important;
    padding:0 16px!important;
    border:1px solid #11100f!important;
    border-radius:0 10px 10px 0!important;
    background:#11100f!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-summary .icon-discount{
    color:#6d635b!important;
  }


  /* =====================================================
     4. FREE SHIPPING
     ===================================================== */

  body.in-kosik
  .cart-summary .extra.delivery{
    min-height:0!important;
    padding:10px 12px 10px 50px!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:12px!important;
    background:#fffaf3!important;
    color:#171412!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-summary .extra.delivery .icon-van{
    color:#6d635b!important;
  }

  body.in-kosik
  .cart-summary .extra.delivery > span{
    color:#6d635b!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:500!important;
  }

  body.in-kosik
  .cart-summary .extra.delivery strong{
    color:#171412!important;
    font-weight:800!important;
  }

  body.in-kosik
  .cart-summary .extra.delivery .price-range{
    height:4px!important;
    margin-top:6px!important;
    border-radius:999px!important;
    background:rgba(212,170,98,.28)!important;
    overflow:hidden!important;
  }

  body.in-kosik
  .cart-summary .extra.delivery .price-range > div{
    height:100%!important;
    border-radius:999px!important;
    background:#11100f!important;
  }


  /* =====================================================
     5. REKAPITULACE OBJEDNÁVKY
     ===================================================== */

  body.in-kosik
  .cart-content.summary-wrapper{
    margin-top:24px!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper > h2.h4{
    margin:0 0 14px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:21px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  > .box.box-sm.box-bg-default{
    padding:18px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper .price-wrapper{
    margin:0 0 18px!important;
    padding-bottom:16px!important;
    border-bottom:1px solid rgba(212,170,98,.28)!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper .price-label{
    color:#6d635b!important;
    font-size:12px!important;
    font-weight:600!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .price-label.price-primary{
    color:#171412!important;
    font-size:14px!important;
    font-weight:700!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .price.price-primary{
    color:#171412!important;
    font-size:23px!important;
    font-weight:800!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .price.price-secondary{
    color:#6d635b!important;
    font-size:12px!important;
    font-weight:700!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .next-step.next-step--cart{
    display:flex!important;
    flex-direction:column-reverse!important;
    gap:10px!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  #continue-order-button.next-step-forward{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:46px!important;
    padding:11px 18px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.in-kosik
  .cart-content.summary-wrapper
  .next-step-back{
    min-height:0!important;
    margin:0 auto!important;
    padding:4px 10px!important;
    border:0!important;
    background:transparent!important;
    color:#6d635b!important;
    font-size:11px!important;
    font-weight:600!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }


  /* =====================================================
     6. POTŘEBUJETE POMOC?
     ===================================================== */

  body.in-kosik
  .checkout-box-wrapper{
    margin-top:26px!important;
  }

  body.in-kosik
  .checkout-box-wrapper > h2.h4{
    margin:0 0 12px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:21px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
    transform:none!important;
  }

  body.in-kosik
  .checkout-box-wrapper
  > .box.box-sm.box-bg-default{
    height:auto!important;
    min-height:0!important;
    padding:14px 16px!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:14px!important;
    background:#fffaf3!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.in-kosik
  .checkout-box-wrapper .contact-box,
  body.in-kosik
  .checkout-box-wrapper .contact-box ul,
  body.in-kosik
  .checkout-box-wrapper .contact-box li{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  body.in-kosik
  .checkout-box-wrapper .contact-box ul{
    list-style:none!important;
  }

  body.in-kosik
  .checkout-box-wrapper .contact-box li{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }

  body.in-kosik
  .checkout-box-wrapper .icon-phone{
    color:#6d635b!important;
    font-size:17px!important;
  }

  body.in-kosik
  .checkout-box-wrapper .contact-box a{
    color:#171412!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

}


/* =========================================================
   ALPO CART POPUP MOBILE v2.8
   ========================================================= */

@media(max-width:620px){

  body
  #cart-widget.user-action-cart.popup-widget.cart-widget{
    background:#fffaf3!important;
    color:#171412!important;
  }

  body
  #cart-widget
  .popup-widget-inner.cart-widget-inner{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    height:auto!important;
    min-height:0!important;
    padding:16px!important;
    background:#fffaf3!important;
  }

  body
  #cart-widget .cart-widget-products{
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
  }

  /* PRODUCT CARD */

  body
  #cart-widget .cart-widget-product{
    position:relative!important;
    display:grid!important;
    grid-template-columns:70px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:8px!important;
    align-items:start!important;
    height:auto!important;
    min-height:0!important;
    padding:12px!important;
    background:#fff!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }

  body
  #cart-widget .cart-widget-product-image{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:70px!important;
    height:70px!important;
    margin:0!important;
    padding:5px!important;
    border:1px solid rgba(212,170,98,.25)!important;
    border-radius:12px!important;
    background:#fff!important;
  }

  body
  #cart-widget .cart-widget-product-image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  body
  #cart-widget .cart-widget-product-name-and-price{
    grid-column:2!important;
    grid-row:1!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  body
  #cart-widget .cart-widget-product-name{
    color:#171412!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

  body
  #cart-widget .cart-widget-product-price{
    margin-top:6px!important;
    color:#171412!important;
    font-size:14px!important;
    font-weight:800!important;
  }

  /* QUANTITY */

  body
  #cart-widget .cart-widget-product-amount{
    grid-column:2!important;
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    align-self:start!important;
    gap:6px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  body
  #cart-widget .quantity{
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:999px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }

  body
  #cart-widget .quantity input.amount,
  body
  #cart-widget .quantity a,
  body
  #cart-widget .quantity button{
    min-height:36px!important;
    background:#fff!important;
    color:#11100f!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* DELETE */

  body
  #cart-widget .cart-widget-product-delete{
    position:absolute!important;
    left:auto!important;
    right:12px!important;
    bottom:20px!important;
    margin:0!important;
    padding:0!important;
  }

  body
  #cart-widget .remove-item{
    margin:0!important;
    padding:4px!important;
    color:#6d635b!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* BOTTOM */

  body
  #cart-widget .cart-widget-bottom{
    position:static!important;
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    margin-top:12px!important;
    padding:14px!important;
    background:#fffaf3!important;
    border-top:1px solid rgba(212,170,98,.28)!important;
  }

  /* FREE SHIPPING */

  body
  #cart-widget .cart-free-shipping{
    margin:0 0 14px!important;
    padding:10px 12px!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#6d635b!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  body
  #cart-widget .cart-free-shipping strong{
    color:#171412!important;
    font-weight:800!important;
  }

  body
  #cart-widget .price-range{
    height:4px!important;
    margin-top:7px!important;
    border-radius:999px!important;
    background:rgba(212,170,98,.28)!important;
    overflow:hidden!important;
  }

  body
  #cart-widget .price-range > div{
    height:100%!important;
    background:#11100f!important;
    border-radius:999px!important;
  }

  /* CTA */

  body
  #cart-widget .cart-widget-button{
    margin:0!important;
  }

  body
  #cart-widget #continue-order-button.btn.btn-conversion{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:46px!important;
    padding:11px 18px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

  body
  #cart-widget #continue-order-button.btn.btn-conversion:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

}


/* =========================================================
   ALPO CHECKOUT STEP 2 MOBILE v2.8
   ========================================================= */

@media(max-width:620px){

  /* =====================================================
     1. STEPS
     ===================================================== */

  body ol.cart-header.step-1{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:10px 0 22px!important;
    padding:0!important;
  }

  body ol.cart-header.step-1 > li.step{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }

  body ol.cart-header.step-1 > li.step > strong,
  body ol.cart-header.step-1 > li.step > a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    color:#6d635b!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:700!important;
    text-decoration:none!important;
    text-transform:none!important;
  }

  body ol.cart-header.step-1 > li.step > strong::before,
  body ol.cart-header.step-1 > li.step > a::before{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
    border:1px solid rgba(212,170,98,.65)!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body ol.cart-header.step-1 > li.step.active > strong{
    color:#171412!important;
  }

  body ol.cart-header.step-1 > li.step.active > strong::before{
    background:#11100f!important;
    border-color:#11100f!important;
    color:#fff!important;
  }


  /* =====================================================
     2. SECTION HEADINGS
     ===================================================== */

  body #checkoutContent h2.order-icon{
    margin:0 0 14px!important;
    color:#6d635b!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:19px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-transform:none!important;
  }

  body #checkoutContent h2.order-icon::before,
  body #checkoutContent h2.order-icon::after,
  body #checkoutContent h2.order-icon i{
    color:#6d635b!important;
    border-color:#6d635b!important;
  }

  body #checkoutContent h2.order-icon svg{
    fill:none!important;
    stroke:#6d635b!important;
  }


  /* =====================================================
     3. BASIC INFORMATION
     ===================================================== */

  body #checkoutContent .co-basic-information{
    margin:0 0 24px!important;
    padding:16px!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    background:#fffaf3!important;
    box-shadow:none!important;
  }

  body #checkoutContent .co-basic-information .form-group{
    margin-bottom:12px!important;
  }

  body #checkoutContent .co-basic-information .form-group:last-child{
    margin-bottom:0!important;
  }

  body #checkoutContent .co-basic-information label{
    color:#6d635b!important;
    font-size:11px!important;
    font-weight:600!important;
  }

  body #checkoutContent #deliveryCountryId,
  body #checkoutContent #payment-currency{
    width:100%!important;
    min-height:44px!important;
    padding:9px 12px!important;
    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:13px!important;
    box-shadow:none!important;
  }


  /* =====================================================
     4. DELIVERY + PAYMENT METHODS
     ===================================================== */

  body #checkoutContent .co-delivery-method,
  body #checkoutContent .co-payment-method{
    margin:0 0 24px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body #order-shipping-methods,
  body #checkoutContent .shipping-billing-table{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  body #checkoutContent
  .shipping-billing-table .radio-wrapper{
    position:relative!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:12px!important;
    background:#fffaf3!important;
    color:#171412!important;
    box-shadow:none!important;
  }

  body #checkoutContent
  .shipping-billing-table .radio-wrapper.active{
    border-color:rgba(212,170,98,.75)!important;
    background:#fffaf3!important;
    box-shadow:0 0 0 1px rgba(212,170,98,.08)!important;
  }

  body #checkoutContent
  .shipping-billing-name{
    color:#171412!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
  }

  body #checkoutContent .payment-info{
    color:#171412!important;
  }

  body #checkoutContent .payment-info small,
  body #checkoutContent .payment-info em,
  body #checkoutContent .radio-wrapper p{
    color:#6d635b!important;
    font-size:11px!important;
    line-height:1.3!important;
  }

  body #checkoutContent
  .payment-shipping-price{
    color:#171412!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
  }

  body #checkoutContent .payment-logo{
    margin-top:6px!important;
  }

  body #checkoutContent .payment-logo img{
    max-height:28px!important;
    width:auto!important;
    object-fit:contain!important;
  }


  /* RADIO ALPO */

  body #checkoutContent
  .shipping-billing-table input[type="radio"]{
    -webkit-appearance:none!important;
    appearance:none!important;
    width:13px!important;
    height:13px!important;
    margin:2px 8px 0 0!important;
    border:1px solid rgba(23,20,18,.45)!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body #checkoutContent
  .shipping-billing-table input[type="radio"]:checked{
    border:4px solid #11100f!important;
    background:#fff!important;
  }

  body #checkoutContent
  .shipping-billing-table .radio-wrapper label::before{
    border-color:rgba(23,20,18,.38)!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body #checkoutContent
  .shipping-billing-table .radio-wrapper.active label::before{
    border-color:#11100f!important;
    background:#fff!important;
  }

  body #checkoutContent
  .shipping-billing-table .radio-wrapper.active label::after{
    background:#11100f!important;
    border-color:#11100f!important;
    color:#11100f!important;
  }


  /* ACTIVE METHOD / BRANCH */

  body #checkoutContent
  .radio-wrapper.active .shipping-billing-name,
  body #checkoutContent
  .radio-wrapper.active .payment-info{
    color:#171412!important;
  }

  body #checkoutContent
  .radio-wrapper [class*="choose-branch"],
  body #checkoutContent
  .radio-wrapper a[class*="choose-branch"],
  body #checkoutContent
  .radio-wrapper .payment-info a{
    color:#6d635b!important;
    text-decoration:none!important;
  }


  /* =====================================================
     5. HELP
     ===================================================== */

  body #checkoutSidebar .checkout-box{
    margin-top:24px!important;
    background:transparent!important;
  }

  body #checkoutSidebar .toggle-contacts.btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:42px!important;
    padding:9px 14px!important;
    border:1px solid rgba(212,170,98,.45)!important;
    border-radius:999px!important;
    background:#fffaf3!important;
    color:#171412!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-transform:none!important;
    box-shadow:none!important;
  }


  /* =====================================================
     6. ORDER SUMMARY
     ===================================================== */

  body #checkoutSidebar
  #summary-box.order-summary-inner{
    margin-top:18px!important;
    padding:16px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }

  body #checkoutSidebar
  #summary-box > h2.h4{
    margin:0 0 14px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:21px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
  }

  body #checkoutSidebar #summary-box table,
  body #checkoutSidebar #summary-box tbody,
  body #checkoutSidebar #summary-box tr,
  body #checkoutSidebar #summary-box td{
    background:transparent!important;
  }

  body #checkoutSidebar #summary-box a,
  body #checkoutSidebar #summary-box .main-link,
  body #checkoutSidebar #summary-box [class*="name"]{
    color:#171412!important;
    text-decoration:none!important;
  }

  body #checkoutSidebar #summary-box .price,
  body #checkoutSidebar #summary-box strong{
    color:#171412!important;
  }


  /* =====================================================
     7. CTA + BACK
     ===================================================== */

  body #checkoutSidebar
  .next-step.next-step--step-1{
    display:flex!important;
    flex-direction:column-reverse!important;
    gap:10px!important;
    margin-top:18px!important;
    background:transparent!important;
  }

  body #checkoutSidebar
  #orderFormButton.btn.btn-conversion{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:46px!important;
    padding:11px 18px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-decoration:none!important;
    text-transform:none!important;
    box-shadow:none!important;
  }

  body #checkoutSidebar
  #orderFormButton.btn.btn-conversion:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

  body #checkoutSidebar
  .next-step.next-step--step-1 .next-step-back{
    min-height:0!important;
    margin:0 auto!important;
    padding:4px 10px!important;
    border:0!important;
    background:transparent!important;
    color:#6d635b!important;
    font-size:11px!important;
    font-weight:600!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

}


/* =========================================================
   ALPO CHECKOUT STEP 2 DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  /* =====================================================
     1. STEPS
     ===================================================== */

  body ol.cart-header.step-1{
    counter-reset:steps!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:26px!important;
    margin:0 0 54px!important;
    padding:0!important;
  }

  body ol.cart-header.step-1 > li.step{
    counter-increment:steps!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body ol.cart-header.step-1 > li.step > strong,
  body ol.cart-header.step-1 > li.step > a{
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    gap:22px!important;
    min-height:116px!important;
    padding:20px 26px!important;
    color:#6d635b!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    text-decoration:none!important;
  }

  body ol.cart-header.step-1 > li.step > strong::before,
  body ol.cart-header.step-1 > li.step > a::before{
    display:none!important;
    content:none!important;
  }

  body ol.cart-header.step-1 > li.step::before{
    content:counter(steps)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 64px!important;
    width:64px!important;
    height:64px!important;
    margin-left:26px!important;
    border:1px solid rgba(212,170,98,.65)!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body ol.cart-header.step-1 > li.step.active{
    background:#fffaf3!important;
    border-color:rgba(212,170,98,.65)!important;
  }

  body ol.cart-header.step-1 > li.step.active::before{
    background:#11100f!important;
    border-color:#11100f!important;
    color:#fff!important;
  }

  body ol.cart-header.step-1 > li.step.active > strong{
    color:#171412!important;
  }


  /* =====================================================
     2. SECTION HEADINGS
     ===================================================== */

  body #checkoutContent h2.order-icon{
    margin:0 0 22px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:26px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
  }

  body #checkoutContent h2.order-icon::before,
  body #checkoutContent h2.order-icon::after,
  body #checkoutContent h2.order-icon i{
    color:#6d635b!important;
    border-color:#6d635b!important;
  }


  /* =====================================================
     3. BASIC INFORMATION
     ===================================================== */

  body #checkoutContent .co-basic-information{
    margin:0 0 42px!important;
    padding:26px!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px!important;
    background:#fffaf3!important;
    box-shadow:none!important;
  }

  body #checkoutContent .co-basic-information .form-group{
    margin-bottom:16px!important;
  }

  body #checkoutContent .co-basic-information .form-group:last-child{
    margin-bottom:0!important;
  }

  body #checkoutContent .co-basic-information label{
    color:#6d635b!important;
    font-size:13px!important;
    font-weight:600!important;
  }

  body #checkoutContent #deliveryCountryId,
  body #checkoutContent #payment-currency{
    min-height:50px!important;
    padding:11px 14px!important;
    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:15px!important;
    box-shadow:none!important;
  }


  /* =====================================================
     4. DELIVERY + PAYMENT METHODS
     ===================================================== */

  body #checkoutContent .co-delivery-method,
  body #checkoutContent .co-payment-method{
    margin:0 0 44px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body #order-shipping-methods,
  body #checkoutContent .shipping-billing-table{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }

  body #checkoutContent
  .shipping-billing-table .radio-wrapper{
    position:relative!important;
    margin:0!important;
    padding:18px 20px!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    background:#fffaf3!important;
    color:#171412!important;
    box-shadow:none!important;
  }

  body #checkoutContent
  .shipping-billing-table .radio-wrapper.active{
    border-color:rgba(212,170,98,.75)!important;
    background:#fffaf3!important;
    box-shadow:0 0 0 1px rgba(212,170,98,.08)!important;
  }

  body #checkoutContent .shipping-billing-name{
    color:#171412!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:800!important;
  }

  body #checkoutContent .payment-info{
    color:#171412!important;
  }

  body #checkoutContent .payment-info small,
  body #checkoutContent .payment-info em,
  body #checkoutContent .radio-wrapper p{
    color:#6d635b!important;
    font-size:13px!important;
    line-height:1.35!important;
  }

  body #checkoutContent .payment-shipping-price{
    color:#171412!important;
    font-size:14px!important;
    font-weight:800!important;
  }

  body #checkoutContent .payment-logo img{
    max-height:34px!important;
    width:auto!important;
    object-fit:contain!important;
  }


  /* =====================================================
     5. RADIO ALPO
     ===================================================== */

  body #checkoutContent
  .shipping-billing-table input[type="radio"]{
    -webkit-appearance:none!important;
    appearance:none!important;
    width:16px!important;
    height:16px!important;
    margin-right:12px!important;
    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body #checkoutContent
  .shipping-billing-table input[type="radio"]:checked{
    border:5px solid #11100f!important;
    background:#fff!important;
  }

  body #checkoutContent
  .shipping-billing-table .radio-wrapper label::before{
    border-color:rgba(23,20,18,.38)!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body #checkoutContent
  .shipping-billing-table .radio-wrapper.active label::after{
    background:#11100f!important;
    border-color:#11100f!important;
    color:#11100f!important;
  }

  body #checkoutContent
  .radio-wrapper [class*="choose-branch"],
  body #checkoutContent
  .radio-wrapper a[class*="choose-branch"],
  body #checkoutContent
  .radio-wrapper .payment-info a{
    color:#6d635b!important;
    text-decoration:none!important;
  }


  /* =====================================================
     6. HELP
     ===================================================== */

  body #checkoutSidebar .checkout-box{
    margin:0 0 28px!important;
    background:transparent!important;
  }

  body #checkoutSidebar .toggle-contacts.btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:50px!important;
    padding:12px 20px!important;
    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:999px!important;
    background:#fffaf3!important;
    color:#171412!important;
    font-size:14px!important;
    font-weight:700!important;
    text-transform:none!important;
    box-shadow:none!important;
  }

  /* help expanded */

  body #checkoutSidebar .checkout-box .contact-box{
    height:auto!important;
    min-height:0!important;
    margin-top:12px!important;
    padding:14px 18px!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    background:#fffaf3!important;
    box-shadow:none!important;
  }

  body #checkoutSidebar .checkout-box .contact-box ul{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  body #checkoutSidebar .checkout-box .contact-box li{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  body #checkoutSidebar .checkout-box .contact-box .tel,
  body #checkoutSidebar .checkout-box .contact-box .icon-phone{
    color:#6d635b!important;
  }

  body #checkoutSidebar .checkout-box .contact-box a{
    color:#171412!important;
    font-size:16px!important;
    line-height:1.3!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

  body #checkoutSidebar .checkout-box .contact-box a:hover{
    color:#11100f!important;
    text-decoration:none!important;
  }


  /* =====================================================
     7. ORDER SUMMARY
     ===================================================== */

  body #checkoutSidebar
  #summary-box.order-summary-inner{
    margin-top:0!important;
    padding:22px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px!important;
    box-shadow:0 10px 28px rgba(18,15,12,.04)!important;
  }

  body #checkoutSidebar #summary-box > h2.h4{
    margin:0 0 20px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
  }

  body #checkoutSidebar #summary-box table,
  body #checkoutSidebar #summary-box tbody,
  body #checkoutSidebar #summary-box tr,
  body #checkoutSidebar #summary-box td{
    background:transparent!important;
  }

  body #checkoutSidebar #summary-box td,
  body #checkoutSidebar #summary-box th{
    border-color:rgba(212,170,98,.24)!important;
  }

  body #checkoutSidebar #summary-box a,
  body #checkoutSidebar #summary-box .main-link,
  body #checkoutSidebar #summary-box [class*="name"]{
    color:#171412!important;
    text-decoration:none!important;
  }

  body #checkoutSidebar #summary-box .price,
  body #checkoutSidebar #summary-box strong{
    color:#171412!important;
  }


  /* =====================================================
     8. CTA + BACK
     ===================================================== */

  body #checkoutSidebar
  .next-step.next-step--step-1{
    display:flex!important;
    flex-direction:column-reverse!important;
    gap:10px!important;
    margin-top:20px!important;
    background:transparent!important;
  }

  body #checkoutSidebar
  #orderFormButton.btn.btn-conversion{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:50px!important;
    padding:12px 20px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-decoration:none!important;
    text-transform:none!important;
    box-shadow:none!important;
  }

  body #checkoutSidebar
  #orderFormButton.btn.btn-conversion:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }

  body #checkoutSidebar
  .next-step.next-step--step-1 .next-step-back{
    width:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:5px 12px!important;
    border:0!important;
    background:transparent!important;
    color:#6d635b!important;
    font-size:12px!important;
    font-weight:600!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

}


/* =========================================================
   ALPO CHECKOUT STEP 3 DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  /* =====================================================
     1. STEPS
     ===================================================== */

  body ol.cart-header.step-2{
    counter-reset:steps!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:26px!important;
    margin:0 0 54px!important;
    padding:0!important;
  }

  body ol.cart-header.step-2 > li.step{
    counter-increment:steps!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body ol.cart-header.step-2 > li.step > strong,
  body ol.cart-header.step-2 > li.step > a{
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    min-height:116px!important;
    padding:20px 26px!important;
    color:#6d635b!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    text-decoration:none!important;
  }

  body ol.cart-header.step-2 > li.step > strong::before,
  body ol.cart-header.step-2 > li.step > a::before{
    display:none!important;
    content:none!important;
  }

  body ol.cart-header.step-2 > li.step::before{
    content:counter(steps)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 64px!important;
    width:64px!important;
    height:64px!important;
    margin-left:26px!important;
    border:1px solid rgba(212,170,98,.65)!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  body ol.cart-header.step-2 > li.step.active{
    background:#fffaf3!important;
    border-color:rgba(212,170,98,.65)!important;
  }

  body ol.cart-header.step-2 > li.step.active::before{
    background:#11100f!important;
    border-color:#11100f!important;
    color:#fff!important;
  }

  body ol.cart-header.step-2 > li.step.active > strong{
    color:#171412!important;
  }


  /* =====================================================
     2. MAIN FORM CARDS
     ===================================================== */

  body #checkoutContent .co-contact-information,
  body #checkoutContent .co-billing-address,
  body #checkoutContent .co-shipping-address{
    margin:0 0 32px!important;
    padding:26px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }


  /* =====================================================
     3. SECTION HEADINGS
     ===================================================== */

  body #checkoutContent .co-contact-information h2,
  body #checkoutContent .co-billing-address h2,
  body #checkoutContent .co-shipping-address h2{
    margin:0 0 22px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:26px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
  }

  body #checkoutContent .co-contact-information h2::before,
  body #checkoutContent .co-billing-address h2::before,
  body #checkoutContent .co-shipping-address h2::before,
  body #checkoutContent .co-contact-information h2 i,
  body #checkoutContent .co-billing-address h2 i,
  body #checkoutContent .co-shipping-address h2 i{
    color:#6d635b!important;
    border-color:#6d635b!important;
  }


  /* =====================================================
     4. LABELS + INPUTS
     ===================================================== */

  body #checkoutContent .form-group{
    margin-bottom:16px!important;
  }

  body #checkoutContent .form-group label{
    color:#171412!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  body #checkoutContent
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body #checkoutContent select,
  body #checkoutContent textarea{
    width:100%!important;
    min-height:48px!important;
    padding:10px 14px!important;
    border:1px solid rgba(212,170,98,.50)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:14px!important;
    box-shadow:none!important;
  }

  body #checkoutContent textarea{
    min-height:110px!important;
    resize:vertical!important;
  }

  body #checkoutContent input:focus,
  body #checkoutContent select:focus,
  body #checkoutContent textarea:focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 2px rgba(212,170,98,.10)!important;
    outline:none!important;
  }


  /* =====================================================
     5. COUNTRY + PREVIOUS STEP
     ===================================================== */

  body #checkoutContent .co-billing-address strong,
  body #checkoutContent .co-shipping-address strong{
    color:#171412!important;
  }

  body #checkoutContent .co-billing-address em,
  body #checkoutContent .co-shipping-address em{
    color:#6d635b!important;
  }

  body #checkoutContent
  em.helpNote a[href="/objednavka/krok-1/"]{
    color:#171412!important;
    text-decoration:underline!important;
    text-decoration-color:#d4aa62!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:3px!important;
  }


  /* =====================================================
     6. ADDITIONAL OPTIONS
     ===================================================== */

  body #checkoutContent .co-box-additional{
    margin:20px 0 32px!important;
    padding:20px 24px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
  }

  body #checkoutContent .co-box-additional label{
    color:#171412!important;
  }


  /* =====================================================
     7. CHECKBOXES — REMOVE SAMBA PSEUDO ELEMENTS
     ===================================================== */

  body #order-form input[type="checkbox"] + label::before,
  body #order-form input[type="checkbox"] + label::after,
  body #checkoutSidebar input[type="checkbox"] + label::before,
  body #checkoutSidebar input[type="checkbox"] + label::after{
    content:none!important;
    display:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  body #order-form input[type="checkbox"],
  body #checkoutSidebar input[type="checkbox"]{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:inline-block!important;
    position:static!important;
    opacity:1!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    margin:0 10px 0 0!important;
    padding:0!important;
    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:4px!important;
    background:#fff!important;
    box-shadow:none!important;
    vertical-align:middle!important;
    cursor:pointer!important;
  }

  body #order-form input[type="checkbox"]:checked,
  body #checkoutSidebar input[type="checkbox"]:checked{
    border-color:#11100f!important;
    background-color:#11100f!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2 7.5 12.2 13.7 5.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-position:center!important;
    background-size:16px 16px!important;
    background-repeat:no-repeat!important;
  }

  body #order-form input[type="checkbox"] + label,
  body #checkoutSidebar input[type="checkbox"] + label{
    padding-left:0!important;
    color:#171412!important;
  }


  /* =====================================================
     8. HELP CLOSED + EXPANDED
     ===================================================== */

  body #checkoutSidebar .toggle-contacts.btn{
    background:#fffaf3!important;
    border-color:rgba(212,170,98,.55)!important;
    color:#171412!important;
  }

  body #checkoutSidebar .checkout-box .contact-box{
    height:auto!important;
    min-height:0!important;
    margin-top:12px!important;
    padding:14px 18px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
  }

  body #checkoutSidebar .checkout-box .contact-box ul,
  body #checkoutSidebar .checkout-box .contact-box li{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  body #checkoutSidebar .checkout-box .contact-box a{
    color:#171412!important;
    font-weight:800!important;
    text-decoration:none!important;
  }


  /* =====================================================
     9. ORDER SUMMARY
     ===================================================== */

  body #checkoutSidebar #summary-box.order-summary-inner{
    padding:22px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:18px!important;
  }

  body #checkoutSidebar #summary-box > h2.h4{
    margin:0 0 20px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
  }

  body #checkoutSidebar #summary-box a,
  body #checkoutSidebar #summary-box [class*="name"]{
    color:#171412!important;
    text-decoration:none!important;
  }


  /* =====================================================
     10. CONSENTS + LINKS
     ===================================================== */

  body #checkoutSidebar label,
  body #checkoutSidebar .form-group{
    color:#171412!important;
  }

  body #checkoutSidebar
  a:not(.btn):not(.main-link){
    color:#171412!important;
    text-decoration:underline!important;
    text-decoration-color:rgba(212,170,98,.75)!important;
    text-underline-offset:2px!important;
  }

  body #checkoutSidebar #summary-box a{
    text-decoration:none!important;
  }


  /* =====================================================
     11. FINAL ORDER CTA
     ===================================================== */

  body #order-form
  #submit-order.btn.btn-conversion.next-step-finish{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    width:100%!important;
    min-height:64px!important;
    padding:11px 24px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    box-shadow:none!important;
    text-align:center!important;
  }

  body #order-form
  #submit-order .order-button-text{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  body #order-form
  #submit-order .order-button-suffix{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:500!important;
  }

  body #order-form
  #submit-order.btn.btn-conversion.next-step-finish:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
  }


  /* =====================================================
     12. BACK
     ===================================================== */

  body #checkoutSidebar .next-step-back,
  body #order-form .next-step-back{
    color:#6d635b!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }

}


/* =========================================================
   ALPO CHECKOUT STEP 3 MOBILE v2.8
   ========================================================= */

@media(max-width:620px){

  /* STEPS */

  body ol.cart-header.step-2{
    counter-reset:steps!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:10px 0 22px!important;
    padding:0!important;
  }

  body ol.cart-header.step-2 > li.step{
    counter-increment:steps!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }

  body ol.cart-header.step-2 > li.step > strong,
  body ol.cart-header.step-2 > li.step > a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    color:#6d635b!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:700!important;
    text-decoration:none!important;
    text-transform:none!important;
  }

  body ol.cart-header.step-2 > li.step > strong::before,
  body ol.cart-header.step-2 > li.step > a::before{
    display:none!important;
    content:none!important;
  }

  body ol.cart-header.step-2 > li.step::before{
    content:counter(steps)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    margin:0 0 7px!important;
    border:1px solid rgba(212,170,98,.65)!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  body ol.cart-header.step-2 > li.step.active::before{
    background:#11100f!important;
    border-color:#11100f!important;
    color:#fff!important;
  }

  body ol.cart-header.step-2 > li.step.active > strong{
    color:#171412!important;
  }


  /* FORM CARDS */

  body #checkoutContent .co-contact-information,
  body #checkoutContent .co-billing-address,
  body #checkoutContent .co-shipping-address{
    margin:0 0 18px!important;
    padding:16px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }


  /* HEADINGS */

  body #checkoutContent .co-contact-information h2,
  body #checkoutContent .co-billing-address h2,
  body #checkoutContent .co-shipping-address h2{
    margin:0 0 16px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:21px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
  }

  body #checkoutContent .co-contact-information h2::before,
  body #checkoutContent .co-billing-address h2::before,
  body #checkoutContent .co-shipping-address h2::before,
  body #checkoutContent .co-contact-information h2 i,
  body #checkoutContent .co-billing-address h2 i,
  body #checkoutContent .co-shipping-address h2 i{
    color:#6d635b!important;
    border-color:#6d635b!important;
  }


  /* LABELS + INPUTS */

  body #checkoutContent .form-group{
    margin-bottom:12px!important;
  }

  body #checkoutContent .form-group label{
    color:#171412!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  body #checkoutContent
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body #checkoutContent select,
  body #checkoutContent textarea{
    width:100%!important;
    min-height:42px!important;
    padding:9px 11px!important;
    border:1px solid rgba(212,170,98,.50)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#171412!important;
    font-size:12px!important;
    box-shadow:none!important;
  }

  body #checkoutContent textarea{
    min-height:108px!important;
    resize:vertical!important;
  }

  body #checkoutContent input:focus,
  body #checkoutContent select:focus,
  body #checkoutContent textarea:focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 2px rgba(212,170,98,.10)!important;
    outline:none!important;
  }


  /* COUNTRY / PREVIOUS STEP */

  body #checkoutContent .co-billing-address strong,
  body #checkoutContent .co-shipping-address strong{
    color:#171412!important;
  }

  body #checkoutContent em.helpNote{
    color:#6d635b!important;
  }

  body #checkoutContent
  em.helpNote a[href="/objednavka/krok-1/"]{
    color:#171412!important;
    text-decoration:underline!important;
    text-decoration-color:#d4aa62!important;
    text-underline-offset:2px!important;
  }


  /* ADDITIONAL OPTIONS */

  body #checkoutContent .co-box-additional{
    margin:18px 0 22px!important;
    padding:16px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }

  body #checkoutContent .co-box-additional label{
    color:#171412!important;
  }


  /* CHECKBOXES ALPO */

  body #order-form input[type="checkbox"] + label::before,
  body #order-form input[type="checkbox"] + label::after,
  body #checkoutSidebar input[type="checkbox"] + label::before,
  body #checkoutSidebar input[type="checkbox"] + label::after{
    content:none!important;
    display:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  body #order-form input[type="checkbox"],
  body #checkoutSidebar input[type="checkbox"]{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:inline-block!important;
    position:static!important;
    opacity:1!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    margin:0 8px 0 0!important;
    padding:0!important;
    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:4px!important;
    background:#fff!important;
    box-shadow:none!important;
    vertical-align:middle!important;
  }

  body #order-form input[type="checkbox"]:checked,
  body #checkoutSidebar input[type="checkbox"]:checked{
    border-color:#11100f!important;
    background-color:#11100f!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2 7.5 12.2 13.7 5.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-position:center!important;
    background-size:14px 14px!important;
    background-repeat:no-repeat!important;
  }

  body #order-form input[type="checkbox"] + label,
  body #checkoutSidebar input[type="checkbox"] + label{
    padding-left:0!important;
    color:#171412!important;
  }


  /* HELP */

  body #checkoutSidebar .checkout-box{
    margin-top:22px!important;
    background:transparent!important;
  }

  body #checkoutSidebar .toggle-contacts.btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:42px!important;
    padding:9px 14px!important;
    border:1px solid rgba(212,170,98,.45)!important;
    border-radius:999px!important;
    background:#fffaf3!important;
    color:#171412!important;
    font-size:11px!important;
    font-weight:700!important;
    box-shadow:none!important;
  }

  body #checkoutSidebar .checkout-box .contact-box{
    height:auto!important;
    min-height:0!important;
    margin-top:10px!important;
    padding:12px 14px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }

  body #checkoutSidebar .checkout-box .contact-box a{
    color:#171412!important;
    font-size:13px!important;
    font-weight:800!important;
    text-decoration:none!important;
  }


  /* SUMMARY */

  body #checkoutSidebar #summary-box.order-summary-inner{
    margin-top:18px!important;
    padding:16px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }

  body #checkoutSidebar #summary-box > h2.h4{
    margin:0 0 14px!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:21px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#171412!important;
    text-transform:none!important;
  }

  body #checkoutSidebar #summary-box a,
  body #checkoutSidebar #summary-box [class*="name"]{
    color:#171412!important;
    text-decoration:none!important;
  }


  /* CONSENTS */

  body #checkoutSidebar
  a:not(.btn):not(.main-link){
    color:#171412!important;
    text-decoration:underline!important;
    text-decoration-color:#d4aa62!important;
    text-underline-offset:2px!important;
  }

  body #checkoutSidebar #summary-box a{
    text-decoration:none!important;
  }


  /* FINAL CTA */

  body #order-form
  #submit-order.btn.btn-conversion.next-step-finish{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    width:100%!important;
    min-height:54px!important;
    padding:9px 18px!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;
    color:#fff!important;
    box-shadow:none!important;
    text-align:center!important;
  }

  body #order-form
  #submit-order .order-button-text{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  body #order-form
  #submit-order .order-button-suffix{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1.05!important;
    font-weight:500!important;
  }


  /* BACK */

  body #checkoutSidebar .next-step-back,
  body #order-form .next-step-back{
    color:#6d635b!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:11px!important;
  }

}


/* =========================================================
   ALPO EMPTY CART DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  body #cart-wrapper.cart-wrapper{
    margin-top:-18px!important;
  }

  body #cart-wrapper .cart-inner.cart-empty{
    width:100%!important;
    max-width:none!important;
    padding-bottom:42px!important;
  }


  /* TITLE */

  body #cart-wrapper .cart-empty .h1.cart-heading{
    margin:14px 0 30px!important;
    padding:0!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:44px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.02em!important;

    color:#171412!important;
    text-transform:none!important;
  }


  /* FLATTEN SHOPTET WRAPPERS */

  body #cart-wrapper .cart-empty .row.cart-row{
    display:grid!important;
    grid-template-columns:1.3fr 1fr 1fr!important;
    gap:18px!important;
    align-items:stretch!important;

    width:100%!important;
    margin:0!important;
  }

  body #cart-wrapper .cart-empty .row.cart-row::before,
  body #cart-wrapper .cart-empty .row.cart-row::after,
  body #cart-wrapper .cart-empty .row.empty-cart-boxes::before,
  body #cart-wrapper .cart-empty .row.empty-cart-boxes::after{
    display:none!important;
    content:none!important;
  }

  body #cart-wrapper .cart-empty
  .row.cart-row > .col-md-8,

  body #cart-wrapper .cart-empty
  .row.cart-row > .col-md-8 > .cart-content,

  body #cart-wrapper .cart-empty
  .row.empty-cart-boxes{
    display:contents!important;
  }


  /* THREE CARDS */

  body #cart-wrapper .cart-empty
  .row.empty-cart-boxes > .col-md-6,

  body #cart-wrapper .cart-empty
  .row.cart-row > .col-md-4{
    float:none!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:250px!important;

    margin:0!important;
    padding:24px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.40)!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }


  /* CENTER SEARCH + HELP CONTENT */

  body #cart-wrapper .cart-empty
  .row.empty-cart-boxes > .col-md-6:nth-child(2){
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  body #cart-wrapper .cart-empty
  .row.cart-row > .col-md-4{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }


  /* HEADINGS */

  body #cart-wrapper .cart-empty
  .empty-cart-boxes h3,

  body #cart-wrapper .cart-empty
  .row.cart-row > .col-md-4 h2.h4{
    margin:0 0 18px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
    line-height:1.18!important;
    font-weight:700!important;

    color:#171412!important;
    text-transform:none!important;
  }


  /* CATEGORY LIST */

  body #cart-wrapper .cart-empty
  .empty-cart-boxes ul{
    margin:0!important;
    padding-left:20px!important;
  }

  body #cart-wrapper .cart-empty
  .empty-cart-boxes li{
    margin:7px 0!important;
    color:#171412!important;
  }

  body #cart-wrapper .cart-empty
  .empty-cart-boxes li::marker{
    color:#d4aa62!important;
  }

  body #cart-wrapper .cart-empty
  .empty-cart-boxes a{
    color:#171412!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:700!important;
    text-decoration:none!important;
  }

  body #cart-wrapper .cart-empty
  .empty-cart-boxes a:hover{
    color:#171412!important;
    text-decoration:underline!important;
    text-decoration-color:#d4aa62!important;
    text-underline-offset:3px!important;
  }


  /* SEARCH */

  body #cart-wrapper .cart-empty
  .js-try-search-button.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    min-height:44px!important;

    align-self:flex-start!important;

    margin-top:6px!important;
    padding:10px 22px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;

    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }

  body #cart-wrapper .cart-empty
  .js-try-search-button.btn:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
    color:#fff!important;
  }


  /* HELP */

  body #cart-wrapper .cart-empty
  .row.cart-row > .col-md-4 .cart-content,
  body #cart-wrapper .cart-empty
  .box.box-sm.box-bg-default,
  body #cart-wrapper .cart-empty
  .contact-box.no-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body #cart-wrapper .cart-empty
  .contact-box.no-image ul{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  body #cart-wrapper .cart-empty
  .contact-box.no-image li{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;

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

  body #cart-wrapper .cart-empty
  .contact-box.no-image a{
    color:#171412!important;
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

  body #cart-wrapper .cart-empty
  .contact-box.no-image [class*="icon"]{
    color:#6d635b!important;
  }

}


/* =========================================================
   ALPO EMPTY CART MOBILE v2.8
   ========================================================= */

@media(max-width:620px){

  body #cart-wrapper.cart-wrapper{
    margin-top:-6px!important;
  }

  body #cart-wrapper .cart-inner.cart-empty{
    width:100%!important;
    padding:0 0 28px!important;
  }


  /* TITLE */

  body #cart-wrapper .cart-empty .h1.cart-heading{
    margin:14px 0 22px!important;
    padding:0!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:30px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.02em!important;

    color:#171412!important;
    text-transform:none!important;
  }


  /* ROWS */

  body #cart-wrapper .cart-empty .row.cart-row,
  body #cart-wrapper .cart-empty .row.empty-cart-boxes{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }

  body #cart-wrapper .cart-empty .row.cart-row::before,
  body #cart-wrapper .cart-empty .row.cart-row::after,
  body #cart-wrapper .cart-empty .row.empty-cart-boxes::before,
  body #cart-wrapper .cart-empty .row.empty-cart-boxes::after{
    display:none!important;
    content:none!important;
  }

  body #cart-wrapper .cart-empty
  .row.cart-row > .col-md-8,
  body #cart-wrapper .cart-empty
  .row.cart-row > .col-md-4,
  body #cart-wrapper .cart-empty
  .row.empty-cart-boxes > .col-md-6{
    float:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }


  /* CARDS */

  body #cart-wrapper .cart-empty
  .row.empty-cart-boxes > .col-md-6,
  body #cart-wrapper .cart-empty
  .row.cart-row > .col-md-4{
    margin-bottom:14px!important;
    padding:16px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.40)!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }


  /* HEADINGS */

  body #cart-wrapper .cart-empty
  .empty-cart-boxes h3,
  body #cart-wrapper .cart-empty
  .row.cart-row > .col-md-4 h2.h4{
    margin:0 0 13px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:19px!important;
    line-height:1.18!important;
    font-weight:700!important;

    color:#171412!important;
    text-transform:none!important;
  }


  /* CATEGORY LIST */

  body #cart-wrapper .cart-empty
  .empty-cart-boxes ul{
    margin:0!important;
    padding-left:18px!important;
  }

  body #cart-wrapper .cart-empty
  .empty-cart-boxes li{
    margin:6px 0!important;
    padding:0!important;
    color:#171412!important;
  }

  body #cart-wrapper .cart-empty
  .empty-cart-boxes li::marker{
    color:#d4aa62!important;
  }

  body #cart-wrapper .cart-empty
  .empty-cart-boxes a{
    color:#171412!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:700!important;
    text-decoration:none!important;
  }


  /* SEARCH */

  body #cart-wrapper .cart-empty
  .js-try-search-button.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:126px!important;
    min-height:42px!important;

    margin:0!important;
    padding:10px 20px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;
    background:#11100f!important;

    color:#fff!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }


  /* HELP */

  body #cart-wrapper .cart-empty
  .row.cart-row > .col-md-4 .cart-content,
  body #cart-wrapper .cart-empty
  .box.box-sm.box-bg-default,
  body #cart-wrapper .cart-empty
  .contact-box.no-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body #cart-wrapper .cart-empty
  .contact-box.no-image ul{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  body #cart-wrapper .cart-empty
  .contact-box.no-image li{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;

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

  body #cart-wrapper .cart-empty
  .contact-box.no-image a{
    color:#171412!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

  body #cart-wrapper .cart-empty
  .contact-box.no-image [class*="icon"]{
    color:#6d635b!important;
  }

}


/* =========================================================
   ALPO CUSTOMER LOGIN DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  /* POPUP */

  body .popup-widget-inner:has(#customerLogin){
    padding:30px 32px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.40)!important;
    border-radius:18px!important;
    box-shadow:0 18px 50px rgba(23,20,18,.14)!important;
  }


  /* TITLE */

  body .popup-widget-inner:has(#customerLogin) #loginHeading{
    margin:0 0 26px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:30px!important;
    line-height:1.15!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;

    color:#171412!important;
    text-transform:none!important;
  }


  /* FORM */

  body #customerLogin .form-group{
    margin-bottom:16px!important;
  }

  body #customerLogin .form-group.smart-label-wrapper{
    position:relative!important;
  }


  /* LABELS */

  body #customerLogin .smart-label-wrapper > label{
    display:block!important;
    position:static!important;

    margin:0 0 7px!important;
    padding:0!important;

    color:#171412!important;
    background:transparent!important;

    font-size:14px!important;
    line-height:1.3!important;
    font-weight:700!important;

    transform:none!important;
  }

  body #customerLogin .required-asterisk{
    color:#171412!important;
  }

  body #customerLogin .required-asterisk::after{
    color:#b42318!important;
  }


  /* INPUTS */

  body #customerLogin
  input:not([type="hidden"]):not([type="submit"]){
    width:100%!important;
    min-height:50px!important;

    padding:11px 14px!important;

    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:12px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:15px!important;
    line-height:1.2!important;

    box-shadow:none!important;
    outline:none!important;
  }

  body #customerLogin
  input:not([type="hidden"]):not([type="submit"]):focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 3px rgba(212,170,98,.12)!important;
  }


  /* PRIMARY LOGIN CTA */

  body #customerLogin .submit-wrapper{
    margin:18px 0 16px!important;
  }

  body #customerLogin .submit-wrapper .btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:150px!important;
    min-height:46px!important;

    padding:11px 24px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }

  body #customerLogin .submit-wrapper .btn.btn-primary:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
    color:#fff!important;
  }


  /* REGISTRATION + FORGOTTEN PASSWORD */

  body #customerLogin .submit-wrapper ~ a,
  body #customerLogin form > a{
    color:#171412!important;

    font-size:14px!important;
    line-height:1.45!important;
    font-weight:650!important;

    text-decoration:underline!important;
    text-decoration-color:#d4aa62!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:3px!important;
  }

  body #customerLogin .submit-wrapper ~ a:hover,
  body #customerLogin form > a:hover{
    color:#171412!important;
    text-decoration-color:#11100f!important;
  }


  /* SOCIAL LOGIN */

  body #customerLogin .social-login-buttons{
    margin-top:26px!important;
  }

  body #customerLogin .social-login-buttons-divider{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;

    margin:24px 0 18px!important;

    color:#6d635b!important;
  }

  body #customerLogin .social-login-buttons-divider::before,
  body #customerLogin .social-login-buttons-divider::after{
    content:""!important;
    display:block!important;
    flex:1 1 auto!important;

    height:1px!important;
    background:rgba(212,170,98,.40)!important;
  }

  body #customerLogin .social-login-buttons-divider span{
    color:#6d635b!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:600!important;
  }

  body #customerLogin .social-login-buttons .form-group{
    margin-bottom:12px!important;
  }


  /* GOOGLE */

  body #customerLogin .login-btn.google{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    position:relative!important;

    width:100%!important;
    min-height:50px!important;

    padding:11px 18px 11px 64px!important;

    border:1px solid rgba(23,20,18,.32)!important;
    border-radius:12px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:14px!important;
    font-weight:750!important;
    text-decoration:none!important;

    box-shadow:none!important;
  }

  body #customerLogin .login-btn.google:hover{
    border-color:#d4aa62!important;
    background:#fff!important;
    color:#171412!important;
  }


  /* SEZNAM */

  body #customerLogin .login-btn.seznam{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    position:relative!important;

    width:100%!important;
    min-height:50px!important;

    padding:11px 18px 11px 64px!important;

    border-radius:12px!important;

    font-size:14px!important;
    font-weight:750!important;
    text-decoration:none!important;

    box-shadow:none!important;
  }


  /* PROVIDER ICON POSITION */

  body #customerLogin .login-btn.google::before,
  body #customerLogin .login-btn.seznam::before{
    position:absolute!important;
    left:20px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }


  /* ORDINARY LINKS */

  body .popup-widget-inner:has(#customerLogin)
  a:not(.login-btn){
    color:#171412!important;
  }

}


/* =========================================================
   ALPO CUSTOMER LOGIN MOBILE v2.8
   ========================================================= */

@media(max-width:620px){

  /* REAL MOBILE LOGIN FORM */

  body.in-login main#content.content.wide .content-inner{
    padding:18px 16px 22px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:16px!important;
  }


  /* TITLE */

  body.in-login main#content.content.wide .content-inner > h1,
  body.in-login main#content.content.wide .content-inner > h2{
    margin:0 0 20px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:26px!important;
    line-height:1.12!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;

    color:#171412!important;
    text-align:left!important;
    text-transform:none!important;
  }


  /* FORM */

  body.in-login #formLogin .form-group{
    margin-bottom:13px!important;
  }


  /* LABELS */

  body.in-login #formLogin
  .smart-label-wrapper > label{
    display:block!important;
    position:static!important;

    margin:0 0 6px!important;
    padding:0!important;

    color:#171412!important;
    background:transparent!important;

    font-size:12px!important;
    line-height:1.25!important;
    font-weight:700!important;

    transform:none!important;
  }

  body.in-login #formLogin .required-asterisk{
    color:#171412!important;
  }

  body.in-login #formLogin .required-asterisk::after{
    color:#b42318!important;
  }


  /* INPUTS */

  body.in-login #formLogin
  input:not([type="hidden"]):not([type="submit"]){
    width:100%!important;
    min-height:44px!important;

    padding:9px 11px!important;

    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:10px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:13px!important;
    line-height:1.2!important;

    box-shadow:none!important;
    outline:none!important;
  }

  body.in-login #formLogin
  input:not([type="hidden"]):not([type="submit"]):focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 2px rgba(212,170,98,.12)!important;
  }


  /* LOGIN CTA */

  body.in-login #formLogin .submit-wrapper{
    margin:15px 0 14px!important;
  }

  body.in-login #formLogin
  .submit-wrapper .btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:138px!important;
    min-height:42px!important;

    padding:10px 20px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }


  /* REGISTRATION + PASSWORD */

  body.in-login #formLogin a:not(.login-btn){
    color:#171412!important;

    font-size:12px!important;
    line-height:1.45!important;
    font-weight:650!important;

    text-decoration:underline!important;
    text-decoration-color:#d4aa62!important;
    text-underline-offset:3px!important;
  }


  /* SOCIAL AREA */

  body.in-login #formLogin .social-login-buttons{
    margin-top:20px!important;
  }

  body.in-login #formLogin
  .social-login-buttons-divider{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;

    margin:19px 0 14px!important;

    color:#6d635b!important;
  }

  body.in-login #formLogin
  .social-login-buttons-divider::before,
  body.in-login #formLogin
  .social-login-buttons-divider::after{
    content:""!important;
    display:block!important;
    flex:1 1 auto!important;

    height:1px!important;
    background:rgba(212,170,98,.40)!important;
  }

  body.in-login #formLogin
  .social-login-buttons-divider span{
    color:#6d635b!important;
    font-size:11px!important;
    font-weight:600!important;
  }


  /* GOOGLE + SEZNAM */

  body.in-login #formLogin
  .login-btn.google,
  body.in-login #formLogin
  .login-btn.seznam{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    position:relative!important;

    width:100%!important;
    min-height:44px!important;

    padding:9px 12px 9px 50px!important;

    border-radius:10px!important;

    font-size:12px!important;
    line-height:1.2!important;
    font-weight:750!important;

    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.in-login #formLogin .login-btn.google{
    border:1px solid rgba(23,20,18,.30)!important;
    background:#fff!important;
    color:#171412!important;
  }

  body.in-login #formLogin .login-btn.seznam{
    color:#fff!important;
  }


  /* PROVIDER ICONS */

  body.in-login #formLogin
  .login-btn.google::before,
  body.in-login #formLogin
  .login-btn.seznam::before{
    position:absolute!important;
    left:14px!important;
    top:50%!important;

    margin:0!important;
    transform:translateY(-50%)!important;
  }

}


/* =========================================================
   ALPO CUSTOMER LOGIN BRIDGE 621-1023 v2.8
   ========================================================= */

@media(min-width:621px) and (max-width:1023px){

  body.in-login main#content.content.wide .content-inner{
    max-width:680px!important;
    margin:0 auto!important;
    padding:28px 30px 32px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:18px!important;
    box-shadow:0 12px 34px rgba(23,20,18,.08)!important;
  }


  /* TITLE */

  body.in-login main#content.content.wide .content-inner > h1,
  body.in-login main#content.content.wide .content-inner > h2{
    margin:0 0 26px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:32px!important;
    line-height:1.12!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;

    color:#171412!important;
    text-align:left!important;
    text-transform:none!important;
  }


  /* FORM */

  body.in-login #formLogin{
    max-width:100%!important;
  }

  body.in-login #formLogin .form-group{
    margin-bottom:16px!important;
  }


  /* LABELS */

  body.in-login #formLogin
  .smart-label-wrapper > label{
    display:block!important;
    position:static!important;

    margin:0 0 7px!important;
    padding:0!important;

    color:#171412!important;
    background:transparent!important;

    font-size:13px!important;
    line-height:1.3!important;
    font-weight:700!important;

    transform:none!important;
  }

  body.in-login #formLogin .required-asterisk{
    color:#171412!important;
  }

  body.in-login #formLogin .required-asterisk::after{
    color:#b42318!important;
  }


  /* INPUTS */

  body.in-login #formLogin
  input:not([type="hidden"]):not([type="submit"]){
    width:100%!important;
    min-height:48px!important;

    padding:10px 13px!important;

    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:11px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:14px!important;
    line-height:1.2!important;

    box-shadow:none!important;
    outline:none!important;
  }

  body.in-login #formLogin
  input:not([type="hidden"]):not([type="submit"]):focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 3px rgba(212,170,98,.12)!important;
  }


  /* CTA */

  body.in-login #formLogin .submit-wrapper{
    margin:18px 0 16px!important;
  }

  body.in-login #formLogin
  .submit-wrapper .btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:150px!important;
    min-height:46px!important;

    padding:11px 24px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }


  /* LINKS */

  body.in-login #formLogin a:not(.login-btn){
    color:#171412!important;

    font-size:13px!important;
    line-height:1.5!important;
    font-weight:650!important;

    text-decoration:underline!important;
    text-decoration-color:#d4aa62!important;
    text-underline-offset:3px!important;
  }


  /* SOCIAL */

  body.in-login #formLogin .social-login-buttons{
    margin-top:24px!important;
  }

  body.in-login #formLogin
  .social-login-buttons-divider{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;

    margin:22px 0 16px!important;
    color:#6d635b!important;
  }

  body.in-login #formLogin
  .social-login-buttons-divider::before,
  body.in-login #formLogin
  .social-login-buttons-divider::after{
    content:""!important;
    display:block!important;
    flex:1 1 auto!important;

    height:1px!important;
    background:rgba(212,170,98,.40)!important;
  }

  body.in-login #formLogin
  .social-login-buttons-divider span{
    color:#6d635b!important;
    font-size:12px!important;
    font-weight:600!important;
  }


  /* GOOGLE + SEZNAM */

  body.in-login #formLogin
  .login-btn.google,
  body.in-login #formLogin
  .login-btn.seznam{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    position:relative!important;

    width:100%!important;
    min-height:48px!important;

    padding:10px 14px 10px 56px!important;

    border-radius:11px!important;

    font-size:13px!important;
    line-height:1.2!important;
    font-weight:750!important;

    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.in-login #formLogin .login-btn.google{
    border:1px solid rgba(23,20,18,.30)!important;
    background:#fff!important;
    color:#171412!important;
  }

  body.in-login #formLogin .login-btn.seznam{
    color:#fff!important;
  }

  body.in-login #formLogin
  .login-btn.google::before,
  body.in-login #formLogin
  .login-btn.seznam::before{
    position:absolute!important;
    left:17px!important;
    top:50%!important;

    margin:0!important;
    transform:translateY(-50%)!important;
  }

}


/* =========================================================
   ALPO CUSTOMER LOGIN PAGE DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  /* MAIN CARD */

  body.in-login main#content.content.wide .content-inner{
    max-width:620px!important;
    margin:30px auto 44px!important;
    padding:32px 30px 36px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:18px!important;

    box-shadow:0 14px 40px rgba(23,20,18,.08)!important;
  }


  /* TITLE */

  body.in-login main#content.content.wide .content-inner > h1,
  body.in-login main#content.content.wide .content-inner > h2{
    width:440px!important;
    max-width:100%!important;

    margin:0 auto 26px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:34px!important;
    line-height:1.1!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;

    color:#171412!important;
    text-align:left!important;
    text-transform:none!important;
  }


  /* FORM */

  body.in-login #formLogin{
    width:440px!important;
    max-width:100%!important;

    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.in-login #formLogin .form-group{
    margin-bottom:17px!important;
  }


  /* LABELS */

  body.in-login #formLogin
  .smart-label-wrapper > label{
    display:block!important;
    position:static!important;

    margin:0 0 7px!important;
    padding:0!important;

    background:transparent!important;
    color:#171412!important;

    font-size:14px!important;
    line-height:1.3!important;
    font-weight:700!important;

    transform:none!important;
  }

  body.in-login #formLogin .required-asterisk{
    color:#171412!important;
  }

  body.in-login #formLogin .required-asterisk::after{
    color:#b42318!important;
  }


  /* INPUTS */

  body.in-login #formLogin
  input:not([type="hidden"]):not([type="submit"]){
    width:100%!important;
    min-height:50px!important;

    padding:11px 14px!important;

    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:12px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:15px!important;
    line-height:1.2!important;

    box-shadow:none!important;
    outline:none!important;
  }

  body.in-login #formLogin
  input:not([type="hidden"]):not([type="submit"]):focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 3px rgba(212,170,98,.12)!important;
  }


  /* CTA */

  body.in-login #formLogin .submit-wrapper{
    margin:19px 0 17px!important;
  }

  body.in-login #formLogin
  .submit-wrapper .btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:150px!important;
    min-height:46px!important;

    padding:11px 24px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }

  body.in-login #formLogin
  .submit-wrapper .btn.btn-primary:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
    color:#fff!important;
  }


  /* REGISTRATION + FORGOTTEN PASSWORD */

  body.in-login #formLogin a:not(.login-btn){
    color:#171412!important;

    font-size:14px!important;
    line-height:1.5!important;
    font-weight:650!important;

    text-decoration:underline!important;
    text-decoration-color:#d4aa62!important;
    text-underline-offset:3px!important;
  }


  /* SOCIAL */

  body.in-login #formLogin .social-login-buttons{
    width:100%!important;
    margin-top:27px!important;
  }

  body.in-login #formLogin
  .social-login-buttons-divider{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;

    margin:24px 0 18px!important;

    color:#6d635b!important;
  }

  body.in-login #formLogin
  .social-login-buttons-divider::before,
  body.in-login #formLogin
  .social-login-buttons-divider::after{
    content:""!important;
    display:block!important;
    flex:1 1 auto!important;

    height:1px!important;
    background:rgba(212,170,98,.40)!important;
  }

  body.in-login #formLogin
  .social-login-buttons-divider span{
    color:#6d635b!important;
    font-size:13px!important;
    font-weight:600!important;
  }


  /* GOOGLE + SEZNAM */

  body.in-login #formLogin
  .login-btn.google,
  body.in-login #formLogin
  .login-btn.seznam{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    position:relative!important;

    width:100%!important;
    max-width:440px!important;
    min-height:50px!important;

    padding:11px 18px 11px 64px!important;

    border-radius:12px!important;

    font-size:14px!important;
    line-height:1.2!important;
    font-weight:750!important;

    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.in-login #formLogin .login-btn.google{
    border:1px solid rgba(23,20,18,.30)!important;
    background:#fff!important;
    color:#171412!important;
  }

  body.in-login #formLogin .login-btn.seznam{
    color:#fff!important;
  }

  body.in-login #formLogin
  .login-btn.google::before,
  body.in-login #formLogin
  .login-btn.seznam::before{
    position:absolute!important;
    left:20px!important;
    top:50%!important;

    margin:0!important;
    transform:translateY(-50%)!important;
  }

}


/* =========================================================
   ALPO CUSTOMER REGISTRATION DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  /* PAGE */

  body.in-registrace main#content.content.wide .content-inner{
    max-width:900px!important;
    margin:30px auto 44px!important;
    padding:28px 32px 34px!important;

    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
  }


  /* PAGE TITLE */

  body.in-registrace main#content.content.wide .content-inner > h1{
    margin:0 0 26px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:36px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.02em!important;

    color:#171412!important;
    text-align:left!important;
    text-transform:none!important;
  }


  /* FORM */

  body.in-registrace #register-form{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }


  /* MAJOR CARDS */

  body.in-registrace #register-form > fieldset.box,
  body.in-registrace #register-form > .co-box.co-registration,
  body.in-registrace #register-form > #additionalInformation,
  body.in-registrace #register-form > fieldset.stay-in-touch,
  body.in-registrace #register-form > fieldset:not(.box):not(.stay-in-touch){
    margin:0 0 18px!important;
    padding:20px 22px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:16px!important;

    box-shadow:none!important;
  }


  /* NESTED BOXES */

  body.in-registrace #register-form
  .co-box.co-registration > fieldset.box,
  body.in-registrace #register-form
  #additionalInformation > fieldset.box{
    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }


  /* SECTION TITLES */

  body.in-registrace #register-form h2{
    margin:0 0 16px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:700!important;

    color:#171412!important;
    text-transform:none!important;
  }


  /* CUSTOMER TYPE */

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type .form-group{
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    column-gap:10px!important;
    align-items:start!important;

    margin:0 0 10px!important;
    padding:12px 14px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.34)!important;
    border-radius:12px!important;
  }

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type .form-group:last-child{
    margin-bottom:0!important;
  }

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type input[type="radio"]{
    grid-column:1!important;
    margin:2px 0 0!important;
  }

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type label.whole-width{
    grid-column:2!important;
    display:block!important;
    width:auto!important;

    margin:0!important;
    padding:0!important;

    color:#171412!important;
    font-size:13px!important;
    line-height:1.4!important;
    cursor:pointer!important;
  }

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type label.whole-width strong{
    display:inline!important;
    color:#171412!important;
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:800!important;
  }


  /* REMOVE SHOPTET PSEUDO RADIO/CHECKBOX */

  body.in-registrace #register-form
  input[type="radio"] + label::before,
  body.in-registrace #register-form
  input[type="radio"] + label::after,
  body.in-registrace #register-form
  input[type="checkbox"] + label::before,
  body.in-registrace #register-form
  input[type="checkbox"] + label::after{
    content:none!important;
    display:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }


  /* RADIOS */

  body.in-registrace #register-form input[type="radio"]{
    -webkit-appearance:none!important;
    appearance:none!important;

    display:inline-block!important;
    position:static!important;
    opacity:1!important;

    width:18px!important;
    height:18px!important;
    min-width:18px!important;

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

    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:50%!important;
    background:#fff!important;

    box-shadow:none!important;
    vertical-align:top!important;
  }

  body.in-registrace #register-form input[type="radio"]:checked{
    border:5px solid #11100f!important;
    background:#fff!important;
  }


  /* CHECKBOXES */

  body.in-registrace #register-form input[type="checkbox"]{
    -webkit-appearance:none!important;
    appearance:none!important;

    display:inline-block!important;
    position:static!important;
    opacity:1!important;

    width:18px!important;
    height:18px!important;
    min-width:18px!important;

    margin:1px 10px 0 0!important;
    padding:0!important;

    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:4px!important;
    background:#fff!important;

    box-shadow:none!important;
    vertical-align:top!important;
  }

  body.in-registrace #register-form input[type="checkbox"]:checked{
    border-color:#11100f!important;
    background-color:#11100f!important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2 7.5 12.2 13.7 5.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:15px 15px!important;
  }

  body.in-registrace #register-form
  input[type="radio"] + label,
  body.in-registrace #register-form
  input[type="checkbox"] + label{
    padding-left:0!important;
    color:#171412!important;
  }


  /* FORM WIDTH */

  body.in-registrace #register-form
  .co-registration:not(:first-child),
  body.in-registrace #register-form
  #additionalInformation,
  body.in-registrace #register-form
  fieldset.stay-in-touch,
  body.in-registrace #register-form
  > fieldset:not(.box):not(.stay-in-touch),
  body.in-registrace #register-form
  .social-login{
    max-width:640px!important;
  }


  /* FORM GROUPS */

  body.in-registrace #register-form .form-group{
    margin-bottom:13px!important;
  }


  /* LABELS */

  body.in-registrace #register-form label,
  body.in-registrace #register-form .required-asterisk{
    color:#171412!important;
  }

  body.in-registrace #register-form
  .form-group > label:not(.whole-width){
    display:block!important;

    margin:0 0 6px!important;
    padding:0!important;

    color:#171412!important;

    font-size:12px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  body.in-registrace #register-form .required-asterisk::after{
    color:#b42318!important;
  }


  /* INPUTS / SELECTS */

  body.in-registrace #register-form
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
  body.in-registrace #register-form select,
  body.in-registrace #register-form textarea{
    width:100%!important;
    min-height:44px!important;

    padding:9px 12px!important;

    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:10px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:13px!important;
    line-height:1.2!important;

    box-shadow:none!important;
    outline:none!important;
  }

  body.in-registrace #register-form textarea{
    min-height:110px!important;
  }

  body.in-registrace #register-form
  input:not([type="checkbox"]):not([type="radio"]):focus,
  body.in-registrace #register-form select:focus,
  body.in-registrace #register-form textarea:focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 3px rgba(212,170,98,.12)!important;
  }


  /* PHONE */

  body.in-registrace #register-form .phone-form-group{
    color:#171412!important;
  }

  body.in-registrace #register-form
  .phone-form-group input{
    max-width:330px!important;
  }


  /* NEWSLETTER */

  body.in-registrace #register-form
  fieldset.stay-in-touch .form-group{
    margin:0!important;
  }

  body.in-registrace #register-form
  fieldset.stay-in-touch label.whole-width{
    color:#171412!important;
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:650!important;
  }


  /* CONFIRMATION */

  body.in-registrace #register-form
  > fieldset:not(.box):not(.stay-in-touch)
  label.whole-width{
    color:#171412!important;
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:650!important;
  }

  body.in-registrace #register-form
  > fieldset:not(.box):not(.stay-in-touch) a{
    color:#171412!important;
    text-decoration:underline!important;
    text-decoration-color:#d4aa62!important;
    text-underline-offset:3px!important;
  }


  /* REGISTER CTA */

  body.in-registrace #register-form .submit-wrapper{
    margin:20px 0 8px!important;
  }

  body.in-registrace #register-form
  .submit-wrapper .btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:150px!important;
    min-height:44px!important;

    padding:10px 22px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }

  body.in-registrace #register-form
  .submit-wrapper .btn.btn-primary:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
    color:#fff!important;
  }


  /* SOCIAL CARD */

  body.in-registrace #register-form .social-login{
    margin:22px 0 0!important;
    padding:20px 22px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:16px!important;
  }

  body.in-registrace #register-form
  .social-login h2{
    margin-bottom:16px!important;
  }

  body.in-registrace #register-form
  .social-login .form-group{
    margin-bottom:12px!important;
  }


  /* GOOGLE + SEZNAM */

  body.in-registrace #register-form
  .login-btn.google,
  body.in-registrace #register-form
  .login-btn.seznam{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    position:relative!important;

    width:100%!important;
    min-height:46px!important;

    padding:10px 18px 10px 64px!important;

    border-radius:12px!important;

    font-size:13px!important;
    line-height:1.2!important;
    font-weight:750!important;

    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.in-registrace #register-form
  .login-btn.google{
    border:1px solid rgba(23,20,18,.30)!important;
    background:#fff!important;
    color:#171412!important;
  }

  body.in-registrace #register-form
  .login-btn.seznam{
    color:#fff!important;
  }

  body.in-registrace #register-form
  .login-btn.google::before,
  body.in-registrace #register-form
  .login-btn.seznam::before{
    position:absolute!important;
    left:20px!important;
    top:50%!important;

    margin:0!important;
    transform:translateY(-50%)!important;
  }

}


/* =========================================================
   ALPO CUSTOMER REGISTRATION MOBILE v2.8
   ========================================================= */

@media(max-width:620px){

  /* PAGE */

  body.in-registrace main#content.content.wide .content-inner{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:16px 10px 24px!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
  }


  /* PAGE TITLE */

  body.in-registrace main#content.content.wide .content-inner > h1{
    margin:4px 0 20px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:27px!important;
    line-height:1.1!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;

    color:#171412!important;
    text-align:left!important;
    text-transform:none!important;
  }


  /* FORM */

  body.in-registrace #register-form{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }


  /* MAIN SECTION CARDS */

  body.in-registrace #register-form > fieldset.box,
  body.in-registrace #register-form > .co-box.co-registration,
  body.in-registrace #register-form > #additionalInformation,
  body.in-registrace #register-form > fieldset.stay-in-touch,
  body.in-registrace #register-form > fieldset:not(.box):not(.stay-in-touch){
    width:100%!important;
    max-width:none!important;

    margin:0 0 14px!important;
    padding:15px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:14px!important;

    box-shadow:none!important;
  }


  /* NESTED BOXES */

  body.in-registrace #register-form
  .co-box.co-registration > fieldset.box,
  body.in-registrace #register-form
  #additionalInformation > fieldset.box{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }


  /* SECTION TITLES */

  body.in-registrace #register-form h2{
    margin:0 0 14px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:20px!important;
    line-height:1.15!important;
    font-weight:700!important;

    color:#171412!important;
    text-transform:none!important;
  }


  /* CUSTOMER TYPE */

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type .form-group{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    column-gap:9px!important;
    align-items:start!important;

    margin:0 0 8px!important;
    padding:10px 11px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.34)!important;
    border-radius:11px!important;
  }

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type .form-group:last-child{
    margin-bottom:0!important;
  }

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type label.whole-width{
    grid-column:2!important;
    display:block!important;

    width:auto!important;
    margin:0!important;
    padding:0!important;

    color:#171412!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:500!important;
  }

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type label.whole-width strong{
    display:inline!important;
    color:#171412!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:800!important;
  }


  /* REMOVE SHOPTET FAKE RADIO/CHECKBOX */

  body.in-registrace #register-form
  input[type="radio"] + label::before,
  body.in-registrace #register-form
  input[type="radio"] + label::after,
  body.in-registrace #register-form
  input[type="checkbox"] + label::before,
  body.in-registrace #register-form
  input[type="checkbox"] + label::after{
    content:none!important;
    display:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }


  /* RADIOS */

  body.in-registrace #register-form input[type="radio"]{
    -webkit-appearance:none!important;
    appearance:none!important;

    display:inline-block!important;
    position:static!important;
    opacity:1!important;

    width:16px!important;
    height:16px!important;
    min-width:16px!important;

    margin:1px 0 0!important;
    padding:0!important;

    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:50%!important;
    background:#fff!important;

    box-shadow:none!important;
  }

  body.in-registrace #register-form input[type="radio"]:checked{
    border:4px solid #11100f!important;
    background:#fff!important;
  }


  /* CHECKBOXES */

  body.in-registrace #register-form input[type="checkbox"]{
    -webkit-appearance:none!important;
    appearance:none!important;

    display:inline-block!important;
    position:static!important;
    opacity:1!important;

    width:16px!important;
    height:16px!important;
    min-width:16px!important;

    margin:1px 8px 0 0!important;
    padding:0!important;

    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:4px!important;
    background:#fff!important;

    box-shadow:none!important;
    vertical-align:top!important;
  }

  body.in-registrace #register-form input[type="checkbox"]:checked{
    border-color:#11100f!important;
    background-color:#11100f!important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2 7.5 12.2 13.7 5.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:14px 14px!important;
  }

  body.in-registrace #register-form
  input[type="radio"] + label,
  body.in-registrace #register-form
  input[type="checkbox"] + label{
    padding-left:0!important;
    color:#171412!important;
  }


  /* FORM GROUPS */

  body.in-registrace #register-form .form-group{
    margin-bottom:11px!important;
  }


  /* LABELS */

  body.in-registrace #register-form label,
  body.in-registrace #register-form .required-asterisk{
    color:#171412!important;
  }

  body.in-registrace #register-form
  .form-group > label:not(.whole-width){
    display:block!important;

    margin:0 0 5px!important;
    padding:0!important;

    color:#171412!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  body.in-registrace #register-form .required-asterisk::after{
    color:#b42318!important;
  }


  /* INPUTS / SELECTS */

  body.in-registrace #register-form
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
  body.in-registrace #register-form select,
  body.in-registrace #register-form textarea{
    width:100%!important;
    min-height:42px!important;

    padding:8px 10px!important;

    border:1px solid rgba(212,170,98,.50)!important;
    border-radius:9px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:12px!important;
    line-height:1.2!important;

    box-shadow:none!important;
    outline:none!important;
  }

  body.in-registrace #register-form
  input:not([type="checkbox"]):not([type="radio"]):focus,
  body.in-registrace #register-form select:focus,
  body.in-registrace #register-form textarea:focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 2px rgba(212,170,98,.12)!important;
  }


  /* PHONE */

  body.in-registrace #register-form .phone-form-group{
    color:#171412!important;
  }

  body.in-registrace #register-form
  .phone-form-group input{
    max-width:none!important;
  }


  /* NEWSLETTER */

  body.in-registrace #register-form
  fieldset.stay-in-touch .form-group{
    margin:0!important;
  }

  body.in-registrace #register-form
  fieldset.stay-in-touch label.whole-width{
    color:#171412!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:650!important;
  }


  /* CONFIRMATION */

  body.in-registrace #register-form
  > fieldset:not(.box):not(.stay-in-touch)
  label.whole-width{
    color:#171412!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:650!important;
  }

  body.in-registrace #register-form
  > fieldset:not(.box):not(.stay-in-touch) a{
    color:#171412!important;
    text-decoration:underline!important;
    text-decoration-color:#d4aa62!important;
    text-underline-offset:2px!important;
  }


  /* REGISTER CTA */

  body.in-registrace #register-form .submit-wrapper{
    margin:16px 0 4px!important;
  }

  body.in-registrace #register-form
  .submit-wrapper .btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:138px!important;
    min-height:42px!important;

    padding:10px 20px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:12.5px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }


  /* SOCIAL REGISTRATION */

  body.in-registrace #register-form .social-login{
    width:100%!important;
    max-width:none!important;

    margin:14px 0 0!important;
    padding:15px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:14px!important;
  }

  body.in-registrace #register-form
  .social-login h2{
    margin-bottom:13px!important;
  }

  body.in-registrace #register-form
  .social-login .form-group{
    margin-bottom:9px!important;
  }


  /* GOOGLE + SEZNAM */

  body.in-registrace #register-form
  .login-btn.google,
  body.in-registrace #register-form
  .login-btn.seznam{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    position:relative!important;

    width:100%!important;
    min-height:43px!important;

    padding:9px 10px 9px 48px!important;

    border-radius:10px!important;

    font-size:12px!important;
    line-height:1.2!important;
    font-weight:750!important;

    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.in-registrace #register-form .login-btn.google{
    border:1px solid rgba(23,20,18,.30)!important;
    background:#fff!important;
    color:#171412!important;
  }

  body.in-registrace #register-form .login-btn.seznam{
    color:#fff!important;
  }

  body.in-registrace #register-form
  .login-btn.google::before,
  body.in-registrace #register-form
  .login-btn.seznam::before{
    position:absolute!important;
    left:14px!important;
    top:50%!important;

    margin:0!important;
    transform:translateY(-50%)!important;
  }

}


/* =========================================================
   ALPO FORGOTTEN PASSWORD DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  /* MAIN CARD */

  body.in-zapomenute-heslo main#content.content.wide .content-inner{
    max-width:620px!important;
    margin:30px auto 44px!important;
    padding:30px 32px 34px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:18px!important;

    box-shadow:0 14px 40px rgba(23,20,18,.08)!important;
  }


  /* TITLE */

  body.in-zapomenute-heslo
  main#content.content.wide .content-inner > h1{
    margin:0 0 18px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:34px!important;
    line-height:1.1!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;

    color:#171412!important;
    text-align:left!important;
    text-transform:none!important;
  }


  /* INTRO */

  body.in-zapomenute-heslo
  main#content.content.wide .content-inner > p{
    max-width:520px!important;
    margin:0 0 24px!important;

    color:#6d635b!important;

    font-size:14px!important;
    line-height:1.55!important;
    font-weight:500!important;
  }


  /* FORM */

  body.in-zapomenute-heslo #formForgottenPassword{
    width:100%!important;
    max-width:440px!important;
    margin:0!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword fieldset{
    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword .form-group{
    margin-bottom:16px!important;
  }


  /* LABEL */

  body.in-zapomenute-heslo
  #formForgottenPassword
  .smart-label-wrapper > label{
    display:block!important;
    position:static!important;

    margin:0 0 7px!important;
    padding:0!important;

    background:transparent!important;
    color:#171412!important;

    font-size:13px!important;
    line-height:1.3!important;
    font-weight:700!important;

    transform:none!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword .required-asterisk{
    color:#171412!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword .required-asterisk::after{
    color:#b42318!important;
  }


  /* INPUT */

  body.in-zapomenute-heslo
  #formForgottenPassword
  input:not([type="hidden"]):not([type="submit"]){
    width:100%!important;
    min-height:48px!important;

    padding:10px 13px!important;

    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:11px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:14px!important;
    line-height:1.2!important;

    box-shadow:none!important;
    outline:none!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword
  input:not([type="hidden"]):not([type="submit"]):focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 3px rgba(212,170,98,.12)!important;
  }


  /* CTA */

  body.in-zapomenute-heslo
  #formForgottenPassword .submit-wrapper{
    margin:18px 0 0!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword
  .submit-wrapper .btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:140px!important;
    min-height:44px!important;

    padding:10px 22px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword
  .submit-wrapper .btn.btn-primary:hover{
    background:#1c1917!important;
    border-color:#1c1917!important;
    color:#fff!important;
  }

}


/* =========================================================
   ALPO FOOTER CLAIM DESKTOP FIX v2.8
   ========================================================= */

@media(min-width:1024px){

  body #alpo-footer-v28
  .alpo-footer-brand > p{
    width:100%!important;
    max-width:100%!important;

    font-size:14px!important;
    line-height:1.5!important;
    letter-spacing:-.01em!important;

    text-align:center!important;
  }

}


/* =========================================================
   ALPO FORGOTTEN PASSWORD MOBILE v2.8
   ========================================================= */

@media(max-width:620px){

  body.in-zapomenute-heslo main#content.content.wide{
    padding-top:0!important;
  }

  body.in-zapomenute-heslo
  main#content.content.wide .content-inner{
    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:16px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:14px!important;

    box-shadow:none!important;
  }


  /* HIDE CUSTOMER CENTER ON MOBILE */

  body.in-zapomenute-heslo
  .sidebar-left .client-center-box,
  body.in-zapomenute-heslo
  aside.sidebar.sidebar-left{
    display:none!important;
  }


  /* TITLE */

  body.in-zapomenute-heslo
  main#content.content.wide .content-inner > h1{
    margin:6px 0 14px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:24px!important;
    line-height:1.12!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;

    color:#171412!important;
    text-align:left!important;
    text-transform:none!important;
  }


  /* INTRO */

  body.in-zapomenute-heslo
  main#content.content.wide .content-inner > p{
    margin:0 0 18px!important;

    color:#6d635b!important;
    font-size:12px!important;
    line-height:1.5!important;
    font-weight:500!important;
  }


  /* FORM */

  body.in-zapomenute-heslo #formForgottenPassword{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword fieldset{
    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword .form-group{
    margin-bottom:13px!important;
  }


  /* LABEL */

  body.in-zapomenute-heslo
  #formForgottenPassword
  .smart-label-wrapper > label{
    display:block!important;
    position:static!important;

    margin:0 0 5px!important;
    padding:0!important;

    background:transparent!important;
    color:#171412!important;

    font-size:11px!important;
    line-height:1.3!important;
    font-weight:700!important;

    transform:none!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword .required-asterisk{
    color:#171412!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword .required-asterisk::after{
    color:#b42318!important;
  }


  /* INPUT */

  body.in-zapomenute-heslo
  #formForgottenPassword
  input:not([type="hidden"]):not([type="submit"]){
    width:100%!important;
    min-height:42px!important;

    padding:8px 10px!important;

    border:1px solid rgba(212,170,98,.50)!important;
    border-radius:9px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:12px!important;

    box-shadow:none!important;
    outline:none!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword
  input:not([type="hidden"]):not([type="submit"]):focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 2px rgba(212,170,98,.12)!important;
  }


  /* CTA */

  body.in-zapomenute-heslo
  #formForgottenPassword .submit-wrapper{
    margin:15px 0 0!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword
  .submit-wrapper .btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:130px!important;
    min-height:42px!important;

    padding:10px 20px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }

}


/* =========================================================
   ALPO ACCOUNT BRIDGE 621-1023 v2.8
   Registration + Forgotten Password
   ========================================================= */

@media(min-width:621px) and (max-width:1023px){

  /* =====================================================
     REGISTRATION
     ===================================================== */

  body.in-registrace main#content.content.wide .content-inner{
    width:100%!important;
    max-width:720px!important;
    margin:22px auto 34px!important;
    padding:24px 26px 30px!important;

    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.in-registrace
  main#content.content.wide .content-inner > h1{
    margin:0 0 24px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:32px!important;
    line-height:1.08!important;
    font-weight:700!important;

    color:#171412!important;
    text-align:left!important;
    text-transform:none!important;
  }

  body.in-registrace #register-form{
    width:100%!important;
    max-width:none!important;
  }


  /* REGISTRATION CARDS */

  body.in-registrace #register-form > fieldset.box,
  body.in-registrace #register-form > .co-box.co-registration,
  body.in-registrace #register-form > #additionalInformation,
  body.in-registrace #register-form > fieldset.stay-in-touch,
  body.in-registrace #register-form > fieldset:not(.box):not(.stay-in-touch){
    width:100%!important;
    max-width:none!important;

    margin:0 0 16px!important;
    padding:18px 20px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:15px!important;
    box-shadow:none!important;
  }

  body.in-registrace #register-form
  .co-box.co-registration > fieldset.box,
  body.in-registrace #register-form
  #additionalInformation > fieldset.box{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.in-registrace #register-form h2{
    margin:0 0 15px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
    line-height:1.15!important;
    font-weight:700!important;

    color:#171412!important;
    text-transform:none!important;
  }


  /* CUSTOMER TYPE */

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type .form-group{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    column-gap:10px!important;
    align-items:start!important;

    margin:0 0 9px!important;
    padding:11px 13px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.34)!important;
    border-radius:11px!important;
  }

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type .form-group:last-child{
    margin-bottom:0!important;
  }

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type label.whole-width,
  body.in-registrace #register-form
  fieldset.co-registration:first-of-type label.whole-width strong{
    font-size:12px!important;
    line-height:1.4!important;
    color:#171412!important;
  }

  body.in-registrace #register-form
  fieldset.co-registration:first-of-type label.whole-width{
    grid-column:2!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
  }


  /* REMOVE SHOPTET RADIO / CHECKBOX */

  body.in-registrace #register-form
  input[type="radio"] + label::before,
  body.in-registrace #register-form
  input[type="radio"] + label::after,
  body.in-registrace #register-form
  input[type="checkbox"] + label::before,
  body.in-registrace #register-form
  input[type="checkbox"] + label::after{
    content:none!important;
    display:none!important;
  }

  body.in-registrace #register-form input[type="radio"]{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:inline-block!important;
    position:static!important;
    opacity:1!important;

    width:17px!important;
    height:17px!important;
    min-width:17px!important;

    margin:1px 0 0!important;
    padding:0!important;

    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body.in-registrace #register-form input[type="radio"]:checked{
    border:4px solid #11100f!important;
    background:#fff!important;
  }

  body.in-registrace #register-form input[type="checkbox"]{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:inline-block!important;
    position:static!important;
    opacity:1!important;

    width:17px!important;
    height:17px!important;
    min-width:17px!important;

    margin:1px 9px 0 0!important;
    padding:0!important;

    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:4px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body.in-registrace #register-form input[type="checkbox"]:checked{
    border-color:#11100f!important;
    background-color:#11100f!important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2 7.5 12.2 13.7 5.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:14px 14px!important;
  }


  /* LABELS + FIELDS */

  body.in-registrace #register-form label,
  body.in-registrace #register-form .required-asterisk{
    color:#171412!important;
  }

  body.in-registrace #register-form
  .required-asterisk::after{
    color:#b42318!important;
  }

  body.in-registrace #register-form
  .form-group > label:not(.whole-width){
    margin:0 0 5px!important;
    font-size:12px!important;
    font-weight:700!important;
  }

  body.in-registrace #register-form
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
  body.in-registrace #register-form select,
  body.in-registrace #register-form textarea{
    width:100%!important;
    min-height:44px!important;

    padding:9px 11px!important;

    border:1px solid rgba(212,170,98,.50)!important;
    border-radius:10px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:13px!important;
    box-shadow:none!important;
  }

  body.in-registrace #register-form
  fieldset.stay-in-touch label.whole-width,
  body.in-registrace #register-form
  > fieldset:not(.box):not(.stay-in-touch) label.whole-width{
    color:#171412!important;
    font-size:12px!important;
    line-height:1.4!important;
  }

  body.in-registrace #register-form
  > fieldset:not(.box):not(.stay-in-touch) a{
    color:#171412!important;
    text-decoration:underline!important;
    text-decoration-color:#d4aa62!important;
  }


  /* REGISTER CTA */

  body.in-registrace #register-form
  .submit-wrapper .btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:145px!important;
    min-height:44px!important;

    padding:10px 21px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:13px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }


  /* SOCIAL REGISTRATION */

  body.in-registrace #register-form .social-login{
    width:100%!important;
    max-width:none!important;

    margin:16px 0 0!important;
    padding:18px 20px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:15px!important;
  }

  body.in-registrace #register-form
  .login-btn.google,
  body.in-registrace #register-form
  .login-btn.seznam{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    position:relative!important;

    width:100%!important;
    min-height:46px!important;

    padding:10px 14px 10px 54px!important;

    border-radius:11px!important;
    font-size:12px!important;
    font-weight:750!important;
    text-decoration:none!important;
  }

  body.in-registrace #register-form .login-btn.google{
    border:1px solid rgba(23,20,18,.30)!important;
    background:#fff!important;
    color:#171412!important;
  }

  body.in-registrace #register-form .login-btn.seznam{
    color:#fff!important;
  }

  body.in-registrace #register-form
  .login-btn.google::before,
  body.in-registrace #register-form
  .login-btn.seznam::before{
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }


  /* =====================================================
     FORGOTTEN PASSWORD
     ===================================================== */

  body.in-zapomenute-heslo
  aside.sidebar.sidebar-left{
    display:none!important;
  }

  body.in-zapomenute-heslo
  main#content.content.wide .content-inner{
    width:100%!important;
    max-width:560px!important;

    margin:24px auto 36px!important;
    padding:24px 26px 28px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:16px!important;

    box-shadow:0 10px 30px rgba(23,20,18,.07)!important;
  }

  body.in-zapomenute-heslo
  main#content.content.wide .content-inner > h1{
    margin:0 0 16px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:30px!important;
    line-height:1.1!important;
    font-weight:700!important;

    color:#171412!important;
    text-align:left!important;
  }

  body.in-zapomenute-heslo
  main#content.content.wide .content-inner > p{
    margin:0 0 20px!important;

    color:#6d635b!important;
    font-size:13px!important;
    line-height:1.5!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword{
    width:100%!important;
    max-width:420px!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword fieldset{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword
  .smart-label-wrapper > label{
    display:block!important;
    position:static!important;

    margin:0 0 6px!important;
    padding:0!important;

    color:#171412!important;
    background:transparent!important;

    font-size:12px!important;
    font-weight:700!important;
    transform:none!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword .required-asterisk{
    color:#171412!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword .required-asterisk::after{
    color:#b42318!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword
  input:not([type="hidden"]):not([type="submit"]){
    width:100%!important;
    min-height:46px!important;

    padding:9px 12px!important;

    border:1px solid rgba(212,170,98,.50)!important;
    border-radius:10px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:13px!important;
    box-shadow:none!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword .submit-wrapper{
    margin:16px 0 0!important;
  }

  body.in-zapomenute-heslo
  #formForgottenPassword
  .submit-wrapper .btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:135px!important;
    min-height:44px!important;

    padding:10px 21px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:13px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

}


/* =========================================================
   ALPO CLIENT CENTER DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  /* PAGE LAYOUT */

  body.in-klient
  #content-wrapper .content-wrapper-in{
    display:grid!important;
    grid-template-columns:270px minmax(0,1fr)!important;
    gap:28px!important;
    align-items:start!important;
  }


  /* SIDEBAR */

  body.in-klient
  aside.sidebar.sidebar-left{
    float:none!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  body.in-klient
  aside.sidebar.sidebar-left .sidebar-inner{
    width:100%!important;
  }

  body.in-klient
  .sidebar-left .client-center-box{
    margin:0!important;
    padding:18px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:16px!important;

    box-shadow:none!important;
  }

  body.in-klient
  .sidebar-left .client-center-box > ul{
    display:block!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  body.in-klient
  .sidebar-left .client-center-box > ul > li{
    margin:0 0 5px!important;
    padding:0!important;
  }


  /* USER NAME */

  body.in-klient
  .sidebar-left .client-center-box > ul > li.active{
    display:block!important;
    float:none!important;

    width:100%!important;
    max-width:none!important;

    margin:0 0 9px!important;
    padding:11px 13px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.42)!important;
    border-radius:11px!important;
  }

  body.in-klient
  .sidebar-left .client-center-box > ul > li.active > a{
    display:block!important;

    width:100%!important;
    max-width:none!important;
    padding:0!important;

    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;

    color:#171412!important;
    background:transparent!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:700!important;

    text-decoration:none!important;
  }


  /* LOGOUT */

  body.in-klient
  .sidebar-left .client-center-box > ul > li.logout{
    display:block!important;
    float:none!important;

    width:100%!important;
    margin:0 0 15px!important;
    padding:0!important;
  }

  body.in-klient
  .sidebar-left .client-center-box
  > ul > li.logout > a.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:112px!important;
    min-height:36px!important;

    padding:8px 15px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;

    white-space:nowrap!important;

    box-shadow:none!important;
    text-transform:none!important;
  }


  /* ACCOUNT MENU
     New external/plugin items remain visible and inherit ALPO styling. */

  body.in-klient
  .sidebar-left .client-center-box
  > ul > li:not(.active):not(.logout) > a{
    display:block!important;

    width:100%!important;
    padding:9px 10px!important;

    border-radius:9px!important;

    background:transparent!important;
    color:#171412!important;

    font-size:12px!important;
    line-height:1.3!important;
    font-weight:650!important;

    text-decoration:none!important;
  }

  body.in-klient
  .sidebar-left .client-center-box
  > ul > li:not(.active):not(.logout) > a:hover{
    background:#fff!important;
    color:#171412!important;
  }


  /* MAIN CONTENT */

  body.in-klient
  main#content.content.wide{
    float:none!important;
    width:auto!important;
    max-width:none!important;

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

  body.in-klient
  main#content.content.wide .content-inner{
    width:100%!important;
    min-height:300px!important;

    margin:0!important;
    padding:28px 30px 32px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:18px!important;

    color:#171412!important;
    box-shadow:none!important;
  }


  /* TITLE */

  body.in-klient
  main#content.content.wide .content-inner > h1{
    margin:0 0 22px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:34px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;

    color:#171412!important;
    text-align:left!important;
    text-transform:none!important;
  }


  /* CONTENT TEXT / EMPTY STATE */

  body.in-klient
  main#content.content.wide .content-inner > p{
    max-width:620px!important;
    margin:0!important;

    color:#6d635b!important;

    font-size:14px!important;
    line-height:1.55!important;
    font-weight:500!important;
  }

}


/* =========================================================
   ALPO ACCOUNT SETTINGS + DELIVERY ADDRESS DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  /* COMMON LAYOUT */

  body.in-nastaveni
  #content-wrapper .content-wrapper-in,
  body.in-dorucovaci-udaje
  #content-wrapper .content-wrapper-in{
    display:grid!important;
    grid-template-columns:270px minmax(0,1fr)!important;
    gap:28px!important;
    align-items:start!important;
  }


  /* SIDEBAR */

  body.in-nastaveni aside.sidebar.sidebar-left,
  body.in-dorucovaci-udaje aside.sidebar.sidebar-left{
    float:none!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  body.in-nastaveni
  .sidebar-left .client-center-box,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box{
    margin:0!important;
    padding:18px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:16px!important;

    box-shadow:none!important;
  }

  body.in-nastaveni
  .sidebar-left .client-center-box > ul,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box > ul{
    display:block!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  body.in-nastaveni
  .sidebar-left .client-center-box > ul > li,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box > ul > li{
    display:block!important;
    float:none!important;
    width:100%!important;
    margin:0 0 5px!important;
    padding:0!important;
  }


  /* ACTIVE ITEM */

  body.in-nastaveni
  .sidebar-left .client-center-box > ul > li.active,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box > ul > li.active{
    margin-bottom:9px!important;
    padding:11px 13px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.42)!important;
    border-radius:11px!important;
  }

  body.in-nastaveni
  .sidebar-left .client-center-box > ul > li.active > a,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box > ul > li.active > a{
    display:block!important;
    width:100%!important;

    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;

    background:transparent!important;
    color:#171412!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:700!important;

    text-decoration:none!important;
  }


  /* LOGOUT */

  body.in-nastaveni
  .sidebar-left .client-center-box > ul > li.logout,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box > ul > li.logout{
    margin-bottom:15px!important;
  }

  body.in-nastaveni
  .sidebar-left .client-center-box > ul > li.logout > a.btn,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box > ul > li.logout > a.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:112px!important;
    min-height:36px!important;

    padding:8px 15px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;

    white-space:nowrap!important;
    box-shadow:none!important;
  }


  /* MENU ITEMS */

  body.in-nastaveni
  .sidebar-left .client-center-box
  > ul > li:not(.active):not(.logout) > a,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box
  > ul > li:not(.active):not(.logout) > a{
    display:block!important;

    width:100%!important;
    padding:9px 10px!important;

    border-radius:9px!important;

    background:transparent!important;
    color:#171412!important;

    font-size:12px!important;
    line-height:1.3!important;
    font-weight:650!important;

    text-decoration:none!important;
  }

  body.in-nastaveni
  .sidebar-left .client-center-box
  > ul > li:not(.active):not(.logout) > a:hover,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box
  > ul > li:not(.active):not(.logout) > a:hover{
    background:#fff!important;
  }


  /* MAIN CONTENT */

  body.in-nastaveni main#content.content.wide,
  body.in-dorucovaci-udaje main#content.content.wide{
    float:none!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  body.in-nastaveni
  main#content.content.wide .content-inner,
  body.in-dorucovaci-udaje
  main#content.content.wide .content-inner{
    width:100%!important;

    margin:0!important;
    padding:28px 30px 32px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:18px!important;

    color:#171412!important;
    box-shadow:none!important;
  }


  /* PAGE TITLE */

  body.in-nastaveni main#content .content-inner > h1,
  body.in-dorucovaci-udaje main#content .content-inner > h1{
    margin:0 0 26px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:34px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;

    color:#171412!important;
    text-transform:none!important;
  }


  /* ACCOUNT SETTINGS */

  body.in-nastaveni #register-form{
    width:100%!important;
    max-width:700px!important;
  }

  body.in-nastaveni #register-form > fieldset.box{
    margin:0 0 18px!important;
    padding:20px 22px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:15px!important;

    box-shadow:none!important;
  }


  /* SECTION HEADINGS */

  body.in-nastaveni #register-form h2,
  body.in-nastaveni .shipping-addresses > h2,
  body.in-dorucovaci-udaje .shipping-address-form h2{
    margin:0 0 18px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:700!important;

    color:#171412!important;
    text-transform:none!important;
  }

  body.in-nastaveni #register-form h2::before,
  body.in-nastaveni #register-form h2::after{
    color:#6d635b!important;
  }


  /* FORM GROUPS */

  body.in-nastaveni #register-form .form-group,
  body.in-dorucovaci-udaje
  .shipping-address-form .form-group{
    margin-bottom:13px!important;
  }


  /* LABELS */

  body.in-nastaveni #register-form label,
  body.in-dorucovaci-udaje
  .shipping-address-form label{
    color:#171412!important;
  }

  body.in-nastaveni #register-form
  .form-group > label:not(.whole-width),
  body.in-dorucovaci-udaje
  .shipping-address-form
  .form-group > label:not(.whole-width){
    display:block!important;

    margin:0 0 6px!important;
    padding:0!important;

    color:#171412!important;

    font-size:12px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  body.in-nastaveni #register-form .required-asterisk,
  body.in-dorucovaci-udaje
  .shipping-address-form .required-asterisk{
    color:#b42318!important;
  }


  /* INPUTS */

  body.in-nastaveni #register-form
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  body.in-nastaveni #register-form select,
  body.in-nastaveni #register-form textarea,

  body.in-dorucovaci-udaje
  .shipping-address-form
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  body.in-dorucovaci-udaje
  .shipping-address-form select,
  body.in-dorucovaci-udaje
  .shipping-address-form textarea{
    width:100%!important;
    min-height:44px!important;

    padding:9px 12px!important;

    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:10px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:13px!important;
    line-height:1.2!important;

    box-shadow:none!important;
    outline:none!important;
  }

  body.in-nastaveni #register-form
  input:not([type="checkbox"]):not([type="radio"]):focus,
  body.in-nastaveni #register-form select:focus,
  body.in-dorucovaci-udaje
  .shipping-address-form
  input:not([type="checkbox"]):not([type="radio"]):focus,
  body.in-dorucovaci-udaje
  .shipping-address-form select:focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 3px rgba(212,170,98,.12)!important;
  }


  /* NEWSLETTER CHECKBOX */

  body.in-nastaveni #register-form
  input[type="checkbox"] + label::before,
  body.in-nastaveni #register-form
  input[type="checkbox"] + label::after{
    content:none!important;
    display:none!important;
  }

  body.in-nastaveni #register-form input[type="checkbox"]{
    -webkit-appearance:none!important;
    appearance:none!important;

    display:inline-block!important;
    position:static!important;
    opacity:1!important;

    width:18px!important;
    height:18px!important;
    min-width:18px!important;

    margin:1px 9px 0 0!important;
    padding:0!important;

    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:4px!important;

    background:#fff!important;
    box-shadow:none!important;
  }

  body.in-nastaveni
  #register-form input[type="checkbox"]:checked{
    border-color:#11100f!important;
    background-color:#11100f!important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2 7.5 12.2 13.7 5.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:15px 15px!important;
  }

  body.in-nastaveni #register-form
  input[type="checkbox"] + label{
    padding-left:0!important;
    color:#171412!important;
  }


  /* SAVE */

  body.in-nastaveni #register-form .submit-wrapper{
    margin:18px 0 4px!important;
  }

  body.in-nastaveni #register-form
  .submit-wrapper button.btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:135px!important;
    min-height:44px!important;

    padding:10px 22px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }


  /* SHIPPING ADDRESSES */

  body.in-nastaveni .shipping-addresses{
    max-width:700px!important;

    margin:20px 0 0!important;
    padding:20px 22px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:15px!important;
  }

  body.in-nastaveni .shipping-addresses > p{
    color:#6d635b!important;
    font-size:13px!important;
    line-height:1.5!important;
  }

  body.in-nastaveni
  .shipping-addresses a.btn.btn-secondary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:44px!important;

    padding:10px 22px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-decoration:none!important;
  }


  /* DELIVERY ADDRESS FORM */

  body.in-dorucovaci-udaje
  .shipping-address-form{
    width:100%!important;
    max-width:700px!important;
  }

  body.in-dorucovaci-udaje
  .shipping-address-form > fieldset{
    margin:0!important;
    padding:20px 22px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:15px!important;

    box-shadow:none!important;
  }

  body.in-dorucovaci-udaje
  .shipping-address-form .submit-wrapper{
    margin:18px 0 0!important;
  }

  body.in-dorucovaci-udaje
  .shipping-address-form
  .submit-wrapper button.btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:135px!important;
    min-height:44px!important;

    padding:10px 22px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
  }

}


/* =========================================================
   ALPO ACCOUNT SETTINGS + DELIVERY ADDRESS MOBILE v2.8
   ========================================================= */

@media(max-width:620px){

  /* LAYOUT */

  body.in-nastaveni
  #content-wrapper .content-wrapper-in,
  body.in-dorucovaci-udaje
  #content-wrapper .content-wrapper-in{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
  }

  body.in-nastaveni aside.sidebar.sidebar-left,
  body.in-dorucovaci-udaje aside.sidebar.sidebar-left,
  body.in-nastaveni main#content.content.wide,
  body.in-dorucovaci-udaje main#content.content.wide{
    float:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }


  /* CUSTOMER MENU */

  body.in-nastaveni
  .sidebar-left .client-center-box,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box{
    margin:0!important;
    padding:12px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:14px!important;

    box-shadow:none!important;
  }

  body.in-nastaveni
  .sidebar-left .client-center-box > ul,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box > ul{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;

    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  body.in-nastaveni
  .sidebar-left .client-center-box > ul > li,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box > ul > li{
    display:block!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }


  /* USER */

  body.in-nastaveni
  .sidebar-left .client-center-box > ul > li.active,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box > ul > li.active{
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  body.in-nastaveni
  .sidebar-left .client-center-box > ul > li.active > a,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box > ul > li.active > a{
    display:flex!important;
    align-items:center!important;

    min-height:40px!important;
    width:100%!important;
    padding:9px 11px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.48)!important;
    border-radius:10px!important;

    color:#171412!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:700!important;

    white-space:normal!important;
    text-decoration:none!important;
  }


  /* LOGOUT */

  body.in-nastaveni
  .sidebar-left .client-center-box > ul > li.logout > a.btn,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box > ul > li.logout > a.btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    min-height:40px!important;
    padding:9px 11px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
  }


  /* MENU ITEMS */

  body.in-nastaveni
  .sidebar-left .client-center-box
  > ul > li:not(.active):not(.logout) > a,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box
  > ul > li:not(.active):not(.logout) > a{
    display:flex!important;
    align-items:center!important;

    min-height:44px!important;
    width:100%!important;
    padding:8px 9px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.28)!important;
    border-radius:9px!important;

    color:#171412!important;

    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:650!important;

    white-space:normal!important;
    text-decoration:none!important;
  }


  /* CURRENT CUSTOMER SECTION */

  body.in-nastaveni
  .client-center-box a[href*="/klient/nastaveni"],
  body.in-dorucovaci-udaje
  .client-center-box a[href*="/klient/nastaveni"]{
    background:#fffaf3!important;
    border-color:#d4aa62!important;
    color:#171412!important;
    font-weight:800!important;
    box-shadow:inset 0 0 0 1px rgba(212,170,98,.18)!important;
  }


  /* MAIN SHELL */

  body.in-nastaveni
  main#content .content-inner,
  body.in-dorucovaci-udaje
  main#content .content-inner{
    width:100%!important;

    margin:0!important;
    padding:20px 14px 22px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:15px!important;

    box-shadow:none!important;
  }

  body.in-nastaveni
  main#content .content-inner > h1,
  body.in-dorucovaci-udaje
  main#content .content-inner > h1{
    margin:0 0 20px!important;

    color:#171412!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:26px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;

    text-transform:none!important;
  }


  /* ACCOUNT SETTINGS */

  body.in-nastaveni #register-form{
    width:100%!important;
    max-width:none!important;
  }

  body.in-nastaveni
  #register-form > fieldset.box{
    margin:0 0 14px!important;
    padding:16px 13px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.36)!important;
    border-radius:13px!important;

    box-shadow:none!important;
  }


  /* SECTION TITLES */

  body.in-nastaveni #register-form h2,
  body.in-nastaveni .shipping-addresses > h2,
  body.in-dorucovaci-udaje
  .shipping-address-form h2{
    margin:0 0 15px!important;

    color:#171412!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:20px!important;
    line-height:1.15!important;
    font-weight:700!important;

    text-transform:none!important;
  }


  /* FORM */

  body.in-nastaveni #register-form .form-group,
  body.in-dorucovaci-udaje
  .shipping-address-form .form-group{
    margin-bottom:11px!important;
  }

  body.in-nastaveni
  #register-form .form-group > label:not(.whole-width),
  body.in-dorucovaci-udaje
  .shipping-address-form .form-group > label:not(.whole-width){
    display:block!important;

    margin:0 0 5px!important;
    padding:0!important;

    color:#171412!important;

    font-size:11px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  body.in-nastaveni #register-form label,
  body.in-dorucovaci-udaje
  .shipping-address-form label{
    color:#171412!important;
  }


  /* REQUIRED LABELS:
     black text + red asterisk only */

  body.in-nastaveni
  #register-form .required-asterisk,
  body.in-dorucovaci-udaje
  .shipping-address-form .required-asterisk{
    color:#171412!important;
  }

  body.in-nastaveni
  #register-form .required-asterisk::after,
  body.in-dorucovaci-udaje
  .shipping-address-form .required-asterisk::after{
    content:none!important;
  }

  body.in-nastaveni
  #register-form label .required-asterisk::after,
  body.in-dorucovaci-udaje
  .shipping-address-form label .required-asterisk::after{
    content:" *"!important;
    color:#b42318!important;
    font-weight:700!important;
  }


  /* INPUTS */

  body.in-nastaveni #register-form
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  body.in-nastaveni #register-form select,
  body.in-nastaveni #register-form textarea,

  body.in-dorucovaci-udaje
  .shipping-address-form
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  body.in-dorucovaci-udaje
  .shipping-address-form select,
  body.in-dorucovaci-udaje
  .shipping-address-form textarea{
    width:100%!important;
    max-width:none!important;
    min-height:44px!important;

    padding:9px 11px!important;

    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:9px!important;

    background:#fff!important;
    color:#171412!important;

    font-size:12px!important;

    box-shadow:none!important;
    outline:none!important;
  }

  body.in-nastaveni #register-form
  input:not([type="checkbox"]):not([type="radio"]):focus,
  body.in-nastaveni #register-form select:focus,

  body.in-dorucovaci-udaje
  .shipping-address-form
  input:not([type="checkbox"]):not([type="radio"]):focus,
  body.in-dorucovaci-udaje
  .shipping-address-form select:focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 3px rgba(212,170,98,.12)!important;
  }


  /* NEWSLETTER CHECKBOX */

  body.in-nastaveni #register-form
  input[type="checkbox"] + label::before,
  body.in-nastaveni #register-form
  input[type="checkbox"] + label::after{
    content:none!important;
    display:none!important;
  }

  body.in-nastaveni
  #register-form input[type="checkbox"]{
    -webkit-appearance:none!important;
    appearance:none!important;

    display:inline-block!important;
    position:static!important;
    opacity:1!important;

    width:18px!important;
    height:18px!important;
    min-width:18px!important;

    margin:0 8px 0 0!important;
    padding:0!important;

    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:4px!important;

    background:#fff!important;
    box-shadow:none!important;
  }

  body.in-nastaveni
  #register-form input[type="checkbox"]:checked{
    border-color:#11100f!important;
    background-color:#11100f!important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2 7.5 12.2 13.7 5.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;

    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:15px 15px!important;
  }

  body.in-nastaveni
  #register-form input[type="checkbox"] + label{
    padding-left:0!important;
    color:#171412!important;
    font-size:11px!important;
  }


  /* BUTTONS */

  body.in-nastaveni
  #register-form .submit-wrapper button.btn.btn-primary,
  body.in-nastaveni
  .shipping-addresses a.btn.btn-secondary,
  body.in-dorucovaci-udaje
  .shipping-address-form
  .submit-wrapper button.btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:44px!important;
    padding:10px 18px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fff!important;

    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-transform:none!important;
    text-decoration:none!important;
  }


  /* SHIPPING ADDRESS LIST */

  body.in-nastaveni
  .shipping-addresses{
    width:100%!important;
    max-width:none!important;

    margin:14px 0 0!important;
    padding:16px 13px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.36)!important;
    border-radius:13px!important;

    box-shadow:none!important;
  }

  body.in-nastaveni
  .shipping-addresses > p{
    margin-bottom:14px!important;

    color:#6d635b!important;

    font-size:11.5px!important;
    line-height:1.45!important;
  }


  /* DELIVERY ADDRESS */

  body.in-dorucovaci-udaje
  .shipping-address-form{
    width:100%!important;
    max-width:none!important;
  }

  body.in-dorucovaci-udaje
  .shipping-address-form > fieldset{
    margin:0!important;
    padding:16px 13px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.36)!important;
    border-radius:13px!important;

    box-shadow:none!important;
  }

  body.in-dorucovaci-udaje
  .shipping-address-form .submit-wrapper{
    margin:15px 0 0!important;
  }

}


/* =========================================================
   ALPO ACCOUNT REQUIRED LABEL DESKTOP FIX v2.8
   ========================================================= */

@media(min-width:1024px){

  body.in-nastaveni
  #register-form .required-asterisk,
  body.in-dorucovaci-udaje
  .shipping-address-form .required-asterisk{
    color:#171412!important;
  }

  body.in-nastaveni
  #register-form .required-asterisk::after,
  body.in-dorucovaci-udaje
  .shipping-address-form .required-asterisk::after{
    content:none!important;
  }

  body.in-nastaveni
  #register-form label .required-asterisk::after,
  body.in-dorucovaci-udaje
  .shipping-address-form label .required-asterisk::after{
    content:" *"!important;
    color:#b42318!important;
    font-weight:700!important;
  }

}


/* =========================================================
   ALPO ACCOUNT SETTINGS + DELIVERY ADDRESS BRIDGE v2.8
   ========================================================= */

@media(min-width:621px) and (max-width:1023px){

  /* LAYOUT */

  body.in-nastaveni
  #content-wrapper .content-wrapper-in,
  body.in-dorucovaci-udaje
  #content-wrapper .content-wrapper-in{
    display:grid!important;
    grid-template-columns:190px minmax(0,1fr)!important;
    gap:20px!important;
    align-items:start!important;
  }

  body.in-nastaveni aside.sidebar.sidebar-left,
  body.in-dorucovaci-udaje aside.sidebar.sidebar-left,
  body.in-nastaveni main#content.content.wide,
  body.in-dorucovaci-udaje main#content.content.wide{
    float:none!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }


  /* SIDEBAR */

  body.in-nastaveni
  .sidebar-left .client-center-box,
  body.in-dorucovaci-udaje
  .sidebar-left .client-center-box{
    margin:0!important;
    padding:14px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:14px!important;

    box-shadow:none!important;
  }

  body.in-nastaveni
  .client-center-box > ul,
  body.in-dorucovaci-udaje
  .client-center-box > ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;

    width:100%!important;
    margin:0!important;
    padding:0!important;

    gap:4px!important;
    list-style:none!important;
  }

  body.in-nastaveni
  .client-center-box > ul > li,
  body.in-dorucovaci-udaje
  .client-center-box > ul > li{
    display:block!important;
    float:none!important;
    clear:both!important;

    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;

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


  /* ROW 1 — LOGOUT */

  body.in-nastaveni
  .client-center-box > ul > li.logout,
  body.in-dorucovaci-udaje
  .client-center-box > ul > li.logout{
    order:1!important;
    margin:0 0 3px!important;
    text-align:right!important;
  }

  body.in-nastaveni
  .client-center-box > ul > li.logout > a.btn,
  body.in-dorucovaci-udaje
  .client-center-box > ul > li.logout > a.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:0!important;
    min-height:30px!important;

    padding:7px 10px!important;

    background:#11100f!important;
    color:#fff!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    font-size:9px!important;
    line-height:1!important;
    font-weight:800!important;

    white-space:nowrap!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }


  /* ROW 2 — CUSTOMER NAME */

  body.in-nastaveni
  .client-center-box > ul > li:first-child,
  body.in-dorucovaci-udaje
  .client-center-box > ul > li:first-child{
    order:2!important;
    margin:0 0 7px!important;
  }

  body.in-nastaveni
  .client-center-box > ul > li:first-child > a[href="/klient/"],
  body.in-dorucovaci-udaje
  .client-center-box > ul > li:first-child > a[href="/klient/"]{
    display:block!important;

    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;

    padding:8px 9px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.42)!important;
    border-radius:9px!important;

    color:#171412!important;

    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:800!important;

    writing-mode:horizontal-tb!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;

    box-shadow:none!important;
    text-decoration:none!important;
  }


  /* CUSTOMER MENU */

  body.in-nastaveni
  .client-center-box > ul > li:nth-child(n+3),
  body.in-dorucovaci-udaje
  .client-center-box > ul > li:nth-child(n+3){
    order:3!important;
  }

  body.in-nastaveni
  .client-center-box > ul > li:nth-child(n+3) > a,
  body.in-dorucovaci-udaje
  .client-center-box > ul > li:nth-child(n+3) > a{
    display:block!important;
    width:100%!important;

    padding:7px 8px!important;

    background:transparent!important;
    color:#171412!important;

    border-radius:8px!important;

    font-size:10.5px!important;
    line-height:1.28!important;
    font-weight:650!important;

    white-space:normal!important;
    text-decoration:none!important;
  }

  body.in-nastaveni
  .client-center-box > ul > li:nth-child(n+3) > a:hover,
  body.in-dorucovaci-udaje
  .client-center-box > ul > li:nth-child(n+3) > a:hover{
    background:#fff!important;
  }


  /* CURRENT SECTION — NO SAMBA */

  body.in-nastaveni
  .client-center-box > ul > li.active,
  body.in-dorucovaci-udaje
  .client-center-box > ul > li.active{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.in-nastaveni
  .client-center-box > ul > li.active > a,
  body.in-dorucovaci-udaje
  .client-center-box > ul > li.active > a,
  body.in-nastaveni
  .client-center-box a[href="/klient/nastaveni/"],
  body.in-dorucovaci-udaje
  .client-center-box a[href="/klient/nastaveni/"]{
    background:#fff!important;
    color:#171412!important;

    border:1px solid rgba(212,170,98,.65)!important;
    border-radius:8px!important;

    box-shadow:none!important;
    font-weight:800!important;
  }


  /* MAIN CARD */

  body.in-nastaveni
  main#content .content-inner,
  body.in-dorucovaci-udaje
  main#content .content-inner{
    width:100%!important;
    margin:0!important;
    padding:24px 24px 28px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:16px!important;

    box-shadow:none!important;
  }

  body.in-nastaveni
  main#content .content-inner > h1,
  body.in-dorucovaci-udaje
  main#content .content-inner > h1{
    margin:0 0 24px!important;

    color:#171412!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:30px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;

    text-transform:none!important;
  }


  /* CONTENT WIDTH */

  body.in-nastaveni #register-form,
  body.in-nastaveni .shipping-addresses,
  body.in-dorucovaci-udaje .shipping-address-form{
    width:100%!important;
    max-width:620px!important;
  }


  /* CARDS */

  body.in-nastaveni
  #register-form > fieldset.box,
  body.in-nastaveni
  .shipping-addresses,
  body.in-dorucovaci-udaje
  .shipping-address-form > fieldset{
    margin:0 0 16px!important;
    padding:18px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:14px!important;

    box-shadow:none!important;
  }

  body.in-nastaveni .shipping-addresses{
    margin-top:18px!important;
  }


  /* SECTION TITLES */

  body.in-nastaveni #register-form h2,
  body.in-nastaveni .shipping-addresses > h2,
  body.in-dorucovaci-udaje .shipping-address-form h2{
    margin:0 0 17px!important;

    color:#171412!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
    line-height:1.15!important;
    font-weight:700!important;

    text-transform:none!important;
  }


  /* FORM */

  body.in-nastaveni #register-form .form-group,
  body.in-dorucovaci-udaje
  .shipping-address-form .form-group{
    margin-bottom:12px!important;
  }

  body.in-nastaveni #register-form label,
  body.in-dorucovaci-udaje
  .shipping-address-form label{
    color:#171412!important;
  }

  body.in-nastaveni
  #register-form .form-group > label:not(.whole-width),
  body.in-dorucovaci-udaje
  .shipping-address-form .form-group > label:not(.whole-width){
    display:block!important;

    margin:0 0 5px!important;
    padding:0!important;

    color:#171412!important;

    font-size:11px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }


  /* REQUIRED — BLACK TEXT + RED STAR */

  body.in-nastaveni
  #register-form .required-asterisk,
  body.in-dorucovaci-udaje
  .shipping-address-form .required-asterisk{
    color:#171412!important;
  }

  body.in-nastaveni
  #register-form .required-asterisk::after,
  body.in-dorucovaci-udaje
  .shipping-address-form .required-asterisk::after{
    content:none!important;
  }

  body.in-nastaveni
  #register-form label .required-asterisk::after,
  body.in-dorucovaci-udaje
  .shipping-address-form label .required-asterisk::after{
    content:" *"!important;
    color:#b42318!important;
    font-weight:700!important;
  }


  /* INPUTS */

  body.in-nastaveni #register-form
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  body.in-nastaveni #register-form select,
  body.in-nastaveni #register-form textarea,

  body.in-dorucovaci-udaje
  .shipping-address-form
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  body.in-dorucovaci-udaje
  .shipping-address-form select,
  body.in-dorucovaci-udaje
  .shipping-address-form textarea{
    width:100%!important;
    max-width:none!important;
    min-height:42px!important;

    padding:8px 11px!important;

    background:#fff!important;
    color:#171412!important;

    border:1px solid rgba(212,170,98,.55)!important;
    border-radius:9px!important;

    font-size:12px!important;

    box-shadow:none!important;
    outline:none!important;
  }

  body.in-nastaveni #register-form
  input:not([type="checkbox"]):not([type="radio"]):focus,
  body.in-nastaveni #register-form select:focus,
  body.in-dorucovaci-udaje
  .shipping-address-form
  input:not([type="checkbox"]):not([type="radio"]):focus,
  body.in-dorucovaci-udaje
  .shipping-address-form select:focus{
    border-color:#d4aa62!important;
    box-shadow:0 0 0 3px rgba(212,170,98,.12)!important;
  }


  /* NEWSLETTER CHECKBOX */

  body.in-nastaveni #register-form
  input[type="checkbox"] + label::before,
  body.in-nastaveni #register-form
  input[type="checkbox"] + label::after{
    content:none!important;
    display:none!important;
  }

  body.in-nastaveni
  #register-form input[type="checkbox"]{
    -webkit-appearance:none!important;
    appearance:none!important;

    display:inline-block!important;
    position:static!important;
    opacity:1!important;

    width:18px!important;
    height:18px!important;
    min-width:18px!important;

    margin:0 8px 0 0!important;
    padding:0!important;

    background:#fff!important;

    border:1px solid rgba(23,20,18,.42)!important;
    border-radius:4px!important;

    box-shadow:none!important;
  }

  body.in-nastaveni
  #register-form input[type="checkbox"]:checked{
    background-color:#11100f!important;
    border-color:#11100f!important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2 7.5 12.2 13.7 5.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:15px 15px!important;
  }

  body.in-nastaveni
  #register-form input[type="checkbox"] + label{
    padding-left:0!important;
    color:#171412!important;
  }


  /* BUTTONS */

  body.in-nastaveni
  #register-form .submit-wrapper button.btn.btn-primary,
  body.in-nastaveni
  .shipping-addresses a.btn.btn-secondary,
  body.in-dorucovaci-udaje
  .shipping-address-form
  .submit-wrapper button.btn.btn-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:42px!important;
    padding:9px 18px!important;

    background:#11100f!important;
    color:#fff!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    font-size:11.5px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;
    text-decoration:none!important;
    text-transform:none!important;
  }


  /* SHIPPING ADDRESSES */

  body.in-nastaveni
  .shipping-addresses > p{
    color:#6d635b!important;
    font-size:12px!important;
    line-height:1.45!important;
  }

}


/* =========================================================
   ALPO CUSTOMER NATIVE BRIDGE + CLIENT CENTER SIDEBAR v2.8
   ========================================================= */

@media(min-width:621px) and (max-width:1023px){

  /* =======================================================
     9 NATIVE SHOPTET CUSTOMER PAGES
     ======================================================= */

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  #content-wrapper .content-wrapper-in{
    display:grid!important;
    grid-template-columns:190px minmax(0,1fr)!important;
    gap:20px!important;
    align-items:start!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  aside.sidebar.sidebar-left,
  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content.content.wide{
    float:none!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }


  /* SIDEBAR CARD */

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .sidebar-left .client-center-box{
    margin:0!important;
    padding:14px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:14px!important;

    box-shadow:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;

    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:4px!important;

    list-style:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li{
    display:block!important;
    float:none!important;
    clear:both!important;

    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;

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


  /* LOGOUT FIRST */

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li.logout{
    order:1!important;
    margin:0 0 3px!important;
    text-align:right!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li.logout > a.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:0!important;
    min-height:30px!important;

    padding:7px 10px!important;

    background:#11100f!important;
    color:#fff!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    font-size:9px!important;
    line-height:1!important;
    font-weight:800!important;

    white-space:nowrap!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }


  /* CUSTOMER SECOND */

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li:first-child{
    order:2!important;
    margin:0 0 7px!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li:first-child > a{
    display:block!important;
    width:100%!important;

    padding:8px 9px!important;

    background:#fff!important;
    color:#171412!important;

    border:1px solid rgba(212,170,98,.42)!important;
    border-radius:9px!important;

    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:800!important;

    writing-mode:horizontal-tb!important;
    white-space:normal!important;
    word-break:normal!important;

    box-shadow:none!important;
    text-decoration:none!important;
  }


  /* MENU BELOW */

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li:nth-child(n+3){
    order:3!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li:nth-child(n+3) > a{
    display:block!important;
    width:100%!important;

    padding:7px 8px!important;

    background:transparent!important;
    color:#171412!important;

    border-radius:8px!important;

    font-size:10.5px!important;
    line-height:1.28!important;
    font-weight:650!important;

    white-space:normal!important;
    text-decoration:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li.active{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li.active > a{
    background:#fff!important;
    color:#171412!important;

    border:1px solid rgba(212,170,98,.65)!important;
    border-radius:8px!important;

    font-weight:800!important;
    box-shadow:none!important;
  }


  /* MAIN CARD */

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content .content-inner{
    width:100%!important;

    margin:0!important;
    padding:24px 24px 28px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:16px!important;

    color:#171412!important;
    box-shadow:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content .content-inner > h1{
    margin:0 0 22px!important;

    color:#171412!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:30px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;

    text-transform:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content .content-inner > p{
    color:#6d635b!important;
    line-height:1.55!important;
  }


  /* NATIVE TABLES — BRIDGE ONLY */

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content table{
    width:100%!important;

    margin:16px 0!important;

    background:#fff!important;
    color:#171412!important;

    border:1px solid rgba(212,170,98,.38)!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    border-radius:12px!important;

    box-shadow:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content table th{
    padding:10px 12px!important;

    background:#fffaf3!important;
    color:#171412!important;

    border-bottom:1px solid rgba(212,170,98,.35)!important;

    font-size:11px!important;
    line-height:1.3!important;
    font-weight:800!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content table td{
    padding:10px 12px!important;

    background:#fff!important;
    color:#171412!important;

    border-bottom:1px solid rgba(212,170,98,.22)!important;

    font-size:12px!important;
    line-height:1.4!important;
  }


  /* =======================================================
     /KLIENT/ — SIDEBAR ONLY
     Keeps external content such as Alpo Klub untouched.
     ======================================================= */

  body.in-klient
  .sidebar-left .client-center-box{
    margin:0!important;
    padding:14px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:14px!important;

    box-shadow:none!important;
  }

  body.in-klient
  .client-center-box > ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;

    width:100%!important;
    margin:0!important;
    padding:0!important;

    gap:4px!important;
    list-style:none!important;
  }

  body.in-klient
  .client-center-box > ul > li{
    display:block!important;
    float:none!important;
    clear:both!important;

    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;

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

  body.in-klient
  .client-center-box > ul > li.logout{
    order:1!important;

    margin:0 0 3px!important;
    text-align:right!important;
  }

  body.in-klient
  .client-center-box > ul > li.logout > a.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:0!important;
    min-height:30px!important;

    padding:7px 10px!important;

    background:#11100f!important;
    color:#fff!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    font-size:9px!important;
    line-height:1!important;
    font-weight:800!important;

    white-space:nowrap!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }

  body.in-klient
  .client-center-box > ul > li:first-child{
    order:2!important;

    margin:0 0 7px!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.in-klient
  .client-center-box > ul > li:first-child > a[href="/klient/"]{
    display:block!important;

    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;

    padding:8px 9px!important;

    background:#fff!important;
    color:#171412!important;

    border:1px solid rgba(212,170,98,.42)!important;
    border-radius:9px!important;

    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:800!important;

    writing-mode:horizontal-tb!important;
    white-space:normal!important;
    word-break:normal!important;

    box-shadow:none!important;
    text-decoration:none!important;
  }

  body.in-klient
  .client-center-box > ul > li:nth-child(n+3){
    order:3!important;
  }

  body.in-klient
  .client-center-box > ul > li:nth-child(n+3) > a{
    display:block!important;

    width:100%!important;
    padding:7px 8px!important;

    background:transparent!important;
    color:#171412!important;

    border-radius:8px!important;

    font-size:10.5px!important;
    line-height:1.28!important;
    font-weight:650!important;

    white-space:normal!important;
    text-decoration:none!important;
  }

  body.in-klient
  .client-center-box > ul > li:nth-child(n+3) > a:hover{
    background:#fff!important;
  }

}


/* =========================================================
   ALPO CLIENT CENTER MOBILE SAFE v2.8
   ========================================================= */

@media(max-width:620px){

  /* LAYOUT */

  body.in-klient
  #content-wrapper .content-wrapper-in{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
  }

  body.in-klient aside.sidebar.sidebar-left,
  body.in-klient main#content.content.wide{
    float:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }


  /* SIDEBAR */

  body.in-klient
  .sidebar-left .client-center-box{
    margin:0!important;
    padding:12px!important;

    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:14px!important;

    box-shadow:none!important;
  }

  body.in-klient
  .client-center-box > ul{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;

    margin:0!important;
    padding:0!important;

    list-style:none!important;
  }

  body.in-klient
  .client-center-box > ul > li{
    display:block!important;
    float:none!important;

    width:auto!important;
    min-width:0!important;

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


  /* ROW 1 — LOGOUT */

  body.in-klient
  .client-center-box > ul > li.logout{
    grid-column:1 / -1!important;
    order:1!important;

    width:100%!important;
    text-align:right!important;
  }

  body.in-klient
  .client-center-box > ul > li.logout > a.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:0!important;
    min-height:36px!important;

    padding:8px 12px!important;

    background:#11100f!important;
    color:#fff!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;

    white-space:nowrap!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }


  /* ROW 2 — CUSTOMER NAME */

  body.in-klient
  .client-center-box > ul > li:first-child{
    grid-column:1 / -1!important;
    order:2!important;

    width:100%!important;
    min-width:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.in-klient
  .client-center-box > ul > li:first-child > a[href="/klient/"]{
    display:block!important;

    width:100%!important;
    min-width:0!important;

    padding:9px 11px!important;

    background:#fff!important;
    color:#171412!important;

    border:1px solid rgba(212,170,98,.48)!important;
    border-radius:10px!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:700!important;

    writing-mode:horizontal-tb!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;

    text-decoration:none!important;
    box-shadow:none!important;
  }


  /* MENU BELOW — ALL ITEMS REMAIN VISIBLE */

  body.in-klient
  .client-center-box > ul > li:nth-child(n+3){
    order:3!important;
  }

  body.in-klient
  .client-center-box > ul > li:nth-child(n+3) > a{
    display:flex!important;
    align-items:center!important;

    width:100%!important;
    min-height:44px!important;

    padding:8px 9px!important;

    background:#fff!important;
    color:#171412!important;

    border:1px solid rgba(212,170,98,.28)!important;
    border-radius:9px!important;

    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:650!important;

    white-space:normal!important;
    text-decoration:none!important;
  }


  /* MAIN SHOPTET SHELL ONLY
     External/plugin internals below remain untouched */

  body.in-klient
  main#content .content-inner{
    width:100%!important;

    margin:0!important;
    padding:20px 14px 22px!important;

    background:#fff!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:15px!important;

    color:#171412!important;
    box-shadow:none!important;
  }

  body.in-klient
  main#content .content-inner > h1{
    margin:0 0 18px!important;

    color:#171412!important;

    font-family:Georgia,'Times New Roman',serif!important;
    font-size:26px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;

    text-transform:none!important;
  }

  body.in-klient
  main#content .content-inner > p{
    color:#6d635b!important;
    font-size:12px!important;
    line-height:1.5!important;
  }

}


/* =========================================================
   ALPO CLIENT CENTER DESKTOP HEADER ORDER FIX v2.8
   ========================================================= */

@media(min-width:1024px){

  body.in-klient
  .sidebar-left .client-center-box > ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }

  /* ROW 1 — CUSTOMER NAME */

  body.in-klient
  .sidebar-left .client-center-box > ul > li:first-child{
    order:1!important;

    display:block!important;
    float:none!important;

    width:100%!important;

    margin:0 0 8px!important;
  }

  body.in-klient
  .sidebar-left .client-center-box > ul > li:first-child > a[href="/klient/"]{
    display:block!important;

    width:100%!important;

    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  /* ROW 2 — LOGOUT */

  body.in-klient
  .sidebar-left .client-center-box > ul > li.logout{
    order:2!important;

    display:block!important;
    float:none!important;

    width:100%!important;

    margin:0 0 14px!important;
    padding:0!important;

    text-align:right!important;
  }

  body.in-klient
  .sidebar-left .client-center-box > ul > li.logout > a.btn{
    display:inline-flex!important;

    width:auto!important;

    margin:0!important;
  }

  /* MENU BELOW */

  body.in-klient
  .sidebar-left .client-center-box > ul > li:nth-child(n+3){
    order:3!important;
  }

}


/* =========================================================
   ALPO FIXED NEWSLETTER GLOBAL v2.8
   ========================================================= */

/* RESTORE SHOPTET FIXED NEWSLETTER */

html body .overall-wrapper
.full-width.footer-newsletter-full-width{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  position:relative!important;
  left:auto!important;
  right:auto!important;

  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  margin-left:0!important;
  margin-right:0!important;
  padding:0!important;

  overflow:visible!important;
  transform:none!important;

  background:#fff!important;
  box-sizing:border-box!important;
}

html body
.footer-newsletter-full-width
.container-full-width{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;

  width:100%!important;
  max-width:100%!important;
  height:auto!important;

  margin:0!important;
  padding:0 24px!important;

  visibility:visible!important;
  opacity:1!important;

  overflow:visible!important;
  box-sizing:border-box!important;
}

html body
.footer-newsletter-full-width
.footer-newsletter{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  width:100%!important;
  max-width:680px!important;
  height:auto!important;
  max-height:none!important;

  margin:0 auto!important;
  padding:30px 34px 32px!important;

  background:#fffaf3!important;
  border:1px solid rgba(212,170,98,.38)!important;
  border-radius:18px!important;

  overflow:visible!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}


/* TITLE */

html body
.footer-newsletter-full-width
.footer-newsletter > h2{
  margin:0 0 22px!important;

  color:#171412!important;

  font-family:Georgia,'Times New Roman',serif!important;
  font-size:32px!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;

  text-transform:none!important;
}


/* FORM */

html body
.footer-newsletter-full-width
form#formNewsletter{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  width:100%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;

  margin:0!important;

  overflow:visible!important;
  box-sizing:border-box!important;
}

html body
.footer-newsletter-full-width
form#formNewsletter .form-group{
  margin-bottom:14px!important;
}


/* HONEYPOT — MUST STAY HIDDEN */

html body
.footer-newsletter-full-width
form#formNewsletter input.no-display,
html body
.footer-newsletter-full-width
form#formNewsletter input[name="surname"]{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
}


/* LABEL */

html body
.footer-newsletter-full-width
form#formNewsletter label{
  color:#171412!important;

  font-size:13px!important;
  line-height:1.35!important;
  font-weight:700!important;
}


/* EMAIL FIELD ONLY */

html body
.footer-newsletter-full-width
form#formNewsletter input[type="email"]{
  display:block!important;

  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:48px!important;

  padding:11px 14px!important;

  background:#fff!important;
  color:#171412!important;

  border:1px solid rgba(212,170,98,.55)!important;
  border-radius:10px!important;

  font-size:14px!important;

  outline:none!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

html body
.footer-newsletter-full-width
form#formNewsletter input[type="email"]:focus{
  border-color:#d4aa62!important;
  box-shadow:0 0 0 3px rgba(212,170,98,.12)!important;
}


/* TEXT */

html body
.footer-newsletter-full-width
form#formNewsletter p{
  max-width:100%!important;

  margin-top:0!important;
  margin-bottom:14px!important;

  color:#171412!important;

  font-size:13px!important;
  line-height:1.5!important;

  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}


/* PRIVACY LINK — NO SAMBA */

html body
.footer-newsletter-full-width
form#formNewsletter a{
  color:#171412!important;

  text-decoration:underline!important;
  text-decoration-color:#d4aa62!important;
  text-underline-offset:3px!important;
}


/* SUBMIT */

html body
.footer-newsletter-full-width
form#formNewsletter button.btn.btn-primary,
html body
.footer-newsletter-full-width
form#formNewsletter input.btn.btn-primary[type="submit"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-height:44px!important;

  margin-top:4px!important;
  padding:10px 22px!important;

  background:#11100f!important;
  color:#fff!important;

  border:1px solid #11100f!important;
  border-radius:999px!important;

  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;

  box-shadow:none!important;
  text-transform:none!important;
}


/* =========================================================
   BRIDGE 621–1023
   ========================================================= */

@media(min-width:621px) and (max-width:1023px){

  html body
  .footer-newsletter-full-width
  .container-full-width{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  html body
  .footer-newsletter-full-width
  .footer-newsletter{
    max-width:620px!important;

    padding:32px 28px 36px!important;

    border-radius:16px!important;
  }

  html body
  .footer-newsletter-full-width
  .footer-newsletter > h2{
    margin-bottom:22px!important;
    font-size:30px!important;
  }

}


/* =========================================================
   MOBILE 0–620
   ========================================================= */

@media(max-width:620px){

  html body .overall-wrapper
  .full-width.footer-newsletter-full-width{
    padding:0 12px!important;
  }

  html body
  .footer-newsletter-full-width
  .container-full-width{
    width:100%!important;
    max-width:100%!important;

    padding:0!important;

    box-sizing:border-box!important;
  }

  html body
  .footer-newsletter-full-width
  .footer-newsletter{
    width:100%!important;
    max-width:100%!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding:22px 16px 24px!important;

    border-radius:15px!important;

    box-sizing:border-box!important;
  }

  html body
  .footer-newsletter-full-width
  .footer-newsletter > h2{
    margin-bottom:18px!important;

    font-size:26px!important;
    line-height:1.08!important;
  }

  html body
  .footer-newsletter-full-width
  form#formNewsletter{
    width:100%!important;
    max-width:100%!important;

    box-sizing:border-box!important;
  }

  html body
  .footer-newsletter-full-width
  form#formNewsletter label{
    font-size:11.5px!important;
  }

  html body
  .footer-newsletter-full-width
  form#formNewsletter input[type="email"]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:44px!important;

    padding:9px 11px!important;

    font-size:12px!important;

    box-sizing:border-box!important;
  }

  html body
  .footer-newsletter-full-width
  form#formNewsletter p{
    max-width:100%!important;

    font-size:11.5px!important;
    line-height:1.5!important;

    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  html body
  .footer-newsletter-full-width
  form#formNewsletter button.btn.btn-primary,
  html body
  .footer-newsletter-full-width
  form#formNewsletter input.btn.btn-primary[type="submit"]{
    min-height:44px!important;

    padding:10px 18px!important;

    font-size:12px!important;
  }

}


/* =========================================================
   ALPO MOBILE MENU + OFFCANVAS OVERFLOW v2.8
   Future Home Design System tokens
   ========================================================= */

@media(max-width:620px){

  /* ---------------------------------------------------------
     OFFCANVAS
     Evita scroll orizzontale causato dal menu Shoptet chiuso.
     Il comportamento apertura/chiusura resta nativo.
     --------------------------------------------------------- */

  html,
  body{
    overflow-x:hidden!important;
    max-width:100%!important;
  }


  /* ---------------------------------------------------------
     MOBILE NAVIGATION PANEL
     --------------------------------------------------------- */

  html body #navigation{
    background:#fffaf3!important;
    color:#171412!important;
  }

  html body #navigation .navigation-in.menu{
    background:#fffaf3!important;
    padding:12px 12px 22px!important;
    box-sizing:border-box!important;
  }


  /* ---------------------------------------------------------
     LEVEL 1
     --------------------------------------------------------- */

  html body #navigation .menu-level-1{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
  }

  html body #navigation .menu-level-1 > li{
    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
  }

  html body #navigation .menu-level-1 > li > a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;

    width:100%!important;
    min-height:46px!important;

    padding:11px 13px!important;

    background:#ffffff!important;
    color:#171412!important;

    border:1px solid rgba(212,170,98,.35)!important;
    border-radius:14px!important;

    font-family:Inter,Arial,Helvetica,sans-serif!important;
    font-size:12.5px!important;
    line-height:1.25!important;
    font-weight:800!important;

    text-decoration:none!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }


  /* ACTIVE / OPEN */

  html body #navigation .menu-level-1 > li > a.active,
  html body #navigation .menu-level-1 > li.expanded > a,
  html body #navigation .menu-level-1 > li.open > a{
    background:#f6efe4!important;
    color:#171412!important;
    border-color:#d4aa62!important;
  }


  /* TEXT — NO SAMBA */

  html body #navigation
  .menu-level-1 > li > a > b,
  html body #navigation
  .menu-level-1 > li > a > span{
    color:#171412!important;
  }


  /* ---------------------------------------------------------
     ARROWS
     --------------------------------------------------------- */

  html body #navigation .submenu-arrow{
    flex:0 0 auto!important;
    color:#171412!important;
  }

  html body #navigation .submenu-arrow::before,
  html body #navigation .submenu-arrow::after{
    color:#171412!important;
    border-color:#171412!important;
  }


  /* ---------------------------------------------------------
     LEVEL 2
     --------------------------------------------------------- */

  html body #navigation .menu-level-2{
    margin:6px 0 2px!important;
    padding:7px!important;

    background:#ffffff!important;

    border:1px solid rgba(18,15,12,.10)!important;
    border-radius:14px!important;

    box-shadow:none!important;
  }

  html body #navigation .menu-level-2 > li{
    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
  }

  html body #navigation .menu-level-2 > li > a{
    display:flex!important;
    align-items:center!important;

    min-height:40px!important;

    padding:8px 10px!important;

    background:transparent!important;
    color:#171412!important;

    border:0!important;
    border-radius:8px!important;

    font-family:Inter,Arial,Helvetica,sans-serif!important;
    font-size:12px!important;
    line-height:1.3!important;
    font-weight:700!important;

    text-decoration:none!important;
  }

  html body #navigation .menu-level-2 > li > a:hover,
  html body #navigation .menu-level-2 > li > a.active{
    background:#fffaf3!important;
    color:#171412!important;
  }


  /* ---------------------------------------------------------
     ACCOUNT / CURRENCY / AUXILIARY NAV ITEMS
     --------------------------------------------------------- */

  html body #navigation a,
  html body #navigation span,
  html body #navigation b{
    color:#171412!important;
  }

}


/* =========================================================
   ALPO SEARCH WINDOW DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  body.search-window-visible
  #formSearchForm{
    display:flex!important;
    align-items:stretch!important;

    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;

    background:transparent!important;

    border:0!important;
    box-shadow:none!important;
  }

  body.search-window-visible
  #formSearchForm
  .search-input{
    flex:1 1 auto!important;

    min-width:0!important;
    min-height:58px!important;

    padding:14px 20px!important;

    background:#ffffff!important;
    color:#171412!important;

    border:1px solid rgba(212,170,98,.55)!important;
    border-right:0!important;
    border-radius:14px 0 0 14px!important;

    font-family:Inter,Arial,Helvetica,sans-serif!important;
    font-size:18px!important;
    line-height:1.2!important;

    outline:none!important;
    box-shadow:none!important;

    box-sizing:border-box!important;
  }

  body.search-window-visible
  #formSearchForm
  .search-input::placeholder{
    color:#6d635b!important;
    opacity:1!important;
  }

  body.search-window-visible
  #formSearchForm
  .search-input:focus{
    border-color:#d4aa62!important;
    outline:none!important;
    box-shadow:
      inset 0 0 0 1px #d4aa62!important;
  }

  body.search-window-visible
  #formSearchForm
  .search-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:138px!important;
    min-height:58px!important;

    padding:14px 24px!important;

    background:#11100f!important;
    color:#ffffff!important;

    border:1px solid #11100f!important;
    border-radius:0 14px 14px 0!important;

    font-family:Inter,Arial,Helvetica,sans-serif!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:800!important;

    text-decoration:none!important;
    box-shadow:none!important;
  }

  body.search-window-visible
  #formSearchForm
  .search-button:hover{
    background:#1c1917!important;
    color:#ffffff!important;
    border-color:#1c1917!important;
  }

}


/* =========================================================
   ALPO CUSTOMER NATIVE DESKTOP v2.8
   Desktop extension of approved v359 customer native pages
   ========================================================= */

@media(min-width:1024px){

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  #content-wrapper .content-wrapper-in{
    display:grid!important;
    grid-template-columns:190px minmax(0,1fr)!important;
    gap:20px!important;
    align-items:start!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  aside.sidebar.sidebar-left,
  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content.content.wide{
    float:none!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .sidebar-left .client-center-box{
    margin:0!important;
    padding:14px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:4px!important;
    list-style:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li{
    display:block!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li.logout{
    order:1!important;
    margin:0 0 3px!important;
    text-align:right!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li.logout > a.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    min-height:30px!important;
    padding:7px 10px!important;
    background:#11100f!important;
    color:#fff!important;
    border:1px solid #11100f!important;
    border-radius:999px!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li:first-child{
    order:2!important;
    margin:0 0 7px!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li:first-child > a{
    display:block!important;
    width:100%!important;
    padding:8px 9px!important;
    background:#fff!important;
    color:#171412!important;
    border:1px solid rgba(212,170,98,.42)!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:800!important;
    writing-mode:horizontal-tb!important;
    white-space:normal!important;
    word-break:normal!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li:nth-child(n+3){
    order:3!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li:nth-child(n+3) > a{
    display:block!important;
    width:100%!important;
    padding:7px 8px!important;
    background:transparent!important;
    color:#171412!important;
    border-radius:8px!important;
    font-size:10.5px!important;
    line-height:1.28!important;
    font-weight:650!important;
    white-space:normal!important;
    text-decoration:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li.active{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  .client-center-box > ul > li.active > a{
    background:#fff!important;
    color:#171412!important;
    border:1px solid rgba(212,170,98,.65)!important;
    border-radius:8px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content .content-inner{
    width:100%!important;
    margin:0!important;
    padding:24px 24px 28px!important;
    background:#fffaf3!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:16px!important;
    color:#171412!important;
    box-shadow:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content .content-inner > h1{
    margin:0 0 22px!important;
    color:#171412!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:30px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;
    text-transform:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content .content-inner > p{
    color:#6d635b!important;
    line-height:1.55!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content table{
    width:100%!important;
    margin:16px 0!important;
    background:#fff!important;
    color:#171412!important;
    border:1px solid rgba(212,170,98,.38)!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content table th{
    padding:10px 12px!important;
    background:#fffaf3!important;
    color:#171412!important;
    border-bottom:1px solid rgba(212,170,98,.35)!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:800!important;
  }

  body:is(
    .in-objednavky,
    .in-klient-doklady,
    .in-klientske-proforma-faktury,
    .in-klientske-dobropisy,
    .in-dodaci-listy-klienta,
    .in-danove-doklady-platba,
    .in-klient-slevy,
    .in-klient-hodnoceni,
    .in-klient-diskuze
  )
  main#content table td{
    padding:10px 12px!important;
    background:#fff!important;
    color:#171412!important;
    border-bottom:1px solid rgba(212,170,98,.22)!important;
    font-size:12px!important;
    line-height:1.4!important;
  }

}


/* =========================================================
   ALPO HOME MASTER CLONE v2.8
   Master desktop: homepage approvata
   ========================================================= */

#alpo-home-master-v28{
  --alpo-home-black:#11100f;
  --alpo-home-text:#171412;
  --alpo-home-muted:#6d635b;
  --alpo-home-paper:#fffaf3;
  --alpo-home-cream:#f6efe4;
  --alpo-home-gold:#d4aa62;
  --alpo-home-gold-2:#f2d79b;

  width:100%;
  margin:0;
  padding:0;
  background:#fffaf3;
  color:#171412;
  font-family:Inter,Arial,Helvetica,sans-serif;
}

#alpo-home-master-v28 *,
#alpo-home-master-header-v28 *{
  box-sizing:border-box;
}

.alpo-home-master-container{
  width:min(
    calc(100% - clamp(32px,6vw,120px)),
    1540px
  );
  margin-inline:auto;
}


/* ---------- nasconde vecchia Home ---------- */

html.alpo-home-master-active
body.type-index .carousel-wrapper,

html.alpo-home-master-active
body.type-index #content-wrapper,

html.alpo-home-master-active
body.type-index .alpo-sector-switch{
  display:none!important;
}


/* ---------- HEADER MASTER DESKTOP ---------- */

#alpo-home-master-header-v28{
  display:none;
  font-family:Inter,Arial,Helvetica,sans-serif;
}

@media(min-width:1024px){

  html.alpo-home-master-active
  body.type-index #header{
    display:none!important;
  }

  #alpo-home-master-header-v28{
    display:block;
    position:relative;
    z-index:100;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-announcement{
    min-height:42px;
    background:#070707;
    color:#f2d79b;
    border-bottom:1px solid rgba(212,170,98,.22);
  }

  #alpo-home-master-header-v28
  .alpo-home-master-announcement-in{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    font-size:14px;
    line-height:1.2;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-announcement-in strong{
    font-size:15px;
    font-weight:800;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-announcement nav{
    display:flex;
    gap:18px;
    align-items:center;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-announcement a{
    color:#f2d79b;
    text-decoration:none;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-mainbar{
    background:rgba(255,250,243,.98);
    border-bottom:1px solid rgba(0,0,0,.06);
    position:sticky;
    top:0;
    z-index:20;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-mainbar-in{
    min-height:92px;
    display:flex;
    align-items:center;
    gap:38px;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-logo{
    display:flex;
    align-items:center;
    flex:0 0 auto;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-logo img{
    display:block;
    width:170px;
    height:auto;
    max-height:58px;
    object-fit:contain;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-nav{
    display:flex;
    align-items:center;
    margin-left:auto;
    gap:clamp(18px,1.65vw,30px);
  }

  #alpo-home-master-header-v28
  .alpo-home-master-nav a,

  #alpo-home-master-header-v28
  .alpo-home-master-actions a,

  #alpo-home-master-header-v28
  .alpo-home-master-actions button{
    color:#171412;
    font-size:clamp(12px,.78vw,15px);
    line-height:1;
    font-weight:800;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.03em;
    white-space:nowrap;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-actions{
    display:flex;
    align-items:center;
    gap:16px;
    color:#5c5047;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-actions button{
    padding:0;
    background:none;
    border:0;
    cursor:pointer;
  }
}

@media(min-width:1024px) and (max-width:1100px){
  #alpo-home-master-header-v28
  .alpo-home-master-nav{
    display:none;
  }

  #alpo-home-master-header-v28
  .alpo-home-master-actions{
    margin-left:auto;
  }
}


/* ---------- HERO ---------- */

#alpo-home-master-v28 .alpo-home-master-hero{
  position:relative;
  min-height:clamp(500px,34vw,620px);
  overflow:hidden;

  background:
    linear-gradient(
      90deg,
      rgba(246,239,228,.82) 0%,
      rgba(246,239,228,.50) 30%,
      rgba(246,239,228,.10) 56%,
      rgba(246,239,228,0) 100%
    ),
    url("/user/documents/alpo-design/hero-selective-yellow.png")
    center right / cover no-repeat;
}

#alpo-home-master-v28
.alpo-home-master-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(246,239,228,.26) 0%,
      rgba(246,239,228,.10) 35%,
      rgba(246,239,228,0) 62%
    );
}

#alpo-home-master-v28
.alpo-home-master-hero-in{
  position:relative;
  z-index:2;
  padding-top:clamp(54px,4vw,70px);
  padding-bottom:clamp(115px,8vw,142px);
}

#alpo-home-master-v28
.alpo-home-master-copy{
  max-width:720px;
}

#alpo-home-master-v28
.alpo-home-master-eyebrow{
  margin:0 0 15px;
  color:#8a6227;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

#alpo-home-master-v28 h1{
  max-width:720px;
  margin:0;
  color:#171412;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(46px,4.2vw,78px);
  line-height:1.02;
  font-weight:700;
  letter-spacing:-.045em;
}

#alpo-home-master-v28
.alpo-home-master-lead{
  max-width:620px;
  margin:22px 0 0;
  color:#201815;
  font-size:19px;
  line-height:1.65;
}

#alpo-home-master-v28
.alpo-home-master-proof{
  display:inline-flex;
  align-items:center;
  gap:13px;
  margin-top:22px;
  padding:9px 16px;
  background:rgba(255,250,243,.72);
  border:1px solid rgba(212,170,98,.38);
  border-radius:999px;
}

#alpo-home-master-v28
.alpo-home-master-proof > span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  background:#e4312f;
  color:#fff;
  border-radius:999px;
  font-weight:900;
}

#alpo-home-master-v28
.alpo-home-master-proof p{
  margin:0;
  color:#342e29;
  font-size:14px;
  line-height:1.4;
}


/* ---------- 3 SETTORI ---------- */

#alpo-home-master-v28
.alpo-home-master-sector-switch{
  position:relative;
  z-index:4;
  margin-top:clamp(-92px,-5vw,-62px);
}

#alpo-home-master-v28
.alpo-home-master-sector-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,1.5vw,28px);
}

#alpo-home-master-v28
.alpo-home-master-sector-entry{
  min-width:0;
  min-height:172px;
  display:grid;

  grid-template-columns:
    clamp(68px,5vw,86px)
    minmax(0,1fr)
    32px;

  align-items:center;
  gap:22px;

  padding:
    clamp(24px,1.8vw,32px)
    clamp(26px,2vw,38px);

  border:1px solid rgba(212,170,98,.42);
  border-radius:88px;

  box-shadow:0 24px 70px rgba(18,15,12,.20);

  text-decoration:none!important;

  transition:
    transform .18s ease,
    opacity .18s ease;
}

#alpo-home-master-v28
.alpo-home-master-sector-entry:not(
  [aria-disabled="true"]
):hover{
  transform:translateY(-3px);
}

#alpo-home-master-v28
.alpo-home-master-sector-dark{
  background:linear-gradient(135deg,#0e0e0e,#24211d);
  color:#fff;
}

#alpo-home-master-v28
.alpo-home-master-sector-light{
  background:linear-gradient(135deg,#fff9ef,#eee0cb);
  color:#151210;
}

#alpo-home-master-v28
.alpo-home-master-sector-icon{
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  border:2px solid #d4aa62;
  border-radius:999px;
  color:#d4aa62;
  font-size:38px;
}

#alpo-home-master-v28
.alpo-home-master-sector-entry span:not(
  .alpo-home-master-sector-arrow
){
  display:block;
  color:#f2d79b;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}

#alpo-home-master-v28
.alpo-home-master-sector-light span:not(
  .alpo-home-master-sector-arrow
){
  color:#8c672f;
}

#alpo-home-master-v28
.alpo-home-master-sector-entry strong{
  display:block;
  margin:5px 0 0;
  color:#f2d79b;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(27px,1.75vw,34px);
  line-height:1.05;
  text-transform:uppercase;
  letter-spacing:.025em;
}

#alpo-home-master-v28
.alpo-home-master-sector-light strong{
  color:#9a702f;
}

#alpo-home-master-v28
.alpo-home-master-sector-entry[
  data-alpo-sector-target="wholesale"
] strong{
  white-space:nowrap;
}

#alpo-home-master-v28
.alpo-home-master-sector-arrow{
  color:#d4aa62;
  font-size:32px;
  line-height:1;
  text-align:right;
}

#alpo-home-master-v28
.alpo-home-master-sector-entry[
  aria-disabled="true"
]{
  opacity:.38;
  cursor:default;
  transform:none!important;
}


/* ---------- BRANDS ---------- */

#alpo-home-master-v28
.alpo-home-master-brands{
  padding:70px 0 38px;
  background:#fffaf3;
}

#alpo-home-master-v28
.alpo-home-master-title{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:20px;
  align-items:center;
  margin-bottom:16px;
}

#alpo-home-master-v28
.alpo-home-master-title::before,

#alpo-home-master-v28
.alpo-home-master-title::after{
  content:"";
  height:1px;
  background:rgba(212,170,98,.42);
}

#alpo-home-master-v28
.alpo-home-master-title h2{
  margin:0;
  color:#171412;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(30px,2.5vw,42px);
  line-height:1.1;
  text-align:center;
}

#alpo-home-master-v28
.alpo-home-master-brands-intro{
  width:calc(100% - 48px);
  max-width:1180px;
  margin:0 auto 28px;
  color:#6d635b;
  font-size:15px;
  line-height:1.6;
  text-align:center;
}


@media(max-width:900px){

  #alpo-home-master-v28
  .alpo-home-master-brands-intro{
    width:auto;
    max-width:800px;
  }

}

#alpo-home-master-v28
.alpo-home-master-brand-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(130px,1fr));
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(18,15,12,.10);
  border-radius:7px;
}

#alpo-home-master-v28
.alpo-home-master-brand{
  min-height:104px;
  display:grid;
  place-items:center;
  padding:13px;
  background:linear-gradient(180deg,#fff,#fbf5ec);
  border-right:1px solid rgba(18,15,12,.10);
}

#alpo-home-master-v28
.alpo-home-master-brand:last-child{
  border-right:0;
}

#alpo-home-master-v28
.alpo-home-master-brand img{
  width:auto;
  max-width:92%;
  max-height:68px;
  object-fit:contain;
}


/* ---------- PROČ ALPO ---------- */

#alpo-home-master-v28
.alpo-home-master-why{
  padding:42px 0 62px;
  background:#fffaf3;
}

#alpo-home-master-v28
.alpo-home-master-why-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(212,170,98,.30);
  border-bottom:1px solid rgba(212,170,98,.30);
}

#alpo-home-master-v28
.alpo-home-master-why-grid > div{
  padding:clamp(20px,1.7vw,30px);
  border-right:1px solid rgba(212,170,98,.30);
}

#alpo-home-master-v28
.alpo-home-master-why-grid > div:last-child{
  border-right:0;
}

#alpo-home-master-v28
.alpo-home-master-why strong{
  display:block;
  margin-bottom:10px;
  color:#171412;
  font-size:18px;
  line-height:1.25;
}

#alpo-home-master-v28
.alpo-home-master-why p{
  margin:0;
  color:#6b6057;
  font-size:14px;
  line-height:1.55;
}


/* ---------- RESPONSIVE ---------- */

@media(max-width:1100px){

  #alpo-home-master-v28
  .alpo-home-master-sector-grid{
    grid-template-columns:1fr;
  }

  #alpo-home-master-v28
  .alpo-home-master-sector-entry{
    border-radius:38px;
  }

  #alpo-home-master-v28
  .alpo-home-master-sector-entry[
    data-alpo-sector-target="wholesale"
  ] strong{
    white-space:normal;
  }

  #alpo-home-master-v28
  .alpo-home-master-brand-strip{
    grid-template-columns:repeat(2,1fr);
  }

  #alpo-home-master-v28
  .alpo-home-master-why-grid{
    grid-template-columns:1fr;
  }

  #alpo-home-master-v28
  .alpo-home-master-why-grid > div{
    border-right:0;
    border-bottom:1px solid rgba(212,170,98,.30);
  }

  #alpo-home-master-v28
  .alpo-home-master-why-grid > div:last-child{
    border-bottom:0;
  }
}

@media(max-width:640px){

  .alpo-home-master-container{
    width:calc(100% - 32px);
  }

  #alpo-home-master-v28
  .alpo-home-master-hero-in{
    padding-top:40px;
    padding-bottom:120px;
  }

  #alpo-home-master-v28 h1{
    font-size:clamp(38px,11vw,54px);
  }

  #alpo-home-master-v28
  .alpo-home-master-sector-entry{
    grid-template-columns:64px 1fr;
    min-height:auto;
    padding:20px;
    border-radius:26px;
  }

  #alpo-home-master-v28
  .alpo-home-master-sector-icon{
    width:62px;
    height:62px;
    font-size:30px;
  }

  #alpo-home-master-v28
  .alpo-home-master-sector-arrow{
    display:none;
  }

  #alpo-home-master-v28
  .alpo-home-master-brand-strip{
    grid-template-columns:1fr;
  }

  #alpo-home-master-v28
  .alpo-home-master-brand{
    border-right:0;
    border-bottom:1px solid rgba(18,15,12,.10);
  }

  #alpo-home-master-v28
  .alpo-home-master-brand:last-child{
    border-bottom:0;
  }

  #alpo-home-master-v28
  .alpo-home-master-title{
    grid-template-columns:1fr;
  }

  #alpo-home-master-v28
  .alpo-home-master-title::before,

  #alpo-home-master-v28
  .alpo-home-master-title::after{
    display:none;
  }
}


/* =========================================================
   ALPO FOOTER BRAND MASTER v2.8
   Logo ufficiale + geometria desktop approvata
   ========================================================= */

@media(min-width:1024px){

  #alpo-footer-v28 .alpo-footer-brand{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-self:start!important;
    align-self:start!important;

    max-width:320px!important;

    margin:0!important;
    padding:0!important;

    text-align:left!important;
  }

  #alpo-footer-v28 .alpo-footer-logo{
    display:block!important;

    width:180px!important;
    height:auto!important;

    max-width:180px!important;
    max-height:none!important;

    margin:0 0 22px 0!important;

    opacity:1!important;
    visibility:visible!important;

    filter:none!important;
    mix-blend-mode:normal!important;

    transform:none!important;
    clip-path:none!important;

    position:static!important;

    object-fit:contain!important;
    object-position:left center!important;

    background:transparent!important;
  }

  #alpo-footer-v28 .alpo-footer-brand > p{
    max-width:320px!important;
    margin:0!important;
    text-align:left!important;
    line-height:1.6!important;
  }
}


/* =========================================================
   ALPO SECTOR RULES TOGGLE — CLONE ONLY
   ========================================================= */

#alpo-sector-rules-toggle-v28{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  z-index:2147483000!important;

  min-height:42px!important;
  padding:10px 15px!important;

  background:#11100f!important;
  color:#fff!important;

  border:1px solid #11100f!important;
  border-radius:999px!important;

  box-shadow:0 8px 24px rgba(18,15,12,.20)!important;

  font:800 11px/1 Inter,Arial,sans-serif!important;

  cursor:pointer!important;
}

#alpo-sector-rules-toggle-v28[data-state="off"]{
  background:#fffaf3!important;
  color:#171412!important;
  border-color:#d4aa62!important;
}


/* =========================================================
   ALPO HOME HERO DESKTOP FIT v2.8
   - preserva proporzioni foto hero su desktop
   - evita crop verticale aggressivo di background-size:cover
   ========================================================= */

@media(min-width:1024px){

  #alpo-home-master-v28
  .alpo-home-master-hero{
    background-color:#f6efe4!important;

    background-size:
      auto,
      auto 100%!important;

    background-position:
      0 0,
      right center!important;

    background-repeat:
      no-repeat,
      no-repeat!important;
  }

}


/* =========================================================
   ALPO B2B SEGMENT HERO DESKTOP v2.8
   PRO + WHOLESALE
   ========================================================= */

#alpo-b2b-segment-hero-v28{
  display:none;
}

@media(min-width:1024px){

  body.in-b2b .category-top .category-title,
  body.in-b2b .category-perex{
    display:none!important;
  }

  body.in-b2b .breadcrumbs{
    margin-bottom:0!important;
  }

  #alpo-b2b-segment-hero-v28{
    position:relative;
    display:block;
    overflow:hidden;

    min-height:360px;
    margin:42px 0;

    border:1px solid rgba(212,170,98,.38);
    border-radius:30px;

    background:
      radial-gradient(
        circle at 82% 18%,
        rgba(212,170,98,.18),
        transparent 30%
      ),
      linear-gradient(
        135deg,
        #0e0e0e 0%,
        #171513 48%,
        #29241f 100%
      );

    box-shadow:
      0 24px 70px rgba(18,15,12,.18);

    color:#fff;
  }

  #alpo-b2b-segment-hero-v28::before{
    content:"";
    position:absolute;

    width:440px;
    height:440px;

    right:-145px;
    top:-220px;

    border:1px solid rgba(212,170,98,.22);
    border-radius:50%;
  }

  #alpo-b2b-segment-hero-v28::after{
    content:"";
    position:absolute;

    width:300px;
    height:300px;

    right:42px;
    bottom:-210px;

    border:1px solid rgba(212,170,98,.14);
    border-radius:50%;
  }

  #alpo-b2b-segment-hero-v28 .alpo-b2b-inner{
    position:relative;
    z-index:2;

    min-height:360px;

    display:grid;
    grid-template-columns:
      minmax(0,1.55fr)
      minmax(320px,.75fr);

    gap:clamp(48px,5vw,90px);
    align-items:center;

    padding:
      clamp(48px,4vw,68px)
      clamp(52px,5vw,86px);
  }

  #alpo-b2b-segment-hero-v28 .alpo-b2b-eyebrow{
    margin:0 0 15px;

    color:#f2d79b;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }

  #alpo-b2b-segment-hero-v28 h1{
    max-width:850px;
    margin:0;

    color:#fffaf3;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:clamp(48px,4.2vw,74px);
    line-height:1.02;
    font-weight:700;

    letter-spacing:-.04em;
  }

  #alpo-b2b-segment-hero-v28 .alpo-b2b-lead{
    max-width:760px;

    margin:22px 0 0;

    color:rgba(255,250,243,.82);

    font-size:clamp(17px,1.2vw,20px);
    line-height:1.6;
  }

  #alpo-b2b-segment-hero-v28 .alpo-b2b-proof{
    display:flex;
    flex-wrap:wrap;
    gap:10px;

    margin-top:26px;
  }

  #alpo-b2b-segment-hero-v28 .alpo-b2b-proof span{
    display:inline-flex;
    align-items:center;

    min-height:38px;
    padding:9px 14px;

    border:1px solid rgba(212,170,98,.36);
    border-radius:999px;

    background:rgba(255,255,255,.035);

    color:#f2d79b;

    font-size:12px;
    line-height:1.2;
    font-weight:700;

    letter-spacing:.04em;
  }

  #alpo-b2b-segment-hero-v28 .alpo-b2b-side{
    position:relative;

    padding:10px 0 10px 30px;

    border-left:1px solid rgba(212,170,98,.35);
  }

  #alpo-b2b-segment-hero-v28 .alpo-b2b-side-item{
    padding:18px 0;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-side-item +
  .alpo-b2b-side-item{
    border-top:1px solid rgba(255,255,255,.10);
  }

  #alpo-b2b-segment-hero-v28 .alpo-b2b-side small{
    display:block;

    margin-bottom:6px;

    color:#d4aa62;

    font-size:11px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.13em;
    text-transform:uppercase;
  }

  #alpo-b2b-segment-hero-v28 .alpo-b2b-side strong{
    display:block;

    color:#fffaf3;

    font-size:16px;
    line-height:1.35;
    font-weight:700;
  }

  #alpo-b2b-segment-hero-v28 .alpo-b2b-side p{
    margin:5px 0 0;

    color:rgba(255,250,243,.63);

    font-size:13px;
    line-height:1.5;
  }


  /* =====================================================
     WHOLESALE VARIANT
     più business / geometrica
     ===================================================== */

  #alpo-b2b-segment-hero-v28.alpo-b2b-wholesale{
    border-radius:24px;

    background:
      linear-gradient(
        90deg,
        rgba(212,170,98,.06) 1px,
        transparent 1px
      ),
      linear-gradient(
        rgba(212,170,98,.045) 1px,
        transparent 1px
      ),
      linear-gradient(
        135deg,
        #12110f 0%,
        #1b1916 55%,
        #2b2722 100%
      );

    background-size:
      64px 64px,
      64px 64px,
      auto;
  }

  #alpo-b2b-segment-hero-v28.alpo-b2b-wholesale::before{
    width:360px;
    height:360px;

    right:-160px;
    top:-160px;

    border-radius:0;
    transform:rotate(45deg);

    border-color:rgba(212,170,98,.16);
  }

  #alpo-b2b-segment-hero-v28.alpo-b2b-wholesale::after{
    width:220px;
    height:220px;

    right:60px;
    bottom:-150px;

    border-radius:0;
    transform:rotate(45deg);

    border-color:rgba(212,170,98,.10);
  }

  #alpo-b2b-segment-hero-v28.alpo-b2b-wholesale
  .alpo-b2b-proof span{
    border-radius:8px;
  }


  body.in-b2b .category-header{
    margin-top:8px!important;
  }

}


/* =========================================================
   ALPO PANSKA SEGMENT HERO DESKTOP v2.8
   KONCOVY + WHOLESALE
   ========================================================= */

#alpo-panska-segment-hero-v28{
  display:none;
}

@media(min-width:1024px){

  html.alpo-panska-hero-active
  body .category-top > .category-title{
    display:none!important;
  }

  #alpo-panska-segment-hero-v28{
    position:relative;
    display:block;
    overflow:hidden;

    min-height:235px;
    margin:26px 0;

    padding:
      34px
      clamp(58px,4.5vw,82px);

    box-sizing:border-box;

    border:1px solid rgba(212,170,98,.42);

    background:
      radial-gradient(
        circle at 86% 22%,
        rgba(212,170,98,.18),
        transparent 31%
      ),
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f7efe2 54%,
        #efe1c8 100%
      );

    border-radius:22px;

    box-shadow:
      0 16px 44px rgba(18,15,12,.10);
  }

  #alpo-panska-segment-hero-v28::after{
    content:"";

    position:absolute;

    width:260px;
    height:260px;

    right:38px;
    bottom:-185px;

    border:1px solid rgba(212,170,98,.18);
    border-radius:50%;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-kicker{
    position:relative;
    z-index:2;

    margin:0 0 10px;

    color:#95611c;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }

  #alpo-panska-segment-hero-v28 h1{
    position:relative;
    z-index:2;

    max-width:1200px;

    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:clamp(46px,3.8vw,68px);
    line-height:1.02;
    font-weight:700;

    letter-spacing:-.04em;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-lead{
    position:relative;
    z-index:2;

    max-width:950px;

    margin:14px 0 0;

    color:#6d635b;

    font-size:clamp(17px,1.2vw,20px);
    line-height:1.55;
  }


  /* =====================================================
     WHOLESALE
     geometria più business
     ===================================================== */

  #alpo-panska-segment-hero-v28.alpo-panska-wholesale{
    border-radius:18px;

    background:
      linear-gradient(
        90deg,
        rgba(212,170,98,.055) 1px,
        transparent 1px
      ),
      linear-gradient(
        rgba(212,170,98,.04) 1px,
        transparent 1px
      ),
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f7efe2 54%,
        #efe1c8 100%
      );

    background-size:
      72px 72px,
      72px 72px,
      auto;
  }

  #alpo-panska-segment-hero-v28.alpo-panska-wholesale::after{
    border-radius:0;
    transform:rotate(45deg);
  }

}


/* =========================================================
   ALPO SADY SEGMENT HERO DESKTOP v2.8
   RETAIL + PRO
   ========================================================= */

#alpo-sady-segment-hero-v28{
  display:none;
}

@media(min-width:1024px){

  html.alpo-sady-hero-active
  body.in-sady .category-top > .category-title{
    display:none!important;
  }

  #alpo-sady-segment-hero-v28{
    position:relative;
    display:block;
    overflow:hidden;

    min-height:245px;
    margin:26px 0;

    padding:
      38px
      clamp(58px,4.5vw,82px);

    box-sizing:border-box;

    border:1px solid rgba(212,170,98,.40);
    border-radius:26px;

    background:
      radial-gradient(
        circle at 82% 22%,
        rgba(242,215,155,.34),
        transparent 27%
      ),
      radial-gradient(
        circle at 92% 75%,
        rgba(212,170,98,.13),
        transparent 24%
      ),
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 55%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.10);
  }

  #alpo-sady-segment-hero-v28::before{
    content:"";
    position:absolute;

    width:190px;
    height:190px;

    right:120px;
    top:-105px;

    border:1px solid rgba(212,170,98,.22);

    transform:rotate(45deg);
  }

  #alpo-sady-segment-hero-v28::after{
    content:"";
    position:absolute;

    width:260px;
    height:260px;

    right:-55px;
    bottom:-205px;

    border:1px solid rgba(212,170,98,.18);
    border-radius:50%;
  }

  #alpo-sady-segment-hero-v28
  .alpo-sady-kicker{
    position:relative;
    z-index:2;

    margin:0 0 10px;

    color:#95611c;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }

  #alpo-sady-segment-hero-v28 h1{
    position:relative;
    z-index:2;

    max-width:1100px;
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:clamp(46px,3.8vw,68px);
    line-height:1.02;
    font-weight:700;

    letter-spacing:-.04em;
  }

  #alpo-sady-segment-hero-v28
  .alpo-sady-lead{
    position:relative;
    z-index:2;

    max-width:950px;
    margin:14px 0 0;

    color:#6d635b;

    font-size:clamp(17px,1.2vw,20px);
    line-height:1.55;
  }


  /* =====================================================
     PRO
     elegante come Retail, ma più professionale
     ===================================================== */

  #alpo-sady-segment-hero-v28.alpo-sady-pro{
    border-radius:24px;

    background:
      linear-gradient(
        90deg,
        rgba(17,16,15,.035) 1px,
        transparent 1px
      ),
      radial-gradient(
        circle at 84% 20%,
        rgba(242,215,155,.30),
        transparent 28%
      ),
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f7efe2 58%,
        #efe1c8 100%
      );

    background-size:
      82px 100%,
      auto,
      auto;
  }

  #alpo-sady-segment-hero-v28.alpo-sady-pro::before{
    width:180px;
    height:180px;

    right:125px;
    top:-100px;

    border-color:rgba(212,170,98,.24);
  }

  #alpo-sady-segment-hero-v28.alpo-sady-pro::after{
    width:245px;
    height:245px;

    right:-40px;
    bottom:-190px;
  }

}


/* =========================================================
   ALPO AKCE SEGMENT HERO DESKTOP v2.8
   RETAIL + PRO
   ========================================================= */

#alpo-akce-segment-hero-v28{
  display:none;
}

@media(min-width:1024px){

  html.alpo-akce-hero-active
  body.in-akce .category-top > .category-title,

  html.alpo-akce-hero-active
  body.in-akce .category-perex{
    display:none!important;
  }

  #alpo-akce-segment-hero-v28{
    position:relative;
    display:block;
    overflow:hidden;

    min-height:245px;
    margin:26px 0;

    padding:
      38px
      clamp(58px,4.5vw,82px);

    box-sizing:border-box;

    border:1px solid rgba(212,170,98,.40);
    border-radius:24px;

    background:
      radial-gradient(
        circle at 84% 18%,
        rgba(228,49,47,.07),
        transparent 24%
      ),
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.10);
  }

  #alpo-akce-segment-hero-v28::before{
    content:"";

    position:absolute;

    width:190px;
    height:190px;

    right:115px;
    top:-105px;

    border:
      1px solid rgba(212,170,98,.22);

    transform:rotate(45deg);
  }

  #alpo-akce-segment-hero-v28::after{
    content:"DO VYPRODÁNÍ ZÁSOB";

    position:absolute;

    right:48px;
    bottom:28px;

    padding:9px 13px;

    border:
      1px solid rgba(185,31,29,.28);

    border-radius:999px;

    background:
      rgba(255,250,243,.82);

    color:#b91f1d;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.10em;
  }

  #alpo-akce-segment-hero-v28
  .alpo-akce-kicker{
    position:relative;
    z-index:2;

    margin:0 0 10px;

    color:#b91f1d;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }

  #alpo-akce-segment-hero-v28 h1{
    position:relative;
    z-index:2;

    max-width:1150px;
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:clamp(46px,3.8vw,68px);
    line-height:1.02;
    font-weight:700;

    letter-spacing:-.04em;
  }

  #alpo-akce-segment-hero-v28
  .alpo-akce-lead{
    position:relative;
    z-index:2;

    max-width:950px;
    margin:14px 0 0;

    color:#6d635b;

    font-size:clamp(17px,1.2vw,20px);
    line-height:1.55;
  }


  /* =====================================================
     PRO
     griglia leggera / trattamento professionale
     ===================================================== */

  #alpo-akce-segment-hero-v28.alpo-akce-pro{
    border-radius:22px;

    background:
      linear-gradient(
        90deg,
        rgba(17,16,15,.035) 1px,
        transparent 1px
      ),
      radial-gradient(
        circle at 84% 18%,
        rgba(228,49,47,.08),
        transparent 24%
      ),
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f7efe2 58%,
        #efe1c8 100%
      );

    background-size:
      82px 100%,
      auto,
      auto;
  }

}


/* =========================================================
   ALPO NOVINKY SEGMENT HERO DESKTOP v2.8
   RETAIL + PRO + WHOLESALE
   ========================================================= */

#alpo-novinky-segment-hero-v28{
  display:none;
}

@media(min-width:1024px){

  html.alpo-novinky-hero-active
  body.in-novinky .category-top > .category-title{
    display:none!important;
  }

  #alpo-novinky-segment-hero-v28{
    position:relative;
    display:block;
    overflow:hidden;

    min-height:235px;
    margin:26px 0;

    padding:
      36px
      clamp(58px,4.5vw,82px);

    box-sizing:border-box;

    border:1px solid rgba(212,170,98,.36);
    border-radius:22px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #f1e6d4 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.09);
  }

  #alpo-novinky-segment-hero-v28::before{
    content:"";

    position:absolute;

    width:420px;
    height:1px;

    right:70px;
    top:72px;

    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(212,170,98,.55)
      );
  }

  #alpo-novinky-segment-hero-v28::after{
    content:"";

    position:absolute;

    width:240px;
    height:240px;

    right:-65px;
    bottom:-185px;

    border:1px solid rgba(212,170,98,.18);
    border-radius:50%;
  }

  #alpo-novinky-segment-hero-v28
  .alpo-novinky-kicker{
    position:relative;
    z-index:2;

    margin:0 0 10px;

    color:#95611c;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }

  #alpo-novinky-segment-hero-v28 h1{
    position:relative;
    z-index:2;

    max-width:1120px;
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:clamp(46px,3.8vw,68px);
    line-height:1.02;
    font-weight:700;

    letter-spacing:-.04em;
  }

  #alpo-novinky-segment-hero-v28
  .alpo-novinky-lead{
    position:relative;
    z-index:2;

    max-width:930px;
    margin:14px 0 0;

    color:#6d635b;

    font-size:clamp(17px,1.2vw,20px);
    line-height:1.55;
  }


  /* =====================================================
     PRO
     griglia professionale leggera
     ===================================================== */

  #alpo-novinky-segment-hero-v28.alpo-novinky-pro{
    border-color:rgba(212,170,98,.38);

    background:
      linear-gradient(
        90deg,
        rgba(17,16,15,.035) 1px,
        transparent 1px
      ),
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f7efe2 58%,
        #f1e6d4 100%
      );

    background-size:
      82px 100%,
      auto;
  }


  /* =====================================================
     WHOLESALE
     più geometrica / business
     ===================================================== */

  #alpo-novinky-segment-hero-v28.alpo-novinky-wholesale{
    border-radius:18px;
    border-color:rgba(212,170,98,.38);

    background:
      linear-gradient(
        90deg,
        rgba(212,170,98,.055) 1px,
        transparent 1px
      ),
      linear-gradient(
        rgba(212,170,98,.04) 1px,
        transparent 1px
      ),
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f7efe2 58%,
        #efe1c8 100%
      );

    background-size:
      72px 72px,
      72px 72px,
      auto;
  }

  #alpo-novinky-segment-hero-v28.alpo-novinky-wholesale::after{
    width:220px;
    height:220px;

    right:45px;
    bottom:-165px;

    border-radius:0;
    transform:rotate(45deg);
  }

}


/* =========================================================
   ALPO ZNACKY GLOBAL DESKTOP v2.8
   GLOBAL: Guest + Retail + Pro + Wholesale
   ========================================================= */

@media(min-width:1024px){

  /* Vecchio titolo Samba */
  body.in-znacky
  .category-top > .category-title{
    display:none!important;
  }


  /* =====================================================
     HERO ISTITUZIONALE
     ===================================================== */

  #alpo-znacky-global-v28{
    position:relative;
    overflow:hidden;

    min-height:280px;
    margin:28px 0 34px;

    box-sizing:border-box;

    border:1px solid rgba(212,170,98,.40);
    border-radius:24px;

    background:
      radial-gradient(
        circle at 84% 18%,
        rgba(212,170,98,.16),
        transparent 28%
      ),
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.10);
  }

  #alpo-znacky-global-v28
  .alpo-znacky-inner{
    position:relative;
    z-index:2;

    min-height:280px;

    display:grid;
    grid-template-columns:
      minmax(0,1.55fr)
      minmax(300px,.65fr);

    gap:clamp(42px,5vw,82px);
    align-items:center;

    padding:
      42px
      clamp(58px,4.5vw,82px);
  }

  #alpo-znacky-global-v28
  .alpo-znacky-kicker{
    margin:0 0 10px;

    color:#95611c;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }

  #alpo-znacky-global-v28 h1{
    max-width:900px;
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:clamp(46px,3.8vw,68px);
    line-height:1.02;
    font-weight:700;

    letter-spacing:-.04em;
  }

  #alpo-znacky-global-v28
  .alpo-znacky-lead{
    max-width:850px;

    margin:16px 0 0;

    color:#6d635b;

    font-size:clamp(17px,1.2vw,20px);
    line-height:1.55;
  }

  #alpo-znacky-global-v28
  .alpo-znacky-side{
    padding-left:30px;

    border-left:
      1px solid rgba(212,170,98,.35);
  }

  #alpo-znacky-global-v28
  .alpo-znacky-side-item{
    padding:14px 0;
  }

  #alpo-znacky-global-v28
  .alpo-znacky-side-item +
  .alpo-znacky-side-item{
    border-top:
      1px solid rgba(18,15,12,.09);
  }

  #alpo-znacky-global-v28
  .alpo-znacky-side small{
    display:block;

    margin-bottom:5px;

    color:#95611c;

    font-size:11px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.13em;
    text-transform:uppercase;
  }

  #alpo-znacky-global-v28
  .alpo-znacky-side strong{
    display:block;

    color:#171412;

    font-size:16px;
    line-height:1.35;
    font-weight:700;
  }

  #alpo-znacky-global-v28::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-75px;
    bottom:-205px;

    border:
      1px solid rgba(212,170,98,.18);

    border-radius:50%;
  }


  /* =====================================================
     BRAND CARDS
     Manteniamo le frecce native Shoptet
     ===================================================== */

  body.in-znacky
  .category-top .subcategories{
    display:grid!important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;

    gap:22px!important;

    margin:30px 0 42px!important;
    padding:0!important;
  }

  body.in-znacky
  .category-top .subcategories > li{
    width:auto!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;

    list-style:none!important;
  }

  body.in-znacky
  .category-top .subcategories > li > a{
    position:relative!important;

    min-height:138px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:
      24px 58px
      24px 28px!important;

    box-sizing:border-box!important;

    border:
      1px solid rgba(212,170,98,.34)!important;

    border-radius:20px!important;

    background:#fffaf3!important;

    box-shadow:
      0 12px 34px rgba(18,15,12,.07)!important;

    text-decoration:none!important;

    transition:
      transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease!important;
  }

  body.in-znacky
  .category-top .subcategories > li > a:hover{
    transform:translateY(-2px)!important;

    border-color:
      rgba(212,170,98,.58)!important;

    box-shadow:
      0 18px 38px rgba(18,15,12,.10)!important;
  }


  /* =====================================================
     LOGHI MASTER
     ===================================================== */

  body.in-znacky
  .category-top .subcategories
  .alpo-brand-master-logo{
    display:block!important;

    width:auto!important;

    max-width:88%!important;
    max-height:58px!important;

    object-fit:contain!important;
  }

  body.in-znacky
  .category-top .subcategories
  .alpo-brand-master-logo--selective{
    max-height:48px!important;
  }

  body.in-znacky
  .category-top .subcategories
  .alpo-brand-master-logo--yellow{
    max-height:60px!important;
  }

  body.in-znacky
  .category-top .subcategories
  .alpo-brand-master-logo--bheyse{
    max-height:54px!important;
  }

  body.in-znacky
  .category-top .subcategories
  .alpo-brand-master-logo--salone{
    max-height:64px!important;
  }

  body.in-znacky
  .category-top .subcategories
  .alpo-brand-master-logo--renee{
    max-height:58px!important;
  }


  /* Testo originale conservato per accessibilità */

  body.in-znacky
  .category-top .subcategories
  .alpo-brand-original-text{
    position:absolute!important;

    width:1px!important;
    height:1px!important;

    overflow:hidden!important;

    clip:rect(0 0 0 0)!important;

    white-space:nowrap!important;
  }


  /*
    IMPORTANTE:
    nessun ::after personalizzato.
    La freccia resta quella nativa Shoptet.
  */

}


/* =========================================================
   ALPO STORE RATING GLOBAL DESKTOP v2.8
   GLOBAL: Guest + Retail + Pro + Wholesale
   ========================================================= */

@media(min-width:1024px){

  /* Titolo Samba */
  body.in-hodnoceni-obchodu
  .content-inner > h1:first-of-type{
    display:none!important;
  }


  /* =====================================================
     HERO
     ===================================================== */

  #alpo-rating-global-v28{
    position:relative;
    overflow:hidden;

    min-height:235px;
    margin:28px 0 30px;

    padding:
      36px
      clamp(58px,4.5vw,82px);

    box-sizing:border-box;

    border:1px solid rgba(212,170,98,.38);
    border-radius:24px;

    background:
      radial-gradient(
        circle at 84% 20%,
        rgba(212,170,98,.16),
        transparent 28%
      ),
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.09);
  }

  #alpo-rating-global-v28::after{
    content:"";

    position:absolute;

    width:250px;
    height:250px;

    right:-55px;
    bottom:-190px;

    border:1px solid rgba(212,170,98,.18);
    border-radius:50%;
  }

  #alpo-rating-global-v28
  .alpo-rating-kicker{
    position:relative;
    z-index:2;

    margin:0 0 10px;

    color:#95611c;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }

  #alpo-rating-global-v28 h1{
    position:relative;
    z-index:2;

    max-width:1100px;
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:clamp(46px,3.8vw,68px);
    line-height:1.02;
    font-weight:700;

    letter-spacing:-.04em;
  }

  #alpo-rating-global-v28 p{
    position:relative;
    z-index:2;

    max-width:900px;
    margin:14px 0 0;

    color:#6d635b;

    font-size:clamp(17px,1.2vw,20px);
    line-height:1.55;
  }


  /* =====================================================
     STATISTICHE SHOPTET REALI
     ===================================================== */

  body.in-hodnoceni-obchodu
  #ratingWrapper.rate-wrapper.full-width{
    position:relative!important;

    left:auto!important;
    right:auto!important;

    width:100%!important;
    max-width:100%!important;

    margin:0 0 34px!important;

    transform:none!important;
    float:none!important;

    padding:
      38px
      clamp(42px,4vw,70px)!important;

    box-sizing:border-box!important;

    background:#fff!important;

    border:
      1px solid rgba(18,15,12,.10)!important;

    border-radius:24px!important;

    box-shadow:
      0 10px 28px rgba(18,15,12,.045)!important;
  }

  body.in-hodnoceni-obchodu
  #ratingWrapper a.btn,

  body.in-hodnoceni-obchodu
  #ratingWrapper button.btn{
    min-height:44px!important;

    padding:11px 20px!important;

    border:1px solid #11100f!important;
    border-radius:999px!important;

    background:#11100f!important;
    color:#fffaf3!important;

    font-weight:700!important;
  }


  /* =====================================================
     RECENSIONI — 3 COLONNE DESKTOP
     ===================================================== */

  body.in-hodnoceni-obchodu
  #ratingsList{
    display:grid!important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;

    gap:0!important;

    width:100%!important;
    max-width:none!important;

    margin:42px 0 46px!important;
    padding:0!important;

    background:#fff!important;

    border-top:
      1px solid rgba(18,15,12,.13)!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList > .vote-wrap{
    min-width:0!important;

    margin:0!important;

    padding:
      30px
      clamp(24px,2.3vw,38px)
      34px!important;

    background:#fff!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    text-align:center!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList > .vote-wrap:nth-child(3n+1),

  body.in-hodnoceni-obchodu
  #ratingsList > .vote-wrap:nth-child(3n+2){
    border-right:
      1px solid rgba(18,15,12,.11)!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList > .vote-wrap:nth-child(n+4){
    border-top:
      1px solid rgba(18,15,12,.11)!important;
  }


  /* =====================================================
     HEADER RECENSIONE
     ===================================================== */

  body.in-hodnoceni-obchodu
  #ratingsList > .vote-wrap > .vote-header{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;

    margin:0!important;

    text-align:center!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList > .vote-wrap
  > .vote-header .vote-summary{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList .vote-name{
    margin-top:10px!important;

    color:#171412!important;

    font-size:18px!important;
    line-height:1.25!important;
    font-weight:800!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList .vote-rating{
    margin-top:9px!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList .vote-time{
    color:#6d635b!important;
  }


  /* =====================================================
     TESTO RECENSIONE
     ===================================================== */

  body.in-hodnoceni-obchodu
  #ratingsList > .vote-wrap > .vote-content{
    max-width:520px!important;

    margin:18px auto 0!important;
    padding:0!important;

    color:#352c26!important;

    font-size:16px!important;
    line-height:1.65!important;

    text-align:center!important;
  }


  /* =====================================================
     AVATAR NEUTRI
     ===================================================== */

  body.in-hodnoceni-obchodu
  #ratingsList .vote-pic{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;

    border:0!important;
    border-radius:0!important;

    padding:0!important;

    box-shadow:none!important;
    outline:0!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList .vote-initials{
    background:#f6efe4!important;
    background-color:#f6efe4!important;
    background-image:none!important;

    border:
      1px solid rgba(212,170,98,.28)!important;

    border-radius:50%!important;

    color:#352c26!important;

    box-shadow:none!important;
    outline:0!important;
  }


  /* =====================================================
     RISPOSTA ALPO
     ===================================================== */

  body.in-hodnoceni-obchodu
  #ratingsList .admin-response{
    margin:22px 0 0!important;

    padding:20px 0 0!important;

    background:transparent!important;

    border:0!important;
    border-top:
      1px solid rgba(18,15,12,.12)!important;

    border-radius:0!important;

    box-shadow:none!important;

    text-align:left!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList .admin-response > .vote-wrap{
    margin:0!important;
    padding:0!important;

    background:transparent!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    text-align:left!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList .admin-response .vote-header{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;

    gap:12px!important;

    margin:0!important;

    text-align:left!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList .admin-response .vote-summary{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;

    min-width:0!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList .admin-response .vote-name{
    margin:0!important;

    white-space:normal!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList .admin-response .vote-rating{
    margin-top:3px!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList .admin-response .vote-content{
    margin:14px 0 0!important;
    padding:0!important;

    color:#4f4741!important;

    font-size:15px!important;
    line-height:1.6!important;

    text-align:left!important;
  }


  /* niente quadratino esterno sulle risposte */

  body.in-hodnoceni-obchodu
  #ratingsList .admin-response .vote-pic{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;

    border:0!important;
    border-radius:0!important;

    padding:0!important;

    box-shadow:none!important;
    outline:0!important;
  }

  body.in-hodnoceni-obchodu
  #ratingsList .admin-response .vote-pic::after{
    content:none!important;
    display:none!important;
  }

  /*
    Il ::before Shoptet resta attivo:
    è la freccia nativa della risposta.
  */

  body.in-hodnoceni-obchodu
  #ratingsList .admin-response .vote-initials{
    background:#f6efe4!important;
    background-color:#f6efe4!important;

    border:
      1px solid rgba(212,170,98,.28)!important;

    border-radius:50%!important;

    color:#352c26!important;

    box-shadow:none!important;
    outline:0!important;
  }

}


/* =========================================================
   ALPO PRO SUBCATEGORY DYNAMIC DESKTOP v2.8
   Shoptet category ID 5061
   Titolo + perex gestiti da Shoptet Admin
   ========================================================= */

@media(min-width:1024px){

  /* =====================================================
     SORGENTE NATIVA SHOPTET
     resta nel DOM ma non viene mostrata due volte
     ===================================================== */

  html.alpo-pro-subcategory-dynamic-active
  body.type-category.id-5061
  #content > .category-top{
    display:none!important;
  }


  /* =====================================================
     HERO
     ===================================================== */

  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28{
    position:relative;

    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(340px,.55fr);

    min-height:230px;

    margin:28px 0 32px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  /* =====================================================
     COPY
     ===================================================== */

  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28
  .alpo-pro-subcategory-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28
  .alpo-pro-subcategory-kicker{
    margin:0 0 12px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;

    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  /*
    TITOLO DINAMICO SHOPTET
    es. AKČNÍ SRPEN → AKČNÍ ZÁŘÍ

    Il testo NON è nel JS.
  */

  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28
  .alpo-pro-subcategory-title{
    max-width:960px;

    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(48px,3.7vw,62px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  /*
    DESCRIZIONE SUPERIORE SHOPTET
    compare soltanto se compilata dall'admin.
  */

  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28
  .alpo-pro-subcategory-perex{
    max-width:820px;

    margin:16px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28
  .alpo-pro-subcategory-perex > :first-child{
    margin-top:0!important;
  }


  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28
  .alpo-pro-subcategory-perex > :last-child{
    margin-bottom:0!important;
  }


  /* =====================================================
     VISUAL PRO
     ===================================================== */

  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28
  .alpo-pro-subcategory-visual{
    position:relative;

    min-height:230px;

    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #24211d 100%
      );
  }


  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28
  .alpo-pro-subcategory-grid{
    position:absolute;
    inset:0;

    opacity:.34;

    background-image:
      linear-gradient(
        rgba(212,170,98,.14) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.14) 1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28
  .alpo-pro-subcategory-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28
  .alpo-pro-subcategory-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:12px;
    line-height:1;

    font-weight:800;

    letter-spacing:.14em;
  }


  body.type-category.id-5061
  #alpo-pro-subcategory-dynamic-v28
  .alpo-pro-subcategory-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;

    font-weight:800;

    letter-spacing:.10em;
  }


  /* =====================================================
     CONTENUTO CATEGORIA / PRODOTTI
     ===================================================== */

  html.alpo-pro-subcategory-dynamic-active
  body.type-category.id-5061
  #content > .category-content-wrapper{
    margin-top:0!important;
  }

}


/* =========================================================
   ALPO CHEMIE PRO DESKTOP v2.8
   Shoptet category ID 4550
   Parent: PROFESIONÁLNÍ SEKCE
   ========================================================= */

@media(min-width:1024px){

  /* =====================================================
     SHOPTET

     Nascondiamo solo il vecchio Název "Všechny značky".
     Horní popis con ZPĚT resta nativo e funzionante.
     ===================================================== */

  html.alpo-chemie-pro-active
  body.type-category.id-4550
  #content > .category-top
  > .category-title{
    display:none!important;
  }


  /* =====================================================
     HERO
     ===================================================== */

  body.type-category.id-4550
  #alpo-chemie-pro-v28{
    position:relative;

    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(340px,.55fr);

    min-height:235px;

    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  /* =====================================================
     COPY
     ===================================================== */

  body.type-category.id-4550
  #alpo-chemie-pro-v28
  .alpo-chemie-pro-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category.id-4550
  #alpo-chemie-pro-v28
  .alpo-chemie-pro-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category.id-4550
  #alpo-chemie-pro-v28 h1{
    max-width:980px;

    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(48px,3.7vw,62px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category.id-4550
  #alpo-chemie-pro-v28 p{
    max-width:900px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  /* =====================================================
     VISUAL PRO
     ===================================================== */

  body.type-category.id-4550
  #alpo-chemie-pro-v28
  .alpo-chemie-pro-visual{
    position:relative;

    min-height:235px;

    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #24211d 100%
      );
  }


  body.type-category.id-4550
  #alpo-chemie-pro-v28
  .alpo-chemie-pro-grid{
    position:absolute;
    inset:0;

    opacity:.34;

    background-image:
      linear-gradient(
        rgba(212,170,98,.14) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.14) 1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  body.type-category.id-4550
  #alpo-chemie-pro-v28
  .alpo-chemie-pro-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category.id-4550
  #alpo-chemie-pro-v28
  .alpo-chemie-pro-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:12px;
    line-height:1;
    font-weight:800;

    letter-spacing:.14em;
  }


  body.type-category.id-4550
  #alpo-chemie-pro-v28
  .alpo-chemie-pro-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* =====================================================
     ZPĚT SHOPTET

     Horní popis rimane presente.
     ===================================================== */

  html.alpo-chemie-pro-active
  body.type-category.id-4550
  #content > .category-top
  > .category-perex{
    display:block!important;
    margin-top:0!important;
  }


  /* =====================================================
     SOTTOCATEGORIE SHOPTET
     ===================================================== */

  html.alpo-chemie-pro-active
  body.type-category.id-4550
  #content > .category-top
  > .subcategories{
    margin-top:0!important;
  }

}


/* =========================================================
   ALPO SELECTIVE PROFI DESKTOP v2.8
   Shoptet category ID 4724
   Parent: PROFESIONÁLNÍ SEKCE
   ========================================================= */

@media(min-width:1024px){

  /* Vecchio H1 Samba nascosto.
     Horní popis, ZPĚT e sottocategorie restano nativi. */

  html.alpo-selective-profi-active
  body.type-category.id-4724
  #content > .category-top
  > .category-title{
    display:none!important;
  }


  /* HERO */

  body.type-category.id-4724
  #alpo-selective-profi-v28{
    position:relative;
    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;
    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  /* COPY */

  body.type-category.id-4724
  #alpo-selective-profi-v28
  .alpo-selective-profi-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category.id-4724
  #alpo-selective-profi-v28
  .alpo-selective-profi-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category.id-4724
  #alpo-selective-profi-v28 h1{
    max-width:980px;
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(46px,3.5vw,60px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category.id-4724
  #alpo-selective-profi-v28 p{
    max-width:880px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  /* VISUAL PRO / BRAND */

  body.type-category.id-4724
  #alpo-selective-profi-v28
  .alpo-selective-profi-visual{
    position:relative;

    min-height:235px;
    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #151412 0%,
        #28241f 100%
      );
  }


  body.type-category.id-4724
  #alpo-selective-profi-v28
  .alpo-selective-profi-grid{
    position:absolute;
    inset:0;

    opacity:.32;

    background-image:
      linear-gradient(
        rgba(212,170,98,.14) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.14) 1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  body.type-category.id-4724
  #alpo-selective-profi-v28
  .alpo-selective-profi-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category.id-4724
  #alpo-selective-profi-v28
  .alpo-selective-profi-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category.id-4724
  #alpo-selective-profi-v28
  .alpo-selective-profi-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* HORNÍ POPIS SHOPTET
     ZPĚT + descrizione restano modificabili da admin */

  html.alpo-selective-profi-active
  body.type-category.id-4724
  #content > .category-top
  > .category-perex{
    display:block!important;
    margin-top:0!important;
  }


  /* 11 SOTTOCATEGORIE */

  html.alpo-selective-profi-active
  body.type-category.id-4724
  #content > .category-top
  > .subcategories{
    margin-top:0!important;
  }

}


/* =========================================================
   ALPO YELLOW PROFI DESKTOP v2.8
   Shoptet category ID 4721
   Parent: PROFESIONÁLNÍ SEKCE
   ========================================================= */

@media(min-width:1024px){

  /* Vecchio H1 Samba nascosto.
     Horní popis, ZPĚT e sottocategorie restano nativi. */

  html.alpo-yellow-profi-active
  body.type-category.id-4721
  #content > .category-top
  > .category-title{
    display:none!important;
  }


  /* HERO */

  body.type-category.id-4721
  #alpo-yellow-profi-v28{
    position:relative;
    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;
    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  /* COPY */

  body.type-category.id-4721
  #alpo-yellow-profi-v28
  .alpo-yellow-profi-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category.id-4721
  #alpo-yellow-profi-v28
  .alpo-yellow-profi-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category.id-4721
  #alpo-yellow-profi-v28 h1{
    max-width:980px;
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(46px,3.5vw,60px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category.id-4721
  #alpo-yellow-profi-v28 p{
    max-width:880px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  /* VISUAL PRO / BRAND */

  body.type-category.id-4721
  #alpo-yellow-profi-v28
  .alpo-yellow-profi-visual{
    position:relative;

    min-height:235px;
    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #151412 0%,
        #28241f 100%
      );
  }


  body.type-category.id-4721
  #alpo-yellow-profi-v28
  .alpo-yellow-profi-grid{
    position:absolute;
    inset:0;

    opacity:.32;

    background-image:
      linear-gradient(
        rgba(212,170,98,.14) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.14) 1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  body.type-category.id-4721
  #alpo-yellow-profi-v28
  .alpo-yellow-profi-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category.id-4721
  #alpo-yellow-profi-v28
  .alpo-yellow-profi-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category.id-4721
  #alpo-yellow-profi-v28
  .alpo-yellow-profi-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* HORNÍ POPIS SHOPTET
     ZPĚT + descrizione restano modificabili da admin */

  html.alpo-yellow-profi-active
  body.type-category.id-4721
  #content > .category-top
  > .category-perex{
    display:block!important;
    margin-top:0!important;
  }


  /* 5 SOTTOCATEGORIE */

  html.alpo-yellow-profi-active
  body.type-category.id-4721
  #content > .category-top
  > .subcategories{
    margin-top:0!important;
  }

}


/* =========================================================
   ALPO BHEYSE PROFI DESKTOP v2.8
   Shoptet category ID 4727
   Parent: PROFESIONÁLNÍ SEKCE
   ========================================================= */

@media(min-width:1024px){

  /* Vecchio H1 Samba nascosto.
     Horní popis, ZPĚT e sottocategorie restano nativi. */

  html.alpo-bheyse-profi-active
  body.type-category.id-4727
  #content > .category-top
  > .category-title{
    display:none!important;
  }


  /* HERO */

  body.type-category.id-4727
  #alpo-bheyse-profi-v28{
    position:relative;
    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;
    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  /* COPY */

  body.type-category.id-4727
  #alpo-bheyse-profi-v28
  .alpo-bheyse-profi-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category.id-4727
  #alpo-bheyse-profi-v28
  .alpo-bheyse-profi-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category.id-4727
  #alpo-bheyse-profi-v28 h1{
    max-width:980px;
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(46px,3.5vw,60px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category.id-4727
  #alpo-bheyse-profi-v28 p{
    max-width:880px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  /* VISUAL PRO / BRAND */

  body.type-category.id-4727
  #alpo-bheyse-profi-v28
  .alpo-bheyse-profi-visual{
    position:relative;

    min-height:235px;
    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #151412 0%,
        #28241f 100%
      );
  }


  body.type-category.id-4727
  #alpo-bheyse-profi-v28
  .alpo-bheyse-profi-grid{
    position:absolute;
    inset:0;

    opacity:.32;

    background-image:
      linear-gradient(
        rgba(212,170,98,.14) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.14) 1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  body.type-category.id-4727
  #alpo-bheyse-profi-v28
  .alpo-bheyse-profi-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category.id-4727
  #alpo-bheyse-profi-v28
  .alpo-bheyse-profi-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category.id-4727
  #alpo-bheyse-profi-v28
  .alpo-bheyse-profi-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* HORNÍ POPIS SHOPTET
     ZPĚT + descrizione restano modificabili da admin */

  html.alpo-bheyse-profi-active
  body.type-category.id-4727
  #content > .category-top
  > .category-perex{
    display:block!important;
    margin-top:0!important;
  }


  /* 4 SOTTOCATEGORIE */

  html.alpo-bheyse-profi-active
  body.type-category.id-4727
  #content > .category-top
  > .subcategories{
    margin-top:0!important;
  }

}


/* =========================================================
   ALPO HZONE PROFI DESKTOP v2.8
   Shoptet category ID 4730
   Parent: PROFESIONÁLNÍ SEKCE
   Status: DOPRODEJ
   ========================================================= */

@media(min-width:1024px){

  /* Vecchio H1 Samba nascosto.
     ZPĚT resta nativo e funzionante. */

  html.alpo-hzone-profi-active
  body.type-category.id-4730
  #content > .category-top
  > .category-title{
    display:none!important;
  }


  /* HERO */

  body.type-category.id-4730
  #alpo-hzone-profi-v28{
    position:relative;
    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;
    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(185,31,29,.18);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  /* COPY */

  body.type-category.id-4730
  #alpo-hzone-profi-v28
  .alpo-hzone-profi-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category.id-4730
  #alpo-hzone-profi-v28
  .alpo-hzone-profi-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category.id-4730
  #alpo-hzone-profi-v28 h1{
    max-width:980px;
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(44px,3.4vw,58px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category.id-4730
  #alpo-hzone-profi-v28 p{
    max-width:860px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  /* VISUAL DOPRODEJ */

  body.type-category.id-4730
  #alpo-hzone-profi-v28
  .alpo-hzone-profi-visual{
    position:relative;

    min-height:235px;
    overflow:hidden;

    border-left:
      1px solid rgba(185,31,29,.18);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #27211f 100%
      );
  }


  body.type-category.id-4730
  #alpo-hzone-profi-v28
  .alpo-hzone-profi-grid{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.12) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.12) 1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  body.type-category.id-4730
  #alpo-hzone-profi-v28
  .alpo-hzone-profi-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(185,31,29,.28);

    border-radius:50%;
  }


  body.type-category.id-4730
  #alpo-hzone-profi-v28
  .alpo-hzone-profi-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.38);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category.id-4730
  #alpo-hzone-profi-v28
  .alpo-hzone-profi-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* ZPĚT SHOPTET */

  html.alpo-hzone-profi-active
  body.type-category.id-4730
  #content > .category-top
  > .category-perex{
    display:block!important;
    margin-top:0!important;
  }

}


/* =========================================================
   ALPO DOPLNKY PROFI DESKTOP v2.8
   Shoptet category ID 4349
   Parent: PROFESIONÁLNÍ SEKCE
   ========================================================= */

@media(min-width:1024px){

  /* Vecchio H1 Samba nascosto.
     ZPĚT resta nativo e funzionante. */

  html.alpo-doplnky-profi-active
  body.type-category.id-4349
  #content > .category-top
  > .category-title{
    display:none!important;
  }


  /* HERO */

  body.type-category.id-4349
  #alpo-doplnky-profi-v28{
    position:relative;
    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;
    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  /* COPY */

  body.type-category.id-4349
  #alpo-doplnky-profi-v28
  .alpo-doplnky-profi-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category.id-4349
  #alpo-doplnky-profi-v28
  .alpo-doplnky-profi-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category.id-4349
  #alpo-doplnky-profi-v28 h1{
    max-width:980px;
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(46px,3.5vw,60px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category.id-4349
  #alpo-doplnky-profi-v28 p{
    max-width:880px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  /* VISUAL PRO */

  body.type-category.id-4349
  #alpo-doplnky-profi-v28
  .alpo-doplnky-profi-visual{
    position:relative;

    min-height:235px;
    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  body.type-category.id-4349
  #alpo-doplnky-profi-v28
  .alpo-doplnky-profi-grid{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  body.type-category.id-4349
  #alpo-doplnky-profi-v28
  .alpo-doplnky-profi-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category.id-4349
  #alpo-doplnky-profi-v28
  .alpo-doplnky-profi-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category.id-4349
  #alpo-doplnky-profi-v28
  .alpo-doplnky-profi-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* ZPĚT SHOPTET */

  html.alpo-doplnky-profi-active
  body.type-category.id-4349
  #content > .category-top
  > .category-perex{
    display:block!important;
    margin-top:0!important;
  }

}


/* =========================================================
   ALPO KADERNICKY PROGRAM PROFI DESKTOP v2.8
   Shoptet category ID 4706
   Parent: PROFESIONÁLNÍ SEKCE
   Type: PROFI INFO PAGE
   ========================================================= */

@media(min-width:1024px){

  /* Native H1 hidden */

  html.alpo-kadernicky-program-active
  body.type-category.id-4706
  #content > .category-top
  > .category-title{
    display:none!important;
  }


  /* Native empty category state hidden */

  html.alpo-kadernicky-program-active
  body.type-category.id-4706
  .empty-content-category{
    display:none!important;
  }


  /* Native ZPĚT preserved */

  html.alpo-kadernicky-program-active
  body.type-category.id-4706
  #content > .category-top
  > .category-perex{
    display:block!important;
    margin-top:0!important;
  }


  /* =====================================================
     HERO
     ===================================================== */

  body.type-category.id-4706
  #alpo-kadernicky-program-v28{
    position:relative;
    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;

    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  body.type-category.id-4706
  #alpo-kadernicky-program-v28
  .alpo-program-hero-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category.id-4706
  #alpo-kadernicky-program-v28
  .alpo-program-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category.id-4706
  #alpo-kadernicky-program-v28 h1{
    max-width:900px;

    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(48px,3.65vw,62px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category.id-4706
  #alpo-kadernicky-program-v28
  .alpo-program-hero-copy > p{
    max-width:820px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  /* HERO RIGHT */

  body.type-category.id-4706
  #alpo-kadernicky-program-v28
  .alpo-program-hero-visual{
    position:relative;

    min-height:235px;

    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  body.type-category.id-4706
  #alpo-kadernicky-program-v28
  .alpo-program-grid{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  body.type-category.id-4706
  #alpo-kadernicky-program-v28
  .alpo-program-hero-visual::before,
  body.type-category.id-4706
  #alpo-kadernicky-program-v28
  .alpo-program-hero-visual::after{
    content:"";

    position:absolute;

    border:
      1px solid rgba(212,170,98,.32);

    border-radius:50%;
  }


  body.type-category.id-4706
  #alpo-kadernicky-program-v28
  .alpo-program-hero-visual::before{
    width:190px;
    height:190px;

    right:-60px;
    top:-105px;
  }


  body.type-category.id-4706
  #alpo-kadernicky-program-v28
  .alpo-program-hero-visual::after{
    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;
  }


  body.type-category.id-4706
  #alpo-kadernicky-program-v28
  .alpo-program-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category.id-4706
  #alpo-kadernicky-program-v28
  .alpo-program-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* =====================================================
     SHOPTET EDITABLE LOWER DESCRIPTION
     ===================================================== */

  body.type-category.id-4706
  .category-content-wrapper{
    margin-top:0!important;
  }


  body.type-category.id-4706
  .category__secondDescription{
    margin:0!important;
    padding:0!important;
  }


  body.type-category.id-4706
  .category__secondDescription
  .alpo-program-info{
    margin:
      10px
      0
      70px;

    padding:
      clamp(46px,5vw,72px);

    border:
      1px solid rgba(18,15,12,.08);

    border-radius:24px;

    background:#fffaf3;
  }


  body.type-category.id-4706
  .alpo-program-info-intro{
    max-width:850px;

    margin:
      0
      auto
      44px;

    text-align:center;
  }


  body.type-category.id-4706
  .alpo-program-section-kicker{
    margin-bottom:10px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:12px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
  }


  body.type-category.id-4706
  .alpo-program-info h2{
    margin:
      0
      0
      18px;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(36px,3vw,48px);

    line-height:1.05;

    letter-spacing:-.025em;
  }


  body.type-category.id-4706
  .alpo-program-info-intro p{
    max-width:800px;

    margin:
      8px
      auto;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:18px;
    line-height:1.65;
  }


  /* BENEFIT CARDS */

  body.type-category.id-4706
  .alpo-program-benefits{
    display:grid;

    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap:18px;
  }


  body.type-category.id-4706
  .alpo-program-benefit{
    position:relative;

    min-height:215px;

    margin:0;

    padding:
      30px
      32px;

    overflow:hidden;

    border:
      1px solid rgba(18,15,12,.09);

    border-radius:18px;

    background:#fff;

    box-shadow:
      0 10px 28px rgba(18,15,12,.045);
  }


  body.type-category.id-4706
  .alpo-program-number{
    display:block;

    margin-bottom:22px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:12px;
    line-height:1;
    font-weight:800;

    letter-spacing:.14em;
  }


  body.type-category.id-4706
  .alpo-program-benefit h3{
    margin:
      0
      0
      12px;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:26px;
    line-height:1.12;

    font-weight:700;
  }


  body.type-category.id-4706
  .alpo-program-benefit p{
    margin:0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:16px;
    line-height:1.62;
  }


  /* Bonus card */

  body.type-category.id-4706
  .alpo-program-benefit.alpo-program-benefit--bonus{
    background:
      linear-gradient(
        145deg,
        #171513,
        #28241f
      );

    border-color:
      rgba(212,170,98,.28);
  }


  body.type-category.id-4706
  .alpo-program-benefit--bonus
  .alpo-program-number{
    color:#f2d79b;
  }


  body.type-category.id-4706
  .alpo-program-benefit--bonus h3{
    color:#fffaf3;
  }


  body.type-category.id-4706
  .alpo-program-benefit--bonus p{
    color:
      rgba(255,250,243,.74);
  }

}


/* =========================================================
   ALPO SKOLENI PROFI DESKTOP v2.8
   Shoptet category ID 5058
   Parent: PROFESIONÁLNÍ SEKCE
   ========================================================= */

@media(min-width:1024px){

  html.alpo-skoleni-profi-active
  body.type-category.id-5058
  #content > .category-top
  > .category-title{
    display:none!important;
  }


  body.type-category.id-5058
  #alpo-skoleni-profi-v28{
    position:relative;
    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;

    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  body.type-category.id-5058
  #alpo-skoleni-profi-v28
  .alpo-skoleni-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category.id-5058
  #alpo-skoleni-profi-v28
  .alpo-skoleni-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category.id-5058
  #alpo-skoleni-profi-v28 h1{
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(48px,3.65vw,62px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category.id-5058
  #alpo-skoleni-profi-v28
  .alpo-skoleni-copy > p{
    max-width:900px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  body.type-category.id-5058
  #alpo-skoleni-profi-v28
  .alpo-skoleni-visual{
    position:relative;

    min-height:235px;

    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  body.type-category.id-5058
  #alpo-skoleni-profi-v28
  .alpo-skoleni-grid{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  body.type-category.id-5058
  #alpo-skoleni-profi-v28
  .alpo-skoleni-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category.id-5058
  #alpo-skoleni-profi-v28
  .alpo-skoleni-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category.id-5058
  #alpo-skoleni-profi-v28
  .alpo-skoleni-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }

}


/* =========================================================
   ALPO SAMPONY SUBCATEGORY DESKTOP v2.8
   Shoptet category ID 4250
   Parent: PECE O VLASY
   Type: MIXED BRANDS FUNCTIONAL
   ========================================================= */

@media(min-width:1024px){

  html.alpo-sampony-subcategory-active
  body.type-category.id-4250
  #content > .category-top
  > .category-title{
    display:none!important;
  }


  body.type-category.id-4250
  #alpo-sampony-subcategory-v28{
    position:relative;
    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;
    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  body.type-category.id-4250
  #alpo-sampony-subcategory-v28
  .alpo-sampony-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category.id-4250
  #alpo-sampony-subcategory-v28
  .alpo-sampony-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category.id-4250
  #alpo-sampony-subcategory-v28 h1{
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(48px,3.65vw,62px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category.id-4250
  #alpo-sampony-subcategory-v28
  .alpo-sampony-copy > p{
    max-width:900px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  body.type-category.id-4250
  #alpo-sampony-subcategory-v28
  .alpo-sampony-visual{
    position:relative;

    min-height:235px;
    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  body.type-category.id-4250
  #alpo-sampony-subcategory-v28
  .alpo-sampony-grid{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  body.type-category.id-4250
  #alpo-sampony-subcategory-v28
  .alpo-sampony-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category.id-4250
  #alpo-sampony-subcategory-v28
  .alpo-sampony-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category.id-4250
  #alpo-sampony-subcategory-v28
  .alpo-sampony-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* Native ZPĚT preserved */

  html.alpo-sampony-subcategory-active
  body.type-category.id-4250
  #content > .category-top
  > .category-perex{
    display:block!important;
    margin-top:0!important;
  }

}


/* =========================================================
   ALPO SAMPONY SEGMENT VARIANTS DESKTOP v2.8
   Category ID 4250
   Retail / Pro / Wholesale
   ========================================================= */

@media(min-width:1024px){

  body.type-category.id-4250
  #alpo-sampony-subcategory-v28[
    data-alpo-segment="wholesale"
  ]{
    border-color:
      rgba(212,170,98,.28);
  }


  body.type-category.id-4250
  #alpo-sampony-subcategory-v28[
    data-alpo-segment="wholesale"
  ]
  .alpo-sampony-visual{
    background:
      linear-gradient(
        145deg,
        #11100f 0%,
        #24211d 100%
      );
  }

}


/* =========================================================
   ALPO PECE MASTER HERO RESTORE DESKTOP v2.8
   Shoptet category ID 4703
   Retail / Pro / Wholesale
   ========================================================= */

@media(min-width:1024px){

  body.type-category.id-4703
  #alpo-category-hero-v28{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr)!important;

    min-height:235px!important;

    margin:
      28px
      0
      26px!important;

    padding:0!important;

    overflow:hidden!important;

    border:
      1px solid rgba(212,170,98,.34)!important;

    border-radius:24px!important;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      )!important;

    box-shadow:
      0 16px 44px rgba(18,15,12,.07)!important;
  }


  body.type-category.id-4703
  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category.id-4703
  #alpo-category-hero-v28
  .alpo-category-kicker{
    margin:
      0
      0
      11px!important;

    color:#95611c!important;

    font:
      800
      13px/1.2
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }


  body.type-category.id-4703
  #alpo-category-hero-v28 h1{
    max-width:980px!important;

    margin:0!important;

    color:#171412!important;

    font-family:
      Georgia,
      "Times New Roman",
      serif!important;

    font-size:
      clamp(48px,3.65vw,62px)!important;

    line-height:1.02!important;
    font-weight:700!important;

    letter-spacing:-.035em!important;
  }


  body.type-category.id-4703
  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28 > p{
    max-width:850px!important;

    margin:
      15px
      0
      0!important;

    color:#6d635b!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(17px,1.15vw,19px)!important;

    line-height:1.55!important;
  }


  /* RIGHT PANEL */

  body.type-category.id-4703
  #alpo-pece-master-visual-v28{
    position:relative;

    min-height:235px;

    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  body.type-category.id-4703
  #alpo-pece-master-visual-v28
  .alpo-pece-master-grid-v28{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  body.type-category.id-4703
  #alpo-pece-master-visual-v28::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category.id-4703
  #alpo-pece-master-visual-v28
  .alpo-pece-master-badge-v28{
    position:absolute;

    top:32px;
    right:34px;

    padding:
      9px
      15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category.id-4703
  #alpo-pece-master-visual-v28
  .alpo-pece-master-label-v28{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  body.type-category.id-4703
  #alpo-category-hero-v28[
    data-alpo-segment="wholesale"
  ]
  #alpo-pece-master-visual-v28{
    background:
      linear-gradient(
        145deg,
        #11100f 0%,
        #24211d 100%
      );
  }

}


/* =========================================================
   ALPO PECE SUBCATEGORIES BATCH V2 DESKTOP v2.8
   Parent: /pece-o-vlasy/
   Mixed brands functional categories
   Retail / Pro / Wholesale
   SAFE: no observer runtime
   ========================================================= */

@media(min-width:1024px){

  /* Native H1 hidden only where the V2 hero is mounted */

  html.alpo-pece-subcategory-batch-v2-active
  body.type-category
  #content > .category-top
  > .category-title{
    display:none!important;
  }


  /* HERO */

  body.type-category
  #alpo-pece-subcategory-batch-v2{
    position:relative;
    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;
    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2 h1{
    max-width:980px;
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(48px,3.65vw,62px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-copy > p{
    max-width:900px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  /* RIGHT PANEL */

  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-visual{
    position:relative;

    min-height:235px;
    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-grid{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      );

    background-size:42px 42px;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* Native ZPĚT preserved */

  html.alpo-pece-subcategory-batch-v2-active
  body.type-category
  #content > .category-top
  > .category-perex{
    display:block!important;
    margin-top:0!important;
  }

}


/* =========================================================
   ALPO ZNACKY LINES BATCH DESKTOP v2.8
   /znacky/ -> brand -> product line
   50 line pages
   Desktop only
   ========================================================= */


/* MOBILE / TABLET:
   keep native Shoptet structure unchanged
   ----------------------------------------- */

@media(max-width:1023px){

  body.type-category
  #alpo-znacky-line-hero-v28{
    display:none!important;
  }

}


/* DESKTOP
   ----------------------------------------- */

@media(min-width:1024px){

  html.alpo-znacky-line-active
  body.type-category
  #content > .category-top
  .category-title{
    display:none!important;
  }


  body.type-category
  #alpo-znacky-line-hero-v28{
    position:relative;

    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;

    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  body.type-category
  #alpo-znacky-line-hero-v28
  .alpo-znacky-line-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category
  #alpo-znacky-line-hero-v28
  .alpo-znacky-line-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category
  #alpo-znacky-line-hero-v28 h1{
    max-width:980px;

    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(44px,3.4vw,58px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category
  #alpo-znacky-line-hero-v28.alpo-znacky-line-long-title h1{
    font-size:
      clamp(36px,2.8vw,50px);

    line-height:1.06;
  }


  body.type-category
  #alpo-znacky-line-hero-v28
  .alpo-znacky-line-lead{
    max-width:850px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  /* RIGHT TECHNICAL PANEL */

  body.type-category
  #alpo-znacky-line-hero-v28
  .alpo-znacky-line-visual{
    position:relative;

    min-height:235px;

    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  body.type-category
  #alpo-znacky-line-hero-v28
  .alpo-znacky-line-grid{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      );

    background-size:42px 42px;
  }


  body.type-category
  #alpo-znacky-line-hero-v28
  .alpo-znacky-line-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category
  #alpo-znacky-line-hero-v28
  .alpo-znacky-line-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category
  #alpo-znacky-line-hero-v28
  .alpo-znacky-line-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* Preserve native ZPĚT + Horní popis */

  html.alpo-znacky-line-active
  body.type-category
  #content > .category-top
  .category-perex{
    display:block!important;
  }

}


/* =========================================================
   ALPO ZNACKY BRANDS BATCH DESKTOP v2.8
   /znacky/ -> brand pages
   Selective / Yellow / Bheyse / Il Salone / Renee Blanche
   Desktop only
   ========================================================= */

@media(max-width:1023px){

  body.type-category
  #alpo-znacky-brand-hero-v28{
    display:none!important;
  }

}


@media(min-width:1024px){

  html.alpo-znacky-brand-active
  body.type-category
  #content > .category-top
  .category-title{
    display:none!important;
  }


  body.type-category
  #alpo-znacky-brand-hero-v28{
    position:relative;

    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;

    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  body.type-category
  #alpo-znacky-brand-hero-v28
  .alpo-znacky-brand-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category
  #alpo-znacky-brand-hero-v28
  .alpo-znacky-brand-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category
  #alpo-znacky-brand-hero-v28 h1{
    max-width:980px;

    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(48px,3.65vw,62px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category
  #alpo-znacky-brand-hero-v28
  .alpo-znacky-brand-lead{
    max-width:900px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  body.type-category
  #alpo-znacky-brand-hero-v28
  .alpo-znacky-brand-visual{
    position:relative;

    min-height:235px;
    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  body.type-category
  #alpo-znacky-brand-hero-v28
  .alpo-znacky-brand-grid{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      );

    background-size:42px 42px;
  }


  body.type-category
  #alpo-znacky-brand-hero-v28
  .alpo-znacky-brand-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category
  #alpo-znacky-brand-hero-v28
  .alpo-znacky-brand-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category
  #alpo-znacky-brand-hero-v28
  .alpo-znacky-brand-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* Preserve ZPĚT + Horní popis */

  html.alpo-znacky-brand-active
  body.type-category
  #content > .category-top
  .category-perex{
    display:block!important;
  }

}


/* =========================================================
   ALPO ZNACKY NOW LEVEL3 DESKTOP v2.8
   Selective Professional -> NOW Next Generation
   TEXTURE / PRIMER / FINISH
   Desktop only
   ========================================================= */

@media(max-width:1023px){

  body.type-category
  #alpo-znacky-now-level3-hero-v28{
    display:none!important;
  }

}


@media(min-width:1024px){

  html.alpo-znacky-now-level3-active
  body.type-category
  #content > .category-top
  .category-title{
    display:none!important;
  }


  body.type-category
  #alpo-znacky-now-level3-hero-v28{
    position:relative;

    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;

    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  body.type-category
  #alpo-znacky-now-level3-hero-v28
  .alpo-now-l3-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category
  #alpo-znacky-now-level3-hero-v28
  .alpo-now-l3-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category
  #alpo-znacky-now-level3-hero-v28 h1{
    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(48px,3.65vw,62px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category
  #alpo-znacky-now-level3-hero-v28
  .alpo-now-l3-lead{
    max-width:850px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  body.type-category
  #alpo-znacky-now-level3-hero-v28
  .alpo-now-l3-visual{
    position:relative;

    min-height:235px;
    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  body.type-category
  #alpo-znacky-now-level3-hero-v28
  .alpo-now-l3-grid{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      );

    background-size:42px 42px;
  }


  body.type-category
  #alpo-znacky-now-level3-hero-v28
  .alpo-now-l3-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category
  #alpo-znacky-now-level3-hero-v28
  .alpo-now-l3-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category
  #alpo-znacky-now-level3-hero-v28
  .alpo-now-l3-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* Preserve native ZPĚT */

  html.alpo-znacky-now-level3-active
  body.type-category
  #content > .category-top
  .category-perex{
    display:block!important;
  }

}


/* =========================================================
   ALPO CHEMIE SUBCATEGORIES BATCH DESKTOP v2.8
   /chemie/ -> 13 Profi-only subcategories
   Desktop only
   ========================================================= */

@media(max-width:1023px){

  body.type-category
  #alpo-chemie-subcategory-hero-v28{
    display:none!important;
  }

}


@media(min-width:1024px){

  html.alpo-chemie-subcategory-active
  body.type-category
  #content > .category-top
  .category-title{
    display:none!important;
  }


  body.type-category
  #alpo-chemie-subcategory-hero-v28{
    position:relative;

    display:grid;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr);

    min-height:235px;

    margin:28px 0 26px;

    overflow:hidden;

    border:
      1px solid rgba(212,170,98,.34);

    border-radius:24px;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      );

    box-shadow:
      0 16px 44px rgba(18,15,12,.07);
  }


  body.type-category
  #alpo-chemie-subcategory-hero-v28
  .alpo-chemie-subcat-copy{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  body.type-category
  #alpo-chemie-subcategory-hero-v28
  .alpo-chemie-subcat-kicker{
    margin:0 0 11px;

    color:#95611c;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:13px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.16em;
    text-transform:uppercase;
  }


  body.type-category
  #alpo-chemie-subcategory-hero-v28 h1{
    max-width:980px;

    margin:0;

    color:#171412;

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    font-size:
      clamp(46px,3.45vw,60px);

    line-height:1.02;
    font-weight:700;

    letter-spacing:-.035em;
  }


  body.type-category
  #alpo-chemie-subcategory-hero-v28.alpo-chemie-long-title h1{
    font-size:
      clamp(38px,2.9vw,52px);

    line-height:1.06;
  }


  body.type-category
  #alpo-chemie-subcategory-hero-v28
  .alpo-chemie-subcat-lead{
    max-width:880px;

    margin:15px 0 0;

    color:#6d635b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      clamp(17px,1.15vw,19px);

    line-height:1.55;
  }


  body.type-category
  #alpo-chemie-subcategory-hero-v28
  .alpo-chemie-subcat-visual{
    position:relative;

    min-height:235px;

    overflow:hidden;

    border-left:
      1px solid rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  body.type-category
  #alpo-chemie-subcategory-hero-v28
  .alpo-chemie-subcat-grid{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      );

    background-size:42px 42px;
  }


  body.type-category
  #alpo-chemie-subcategory-hero-v28
  .alpo-chemie-subcat-visual::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid rgba(212,170,98,.36);

    border-radius:50%;
  }


  body.type-category
  #alpo-chemie-subcategory-hero-v28
  .alpo-chemie-subcat-badge{
    position:absolute;

    top:32px;
    right:34px;

    padding:9px 15px;

    border:
      1px solid rgba(212,170,98,.42);

    border-radius:999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  body.type-category
  #alpo-chemie-subcategory-hero-v28
  .alpo-chemie-subcat-label{
    position:absolute;

    left:34px;
    bottom:34px;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }


  /* Preserve ZPĚT + eventual Horní popis */

  html.alpo-chemie-subcategory-active
  body.type-category
  #content > .category-top
  .category-perex{
    display:block!important;
  }

}



/* =========================================================
   ALPO B2B BRAND DEEP SUBCATEGORIES DESKTOP v2.8
   Selective Professional / Yellow Professional / Bheysé
   20 Profi-only direct subcategories
   ========================================================= */

body.alpo-b2b-brand-deep-active-v28
.category-top > h1,
body.alpo-b2b-brand-deep-active-v28
h1.category-title{
  display:none!important;
}


.alpo-b2b-brand-deep-hero-v28{
  position:relative;

  display:grid;
  grid-template-columns:
    minmax(0,1.45fr)
    minmax(350px,.55fr);

  width:100%;
  min-height:235px;

  margin:0 0 28px;

  overflow:hidden;

  border:
    1px solid rgba(212,170,98,.34);

  border-radius:24px;

  background:
    linear-gradient(
      110deg,
      #fffaf3 0%,
      #f8f3eb 58%,
      #efe1c8 100%
    );

  box-shadow:
    0 16px 44px rgba(18,15,12,.07);

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;
}


.alpo-b2b-brand-deep-copy-v28{
  display:flex;
  flex-direction:column;
  justify-content:center;

  min-width:0;

  padding:
    38px
    clamp(52px,5vw,84px);
}


.alpo-b2b-brand-deep-kicker-v28{
  margin:0 0 11px;

  color:#95611c;

  font-size:13px;
  line-height:1.2;
  font-weight:800;

  letter-spacing:.16em;
  text-transform:uppercase;
}


.alpo-b2b-brand-deep-title-v28{
  max-width:900px;

  margin:0;

  color:#171412;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(46px,3.45vw,60px);

  line-height:1.02;
  font-weight:700;

  letter-spacing:-.035em;
}


.alpo-b2b-brand-deep-hero-v28.is-long-title
.alpo-b2b-brand-deep-title-v28{
  font-size:
    clamp(38px,2.9vw,52px);

  line-height:1.06;
}


.alpo-b2b-brand-deep-lead-v28{
  max-width:850px;

  margin:15px 0 0;

  color:#6d635b;

  font-size:
    clamp(17px,1.15vw,19px);

  line-height:1.55;
}


.alpo-b2b-brand-deep-visual-v28{
  position:relative;

  min-height:235px;

  overflow:hidden;

  border-left:
    1px solid rgba(212,170,98,.22);

  background:
    linear-gradient(
      145deg,
      #171513 0%,
      #28241f 100%
    );
}


.alpo-b2b-brand-deep-grid-v28{
  position:absolute;
  inset:0;

  opacity:.30;

  background-image:
    linear-gradient(
      rgba(212,170,98,.13) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(212,170,98,.13) 1px,
      transparent 1px
    );

  background-size:
    42px 42px;
}


.alpo-b2b-brand-deep-visual-v28::after{
  content:"";

  position:absolute;

  width:270px;
  height:270px;

  right:-105px;
  bottom:-160px;

  border:
    1px solid rgba(212,170,98,.36);

  border-radius:50%;
}


.alpo-b2b-brand-deep-badge-v28{
  position:absolute;

  top:32px;
  right:34px;

  padding:9px 15px;

  border:
    1px solid rgba(212,170,98,.42);

  border-radius:999px;

  color:#f2d79b;

  font-size:11px;
  line-height:1;
  font-weight:800;

  letter-spacing:.12em;
}


.alpo-b2b-brand-deep-label-v28{
  position:absolute;

  left:34px;
  bottom:34px;

  max-width:280px;

  color:#fffaf3;

  font-size:14px;
  line-height:1.25;
  font-weight:800;

  letter-spacing:.10em;
}


/* OLIGOMINERAL CREAM — fine commercio / stock residuo */

.alpo-b2b-brand-deep-status-v28{
  position:absolute;

  top:86px;
  right:34px;

  padding:7px 13px;

  border:
    1px solid rgba(228,49,47,.55);

  border-radius:999px;

  background:
    rgba(228,49,47,.08);

  color:#e4312f;

  font-size:10px;
  line-height:1;
  font-weight:900;

  letter-spacing:.14em;
}


/* Basic safe fallback for smaller screens.
   Mobile fine-tuning remains a later dedicated pass. */

@media(max-width:767px){

  .alpo-b2b-brand-deep-hero-v28{
    grid-template-columns:1fr;
    min-height:0;
    border-radius:14px;
  }

  .alpo-b2b-brand-deep-copy-v28{
    padding:28px 22px;
  }

  .alpo-b2b-brand-deep-title-v28,
  .alpo-b2b-brand-deep-hero-v28.is-long-title
  .alpo-b2b-brand-deep-title-v28{
    font-size:36px;
  }

  .alpo-b2b-brand-deep-visual-v28{
    min-height:150px;
    border-left:0;
    border-top:
      1px solid rgba(212,170,98,.22);
  }

}


/* =========================================================
   ALPO DESKTOP GLOBAL POLISH v2.8
   Inner header / navigation / breadcrumb / currency /
   header actions / catalog navigation
   ========================================================= */

@media(min-width:1000px){

  /* =======================================================
     INNER PAGE HEADER
     ======================================================= */

  body.alpo-desktop-global-polish-v28
  #header{
    position:relative;
    z-index:100;

    background:#ffffff!important;

    border:0!important;

    box-shadow:
      0 1px 0 rgba(18,15,12,.08)!important;
  }


  body.alpo-desktop-global-polish-v28
  #header .header-top{
    min-height:84px!important;

    background:#ffffff!important;

    border:0!important;
  }


  body.alpo-desktop-global-polish-v28
  #header .header-top > .container{
    position:relative!important;

    display:flex!important;
    align-items:center!important;

    max-width:1680px!important;
    min-height:84px!important;

    margin:0 auto!important;

    padding:
      0
      clamp(38px,4vw,70px)!important;
  }


  /* logo */

  body.alpo-desktop-global-polish-v28
  #header .site-name{
    position:absolute!important;

    left:50%!important;
    top:50%!important;

    width:auto!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;

    transform:
      translate(-50%,-50%)
      translateY(8px)!important;

    background:transparent!important;
  }


  body.alpo-desktop-global-polish-v28
  #header .site-name a{
    display:block!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;

    border:0!important;
    box-shadow:none!important;
  }


  body.alpo-desktop-global-polish-v28
  #header .site-name img{
    display:block!important;

    width:auto!important;
    max-width:200px!important;
    max-height:54px!important;

    margin:0!important;

    background:transparent!important;

    border:0!important;
    box-shadow:none!important;
  }


  /* =======================================================
     MAIN NAVIGATION
     ======================================================= */

  body.alpo-desktop-global-polish-v28
  #header .header-bottom{
    display:block!important;

    margin:0!important;
    padding:0!important;

    background:#fffaf3!important;

    border-top:
      1px solid rgba(212,170,98,.24)!important;

    border-bottom:
      1px solid rgba(18,15,12,.08)!important;

    box-shadow:none!important;
  }


  body.alpo-desktop-global-polish-v28
  #navigation{
    display:block!important;

    max-width:1680px!important;

    margin:0 auto!important;

    padding:
      0
      clamp(28px,3vw,54px)!important;

    background:transparent!important;
  }


  body.alpo-desktop-global-polish-v28
  #navigation .navigation-in{
    display:block!important;

    width:100%!important;

    background:transparent!important;
  }


  body.alpo-desktop-global-polish-v28
  #navigation .menu-level-1{
    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    flex-wrap:nowrap!important;

    width:100%!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
  }


  body.alpo-desktop-global-polish-v28
  #navigation .menu-level-1 > li{
    display:block!important;
    visibility:visible!important;

    position:relative!important;

    flex:0 1 auto!important;

    margin:0!important;
    padding:0!important;

    opacity:1!important;

    background:transparent!important;
  }


  body.alpo-desktop-global-polish-v28
  #navigation .menu-level-1 > li > a{
    position:relative!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    min-height:56px!important;

    padding:
      0
      clamp(11px,.85vw,17px)!important;

    background:transparent!important;

    border:0!important;

    color:#171412!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(12px,.76vw,14px)!important;

    line-height:1.15!important;
    font-weight:700!important;

    letter-spacing:.045em!important;

    text-transform:uppercase!important;
    white-space:nowrap!important;
  }


  body.alpo-desktop-global-polish-v28
  #navigation .menu-level-1 > li > a::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:0;
    height:2px;

    transform:translateX(-50%);

    background:#d4aa62;

    transition:
      width .18s ease!important;
  }


  body.alpo-desktop-global-polish-v28
  #navigation .menu-level-1 > li:hover > a,
  body.alpo-desktop-global-polish-v28
  #navigation .menu-level-1 > li.active > a{
    color:#95611c!important;
  }


  body.alpo-desktop-global-polish-v28
  #navigation .menu-level-1 > li:hover > a::after,
  body.alpo-desktop-global-polish-v28
  #navigation .menu-level-1 > li.active > a::after{
    width:calc(100% - 24px);
  }


  body.alpo-desktop-global-polish-v28
  .menu-trigger,
  body.alpo-desktop-global-polish-v28
  .menu-helper,
  body.alpo-desktop-global-polish-v28
  .top-menu-trigger,
  body.alpo-desktop-global-polish-v28
  [class*="menu-trigger"]{
    display:none!important;
  }


  /* =======================================================
     BREADCRUMB
     ======================================================= */

  body.alpo-desktop-global-polish-v28
  .breadcrumbs{
    display:flex!important;

    align-items:center!important;
    flex-wrap:wrap!important;

    margin-top:22px!important;
    margin-bottom:24px!important;

    padding:0!important;

    background:transparent!important;
    border:0!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:12px!important;
    line-height:1.4!important;
    font-weight:800!important;

    letter-spacing:.10em!important;
    text-transform:uppercase!important;
  }


  body.alpo-desktop-global-polish-v28
  .breadcrumbs::before{
    content:"";

    width:34px;
    height:1px;

    flex:0 0 34px;

    margin-right:17px;

    background:#d4aa62;
  }


  body.alpo-desktop-global-polish-v28
  .breadcrumbs a{
    color:#6d635b!important;
    text-decoration:none!important;
  }


  body.alpo-desktop-global-polish-v28
  .breadcrumbs a:hover{
    color:#95611c!important;
  }


  body.alpo-desktop-global-polish-v28
  .breadcrumbs strong,
  body.alpo-desktop-global-polish-v28
  .breadcrumbs span:last-child{
    color:#171412!important;
    font-weight:800!important;
  }


  body.alpo-desktop-global-polish-v28
  .breadcrumbs .separator{
    margin:
      0
      12px!important;

    color:#d4aa62!important;
  }


  /* =======================================================
     CURRENCY SELECTOR
     ======================================================= */

  body.alpo-desktop-global-polish-v28
  #topNavigationDropdown{
    min-height:auto!important;

    padding:8px 12px!important;

    background:transparent!important;

    border:0!important;
    box-shadow:none!important;

    color:#171412!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:14px!important;
    line-height:1!important;
    font-weight:700!important;

    letter-spacing:.04em!important;
  }


  body.alpo-desktop-global-polish-v28
  #topNavigationDropdown:hover,
  body.alpo-desktop-global-polish-v28
  .dropdown.open #topNavigationDropdown{
    color:#95611c!important;
  }


  body.alpo-desktop-global-polish-v28
  #topNavigationDropdown::before,
  body.alpo-desktop-global-polish-v28
  #topNavigationDropdown::after{
    border-color:#d4aa62!important;
    color:#d4aa62!important;
  }


  body.alpo-desktop-global-polish-v28
  .navigation-tools .dropdown-menu{
    min-width:150px!important;

    margin-top:10px!important;
    padding:8px!important;

    border:
      1px solid rgba(212,170,98,.36)!important;

    border-radius:14px!important;

    background:#fffaf3!important;

    box-shadow:
      0 18px 44px rgba(18,15,12,.13)!important;
  }


  body.alpo-desktop-global-polish-v28
  .navigation-tools .dropdown-menu > li{
    margin:0!important;
    padding:0!important;

    background:transparent!important;
  }


  body.alpo-desktop-global-polish-v28
  .navigation-tools .dropdown-menu > li > a{
    display:flex!important;
    align-items:center!important;

    min-height:42px!important;

    padding:
      0
      13px!important;

    border-radius:9px!important;

    background:transparent!important;

    color:#171412!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:700!important;

    letter-spacing:.04em!important;

    text-decoration:none!important;
  }


  body.alpo-desktop-global-polish-v28
  .navigation-tools .dropdown-menu > li > a:hover{
    background:#f6efe4!important;
    color:#95611c!important;
  }


  body.alpo-desktop-global-polish-v28
  .navigationActions__submenu{
    border:
      1px solid rgba(212,170,98,.36)!important;

    border-radius:14px!important;

    background:#fffaf3!important;

    box-shadow:
      0 18px 44px rgba(18,15,12,.13)!important;
  }


  body.alpo-desktop-global-polish-v28
  .navigationActions__submenu__item > a{
    color:#171412!important;
  }


  body.alpo-desktop-global-polish-v28
  .navigationActions__submenu__item--active > a{
    color:#95611c!important;
    font-weight:800!important;
  }


  /* =======================================================
     SEARCH / ACCOUNT / CART
     ======================================================= */

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons > a,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons .icon-search,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons .icon-cart,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons .icon-search::before,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons .icon-cart::before,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons > a.toggle-window::before{
    color:#171412!important;
  }


  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons > a:hover,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons > a:hover .icon-search,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons > a:hover .icon-cart,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons > a:hover .icon-search::before,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons > a:hover .icon-cart::before,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons > a.toggle-window:hover::before,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons > a:focus,

  body.alpo-desktop-global-polish-v28
  #header .header-top
  .navigation-buttons > a:active{
    color:#95611c!important;
  }

}


/* =========================================================
   CATALOG NAVIGATION
   ========================================================= */

@media(min-width:768px){

  body.alpo-desktop-global-polish-v28
  .listingControls{
    display:grid!important;

    grid-template-columns:
      minmax(180px,1fr)
      auto
      minmax(180px,1fr)!important;

    align-items:center!important;

    gap:30px!important;

    margin-top:44px!important;
    margin-bottom:42px!important;

    padding:
      26px
      28px!important;

    border-top:
      1px solid rgba(212,170,98,.30)!important;

    border-bottom:
      1px solid rgba(18,15,12,.08)!important;

    background:
      linear-gradient(
        180deg,
        rgba(255,250,243,.76),
        rgba(246,239,228,.58)
      )!important;
  }


  /* Nahoru */

  body.alpo-desktop-global-polish-v28
  .listingControls .goToTop{
    justify-self:start!important;

    transform:
      translateY(8px)!important;
  }


  body.alpo-desktop-global-polish-v28
  .listingControls .goToTop__button{
    display:inline-flex!important;

    align-items:center!important;
    justify-content:center!important;

    min-height:48px!important;

    padding:
      0
      20px!important;

    border:
      1px solid rgba(18,15,12,.20)!important;

    border-radius:14px!important;

    background:#fffaf3!important;

    color:#171412!important;

    box-shadow:none!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;

    letter-spacing:.05em!important;

    text-decoration:none!important;
  }


  body.alpo-desktop-global-polish-v28
  .listingControls .goToTop__button:hover{
    border-color:#d4aa62!important;

    background:#f6efe4!important;

    color:#95611c!important;
  }


  body.alpo-desktop-global-polish-v28
  .listingControls .goToTop__button::before{
    color:#d4aa62!important;
  }


  /* Load more */

  body.alpo-desktop-global-polish-v28
  .listingControls .loadMore{
    display:flex!important;

    flex-direction:column!important;

    align-items:center!important;
    justify-content:center!important;

    gap:16px!important;

    justify-self:center!important;
  }


  body.alpo-desktop-global-polish-v28
  .listingControls .loadMore__button{
    min-height:50px!important;

    padding:
      0
      26px!important;

    border:
      1px solid #11100f!important;

    border-radius:14px!important;

    background:#11100f!important;

    color:#fffaf3!important;

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

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;

    letter-spacing:.04em!important;
  }


  body.alpo-desktop-global-polish-v28
  .listingControls .loadMore__button:hover{
    border-color:#d4aa62!important;

    background:#1c1917!important;

    color:#f2d79b!important;

    transform:
      translateY(-1px)!important;
  }


  body.alpo-desktop-global-polish-v28
  .listingControls .loadMore
  > :not(.loadMore__button){
    margin:0!important;
    padding:0!important;

    color:#171412!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:14px!important;
    line-height:1.3!important;
    font-weight:500!important;

    text-align:center!important;
  }


  body.alpo-desktop-global-polish-v28
  .listingControls .loadMore
  > :not(.loadMore__button) strong,

  body.alpo-desktop-global-polish-v28
  .listingControls .loadMore
  > :not(.loadMore__button) b{
    font-weight:800!important;
  }


  /* Pagination */

  body.alpo-desktop-global-polish-v28
  .listingControls .pagination{
    justify-self:end!important;

    margin:0!important;
    padding:0!important;

    transform:
      translateY(-4px)!important;
  }


  body.alpo-desktop-global-polish-v28
  .pagination__list{
    display:flex!important;

    align-items:center!important;

    gap:7px!important;

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


  body.alpo-desktop-global-polish-v28
  .pagination__list > li{
    margin:0!important;
    padding:0!important;
  }


  body.alpo-desktop-global-polish-v28
  .pagination__link,
  body.alpo-desktop-global-polish-v28
  .pagination__list > li > a,
  body.alpo-desktop-global-polish-v28
  .pagination__list > li > span{
    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    min-width:42px!important;
    height:42px!important;

    padding:
      0
      10px!important;

    border:
      1px solid transparent!important;

    border-radius:12px!important;

    background:transparent!important;

    color:#171412!important;

    box-shadow:none!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;

    text-decoration:none!important;
  }


  body.alpo-desktop-global-polish-v28
  .pagination__link:hover,
  body.alpo-desktop-global-polish-v28
  .pagination__list > li > a:hover{
    border-color:
      rgba(212,170,98,.55)!important;

    background:#fffaf3!important;

    color:#95611c!important;
  }


  body.alpo-desktop-global-polish-v28
  .pagination__list > li.active > a,
  body.alpo-desktop-global-polish-v28
  .pagination__list > li.active > span,
  body.alpo-desktop-global-polish-v28
  .pagination__link--active{
    border-color:#d4aa62!important;

    background:#f6efe4!important;

    color:#171412!important;
  }


  body.alpo-desktop-global-polish-v28
  .pagination__link--prev,
  body.alpo-desktop-global-polish-v28
  .pagination__link--next{
    border-color:
      rgba(212,170,98,.45)!important;

    background:#fffaf3!important;

    color:#171412!important;
  }

}


/* =========================================================
   ALPO CART CTA ELEGANT v2.8
   Shoptet conversion / add-to-cart buttons
   ========================================================= */

.btn-conversion,
.add-to-cart-button{
  background:#11100f!important;
  border:1px solid #11100f!important;
  color:#fffaf3!important;

  border-radius:14px!important;

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif!important;

  font-weight:800!important;

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

  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease!important;
}


.btn-conversion:hover,
.add-to-cart-button:hover,
.btn-conversion:focus,
.add-to-cart-button:focus{
  background:#1c1917!important;
  border-color:#d4aa62!important;
  color:#f2d79b!important;

  transform:translateY(-1px)!important;
}


.btn-conversion:active,
.add-to-cart-button:active{
  background:#11100f!important;
  border-color:#d4aa62!important;
  color:#f2d79b!important;

  transform:translateY(0)!important;
}

/* =========================================================
   ALPO INTERACTIVE CONTROLS DESKTOP v2.8
   ========================================================= */

@media (min-width:1000px){

  /* CATEGORY PRODUCT CTA — GEOMETRY */
  html body.desktop.type-category
  button.btn.btn-cart.add-to-cart-button{
    min-height:42px!important;
    padding:10px 18px!important;
    border-radius:14px!important;
  }


  /* LOAD MORE */
  html body.desktop.type-category
  .listingControls
  .loadMore__button{
    background:#11100f!important;
    border:1px solid #11100f!important;
    color:#fffaf3!important;
    border-radius:14px!important;
    font-family:Inter,Arial,Helvetica,sans-serif!important;
    font-weight:800!important;
    transition:
      background .18s ease,
      border-color .18s ease,
      color .18s ease,
      transform .18s ease!important;
  }

  html body.desktop.type-category
  .listingControls
  .loadMore__button:hover,
  html body.desktop.type-category
  .listingControls
  .loadMore__button:focus{
    background:#1c1917!important;
    border-color:#d4aa62!important;
    color:#f2d79b!important;
    transform:translateY(-1px)!important;
  }


  /* GO TO TOP */
  html body.desktop.type-category
  .listingControls
  .goToTop__button{
    background:#fffaf3!important;
    border:1px solid rgba(18,15,12,.18)!important;
    color:#171412!important;
    border-radius:14px!important;
  }

  html body.desktop.type-category
  .listingControls
  .goToTop__button:hover,
  html body.desktop.type-category
  .listingControls
  .goToTop__button:focus{
    background:#f6efe4!important;
    border-color:#d4aa62!important;
    color:#95611c!important;
  }


  /* PAGINATION */
  html body.desktop.type-category
  .listingControls
  .pagination__link{
    background:#fffaf3!important;
    border-color:rgba(18,15,12,.14)!important;
    color:#171412!important;
  }

  html body.desktop.type-category
  .listingControls
  .pagination__link:hover,
  html body.desktop.type-category
  .listingControls
  .pagination__link:focus{
    background:#f6efe4!important;
    border-color:#d4aa62!important;
    color:#95611c!important;
  }


  /* FILTER */
  html body.desktop.type-category
  .unveil-button.btn{
    background:#fffaf3!important;
    border:1px solid #11100f!important;
    color:#171412!important;
    border-radius:14px!important;
    font-family:Inter,Arial,Helvetica,sans-serif!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  html body.desktop.type-category
  .unveil-button.btn:hover,
  html body.desktop.type-category
  .unveil-button.btn:focus{
    background:#f6efe4!important;
    border-color:#d4aa62!important;
    color:#95611c!important;
  }


  /* SORTING */
  html body.desktop.type-category
  .listSorting__control{
    color:#171412!important;
    border-color:rgba(18,15,12,.14)!important;
    transition:
      background .18s ease,
      color .18s ease,
      border-color .18s ease!important;
  }

  html body.desktop.type-category
  .listSorting__control:hover,
  html body.desktop.type-category
  .listSorting__control:focus{
    background:#f6efe4!important;
    color:#95611c!important;
    border-color:#d4aa62!important;
  }

  html body.desktop.type-category
  .listSorting__control--current{
    background:#fffaf3!important;
    color:#171412!important;
    border-color:#11100f!important;
  }

}

/* =========================================================
   ALPO CATEGORY CART CTA HOVER HOTFIX v2.8
   ========================================================= */

@media (min-width:1000px){

  html body.desktop.type-category
  button.btn.btn-cart.add-to-cart-button{
    background:#11100f!important;
    border:1px solid #11100f!important;
    color:#fffaf3!important;
    border-radius:14px!important;

    transition:
      background .18s ease,
      border-color .18s ease,
      color .18s ease,
      transform .18s ease,
      box-shadow .18s ease!important;
  }

  html body.desktop.type-category
  button.btn.btn-cart.add-to-cart-button:hover,
  html body.desktop.type-category
  button.btn.btn-cart.add-to-cart-button:focus{
    background:#1c1917!important;
    border-color:#d4aa62!important;
    color:#f2d79b!important;
    transform:translateY(-1px)!important;
    box-shadow:
      0 10px 24px rgba(18,15,12,.14)!important;
  }

  html body.desktop.type-category
  button.btn.btn-cart.add-to-cart-button:active{
    background:#11100f!important;
    border-color:#d4aa62!important;
    color:#f2d79b!important;
    transform:translateY(0)!important;
  }

  html body.desktop.type-category
  button.btn.btn-cart.add-to-cart-button:hover::before,
  html body.desktop.type-category
  button.btn.btn-cart.add-to-cart-button:hover::after{
    color:#f2d79b!important;
  }

}

/* =========================================================
   ALPO CART CHECKOUT CONTROLS DESKTOP v2.8
   ========================================================= */

@media (min-width:1000px){

  [data-alpo-cart-control-v28="primary"]:hover::before,
  [data-alpo-cart-control-v28="primary"]:hover::after,
  [data-alpo-cart-control-v28="primary"]:focus::before,
  [data-alpo-cart-control-v28="primary"]:focus::after{
    color:#f2d79b!important;
  }

}

/* =========================================================
   ALPO HOME MASTER CLEANUP + GENERIC LOGIN DESKTOP v2.8
   ========================================================= */

@media(min-width:1024px){

  /* La Home ha già i 3 ingressi settore centrali:
     rimuoviamo la navigazione/actions duplicate del vecchio Home Master */
  body.type-index
  #alpo-home-master-header-v28
  .alpo-home-master-nav,

  body.type-index
  #alpo-home-master-header-v28
  .alpo-home-master-actions{
    display:none!important;
  }


  body.type-index
  #alpo-home-master-header-v28
  .alpo-home-master-mainbar-in{
    justify-content:flex-start!important;
  }


  body.type-index
  #alpo-home-master-header-v28
  [data-alpo-home-generic-login-v28]{
    cursor:pointer!important;
    color:#f2d79b!important;
    text-decoration:none!important;
  }


  /* vero login Shoptet portato fuori dall'header nativo nascosto */
  #alpo-home-login-popup-v28{
    display:none;
    position:fixed;

    width:min(700px,calc(100vw - 32px));

    z-index:999999;

    background:#fffaf3;

    border:
      1px solid rgba(212,170,98,.45);

    border-radius:22px;

    box-shadow:
      0 24px 70px rgba(18,15,12,.24);

    overflow:hidden;
  }


  #alpo-home-login-popup-v28.is-open{
    display:block!important;
  }


  #alpo-home-login-popup-v28
  .user-action-login,

  #alpo-home-login-popup-v28
  .login-widget,

  #alpo-home-login-popup-v28
  .popup-widget,

  #alpo-home-login-popup-v28
  .user-action-in{
    display:block!important;

    position:relative!important;
    inset:auto!important;

    width:100%!important;
    max-width:none!important;
    height:auto!important;

    margin:0!important;

    opacity:1!important;
    visibility:visible!important;

    transform:none!important;
  }


  #alpo-home-login-popup-v28 form{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
  }

}

/* =========================================================
   ALPO CATALOG PREVIEW PRE-REGISTRATION v2.8
   PROHLÉDNOUT SORTIMENT
   ========================================================= */

#alpo-catalog-preview-entry-v28{
  max-width:1180px;
  margin:18px auto 0;
  padding:18px 24px;

  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;

  color:#fff!important;
  background:
    linear-gradient(
      135deg,
      #1c1917 0%,
      #28231e 58%,
      #171513 100%
    );

  border:1px solid rgba(212,170,98,.42);
  border-radius:14px;
  box-shadow:0 16px 44px rgba(18,15,12,.16);

  text-decoration:none!important;
  cursor:pointer;
}

#alpo-catalog-preview-entry-v28:hover{
  color:#fff!important;
  border-color:#d4aa62;
  text-decoration:none!important;
}

#alpo-catalog-preview-entry-v28
.alpo-catalog-preview-entry-kicker{
  display:block;
  margin-bottom:5px;

  color:#f2d79b;
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

#alpo-catalog-preview-entry-v28
.alpo-catalog-preview-entry-title{
  display:block;

  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-size:25px;
  line-height:1.15;
  font-weight:700;
}

#alpo-catalog-preview-entry-v28
.alpo-catalog-preview-entry-copy{
  display:block;
  margin-top:5px;

  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.45;
}

#alpo-catalog-preview-entry-v28
.alpo-catalog-preview-entry-arrow{
  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(242,215,155,.55);
  border-radius:999px;

  color:#f2d79b;
  font-size:20px;
}


/* SOLO ZNAČKY NEL MENU */

html.alpo-catalog-preview-active
#navigation
.menu-level-1 > li{
  display:none!important;
}

html.alpo-catalog-preview-active
#navigation
.menu-level-1 > li.alpo-catalog-preview-znacky-v28{
  display:list-item!important;
}


  /* RICERCA NATIVA DISPONIBILE NEL CATALOG PREVIEW */


/* CARRELLO NASCOSTO */

html.alpo-catalog-preview-active
#header .cart-count,

html.alpo-catalog-preview-active
#header a[href="/kosik/"],

html.alpo-catalog-preview-active
#header a[href^="/kosik/"]{
  display:none!important;
}


/* ACQUISTO BLOCCATO */

html.alpo-catalog-preview-active
.add-to-cart-button,

html.alpo-catalog-preview-active
[data-testid="buttonAddToCart"],

html.alpo-catalog-preview-active
button.btn-cart,

html.alpo-catalog-preview-active
.quantity,

html.alpo-catalog-preview-active
.quantity-form,

html.alpo-catalog-preview-active
.increase,

html.alpo-catalog-preview-active
.decrease,

html.alpo-catalog-preview-active
input[name*="amount"],

html.alpo-catalog-preview-active
input[name*="quantity"]{
  display:none!important;
}


/* BREADCRUMB NATIVO NON MOSTRATO NEL PREVIEW */

html.alpo-catalog-preview-active
.breadcrumbs{
  display:none!important;
}


/* INFO BAR */

#alpo-catalog-preview-bar-v28{
  width:auto;
  max-width:none;
  margin:18px 0 22px;
  padding:14px 18px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  background:#fffaf3;
  border:1px solid rgba(212,170,98,.40);
  border-radius:12px;

  font-family:Inter,Arial,Helvetica,sans-serif;
}

#alpo-catalog-preview-bar-v28 strong{
  display:block;
  margin-bottom:2px;

  color:#171412;
  font-size:13px;
  letter-spacing:.08em;
}

#alpo-catalog-preview-bar-v28 span{
  color:#6d635b;
  font-size:13px;
}

#alpo-catalog-preview-bar-v28
.alpo-catalog-preview-actions{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}

#alpo-catalog-preview-bar-v28 a,
#alpo-catalog-preview-bar-v28 button{
  min-height:38px;
  padding:9px 14px;

  border:1px solid #11100f;
  border-radius:999px;

  background:#11100f;
  color:#fff!important;

  font-size:12px;
  font-weight:700;
  text-decoration:none!important;

  cursor:pointer;
}

#alpo-catalog-preview-bar-v28 button{
  background:#fff;
  color:#171412!important;
}


/* PRODUCT DETAIL CTA */

#alpo-catalog-preview-product-note-v28{
  margin:18px 0;
  padding:20px 22px;

  background:#fffaf3;
  border:1px solid rgba(212,170,98,.42);
  border-radius:14px;
}

#alpo-catalog-preview-product-note-v28
.alpo-preview-product-kicker{
  margin-bottom:5px;

  color:#95611c;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

#alpo-catalog-preview-product-note-v28 strong{
  display:block;

  color:#171412;
  font-family:Georgia,'Times New Roman',serif;
  font-size:22px;
  line-height:1.2;
}

#alpo-catalog-preview-product-note-v28 p{
  margin:7px 0 15px;

  color:#6d635b;
  font-size:14px;
}

#alpo-catalog-preview-product-note-v28 a{
  display:inline-block;
  margin-right:7px;
  padding:10px 17px;

  border:1px solid #11100f;
  border-radius:999px;

  background:#11100f;
  color:#fff!important;

  font-size:13px;
  font-weight:700;
  text-decoration:none!important;
}

#alpo-catalog-preview-product-note-v28
a + a{
  background:#fff;
  color:#171412!important;
}


@media(max-width:720px){

  #alpo-catalog-preview-entry-v28{
    margin:14px 12px 0;
    padding:16px;
  }

  #alpo-catalog-preview-entry-v28
  .alpo-catalog-preview-entry-title{
    font-size:21px;
  }

  #alpo-catalog-preview-bar-v28{
    align-items:flex-start;
    flex-direction:column;
  }

  #alpo-catalog-preview-bar-v28
  .alpo-catalog-preview-actions{
    flex-wrap:wrap;
  }

}

/* =========================================================
   ALPO CATEGORY BASE WHITE DESKTOP v2.8
   PRE-V3 CLEAN
   ========================================================= */

@media(min-width:1000px){

  html:not(.alpo-catalog-preview-active)
  body.type-category
  #content{
    background:#fff!important;
    background-image:none!important;
    background-size:auto!important;
    background-repeat:no-repeat!important;
  }

}

/* =========================================================
   ALPO FOLLOWS SHOPTET GLOBAL LAYOUT BASE v2.8
   ========================================================= */

/*
 * Shoptet resta il master della geometria esterna.
 * ALPO si adatta sempre allo spazio ricevuto.
 */

#content{
  min-width:0!important;
  box-sizing:border-box!important;
}


/*
 * Componenti ALPO principali:
 * mai oltre la larghezza disponibile in #content.
 */
#content > [id^="alpo-"],
#content > [class*="alpo-"]{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}


/*
 * Figli ALPO in flex/grid:
 * devono poter restringersi senza creare overflow
 * o forzare la larghezza del layout Shoptet.
 */
#content [id^="alpo-"],
#content [class*="alpo-"]{
  min-width:0;
  box-sizing:border-box;
}


/*
 * Media sempre contenuti nella geometria Shoptet.
 */
#content [id^="alpo-"] img,
#content [class*="alpo-"] img,
#content [id^="alpo-"] video,
#content [class*="alpo-"] video{
  max-width:100%;
  height:auto;
}

/* =========================================================
   ALPO CATALOG PRODUCT READONLY PRE-REGISTRATION v2.8
   VARIANTS + PRO-ONLY PRICE + ACCOUNT POPUP
   ========================================================= */

/*
 * Prohlédnout sortiment:
 * le varianti sono consultabili ma mai acquistabili.
 */
html.alpo-catalog-preview-active
body.type-product
#variants
.add-to-cart-button,

html.alpo-catalog-preview-active
body.type-product
#variants
.btn-cart,

html.alpo-catalog-preview-active
body.type-product
#variants
[data-testid="buttonAddToCart"],

html.alpo-catalog-preview-active
body.type-product
#variants
button[type="submit"],

html.alpo-catalog-preview-active
body.type-product
#variants
input[type="submit"],

html.alpo-catalog-preview-active
body.type-product
#variants
.quantity,

html.alpo-catalog-preview-active
body.type-product
#variants
.quantity-form,

html.alpo-catalog-preview-active
body.type-product
#variants
.increase,

html.alpo-catalog-preview-active
body.type-product
#variants
.decrease{
  display:none!important;
}


/*
 * Jen pro kadeřníky:
 * nel catalog preview nessun prezzo.
 */
html.alpo-catalog-preview-active
body.type-product
.p-detail.alpo-catalog-pro-only-v28
#product-detail-form
.p-price-wrapper,

html.alpo-catalog-preview-active
body.type-product
.p-detail.alpo-catalog-pro-only-v28
#variants
[class*="price"],

html.alpo-catalog-preview-active
body.type-product
.alpo-catalog-hidden-price-v28,

html.alpo-catalog-preview-active
.alpo-catalog-pro-only-card-v28
[class*="price"]{
  display:none!important;
}


/*
 * Popup account/login:
 * nel catalog preview resta sempre dentro il viewport.
 */
html.alpo-catalog-preview-active
#alpo-home-login-popup-v28.is-open{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  position:fixed!important;

  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;

  transform:translate(-50%,-50%)!important;

  width:min(700px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 32px)!important;

  overflow-y:auto!important;
  overflow-x:hidden!important;

  pointer-events:auto!important;
  z-index:999999!important;
}

html.alpo-catalog-preview-active
#alpo-home-login-popup-v28.is-open
#login,

html.alpo-catalog-preview-active
#alpo-home-login-popup-v28.is-open
.user-action-login,

html.alpo-catalog-preview-active
#alpo-home-login-popup-v28.is-open
.login-widget{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}


/* =========================================================
   ALPO VARIANTS FOLLOW SHOPTET FLUID DESKTOP v2.8
   ========================================================= */

/*
 * Shoptet resta master della larghezza disponibile.
 * ALPO impedisce soltanto overflow/wrap indesiderati
 * nella struttura interna delle varianti.
 */

@media(min-width:1000px){

  body.type-product
  #variants,

  body.type-product
  #variants .variant-table,

  body.type-product
  #variants .table-row{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }


  /*
   * Una variante resta su una sola riga.
   * Sono le colonne interne a restringersi
   * secondo lo spazio fornito da Shoptet.
   */
  body.type-product
  #variants .table-row{
    flex-wrap:nowrap!important;
  }


  body.type-product
  #variants .table-row
  > .table-col{
    min-width:0!important;
    box-sizing:border-box!important;
  }


  body.type-product
  #variants
  .variant-name-wrapper,

  body.type-product
  #variants
  .variant-name-wrapper
  > *{
    min-width:0!important;
  }


  /*
   * Quantità + carrello formano
   * un'unica unità orizzontale.
   */
  body.type-product
  #variants
  .variant-cart{
    min-width:0!important;

    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;

    box-sizing:border-box!important;
  }


  body.type-product
  #variants
  .variant-cart
  .quantity,

  body.type-product
  #variants
  .variant-cart
  .add-to-cart-button,

  body.type-product
  #variants
  .variant-cart
  .btn-cart{
    flex:0 0 auto!important;
  }


  body.type-product
  #variants
  .variant-cart
  .add-to-cart-button,

  body.type-product
  #variants
  .variant-cart
  .btn-cart{
    margin:0!important;
  }

}


/* =========================================================
   ALPO SECTOR VISIBILITY RULES v2.8
   ========================================================= */

[data-alpo-sector-hidden-v28="1"],
[data-alpo-sector-search-flag-hidden-v28="1"]{
  display:none!important;
}


/* =========================================================
   ALPO CATALOG PREVIEW SEARCH PRICE GATE v2.8
   ========================================================= */

html.alpo-catalog-preview-active
li.searchWhisperer__products__listItem
[class*="price"]{
  visibility:hidden!important;
}

html.alpo-catalog-preview-active
li.searchWhisperer__products__listItem
[data-alpo-catalog-search-price-v28="normal"]
[class*="price"]{
  visibility:visible!important;
}



/* =========================================================
   ALPO HOME MASTER SECTOR NOTICES v2.8
   ========================================================= */

#alpo-home-master-v28
.alpo-home-master-sector-choice-v28{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}


#alpo-home-master-v28
.alpo-home-master-sector-choice-v28
> .alpo-home-master-sector-entry{
  width:100%;
  box-sizing:border-box;
}


#alpo-home-master-v28
.alpo-home-master-sector-note-v28{
  box-sizing:border-box;
  min-height:86px;
  padding:17px 12px 8px;
  color:#655d56;
  text-align:center;
}


#alpo-home-master-v28
.alpo-home-master-sector-note-v28[hidden]{
  display:none!important;
}


/*
 * PRO + VELKOOBCHOD
 * Secondari rispetto al messaggio Retail.
 */

#alpo-home-master-v28
.alpo-home-master-sector-note-v28--registration
.alpo-home-master-sector-note-copy-v28{
  margin:0;
  color:#655d56;
  font-size:15px;
  line-height:1.45;
  font-weight:400;
  letter-spacing:.005em;
}


#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28{
  margin-top:6px;
  color:#171412;
  font-size:15px;
  line-height:1.4;
  font-weight:700;
}


#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28 a{
  display:inline-block;
  color:#171412!important;
  font-weight:700;
  text-decoration:none!important;
  border-bottom:1px solid rgba(212,170,98,.75);

  transition:
    border-color .18s ease,
    opacity .18s ease;
}


#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28 a:hover,

#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28 a:focus-visible{
  border-bottom-color:#171412;
  opacity:.78;
}


/*
 * RETAIL
 * Sempre visibile e volutamente più evidente:
 * comunica subito che non serve registrarsi.
 */

#alpo-home-master-v28
.alpo-home-master-sector-note-v28--retail{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:18px;
}


#alpo-home-master-v28
.alpo-home-master-sector-note-v28--retail
.alpo-home-master-sector-note-copy-v28{
  max-width:94%;
  margin:0;
  color:#171412;
  font-size:18px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.005em;
}


@media(max-width:900px){

  #alpo-home-master-v28
  .alpo-home-master-sector-note-v28{
    min-height:auto;
    padding:14px 10px 15px;
  }


  #alpo-home-master-v28
  .alpo-home-master-sector-note-v28--registration
  .alpo-home-master-sector-note-copy-v28{
    font-size:14px;
  }


  #alpo-home-master-v28
  .alpo-home-master-sector-note-actions-v28{
    font-size:14px;
  }


  #alpo-home-master-v28
  .alpo-home-master-sector-note-v28--retail
  .alpo-home-master-sector-note-copy-v28{
    font-size:17px;
  }

}


/* =========================================================
   ALPO FOOTER SHOPTET BRIDGE v2.8
   ========================================================= */


/* ---------- DESKTOP ---------- */

@media(min-width:1024px){

  /*
   * Homepage neutral:
   * brand + ALPO + NÁKUP + ACCOUNT + KONTAKT
   */
  .alpo-footer-v28[
    data-alpo-footer-mode="neutral"
  ]
  .alpo-footer-top{
    grid-template-columns:
      minmax(250px,1.45fr)
      repeat(4,minmax(145px,.78fr))
      !important;
  }


  /*
   * Settori:
   * brand + ALPO + NÁKUP + settore + ACCOUNT + KONTAKT
   */
  .alpo-footer-v28:not(
    [data-alpo-footer-mode="neutral"]
  )
  .alpo-footer-top{
    grid-template-columns:
      minmax(230px,1.35fr)
      repeat(5,minmax(125px,.72fr))
      !important;

    gap:
      clamp(22px,2.2vw,42px)
      !important;
  }


  .alpo-footer-v28
  .alpo-footer-account-v28{
    min-width:0!important;
  }


  .alpo-footer-v28
  .alpo-footer-account-name-v28{
    margin:0 0 4px!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.4!important;
    font-weight:700!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-v28{
    margin-top:42px!important;

    border-top:
      1px solid rgba(255,255,255,.16)
      !important;
  }


  .alpo-footer-v28
  .alpo-footer-more-v28[hidden]{
    display:none!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-v28 summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;

    padding:22px 2px!important;

    color:#f2d79b!important;

    font-size:13px!important;
    line-height:1.3!important;
    font-weight:800!important;
    letter-spacing:.08em!important;

    cursor:pointer!important;
    list-style:none!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-v28
  summary::-webkit-details-marker{
    display:none!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-v28
  summary::after{
    content:"+"!important;

    color:#d4aa62!important;
    font-size:24px!important;
    line-height:1!important;
    font-weight:400!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-v28[open]
  summary::after{
    content:"−"!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-grid-v28{
    display:grid!important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))
      !important;

    gap:10px 42px!important;

    padding:
      0 0 28px
      !important;
  }


  .alpo-footer-v28
  .alpo-footer-more-grid-v28 a{
    color:#ddd5cf!important;

    font-size:14px!important;
    line-height:1.4!important;
    font-weight:500!important;

    text-decoration:none!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-grid-v28 a:hover{
    color:#fff!important;
  }

}


/*
 * Notebook / desktop stretto:
 * evita di comprimere eccessivamente 6 colonne.
 */
@media(
  min-width:1024px
) and (
  max-width:1279px
){

  .alpo-footer-v28:not(
    [data-alpo-footer-mode="neutral"]
  )
  .alpo-footer-top{
    grid-template-columns:
      repeat(3,minmax(0,1fr))
      !important;
  }


  .alpo-footer-v28:not(
    [data-alpo-footer-mode="neutral"]
  )
  .alpo-footer-brand{
    grid-column:
      1 / -1
      !important;
  }

}


/* ---------- TABLET ---------- */

@media(max-width:1023px){

  .alpo-footer-v28
  .alpo-footer-more-v28{
    margin-top:30px!important;

    border-top:
      1px solid rgba(255,255,255,.16)
      !important;
  }


  .alpo-footer-v28
  .alpo-footer-more-v28[hidden]{
    display:none!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-v28 summary{
    position:relative!important;

    padding:
      20px 32px 20px 0
      !important;

    color:#f2d79b!important;

    font-size:13px!important;
    line-height:1.3!important;
    font-weight:800!important;
    letter-spacing:.07em!important;

    cursor:pointer!important;
    list-style:none!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-v28
  summary::-webkit-details-marker{
    display:none!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-v28
  summary::after{
    content:"+"!important;

    position:absolute!important;
    right:0!important;
    top:50%!important;

    transform:
      translateY(-50%)
      !important;

    color:#d4aa62!important;
    font-size:22px!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-v28[open]
  summary::after{
    content:"−"!important;
  }


  .alpo-footer-v28
  .alpo-footer-more-grid-v28{
    display:grid!important;

    grid-template-columns:
      1fr 1fr
      !important;

    gap:
      10px 28px
      !important;

    padding-bottom:
      24px
      !important;
  }


  .alpo-footer-v28
  .alpo-footer-more-grid-v28 a{
    color:#ddd5cf!important;
    font-size:14px!important;
    line-height:1.4!important;
    text-decoration:none!important;
  }

}


/* ---------- MOBILE ---------- */

@media(max-width:620px){

  .alpo-footer-v28
  .alpo-footer-more-grid-v28{
    grid-template-columns:
      1fr
      !important;
  }

}


/* =========================================================
   ALPO INFO PAGE PREMIUM v2.8
   ========================================================= */

html.alpo-info-page-premium-active-v28,
html.alpo-info-page-premium-active-v28 body{
  background:#fffaf3!important;
}


html.alpo-info-page-premium-active-v28
#content{
  background:#fffaf3!important;
}


html.alpo-info-page-premium-active-v28
#content .content-inner{
  width:min(
    1708px,
    calc(100% - 48px)
  )!important;

  max-width:none!important;
  margin:0 auto!important;

  padding:
    46px 0 90px
    !important;
}


/* =========================================================
   Titolo originale Shoptet
   ========================================================= */

html.alpo-info-page-premium-active-v28
.alpo-info-page-original-title-v28{
  display:none!important;
}


/* =========================================================
   Hero premium
   ========================================================= */

html.alpo-info-page-premium-active-v28
.alpo-info-page-premium-hero-v28{
  display:grid!important;

  grid-template-columns:
    minmax(0,2.1fr)
    minmax(310px,.9fr)
    !important;

  width:100%!important;

  min-height:
    clamp(230px,18vw,330px)
    !important;

  margin:
    0 0 26px
    !important;

  overflow:hidden!important;

  border:
    1px solid rgba(205,157,77,.38)
    !important;

  border-radius:
    0 0 36px 36px
    !important;

  background:#f8f0e5!important;

  box-shadow:
    0 28px 60px
    rgba(35,27,20,.10)
    !important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-premium-main-v28{
  position:relative!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;

  min-width:0!important;

  padding:
    clamp(44px,5vw,82px)
    clamp(38px,6vw,100px)
    !important;

  box-sizing:border-box!important;

  background:
    radial-gradient(
      circle at 14% 18%,
      rgba(210,169,98,.18),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #fffaf3 0%,
      #f6ecde 100%
    )
    !important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-premium-kicker-v28{
  margin-bottom:18px!important;

  color:#a77935!important;

  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;

  letter-spacing:.18em!important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-premium-title-v28{
  color:#171412!important;

  font-family:
    Georgia,
    "Times New Roman",
    serif!important;

  font-size:
    clamp(48px,5vw,76px)
    !important;

  line-height:.98!important;
  font-weight:700!important;

  letter-spacing:-.025em!important;

  overflow-wrap:anywhere!important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-premium-side-v28{
  position:relative!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;

  min-width:0!important;

  padding:
    clamp(40px,4vw,64px)
    !important;

  box-sizing:border-box!important;

  overflow:hidden!important;

  background:
    radial-gradient(
      circle at 65% 28%,
      rgba(212,170,98,.16),
      transparent 42%
    ),
    #191613
    !important;

  color:#fff!important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-premium-side-v28::before{
  content:"";

  position:absolute!important;

  left:
    clamp(34px,4vw,64px)
    !important;

  top:-20%!important;

  width:1px!important;
  height:140%!important;

  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(212,170,98,.45),
      transparent
    )
    !important;

  transform:
    rotate(15deg)
    !important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-premium-side-kicker-v28{
  position:relative!important;

  margin-bottom:8px!important;

  color:#d4aa62!important;

  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;

  letter-spacing:.16em!important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-premium-side-v28 strong{
  position:relative!important;

  color:#fff!important;

  font-size:
    clamp(25px,2.1vw,34px)
    !important;

  line-height:1.1!important;
  font-weight:800!important;

  letter-spacing:.05em!important;
}


/* =========================================================
   ZPĚT originale Shoptet
   ========================================================= */

html.alpo-info-page-premium-active-v28
.alpo-info-page-back-v28{
  position:relative!important;

  width:100%!important;
  max-width:none!important;

  margin:
    0 0 34px
    !important;

  padding:
    18px 0 24px
    !important;

  box-sizing:border-box!important;

  background:#fff!important;

  text-align:center!important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-back-v28::after{
  content:"";

  position:absolute!important;

  left:0!important;
  right:0!important;
  bottom:0!important;

  height:1px!important;

  background:
    rgba(23,20,18,.13)
    !important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-back-v28 img{
  display:block!important;

  width:auto!important;
  max-width:104px!important;
  height:auto!important;

  margin:0 auto!important;

  border:0!important;
  border-radius:0!important;

  background:transparent!important;
  box-shadow:none!important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-back-v28 a{
  display:inline-block!important;
  text-decoration:none!important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-back-v28 a:hover img{
  opacity:.72!important;
}


/* =========================================================
   Corpo editoriale
   ========================================================= */

html.alpo-info-page-premium-active-v28
#content .content-inner
> :not(
  .alpo-info-page-premium-hero-v28
):not(
  .alpo-info-page-back-v28
):not(
  .alpo-info-page-original-title-v28
){
  max-width:1380px;
  margin-left:auto;
  margin-right:auto;
}


html.alpo-info-page-premium-active-v28
#content p,

html.alpo-info-page-premium-active-v28
#content li{
  color:#514943!important;

  font-size:17px!important;
  line-height:1.72!important;
}


html.alpo-info-page-premium-active-v28
#content h2{
  color:#171412!important;

  font-family:
    Georgia,
    "Times New Roman",
    serif!important;

  font-size:
    clamp(28px,2.5vw,38px)
    !important;

  line-height:1.15!important;
}


html.alpo-info-page-premium-active-v28
#content h3{
  color:#8c672f!important;
}


/* =========================================================
   Form Shoptet
   ========================================================= */

html.alpo-info-page-premium-active-v28
#content form{
  max-width:820px!important;

  margin:
    34px auto
    !important;

  padding:
    clamp(24px,3vw,36px)
    !important;

  box-sizing:border-box!important;

  border:
    1px solid rgba(212,170,98,.30)
    !important;

  border-radius:16px!important;

  background:#fff!important;

  box-shadow:
    0 18px 45px
    rgba(38,28,18,.06)
    !important;
}


html.alpo-info-page-premium-active-v28
#content form label{
  color:#3f3934!important;
  font-weight:700!important;
}


html.alpo-info-page-premium-active-v28
#content form
input:not([type="checkbox"]):not([type="radio"]),

html.alpo-info-page-premium-active-v28
#content form textarea,

html.alpo-info-page-premium-active-v28
#content form select{
  border:
    1px solid rgba(23,20,18,.18)
    !important;

  border-radius:8px!important;

  background:#fffdf9!important;
}


html.alpo-info-page-premium-active-v28
#content form .btn-primary,

html.alpo-info-page-premium-active-v28
#content form button[type="submit"]{
  min-height:46px!important;

  padding:
    12px 24px
    !important;

  border:
    1px solid #11100f
    !important;

  border-radius:999px!important;

  background:#11100f!important;
  color:#fff!important;

  font-weight:800!important;
}


/* =========================================================
   Tabelle
   ========================================================= */

html.alpo-info-page-premium-active-v28
#content table{
  width:100%!important;
  max-width:1380px!important;

  margin:
    24px auto
    !important;

  border-collapse:collapse!important;

  background:#fff!important;
}


html.alpo-info-page-premium-active-v28
#content th,

html.alpo-info-page-premium-active-v28
#content td{
  padding:
    12px 14px
    !important;

  border:
    1px solid rgba(23,20,18,.10)
    !important;

  text-align:left!important;
  vertical-align:top!important;
}


/* =========================================================
   Tablet
   ========================================================= */

@media(max-width:960px){

  html.alpo-info-page-premium-active-v28
  .alpo-info-page-premium-hero-v28{
    grid-template-columns:
      1.55fr .75fr
      !important;
  }


  html.alpo-info-page-premium-active-v28
  .alpo-info-page-premium-main-v28{
    padding:
      46px 38px
      !important;
  }


  html.alpo-info-page-premium-active-v28
  .alpo-info-page-premium-side-v28{
    padding:
      36px 28px
      !important;
  }

}


/* =========================================================
   Mobile
   ========================================================= */

@media(max-width:700px){

  html.alpo-info-page-premium-active-v28
  #content .content-inner{
    width:
      calc(100% - 28px)
      !important;

    padding-top:
      24px!important;
  }


  html.alpo-info-page-premium-active-v28
  .alpo-info-page-premium-hero-v28{
    grid-template-columns:
      1fr
      !important;

    min-height:0!important;

    border-radius:
      0 0 24px 24px
      !important;
  }


  html.alpo-info-page-premium-active-v28
  .alpo-info-page-premium-main-v28{
    padding:
      42px 26px
      !important;
  }


  html.alpo-info-page-premium-active-v28
  .alpo-info-page-premium-title-v28{
    font-size:
      clamp(42px,13vw,58px)
      !important;
  }


  html.alpo-info-page-premium-active-v28
  .alpo-info-page-premium-side-v28{
    padding:
      24px 26px
      !important;
  }


  html.alpo-info-page-premium-active-v28
  .alpo-info-page-premium-side-v28::before{
    display:none!important;
  }


  html.alpo-info-page-premium-active-v28
  .alpo-info-page-back-v28{
    margin-bottom:
      30px!important;

    padding:
      18px 0 22px
      !important;
  }


  html.alpo-info-page-premium-active-v28
  .alpo-info-page-back-v28 img{
    max-width:100px!important;
  }


  html.alpo-info-page-premium-active-v28
  #content p,

  html.alpo-info-page-premium-active-v28
  #content li{
    font-size:15px!important;
    line-height:1.65!important;
  }


  html.alpo-info-page-premium-active-v28
  #content form{
    padding:20px!important;
  }

}


/* =========================================================
   ALPO GLOBAL FOOTER NORMALIZER v2.8
   ========================================================= */

@media(min-width:1024px){

  /*
   * Un solo layout globale:
   * BRAND | ALPO | NÁKUP | ACCOUNT | KONTAKT
   */
  .alpo-footer-v28
  .alpo-footer-top{
    grid-template-columns:
      minmax(250px,1.45fr)
      repeat(4,minmax(145px,.78fr))
      !important;

    gap:
      clamp(28px,3vw,52px)
      !important;
  }


  /*
   * Brand allineato come il resto del footer.
   */
  .alpo-footer-v28
  .alpo-footer-brand{
    text-align:left!important;
  }


  .alpo-footer-v28
  .alpo-footer-logo{
    margin:
      0 0 28px
      !important;
  }


  .alpo-footer-v28
  .alpo-footer-brand p{
    max-width:390px!important;

    margin:
      0
      !important;

    text-align:left!important;
  }

}


/* =========================================================
   ALPO INFO ZPET FULL WIDTH FIX v2.8

   L'immagine ZPĚT resta quella inserita da Shoptet.
   Viene ampliato solo il suo wrapper grafico.
   Il contenuto editoriale sottostante non viene toccato.
   ========================================================= */

html.alpo-info-page-premium-active-v28
.alpo-info-page-back-v28{
  position:relative!important;

  display:block!important;

  left:50%!important;

  width:min(
    1708px,
    calc(100vw - 48px)
  )!important;

  max-width:none!important;

  margin:
    0 0 34px
    !important;

  padding:
    18px 0 24px
    !important;

  transform:
    translateX(-50%)
    !important;

  box-sizing:border-box!important;

  background:#fff!important;

  text-align:center!important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-back-v28::after{
  content:"";

  position:absolute!important;

  left:0!important;
  right:0!important;
  bottom:0!important;

  height:1px!important;

  background:
    rgba(23,20,18,.13)
    !important;
}


html.alpo-info-page-premium-active-v28
.alpo-info-page-back-v28 img{
  display:block!important;

  width:auto!important;
  max-width:104px!important;
  height:auto!important;

  margin:0 auto!important;

  border:0!important;
  border-radius:0!important;

  background:transparent!important;
  box-shadow:none!important;
}


@media(max-width:700px){

  html.alpo-info-page-premium-active-v28
  .alpo-info-page-back-v28{
    width:
      calc(100vw - 28px)
      !important;

    margin-bottom:
      30px!important;

    padding:
      18px 0 22px
      !important;
  }


  html.alpo-info-page-premium-active-v28
  .alpo-info-page-back-v28 img{
    max-width:100px!important;
  }

}


/* =========================================================
   ALPO NAPISTE NAM PREMIUM v2.8
   ========================================================= */

/*
 * Napište nám usa lo stesso banner delle altre pagine info,
 * ma senza fascia ZPĚT.
 */

html.alpo-info-napiste-active-v28
.alpo-info-page-premium-hero-v28{
  margin-bottom:46px!important;
}


/*
 * Il form resta quello Shoptet.
 * Cambia esclusivamente la presentazione.
 */

html.alpo-info-napiste-active-v28
#content form{
  width:100%!important;
  max-width:920px!important;

  margin:
    38px auto 0
    !important;

  padding:
    clamp(28px,3vw,42px)
    !important;
}


/*
 * Nessun text-align viene applicato al contenuto editoriale.
 */

@media(max-width:700px){

  html.alpo-info-napiste-active-v28
  #content form{
    padding:22px!important;
  }

}


/* =========================================================
   ALPO HOME MASTER SECTOR ARROWS HIDDEN v2.8

   Le tre card settoriali restano completamente cliccabili.
   La freccia decorativa viene rimossa per mantenere
   maggiore equilibrio visivo tra i tre titoli.
   ========================================================= */

#alpo-home-master-v28
.alpo-home-master-sector-arrow{
  display:none!important;
}

/* =========================================================
   ALPO SADY WHOLESALE HERO v2.8
   /sady/ - same desktop proportions as /pece-o-vlasy/
   ========================================================= */

@media(min-width:1024px){

  html.alpo-sady-wholesale-hero-active-v28
  body.type-category
  #alpo-category-hero-v28{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr)!important;

    min-height:235px!important;

    margin:
      28px
      0
      26px!important;

    padding:0!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(212,170,98,.34)!important;

    border-radius:24px!important;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      )!important;

    box-shadow:
      0 16px 44px
      rgba(18,15,12,.07)!important;
  }


  html.alpo-sady-wholesale-hero-active-v28
  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
      38px
      clamp(52px,5vw,84px);
  }


  html.alpo-sady-wholesale-hero-active-v28
  #alpo-category-hero-v28
  .alpo-category-kicker{
    margin:
      0
      0
      11px!important;

    color:#95611c!important;

    font:
      800
      13px/1.2
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }


  html.alpo-sady-wholesale-hero-active-v28
  #alpo-category-hero-v28 h1{
    max-width:980px!important;

    margin:0!important;

    color:#171412!important;

    font-family:
      Georgia,
      "Times New Roman",
      serif!important;

    font-size:
      clamp(48px,3.65vw,62px)!important;

    line-height:1.02!important;
    font-weight:700!important;

    letter-spacing:-.035em!important;
  }


  html.alpo-sady-wholesale-hero-active-v28
  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28 > p{
    max-width:850px!important;

    margin:
      15px
      0
      0!important;

    color:#6d635b!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(17px,1.15vw,19px)!important;

    line-height:1.55!important;
  }


  html.alpo-sady-wholesale-hero-active-v28
  #alpo-sady-wholesale-visual-v28{
    position:relative;

    min-height:235px;

    overflow:hidden;

    border-left:
      1px solid
      rgba(212,170,98,.22);

    background:
      linear-gradient(
        135deg,
        #171511,
        #211e19
      );
  }


  html.alpo-sady-wholesale-hero-active-v28
  #alpo-sady-wholesale-visual-v28::before{
    content:'';

    position:absolute;
    inset:0;

    background-image:
      linear-gradient(
        rgba(212,170,98,.055)
        1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.055)
        1px,
        transparent 1px
      );

    background-size:
      64px
      64px;

    pointer-events:none;
  }


  html.alpo-sady-wholesale-hero-active-v28
  #alpo-sady-wholesale-visual-v28::after{
    content:'';

    position:absolute;

    right:-130px;
    bottom:-190px;

    width:390px;
    height:390px;

    border:
      1px solid
      rgba(212,170,98,.42);

    border-radius:50%;

    pointer-events:none;
  }


  html.alpo-sady-wholesale-hero-active-v28
  .alpo-sady-wholesale-badge-v28{
    position:absolute;

    top:30px;
    right:30px;

    padding:
      10px
      22px;

    border:
      1px solid
      rgba(212,170,98,.55);

    border-radius:999px;

    color:#f0ce91;

    font:
      800
      13px/1
      Inter,
      Arial,
      sans-serif;

    letter-spacing:.13em;
  }


  html.alpo-sady-wholesale-hero-active-v28
  .alpo-sady-wholesale-label-v28{
    position:absolute;

    left:32px;
    bottom:34px;

    z-index:2;

    color:#fff;

    font:
      800
      16px/1.2
      Inter,
      Arial,
      sans-serif;

    letter-spacing:.11em;
  }

}


@media(max-width:1023px){

  html.alpo-sady-wholesale-hero-active-v28
  body.type-category
  #alpo-category-hero-v28{
    display:grid!important;
    grid-template-columns:1fr!important;

    min-height:0!important;

    margin:
      20px
      0!important;

    padding:0!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(212,170,98,.34)!important;

    border-radius:18px!important;

    background:
      linear-gradient(
        110deg,
        #fffaf3,
        #f8f3eb
      )!important;
  }


  html.alpo-sady-wholesale-hero-active-v28
  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28{
    padding:
      30px
      26px;
  }


  html.alpo-sady-wholesale-hero-active-v28
  #alpo-category-hero-v28 h1{
    margin:0!important;

    font-size:
      clamp(38px,8vw,52px)!important;
  }


  html.alpo-sady-wholesale-hero-active-v28
  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28 > p{
    margin:
      15px
      0
      0!important;
  }


  html.alpo-sady-wholesale-hero-active-v28
  #alpo-sady-wholesale-visual-v28{
    position:relative;

    min-height:150px;

    overflow:hidden;

    background:
      linear-gradient(
        135deg,
        #171511,
        #211e19
      );
  }


  html.alpo-sady-wholesale-hero-active-v28
  .alpo-sady-wholesale-badge-v28{
    position:absolute;

    top:24px;
    right:24px;

    padding:
      9px
      18px;

    border:
      1px solid
      rgba(212,170,98,.55);

    border-radius:999px;

    color:#f0ce91;

    font:
      800
      12px/1
      Inter,
      Arial,
      sans-serif;

    letter-spacing:.13em;
  }


  html.alpo-sady-wholesale-hero-active-v28
  .alpo-sady-wholesale-label-v28{
    position:absolute;

    left:26px;
    bottom:26px;

    color:#fff;

    font:
      800
      15px/1.2
      Inter,
      Arial,
      sans-serif;

    letter-spacing:.11em;
  }

}

/* =========================================================
   ALPO PRO CATEGORY HERO MASTER NORMALIZER DESKTOP v2.8

   /sady/ + /akce/ + /novinky/
   PRO KADEŘNÍKY only.

   Visual master = /pece-o-vlasy/
   ========================================================= */

@media(min-width:1024px){

  html.alpo-segment-pro
  body.type-category
  .alpo-pro-master-hero-v28{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr)!important;

    min-height:235px!important;

    margin:
      28px
      0
      26px!important;

    padding:0!important;

    overflow:hidden!important;

    box-sizing:border-box!important;

    border:
      1px solid
      rgba(212,170,98,.34)!important;

    border-radius:
      24px!important;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      )!important;

    box-shadow:
      0 16px 44px
      rgba(18,15,12,.07)!important;
  }


  /*
   * Neutralizza le vecchie decorazioni
   * "light Pro" dei tre hero.
   */
  html.alpo-segment-pro
  body.type-category
  .alpo-pro-master-hero-v28::before,

  html.alpo-segment-pro
  body.type-category
  .alpo-pro-master-hero-v28::after{
    content:none!important;
    display:none!important;
  }


  html.alpo-segment-pro
  .alpo-pro-master-hero-v28
  > .alpo-pro-master-copy-v28{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    min-width:0;

    padding:
      38px
      clamp(52px,5vw,84px);

    box-sizing:border-box;
  }


  html.alpo-segment-pro
  .alpo-pro-master-hero-v28
  .alpo-sady-kicker,

  html.alpo-segment-pro
  .alpo-pro-master-hero-v28
  .alpo-akce-kicker,

  html.alpo-segment-pro
  .alpo-pro-master-hero-v28
  .alpo-novinky-kicker{
    position:relative!important;

    margin:
      0
      0
      11px!important;

    color:#95611c!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      13px!important;

    line-height:
      1.2!important;

    font-weight:
      800!important;

    letter-spacing:
      .16em!important;

    text-transform:
      uppercase!important;
  }


  html.alpo-segment-pro
  .alpo-pro-master-hero-v28 h1{
    position:relative!important;

    max-width:
      980px!important;

    margin:
      0!important;

    color:
      #171412!important;

    font-family:
      Georgia,
      "Times New Roman",
      serif!important;

    font-size:
      clamp(
        48px,
        3.65vw,
        62px
      )!important;

    line-height:
      1.02!important;

    font-weight:
      700!important;

    letter-spacing:
      -.035em!important;
  }


  html.alpo-segment-pro
  .alpo-pro-master-hero-v28
  .alpo-sady-lead,

  html.alpo-segment-pro
  .alpo-pro-master-hero-v28
  .alpo-akce-lead,

  html.alpo-segment-pro
  .alpo-pro-master-hero-v28
  .alpo-novinky-lead{
    position:relative!important;

    max-width:
      850px!important;

    margin:
      15px
      0
      0!important;

    color:
      #6d635b!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(
        17px,
        1.15vw,
        19px
      )!important;

    line-height:
      1.55!important;
  }


  /* RIGHT PANEL */

  html.alpo-segment-pro
  .alpo-pro-master-visual-v28{
    position:relative;

    min-width:0;
    min-height:235px;

    overflow:hidden;

    border-left:
      1px solid
      rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  html.alpo-segment-pro
  .alpo-pro-master-grid-v28{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13)
        1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13)
        1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  html.alpo-segment-pro
  .alpo-pro-master-visual-v28::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid
      rgba(212,170,98,.36);

    border-radius:50%;
  }


  html.alpo-segment-pro
  .alpo-pro-master-badge-v28{
    position:absolute;

    top:32px;
    right:34px;

    padding:
      9px
      15px;

    border:
      1px solid
      rgba(212,170,98,.42);

    border-radius:
      999px;

    color:
      #f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      11px;

    line-height:
      1;

    font-weight:
      800;

    letter-spacing:
      .12em;
  }


  html.alpo-segment-pro
  .alpo-pro-master-label-v28{
    position:absolute;

    left:34px;
    bottom:34px;

    z-index:2;

    color:
      #fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:
      14px;

    line-height:
      1.25;

    font-weight:
      800;

    letter-spacing:
      .10em;
  }

}

/* =========================================================
   ALPO WHOLESALE CATEGORY HERO MASTER v2.8

   Visual master:
   /pece-o-vlasy/ Wholesale

   Applies to:
   - legacy normalized Wholesale heroes
   - dedicated /sady/ Wholesale hero
   ========================================================= */

@media(min-width:1024px){

  /* =====================================================
     NOVINKY + DOPRODEJ
     ===================================================== */

  html.alpo-segment-wholesale
  body.type-category
  .alpo-wholesale-master-hero-v28{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr)!important;

    min-height:235px!important;

    margin:
      28px
      0
      26px!important;

    padding:0!important;

    overflow:hidden!important;

    box-sizing:border-box!important;

    border:
      1px solid
      rgba(212,170,98,.34)!important;

    border-radius:
      24px!important;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      )!important;

    box-shadow:
      0 16px 44px
      rgba(18,15,12,.07)!important;
  }


  html.alpo-segment-wholesale
  .alpo-wholesale-master-hero-v28::before,

  html.alpo-segment-wholesale
  .alpo-wholesale-master-hero-v28::after{
    content:none!important;
    display:none!important;
  }


  html.alpo-segment-wholesale
  .alpo-wholesale-master-copy-v28{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    min-width:0;

    padding:
      38px
      clamp(52px,5vw,84px);

    box-sizing:border-box;
  }


  html.alpo-segment-wholesale
  .alpo-wholesale-master-hero-v28
  .alpo-akce-kicker,

  html.alpo-segment-wholesale
  .alpo-wholesale-master-hero-v28
  .alpo-novinky-kicker{
    position:relative!important;

    margin:
      0
      0
      11px!important;

    color:#95611c!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;

    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }


  html.alpo-segment-wholesale
  .alpo-wholesale-master-hero-v28 h1{
    position:relative!important;

    max-width:980px!important;

    margin:0!important;

    color:#171412!important;

    font-family:
      Georgia,
      "Times New Roman",
      serif!important;

    font-size:
      clamp(
        48px,
        3.65vw,
        62px
      )!important;

    line-height:1.02!important;
    font-weight:700!important;

    letter-spacing:
      -.035em!important;
  }


  html.alpo-segment-wholesale
  .alpo-wholesale-master-hero-v28
  .alpo-akce-lead,

  html.alpo-segment-wholesale
  .alpo-wholesale-master-hero-v28
  .alpo-novinky-lead{
    position:relative!important;

    max-width:850px!important;

    margin:
      15px
      0
      0!important;

    color:#6d635b!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(
        17px,
        1.15vw,
        19px
      )!important;

    line-height:1.55!important;
  }


  /* =====================================================
     RIGHT PANEL MASTER
     ===================================================== */

  html.alpo-segment-wholesale
  .alpo-wholesale-master-visual-v28,

  html.alpo-sady-wholesale-hero-active-v28
  #alpo-sady-wholesale-visual-v28{
    position:relative!important;

    min-width:0;
    min-height:235px!important;

    overflow:hidden!important;

    border-left:
      1px solid
      rgba(212,170,98,.22)!important;

    background:
      linear-gradient(
        145deg,
        #11100f 0%,
        #24211d 100%
      )!important;
  }


  html.alpo-segment-wholesale
  .alpo-wholesale-master-grid-v28{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13)
        1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13)
        1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  /*
   * Sady usa ::before come griglia:
   * la riallineiamo al master.
   */
  html.alpo-sady-wholesale-hero-active-v28
  #alpo-sady-wholesale-visual-v28::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.30!important;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13)
        1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13)
        1px,
        transparent 1px
      )!important;

    background-size:
      42px 42px!important;

    pointer-events:none;
  }


  html.alpo-segment-wholesale
  .alpo-wholesale-master-visual-v28::after,

  html.alpo-sady-wholesale-hero-active-v28
  #alpo-sady-wholesale-visual-v28::after{
    content:""!important;

    position:absolute!important;

    width:270px!important;
    height:270px!important;

    right:-105px!important;
    bottom:-160px!important;

    border:
      1px solid
      rgba(212,170,98,.36)!important;

    border-radius:
      50%!important;

    pointer-events:none;
  }


  html.alpo-segment-wholesale
  .alpo-wholesale-master-badge-v28,

  html.alpo-sady-wholesale-hero-active-v28
  .alpo-sady-wholesale-badge-v28{
    position:absolute!important;

    top:32px!important;
    right:34px!important;

    padding:
      9px
      15px!important;

    border:
      1px solid
      rgba(212,170,98,.42)!important;

    border-radius:
      999px!important;

    color:
      #f2d79b!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      11px!important;

    line-height:
      1!important;

    font-weight:
      800!important;

    letter-spacing:
      .12em!important;
  }


  html.alpo-segment-wholesale
  .alpo-wholesale-master-label-v28,

  html.alpo-sady-wholesale-hero-active-v28
  .alpo-sady-wholesale-label-v28{
    position:absolute!important;

    left:34px!important;
    bottom:34px!important;

    z-index:2;

    color:
      #fffaf3!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      14px!important;

    line-height:
      1.25!important;

    font-weight:
      800!important;

    letter-spacing:
      .10em!important;
  }

}

/* =========================================================
   ALPO RETAIL CATEGORY HERO MASTER DESKTOP v2.8

   /sady/ + /akce/ + /novinky/
   Retail only.

   Visual master = /pece-o-vlasy/
   ========================================================= */

@media(min-width:1024px){

  html.alpo-retail-master-hero-active-v28
  body.type-category
  .alpo-retail-master-hero-v28{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr)!important;

    min-height:235px!important;

    margin:
      28px
      0
      26px!important;

    padding:0!important;

    overflow:hidden!important;

    box-sizing:border-box!important;

    border:
      1px solid
      rgba(212,170,98,.34)!important;

    border-radius:
      24px!important;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      )!important;

    box-shadow:
      0 16px 44px
      rgba(18,15,12,.07)!important;
  }


  /*
   * Elimina le vecchie decorazioni
   * light specifiche di Sady/Akce/Novinky.
   */
  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-hero-v28::before,

  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-hero-v28::after{
    content:none!important;
    display:none!important;
  }


  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-copy-v28{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    min-width:0;

    padding:
      38px
      clamp(52px,5vw,84px);

    box-sizing:border-box;
  }


  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-hero-v28
  .alpo-sady-kicker,

  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-hero-v28
  .alpo-akce-kicker,

  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-hero-v28
  .alpo-novinky-kicker{
    position:relative!important;
    z-index:2!important;

    margin:
      0
      0
      11px!important;

    color:#95611c!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      13px!important;

    line-height:
      1.2!important;

    font-weight:
      800!important;

    letter-spacing:
      .16em!important;

    text-transform:
      uppercase!important;
  }


  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-hero-v28 h1{
    position:relative!important;
    z-index:2!important;

    max-width:
      980px!important;

    margin:
      0!important;

    color:
      #171412!important;

    font-family:
      Georgia,
      "Times New Roman",
      serif!important;

    font-size:
      clamp(
        48px,
        3.65vw,
        62px
      )!important;

    line-height:
      1.02!important;

    font-weight:
      700!important;

    letter-spacing:
      -.035em!important;
  }


  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-hero-v28
  .alpo-sady-lead,

  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-hero-v28
  .alpo-akce-lead,

  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-hero-v28
  .alpo-novinky-lead{
    position:relative!important;
    z-index:2!important;

    max-width:
      850px!important;

    margin:
      15px
      0
      0!important;

    color:
      #6d635b!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(
        17px,
        1.15vw,
        19px
      )!important;

    line-height:
      1.55!important;
  }


  /* RIGHT PANEL */

  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-visual-v28{
    position:relative;

    min-width:0;
    min-height:235px;

    overflow:hidden;

    border-left:
      1px solid
      rgba(212,170,98,.22);

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      );
  }


  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-grid-v28{
    position:absolute;
    inset:0;

    opacity:.30;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13)
        1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13)
        1px,
        transparent 1px
      );

    background-size:
      42px 42px;
  }


  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-visual-v28::after{
    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-105px;
    bottom:-160px;

    border:
      1px solid
      rgba(212,170,98,.36);

    border-radius:50%;
  }


  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-badge-v28{
    position:absolute;

    top:32px;
    right:34px;

    padding:
      9px
      15px;

    border:
      1px solid
      rgba(212,170,98,.42);

    border-radius:
      999px;

    color:#f2d79b;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:11px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
  }


  html.alpo-retail-master-hero-active-v28
  .alpo-retail-master-label-v28{
    position:absolute;

    left:34px;
    bottom:34px;

    z-index:2;

    color:#fffaf3;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif;

    font-size:14px;
    line-height:1.25;
    font-weight:800;

    letter-spacing:.10em;
  }

}

/* =========================================================
   ALPO SECTOR NAV ACTIVE HOVER v2.8

   Retail + Pro + Wholesale
   Unified state for all links.
   ========================================================= */

@media(min-width:1000px){

  html.alpo-sector-nav-state-active-v28
  .alpo-sector-nav-link-v28{
    position:relative!important;

    color:#171412!important;

    text-decoration:none!important;

    transition:
      color .18s ease!important;
  }


  html.alpo-sector-nav-state-active-v28
  .alpo-sector-nav-link-v28::after{
    content:"";

    position:absolute;

    left:0;
    right:0;

    bottom:-18px;

    height:2px;

    background:
      #d4aa62;

    transform:
      scaleX(0);

    transform-origin:
      left center;

    transition:
      transform .18s ease;

    pointer-events:none;
  }


  html.alpo-sector-nav-state-active-v28
  .alpo-sector-nav-link-v28:hover,

  html.alpo-sector-nav-state-active-v28
  .alpo-sector-nav-link-v28:focus-visible,

  html.alpo-sector-nav-state-active-v28
  .alpo-sector-nav-link-v28[
    data-alpo-sector-nav-current-v28="1"
  ]{
    color:
      #a66a18!important;
  }


  html.alpo-sector-nav-state-active-v28
  .alpo-sector-nav-link-v28:hover::after,

  html.alpo-sector-nav-state-active-v28
  .alpo-sector-nav-link-v28:focus-visible::after,

  html.alpo-sector-nav-state-active-v28
  .alpo-sector-nav-link-v28[
    data-alpo-sector-nav-current-v28="1"
  ]::after{
    transform:
      scaleX(1);
  }

}

/* =========================================================
   ALPO SECTOR NAV COLOR ACTIVE FINAL v2.8

   Retail + Pro + Wholesale

   normal  = black
   hover   = gold
   current = gold + bold
   underline removed
   ========================================================= */

@media(min-width:1000px){

  html.alpo-sector-nav-state-active-v28
  .menu-level-1 > li >
  a.alpo-sector-nav-link-v28{
    color:#171412!important;
    text-decoration:none!important;
    transition:color .18s ease!important;
  }


  html.alpo-sector-nav-state-active-v28
  .menu-level-1 > li >
  a.alpo-sector-nav-link-v28 > b{
    color:inherit!important;
    transition:color .18s ease!important;
  }


  /* remove native/custom underline completely */

  html.alpo-sector-nav-state-active-v28
  .menu-level-1 > li >
  a.alpo-sector-nav-link-v28::after{
    content:none!important;
    display:none!important;
  }


  /* hover / keyboard focus */

  html.alpo-sector-nav-state-active-v28
  .menu-level-1 > li >
  a.alpo-sector-nav-link-v28:hover,

  html.alpo-sector-nav-state-active-v28
  .menu-level-1 > li >
  a.alpo-sector-nav-link-v28:focus-visible,

  html.alpo-sector-nav-state-active-v28
  .menu-level-1 > li >
  a.alpo-sector-nav-link-v28:hover > b,

  html.alpo-sector-nav-state-active-v28
  .menu-level-1 > li >
  a.alpo-sector-nav-link-v28:focus-visible > b{
    color:#a66a18!important;
  }


  /* current category: gold + bold */

  html.alpo-sector-nav-state-active-v28
  .menu-level-1 > li >
  a.alpo-sector-nav-link-v28[
    data-alpo-sector-nav-current-v28="1"
  ],

  html.alpo-sector-nav-state-active-v28
  .menu-level-1 > li >
  a.alpo-sector-nav-link-v28[
    data-alpo-sector-nav-current-v28="1"
  ] > b{
    color:#a66a18!important;
    font-weight:800!important;
  }

}

/* =========================================================
   ALPO SECTOR NAV NATIVE ACTIVE BRIDGE v2.8

   Immediate first paint:
   Shoptet already gives the current menu link class="active"
   before ALPO runtime adds its data-current marker.

   Prevents black -> gold flash on page load.
   ========================================================= */

@media(min-width:1000px){

  body.type-category
  .menu-level-1 > li >
  a.active{
    color:#a66a18!important;
    font-weight:800!important;
    text-decoration:none!important;
  }


  body.type-category
  .menu-level-1 > li >
  a.active > b{
    color:#a66a18!important;
    font-weight:800!important;
  }


  /*
   * Remove native underline immediately as well,
   * without waiting for ALPO runtime state.
   */
  body.type-category
  .menu-level-1 > li >
  a.active::after{
    content:none!important;
    display:none!important;
  }

}

/* =========================================================
   ALPO MOBILE FLUID BRIDGE v2.8
   Candidate v426

   PRINCIPIO:
   - Shoptet/browser governano la geometria responsive
   - nessuna dimensione legata a un modello di telefono
   - nessuna altezza Hero forzata
   - stesso contenuto Admin desktop/mobile
   - ALPO interviene solo su presentazione e stacking
   ========================================================= */


/* =========================================================
   MOBILE / TABLET — SICUREZZA LARGHEZZA
   ========================================================= */

@media(max-width:1023px){

  html,
  body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body img{
    max-width:100%!important;
  }

}


/* =========================================================
   HOME — HERO FLUIDO
   Altezza determinata dal contenuto.
   La fotografia segue automaticamente il contenitore.
   ========================================================= */

@media(max-width:1023px){

  html.alpo-home-master-active
  body.type-index
  #alpo-home-master-v28
  .alpo-home-master-hero{
    width:100%!important;

    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    background-size:
      100% 100%,
      cover!important;

    background-position:
      center,
      center center!important;

    background-repeat:
      no-repeat,
      no-repeat!important;
  }


  html.alpo-home-master-active
  body.type-index
  #alpo-home-master-v28
  .alpo-home-master-hero-in{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    padding-top:
      clamp(28px,6vw,44px)!important;

    padding-bottom:
      clamp(40px,9vw,68px)!important;
  }


  html.alpo-home-master-active
  body.type-index
  #alpo-home-master-v28
  .alpo-home-master-copy{
    width:100%!important;
    max-width:42rem!important;
  }


  html.alpo-home-master-active
  body.type-index
  #alpo-home-master-v28
  h1{
    width:auto!important;
    max-width:100%!important;

    font-size:
      clamp(2.1rem,8vw,3.25rem)!important;

    line-height:1.02!important;
  }


  html.alpo-home-master-active
  body.type-index
  #alpo-home-master-v28
  .alpo-home-master-lead{
    width:auto!important;
    max-width:38rem!important;

    font-size:
      clamp(.95rem,3.7vw,1.1rem)!important;

    line-height:1.55!important;
  }


  html.alpo-home-master-active
  body.type-index
  #alpo-home-master-v28
  .alpo-home-master-proof{
    width:auto!important;
    max-width:100%!important;

    white-space:normal!important;
  }


  /*
   * Su mobile niente sovrapposizione geometrica
   * Hero / scelta settore.
   */

  html.alpo-home-master-active
  body.type-index
  #alpo-home-master-v28
  .alpo-home-master-sector-switch{
    margin-top:0!important;
  }

}


/* =========================================================
   HOME — SOLO TELEFONI
   Nessuna larghezza dispositivo specifica.
   ========================================================= */

@media(max-width:640px){

  html.alpo-home-master-active
  body.type-index
  .alpo-home-master-container{
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }


  html.alpo-home-master-active
  body.type-index
  #alpo-home-master-v28
  .alpo-home-master-sector-switch{
    padding-top:14px!important;
  }


  html.alpo-home-master-active
  body.type-index
  #alpo-home-master-v28
  .alpo-home-master-sector-grid{
    width:100%!important;
    grid-template-columns:1fr!important;
  }


  html.alpo-home-master-active
  body.type-index
  #alpo-home-master-v28
  .alpo-home-master-proof p{
    white-space:normal!important;
  }

}


/* =========================================================
   CATEGORY HERO — BRIDGE UNIVERSALE

   Qualunque Hero ALPO realmente creato dal runtime
   nella pagina categoria viene reso anche su mobile.

   Non serve conoscere in anticipo:
   - Chemie
   - Značky
   - brand
   - deep subcategory
   - Pro
   - Wholesale
   - Retail
   ========================================================= */

@media(max-width:1023px){

  html
  body.type-category
  :is(
    #content > [id^="alpo-"][id*="hero-v28"],
    #content > .category-top > [id^="alpo-"][id*="hero-v28"]
  ){
    position:relative!important;

    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;

    width:100%!important;
    max-width:100%!important;

    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    margin:16px 0 20px!important;
    padding:0!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(212,170,98,.34)!important;

    border-radius:18px!important;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 100%
      )!important;

    box-shadow:
      0 8px 24px
      rgba(18,15,12,.05)!important;

    box-sizing:border-box!important;
  }


  /*
   * Parte testuale:
   * padding fluido, altezza naturale.
   */

  html
  body.type-category
  :is(
    #content > [id^="alpo-"][id*="hero-v28"],
    #content > .category-top > [id^="alpo-"][id*="hero-v28"]
  )
  > [class*="copy"]{
    width:100%!important;
    max-width:none!important;

    min-width:0!important;

    padding:
      clamp(20px,5vw,30px)!important;

    box-sizing:border-box!important;
  }


  html
  body.type-category
  :is(
    #content > [id^="alpo-"][id*="hero-v28"],
    #content > .category-top > [id^="alpo-"][id*="hero-v28"]
  )
  [class*="kicker"]{
    margin:0 0 8px!important;

    font-size:
      clamp(.65rem,2.7vw,.75rem)!important;

    line-height:1.2!important;

    letter-spacing:.12em!important;
  }


  html
  body.type-category
  :is(
    #content > [id^="alpo-"][id*="hero-v28"],
    #content > .category-top > [id^="alpo-"][id*="hero-v28"]
  )
  h1{
    width:auto!important;
    max-width:100%!important;

    margin:0!important;

    font-size:
      clamp(1.8rem,7.5vw,2.5rem)!important;

    line-height:1.05!important;

    overflow-wrap:anywhere!important;
  }


  html
  body.type-category
  :is(
    #content > [id^="alpo-"][id*="hero-v28"],
    #content > .category-top > [id^="alpo-"][id*="hero-v28"]
  )
  [class*="lead"]{
    width:auto!important;
    max-width:100%!important;

    margin:11px 0 0!important;

    font-size:
      clamp(.85rem,3.4vw,1rem)!important;

    line-height:1.5!important;
  }


  /*
   * Pannello grafico desktop:
   * diventa una fascia proporzionale.
   * L'altezza deriva dalla larghezza tramite aspect-ratio.
   */

  html
  body.type-category
  :is(
    #content > [id^="alpo-"][id*="hero-v28"],
    #content > .category-top > [id^="alpo-"][id*="hero-v28"]
  )
  > [class*="visual"]{
    position:relative!important;

    display:block!important;

    width:100%!important;
    max-width:100%!important;

    height:auto!important;
    min-height:0!important;

    aspect-ratio:3.2 / 1!important;

    overflow:hidden!important;

    border:0!important;
    border-top:
      1px solid
      rgba(212,170,98,.22)!important;

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      )!important;
  }


  html
  body.type-category
  :is(
    #content > [id^="alpo-"][id*="hero-v28"],
    #content > .category-top > [id^="alpo-"][id*="hero-v28"]
  )
  [class*="grid"]{
    position:absolute!important;
    inset:0!important;

    max-width:none!important;

    opacity:.24!important;
  }


  html
  body.type-category
  :is(
    #content > [id^="alpo-"][id*="hero-v28"],
    #content > .category-top > [id^="alpo-"][id*="hero-v28"]
  )
  [class*="badge"]{
    top:16px!important;
    right:16px!important;

    max-width:calc(100% - 32px)!important;

    font-size:
      clamp(.58rem,2.3vw,.68rem)!important;
  }


  html
  body.type-category
  :is(
    #content > [id^="alpo-"][id*="hero-v28"],
    #content > .category-top > [id^="alpo-"][id*="hero-v28"]
  )
  [class*="label"]{
    left:16px!important;
    bottom:16px!important;

    max-width:calc(100% - 32px)!important;

    font-size:
      clamp(.68rem,2.8vw,.82rem)!important;

    overflow-wrap:anywhere!important;
  }

}


/* =========================================================
   CATEGORY — EVITA DOPPIO TITOLO

   Se la pagina contiene davvero un Hero ALPO,
   il titolo/perex nativo Shoptet non viene duplicato.

   ZPĚT, categorie, filtri e prodotti restano nativi.
   ========================================================= */

@media(max-width:1023px){

  html
  body.type-category:has(
    #content [id^="alpo-"][id*="hero-v28"]
  )
  #content > .category-top
  > .category-title{
    display:none!important;
  }


  html
  body.type-category:has(
    #content [id^="alpo-"][id*="hero-v28"]
  )
  #content > .category-top
  > .category-perex{
    display:none!important;
  }

}


/* =========================================================
   CATEGORY — NESSUNA FORZATURA DELLE FUNZIONI SHOP TET
   ========================================================= */

@media(max-width:1023px){

  body.type-category
  #content,
  body.type-category
  #content > .category-top,
  body.type-category
  .products,
  body.type-category
  .products-block{
    max-width:100%!important;
    box-sizing:border-box!important;
  }

}

/* =========================================================
   ALPO MOBILE UNIVERSAL HERO BRIDGE v2.8
   v427

   Structural rule:
   category ALPO section
     -> copy
     -> visual

   Browser-driven responsive layout.
   No device-model-specific heights.

   Native Shoptet:
   - ZPĚT preserved
   - category perex preserved
   - filters preserved
   - products preserved
   ========================================================= */

@media(max-width:1023px){


  /* =======================================================
     HERO ROOT
     ======================================================= */

  body.type-category
  #content >
  :is(
    section[id^="alpo-"][id$="-v28"]:has(
      > [class*="visual"]
    ),
    .alpo-b2b-brand-deep-hero-v28
  ){
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    width:100%!important;
    max-width:100%!important;

    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    margin:
      clamp(12px,3vw,18px)
      0
      clamp(18px,4vw,24px)!important;

    padding:0!important;

    overflow:hidden!important;

    border:
      1px solid
      rgba(212,170,98,.34)!important;

    border-radius:
      clamp(14px,4vw,20px)!important;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 100%
      )!important;

    box-shadow:
      0 8px 24px
      rgba(18,15,12,.05)!important;

    box-sizing:border-box!important;
  }


  /* =======================================================
     COPY
     ======================================================= */

  body.type-category
  #content >
  :is(
    section[id^="alpo-"][id$="-v28"]:has(
      > [class*="visual"]
    ),
    .alpo-b2b-brand-deep-hero-v28
  )
  > [class*="copy"]{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;

    padding:
      clamp(20px,5vw,30px)!important;

    box-sizing:border-box!important;
  }


  /* =======================================================
     KICKER
     ======================================================= */

  body.type-category
  #content >
  :is(
    section[id^="alpo-"][id$="-v28"]:has(
      > [class*="visual"]
    ),
    .alpo-b2b-brand-deep-hero-v28
  )
  [class*="kicker"]{
    margin:
      0
      0
      clamp(6px,2vw,9px)!important;

    color:#95611c!important;

    font-size:
      clamp(.65rem,2.7vw,.75rem)!important;

    line-height:1.2!important;
    font-weight:800!important;

    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }


  /* =======================================================
     TITLE
     ======================================================= */

  body.type-category
  #content >
  :is(
    section[id^="alpo-"][id$="-v28"]:has(
      > [class*="visual"]
    ),
    .alpo-b2b-brand-deep-hero-v28
  )
  h1{
    width:auto!important;
    max-width:100%!important;

    margin:0!important;

    color:#171412!important;

    font-family:
      Georgia,
      "Times New Roman",
      serif!important;

    font-size:
      clamp(1.8rem,7.5vw,2.5rem)!important;

    line-height:1.05!important;
    font-weight:700!important;

    letter-spacing:-.025em!important;

    overflow-wrap:anywhere!important;
  }


  /* =======================================================
     LEAD
     ======================================================= */

  body.type-category
  #content >
  :is(
    section[id^="alpo-"][id$="-v28"]:has(
      > [class*="visual"]
    ),
    .alpo-b2b-brand-deep-hero-v28
  )
  :is(
    [class*="lead"],
    [class*="copy"] > p
  ){
    width:auto!important;
    max-width:100%!important;

    margin:
      clamp(9px,2.8vw,13px)
      0
      0!important;

    color:#6d635b!important;

    font-size:
      clamp(.85rem,3.4vw,1rem)!important;

    line-height:1.5!important;
  }


  /* =======================================================
     VISUAL
     Proportional, viewport-driven.
     ======================================================= */

  body.type-category
  #content >
  :is(
    section[id^="alpo-"][id$="-v28"]:has(
      > [class*="visual"]
    ),
    .alpo-b2b-brand-deep-hero-v28
  )
  > [class*="visual"]{
    position:relative!important;

    display:block!important;

    width:100%!important;
    max-width:100%!important;

    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    aspect-ratio:
      3.2 / 1!important;

    overflow:hidden!important;

    border:0!important;

    border-top:
      1px solid
      rgba(212,170,98,.22)!important;

    background:
      linear-gradient(
        145deg,
        #171513 0%,
        #28241f 100%
      )!important;
  }


  /* =======================================================
     GRID
     ======================================================= */

  body.type-category
  #content >
  :is(
    section[id^="alpo-"][id$="-v28"]:has(
      > [class*="visual"]
    ),
    .alpo-b2b-brand-deep-hero-v28
  )
  [class*="grid"]{
    position:absolute!important;
    inset:0!important;

    opacity:.26!important;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      )!important;

    background-size:
      34px
      34px!important;
  }


  /* =======================================================
     BADGE
     ======================================================= */

  body.type-category
  #content >
  :is(
    section[id^="alpo-"][id$="-v28"]:has(
      > [class*="visual"]
    ),
    .alpo-b2b-brand-deep-hero-v28
  )
  [class*="badge"]{
    position:absolute!important;

    top:
      clamp(12px,4vw,18px)!important;

    right:
      clamp(12px,4vw,18px)!important;

    padding:
      7px
      11px!important;

    border:
      1px solid
      rgba(212,170,98,.42)!important;

    border-radius:999px!important;

    color:#f2d79b!important;

    font-size:
      clamp(.58rem,2.3vw,.68rem)!important;

    line-height:1!important;
    font-weight:800!important;

    letter-spacing:.11em!important;
  }


  /* =======================================================
     LABEL
     ======================================================= */

  body.type-category
  #content >
  :is(
    section[id^="alpo-"][id$="-v28"]:has(
      > [class*="visual"]
    ),
    .alpo-b2b-brand-deep-hero-v28
  )
  [class*="label"]{
    position:absolute!important;

    left:
      clamp(12px,4vw,18px)!important;

    bottom:
      clamp(12px,4vw,18px)!important;

    max-width:
      calc(100% - 36px)!important;

    color:#fffaf3!important;

    font-size:
      clamp(.68rem,2.8vw,.82rem)!important;

    line-height:1.2!important;
    font-weight:800!important;

    letter-spacing:.09em!important;
  }


  /* =======================================================
     SHOPTET DUPLICATE TITLE

     Hero and .category-top are siblings.
     No nested :has().
     #content repeated intentionally for specificity against
     the earlier v426 bridge.
     ======================================================= */

  body.type-category
  #content#content >
  :is(
    section[id^="alpo-"][id$="-v28"]:has(
      > [class*="visual"]
    ),
    .alpo-b2b-brand-deep-hero-v28
  )
  ~ .category-top
  > .category-title{
    display:none!important;
  }


  /* =======================================================
     PRESERVE ZPĚT / HORNÍ POPIS
     ======================================================= */

  body.type-category
  #content#content >
  :is(
    section[id^="alpo-"][id$="-v28"]:has(
      > [class*="visual"]
    ),
    .alpo-b2b-brand-deep-hero-v28
  )
  ~ .category-top
  > .category-perex{
    display:block!important;
  }

}

/* =========================================================
   ALPO MOBILE NATIVE GEOMETRY BRIDGE v2.8
   v428

   Principle:
   Shoptet controls mobile geometry.
   ALPO keeps branding / functional presentation only.

   - logo keeps natural aspect ratio
   - native product grid width restored
   - native product image spacing restored
   - native product title typography restored
   ========================================================= */

@media(max-width:1023px){


  /* =======================================================
     HEADER LOGO
     Preserve natural image proportions.
     Width is determined from Shoptet header height / asset.
     ======================================================= */

  #header .site-name img{
    width:auto!important;
    max-width:100%!important;
  }


  /* =======================================================
     CATEGORY PRODUCT GRID
     Allow Shoptet's native negative margins to work.
     ======================================================= */

  body.type-category
  #products.products{
    max-width:none!important;
  }


  /* =======================================================
     PRODUCT IMAGE
     Restore native Shoptet card geometry.
     ======================================================= */

  body.type-category
  #products
  .product
  .image{
    padding:0!important;
    display:block!important;
  }


  /* =======================================================
     PRODUCT CONTENT
     Remove ALPO horizontal compression.
     ======================================================= */

  body.type-category
  #products
  .product
  :is(
    .p-in,
    .p-in-in
  ){
    padding-left:0!important;
    padding-right:0!important;
    max-width:none!important;
  }


  /* =======================================================
     PRODUCT TITLE
     Let Shoptet inherit card typography and available width.
     ======================================================= */

  body.type-category
  #products
  .product
  .name{
    width:auto!important;
    max-width:none!important;

    font-size:inherit!important;
    line-height:inherit!important;
  }

}

/* =========================================================
   ALPO CATEGORY CARD MOBILE NATIVE RHYTHM SOURCE CLEANUP v2.8
   v429

   Mobile:
   Shoptet controls card height / title / prices /
   availability / cart vertical rhythm.

   Desktop:
   Existing approved ALPO alignment geometry is preserved.
   ========================================================= */

@media(min-width:1024px){

  .alpo-category-design-active
  .products .product a.name{
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden!important;

    height:auto!important;
    min-height:61px!important;
    max-height:61px!important;

    font-size:15px!important;
    line-height:1.35!important;
  }


  .alpo-category-design-active
  .products .product .prices{
    min-height:102px!important;
  }


  .alpo-category-design-active
  .products .product .price-final{
    margin-top:10px;
  }


  .alpo-category-design-active
  .products .product .availability{
    margin-top:8px;
  }


  .alpo-category-design-active
  .products .product .p-tools{
    margin-top:14px;
  }

}

/* =========================================================
   ALPO DUPLICATE NATIVE TITLE EXACT BRIDGE v2.8
   v430

   Preview validated 9/9:
   - 8 Péče subcategory batch pages
   - /znacky/

   Hide only Shoptet native category title when one
   of these exact ALPO Hero families is present.
   Hero/content/product logic untouched.
   ========================================================= */

body.type-category:has(#alpo-pece-subcategory-batch-v2)
.category-top > .category-title,

body.type-category:has(#alpo-znacky-global-v28)
.category-top > .category-title{
  display:none!important;
}

/* =========================================================
   ALPO PECE SUBCATEGORY MOBILE HERO BRIDGE v2.8
   v431

   Exact family:
   #alpo-pece-subcategory-batch-v2

   Mobile/tablet only.
   Existing JS/DOM reused.
   Desktop untouched.
   ========================================================= */

@media(max-width:1023px){

  body.type-category
  #alpo-pece-subcategory-batch-v2{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;

    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;

    margin:
      clamp(12px,3vw,20px)
      0
      clamp(18px,5vw,26px)!important;

    padding:0!important;
    overflow:hidden!important;

    border:
      1px solid rgba(212,170,98,.34)!important;

    border-radius:
      clamp(18px,5vw,24px)!important;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      )!important;

    box-shadow:
      0 12px 32px rgba(18,15,12,.07)!important;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-copy{
    position:relative!important;
    z-index:2!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    width:100%!important;
    min-width:0!important;

    padding:
      clamp(22px,6vw,32px)
      clamp(18px,5.5vw,28px)
      clamp(24px,7vw,36px)!important;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 100%
      )!important;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-kicker{
    margin:
      0
      0
      clamp(8px,2.5vw,11px)!important;

    color:#95611c!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(10px,2.9vw,12px)!important;

    line-height:1.2!important;
    font-weight:800!important;

    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  h1{
    width:auto!important;
    max-width:none!important;
    margin:0!important;

    color:#171412!important;

    font-family:
      Georgia,
      "Times New Roman",
      serif!important;

    font-size:
      clamp(32px,9.5vw,46px)!important;

    line-height:1.01!important;
    font-weight:700!important;

    letter-spacing:-.035em!important;
    text-wrap:balance;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-copy > p{
    width:auto!important;
    max-width:none!important;

    margin:
      clamp(11px,3vw,15px)
      0
      0!important;

    color:#6d635b!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(13px,3.8vw,16px)!important;

    line-height:1.48!important;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-visual{
    position:relative!important;
    display:block!important;

    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;

    aspect-ratio:3.2 / 1!important;

    overflow:hidden!important;

    border-left:0!important;

    border-top:
      1px solid rgba(212,170,98,.22)!important;

    background:
      linear-gradient(
        145deg,
        #11100f 0%,
        #28241f 100%
      )!important;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-grid{
    position:absolute!important;
    inset:0!important;

    opacity:.30!important;

    background-image:
      linear-gradient(
        rgba(212,170,98,.13) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.13) 1px,
        transparent 1px
      )!important;

    background-size:
      clamp(30px,10vw,42px)
      clamp(30px,10vw,42px)!important;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-visual::after{
    content:""!important;

    position:absolute!important;

    width:
      clamp(150px,48vw,220px)!important;

    height:
      clamp(150px,48vw,220px)!important;

    right:
      clamp(-90px,-18vw,-55px)!important;

    bottom:
      clamp(-135px,-28vw,-80px)!important;

    border:
      1px solid rgba(212,170,98,.36)!important;

    border-radius:50%!important;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-badge{
    position:absolute!important;

    top:
      clamp(12px,4vw,18px)!important;

    right:
      clamp(14px,4.5vw,20px)!important;

    padding:
      clamp(6px,1.8vw,8px)
      clamp(10px,3vw,14px)!important;

    border:
      1px solid rgba(212,170,98,.42)!important;

    border-radius:999px!important;

    color:#f2d79b!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(9px,2.6vw,11px)!important;

    line-height:1!important;
    font-weight:800!important;

    letter-spacing:.10em!important;
    white-space:nowrap!important;
  }


  body.type-category
  #alpo-pece-subcategory-batch-v2
  .alpo-pece-subcat-v2-label{
    position:absolute!important;

    left:
      clamp(14px,4.5vw,20px)!important;

    right:
      clamp(14px,4.5vw,20px)!important;

    bottom:
      clamp(12px,4vw,18px)!important;

    color:#fffaf3!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(9px,2.7vw,12px)!important;

    line-height:1.25!important;
    font-weight:800!important;

    letter-spacing:.07em!important;
  }


  html.alpo-pece-subcategory-batch-v2-active
  body.type-category
  #content > .category-top
  > .category-perex{
    display:block!important;
    margin-top:0!important;
  }

}

/* =========================================================
   ALPO ZNACKY MOBILE HERO AND BRAND CARDS CLEANUP v2.8
   v432

   /znacky/ only
   - mobile Hero for existing #alpo-znacky-global-v28
   - remove image logos from brand cards on mobile
   - text/link/card structure preserved
   - desktop untouched
   ========================================================= */

@media(max-width:1023px){

  body.type-category
  #alpo-znacky-global-v28{
    position:relative!important;

    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;

    margin:
      clamp(12px,3vw,20px)
      0
      clamp(18px,5vw,26px)!important;

    padding:0!important;
  }


  body.type-category
  #alpo-znacky-global-v28
  .alpo-znacky-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;

    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border:
      1px solid rgba(212,170,98,.34)!important;

    border-radius:
      clamp(18px,5vw,24px)!important;

    background:#fffaf3!important;

    box-shadow:
      0 12px 32px rgba(18,15,12,.07)!important;
  }


  body.type-category
  #alpo-znacky-global-v28
  .alpo-znacky-main{
    position:relative!important;

    width:100%!important;
    min-width:0!important;

    padding:
      clamp(22px,6vw,32px)
      clamp(18px,5.5vw,28px)
      clamp(24px,7vw,36px)!important;

    background:
      linear-gradient(
        110deg,
        #fffaf3 0%,
        #f8f3eb 58%,
        #efe1c8 100%
      )!important;
  }


  body.type-category
  #alpo-znacky-global-v28
  .alpo-znacky-kicker{
    margin:
      0
      0
      clamp(8px,2.5vw,11px)!important;

    color:#95611c!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(10px,2.9vw,12px)!important;

    line-height:1.2!important;
    font-weight:800!important;

    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }


  body.type-category
  #alpo-znacky-global-v28
  h1{
    width:auto!important;
    max-width:none!important;

    margin:0!important;

    color:#171412!important;

    font-family:
      Georgia,
      "Times New Roman",
      serif!important;

    font-size:
      clamp(32px,9vw,44px)!important;

    line-height:1.02!important;
    font-weight:700!important;

    letter-spacing:-.035em!important;
    text-wrap:balance;
  }


  body.type-category
  #alpo-znacky-global-v28
  .alpo-znacky-lead{
    width:auto!important;
    max-width:none!important;

    margin:
      clamp(11px,3vw,15px)
      0
      0!important;

    color:#6d635b!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(13px,3.8vw,16px)!important;

    line-height:1.48!important;
  }


  body.type-category
  #alpo-znacky-global-v28
  .alpo-znacky-side{
    position:relative!important;

    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;

    width:100%!important;
    min-width:0!important;

    padding:
      clamp(10px,3vw,16px)
      clamp(18px,5.5vw,28px)!important;

    overflow:hidden!important;

    border-top:
      1px solid rgba(212,170,98,.22)!important;

    background:
      linear-gradient(
        145deg,
        #11100f 0%,
        #28241f 100%
      )!important;
  }


  body.type-category
  #alpo-znacky-global-v28
  .alpo-znacky-side::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    pointer-events:none!important;

    opacity:.28!important;

    background-image:
      linear-gradient(
        rgba(212,170,98,.12) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(212,170,98,.12) 1px,
        transparent 1px
      )!important;

    background-size:
      clamp(30px,10vw,42px)
      clamp(30px,10vw,42px)!important;
  }


  body.type-category
  #alpo-znacky-global-v28
  .alpo-znacky-side-item{
    position:relative!important;
    z-index:1!important;

    display:flex!important;
    flex-direction:column!important;

    width:100%!important;

    padding:
      clamp(11px,3.5vw,16px)
      0!important;

    border-top:
      1px solid rgba(212,170,98,.18)!important;
  }


  body.type-category
  #alpo-znacky-global-v28
  .alpo-znacky-side-item:first-child{
    border-top:0!important;
  }


  body.type-category
  #alpo-znacky-global-v28
  .alpo-znacky-side-item small{
    display:block!important;

    margin:0 0 5px!important;

    color:#d4aa62!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(9px,2.5vw,11px)!important;

    line-height:1.2!important;
    font-weight:800!important;

    letter-spacing:.10em!important;
  }


  body.type-category
  #alpo-znacky-global-v28
  .alpo-znacky-side-item strong{
    display:block!important;

    color:#fffaf3!important;

    font-family:
      Inter,
      Arial,
      Helvetica,
      sans-serif!important;

    font-size:
      clamp(13px,3.7vw,16px)!important;

    line-height:1.35!important;
    font-weight:700!important;
  }


  body.type-category:has(#alpo-znacky-global-v28)
  a[data-alpo-brand-master="1"]
  > img.alpo-brand-master-logo{
    display:none!important;
  }

}

/* =========================================================
   ALPO CATALOG PREVIEW LOGIN SUPPRESSION v2.8
   v433

   Catalog Preview only.
   Normal login remains untouched.
   ========================================================= */

html.alpo-catalog-preview-active #login{
  display:none!important;
}

/* =========================================================
   ALPO MOBILE FOOTER LOGO COLOR FIX v2.8
   v434

   Reuse the existing official white ALPO logo.
   Mobile only. Desktop untouched.
   ========================================================= */

@media(max-width:1023px){
  html body footer.alpo-footer-v28
  .alpo-footer-inner
  .alpo-footer-top
  .alpo-footer-brand
  img.alpo-footer-logo{
    filter:none!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
  }
}

/* =========================================================
   ALPO HOME PORTRAIT HERO AND LANDSCAPE BRAND STRIP v2.8
   v435

   Portrait < 768:
   - clean copy above image
   - lead/proof hidden
   - real 1916x821 hero image below copy
   - mild left-side crop approved in Preview

   >= 768:
   - mobile portrait image hidden
   - existing Hero remains untouched

   Landscape 768-1023:
   - five represented brands on one row
   ========================================================= */

#alpo-home-master-v28 .alpo-home-master-mobile-image{
  display:none;
}

/* HOME — PHONE PORTRAIT */
@media(max-width:767px){

  #alpo-home-master-v28 .alpo-home-master-hero{
    background:#f6efe4!important;
    background-image:none!important;

    height:auto!important;
    min-height:0!important;

    overflow:hidden!important;
  }

  #alpo-home-master-v28 .alpo-home-master-hero-in{
    position:relative!important;
    inset:auto!important;

    display:flex!important;
    flex-direction:column!important;

    width:100%!important;
    height:auto!important;
    min-height:0!important;

    overflow:hidden!important;
  }

  #alpo-home-master-v28 .alpo-home-master-copy{
    position:relative!important;
    inset:auto!important;

    order:1!important;

    box-sizing:border-box!important;

    width:100%!important;
    max-width:none!important;
    height:auto!important;

    padding:17px 16px 12px!important;

    background:#f6efe4!important;
  }

  #alpo-home-master-v28 .alpo-home-master-lead,
  #alpo-home-master-v28 .alpo-home-master-proof{
    display:none!important;
  }

  #alpo-home-master-v28 .alpo-home-master-copy h1{
    width:auto!important;
    max-width:none!important;

    margin-bottom:0!important;

    font-size:clamp(25px,6.9vw,30px)!important;
    line-height:1.04!important;
    letter-spacing:-.02em!important;
  }

  #alpo-home-master-v28 .alpo-home-master-mobile-image{
    order:2!important;

    display:block!important;

    width:118%!important;
    max-width:none!important;
    height:auto!important;

    margin:0 0 0 -14%!important;
    padding:0!important;
  }
}

/* HOME — LANDSCAPE MOBILE/TABLET: 5 BRANDS / 1 ROW */
@media(min-width:768px) and (max-width:1023px) and (orientation:landscape){

  #alpo-home-master-v28 .alpo-home-master-brand-strip{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }

  #alpo-home-master-v28 .alpo-home-master-brand{
    grid-column:auto!important;
    min-width:0!important;
  }

  #alpo-home-master-v28 .alpo-home-master-brand img{
    display:block!important;

    max-width:82%!important;
    height:auto!important;

    margin-left:auto!important;
    margin-right:auto!important;
  }

  #alpo-home-master-v28
  .alpo-home-master-brand:first-child img{
    max-width:96%!important;
  }

  #alpo-home-master-v28
  .alpo-home-master-brand:last-child{
    grid-column:auto!important;
  }

  #alpo-home-master-v28
  .alpo-home-master-brand:last-child img{
    max-width:74%!important;
  }
}

/* =========================================================
   ALPO CHROME MOBILE AUTO ANNOTATION SUPPRESSION v2.8
   v436

   Neutralizes false automatic text links created by
   Chrome mobile while leaving normal ALPO anchors intact.
   ========================================================= */

chrome_annotation{
  color:inherit!important;
  background:transparent!important;
  border:0!important;
  border-bottom:0!important;
  text-decoration:none!important;
  pointer-events:none!important;
}


/* =========================================================
   ALPO HOME MOBILE BRAND ROW + WHY RHYTHM v2.8
   v437
   ========================================================= */

@media(max-width:767px){

  #alpo-home-master-v28
  .alpo-home-master-brand-strip{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
  }

  #alpo-home-master-v28
  .alpo-home-master-brand{
    grid-column:auto!important;
    min-width:0!important;
  }

  #alpo-home-master-v28
  .alpo-home-master-brand img{
    display:block!important;
    width:auto!important;
    max-width:78%!important;
    height:auto!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  #alpo-home-master-v28
  .alpo-home-master-brand:first-child img{
    max-width:94%!important;
  }

  #alpo-home-master-v28
  .alpo-home-master-brand:last-child{
    grid-column:auto!important;
  }

  #alpo-home-master-v28
  .alpo-home-master-brand:last-child img{
    max-width:72%!important;
  }

  #alpo-home-master-v28
  #alpo-home-master-why-v28{
    margin-top:0!important;
    padding-top:0!important;
  }

}

/* =========================================================
   ALPO PRODUCT DETAIL TITLE RESPONSIVE SIZE v2.8
   v438
   ========================================================= */

body.type-product
.p-detail-inner-header-mobile
.h1{
  font-size:26px!important;
  line-height:1.12!important;
  letter-spacing:-.015em!important;
}

@media(max-width:767px){

  body.type-product
  .p-detail-inner-header-mobile
  .h1{
    font-size:clamp(21px,5.8vw,24px)!important;
    line-height:1.1!important;
    letter-spacing:-.015em!important;
  }

}


/* =========================================================
   ALPO PRODUCT DETAIL DESKTOP H1 SIZE v2.8
   v439
   ========================================================= */

@media(min-width:768px){

  body.type-product
  .p-detail-inner-header
  > h1{
    font-size:26px!important;
    line-height:1.12!important;
    letter-spacing:-.015em!important;
  }

}


/* =========================================================
   ALPO HOME PRO + WHOLESALE COMPACT AUTH BUTTONS v2.8
   v440
   ========================================================= */

#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  font-size:0!important;
}

#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28
> span[aria-hidden="true"]{
  display:none!important;
}

#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28
> a{
  box-sizing:border-box!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:132px!important;
  min-width:132px!important;
  height:38px!important;

  padding:0 12px!important;

  border-radius:999px!important;

  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;

  text-decoration:none!important;
  white-space:nowrap!important;

  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease
    !important;
}

/* Přihlásit se */
#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28
> a[href^="/login/"]{
  background:#11100f!important;
  border:1px solid #11100f!important;

  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Registrovat se */
#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28
> a[href^="/registrace/"]{
  background:transparent!important;
  border:1px solid #8a6a46!important;

  color:#11100f!important;
  -webkit-text-fill-color:#11100f!important;
}

#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28
> a[href^="/login/"]:hover{
  background:#2a2724!important;
  border-color:#2a2724!important;
}

#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28
> a[href^="/registrace/"]:hover{
  background:#8a6a46!important;

  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* ---------- MOBILE ---------- */

@media(max-width:620px){

  #alpo-home-master-v28
  .alpo-home-master-sector-note-actions-v28{
    gap:7px!important;
  }

  #alpo-home-master-v28
  .alpo-home-master-sector-note-actions-v28
  > a{
    width:126px!important;
    min-width:126px!important;
    height:36px!important;

    padding:0 10px!important;

    font-size:12.5px!important;
  }

}


/* =========================================================
   ALPO GLOBAL PRIMARY CTA DESIGN SYSTEM v2.8
   v442
   Reference: checkout POKRAČOVAT
   ========================================================= */

body
.btn.btn-primary:not(#alpo-home-master-v28 *):not(#alpo-footer-v28 *),

body
.btn.btn-conversion:not(#alpo-home-master-v28 *):not(#alpo-footer-v28 *){
  box-sizing:border-box!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  height:59px!important;
  min-height:59px!important;
  max-height:59px!important;

  padding:10px 20px!important;

  background:#11100f!important;
  border:1px solid #11100f!important;
  border-radius:14px!important;

  color:#fffaf3!important;
  -webkit-text-fill-color:#fffaf3!important;

  font-size:14px!important;
  line-height:36px!important;
  font-weight:800!important;
  letter-spacing:.4px!important;

  text-transform:none!important;
  text-decoration:none!important;
  text-align:center!important;

  cursor:pointer!important;

  transition:
    background .18s ease,
    border-color .18s ease
    !important;
}

body
.btn.btn-primary:not(#alpo-home-master-v28 *):not(#alpo-footer-v28 *):hover,

body
.btn.btn-conversion:not(#alpo-home-master-v28 *):not(#alpo-footer-v28 *):hover{
  background:#2a2724!important;
  border-color:#2a2724!important;

  color:#fffaf3!important;
  -webkit-text-fill-color:#fffaf3!important;
}


/* =========================================================
   ALPO GLOBAL PRIMARY CTA HOVER COLOR v2.8
   v443
   ========================================================= */

body
.btn.btn-primary:not(#alpo-home-master-v28 *):not(#alpo-footer-v28 *):hover,

body
.btn.btn-conversion:not(#alpo-home-master-v28 *):not(#alpo-footer-v28 *):hover,

body
.btn.btn-primary:not(#alpo-home-master-v28 *):not(#alpo-footer-v28 *):hover *,

body
.btn.btn-conversion:not(#alpo-home-master-v28 *):not(#alpo-footer-v28 *):hover *{
  color:#ead29a!important;
  -webkit-text-fill-color:#ead29a!important;
}


/* =========================================================
   ALPO HOME AUTH BUTTONS FINAL GEOMETRY + GOLD HOVER v2.8
   v444
   Gold source: KONCOVÝ ZÁKAZNÍK #9a702f
   ========================================================= */

#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28
> a{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;

  padding:0 18px!important;

  border-radius:14px!important;

  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.2px!important;
}

/* Přihlásit se */
#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28
> a[href^="/login/"]:hover{
  background:#11100f!important;
  border-color:#11100f!important;

  color:#9a702f!important;
  -webkit-text-fill-color:#9a702f!important;
}

/* Registrovat se */
#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28
> a[href^="/registrace/"]:hover{
  background:#9a702f!important;
  border-color:#9a702f!important;

  color:#11100f!important;
  -webkit-text-fill-color:#11100f!important;
}

@media(max-width:620px){

  #alpo-home-master-v28
  .alpo-home-master-sector-note-actions-v28
  > a{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;

    padding:0 15px!important;

    font-size:13.5px!important;
  }

}


/* =========================================================
   ALPO HOME AUTH BUTTONS FINAL HOVER v2.8
   v445
   ========================================================= */

/* Přihlásit se */
#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28
> a[href^="/login/"]:hover{
  background:#11100f!important;
  border-color:#11100f!important;

  color:#ead29a!important;
  -webkit-text-fill-color:#ead29a!important;

  opacity:1!important;
  filter:none!important;
}

/* Registrovat se */
#alpo-home-master-v28
.alpo-home-master-sector-note-actions-v28
> a[href^="/registrace/"]:hover{
  background:rgba(154,112,47,.08)!important;
  border-color:#9a702f!important;

  color:#9a702f!important;
  -webkit-text-fill-color:#9a702f!important;
}


/* =========================================================
   ALPO CATALOG PREVIEW HOME FINAL COPY v2.8
   v446
   ========================================================= */

.alpo-catalog-preview-entry-meta{
  display:block;
  margin-top:10px;

  color:#ead29a!important;
  -webkit-text-fill-color:#ead29a!important;

  font-weight:800;
}

.alpo-catalog-preview-entry-return{
  display:block;
  margin-top:6px;

  color:rgba(255,250,243,.76)!important;
  -webkit-text-fill-color:rgba(255,250,243,.76)!important;
}


/* =========================================================
   ALPO B2B SEGMENT HERO MOBILE v2.8
   PRO + WHOLESALE
   v447
   ========================================================= */

@media(max-width:1023px){

  body.in-b2b .category-top .category-title,
  body.in-b2b .category-perex{
    display:none!important;
  }

  #alpo-b2b-segment-hero-v28{
    position:relative!important;
    display:block!important;
    overflow:hidden!important;

    margin:20px 0 28px!important;

    border:1px solid rgba(212,170,98,.38)!important;
    border-radius:20px!important;

    background:
      radial-gradient(
        circle at 88% 12%,
        rgba(212,170,98,.12),
        transparent 34%
      ),
      linear-gradient(
        135deg,
        #0e0e0e 0%,
        #171513 48%,
        #29241f 100%
      )!important;

    box-shadow:
      0 18px 44px rgba(18,15,12,.14)!important;

    color:#fff!important;
  }

  #alpo-b2b-segment-hero-v28::before{
    content:""!important;
    position:absolute!important;

    width:240px!important;
    height:240px!important;

    right:-120px!important;
    top:-120px!important;

    border:1px solid rgba(212,170,98,.18)!important;
    border-radius:50%!important;

    pointer-events:none!important;
  }

  #alpo-b2b-segment-hero-v28::after{
    content:""!important;
    position:absolute!important;

    width:180px!important;
    height:180px!important;

    right:22px!important;
    bottom:-125px!important;

    border:1px solid rgba(212,170,98,.12)!important;
    border-radius:50%!important;

    pointer-events:none!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-inner{
    position:relative!important;
    z-index:2!important;

    display:block!important;

    min-height:0!important;
    padding:30px 24px 28px!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-eyebrow{
    margin:0 0 12px!important;

    color:#f2d79b!important;

    font-size:11px!important;
    line-height:1.25!important;
    font-weight:800!important;

    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }

  #alpo-b2b-segment-hero-v28 h1{
    margin:0!important;
    max-width:none!important;

    color:#fffaf3!important;

    font-family:
      Georgia,
      "Times New Roman",
      serif!important;

    font-size:34px!important;
    line-height:1.04!important;
    font-weight:700!important;
    letter-spacing:-.035em!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-lead{
    margin:17px 0 0!important;
    max-width:none!important;

    color:rgba(255,250,243,.82)!important;

    font-size:15px!important;
    line-height:1.55!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-proof{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;

    margin-top:20px!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-proof span{
    display:inline-flex!important;
    align-items:center!important;

    min-height:34px!important;
    padding:8px 11px!important;

    border:1px solid rgba(212,170,98,.36)!important;
    border-radius:999px!important;

    background:rgba(255,255,255,.035)!important;

    color:#f2d79b!important;

    font-size:11px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-side{
    margin-top:24px!important;
    padding:18px 0 0!important;

    border-left:0!important;
    border-top:1px solid rgba(212,170,98,.30)!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-side-item{
    padding:12px 0!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-side-item +
  .alpo-b2b-side-item{
    border-top:1px solid rgba(255,255,255,.10)!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-side small{
    display:block!important;
    margin-bottom:5px!important;

    color:#d4aa62!important;

    font-size:10px!important;
    line-height:1.2!important;
    font-weight:800!important;

    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-side strong{
    display:block!important;

    color:#fffaf3!important;

    font-size:15px!important;
    line-height:1.35!important;
    font-weight:700!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-side p{
    margin:4px 0 0!important;

    color:rgba(255,250,243,.63)!important;

    font-size:12.5px!important;
    line-height:1.5!important;
  }

  /* Wholesale */
  #alpo-b2b-segment-hero-v28.alpo-b2b-wholesale{
    border-radius:18px!important;

    background:
      linear-gradient(
        90deg,
        rgba(212,170,98,.05) 1px,
        transparent 1px
      ),
      linear-gradient(
        rgba(212,170,98,.04) 1px,
        transparent 1px
      ),
      linear-gradient(
        135deg,
        #12110f 0%,
        #1b1916 55%,
        #2b2722 100%
      )!important;

    background-size:
      44px 44px,
      44px 44px,
      auto!important;
  }

  #alpo-b2b-segment-hero-v28.alpo-b2b-wholesale
  .alpo-b2b-proof span{
    border-radius:8px!important;
  }

}


/* ---------- PHONE PORTRAIT COMPACT ---------- */

@media(max-width:620px){

  #alpo-b2b-segment-hero-v28{
    margin:14px 0 20px!important;
    border-radius:16px!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-inner{
    padding:22px 18px 20px!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-eyebrow{
    margin-bottom:9px!important;
    font-size:10px!important;
  }

  #alpo-b2b-segment-hero-v28 h1{
    font-size:29px!important;
    line-height:1.03!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-lead{
    margin-top:13px!important;
    font-size:13.5px!important;
    line-height:1.45!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-proof{
    gap:6px!important;
    margin-top:16px!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-proof span{
    min-height:30px!important;
    padding:6px 9px!important;

    font-size:9.5px!important;
    line-height:1.15!important;
  }

  #alpo-b2b-segment-hero-v28
  .alpo-b2b-side{
    display:none!important;
  }

  #alpo-b2b-segment-hero-v28::before{
    width:190px!important;
    height:190px!important;

    right:-100px!important;
    top:-105px!important;
  }

  #alpo-b2b-segment-hero-v28::after{
    width:140px!important;
    height:140px!important;

    right:15px!important;
    bottom:-105px!important;
  }

}


/* =========================================================
   ALPO PECE MOBILE BOTTOM BAND v2.8
   v448
   ========================================================= */

@media(max-width:620px){

  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28
  + div{
    box-sizing:border-box!important;

    background:#11100f!important;

    padding:8px 14px 9px!important;

    border-radius:
      0 0 16px 16px!important;
  }

  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28
  + div
  .alpo-pece-master-badge-v28{
    color:#ead29a!important;
    -webkit-text-fill-color:#ead29a!important;
  }

  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28
  + div
  .alpo-pece-master-label-v28{
    color:#fffaf3!important;
    -webkit-text-fill-color:#fffaf3!important;
  }

}


/* =========================================================
   ALPO HOME NEWSLETTER TOP GAP v2.8
   v449
   ========================================================= */

body.in-index
.footer-newsletter-full-width{
  margin-top:32px!important;
}

@media(max-width:620px){

  body.in-index
  .footer-newsletter-full-width{
    margin-top:24px!important;
  }

}


/* =========================================================
   ALPO HOME MOBILE HERO TOP RHYTHM v2.8
   v450
   ========================================================= */

@media(max-width:620px){

  #alpo-home-master-v28
  .alpo-home-master-eyebrow{
    margin-top:-24px!important;
  }

}


/* =========================================================
   ALPO HOME MOBILE NEWSLETTER RHYTHM FINAL v2.8
   v453
   ========================================================= */

@media(max-width:620px){

  body.in-index
  .footer-newsletter-full-width{
    margin-top:-48px!important;
  }

}


/* =========================================================
   ALPO HOME MOBILE HERO TITLE WRAP v2.8
   v454
   ========================================================= */

@media(max-width:620px){

  #alpo-home-master-v28
  .alpo-home-master-hero h1{
    letter-spacing:-.025em!important;
    text-wrap:balance;
  }

  #alpo-home-master-v28
  .alpo-home-master-market-nowrap-v28{
    white-space:nowrap!important;
  }

}

/* ALPO SEARCH FLOATING DESKTOP v455 */
@media (min-width: 769px) {

  body.search-window-visible::before {
    content: none !important;
    display: none !important;
  }

  body.search-window-visible
  .user-action-search.popup-widget.search-widget {
    position: fixed !important;

    top: 76px !important;
    left: clamp(24px, 4.2vw, 76px) !important;
    right: clamp(24px, 4.2vw, 76px) !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding: 40px 68px !important;

    background: #fff !important;
    border-radius: 14px !important;

    box-shadow:
      0 0 0 200vmax rgba(17,16,15,.58),
      0 18px 50px rgba(0,0,0,.16) !important;

    overflow: visible !important;
    z-index: 1003 !important;
  }

  body.search-window-visible
  .user-action-search
  #formSearchForm {
    width: min(970px, calc(100% - 90px)) !important;
    max-width: 970px !important;
    margin: 0 auto !important;
  }

  body.search-window-visible
  .user-action-search
  .search-form-input-group {
    width: 100% !important;
  }

  body.search-window-visible
  .user-action-search
  .search-input {
    min-height: 54px !important;
    background: #fff !important;
    opacity: 1 !important;
  }
}

/* ALPO PECE HERO PHONE LANDSCAPE v456 */
@media
  (max-width:1023px)
  and (max-height:520px)
  and (orientation:landscape)
  and (hover:none)
  and (pointer:coarse){

  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28
  + div{
    box-sizing:border-box!important;
    background:#11100f!important;
    padding:8px 14px 9px!important;
    border-radius:0 0 16px 16px!important;
  }

  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28
  + div
  .alpo-pece-master-badge-v28{
    color:#ead29a!important;
    -webkit-text-fill-color:#ead29a!important;
  }

  #alpo-category-hero-v28
  .alpo-pece-master-copy-v28
  + div
  .alpo-pece-master-label-v28{
    color:#fffaf3!important;
    -webkit-text-fill-color:#fffaf3!important;
  }
}

/* ALPO INTERNAL DESKTOP HEADER WIDTH FIX v457 */
@media(min-width:1000px){

  body:not(.in-index).alpo-desktop-global-polish-v28
  #header .header-top > .container{
    width:100%!important;
    max-width:1680px!important;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

}

/* ALPO PANSKA MASTER HERO PANEL v458 */

#alpo-panska-segment-hero-v28{
  position:relative!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

#alpo-panska-segment-hero-v28::after{
  content:none!important;
  display:none!important;
}

#alpo-panska-segment-hero-v28
.alpo-panska-master-copy-v28{
  position:relative!important;
  z-index:2!important;
  box-sizing:border-box!important;
}

#alpo-panska-segment-hero-v28
.alpo-panska-master-panel-v28{
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;

  aspect-ratio:auto!important;

  background:
    linear-gradient(
      145deg,
      #171513 0%,
      #28241f 100%
    )!important;
}

#alpo-panska-segment-hero-v28
.alpo-panska-master-grid-v28{
  position:absolute!important;
  inset:0!important;

  opacity:.30!important;

  background-image:
    linear-gradient(
      rgba(212,170,98,.13) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(212,170,98,.13) 1px,
      transparent 1px
    )!important;

  background-size:
    42px 42px!important;
}

#alpo-panska-segment-hero-v28
.alpo-panska-master-panel-v28::after{
  content:""!important;

  position:absolute!important;

  width:270px!important;
  height:270px!important;

  right:-105px!important;
  bottom:-160px!important;

  border:
    1px solid rgba(212,170,98,.36)!important;

  border-radius:50%!important;
}

#alpo-panska-segment-hero-v28.alpo-panska-wholesale
.alpo-panska-master-panel-v28::after{
  border-radius:0!important;
  transform:rotate(45deg)!important;
}

#alpo-panska-segment-hero-v28
.alpo-panska-master-badge-v28,
#alpo-panska-segment-hero-v28
.alpo-panska-master-label-v28{
  position:absolute!important;
  z-index:2!important;

  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif!important;

  font-weight:800!important;
  white-space:nowrap!important;
}

#alpo-panska-segment-hero-v28
.alpo-panska-master-badge-v28{
  color:#f2d79b!important;
  letter-spacing:.12em!important;
}

#alpo-panska-segment-hero-v28
.alpo-panska-master-label-v28{
  color:#fffaf3!important;
  letter-spacing:.10em!important;
}


/* DESKTOP — geometria Péče o vlasy */

@media(min-width:1024px){

  #alpo-panska-segment-hero-v28{
    display:grid!important;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(350px,.55fr)!important;

    min-height:235px!important;

    margin:
      28px 0 26px!important;

    border-radius:24px!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-master-copy-v28{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    min-width:0!important;

    padding:
      38px
      clamp(52px,5vw,84px)!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-kicker{
    margin:
      0 0 11px!important;
  }

  #alpo-panska-segment-hero-v28 h1{
    max-width:980px!important;
    margin:0!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-lead{
    max-width:850px!important;

    margin:
      15px 0 0!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-master-panel-v28{
    min-height:235px!important;

    height:auto!important;
    max-height:none!important;

    aspect-ratio:auto!important;

    border-left:
      1px solid rgba(212,170,98,.22)!important;

    border-radius:
      0 23px 23px 0!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-master-badge-v28{
    top:32px!important;
    right:34px!important;

    padding:
      9px 15px!important;

    border:
      1px solid rgba(212,170,98,.42)!important;

    border-radius:999px!important;

    font-size:11px!important;
    line-height:1!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-master-label-v28{
    left:34px!important;
    bottom:34px!important;

    font-size:14px!important;
    line-height:1.25!important;
  }

}


/* MOBILE + TABLET */

@media(max-width:1023px){

  #alpo-panska-segment-hero-v28{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    min-height:0!important;
    height:auto!important;

    margin:
      16px 0 20px!important;

    border-radius:18px!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-master-copy-v28{
    width:100%!important;
    min-width:0!important;

    padding:30px!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-kicker{
    margin:
      0 0 8px!important;
  }

  #alpo-panska-segment-hero-v28 h1{
    margin:0!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-lead{
    margin:
      10px 0 0!important;
  }

  /*
   * "panel", non "visual":
   * evita intenzionalmente la regola responsive generica
   * [class*="visual"] { aspect-ratio:3.2/1 }
   */
  #alpo-panska-segment-hero-v28
  .alpo-panska-master-panel-v28{
    display:block!important;

    width:100%!important;

    height:65px!important;
    min-height:65px!important;
    max-height:65px!important;

    aspect-ratio:auto!important;

    padding:
      8px 14px 9px!important;

    border-radius:
      0 0 16px 16px!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-master-grid-v28{
    background-size:
      38px 38px!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-master-panel-v28::after{
    width:115px!important;
    height:115px!important;

    right:-32px!important;
    bottom:-82px!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-master-badge-v28{
    top:12px!important;
    right:14px!important;

    padding:
      5px 10px!important;

    border:
      1px solid rgba(212,170,98,.42)!important;

    border-radius:999px!important;

    font-size:8px!important;
    line-height:1!important;
  }

  #alpo-panska-segment-hero-v28
  .alpo-panska-master-label-v28{
    left:14px!important;
    bottom:12px!important;

    font-size:8px!important;
    line-height:1!important;
  }

}