/* ECOMEDIA24 commerce. Native JTL controls, data and AJAX remain authoritative. */
body:is([data-page="1"],[data-page="2"]){--eco-ink:#13213b;--eco-muted:#64718a;--eco-line:#e2e8f0;--eco-blue:#0050d5;--eco-surface:#f4f7fb;color:var(--eco-ink);}
body:is([data-page="1"],[data-page="2"]) #main-wrapper{background:linear-gradient(180deg,#f4f7fb 0,#fff 540px);padding-top:0!important;padding-bottom:70px!important;}
body:is([data-page="1"],[data-page="2"]) #content-wrapper{max-width:1440px;margin:auto;padding:0 40px;}
body:is([data-page="1"],[data-page="2"]) .breadcrumb-container{padding:24px 0;margin:0;}
body:is([data-page="1"],[data-page="2"]) .breadcrumb-wrapper{border:0;padding:0;margin:0;}
body:is([data-page="1"],[data-page="2"]) .breadcrumb{font-size:12px;line-height:1.7;margin:0;padding:0;color:var(--eco-muted);}
body:is([data-page="1"],[data-page="2"]) .breadcrumb a{color:var(--eco-muted);}
body:is([data-page="1"],[data-page="2"]) .breadcrumb .active a{color:var(--eco-ink);}
body:is([data-page="1"],[data-page="2"]) :is(a,button,input,select,summary):focus-visible{outline:3px solid #54b4ee;outline-offset:3px;}
.eco-commerce-eyebrow{display:block;font:700 10px/1.6 'DM Sans',sans-serif;letter-spacing:.17em;color:var(--eco-blue);margin-bottom:14px;}
/* Category header and search */
.eco-catalog-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;padding:34px 36px;background:#101f3a;color:white;border-radius:18px;margin-bottom:20px;min-height:194px;}
.eco-catalog-heading::after{content:"";position:absolute;width:260px;height:260px;right:-105px;top:-125px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 45px #ffffff04,0 0 0 90px #ffffff03;pointer-events:none;}
.eco-catalog-heading-copy{position:relative;z-index:1;min-width:0;}
.eco-catalog-heading .eco-commerce-eyebrow{color:#65ceff;margin-bottom:12px;}
.eco-catalog-heading h1{font:750 clamp(24px,2.5vw,38px)/1.2 'Manrope',sans-serif;letter-spacing:-.045em;color:#fff;margin:0 0 14px;overflow-wrap:anywhere;}
.eco-catalog-heading p{margin:0;color:#bccce2;font-size:14px;}
.eco-catalog-mark{position:relative;flex:0 0 106px;height:112px;transform:rotate(-12deg);opacity:.9;}
.eco-catalog-mark>span{position:absolute;width:76px;height:17px;left:0;top:20px;border-radius:3px;background:linear-gradient(100deg,#0050d5,#32c8ed);transform:skewX(-14deg);}
.eco-catalog-mark>span:nth-child(2){top:46px;width:60px;}.eco-catalog-mark>span:nth-child(3){top:72px;width:76px;}
.eco-catalog-mark i{position:absolute;right:0;top:35px;font-size:30px;color:#78d7ef;font-style:normal;}
body[data-page="2"] #result-wrapper>.title{margin-bottom:0;}
.eco-catalog-search{display:flex;align-items:center;gap:14px;border:1px solid var(--eco-line);background:white;border-radius:12px;padding:7px 8px 7px 18px;margin-bottom:24px;box-shadow:0 4px 16px #14284704;}
.eco-catalog-search svg{width:21px;height:21px;fill:none;stroke:#7a8aa0;stroke-width:1.7;flex-shrink:0;}
.eco-catalog-search input{width:100%;min-width:0;border:0;background:transparent;font-size:14px;padding:10px 0;color:var(--eco-ink);}
.eco-catalog-search button{border:0;border-radius:8px;background:var(--eco-blue);color:white;min-height:42px;padding:0 20px;font-weight:700;white-space:nowrap;font-size:13px;}
.eco-catalog-search button span{margin-left:12px;}.eco-catalog-search button:hover{background:#003cab;}
/* Native sidepanel, sort controls and filtering */
body[data-page="2"] #sidepanel_left{padding-right:24px;}
body[data-page="2"] #sidepanel_left>.box{background:#fff;border:1px solid var(--eco-line);border-radius:14px;padding:20px;margin-bottom:16px;}
body[data-page="2"] :is(.productlist-filter-headline,.box-normal-link){color:var(--eco-ink);font-weight:700;font-size:14px;}
body[data-page="2"] .productlist-filter-headline{border-bottom:1px solid var(--eco-line);padding-bottom:14px;margin-bottom:12px;}
body[data-page="2"] #sidepanel_left .nav-link{padding:11px 10px;font-size:12px;line-height:1.4;border-radius:7px;}
body[data-page="2"] #sidepanel_left .active>.nav-link{color:var(--eco-blue);background:#edf4ff;font-weight:700;border-bottom:0;}
body[data-page="2"] #sidepanel_left .active>.nav-link::after{display:none;}
body[data-page="2"] #sidepanel_left .price-range-input{min-width:44px;padding:5px;font-size:12px;}
body[data-page="2"] #sidepanel_left .input-group-text{padding:5px;font-size:10px;}
body[data-page="2"] #sidepanel_left .nav-link:hover{background:#f4f7fb;}
body[data-page="2"] #sidepanel_left .box-filter{font-size:13px;}
body[data-page="2"] .productlist-page-nav{padding:0 0 18px;margin:0 0 22px;border-bottom:1px solid var(--eco-line);row-gap:12px;align-items:center;}
body[data-page="2"] .productlist-page-nav>.col{margin-top:0;}
body[data-page="2"] .productlist-pagination .pagination{padding:0;border:0;box-shadow:none;margin:0;}
body[data-page="2"] .productlist-pagination .page-link{padding:10px 13px;}
body[data-page="2"] .productlist-pagination .navbar-pagination{padding:0;border:0;box-shadow:none;margin:0;}
body[data-page="2"] .productlist-page-nav .btn{border:1px solid #dce4ee;background:white;color:#334460;border-radius:8px;font-size:12px;min-height:40px;padding:9px 13px;box-shadow:none;}
body[data-page="2"] .productlist-page-nav .btn:hover,body[data-page="2"] .productlist-page-nav .btn.active{background:#eaf2ff;color:var(--eco-blue);border-color:#bbd3f5;}
body[data-page="2"] .productlist-page-nav .btn-group>.btn{margin:0 2px;}
body[data-page="2"] .productlist-page-nav .dropdown-menu{border:1px solid var(--eco-line);border-radius:12px;box-shadow:0 12px 35px #152c4817;padding:8px;}
body[data-page="2"] .dropdown-item{font-size:13px;border-radius:6px;padding:9px 12px;}
body[data-page="2"] .dropdown-item.active{background:#edf4ff;color:var(--eco-blue);}
body[data-page="2"] .page-item .page-link{border-radius:8px;border:0;font-size:12px;margin:0 2px;}
body[data-page="2"] .page-item.active .page-link{background:var(--eco-blue);color:white;}
body[data-page="2"] .page-item.active .page-link::after{display:none;}
body[data-page="2"] .productlist-pagination{font-size:12px;color:var(--eco-muted);}
body[data-page="2"] .filter-active{border-radius:8px;background:#edf4ff;}
body[data-page="2"] .content-cats-small .sub-categories{border:1px solid var(--eco-line);border-radius:12px;background:white;padding:16px;}
body[data-page="2"] .sub-categories .caption{font-weight:700;font-size:13px;}
/* Product cards, shared with native recommendations */
body:is([data-page="1"],[data-page="2"]) .productbox{background:white;border:1px solid var(--eco-line);border-radius:15px;padding:16px;box-shadow:0 3px 10px #13213b03;transition:border-color .2s,box-shadow .2s;}
body:is([data-page="1"],[data-page="2"]) .productbox:hover,body:is([data-page="1"],[data-page="2"]) .productbox:focus-within{border-color:#9bbfed;box-shadow:0 12px 28px #13213b0d;}
body:is([data-page="1"],[data-page="2"]) .productbox .productbox-inner{padding:0;background:transparent;}
body:is([data-page="1"],[data-page="2"]) .productbox .productbox-images{border-radius:10px;background:#f7f9fc;margin-bottom:18px;overflow:hidden;}
body:is([data-page="1"],[data-page="2"]) .productbox .square-image .inner{padding:16px;}
body:is([data-page="1"],[data-page="2"]) .productbox img{object-fit:contain;mix-blend-mode:multiply;}
body:is([data-page="1"],[data-page="2"]) .productbox-title{font:650 14px/1.5 'DM Sans',sans-serif;margin-bottom:12px;min-height:63px;}
body:is([data-page="1"],[data-page="2"]) .productbox-title a{color:var(--eco-ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-decoration:none;}
body:is([data-page="1"],[data-page="2"]) .productbox-title a:hover{color:var(--eco-blue);}
body:is([data-page="1"],[data-page="2"]) .productbox-column .price_wrapper{min-height:86px;}
body:is([data-page="1"],[data-page="2"]) .productbox .price-note{visibility:visible!important;opacity:1!important;display:block!important;}
body:is([data-page="1"],[data-page="2"]) .productbox .price{font:750 23px/1.3 'Manrope',sans-serif;color:var(--eco-ink);margin-top:8px;}
body:is([data-page="1"],[data-page="2"]) .productbox .price-note{font-size:10px;line-height:1.6;color:var(--eco-muted);min-height:32px;}
body:is([data-page="1"],[data-page="2"]) .productbox .ribbon{top:10px;left:7px;padding:5px 9px;border-radius:5px;font-size:9px;line-height:1.5;font-weight:700;box-shadow:none;text-transform:uppercase;letter-spacing:.03em;}
body:is([data-page="1"],[data-page="2"]) .ribbon::before,body:is([data-page="1"],[data-page="2"]) .ribbon::after{display:none;}
.eco-product-link{display:flex;align-items:center;justify-content:space-between;color:var(--eco-blue);background:#eff5ff;border:1px solid #e0eaff;border-radius:8px;padding:11px 13px;font-size:12px;font-weight:700;margin-top:14px;text-decoration:none;}
.eco-product-link:hover{background:#0050d5;color:#fff!important;text-decoration:none;}
.eco-product-link span{font-size:18px;line-height:1;}
.eco-card-tax{color:var(--eco-muted);font-size:10px;line-height:1.65;margin-top:5px;}
body:is([data-page="1"],[data-page="2"]) .productbox .price-note:empty{min-height:0;}
body[data-page="2"] #product-list{margin-left:-10px;margin-right:-10px;}
body[data-page="2"] #product-list>.product-wrapper{padding-left:10px;padding-right:10px;margin-bottom:20px;}
body[data-page="2"] #product-list.layout-gallery .productbox{height:100%;}
body[data-page="2"] .layout-list .productbox-title{font-size:18px;min-height:0;}
/* Product detail gallery and purchase information */
body[data-page="1"] #result-wrapper>.container,body[data-page="1"] .breadcrumb-container{max-width:1320px;width:100%;}
body[data-page="1"] #result-wrapper>.container{padding:0;}
body[data-page="1"] #product-offer{margin:4px -16px 44px;align-items:flex-start;}
body[data-page="1"] #product-offer>.product-gallery,body[data-page="1"] #product-offer>.product-info{padding:0 16px;min-width:0;}
body[data-page="1"] #image_wrapper{border:1px solid var(--eco-line);border-radius:20px;background:white;padding:24px;box-shadow:0 6px 30px #152c4805;}
body[data-page="1"] #gallery .square-image .inner{padding:12px;}
body[data-page="1"] #gallery img{object-fit:contain;}
body[data-page="1"] .product-detail-image-topbar{min-height:6px;}
body[data-page="1"] .product-actions .btn{border:1px solid var(--eco-line);background:#fff;color:var(--eco-ink);box-shadow:0 3px 8px #1428470a;}
body[data-page="1"] .product-actions .btn:hover{color:var(--eco-blue);border-color:var(--eco-blue);}
body[data-page="1"] #gallery_preview .square-image{border:1px solid var(--eco-line);border-radius:8px;overflow:hidden;}
body[data-page="1"] #gallery_preview .slick-current{border:2px solid var(--eco-blue);}
body[data-page="1"] .product-info-inner{padding:30px;background:white;border:1px solid var(--eco-line);border-radius:20px;box-shadow:0 6px 30px #152c4805;}
body[data-page="1"] .product-title{font:750 clamp(22px,2.1vw,32px)/1.32 'Manrope',sans-serif;color:var(--eco-ink);letter-spacing:-.035em;margin:0 0 18px;overflow-wrap:anywhere;}
body[data-page="1"] .info-essential{display:flex;flex-wrap:wrap;gap:5px 18px;font-size:11px;line-height:1.7;color:var(--eco-muted);margin-bottom:20px;}
body[data-page="1"] .info-essential strong{font-weight:500;}
body[data-page="1"] .info-essential a{color:#45618b;}
body[data-page="1"] .product-offer{border-top:1px solid var(--eco-line);padding-top:22px;margin-top:16px;}
body[data-page="1"] .product-offer .price{font:750 36px/1.2 'Manrope',sans-serif;letter-spacing:-.045em;color:var(--eco-ink);margin-bottom:8px;}
body[data-page="1"] .product-offer .price-note{font-size:11px;line-height:1.6;color:var(--eco-muted);}
body[data-page="1"] .stock-information{font-size:12px;line-height:1.8;margin-top:18px;margin-bottom:16px;}
body[data-page="1"] .stock-information>.col{flex-basis:100%;}
body[data-page="1"] .stock-information .status{font-weight:700;}
body[data-page="1"] .question-on-item .btn{padding:6px 0;color:#4c6385;font-size:12px;}
body[data-page="1"] .basket-form-inline{margin:0 -5px;}
body[data-page="1"] .basket-form-inline>.col{padding:0 5px;}
body[data-page="1"] #quantity-grp{height:50px;border:1px solid #dce4ed;border-radius:9px;overflow:hidden;background:#f7f9fc;}
body[data-page="1"] #quantity-grp .btn,body[data-page="1"] #quantity{border:0;background:transparent;height:48px;color:var(--eco-ink);box-shadow:none;}
body[data-page="1"] #quantity-grp .btn{padding:10px 12px;}
body[data-page="1"] #add-to-cart .btn-primary{min-height:50px;border-radius:9px;font-size:14px;font-weight:700;box-shadow:0 5px 12px #0050d518;}
.eco-product-summary{border:1px solid var(--eco-line);border-radius:9px;background:#f7f9fc;margin:0 0 20px;}
.eco-product-summary summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:13px 15px;font-size:12px;font-weight:650;list-style:none;}
.eco-product-summary summary::-webkit-details-marker{display:none;}.eco-product-summary summary span{font-size:18px;font-weight:400;color:var(--eco-blue);}
.eco-product-summary[open] summary{border-bottom:1px solid var(--eco-line);}.eco-product-summary[open] summary span{transform:rotate(45deg);}
.eco-product-summary .shortdesc{padding:15px;max-height:420px;overflow:auto;font-size:13px;line-height:1.7;margin:0;}
body[data-page="1"] :is(.shortdesc,.tab-content,.tab-pane,.product-description,.desc){overflow-wrap:anywhere;}
body[data-page="1"] :is(.shortdesc,.tab-content) table{width:100%!important;max-width:100%;table-layout:fixed;font-size:13px;}
body[data-page="1"] :is(.shortdesc,.tab-content) :is(th,td){overflow-wrap:anywhere;padding:9px 12px;border-bottom:1px solid var(--eco-line);}
body[data-page="1"] :is(.shortdesc,.tab-content) img{max-width:100%;height:auto;}
.eco-product-help{display:flex;align-items:center;gap:12px;border-top:1px solid var(--eco-line);padding-top:20px;margin-top:22px;}
.eco-help-icon{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:50%;color:var(--eco-blue);background:#edf4ff;font-weight:700;}
.eco-product-help>div{flex:1;min-width:0;}.eco-product-help strong{display:block;font-size:12px;margin-bottom:3px;}.eco-product-help div>span{display:block;font-size:11px;color:var(--eco-muted);}
.eco-product-help a{white-space:nowrap;font-size:12px;font-weight:700;color:var(--eco-blue);}
body[data-page="1"] .tab-navigation{border:1px solid var(--eco-line);border-radius:16px;background:white;padding:8px 24px 24px;margin:16px 0 44px;}
body[data-page="1"] #product-tabs{gap:18px;border-bottom:1px solid var(--eco-line);margin-bottom:22px;}
body[data-page="1"] #product-tabs .nav-link{font-size:14px;font-weight:700;padding:18px 0;border:0;border-bottom:3px solid transparent;}
body[data-page="1"] #product-tabs .nav-link.active{color:var(--eco-blue);border-bottom-color:var(--eco-blue);background:transparent;}
body[data-page="1"] #product-tabs .nav-link::after{display:none;}
body[data-page="1"] .tab-content{font-size:14px;line-height:1.85;color:#43516a;}
body[data-page="1"] .tab-content :is(h2,h3){color:var(--eco-ink);font:700 20px/1.4 'Manrope',sans-serif;}
body[data-page="1"] .tab-content .desc{max-width:1040px;}
body[data-page="1"] :is(.tab-content,.shortdesc) .desc{overflow-x:auto;}
body[data-page="1"] :is(.tab-content,.shortdesc) div{max-width:100%!important;min-width:0;}
body[data-page="1"] :is(.tab-content,.shortdesc) :is(th,td){width:auto!important;}
body[data-page="1"] .recommendations{margin-top:35px;}
/* Higher specificity than asynchronously loaded NOVA component rules. */
body[data-page="1"] #product-offer .info-essential{margin:16px 0 20px;}
body[data-page="1"] #product-offer .product-offer{margin-bottom:0;}
body[data-page="1"] #product-offer .price_wrapper{margin-bottom:12px;}
body[data-page="1"] #product-offer .stock-information{padding:10px 0;margin:10px 0;}
body[data-page="1"] #product-offer #add-to-cart{margin-top:16px;}
body[data-page="1"] #add-to-cart .btn-basket-check>span{display:inline;}
body[data-page="1"] .breadcrumb-wrapper>.col-auto{flex:1;min-width:0;}
body[data-page="1"] .breadcrumb-wrapper .navigation-arrows{flex:0 0 auto;width:auto;margin-left:auto;}
body[data-page="1"] .breadcrumb-item:not(.last){flex-shrink:0;white-space:nowrap;}
body[data-page="1"] .breadcrumb{flex-wrap:nowrap;}
body[data-page="1"] .breadcrumb-item.last{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
body[data-page="2"] .noUi-connect{background:var(--eco-blue);}
body[data-page="2"] .noUi-handle{border-color:#b4d0f8;background:var(--eco-blue);box-shadow:0 0 0 3px #0050d515;}
@media(min-width:992px){
 body[data-page="2"] #sidepanel_left{flex:0 0 248px;max-width:248px;max-height:calc(100vh - 180px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4d2e5 transparent;position:sticky;top:156px;align-self:flex-start;}
 body[data-page="2"] #content>.row>.ml-auto-util{flex:0 0 calc(100% - 248px);max-width:calc(100% - 248px);}
 body[data-page="2"] #product-list.layout-gallery>.product-wrapper{flex:0 0 33.333%;max-width:33.333%;}
 body[data-page="1"] #product-offer>.product-gallery{flex:0 0 52%;max-width:52%;}
 body[data-page="1"] #product-offer>.product-info{flex:0 0 48%;max-width:48%;}
 body[data-page="1"] .basket-form-inline>.col:first-child{flex:0 0 36%;max-width:36%;}
 body[data-page="1"] .basket-form-inline>.col:last-child{flex:0 0 64%;max-width:64%;}
}
@media(max-width:991.98px){
 body:is([data-page="1"],[data-page="2"]) #content-wrapper{padding:0 24px;}
 body[data-page="2"] #sidepanel_left{padding-right:15px;}
 body[data-page="1"] #product-offer>.product-gallery{margin-bottom:24px;}
 body[data-page="1"] .product-info-inner{padding:26px;}
 body[data-page="1"] #image_wrapper{max-width:650px;margin:auto;}
 body[data-page="2"] #collapseFilter .modal-content{border:0;border-radius:15px;}
 body[data-page="2"] #collapseFilter .modal-body{font-size:14px;}
}
@media(max-width:575.98px){
 body:is([data-page="1"],[data-page="2"]) #content-wrapper{padding:0 16px;}
 body:is([data-page="1"],[data-page="2"]) .breadcrumb-container{padding:18px 0;}
 body:is([data-page="1"],[data-page="2"]) .breadcrumb{font-size:10px;}
 .eco-catalog-heading{padding:26px 22px;min-height:165px;border-radius:13px;gap:12px;}
 .eco-catalog-heading h1{font-size:25px;}.eco-catalog-heading p{font-size:12px;line-height:1.6;}
 .eco-catalog-mark{flex-basis:45px;transform:scale(.65) rotate(-12deg);transform-origin:left center;opacity:.5;}
 .eco-commerce-eyebrow{font-size:9px;letter-spacing:.12em;}
 .eco-catalog-search{gap:9px;padding-left:12px;}.eco-catalog-search input{font-size:16px;}.eco-catalog-search button{padding:0 12px;font-size:12px;}.eco-catalog-search button span{display:none;}
 body[data-page="2"] #product-list{margin-left:-6px;margin-right:-6px;}
 body[data-page="2"] #product-list>.product-wrapper{padding:0 6px;margin-bottom:12px;}
 body:is([data-page="1"],[data-page="2"]) .productbox{padding:10px;border-radius:11px;}
 body:is([data-page="1"],[data-page="2"]) .productbox .square-image .inner{padding:7px;}
 body:is([data-page="1"],[data-page="2"]) .productbox-title{font-size:12px;line-height:1.5;min-height:54px;}
 body:is([data-page="1"],[data-page="2"]) .productbox .price{font-size:20px;}
 body:is([data-page="1"],[data-page="2"]) .productbox .price-note{font-size:9px;min-height:42px;}
 body:is([data-page="1"],[data-page="2"]) .productbox .ribbon{font-size:8px;left:3px;top:5px;padding:4px 6px;}
 .eco-product-link{font-size:10px;padding:10px 8px;gap:4px;}.eco-product-link span{font-size:16px;}
 body[data-page="1"] #product-offer{margin-bottom:28px;}
 body[data-page="1"] #image_wrapper{padding:12px;border-radius:13px;}
 body[data-page="1"] .product-info-inner{padding:21px 18px;border-radius:13px;}
 body[data-page="1"] .product-title{font-size:23px;}
 body[data-page="1"] .product-offer .price{font-size:32px;}
 body[data-page="1"] .basket-form-inline>.col{margin-bottom:10px;}
 body[data-page="1"] .info-essential{font-size:10px;}
 body[data-page="1"] .tab-navigation{padding:5px 16px 18px;}
 body[data-page="1"] .card-header{background:#f4f7fb;border-radius:8px;font-weight:700;}
 body[data-page="1"] .card-body{padding:16px;font-size:13px;line-height:1.7;}
}
@media(prefers-reduced-motion:reduce){body:is([data-page="1"],[data-page="2"]) .productbox{transition:none;}}
