/* STASTNY – vlastné štýly webu (rudolfstastny.com) */

/* === pôvodne v Záhlaví === */
/* STASTNY – detail produktu */
.type-detail .shp-tabs-wrapper.p-detail-tabs-wrapper,
.type-detail #tab-content,
.type-detail #productDiscussion,
.type-detail .benefitBanner.position--benefitProduct,
.type-detail .benefit-banners-full-width,
.type-detail a.link-icon.print{display: none !important;}
.type-detail .p-image,
.type-detail .p-main-image,
.type-detail .p-thumbnail{background-color: #D8D2C4 !important;}
.type-detail .p-main-image img,
.type-detail .p-thumbnail img{mix-blend-mode: multiply;}
.type-detail .p-thumbnails::after,
.type-detail .p-thumbnails::before{background: linear-gradient(90deg, rgba(216,210,196,0) 0, #D8D2C4 50%) !important;}
/* väčšia hlavná fotka */
.type-detail .p-image{width: 100% !important;max-width: none !important;height: auto !important;}
.type-detail .p-main-image{display: block;width: 100% !important;}
.type-detail .p-main-image img{width: 100% !important;height: auto !important;max-height: none !important;aspect-ratio: 3/4;object-fit: cover;object-position: center;}
@media (min-width: 768px){.type-detail .p-image-wrapper{padding-right: 32px !important;}}
/* bez ľavého panelu, vycentrovaný detail */
@media (min-width: 768px){
.type-detail .sidebar-left{display: none !important;}
.type-detail #content.content{width: 100% !important;max-width: 100% !important;flex: 1 1 100% !important;}
.type-detail .p-detail{max-width: 900px;margin-left: auto !important;margin-right: auto !important;}
.type-detail .p-image-wrapper{flex: 0 0 44% !important;max-width: 44% !important;}
.type-detail .p-data-wrapper{flex: 1 1 auto !important;}
}
/* farby celého webu */
body{background-color: #D8D2C4 !important;}
#footer, #footer .footer-bottom-full-width, #footer .footer-bottom{background-color: #7A7A72 !important;}
#footer, #footer *, #footer a, #footer strong{color: #111111 !important;}
/* kategórie */
.subcategories.with-image .image{display: none !important;}
.type-category .products-top-wrapper{display: none !important;}
.type-category #category-header{display: none !important;}
.subcategories li a{background-color: #7A7A72 !important;border-color: #7A7A72 !important;color: #111111 !important;}
.subcategories li a *, .subcategories li a::before, .subcategories li a::after{color: #111111 !important;}
.type-category h1.category-title{font-size: 22px !important;line-height: 1.3 !important;}
/* zoznam produktov v kategórii: max 3 vedľa seba, väčšie fotky bez bielej */
.products-block .product{flex: 0 0 33.3333% !important;max-width: 33.3333% !important;width: 33.3333% !important;}
.products-block .product .p, .products-block .product .image{background-color: #D8D2C4 !important;}
.products-block .product .image img{display: block;width: 100% !important;max-width: 364px !important;margin: 0 auto;height: auto !important;max-height: none !important;aspect-ratio: 3/4;object-fit: cover;object-position: center;mix-blend-mode: multiply;}
@media (max-width: 767px){.products-block .product{flex: 0 0 50% !important;max-width: 50% !important;width: 50% !important;}}
.products-block .product .btn, .products-block .product .btn:hover{background-color: #7A7A72 !important;border-color: #7A7A72 !important;color: #111111 !important;}
.products-block .product .btn *, .products-block .product .btn::before, .products-block .product .btn::after{color: #111111 !important;}
/* názov vľavo, cena vpravo v jednom riadku */
.products-block .product .p-in-in{display: flex !important;justify-content: space-between;align-items: baseline;gap: 12px;}
.products-block .product .p-in-in a.name{text-align: left !important;margin: 0 !important;flex: 1 1 auto;}
.products-block .product .p-in-in .prices{display: block !important;margin: 0 !important;flex: 0 0 auto;text-align: right;}
.products-block .product .p-in-in .price-additional{display: none !important;}
.products-block .product .p-in-in .price-final, .products-block .product .p-in-in .price-final strong{font-size: 16px !important;color: #111111 !important;margin: 0 !important;}
.flag.flag-new{background-color: #F5F2EA !important;border-color: #F5F2EA !important;color: #111111 !important;}
/* ostré hrany */
.subcategories li a, .flag, .flags .flag, .products-block .product .btn{border-radius: 0 !important;}
/* stránka ABOUT */
.st-about{color: #111111;max-width: 1040px;margin: 0 auto;}
.st-about img{display: block;width: 100%;height: auto;border-radius: 0;}
.st-about h2, .st-about h3{color: #111111;}
.st-about p{line-height: 1.7;}
.st-about__hero{display: flex;gap: 56px;align-items: center;margin: 8px 0 64px;}
.st-about__img{flex: 0 0 42%;}
.st-about__text{flex: 1 1 auto;}
.st-about__text h2{font-size: 34px;letter-spacing: .02em;margin: 0 0 20px;}
.st-about__eyebrow, .st-about__num{font-size: 12px !important;letter-spacing: .2em;color: #4F5849;margin: 0 0 8px !important;}
.st-about__wide{margin: 0 0 64px;}
.st-about__heading{font-size: 22px !important;letter-spacing: .12em;margin: 0 0 24px !important;}
.st-about__grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;margin: 0 0 64px;}
.st-about__item{border-top: 1px solid #111111;padding-top: 16px;}
.st-about__item h3{font-size: 18px;margin: 0 0 10px;}
.st-about__more{max-width: 720px;margin: 0 0 64px;}
.st-about__cta{background: #7A7A72;padding: 32px;margin-bottom: 80px;}
.st-about__cta a{color: #111111;}
.st-about__btn{display: inline-block;background: #111111;color: #D8D2C4 !important;padding: 10px 22px;margin: 8px 8px 0 0;letter-spacing: .12em;font-size: 13px;text-decoration: none !important;border-radius: 0;}
@media (max-width: 767px){
  .st-about__hero{flex-direction: column;gap: 24px;}
  .st-about__img{flex-basis: auto;width: 100%;}
  .st-about__grid{grid-template-columns: 1fr;}
}

/* STASTNY – zoznam produktov a lišta kategórií */
.st-cat-bar{margin:24px 0 8px}
.st-cat-bar ul.subcategories{margin:0}
.st-cat-bar li.active a{outline:2px solid currentColor;outline-offset:-2px}
.products-block .p a.image img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center}
.products-block .p .flags{top:0;left:0}
.products-block .p .p-in-in{padding-left:0;padding-right:0}
/* tlačidlo Do košíka */
.btn.add-to-cart-button,.btn.add-to-cart-button:focus{background-color:#7A7A72 !important;border-color:#7A7A72 !important;color:#111111 !important;border-radius:0 !important}
.btn.add-to-cart-button *,.btn.add-to-cart-button::before{color:#111111 !important}
.btn.add-to-cart-button:hover{background-color:#66665F !important;border-color:#66665F !important}
/* skryť filter (aj mobil) */
.type-category #filters-wrapper,.type-category .filters-unveil-button-wrapper,.type-category #filters{display:none !important}
/* navigácia späť (breadcrumbs) aj na mobile */
@media (max-width:767px){.breadcrumbs{display:block !important;margin:12px 0 4px !important}}
/* doprava v košíku */
.co-delivery-method .radio-wrapper{border:1px solid #7A7A72!important;margin:0 0 10px!important;background:none!important}
.co-delivery-method .radio-wrapper *{color:#111!important}
.co-delivery-method .radio-wrapper b,.co-delivery-method .radio-wrapper strong{font-size:21px!important}
.co-delivery-method .sublabel a{font-size:17px!important;text-decoration:underline}
.co-delivery-method .radio-wrapper.active{background:#2B2B28!important;border:2px solid #111!important}
.co-delivery-method .radio-wrapper.active *{color:#F5F2EA!important}
.co-delivery-method .payment-logo img{background:#F5F2EA;padding:4px 6px}

/* === pôvodne v Päte === */
#carousel .item{position:relative}
.st-hero{position:absolute;right:6%;top:9%;left:auto;bottom:auto;max-width:540px;color:#111;z-index:5;text-align:right}
.st-hero h2{margin:0 -.18em 16px 0;font-size:44px;line-height:1.1;letter-spacing:.18em;font-weight:700;color:#111}
.st-hero p{margin:0;font-size:17px;font-weight:500;line-height:1.6;color:#2a2a2a}
@media (max-width:767px){.st-hero{position:static;max-width:none;text-align:left;padding:18px 20px 20px;background:#f2f1ee}.st-hero h2{font-size:24px;margin:0 0 8px}.st-hero p{font-size:14px;line-height:1.5}}
#navigation .menu-level-1 > li > a{color:#111 !important;font-weight:600 !important;letter-spacing:.08em;font-size:17px !important}
#navigation .menu-level-1 > li > a:hover{color:#000 !important;text-decoration:underline}
.navigation-buttons > a, .navigation-buttons > button, .navigation-buttons [class^="icon-"]{color:#111 !important}
.navigation-buttons > a:hover, .navigation-buttons > button:hover{color:#000 !important}
/* skryť lupu a prihlásenie */
.navigation-buttons > a:has(.icon-search), .navigation-buttons .top-nav-button-login{display:none !important}
/* 4 fotky pod bannerom: na mobile 2x2 */
@media (max-width:767px){.next-to-carousel-banners{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;width:100% !important}.next-to-carousel-banners .banner-wrapper{width:50% !important;max-width:50% !important;flex:0 0 50% !important;margin:0 !important;padding:0 !important}.next-to-carousel-banners .banner-wrapper img{width:100%;height:auto;display:block}}
/* logo vlavo */
#header .header-top-wrapper{justify-content:flex-start !important}
#header .site-name{order:-1 !important;text-align:left !important}
/* menu vlavo pod logom */
@media (min-width:768px){#navigation .menu-level-1{justify-content:flex-start !important;padding-left:max(15px, calc((100vw - 1185px) / 2)) !important;box-sizing:border-box}}
/* skryť newsletter */
.footer-newsletter-full-width{display:none !important}
/* kontakt ikony */
.st-ic{position:relative;padding-left:40px !important;min-height:20px}
.st-ic:before{content:"";position:absolute;left:4px;top:50%;width:18px;height:18px;margin-top:-9px;background:no-repeat center/contain}
.st-ic-pin:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'%23111111'%3E%3Cpath%20d%3D'M12%202a7%207%200%200%200-7%207c0%205.25%207%2013%207%2013s7-7.75%207-13a7%207%200%200%200-7-7zm0%209.5A2.5%202.5%200%201%201%2012%206.5a2.5%202.5%200%200%201%200%205z'%2F%3E%3C%2Fsvg%3E")}
.st-ic-phone:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'%23111111'%3E%3Cpath%20d%3D'M6.6%2010.8a15.1%2015.1%200%200%200%206.6%206.6l2.2-2.2a1%201%200%200%201%201-.25%2011.4%2011.4%200%200%200%203.6.57%201%201%200%200%201%201%201V20a1%201%200%200%201-1%201A17%2017%200%200%201%203%204a1%201%200%200%201%201-1h3.5a1%201%200%200%201%201%201c0%201.25.2%202.45.57%203.57a1%201%200%200%201-.25%201z'%2F%3E%3C%2Fsvg%3E")}
.st-ic-mail:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'%23111111'%3E%3Cpath%20d%3D'M20%204H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2zm0%204-8%205-8-5V6l8%205%208-5z'%2F%3E%3C%2Fsvg%3E")}
@media (max-width:767px){.st-contact-info h2{font-size:30px !important}}
/* biely podklad -> D8D2C4 */
#content-wrapper, .content-wrapper, .breadcrumbs, .footer-bottom-full-width, .footer-bottom, .welcome-wrapper, .products .product .p, .p-detail-inner, .cart-inner, .order-summary, .box, .search-window, .user-action-in, .cart-widget, .popup-widget, .dropdown-menu{background-color:#D8D2C4 !important}

/* košík – tlačidlá a kroky */
.btn.btn-conversion:not(.add-to-cart-button),.btn.btn-conversion:not(.add-to-cart-button):focus{background:#2B2B28!important;border-color:#2B2B28!important;color:#F5F2EA!important;border-radius:0!important}
.btn.btn-conversion:not(.add-to-cart-button) *{color:#F5F2EA!important}
.btn.btn-conversion:not(.add-to-cart-button):hover{background:#111!important;border-color:#111!important}
.btn.toggle-contacts{background:transparent!important;border:1px solid #7A7A72!important;color:#111!important;border-radius:0!important}
.btn.toggle-contacts *{color:#111!important}
.cart-header .step.active strong,.cart-header .step.active span{color:#111!important}
.cart-header .step.active strong::before{background:#2B2B28!important;border-color:#2B2B28!important;color:#F5F2EA!important}

/* doprava – kompaktnejšie */
.co-delivery-method .radio-wrapper b,.co-delivery-method .radio-wrapper strong{font-size:16px!important;line-height:1.4!important}
.co-delivery-method .sublabel a{font-size:14px!important}
.co-delivery-method .radio-wrapper label{padding-top:12px!important;padding-bottom:12px!important}
.co-delivery-method .payment-logo img{max-height:26px!important;width:auto!important}
@media (max-width:767px){
.co-delivery-method .radio-wrapper{padding:0 12px!important}
.co-delivery-method .radio-wrapper label{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 12px}
.co-delivery-method .payment-info{flex:1 1 100%!important;width:auto!important;max-width:none!important}
.co-delivery-method .payment-logo{order:2;margin:0!important;position:static!important;width:auto!important;flex:0 0 auto!important}
.co-delivery-method .payment-shipping-price{order:3;margin-left:auto!important;position:static!important;width:auto!important;padding:0!important;flex:0 0 auto!important;text-align:right}}