/* ETANI UX, 22 September 2026. Isolated, reversible overrides. */
:root{--etani-ink:#202b2e;--etani-accent:#186879;--etani-pale:#eef7f7;--etani-line:#d7e2e3}
body{color:var(--etani-ink)}
body .btn.btn-conversion,body .btn.btn-cart,body .p-tools .btn,body .next-step .btn,body .cart-content .btn-conversion{background:var(--etani-accent)!important;border-color:var(--etani-accent)!important;color:#fff!important;border-radius:6px;min-height:44px;font-weight:700}
body .btn.btn-conversion:hover,body .btn.btn-cart:hover,body .p-tools .btn:hover{background:#104d59!important;border-color:#104d59!important}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #186879!important;outline-offset:3px}
#header{border-bottom:1px solid var(--etani-line);box-shadow:0 4px 14px #12383e08;background:#fff}
.etani-utility{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:10px 16px;background:var(--etani-pale);font-size:13px}
.etani-utility a{color:#234e56;text-decoration:underline;text-underline-offset:3px}
@media(min-width:768px){
 #header .header-top{display:grid!important;grid-template-columns:200px minmax(240px,1fr) auto;align-items:center;gap:38px;min-height:112px;padding:24px 0;height:auto!important}
 #header .site-name-wrapper,#header .site-name{position:static!important;transform:none!important;width:auto!important;margin:0!important;text-align:left!important;max-width:200px}
 #header .site-name img{width:180px!important;height:auto!important;max-height:75px;object-fit:contain}
 #header .search{display:block!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:620px;margin:0!important;visibility:visible!important;opacity:1!important}
 #header .search fieldset{position:relative;margin:0}
 #header .search input{height:48px!important;border:1px solid #8ba4a9!important;border-radius:6px;background:#f7fafb;padding-right:92px!important;font-size:15px}
 #header .search button{position:absolute!important;right:3px;top:3px;height:42px!important;min-width:78px;background:var(--etani-accent)!important;color:white!important;border-radius:4px}
 #header .navigation-buttons{position:static!important;display:flex!important;align-items:center;gap:14px;width:auto!important;margin:0!important;transform:none!important}
 #header .etani-account{color:#234e56;font-size:14px;font-weight:700;white-space:nowrap}
 #header #navigation .menu-level-1{display:flex;justify-content:space-between;flex-wrap:wrap}
 #header #navigation .menu-level-1>li>a{padding:17px 12px!important;font-size:14px!important;text-transform:none!important}
}
.products .product{padding:10px!important}
.products .product .p{height:100%;border:1px solid var(--etani-line);border-radius:10px;background:#fff;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 3px 12px #173b4005}
.products .product .p:hover{border-color:#91b4bb;box-shadow:0 5px 18px #173b4010}
.products .product .p>a.image{position:relative;display:block;padding:12px;background:#fff}
.products .product .p .p-in{display:flex;flex:1;flex-direction:column;padding:16px!important}
.products .product .p .p-in-in{flex:1}
.products .product .p .name{font-weight:700;line-height:1.5;min-height:3em;margin-bottom:10px}
.products .product .p .p-bottom{margin-top:14px;width:100%}
.products .product .p .prices{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:5px 10px;text-align:left!important}
.products .product .p .price-final{font-size:20px;font-weight:700;color:#202b2e;order:0}
.products .product .p .price-standard{text-decoration:line-through;color:#667176;font-size:14px;order:1}
.products .product .p .price-save{color:#9b2244;font-weight:700;order:2}
.products .product .p .price-measure{order:3!important;font-size:12px!important;line-height:1.5!important;margin:0!important}
.products .product .p .p-tools{margin-top:14px;position:static!important;opacity:1!important;visibility:visible!important}
.products .product .p .p-tools .btn{width:100%;display:flex;justify-content:center;align-items:center;padding:11px 15px}
.products .product .flags{top:10px!important;left:10px!important;right:auto!important;display:flex;flex-wrap:wrap;gap:5px;max-width:90%;height:auto}
.products .product .flag{position:static!important;border-radius:4px;min-height:24px;padding:4px 8px;font-size:12px}
.etani-tv-flag{display:inline-block;background:#194f62;color:#fff;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700;margin:0 0 8px}
.etani-rating-count{font-size:12px;margin-left:6px;color:#546269}
.etani-in-stock{color:#21613c!important;font-weight:700}
.subcategories{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:25px 0!important}
.subcategories>li{width:auto!important;float:none!important;padding:0!important;margin:0!important}
.subcategories>li>a{display:flex!important;flex-direction:column;gap:12px;align-items:center;height:100%!important;padding:18px!important;border:1px solid var(--etani-line);border-radius:8px;background:white;text-align:center}
.subcategories .image{width:100%!important;height:140px!important;flex:none!important;margin:0!important}
.subcategories .image img{width:100%!important;height:140px!important;max-height:140px!important;object-fit:contain}
.subcategories .text{position:static!important;font-size:15px!important;font-weight:700;line-height:1.5;margin:0!important;padding:0!important}
.pagination a,.pagination button,.load-products,.load-products a{position:relative;z-index:2;min-height:44px;min-width:44px;cursor:pointer;pointer-events:auto!important}
.pagination a:before,.pagination a:after,.load-products:before,.load-products:after{pointer-events:none!important}
#filters{padding:20px;border:1px solid var(--etani-line);border-radius:8px;background:#f7fafb}
.type-detail .tab-pane{display:block!important;opacity:1!important;visibility:visible!important;height:auto!important;padding:26px 0;border-top:1px solid var(--etani-line);scroll-margin-top:100px}
.type-detail #p-detail-tabs{display:none!important}
.type-detail .p-short-description{font-size:16px;line-height:1.7}
.type-detail .delivery-time,.type-detail .delivery-time-label{font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.6;color:#45535a}
.type-detail .delivery-time:before,.type-detail .delivery-time:after{content:none!important}
.etani-program,.etani-trust{padding:14px 18px;margin:16px 0;border:1px solid #cddfe2;border-radius:8px;background:var(--etani-pale);font-size:14px;line-height:1.6}
.etani-program a,.etani-trust a{color:#14596a;text-decoration:underline;font-weight:700}
.etani-section{max-width:1200px;margin:42px auto;padding:0 20px;clear:both}
.etani-section h2{font-size:28px;line-height:1.3;margin:0 0 12px;text-align:center;color:#202b2e}
.etani-section>.etani-intro{text-align:center;max-width:680px;margin:0 auto 26px;color:#526269;line-height:1.65}
.etani-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.etani-tile{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--etani-line);border-radius:10px;background:#f8fbfb;color:#20383e!important;transition:box-shadow .2s}
.etani-tile:hover{box-shadow:0 5px 18px #173b4015;text-decoration:none!important}
.etani-tile img{width:100%;height:170px;object-fit:contain;background:#fff;border-radius:6px}
.etani-tile strong{font-size:18px;line-height:1.4}
.etani-tile span{font-size:14px;line-height:1.6;color:#526269}
.etani-tile .etani-link{color:#14596a;font-weight:700;margin-top:auto;padding-top:7px}
.etani-reviews{background:#f4f8f8;border-block:1px solid var(--etani-line);padding:35px 20px;margin-top:45px}
.etani-reviews .etani-section{margin:0 auto}
.etani-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.etani-review{background:#fff;padding:24px;border:1px solid var(--etani-line);border-radius:8px;line-height:1.7}
.etani-review p{margin:10px 0}
.etani-review .etani-stars{color:#916500;letter-spacing:3px}
.etani-review small{display:block;color:#647176}
.etani-service-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;padding:24px 20px;border-top:1px solid var(--etani-line)}
.etani-service-links a{text-decoration:underline;color:#23535e;font-size:14px}
.etani-related-category{display:block;padding:28px;margin:35px 0;background:var(--etani-pale);border:1px solid var(--etani-line);border-radius:10px;color:#234e56;font-size:18px;text-align:center}
#pkNewsletter{border:1px solid var(--etani-line);border-radius:10px;padding:30px!important;background:#f4f8f8;box-sizing:border-box}
#pkNewsletter .validator-msg-holder{display:flex!important;align-items:stretch;gap:10px;border:0!important;padding:0!important}
#pkNewsletter input[type=email]{flex:1;min-width:0;width:auto!important;height:48px!important;border:1px solid #91a9ae!important;border-radius:5px!important;padding:10px 14px!important;margin:0!important;background:#fff}
#pkNewsletter button{position:static!important;transform:none!important;flex:0 0 auto;height:48px!important;background:var(--etani-accent)!important;border:1px solid var(--etani-accent)!important;color:#fff!important;border-radius:5px;padding:10px 24px!important;margin:0!important}
#pkNewsletter .consents{margin-top:12px!important;font-size:12px;line-height:1.6}
.in-kontakt #content a[href^="tel:"],.in-kontakt #content a[href^="mailto:"]{display:inline-block;padding:10px 0;margin:4px 18px 8px 0;user-select:text;font-size:17px;line-height:1.6}
.ordering-process .cart-summary,.ordering-process .summary-wrapper{background:#f4f8f8;border:1px solid var(--etani-line);border-radius:10px;padding:24px}
.ordering-process .cart-table td{padding-top:20px;padding-bottom:20px}
.carousel .extended-banner-texts{display:flex!important;position:absolute!important;inset:auto auto 6% 6%!important;transform:none!important;width:auto!important;padding:0!important}
.carousel .extended-banner-link{display:inline-flex!important;align-items:center;min-height:46px;padding:12px 20px!important;background:#186879!important;color:#fff!important;border-radius:6px;font-size:16px!important;font-weight:700;line-height:1.3}
@media(max-width:991px){.etani-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#header .header-top{gap:18px}}
@media(max-width:767px){
 .etani-account{display:none}.etani-utility{gap:10px 18px;font-size:12px;padding:9px 12px}
 .subcategories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .subcategories .image,.subcategories .image img{height:110px!important;max-height:110px!important}
 .etani-section{margin:28px auto;padding:0 14px}.etani-section h2{font-size:23px}
 .etani-grid{gap:12px}.etani-tile{padding:13px;gap:8px}.etani-tile img{height:125px}.etani-tile strong{font-size:16px}.etani-tile span{font-size:13px}
 .etani-review-grid{grid-template-columns:1fr}.etani-reviews{padding:25px 0}
 #pkNewsletter{padding:20px!important}#pkNewsletter .validator-msg-holder{flex-direction:column}#pkNewsletter input[type=email],#pkNewsletter button{width:100%!important;min-height:48px}
 .carousel .extended-banner-texts{position:static!important;background:#f4f8f8;padding:12px!important;justify-content:center}
 .carousel .extended-banner-link{font-size:14px!important;min-height:44px}
 .products .product .p .p-in{padding:12px!important}.products .product .p .name{font-size:14px}
}

.etani-wide-category .sidebar-left{display:none!important}
.etani-wide-category #content{width:100%!important;max-width:100%!important;flex:1 1 100%;padding-left:0!important}
.etani-category-support{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center}
.etani-category-support>.banner{margin:0!important;min-width:0}
.etani-category-support .banner2 img{display:block;width:auto;max-width:100%;height:260px;object-fit:contain;margin:auto}
.etani-category-support #pkSidebarKontakt,.etani-category-support #pkSidebarHeureka{margin:0!important;padding:24px!important;border:1px solid #cddfe2;border-radius:10px;background:#f4f8f8}
.etani-category-support #pkSidebarKontakt ul{padding:0;list-style:none}
.etani-category-support #pkSidebarKontakt li{margin:14px 0}
.etani-category-support #pkSidebarKontakt a{display:inline-block;padding:8px 0;overflow-wrap:anywhere}
.etani-category-support #pkSidebarKontakt span{display:block;font-size:14px}
.etani-category-support #pkSidebarHeureka .pkRecenze{display:none}
.etani-category-support #pkSidebarHeureka img{display:block;max-width:180px;height:auto;margin:0 auto 16px}
@media(max-width:767px){.etani-category-support{grid-template-columns:1fr}.etani-category-support .banner2 img{height:240px}}
/* Final native component compatibility. */
.subcategories li a{height:100%;padding:16px!important;border:1px solid #cddfe2;border-radius:8px;background:#fff}
.subcategories li .text{width:100%!important;max-width:none!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;text-align:center;line-height:1.5}
.subcategories .image,.subcategories .image img{height:180px!important;max-height:180px!important}
.etani-wrap-photo{display:block;width:100%;height:180px;object-fit:contain;margin:0 auto 16px}
.p-info-wrapper .stars-wrapper:not(:has(.star-on,.star-half)){display:none!important}
.ordering-process .cart-table tr.related{display:table-row!important}
.ordering-process .cart-related-product{padding:16px!important;border:1px solid #cddfe2;border-radius:8px;margin:12px 0;background:#f4f8f8}
.ordering-process .cart-related-name{line-height:1.5}
.ordering-process .cart-related-button button{min-height:44px}
.ordering-process .show-related{display:none!important}
.ordering-process .cart-related-availability span{color:#237348!important}
.ordering-process .fvDoplnek-description{width:100%!important;max-width:none!important;margin:12px 0 0!important}
.loadMore__button--products,.pagination__link{min-height:44px!important;min-width:44px;display:inline-flex!important;align-items:center;justify-content:center;position:relative;pointer-events:auto!important}
.loadMore__button--products{padding:12px 22px!important}
.pagination__link>*{pointer-events:none}
.etani-benefits-moved{display:none!important}
.p-detail>.pkUsp{margin:36px 0;padding:24px 0;border-top:1px solid #cddfe2;border-bottom:1px solid #cddfe2}
.p-detail>.pkUsp .pkUsp-in{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.p-detail>.pkUsp .pkUsp-item{width:auto!important;padding:0!important}
.p-detail>.pkUsp .pkUsp-inner{display:flex;flex-direction:column;gap:12px;text-align:center;height:100%}
.p-detail>.pkUsp img{width:48px;height:48px;object-fit:contain}
.p-detail>.pkUsp h5{font-size:16px;line-height:1.5;margin:0 0 8px}
.p-detail>.pkUsp p{font-size:13px;line-height:1.65;margin:0}
@media(max-width:767px){.subcategories .image,.subcategories .image img{height:130px!important;max-height:130px!important}.subcategories li a{padding:12px!important}.p-detail>.pkUsp .pkUsp-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.p-detail>.pkUsp{padding:20px 12px}}
/* Compatibility with the original ETANI custom template. */
@media(min-width:768px){
 #header .site-name-wrapper{order:0!important;grid-column:1!important}
 #header .search{order:1!important;grid-column:2!important}
 #header .navigation-buttons{order:2!important;grid-column:3!important}
 #header #formSearchForm,#header .search fieldset{display:block!important}
 #header .search input[type=search]{display:block!important;width:100%!important}
 #header .search button{display:block!important}
}
.carousel .extended-banner-link{position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;white-space:normal!important}
.products .ratings-wrapper{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-height:50px!important}
.products .ratings-wrapper .stars-wrapper,.products .ratings-wrapper .availability{position:static!important;inset:auto!important;transform:none!important;margin:0!important;height:auto!important}
.products .stars-wrapper{display:flex!important;align-items:center;gap:5px}
.products .stars-placeholder{display:none!important}
.etani-needs-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.etani-needs-links a{display:flex;flex-direction:column;gap:8px;min-height:85px;padding:18px;background:#fff;border:1px solid #cddfe2;border-radius:8px;color:#14596a}
.etani-needs-links a span{font-size:13px;color:#45535a;line-height:1.5}
.type-detail .pkAtcIn-dostText:before,.type-detail .pkAtcIn-dostText:after{content:none!important}
.type-detail .pkAtcIn-dostText{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font:14px/1.6 Quicksand,sans-serif;color:#45535a}
.type-detail .pkAtcIn-dostText .delivery-time-label:before,.type-detail .pkAtcIn-dostText .delivery-time-label:after{content:none!important}
.type-detail .p-short-description ul{padding-left:22px;margin:12px 0}
.type-detail .p-short-description li{margin:8px 0;line-height:1.65}
.ordering-process .order-summary-inner,.ordering-process .sidebar-in-cart .checkout-box-wrapper{border:1px solid #cddfe2;border-radius:10px;background:#f4f8f8;padding:24px}
.ordering-process .order-summary-inner h2{margin-top:0;line-height:1.4}
.ordering-process .order-summary-item{padding:12px 0}
.ordering-process .order-summary-inner .cart-item-name{text-transform:none!important;line-height:1.5}
.ordering-process .cart-header a,.ordering-process .cart-header strong{min-height:44px;display:flex;align-items:center}
.ordering-process .etani-cart-login{display:inline-flex;align-items:center;min-height:44px;margin:12px 0 0;padding:8px 16px;background:#186879;color:white!important;border-radius:5px;text-decoration:none}
.ordering-process .fvDoplnek-upsell{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
.ordering-process .fvDoplnek-upsell>h4{grid-column:1/-1;margin:0}
.ordering-process .fvDoplnek-produkt{padding:18px;border:1px solid #cddfe2;border-radius:8px;background:#fff;margin:0!important}
.ordering-process .fvDoplnek-text{display:flex;flex-direction:column;gap:8px;line-height:1.5}
.ordering-process .fvDoplnek-description{font-size:13px;line-height:1.6}
.ordering-process .fvDoplnek-variant-checkbox{width:22px;height:22px;accent-color:#186879}
@media(max-width:767px){
 .etani-needs-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .etani-needs-links a{padding:14px;font-size:14px}
 .ordering-process .order-summary-inner,.ordering-process .sidebar-in-cart .checkout-box-wrapper{padding:18px}
 .ordering-process .fvDoplnek-upsell{grid-template-columns:1fr}
}

/* Full-width coordinated category photographs, 22 September 2026. */
#etani-home-categories .etani-tile{padding:0 0 20px;overflow:hidden;background:#fff;border-color:#e6ebe8;border-radius:14px;gap:12px}
#etani-home-categories .etani-tile img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:0;margin:0 0 4px}
#etani-home-categories .etani-tile>strong,#etani-home-categories .etani-tile>span{margin-left:20px;margin-right:20px}
#etani-home-categories .etani-tile>strong{min-height:2.8em}
#etani-home-categories .etani-tile:hover{border-color:#b7ceca;box-shadow:0 6px 22px #173b4010}