:root{--ps-gold:#B08B56;--ps-gold-dark:#8C6A3C;--ps-espresso:#2B2119;--ps-cream:#F6F1E9;--ps-text:#3A332C;--ps-muted:#8A8178}
/* ===== Skryté prvky ===== */
.footer-newsletter,.footer-newsletter-full-width,.box-onlinePayments,.products-top-wrapper{display:none!important}
/* ===== Layout ===== */
body,.overall-wrapper,#content-wrapper,#content{background-color:#fff!important}
#header{border-bottom:1px solid #EEE7DC}
#content-wrapper{max-width:1380px;margin-left:auto!important;margin-right:auto!important}
@media (min-width:1200px){#content{max-width:1380px;margin-left:auto!important;margin-right:auto!important}
.custom-footer{justify-content:center}}
#discussion-form{background:#fff!important}
.pageArticleDetail p{text-align:center}
/* ===== Carousel (hero) ===== */
.carousel-inner{min-height:0!important;height:auto!important}
.carousel-inner img{width:100%;height:auto;display:block}
/* ===== Horní lišta s dopravou ===== */
.site-msg.information{background:var(--ps-espresso)!important;color:var(--ps-cream)!important;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.site-msg.information a{color:var(--ps-cream)!important}
.site-msg.information .close{filter:brightness(0) invert(1);opacity:.8;cursor:pointer;transition:opacity .2s ease}
.site-msg.information .close:hover{opacity:1}
/* ===== Hlavička + menu ===== */
.site-name img{max-height:80px!important}
.navigation-in>ul>li>a{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:600}
.menu-level-1>li>a,.menu-level-1>li>a:hover{position:relative;background:transparent!important}
.menu-level-1>li>a::after{content:"";position:absolute;left:50%;bottom:4px;width:0;height:2px;background:var(--ps-gold);transform:translateX(-50%);transition:width .25s ease}
.menu-level-1>li>a:hover::after{width:60%}
@media (min-width:768px){.navigation-in ul.menu-level-2 li{display:flex!important;align-items:center!important}}
/* ===== Úvodní text ===== */
.benefit-banners-full-width{margin-top:0!important;margin-bottom:40px!important}
.benefitBanner.position--benefitHomepage{padding:56px 20px 0!important}
.benefitBanner__item{max-width:900px;margin:0 auto}
.benefitBanner__content{text-align:center}
.benefitBanner__title h1{font-size:36px;line-height:1.2;margin:0 0 18px;font-weight:700}
.benefitBanner__title h1::after{content:"";display:block;width:46px;height:2px;background:var(--ps-gold);margin:18px auto 0}
.text-bigger{font-size:18px;line-height:1.65;max-width:720px;margin:0 auto;color:var(--ps-muted)}
/* ===== Nadpisy sekcí ===== */
.homepage-group-title{font-size:28px!important;font-weight:700!important;text-align:center;margin-top:30px!important;margin-bottom:36px!important}
.homepage-group-title::before{content:"Pánský šatník";display:block;font-size:11px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--ps-gold);margin-bottom:10px}
.homepage-group-title::after{content:"";display:block;width:46px;height:2px;background:var(--ps-gold);margin:14px auto 0}
.products-wrapper{margin-bottom:80px}
/* ===== Produktové karty ===== */
.product-slider .product{padding-left:14px;padding-right:14px}
.product .p{background:#fff;border:1px solid #EEE7DC;padding-bottom:22px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
@media (hover:hover){.product .p:hover{transform:translateY(-4px);border-color:#E2D5C1;box-shadow:0 14px 30px -18px rgba(43,33,25,.35)}}
.product .p .image{display:block;background:var(--ps-cream);overflow:hidden}
.product .p .image img{transition:transform .5s ease}
@media (hover:hover){.product .p:hover .image img{transform:scale(1.04)}}
.product .p .name{color:var(--ps-text);font-weight:600;line-height:1.4}
.product .p .name:hover{color:var(--ps-gold-dark)}
.product .price-final,.product .price-final strong{color:var(--ps-espresso);font-size:18px;font-weight:700}
.product .price-standard,.product .price-save{color:var(--ps-muted)!important;font-size:13px}
/* ===== Štítky ===== */
.flags-default .flag{border-radius:0!important;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:7px 14px}
.flags-default .flag.flag-action,.flags-default .flag.flag-discount{background:var(--ps-gold-dark)!important;color:#fff!important}
/* ===== Tlačítka ===== */
.btn-cart,.add-to-cart-button{border-radius:0!important;min-height:44px;padding:10px 26px!important;font-weight:600;font-size:13px!important;letter-spacing:.08em;text-transform:uppercase;background:var(--ps-espresso)!important;border-color:var(--ps-espresso)!important;color:#fff!important;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
@media (hover:hover){.btn-cart:hover,.add-to-cart-button:hover{background:var(--ps-gold)!important;border-color:var(--ps-gold)!important;transform:translateY(-1px)}}
/* ===== Kontakty – levý panel ===== */
.content-wrapper-in:has(#formContact){align-items:flex-start}
.content-wrapper-in:has(#formContact) .sidebar,.content-wrapper-in:has(#formContact) .sidebar-inner{background:var(--ps-espresso)!important;border-radius:0!important;box-shadow:none!important}
.content-wrapper-in:has(#formContact) .sidebar-inner{padding:36px 32px!important}
.content-wrapper-in:has(#formContact) .banner{margin:0 0 22px!important}
.content-wrapper-in:has(#formContact) .banner br,.content-wrapper-in:has(#formContact) .banner9151{display:none}
.banner6661{font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--ps-gold)!important;padding-bottom:18px;border-bottom:1px solid rgba(176,139,86,.3)}
.banner1881,.banner1941,.banner1881 a,.banner1941 a{color:var(--ps-cream)!important;font-size:19px;font-weight:600}
.banner1881::before{content:"E-mail"}
.banner1941::before{content:"Telefon"}
.banner1881::before,.banner1941::before{display:block;font-size:11px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#A59A8C;margin-bottom:4px}
/* ===== Kontakty – formulář ===== */
.pageArticleDetail:has(#formContact){background:var(--ps-cream);padding:48px 56px}
.pageArticleDetail:has(#formContact) h1,.pageArticleDetail:has(#formContact) p{text-align:left}
.pageArticleDetail:has(#formContact) h1{font-size:40px;margin:0 0 10px}
.pageArticleDetail:has(#formContact) p{color:var(--ps-muted)}
@media (max-width:767px){.pageArticleDetail:has(#formContact){padding:28px 20px}}
#formContact{max-width:560px;margin:32px 0 50px!important}
#formContact label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ps-text)}
#formContact .form-control{border:1px solid #DDD2C2;border-radius:0;background:#fff;min-height:50px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
#formContact .form-control:focus{border-color:var(--ps-gold);box-shadow:0 0 0 3px rgba(176,139,86,.18);outline:0}
#formContact .consents .label{font-size:13px}
#formContact .consents a{color:var(--ps-gold-dark);text-decoration:underline}
#formContact .btn-primary{background:var(--ps-espresso)!important;border:0!important;border-radius:0!important;color:#fff!important;padding:15px 44px!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:background .2s}
#formContact .btn-primary:hover{background:var(--ps-gold)!important}
/* ===== Patička ===== */
#footer,.footer-bottom-full-width,.footer-bottom{background-color:var(--ps-espresso)!important;color:#CFC5B8!important}
.footer-bottom-full-width,.footer-bottom{border-top:1px solid rgba(176,139,86,.25)}
#footer a,.footer-bottom a{color:var(--ps-cream)!important;transition:color .2s ease}
#footer a:hover,.footer-bottom a:hover{color:var(--ps-gold)!important}
#footer img,#footer svg,#footer [class*="social"] a,#footer a[href*="instagram"],#footer a[href*="tiktok"]{filter:brightness(0) invert(.94);transition:opacity .2s ease}
#footer a[href*="instagram"]:hover,#footer a[href*="tiktok"]:hover,#footer [class*="social"] a:hover{opacity:.7}
.flags-default .flag.flag-custom1{background:var(--ps-espresso)!important;color:var(--ps-cream)!important}
.flags-default .flag.flag-new{background:var(--ps-gold)!important;color:#fff!important}
/* ===== Krémové pásy sekcí ===== */
#satnik-v-akci{background:var(--ps-cream);box-shadow:0 0 0 100vmax var(--ps-cream);clip-path:inset(0 -100vmax)}
.homepage-products-heading-2{margin-bottom:0!important;padding:64px 0 36px;background:var(--ps-cream);box-shadow:0 0 0 100vmax var(--ps-cream);clip-path:inset(0 -100vmax)}
.homepage-products-heading-2 + .products-wrapper{margin-bottom:0!important;padding-bottom:80px;background:var(--ps-cream);box-shadow:0 0 0 100vmax var(--ps-cream);clip-path:inset(0 -100vmax)}

/* ===== Produktové karty – jednotné fotky a názvy ===== */
.product .p .image{aspect-ratio:3/4;overflow:hidden}
.product .p .image img{width:100%!important;height:100%!important;object-fit:cover}
.product .p .name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;font-size:15px;padding:0 14px}
.homepage-products-heading-2{padding-bottom:16px!important}
.homepage-products-heading-2 + .products-wrapper{margin-top:0!important;padding-top:0!important}


/* ===== Kategorie – 4 produkty v řádku ===== */
.type-category .products-block:not(.product-slider .products-block){display:flex;flex-wrap:wrap}
.type-category .products-block:not(.product-slider .products-block)>.product{width:25%!important;max-width:25%!important;flex:0 0 25%!important}
@media (max-width:1199px){.type-category .products-block:not(.product-slider .products-block)>.product{width:33.333%!important;max-width:33.333%!important;flex:0 0 33.333%!important}}
@media (max-width:767px){.type-category .products-block:not(.product-slider .products-block)>.product{width:50%!important;max-width:50%!important;flex:0 0 50%!important}}

.products-wrapper.product-slider-holder{max-width:1240px;margin-left:auto!important;margin-right:auto!important}

   @media (max-width:767px){
     .benefitBanner__item{padding-left:0!important;margin-left:0!important}
   }


/* mobil: sekce „Pánská elegance“ zarovnaná se zbytkem stránky */
@media (max-width:767px){
  .benefitBanner.position--benefitHomepage{padding:40px 0 0!important}
  .benefitBanner__item,
  .benefitBanner__content,
  .benefitBanner__title,
  .benefitBanner__data{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    max-width:none!important;
    width:auto!important;
  }
.benefit-banners-full-width,
  .benefit-banners-full-width .container-full-width{padding-left:0!important;padding-right:0!important}

  .benefitBanner__item{padding:0 13px!important}
}

