:root{--woh-black:#111314;--woh-charcoal:#1d2021;--woh-text:#1a1a1a;--woh-muted:#6f7377;--woh-line:#e9e4dc;--woh-gold:#bd812b;--woh-gold2:#d2a354;--woh-soft:#f7f6f4;--woh-serif:Georgia,'Times New Roman',serif;--woh-sans:Inter,Arial,sans-serif}body{font-family:var(--woh-sans);color:var(--woh-text);background:#fff}.container,.container-md{max-width:1360px}.woh-topbar{background:#111314;color:#e6e1d8;font-size:13px;height:34px}.woh-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;height:34px}.woh-topbar .material-icons{font-size:17px;color:var(--woh-gold2);vertical-align:-4px;margin-right:6px}.woh-header{background:#fff;border-bottom:1px solid var(--woh-line);box-shadow:0 3px 12px rgba(0,0,0,.03);position:relative;z-index:20}.woh-header__main{height:86px;display:grid;grid-template-columns:270px minmax(320px,1fr) auto;align-items:center;gap:32px}.woh-logo,.woh-logo:hover{text-decoration:none;color:#111;display:block}.woh-logo img{max-width:245px;max-height:64px;object-fit:contain}.woh-logo__text{font-family:var(--woh-serif);font-size:42px;line-height:1;color:#161616;letter-spacing:-1.5px}.woh-logo__text span{color:var(--woh-gold)}.woh-logo small{display:block;font-size:12px;font-weight:800;letter-spacing:4px;color:#1b1b1b;margin-top:3px}.woh-search #_desktop_search{display:block!important;width:100%;padding:0;margin:0}.woh-search #search_widget{width:100%;position:relative}.woh-search #search_widget form{height:48px;border:1px solid #dedbd6;border-radius:5px;display:flex;align-items:center;background:#fff;overflow:hidden}.woh-search #search_widget input{height:48px;border:0!important;box-shadow:none!important;padding:0 54px 0 20px;width:100%;font-size:15px}.woh-search #search_widget .search{position:absolute;right:0;top:0;width:58px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--woh-gold2),var(--woh-gold));color:#fff;font-size:25px}.woh-search #search_widget .clear{display:none!important}.woh-header__actions{display:flex;align-items:center;gap:18px;white-space:nowrap}.woh-header__actions .header-block__action-btn,.woh-fav{display:flex!important;align-items:center;gap:6px;color:#111!important;text-decoration:none;font-weight:800;font-size:14px;position:relative}.woh-header__actions .material-icons{font-size:30px;color:#1f2223}.woh-header__actions .header-block__badge,.woh-fav em{position:absolute;top:-9px;left:21px;background:var(--woh-gold);color:#fff;border-radius:999px;min-width:17px;height:17px;line-height:17px;text-align:center;font-size:10px;font-style:normal;font-weight:900}.woh-selectors{gap:6px}.woh-selectors .dropdown-toggle,.woh-selectors button,.woh-selectors a{font-size:12px;color:#444!important;text-decoration:none}.woh-navline{border-top:1px solid var(--woh-line);height:48px}.woh-navline__inner{height:48px;display:flex;align-items:center;justify-content:space-between}.woh-navline .main-menu{height:48px;display:flex!important;width:100%}.woh-navline .main-menu__tree{gap:0}.woh-navline .main-menu__tree__item{height:48px!important;margin-right:50px}.woh-navline .main-menu__tree__link{font-size:15px;font-weight:800;color:#111!important;text-decoration:none}.woh-navline .main-menu__tree__item:last-child .main-menu__tree__link,.woh-navline a[href*='akcie'],.woh-navline .current a{color:#e63946!important}.woh-contact-link{font-size:13px;color:#444;text-decoration:none}.menu-container{border:1px solid var(--woh-line);border-radius:0 0 14px 14px}.page-home{padding:0}.woh-home-wrapper #content{max-width:none;padding:0}.woh-home-hero{margin:0}.woh-slider{height:350px;overflow:hidden;background:#111}.woh-slide{height:350px;position:relative;background:#111}.woh-slide__media{position:absolute;inset:0;left:46%;background:#e8ded0}.woh-slide__media:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111 0%,rgba(17,17,17,.95) 5%,rgba(17,17,17,.45) 32%,rgba(17,17,17,0) 55%);z-index:1}.woh-slide__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(.98)}.woh-slide__content{height:350px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}.woh-slide__content p{text-transform:uppercase;letter-spacing:2px;font-size:14px;color:var(--woh-gold2);font-weight:900;margin:0 0 15px}.woh-slide__content h2{font-family:var(--woh-serif);font-size:58px;line-height:.98;letter-spacing:-1px;margin:0 0 20px;max-width:520px;color:#fff}.woh-slide__content h2 span{color:var(--woh-gold2)}.woh-slide__content div{font-size:17px;line-height:1.45;max-width:430px;color:#f0eee9;margin-bottom:28px}.woh-btn{display:inline-flex;align-items:center;background:linear-gradient(180deg,#d8a24d,#b9781c);color:#fff!important;text-transform:uppercase;font-weight:900;font-size:14px;padding:15px 27px;border-radius:4px;box-shadow:0 8px 18px rgba(189,129,43,.28)}.woh-slider .carousel-indicators{left:calc((100% - min(1360px,100%))/2 + 5px);right:auto;bottom:26px;margin:0;gap:15px}.woh-slider .carousel-indicators button{width:10px;height:10px;border-radius:50%;border:0;background:#fff;opacity:1}.woh-slider .carousel-indicators .active{background:var(--woh-gold)}.woh-category-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:24px;margin-bottom:22px}.woh-cat-card{min-height:150px;border:1px solid #e4e1dd;border-radius:8px;background:#fff;padding:24px 26px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#111;box-shadow:0 2px 9px rgba(0,0,0,.025);position:relative;overflow:hidden}.woh-cat-card strong{font-size:16px;font-weight:900}.woh-cat-card small{font-size:14px;color:#805a24;margin-top:7px}.woh-cat-ico{position:absolute;left:26px;top:18px;width:90px;height:45px;display:block}.woh-i-handle-silver,.woh-i-handle-black,.woh-i-handle-gold{border-radius:30px;background:linear-gradient(90deg,#bbb,#f8f8f8,#aaa);box-shadow:-20px 4px 0 -8px #ccc}.woh-i-handle-black{background:linear-gradient(90deg,#111,#343434,#000);box-shadow:-20px 4px 0 -8px #111}.woh-i-handle-gold{background:linear-gradient(90deg,#a66d1d,#e9c26b,#b6781e);box-shadow:-20px 4px 0 -8px #d7a247}.woh-i-lock:before{content:'';display:block;width:78px;height:38px;background:#ddd;border:3px solid #c6c6c6}.woh-i-lock:after{content:'';position:absolute;left:19px;top:13px;width:42px;height:12px;background:#111}.woh-i-hinge:before,.woh-i-hinge:after{content:'';position:absolute;width:34px;height:55px;background:#d6d6d6;border:1px solid #aaa;top:0}.woh-i-hinge:before{left:5px}.woh-i-hinge:after{left:48px}.woh-assortment{border:1px solid #e1ddd8;border-radius:10px;padding:16px 22px 22px;margin-bottom:30px}.woh-assortment h2,.woh-section-head h2,.woh-brands h2,.woh-inspiration h2{font-family:var(--woh-serif);font-weight:700;font-size:28px;margin:0}.woh-assortment__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.woh-assortment__grid a{height:72px;border:1px solid #e6e1dc;border-radius:8px;background:#fff;display:grid;grid-template-columns:32px 54px 1fr 18px;align-items:center;gap:8px;padding:0 13px;text-decoration:none;color:#111}.woh-assortment__grid b{font-family:var(--woh-serif);font-size:26px;color:var(--woh-gold2)}.woh-assortment__grid strong{font-size:14px;line-height:1.08;font-weight:900}.woh-assortment__grid em{font-style:normal;color:#9b6b2f}.woh-mini{display:block;width:48px;height:26px;position:relative}.woh-mini:before{content:'';position:absolute;inset:7px 4px;background:linear-gradient(90deg,#b9781c,#e7bf68);border-radius:20px}.woh-i-cylinder:before{background:linear-gradient(90deg,#ddd,#999);height:10px;top:8px}.woh-i-hinge-mini:before{background:#ccc;border-radius:2px;height:30px;top:-2px}.woh-i-stop:before{background:#111;width:30px;height:12px;left:9px;top:13px}.woh-i-closer:before{background:#aaa;height:8px;transform:rotate(-15deg)}.woh-i-peephole:before{width:28px;height:28px;left:9px;top:-1px;background:radial-gradient(circle,#fff 15%,#c7933a 18%,#d7a247 60%,#8b632b 65%)}.woh-i-number:before{content:'5';inset:auto;color:#cda257;font:700 38px var(--woh-serif);background:none}.woh-i-mailbox:before{background:#222;border-radius:2px;height:28px;top:0}.woh-i-sliding:before{height:7px;top:5px;background:#111}.woh-i-seal:before{background:linear-gradient(90deg,#666,#ddd);transform:skew(-12deg);height:32px;top:-3px}.woh-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.woh-section-head a{font-size:13px;color:#93672b;text-decoration:none;font-weight:700}.woh-featured{margin:0 0 16px}.woh-featured .products{display:grid!important;grid-template-columns:repeat(6,1fr);gap:14px;margin:0}.woh-featured .product-miniature{width:auto;max-width:none;padding:0}.woh-product-card{border:1px solid #e5e1dc!important;border-radius:8px!important;position:relative;overflow:hidden;height:100%;box-shadow:none!important;background:#fff}.woh-product-card__image{display:flex;height:190px;align-items:center;justify-content:center;padding:18px 18px 0}.woh-product-card__image img{max-width:100%;max-height:170px;object-fit:contain}.woh-heart{position:absolute;right:15px;top:13px;border:0;background:#fff;color:#bbb;font-size:24px;line-height:1}.woh-product-card__body{padding:12px 16px 15px}.woh-product-card__title{display:block;min-height:40px;color:#111;text-decoration:none;font-weight:900;font-size:15px;line-height:1.15}.woh-product-card__body small{display:block;color:#666;font-size:13px;min-height:18px}.woh-stars{font-size:13px;color:#d19c42;letter-spacing:1px;margin:8px 0}.woh-stars span{color:#777;letter-spacing:0}.woh-product-card__price{font-size:19px;font-weight:900;margin:8px 0 12px;color:#111}.woh-add-form .btn,.woh-detail-btn{width:100%;height:31px;padding:0;border:0;background:linear-gradient(180deg,#d6a04a,#b8761d)!important;color:#fff!important;font-size:11px;font-weight:900;text-transform:uppercase;border-radius:3px}.woh-add-form .material-icons{font-size:15px;vertical-align:-3px;margin-right:4px}.woh-brands{margin-top:8px;margin-bottom:12px}.woh-brands__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:10px}.woh-brands__grid a{height:42px;border:1px solid #e3dfd9;border-radius:6px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#111;font-size:20px;font-weight:900;background:#fff}.woh-home-banner{margin:0}.woh-promo{height:126px;margin-top:10px;margin-bottom:0;background:#111;color:#fff!important;border-radius:5px;overflow:hidden;text-decoration:none;display:grid;grid-template-columns:370px 130px 1fr;align-items:center;position:relative;padding:0 36px}.woh-promo:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 68% 50%,rgba(210,163,84,.17),transparent 32%)}.woh-promo__left{position:relative;z-index:2}.woh-promo__left small{text-transform:uppercase;letter-spacing:1.4px;color:#d2a354;font-weight:900}.woh-promo__left strong{display:block;font:700 29px/1 var(--woh-serif);margin:5px 0 12px}.woh-promo__left span{display:inline-block;background:#c58a35;color:#fff;padding:9px 18px;border-radius:3px;text-transform:uppercase;font-size:12px;font-weight:900}.woh-promo__discount{width:88px;height:88px;border:3px solid #c58a35;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:900;color:#d7a247;position:relative;z-index:2}.woh-promo__handle{height:38px;border-radius:50px;background:linear-gradient(90deg,#a46b1f,#f0c76e,#a66d1f);position:relative;z-index:2}.woh-promo__handle:before{content:'';position:absolute;left:-60px;top:-19px;width:76px;height:76px;border-radius:50%;background:linear-gradient(90deg,#a46b1f,#edc56c)}.woh-promo__handle:after{content:'';position:absolute;left:70px;top:-22px;width:170px;height:82px;background:repeating-linear-gradient(105deg,transparent 0,transparent 29px,rgba(0,0,0,.35) 30px,rgba(0,0,0,.35) 34px)}.woh-benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e4dfd8;border-radius:0 0 6px 6px;margin-bottom:25px}.woh-benefits div{height:70px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:1fr 1fr;align-items:center;border-right:1px solid #e4dfd8;padding:0 28px}.woh-benefits div:last-child{border-right:0}.woh-benefits .material-icons{grid-row:1/3;color:#bd812b;font-size:30px}.woh-benefits strong{font-size:14px;align-self:end}.woh-benefits small{font-size:13px;color:#666;align-self:start}.woh-inspiration{margin-bottom:28px}.woh-inspiration__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.woh-inspiration__grid a{height:105px;border-radius:6px;overflow:hidden;position:relative;color:#fff;text-decoration:none;padding:55px 18px 16px;background:linear-gradient(140deg,rgba(0,0,0,.1),rgba(0,0,0,.85)),linear-gradient(90deg,#c9b398,#111)}.woh-inspiration__grid a:nth-child(2){background:linear-gradient(140deg,rgba(0,0,0,.15),rgba(0,0,0,.92)),linear-gradient(90deg,#b89d7f,#111)}.woh-inspiration__grid a:nth-child(3){background:linear-gradient(140deg,rgba(0,0,0,.1),rgba(0,0,0,.8)),linear-gradient(90deg,#d2a354,#efe2ca)}.woh-inspiration__grid a:nth-child(4){background:linear-gradient(140deg,rgba(0,0,0,.1),rgba(0,0,0,.88)),linear-gradient(90deg,#e5d7c4,#4d4037)}.woh-inspiration strong{display:block;font-size:16px}.woh-inspiration small{font-size:13px;color:#fff}.woh-footer{background:#121718;color:#d9dfdf;padding:42px 0 28px}.woh-footer__grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.6fr 1fr;gap:45px}.woh-footer h3{text-transform:uppercase;letter-spacing:1.4px;font-size:13px;color:#fff;margin:0 0 14px;font-weight:900}.woh-footer a,.woh-footer p{display:block;color:#d9dfdf;text-decoration:none;font-size:13px;line-height:1.65;margin:0 0 4px}.woh-footer__newsletter .block_newsletter,.woh-footer__newsletter form{margin:0!important;padding:0!important;background:transparent!important}.woh-footer__newsletter input[type=email]{height:34px;border:0;border-radius:2px;padding:0 12px;max-width:250px}.woh-footer__newsletter input[type=submit],.woh-footer__newsletter button{height:34px;background:#c58a35!important;color:#fff!important;border:0!important;border-radius:2px;font-weight:900;text-transform:uppercase;padding:0 15px}.woh-social{display:flex;gap:10px;margin-top:10px}.woh-social a{width:30px;height:30px;border:1px solid #596062;border-radius:50%;display:flex;align-items:center;justify-content:center}.copyright{display:none}.footer__before,.footer__main{display:none}.block_newsletter{width:100%}.breadcrumb{font-size:12px}.product-container,.product-information,.tabs{font-family:var(--woh-sans)}.product-actions .btn-primary,.add-to-cart{background:linear-gradient(180deg,#d6a04a,#b8761d)!important;border:0!important;text-transform:uppercase;font-weight:900}.product-prices .current-price,.current-price span{font-size:32px;font-weight:900;color:#111}@media(max-width:1199px){.woh-header__main{grid-template-columns:220px 1fr auto;gap:14px}.woh-featured .products{grid-template-columns:repeat(3,1fr)}.woh-category-strip,.woh-assortment__grid{grid-template-columns:repeat(2,1fr)}.woh-brands__grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.woh-topbar{height:auto}.woh-topbar__inner{height:auto;display:grid;grid-template-columns:1fr 1fr;font-size:11px;padding:5px 12px}.woh-header__main{height:auto;min-height:70px;grid-template-columns:1fr auto auto auto;padding:10px 12px}.woh-logo__text{font-size:30px}.woh-search{display:none}.woh-header__actions{display:none}.woh-navline{height:auto}.woh-navline__inner{height:48px}.woh-contact-link{display:none}.woh-slider,.woh-slide,.woh-slide__content{height:360px}.woh-slide__media{left:0;opacity:.4}.woh-slide__content h2{font-size:42px}.woh-category-strip,.woh-assortment__grid,.woh-featured .products,.woh-brands__grid,.woh-benefits,.woh-inspiration__grid,.woh-footer__grid{grid-template-columns:1fr 1fr}.woh-promo{grid-template-columns:1fr;height:auto;min-height:160px}.woh-promo__discount,.woh-promo__handle{display:none}.woh-footer__grid{gap:20px}.woh-benefits div{border-bottom:1px solid #e4dfd8}.woh-benefits div:nth-child(2n){border-right:0}}@media(max-width:480px){.woh-category-strip,.woh-assortment__grid,.woh-featured .products,.woh-brands__grid,.woh-benefits,.woh-inspiration__grid,.woh-footer__grid{grid-template-columns:1fr}.woh-slide__content h2{font-size:34px}.woh-slide__content div{font-size:14px}.woh-cat-card{min-height:130px}.woh-product-card__image{height:160px}}

/* WoH v1.2.1 - strict visual pass */
.woh-header img.logo,.woh-logo img{display:none!important}.woh-logo{text-decoration:none!important;display:inline-flex!important;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1}.woh-logo__text{font-family:Georgia,'Times New Roman',serif!important;font-size:39px!important;font-weight:400!important;letter-spacing:-1.1px!important;color:#151515!important}.woh-logo__text span{color:#bd812b!important}.woh-logo small{display:block!important;font-size:10px!important;letter-spacing:3px!important;font-weight:900!important;color:#1b1b1b!important;margin-top:6px!important;white-space:nowrap}.woh-header__main{height:94px!important;grid-template-columns:286px minmax(300px,1fr) auto!important;gap:28px!important}.woh-search form,.search-widget form{height:48px!important;border:1px solid #ddd8d2!important;border-radius:4px!important;background:#fff!important}.woh-search input[type=text],.woh-search input[type=search],.search-widget input[type=text],.search-widget input[type=search]{height:46px!important;border:0!important;padding:0 18px!important;font-size:14px!important;color:#555!important}.woh-search button,.search-widget button{width:67px!important;height:48px!important;background:#bd812b!important;border:0!important;border-radius:0 4px 4px 0!important;color:#fff!important}.woh-selectors .dropdown-toggle,.language-selector .dropdown-toggle,.currency-selector .dropdown-toggle{border:0!important;background:#fff!important;font-weight:700!important;color:#222!important}.woh-navline{height:50px!important;background:#fff!important;border-top:1px solid #eee9e4!important;border-bottom:1px solid #eee9e4!important}.woh-navline__inner{height:50px!important;justify-content:flex-start!important}.woh-contact-link{display:none!important}.main-menu{height:100%!important;width:100%!important}.main-menu__tree{display:flex!important;gap:0!important;align-items:center!important;margin:0!important;padding:0!important;list-style:none!important}.main-menu__tree__item{margin:0 42px 0 0!important}.main-menu__tree__link{font-size:15px!important;font-weight:800!important;color:#151515!important;text-decoration:none!important;line-height:50px!important;padding:0!important}.main-menu__tree__link:after{font-size:11px!important;margin-left:8px!important}.woh-menu-sale,.main-menu__tree__link.woh-menu-sale{color:#e5292f!important}.menu-container{top:50px!important;border:1px solid #eee!important;border-radius:0 0 8px 8px!important}.woh-home-wrapper{padding-top:0!important}.woh-home-hero{margin:0 0 24px!important}.woh-slider,.woh-slide{height:390px!important;max-height:390px!important;overflow:hidden!important;background:#111!important}.woh-slide{position:relative!important;background:#0f1010!important}.woh-slide:before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,#0e0e0f 0%,#0e0e0f 39%,rgba(14,14,15,.88) 46%,rgba(14,14,15,.08) 58%,rgba(14,14,15,0) 100%)!important;z-index:2!important}.woh-slide__media{position:absolute!important;inset:0 0 0 38%!important;background-size:cover!important;background-position:center!important;z-index:1!important}.woh-slide__media img{display:none!important}.woh-slide__content{height:390px!important;position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding-left:84px!important}.woh-slide__content p{font-size:15px!important;color:#bd812b!important;text-transform:uppercase!important;letter-spacing:1.8px!important;font-weight:900!important;margin:0 0 18px!important}.woh-slide__content h2{font-family:Georgia,'Times New Roman',serif!important;color:#fff!important;font-size:52px!important;line-height:.98!important;letter-spacing:-1.6px!important;font-weight:700!important;margin:0 0 19px!important;max-width:430px!important}.woh-slide__content h2 span{color:#d2a354!important}.woh-slide__content div{max-width:420px!important;font-size:16px!important;line-height:1.48!important;color:#fff!important;margin:0 0 28px!important}.woh-btn{height:48px!important;display:inline-flex!important;align-items:center!important;padding:0 28px!important;border-radius:3px!important;background:#bd812b!important;color:#fff!important;font-size:14px!important;font-weight:900!important;text-transform:uppercase!important;box-shadow:0 5px 12px rgba(189,129,43,.28)!important}.woh-slider .carousel-indicators{left:82px!important;right:auto!important;bottom:28px!important;margin:0!important;gap:14px!important;z-index:5!important}.woh-slider .carousel-indicators button{width:10px!important;height:10px!important;border-radius:50%!important;background:#fff!important;opacity:1!important;border:0!important}.woh-slider .carousel-indicators button.active{background:#bd812b!important}.woh-category-strip{margin-top:0!important;margin-bottom:22px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:16px!important}.woh-cat-card{height:138px!important;min-height:138px!important;border-radius:7px!important;padding:22px 26px!important;box-shadow:none!important}.woh-assortment{padding:17px 22px 21px!important;margin-bottom:27px!important;border-radius:9px!important}.woh-assortment__grid{grid-template-columns:repeat(5,1fr)!important;gap:12px!important}.woh-assortment__grid a{height:72px!important;border-radius:6px!important;grid-template-columns:34px 60px 1fr 12px!important}.woh-section-head{margin-bottom:14px!important}.woh-section-head h2,.woh-brands h2,.woh-inspiration h2,.woh-assortment h2{font-size:27px!important;letter-spacing:-.4px!important}.woh-featured .products{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}.woh-featured .product-miniature{width:auto!important;max-width:none!important}.woh-product-card__image{height:178px!important}.woh-product-card__body{padding:10px 16px 15px!important}.woh-product-card__title{font-size:14px!important}.woh-product-card__price{font-size:18px!important}.woh-brands{margin-bottom:10px!important}.woh-brands__grid{grid-template-columns:repeat(8,1fr)!important;gap:12px!important}.woh-promo-img{display:block!important;height:144px!important;background:url('../img/woh-promo-banner.webp') center/cover no-repeat!important;border-radius:4px!important;margin-top:8px!important;margin-bottom:0!important;overflow:hidden!important;text-decoration:none!important}.woh-home-banner .container{max-width:1360px!important}.woh-benefits{height:68px!important;margin-top:0!important;margin-bottom:24px!important;border-top:0!important;border-radius:0 0 5px 5px!important}.woh-benefits div{height:68px!important}.woh-inspiration__grid a{background-size:cover!important;background-position:center!important;height:105px!important}.woh-inspiration__grid a:nth-child(1){background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72)),url('../img/woh-inspiration-1.webp')!important}.woh-inspiration__grid a:nth-child(2){background-image:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.8)),url('../img/woh-inspiration-2.webp')!important}.woh-inspiration__grid a:nth-child(3){background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.65)),url('../img/woh-inspiration-3.webp')!important}.woh-inspiration__grid a:nth-child(4){background-image:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.7)),url('../img/woh-inspiration-4.webp')!important}.woh-footer{padding:42px 0 34px!important;background:#121718!important}.woh-footer__grid{grid-template-columns:1fr 1fr 1.28fr 1.55fr 1fr!important;gap:45px!important}.woh-newsletter-form{background:transparent!important;padding:0!important;margin:0!important}.woh-newsletter-form__line{display:flex!important;align-items:center!important;margin:10px 0 8px!important}.woh-newsletter-form__line input[type=email]{width:250px!important;height:36px!important;border:0!important;border-radius:2px 0 0 2px!important;padding:0 12px!important;font-size:13px!important;background:#fff!important;color:#222!important}.woh-newsletter-form__line input[type=submit]{height:36px!important;border:0!important;border-radius:0 2px 2px 0!important;background:#c58a35!important;color:#fff!important;text-transform:uppercase!important;font-weight:900!important;font-size:12px!important;padding:0 15px!important}.woh-newsletter-form__consent{display:flex!important;gap:7px!important;align-items:flex-start!important;color:#d9dfdf!important;font-size:12px!important;line-height:1.35!important}.woh-newsletter-form__consent input{margin-top:2px!important}.footer__before,.footer__main,.email-subscription{display:none!important}
@media(max-width:1199px){.woh-header__main{grid-template-columns:250px 1fr auto!important}.main-menu__tree__item{margin-right:24px!important}.woh-featured .products{grid-template-columns:repeat(3,1fr)!important}.woh-category-strip,.woh-assortment__grid{grid-template-columns:repeat(2,1fr)!important}.woh-brands__grid{grid-template-columns:repeat(4,1fr)!important}.woh-slide__content{padding-left:36px!important}.woh-slide__content h2{font-size:45px!important}}
@media(max-width:767px){.woh-header__main{grid-template-columns:1fr auto auto auto!important;height:auto!important}.woh-logo__text{font-size:30px!important}.woh-slider,.woh-slide,.woh-slide__content{height:360px!important}.woh-slide__media{inset:0!important;opacity:.42!important}.woh-slide:before{background:rgba(14,14,15,.72)!important}.woh-slide__content{padding-left:22px!important}.woh-slide__content h2{font-size:38px!important}.woh-category-strip,.woh-assortment__grid,.woh-featured .products,.woh-brands__grid,.woh-benefits,.woh-inspiration__grid,.woh-footer__grid{grid-template-columns:1fr!important}.woh-promo-img{height:110px!important}.woh-benefits{height:auto!important}.woh-benefits div{border-right:0!important;border-bottom:1px solid #e4dfd8!important}.woh-newsletter-form__line input[type=email]{width:100%!important}}

/* WoH v1.2.2 - functional header fixes */
.woh-selectors{align-items:center!important;gap:8px!important}.woh-selectors .form-select,.woh-compact-select{height:38px!important;min-width:64px!important;width:auto!important;padding:0 31px 0 12px!important;border:1px solid #dedbd6!important;border-radius:5px!important;background-color:#fff!important;color:#222!important;font-size:14px!important;font-weight:800!important;line-height:38px!important;box-shadow:none!important}.woh-currency-selector .form-select{min-width:74px!important}.woh-language-selector .form-select{min-width:62px!important}.woh-header__actions #_desktop_cart a,.woh-header__actions #_desktop_cart a:hover{color:#111!important;text-decoration:none!important;cursor:pointer!important}.woh-header__actions #_desktop_cart .inactive .header-block__action-btn{opacity:1!important;pointer-events:auto!important}.woh-header__actions #_desktop_cart .header-block__title{font-weight:900!important}.woh-search #search_widget{z-index:60!important}.woh-search .search-widgets__dropdown{position:absolute!important;top:calc(100% + 7px)!important;left:0!important;right:0!important;background:#fff!important;border:1px solid #dedbd6!important;border-radius:8px!important;box-shadow:0 14px 35px rgba(0,0,0,.16)!important;z-index:9999!important;overflow:hidden!important}.woh-search .search-widgets__results{list-style:none!important;margin:0!important;padding:6px!important;max-height:420px!important;overflow:auto!important}.woh-search .search-result{margin:0!important;padding:0!important}.woh-search .search-result__link{display:grid!important;grid-template-columns:54px 1fr!important;gap:12px!important;align-items:center!important;padding:9px 10px!important;text-decoration:none!important;color:#111!important;border-radius:6px!important}.woh-search .search-result__link:hover{background:#f7f4ef!important}.woh-search .search-result__image{width:54px!important;height:54px!important;object-fit:contain!important;background:#fafafa!important;border:1px solid #eee!important;border-radius:5px!important}.woh-search .search-result__image--empty{display:block!important}.woh-search .search-result__text{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}.woh-search .search-result__name{font-size:14px!important;font-weight:800!important;line-height:1.25!important;white-space:normal!important}.woh-search .search-result__price{font-size:13px!important;font-weight:900!important;color:#bd812b!important}.woh-search .search-widgets__dropdown.d-none{display:none!important}

/* WoH v1.2.3 - editable home sections + mobile fixed bars */
.woh-cat-card img{max-width:118px;max-height:54px;object-fit:contain;display:block;margin:0 0 14px}.woh-assortment__grid img{width:54px;height:38px;object-fit:contain;display:block}.woh-brands__grid img{max-width:120px;max-height:36px;object-fit:contain;display:block;margin:auto}.woh-benefits img{width:28px;height:28px;object-fit:contain}.woh-inspiration__grid a[style]{background-size:cover!important;background-position:center!important}
@media(max-width:767px){
  .woh-topbar{position:sticky!important;top:0!important;z-index:1080!important;height:auto!important;min-height:64px!important}.woh-topbar__inner{height:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 14px!important;padding:10px 16px!important;font-size:13px!important;line-height:1.18!important}.woh-topbar__inner>div{display:flex!important;align-items:center!important;gap:6px!important}.woh-topbar .material-icons{margin-right:0!important;flex:0 0 auto!important}.woh-mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:64px!important;background:#fff!important;border-top:1px solid #e4ded5!important;box-shadow:0 -8px 24px rgba(0,0,0,.12)!important;z-index:1090!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;padding:5px 4px calc(5px + env(safe-area-inset-bottom))!important}.woh-mobile-bottom-nav__item{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;color:#111!important;font-weight:800!important;gap:1px!important}.woh-mobile-bottom-nav__item .material-icons{font-size:25px!important;color:#111!important}.woh-mobile-bottom-nav__item small{font-size:10px!important;line-height:1!important}.woh-mobile-bottom-nav__item em{position:absolute!important;top:3px!important;right:23%!important;min-width:17px!important;height:17px!important;border-radius:17px!important;background:#bd812b!important;color:#fff!important;font-style:normal!important;font-size:10px!important;line-height:17px!important;text-align:center!important}.woh-footer{padding-bottom:92px!important}body{padding-bottom:64px!important}.woh-header{z-index:1040!important}.woh-cat-card{min-height:148px!important}.woh-cat-card img{margin-left:0!important}.woh-assortment__grid img{margin:0 auto!important}}
@media(min-width:768px){.woh-mobile-bottom-nav{display:none!important}}


/* WoH v1.2.4 - corrected mobile sticky behavior and fixed bottom nav */
/* The reassurance strip must scroll with the page, not stay pinned above the logo. */
@media (max-width: 767px) {
  html body .woh-topbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 1 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body .woh-topbar__inner {
    height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px 16px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    line-height: 1.18 !important;
  }

  /* On mobile only the main logo/action row becomes fixed after scrolling past the black strip. */
  html body .woh-header {
    position: relative !important;
    z-index: 1040 !important;
    background: #fff !important;
  }

  html body .woh-header__main {
    background: #fff !important;
    border-bottom: 1px solid #e7e1d8 !important;
    z-index: 1100 !important;
  }

  html body.woh-mobile-header-is-fixed .woh-header__main {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
  }

  html body.woh-mobile-header-is-fixed {
    padding-top: var(--woh-mobile-main-header-height, 104px) !important;
  }

  html body.woh-mobile-header-is-fixed .woh-navline {
    margin-top: var(--woh-mobile-main-header-height, 104px) !important;
  }

  /* The hamburger/menu line remains part of normal page flow. */
  html body .woh-navline,
  html body .woh-navline__inner {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
  }

  /* Strong bottom navigation rules outside Bootstrap defaults. */
  html body .woh-mobile-bottom-nav {
    position: fixed !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    min-height: 66px !important;
    height: calc(66px + env(safe-area-inset-bottom)) !important;
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom)) !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-top: 1px solid #e5dfd6 !important;
    box-shadow: 0 -10px 28px rgba(0,0,0,.14) !important;
    z-index: 2147483000 !important;
    font-family: var(--woh-sans) !important;
  }

  html body .woh-mobile-bottom-nav__item,
  html body .woh-mobile-bottom-nav__item:visited,
  html body .woh-mobile-bottom-nav__item:hover,
  html body .woh-mobile-bottom-nav__item:focus {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 54px !important;
    gap: 3px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #111314 !important;
    background: transparent !important;
    text-decoration: none !important;
    border: 0 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  html body .woh-mobile-bottom-nav__item .material-icons {
    display: block !important;
    width: auto !important;
    height: 25px !important;
    margin: 0 !important;
    color: #111314 !important;
    font-family: 'Material Icons' !important;
    font-size: 25px !important;
    line-height: 25px !important;
    text-align: center !important;
  }

  html body .woh-mobile-bottom-nav__item small {
    display: block !important;
    margin: 0 !important;
    color: #111314 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html body .woh-mobile-bottom-nav__item:nth-child(1) .material-icons,
  html body .woh-mobile-bottom-nav__item:nth-child(3) .material-icons,
  html body .woh-mobile-bottom-nav__item:nth-child(5) .material-icons {
    color: #bd812b !important;
  }

  html body .woh-mobile-bottom-nav__item em {
    position: absolute !important;
    top: 5px !important;
    right: 24% !important;
    display: inline-block !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    background: #bd812b !important;
    color: #fff !important;
    font-style: normal !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 17px !important;
    text-align: center !important;
  }

  html body {
    padding-bottom: calc(74px + env(safe-area-inset-bottom)) !important;
  }

  html body .woh-footer {
    padding-bottom: 96px !important;
  }
}

@media (min-width: 768px) {
  html body .woh-mobile-bottom-nav {
    display: none !important;
  }
  html body.woh-mobile-header-is-fixed {
    padding-top: 0 !important;
  }
}


/* WoH v1.2.4 correction: reserve fixed mobile logo row inside header, not on body. */
@media (max-width: 767px) {
  html body.woh-mobile-header-is-fixed {
    padding-top: 0 !important;
  }
  html body.woh-mobile-header-is-fixed .woh-header {
    padding-top: var(--woh-mobile-main-header-height, 104px) !important;
  }
  html body.woh-mobile-header-is-fixed .woh-navline {
    margin-top: 0 !important;
  }
}

/* WoH v1.2.6 recovery mobile fix - no inline Smarty CSS/JS */
@media (max-width: 767px) {
  html body .woh-topbar,
  html body header .woh-topbar,
  html body .header-top .woh-topbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
    transform: none !important;
  }

  html body .woh-header {
    position: relative !important;
    z-index: 1040 !important;
    background: #fff !important;
  }

  html body .woh-header__main {
    background: #fff !important;
    border-bottom: 1px solid #e7e1d8 !important;
    z-index: 1100 !important;
  }

  html body.woh-mobile-header-is-fixed .woh-header {
    padding-top: var(--woh-mobile-main-header-height, 96px) !important;
  }

  html body.woh-mobile-header-is-fixed .woh-header__main {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
  }

  html body .woh-navline,
  html body.woh-mobile-header-is-fixed .woh-navline {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    z-index: 2 !important;
  }

  html body .woh-mobile-bottom-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    min-height: 68px !important;
    height: calc(68px + env(safe-area-inset-bottom)) !important;
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom)) !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-top: 1px solid #e7e1d8 !important;
    box-shadow: 0 -8px 24px rgba(0,0,0,.14) !important;
    z-index: 2147483000 !important;
  }

  html body .woh-mobile-bottom-nav__item,
  html body .woh-mobile-bottom-nav__item:visited,
  html body .woh-mobile-bottom-nav__item:hover,
  html body .woh-mobile-bottom-nav__item:focus {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    color: #111314 !important;
    text-decoration: none !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    position: relative !important;
    background: transparent !important;
    border: 0 !important;
  }

  html body .woh-mobile-bottom-nav__item .material-icons {
    font-family: 'Material Icons' !important;
    font-size: 25px !important;
    line-height: 25px !important;
    color: #111314 !important;
  }

  html body .woh-mobile-bottom-nav__item:nth-child(1) .material-icons,
  html body .woh-mobile-bottom-nav__item:nth-child(3) .material-icons,
  html body .woh-mobile-bottom-nav__item:nth-child(5) .material-icons {
    color: #bd812b !important;
  }

  html body .woh-mobile-bottom-nav__item small {
    display: block !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: #111314 !important;
    white-space: nowrap !important;
  }

  html body .woh-mobile-bottom-nav__item em {
    position: absolute !important;
    top: 4px !important;
    right: 24% !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    background: #bd812b !important;
    color: #fff !important;
    font-style: normal !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 17px !important;
    text-align: center !important;
  }

  html body {
    padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
  }

  html body .woh-footer {
    padding-bottom: 104px !important;
  }
}

@media (min-width: 768px) {
  html body .woh-mobile-bottom-nav {
    display: none !important;
  }
}


/* WoH v1.2.7 mobile header/search/bottom-nav correction */
@media (max-width: 767px) {
  html body .woh-topbar,
  html body.woh-mobile-header-is-fixed .woh-topbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 1 !important;
    transform: none !important;
  }

  html body .woh-topbar__inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px 16px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
    line-height: 1.18 !important;
  }

  html body .woh-topbar__inner > div {
    display: flex !important;
    align-items: flex-start !important;
    gap: 7px !important;
  }

  html body .woh-header {
    position: relative !important;
    z-index: 1040 !important;
    background: #fff !important;
  }

  html body .woh-header__main {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 104px !important;
    padding: 15px 14px 13px !important;
    background: #fff !important;
    border-bottom: 1px solid #e7e1d8 !important;
    box-shadow: none !important;
  }

  html body .woh-logo-wrap {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  html body .woh-logo {
    display: inline-block !important;
    text-align: center !important;
  }

  html body .woh-logo__text {
    display: block !important;
    font-size: 39px !important;
    line-height: .9 !important;
    letter-spacing: -1.2px !important;
    white-space: nowrap !important;
  }

  html body .woh-logo small {
    display: block !important;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.05 !important;
    letter-spacing: 5px !important;
    text-align: center !important;
  }

  html body .woh-search,
  html body .woh-header__actions,
  html body .search__mobile,
  html body #_mobile_user_info,
  html body #_mobile_cart {
    display: none !important;
  }

  html body .woh-mobile-selectors {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 2px !important;
  }

  html body .woh-mobile-selectors:empty {
    display: none !important;
  }

  html body .woh-mobile-selectors .form-select,
  html body .woh-mobile-selectors .woh-compact-select {
    height: 32px !important;
    min-width: 64px !important;
    width: auto !important;
    padding: 0 28px 0 10px !important;
    border: 1px solid #e0d9d0 !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    color: #161616 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 32px !important;
  }

  html body.woh-mobile-header-is-fixed .woh-header {
    padding-top: var(--woh-mobile-main-header-height, 118px) !important;
  }

  html body.woh-mobile-header-is-fixed .woh-header__main {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2147482500 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
  }

  html body .woh-navline {
    display: block !important;
    height: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  html body .woh-navline__inner,
  html body .woh-navline .main-menu {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body .woh-navline .main-menu > .container,
  html body .woh-navline .main-menu > .header-block,
  html body .woh-navline .main-menu__tree,
  html body .woh-navline #top-menu {
    display: none !important;
  }

  html body .woh-navline .main-menu__offcanvas {
    display: block;
  }

  html body .woh-mobile-bottom-nav {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    min-height: 62px !important;
    height: 62px !important;
    padding: 5px 4px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid #e5dfd6 !important;
    border-radius: 18px !important;
    box-shadow: 0 -8px 24px rgba(0,0,0,.14), 0 10px 24px rgba(0,0,0,.08) !important;
    z-index: 2147483000 !important;
    transform: translateZ(0) !important;
  }

  html body .woh-mobile-bottom-nav__item,
  html body .woh-mobile-bottom-nav__item:visited,
  html body .woh-mobile-bottom-nav__item:hover,
  html body .woh-mobile-bottom-nav__item:focus {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 !important;
    color: #111314 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  html body .woh-mobile-bottom-nav__item .material-icons {
    display: block !important;
    font-family: 'Material Icons' !important;
    font-size: 25px !important;
    line-height: 25px !important;
    color: #111314 !important;
  }

  html body .woh-mobile-bottom-nav__item:nth-child(1) .material-icons,
  html body .woh-mobile-bottom-nav__item:nth-child(3) .material-icons,
  html body .woh-mobile-bottom-nav__item:nth-child(5) .material-icons {
    color: #bd812b !important;
  }

  html body .woh-mobile-bottom-nav__item small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #111314 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  html body .woh-mobile-bottom-nav__item em {
    position: absolute !important;
    top: 0 !important;
    right: 19% !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    background: #bd812b !important;
    color: #fff !important;
    font-style: normal !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 17px !important;
    text-align: center !important;
  }

  html body .woh-mobile-search-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    z-index: 2147482999 !important;
    display: block !important;
    padding: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e5dfd6 !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.24) !important;
  }

  html body .woh-mobile-search-panel[hidden] {
    display: none !important;
  }

  html body .woh-mobile-search-panel__form {
    display: grid !important;
    grid-template-columns: 1fr 44px 36px !important;
    gap: 6px !important;
    align-items: center !important;
    margin: 0 !important;
  }

  html body .woh-mobile-search-panel__input {
    width: 100% !important;
    height: 44px !important;
    border: 1px solid #ddd5cc !important;
    border-radius: 10px !important;
    padding: 0 13px !important;
    color: #111 !important;
    background: #fff !important;
    font-size: 16px !important;
    outline: none !important;
  }

  html body .woh-mobile-search-panel__submit,
  html body .woh-mobile-search-panel__close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #bd812b !important;
    color: #fff !important;
  }

  html body .woh-mobile-search-panel__close {
    background: #f1eee9 !important;
    color: #111 !important;
  }

  html body .woh-mobile-search-panel__results {
    display: block !important;
    list-style: none !important;
    max-height: 285px !important;
    overflow: auto !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
  }

  html body .woh-mobile-search-panel__results:empty {
    display: none !important;
  }

  html body .woh-mobile-search-panel__results .search-result__link {
    display: grid !important;
    grid-template-columns: 48px 1fr !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 8px !important;
    border-radius: 10px !important;
    color: #111 !important;
    text-decoration: none !important;
  }

  html body .woh-mobile-search-panel__results .search-result__link:hover {
    background: #f7f4ef !important;
  }

  html body .woh-mobile-search-panel__results img,
  html body .woh-mobile-search-panel__results .search-result__image--empty {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    background: #fafafa !important;
  }

  html body {
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }

  html body .woh-footer {
    padding-bottom: 116px !important;
  }
}

@media (min-width: 768px) {
  html body .woh-mobile-selectors,
  html body .woh-mobile-search-panel,
  html body .woh-mobile-bottom-nav {
    display: none !important;
  }
}

/* WoH v1.2.8 mobile header/search correction */
@media (max-width: 767px) {
  html body .woh-header__main {
    min-height: 0 !important;
    padding: 18px 14px 15px !important;
  }

  html body .woh-mobile-selectors:empty,
  html body .woh-mobile-selectors:not(:has(*)) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
  }

  html body .woh-navline {
    display: block !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  html body .woh-navline__inner,
  html body .woh-navline .main-menu {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html body .woh-navline .header-block,
  html body .woh-navline .header-block__action-btn,
  html body .woh-navline .js-menu-desktop,
  html body .woh-navline #top-menu,
  html body .woh-navline .main-menu__tree {
    display: none !important;
  }

  html body .woh-navline .main-menu__offcanvas {
    display: block !important;
  }

  html body .woh-mobile-search-toggle {
    position: fixed !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body .woh-mobile-search-panel {
    display: none !important;
  }

  html body .woh-mobile-search-toggle:checked + .woh-mobile-search-panel {
    display: block !important;
  }

  html body .woh-mobile-bottom-nav__item,
  html body .woh-mobile-search-panel__close {
    cursor: pointer !important;
    user-select: none !important;
  }

  html body .woh-mobile-search-panel__close {
    text-decoration: none !important;
  }
}


/* WoH v1.2.9 mobile header/search final correction */
@media (max-width: 767px) {
  /* Let the black reassurance strip scroll normally. The white logo header itself sticks when it reaches the top. */
  html body .woh-topbar,
  html body.woh-mobile-header-is-fixed .woh-topbar {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    z-index: 1 !important;
  }

  html body .woh-header,
  html body.woh-mobile-header-is-fixed .woh-header {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    z-index: 2147482500 !important;
    padding-top: 0 !important;
    margin: 0 !important;
    background: #fff !important;
  }

  html body .woh-header__main,
  html body.woh-mobile-header-is-fixed .woh-header__main {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: auto !important;
    transform: none !important;
    box-shadow: none !important;
  }

  html body.woh-mobile-header-is-fixed {
    padding-top: 0 !important;
  }

  html body.woh-mobile-header-is-fixed .woh-navline,
  html body .woh-navline {
    margin-top: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  html body .woh-mobile-selectors:empty {
    display: none !important;
  }

  html body .woh-mobile-search-panel {
    bottom: calc(86px + env(safe-area-inset-bottom)) !important;
  }
}


/* WoH v1.3.0 mobile header final: only the logo/header row stays fixed; reassurance strip scrolls away. */
@media (max-width: 767px) {
  html body #header.header,
  html body #header.header.js-sticky-header,
  html body.woh-mobile-header-is-fixed #header.header,
  html body.woh-mobile-header-is-fixed #header.header.js-sticky-header {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #header .woh-topbar,
  html body.woh-mobile-header-is-fixed #header .woh-topbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 1 !important;
    transform: none !important;
    margin: 0 !important;
  }

  html body #header .woh-header,
  html body.woh-mobile-header-is-fixed #header .woh-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 1040 !important;
    margin: 0 !important;
    background: #fff !important;
  }

  html body #header .woh-header__main {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: auto !important;
    transform: none !important;
    box-shadow: none !important;
  }

  html body.woh-mobile-header-is-fixed #header .woh-header {
    padding-top: var(--woh-mobile-main-header-height, 96px) !important;
  }

  html body.woh-mobile-header-is-fixed #header .woh-header__main {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2147482500 !important;
    transform: translateZ(0) !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.10) !important;
  }

  html body.woh-mobile-header-is-fixed,
  html body.woh-mobile-header-is-fixed.page-index,
  html body.woh-mobile-header-is-fixed.page-search {
    padding-top: 0 !important;
  }

  html body #header .woh-navline,
  html body.woh-mobile-header-is-fixed #header .woh-navline {
    display: block !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  html body #header .woh-navline__inner,
  html body #header .woh-navline .main-menu,
  html body.woh-mobile-header-is-fixed #header .woh-navline__inner,
  html body.woh-mobile-header-is-fixed #header .woh-navline .main-menu {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
}

/* WoH v1.3.1: mobile search suggestions layout */
@media (max-width: 767px) {
  html body .woh-mobile-search-panel {
    display: none !important;
    flex-direction: column !important;
    gap: 8px !important;
    max-height: calc(100vh - 120px - env(safe-area-inset-bottom)) !important;
  }

  html body .woh-mobile-search-toggle:checked + .woh-mobile-search-panel {
    display: flex !important;
  }

  html body .woh-mobile-search-panel__form {
    order: 2 !important;
    flex: 0 0 auto !important;
  }

  html body .woh-mobile-search-panel__results {
    order: 1 !important;
    flex: 0 1 auto !important;
    max-height: min(48vh, 310px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
  }

  html body .woh-mobile-search-panel__results:empty {
    display: none !important;
  }

  html body .woh-mobile-search-panel__results .search-result__link {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 8px !important;
  }

  html body .woh-mobile-search-panel__results img,
  html body .woh-mobile-search-panel__results .search-result__image--empty {
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
  }

  html body .woh-mobile-search-panel__results .search-result__text {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .woh-mobile-search-panel__results .search-result__name {
    display: block !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #111 !important;
  }

  html body .woh-mobile-search-panel__results .search-result__price {
    justify-self: end !important;
    align-self: center !important;
    white-space: nowrap !important;
    font-weight: 900 !important;
    color: #111 !important;
    text-align: right !important;
    padding-left: 8px !important;
  }
}

/* WoH v1.3.2: definitive mobile autocomplete order and row layout */
@media (max-width: 767px) {
  html body .woh-mobile-search-panel {
    display: none !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  html body .woh-mobile-search-toggle:checked + .woh-mobile-search-panel,
  html body .woh-mobile-search-panel:not([hidden]) {
    display: flex !important;
  }

  html body .woh-mobile-search-panel__results {
    order: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: min(46vh, 320px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    border-radius: 14px !important;
  }

  html body .woh-mobile-search-panel__form {
    order: 2 !important;
    margin: 0 !important;
  }

  html body .woh-mobile-search-panel__results:empty {
    display: none !important;
  }

  html body .woh-mobile-search-panel__results .search-result__link {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 8px !important;
    color: #111 !important;
    text-decoration: none !important;
  }

  html body .woh-mobile-search-panel__results img,
  html body .woh-mobile-search-panel__results .search-result__image,
  html body .woh-mobile-search-panel__results .search-result__image--empty {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    object-fit: contain !important;
  }

  html body .woh-mobile-search-panel__results .search-result__text {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .woh-mobile-search-panel__results .search-result__name {
    display: block !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  html body .woh-mobile-search-panel__results .search-result__price {
    justify-self: end !important;
    white-space: nowrap !important;
    font-weight: 900 !important;
    text-align: right !important;
    padding-left: 10px !important;
    color: #111 !important;
  }
}

/* WoH v1.3.3: mobile search panel is closed by default; opened only by JS class */
@media (max-width: 767px) {
  html body .woh-mobile-search-toggle + .woh-mobile-search-panel,
  html body .woh-mobile-search-toggle:checked + .woh-mobile-search-panel:not(.woh-mobile-search-panel--open),
  html body .woh-mobile-search-panel:not(.woh-mobile-search-panel--open) {
    display: none !important;
  }

  html body .woh-mobile-search-panel.woh-mobile-search-panel--open {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    z-index: 2147482999 !important;
    padding: 10px !important;
    background: #fff !important;
    border: 1px solid #e5dfd6 !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .25) !important;
  }

  html body .woh-mobile-search-panel.woh-mobile-search-panel--open .woh-mobile-search-panel__results {
    order: 1 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: min(46vh, 320px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    border-radius: 14px !important;
  }

  html body .woh-mobile-search-panel.woh-mobile-search-panel--open .woh-mobile-search-panel__results:empty {
    display: none !important;
  }

  html body .woh-mobile-search-panel.woh-mobile-search-panel--open .woh-mobile-search-panel__form {
    order: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr 74px 58px !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 !important;
  }

  html body .woh-mobile-search-panel.woh-mobile-search-panel--open .search-result__link {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    width: 100% !important;
    padding: 12px 10px !important;
    color: #111 !important;
    text-decoration: none !important;
    overflow: visible !important;
  }

  html body .woh-mobile-search-panel.woh-mobile-search-panel--open .search-result__link > img,
  html body .woh-mobile-search-panel.woh-mobile-search-panel--open .search-result__image,
  html body .woh-mobile-search-panel.woh-mobile-search-panel--open .search-result__image--empty {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 10px !important;
  }

  html body .woh-mobile-search-panel.woh-mobile-search-panel--open .search-result__text {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .woh-mobile-search-panel.woh-mobile-search-panel--open .search-result__name {
    display: block !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  html body .woh-mobile-search-panel.woh-mobile-search-panel--open .search-result__price {
    justify-self: end !important;
    white-space: nowrap !important;
    font-weight: 900 !important;
    text-align: right !important;
    padding-left: 10px !important;
    color: #111 !important;
  }
}

/* WoH v1.4.1: mobile menu full-height and header hidden */
@media (max-width: 767px) {
  html {
    --woh-mobile-menu-top: 0px;
  }

  html body.woh-mobile-menu-is-open .woh-topbar,
  html body.woh-mobile-menu-is-open .woh-header {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body #mobileMenu,
  html body .main-menu__offcanvas#mobileMenu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    width: min(92vw, 420px) !important;
    height: auto !important;
    max-height: none !important;
    background: #fff !important;
    color: #111 !important;
    z-index: 100020 !important;
    overflow-y: auto !important;
    transform: translateX(-110%) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: 18px 0 34px rgba(0,0,0,.18) !important;
  }

  html body #mobileMenu.show,
  html body #mobileMenu.woh-mobile-menu--open,
  html body .main-menu__offcanvas#mobileMenu.show,
  html body .main-menu__offcanvas#mobileMenu.woh-mobile-menu--open {
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body #mobileMenu.show *,
  html body #mobileMenu.woh-mobile-menu--open *,
  html body #mobileMenu.show a,
  html body #mobileMenu.woh-mobile-menu--open a,
  html body #mobileMenu.show button,
  html body #mobileMenu.woh-mobile-menu--open button {
    pointer-events: auto !important;
  }

  html body #mobileMenu .menu__link,
  html body #mobileMenu .main-menu__tree__link {
    color: #2a2e32 !important;
  }

  html body .woh-mobile-menu-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    z-index: 100010 !important;
    background: rgba(0,0,0,.46) !important;
    pointer-events: auto !important;
  }

  html body.woh-mobile-menu-is-open .woh-mobile-search-panel {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  html body:not(.woh-mobile-search-is-open) .woh-mobile-search-panel {
    pointer-events: none !important;
    visibility: hidden !important;
  }

  html body.woh-mobile-search-is-open .woh-mobile-search-panel.woh-mobile-search-panel--open {
    display: flex !important;
    pointer-events: auto !important;
    visibility: visible !important;
    z-index: 100030 !important;
  }

  html body.woh-mobile-search-is-open .woh-mobile-search-panel.woh-mobile-search-panel--open input,
  html body.woh-mobile-search-is-open .woh-mobile-search-panel.woh-mobile-search-panel--open button,
  html body.woh-mobile-search-is-open .woh-mobile-search-panel.woh-mobile-search-panel--open a,
  html body.woh-mobile-search-is-open .woh-mobile-search-panel.woh-mobile-search-panel--open label {
    pointer-events: auto !important;
  }

  html body .woh-mobile-bottom-nav {
    z-index: 100040 !important;
    pointer-events: auto !important;
  }

  html body .woh-mobile-bottom-nav__item {
    pointer-events: auto !important;
  }

  html body .offcanvas-backdrop,
  html body .offcanvas-backdrop.show,
  html body .modal-backdrop,
  html body .modal-backdrop.show {
    display: none !important;
    pointer-events: none !important;
  }

  html body #mobileMenu .offcanvas-header {
    min-height: 48px !important;
    padding: 10px 20px !important;
  }

  html body #mobileMenu .btn-close {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 100050 !important;
  }

  html body #mobileMenu .main-menu__mobile {
    padding-top: 0 !important;
  }
}

/* WoH v1.4.2: mobile homepage blocks in two square columns */
@media (max-width: 767px) {
  html body .woh-category-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 18px 14px 22px !important;
  }

  html body .woh-cat-card {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 12px 12px !important;
    border-radius: 10px !important;
    justify-content: flex-end !important;
  }

  html body .woh-cat-card img {
    width: 82% !important;
    max-width: 120px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    margin: 0 auto 16px !important;
  }

  html body .woh-cat-card .woh-cat-ico {
    position: absolute !important;
    left: 16px !important;
    top: 18px !important;
    width: min(92px, 70%) !important;
    height: 50px !important;
  }

  html body .woh-cat-card strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  html body .woh-cat-card small {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  html body .woh-assortment {
    margin: 18px 14px 26px !important;
    padding: 16px 14px 18px !important;
    border-radius: 12px !important;
  }

  html body .woh-assortment h2,
  html body .woh-section-head h2,
  html body .woh-brands h2,
  html body .woh-inspiration h2 {
    font-size: 32px !important;
    line-height: 1.05 !important;
  }

  html body .woh-assortment__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  html body .woh-assortment__grid a {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 22px 10px 16px !important;
    text-align: center !important;
    border-radius: 10px !important;
  }

  html body .woh-assortment__grid b {
    position: absolute !important;
    left: 12px !important;
    top: 10px !important;
    font-size: 26px !important;
    line-height: 1 !important;
  }

  html body .woh-assortment__grid img {
    width: 66px !important;
    height: 42px !important;
    object-fit: contain !important;
    margin: 2px auto 0 !important;
  }

  html body .woh-assortment__grid .woh-mini {
    width: 66px !important;
    height: 42px !important;
    margin: 2px auto 0 !important;
  }

  html body .woh-assortment__grid strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    min-height: 32px !important;
  }

  html body .woh-assortment__grid em {
    position: absolute !important;
    right: 12px !important;
    bottom: 10px !important;
    font-size: 16px !important;
  }

  html body .woh-brands {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  html body .woh-brands__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html body .woh-brands__grid a {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 14px !important;
  }

  html body .woh-brands__grid img {
    max-width: 92% !important;
    max-height: 54px !important;
    object-fit: contain !important;
  }

  html body .woh-featured .products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  html body .woh-featured .product-miniature {
    min-width: 0 !important;
  }

  html body .woh-benefits {
    grid-template-columns: 1fr !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  html body .woh-benefits div {
    height: 78px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e4dfd8 !important;
  }

  html body .woh-inspiration {
    margin: 26px 14px 32px !important;
  }

  html body .woh-inspiration .woh-section-head {
    align-items: flex-start !important;
    gap: 12px !important;
  }

  html body .woh-inspiration__grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  html body .woh-inspiration__grid a {
    height: 178px !important;
    min-height: 178px !important;
    padding: 92px 18px 18px !important;
    border-radius: 9px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  html body .woh-inspiration strong {
    font-size: 20px !important;
    line-height: 1.15 !important;
  }

  html body .woh-inspiration small {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 380px) {
  html body .woh-cat-card strong,
  html body .woh-assortment__grid strong {
    font-size: 13px !important;
  }

  html body .woh-assortment__grid img,
  html body .woh-assortment__grid .woh-mini {
    width: 58px !important;
  }

  html body .woh-inspiration__grid a {
    height: 165px !important;
    min-height: 165px !important;
  }
}

/* WoH v1.4.3: mobile assortment border/overflow fix */
@media (max-width: 767px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body .woh-assortment {
    box-sizing: border-box !important;
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin: 18px 14px 26px !important;
    padding: 16px 14px 18px !important;
    overflow: hidden !important;
  }

  html body .woh-assortment__grid {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  html body .woh-assortment__grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body .woh-assortment__grid a {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body .woh-assortment__grid strong {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body .woh-assortment__grid em {
    right: 10px !important;
  }
}

/* WoH v1.4.4: mobile homepage global width and native ps_banner fix */
@media (max-width: 767px) {
  html,
  body,
  #page,
  #wrapper,
  #content-wrapper,
  .wrapper__content,
  .woh-home-wrapper,
  .woh-home,
  .page-home {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body * {
    box-sizing: border-box;
  }

  html body .woh-home > .container,
  html body .woh-home .container,
  html body .woh-category-strip,
  html body .woh-assortment,
  html body .woh-featured,
  html body .woh-brands,
  html body .woh-home-banner,
  html body .woh-home-banner .container,
  html body .woh-promo-img,
  html body .woh-benefits,
  html body .woh-inspiration {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body .woh-category-strip,
  html body .woh-assortment,
  html body .woh-featured,
  html body .woh-brands,
  html body .woh-home-banner,
  html body .woh-benefits,
  html body .woh-inspiration {
    max-width: calc(100vw - 28px) !important;
  }

  html body .woh-assortment {
    padding: 16px 14px 18px !important;
  }

  html body .woh-category-strip,
  html body .woh-brands__grid,
  html body .woh-assortment__grid,
  html body .woh-inspiration__grid,
  html body .woh-featured .products {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  html body .woh-category-strip > *,
  html body .woh-brands__grid > *,
  html body .woh-assortment__grid > *,
  html body .woh-inspiration__grid > *,
  html body .woh-featured .products > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body .woh-home-banner {
    display: block !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html body .woh-promo-img {
    display: block !important;
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    border-radius: 0 !important;
    background: url('../img/woh-promo-banner.webp') center/cover no-repeat !important;
    overflow: hidden !important;
    text-decoration: none !important;
  }

  html body .woh-promo-img img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 92px !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
  }

  html body .woh-home-banner .banner,
  html body .woh-home-banner a,
  html body .woh-home-banner div {
    max-width: 100% !important;
  }

  html body .woh-benefits {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body .woh-brands {
    overflow: hidden !important;
  }

  html body .woh-brands__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .woh-brands__grid a {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .row > * {
    min-width: 0 !important;
  }

  html body img,
  html body picture,
  html body video,
  html body iframe {
    max-width: 100% !important;
  }
}

/* WoH v1.4.5: native ps_banner image full visible without fallback overlap */
html body .woh-home-banner {
  display: block !important;
  clear: both !important;
  overflow: visible !important;
}

html body .woh-home-banner .woh-promo-img.woh-promo-img--has-image {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  line-height: 0 !important;
  background: none !important;
  background-image: none !important;
  overflow: visible !important;
  border-radius: 4px !important;
  text-decoration: none !important;
}

html body .woh-home-banner .woh-promo-img.woh-promo-img--has-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  margin: 0 !important;
}

html body .woh-home-banner + .woh-benefits,
html body .woh-promo-img.woh-promo-img--has-image + .woh-benefits {
  margin-top: 0 !important;
  clear: both !important;
}

@media (min-width: 768px) {
  html body .woh-home-banner {
    margin: 10px auto 0 !important;
  }

  html body .woh-home-banner .woh-promo-img.woh-promo-img--has-image {
    max-width: 1360px !important;
    margin: 0 auto !important;
  }

  html body .woh-home-banner .woh-promo-img.woh-promo-img--has-image img {
    max-height: 190px !important;
  }
}

@media (max-width: 767px) {
  html body .woh-home-banner {
    width: auto !important;
    max-width: calc(100vw - 28px) !important;
    margin: 14px 14px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body .woh-home-banner .woh-promo-img,
  html body .woh-home-banner .woh-promo-img.woh-promo-img--has-image {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    background-image: none !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }

  html body .woh-home-banner .woh-promo-img.woh-promo-img--has-image img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body .woh-home-banner + .woh-benefits {
    margin-top: 0 !important;
  }
}

/* WoH v1.4.6: equal spacing above and below ps_banner */
html body .woh-home-banner {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

html body .woh-home-banner + .woh-benefits {
  margin-top: 0 !important;
}

@media (min-width: 768px) {
  html body .woh-home-banner {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  html body .woh-home-banner .woh-promo-img.woh-promo-img--has-image {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  html body .woh-home-banner {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }

  html body .woh-home-banner .woh-promo-img,
  html body .woh-home-banner .woh-promo-img.woh-promo-img--has-image {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html body .woh-home-banner + .woh-benefits {
    margin-top: 0 !important;
  }
}

/* WoH v1.4.7: mobile benefits top border and assortment inner padding */
@media (max-width: 767px) {
  html body section.woh-assortment,
  html body .woh-assortment.container,
  html body .woh-assortment {
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin: 18px 14px 26px !important;
    padding: 22px 14px 20px !important;
    border: 1px solid #e4dfd8 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .woh-assortment h2 {
    display: block !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    font-size: 32px !important;
    line-height: 1.05 !important;
    max-width: 100% !important;
  }

  html body .woh-assortment__grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body .woh-assortment__grid a {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body .woh-benefits,
  html body section.woh-benefits,
  html body .woh-benefits.container {
    border: 1px solid #e4dfd8 !important;
    border-top: 1px solid #e4dfd8 !important;
    border-radius: 0 0 8px 8px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  html body .woh-benefits div:first-child {
    border-top: 0 !important;
  }

  html body .woh-benefits div {
    border-bottom: 1px solid #e4dfd8 !important;
  }

  html body .woh-benefits div:last-child {
    border-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  html body .woh-benefits,
  html body section.woh-benefits,
  html body .woh-benefits.container {
    border-top: 1px solid #e4dfd8 !important;
  }
}



/* WoH v1.5.1: tablet and horizontal-mobile full-width layout */
@media (min-width: 768px) and (max-width: 1024px) {
  html,
  body,
  #page,
  #wrapper,
  #content-wrapper,
  .wrapper__content,
  .woh-home-wrapper,
  .woh-home,
  .page-home {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body .container,
  html body .container-md,
  html body .woh-topbar__inner,
  html body .woh-header__main,
  html body .woh-navline__inner,
  html body .woh-category-strip,
  html body .woh-assortment,
  html body .woh-featured,
  html body .woh-dynamic-products,
  html body .woh-brands,
  html body .woh-home-banner,
  html body .woh-module-banners,
  html body .woh-benefits,
  html body .woh-inspiration {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body .woh-topbar__inner,
  html body .woh-header__main,
  html body .woh-navline__inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body .woh-header__main {
    grid-template-columns: minmax(220px, 300px) minmax(260px, 1fr) auto !important;
    gap: 18px !important;
  }

  html body .woh-header__actions {
    gap: 12px !important;
  }

  html body .woh-header__actions .header-block__title,
  html body .woh-fav span {
    font-size: 13px !important;
  }

  html body .woh-home-hero,
  html body .woh-slider,
  html body .woh-slide {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 1024px) and (orientation: landscape) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body .woh-topbar,
  html body .woh-header,
  html body .woh-home-hero,
  html body .woh-slider,
  html body .woh-slide,
  html body main,
  html body #wrapper,
  html body #content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* WoH v1.5.2: no horizontal overflow + balanced tablet/landscape layout */
html,
body,
#page,
#wrapper,
#content-wrapper,
.wrapper__content,
.woh-home-wrapper,
.woh-home,
.page-home {
  max-width: 100% !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
}

html body .container,
html body .woh-category-strip,
html body .woh-assortment,
html body .woh-brands,
html body .woh-benefits,
html body .woh-inspiration,
html body .woh-dynamic-products,
html body .woh-module-banners,
html body .woh-home-banner {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.woh-category-strip > *,
.woh-assortment__grid > *,
.woh-brands__grid > *,
.woh-benefits > *,
.woh-inspiration__grid > *,
.woh-dynamic-products__grid > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.woh-assortment__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  overflow: hidden !important;
}

.woh-assortment__grid a,
.woh-category-strip a,
.woh-brands__grid a,
.woh-benefits div {
  overflow: hidden !important;
}

.woh-assortment__grid strong,
.woh-category-strip strong,
.woh-benefits strong,
.woh-benefits small {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.woh-home-banner,
.woh-module-banners {
  overflow: hidden !important;
}

.woh-home-banner img,
.woh-module-banners img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Cart count must stay a round badge, not a long pill. */
.woh-header__actions #_desktop_cart,
.woh-header__actions #_desktop_cart .header-block__action-btn,
.woh-header__actions .blockcart {
  position: relative !important;
}

.woh-header__actions #_desktop_cart .header-block__badge,
.woh-header__actions #_desktop_cart .cart-products-count,
.woh-header__actions .blockcart .header-block__badge,
.woh-header__actions .blockcart .cart-products-count {
  position: absolute !important;
  top: -9px !important;
  left: 22px !important;
  right: auto !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  line-height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-align: center !important;
  overflow: hidden !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
  html body .container,
  html body .woh-topbar__inner,
  html body .woh-header__main,
  html body .woh-navline__inner,
  html body .woh-category-strip,
  html body .woh-assortment,
  html body .woh-brands,
  html body .woh-benefits,
  html body .woh-inspiration,
  html body .woh-dynamic-products,
  html body .woh-module-banners,
  html body .woh-home-banner {
    width: min(100% - 28px, 1080px) !important;
    max-width: min(100% - 28px, 1080px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body .woh-topbar__inner,
  html body .woh-header__main,
  html body .woh-navline__inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body .woh-category-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body .woh-assortment__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body .woh-brands__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body .woh-benefits {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body .woh-inspiration__grid {
    grid-template-columns: repeat(2, minmax(0, 340px)) !important;
    justify-content: start !important;
  }

  html body .woh-inspiration__grid a {
    min-height: 165px !important;
  }

  html body .woh-dynamic-products__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  html body .woh-assortment__grid,
  html body .woh-category-strip,
  html body .woh-brands__grid,
  html body .woh-dynamic-products__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .woh-benefits {
    display: block !important;
  }

  html body .woh-inspiration__grid {
    grid-template-columns: 1fr !important;
  }

  html body .woh-inspiration__grid a {
    min-height: 175px !important;
  }
}

@media (min-width: 1200px) {
  html body .woh-assortment__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  html body .woh-category-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  html body .woh-brands__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  html body .woh-dynamic-products__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}


/* WoH v1.5.3: product sections share featured-product card layout */
.woh-dynamic-products{
  margin:0 0 22px !important;
}
.woh-dynamic-products__grid{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 !important;
  width:100% !important;
}
.woh-dynamic-products .product-miniature{
  width:auto !important;
  max-width:none !important;
  padding:0 !important;
}
.woh-dynamic-products .woh-product-card{
  height:100% !important;
}
.woh-detail-btn,
.woh-add-form .btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:11px !important;
  line-height:1 !important;
}
.woh-detail-btn{
  text-decoration:none !important;
}
.woh-product-card-placeholder{
  display:block;
  width:82px;
  height:54px;
  border-radius:999px;
  background:linear-gradient(90deg,#dedede,#f8f8f8,#c58a35);
  box-shadow:-18px 0 0 rgba(197,138,53,.28);
}
@media (min-width:768px) and (max-width:1199px){
  html body .woh-dynamic-products__grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media (max-width:767px){
  html body .woh-dynamic-products__grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* WoH v1.5.4: quick-view eye, not heart; unified product buttons */
.woh-heart,
.woh-quickview {
  position: absolute !important;
  right: 15px !important;
  top: 13px !important;
  z-index: 5 !important;
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #b7b7b7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.woh-heart::before {
  content: "visibility";
  font-family: "Material Icons";
  font-size: 21px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.woh-quickview .material-icons {
  font-size: 21px !important;
  line-height: 1 !important;
}
.woh-heart:hover,
.woh-quickview:hover {
  color: #c58a35 !important;
}
.woh-add-form .btn,
.woh-detail-btn,
.woh-dynamic-products .woh-add-form .btn,
.woh-dynamic-products .woh-detail-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 31px !important;
}
.woh-dynamic-products .woh-product-card__price {
  min-height: 23px !important;
  display: block !important;
}


/* WoH v1.5.5: unified desktop section width + productcomments ratings */
:root {
  --woh-home-container: 1200px;
}
@media (min-width: 768px) {
  html body #wrapper section.woh-category-strip.container,
  html body #wrapper section.woh-assortment.container,
  html body #wrapper section.woh-featured.container,
  html body #wrapper section.woh-dynamic-products.container,
  html body #wrapper section.woh-brands.container,
  html body #wrapper section.woh-module-banners.container,
  html body #wrapper section.woh-home-banner.container,
  html body #wrapper section.woh-benefits.container,
  html body #wrapper section.woh-inspiration.container,
  html body main section.woh-category-strip.container,
  html body main section.woh-assortment.container,
  html body main section.woh-featured.container,
  html body main section.woh-dynamic-products.container,
  html body main section.woh-brands.container,
  html body main section.woh-module-banners.container,
  html body main section.woh-home-banner.container,
  html body main section.woh-benefits.container,
  html body main section.woh-inspiration.container {
    width: min(100% - 32px, var(--woh-home-container)) !important;
    max-width: min(100% - 32px, var(--woh-home-container)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    clear: both !important;
  }
}
@media (min-width: 1240px) {
  html body #wrapper section.woh-category-strip.container,
  html body #wrapper section.woh-assortment.container,
  html body #wrapper section.woh-featured.container,
  html body #wrapper section.woh-dynamic-products.container,
  html body #wrapper section.woh-brands.container,
  html body #wrapper section.woh-module-banners.container,
  html body #wrapper section.woh-home-banner.container,
  html body #wrapper section.woh-benefits.container,
  html body #wrapper section.woh-inspiration.container,
  html body main section.woh-category-strip.container,
  html body main section.woh-assortment.container,
  html body main section.woh-featured.container,
  html body main section.woh-dynamic-products.container,
  html body main section.woh-brands.container,
  html body main section.woh-module-banners.container,
  html body main section.woh-home-banner.container,
  html body main section.woh-benefits.container,
  html body main section.woh-inspiration.container {
    width: var(--woh-home-container) !important;
    max-width: var(--woh-home-container) !important;
  }
}
@media (max-width: 767px) {
  html body #wrapper section.woh-category-strip.container,
  html body #wrapper section.woh-assortment.container,
  html body #wrapper section.woh-featured.container,
  html body #wrapper section.woh-dynamic-products.container,
  html body #wrapper section.woh-brands.container,
  html body #wrapper section.woh-module-banners.container,
  html body #wrapper section.woh-home-banner.container,
  html body #wrapper section.woh-benefits.container,
  html body #wrapper section.woh-inspiration.container,
  html body main section.woh-category-strip.container,
  html body main section.woh-assortment.container,
  html body main section.woh-featured.container,
  html body main section.woh-dynamic-products.container,
  html body main section.woh-brands.container,
  html body main section.woh-module-banners.container,
  html body main section.woh-home-banner.container,
  html body main section.woh-benefits.container,
  html body main section.woh-inspiration.container {
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    box-sizing: border-box !important;
    clear: both !important;
  }
}
.woh-product-comments {
  min-height: 18px !important;
  margin: 8px 0 !important;
  display: flex !important;
  align-items: center !important;
}
.woh-product-comments:empty {
  display: block !important;
}
.woh-product-comments .comments-note {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
}
.woh-product-comments .grade-stars,
.woh-product-comments .woh-stars {
  margin: 0 !important;
  color: #d19c42 !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  line-height: 1 !important;
}
.woh-product-comments .comments-number,
.woh-product-comments .average-grade,
.woh-product-comments .woh-stars span {
  color: #777 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}


/* WoH v1.5.6: final homepage width unification
   Reference block: Odporúčané produkty / .woh-featured.
   All homepage content sections below the slider share one centered 960px grid. */
:root {
  --woh-home-container: 1320px !important;
}

@media (min-width: 768px) {
  body#index section.woh-category-strip.container,
  body#index section.woh-assortment.container,
  body#index section.woh-featured.container,
  body#index section.woh-dynamic-products.container,
  body#index section.woh-brands.container,
  body#index section.woh-module-banners.container,
  body#index section.woh-home-banner.container,
  body#index section.woh-benefits.container,
  body#index section.woh-inspiration.container,
  body#index main section.woh-category-strip.container,
  body#index main section.woh-assortment.container,
  body#index main section.woh-featured.container,
  body#index main section.woh-dynamic-products.container,
  body#index main section.woh-brands.container,
  body#index main section.woh-module-banners.container,
  body#index main section.woh-home-banner.container,
  body#index main section.woh-benefits.container,
  body#index main section.woh-inspiration.container,
  html body section.woh-category-strip.container,
  html body section.woh-assortment.container,
  html body section.woh-featured.container,
  html body section.woh-dynamic-products.container,
  html body section.woh-brands.container,
  html body section.woh-module-banners.container,
  html body section.woh-home-banner.container,
  html body section.woh-benefits.container,
  html body section.woh-inspiration.container {
    width: min(calc(100vw - 32px), var(--woh-home-container)) !important;
    max-width: min(calc(100vw - 32px), var(--woh-home-container)) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    clear: both !important;
  }

  body#index section.woh-category-strip.container,
  html body section.woh-category-strip.container {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  body#index section.woh-assortment.container,
  html body section.woh-assortment.container {
    padding: 16px 22px 22px !important;
  }

  body#index .woh-assortment__grid,
  html body .woh-assortment__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  body#index .woh-featured .products,
  html body .woh-featured .products,
  body#index .woh-dynamic-products__grid,
  html body .woh-dynamic-products__grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body#index .woh-brands__grid,
  html body .woh-brands__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  body#index section.woh-module-banners.container,
  body#index section.woh-home-banner.container,
  html body section.woh-module-banners.container,
  html body section.woh-home-banner.container {
    overflow: hidden !important;
  }

  body#index .woh-benefits,
  html body .woh-benefits {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body#index .woh-inspiration__grid,
  html body .woh-inspiration__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1050px) {
  body#index .woh-featured .products,
  html body .woh-featured .products,
  body#index .woh-dynamic-products__grid,
  html body .woh-dynamic-products__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body#index section.woh-category-strip.container,
  html body section.woh-category-strip.container,
  body#index .woh-assortment__grid,
  html body .woh-assortment__grid,
  body#index .woh-brands__grid,
  html body .woh-brands__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body#index .woh-inspiration__grid,
  html body .woh-inspiration__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body#index section.woh-category-strip.container,
  body#index section.woh-assortment.container,
  body#index section.woh-featured.container,
  body#index section.woh-dynamic-products.container,
  body#index section.woh-brands.container,
  body#index section.woh-module-banners.container,
  body#index section.woh-home-banner.container,
  body#index section.woh-benefits.container,
  body#index section.woh-inspiration.container,
  html body section.woh-category-strip.container,
  html body section.woh-assortment.container,
  html body section.woh-featured.container,
  html body section.woh-dynamic-products.container,
  html body section.woh-brands.container,
  html body section.woh-module-banners.container,
  html body section.woh-home-banner.container,
  html body section.woh-benefits.container,
  html body section.woh-inspiration.container {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}


/* WoH v1.5.7: wide homepage alignment fix
   The previous 960px override made the homepage too narrow. All homepage sections now use
   one wider centred container, matching the visual width expected from the recommended-products block. */
:root {
  --woh-home-container: 1320px !important;
  --woh-home-gutter: 24px !important;
}

@media (min-width: 768px) {
  body#index .woh-category-strip.container,
  body#index .woh-assortment.container,
  body#index .woh-featured.container,
  body#index .woh-dynamic-products.container,
  body#index .woh-brands.container,
  body#index .woh-module-banners.container,
  body#index .woh-home-banner.container,
  body#index .woh-benefits.container,
  body#index .woh-inspiration.container,
  html body#index .woh-category-strip.container,
  html body#index .woh-assortment.container,
  html body#index .woh-featured.container,
  html body#index .woh-dynamic-products.container,
  html body#index .woh-brands.container,
  html body#index .woh-module-banners.container,
  html body#index .woh-home-banner.container,
  html body#index .woh-benefits.container,
  html body#index .woh-inspiration.container,
  html body .woh-category-strip.container,
  html body .woh-assortment.container,
  html body .woh-featured.container,
  html body .woh-dynamic-products.container,
  html body .woh-brands.container,
  html body .woh-module-banners.container,
  html body .woh-home-banner.container,
  html body .woh-benefits.container,
  html body .woh-inspiration.container {
    width: min(calc(100vw - (var(--woh-home-gutter) * 2)), var(--woh-home-container)) !important;
    max-width: min(calc(100vw - (var(--woh-home-gutter) * 2)), var(--woh-home-container)) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    clear: both !important;
  }

  body#index .woh-category-strip.container,
  html body .woh-category-strip.container {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  body#index .woh-assortment.container,
  html body .woh-assortment.container {
    padding: 16px 22px 22px !important;
  }

  body#index .woh-assortment__grid,
  html body .woh-assortment__grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body#index .woh-featured .products,
  html body .woh-featured .products,
  body#index .woh-dynamic-products__grid,
  html body .woh-dynamic-products__grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body#index .woh-section-head,
  html body .woh-section-head {
    width: 100% !important;
    max-width: 100% !important;
  }

  body#index .woh-brands__grid,
  html body .woh-brands__grid {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body#index .woh-benefits,
  html body .woh-benefits {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: min(calc(100vw - (var(--woh-home-gutter) * 2)), var(--woh-home-container)) !important;
    max-width: min(calc(100vw - (var(--woh-home-gutter) * 2)), var(--woh-home-container)) !important;
  }

  body#index .woh-inspiration__grid,
  html body .woh-inspiration__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
  }

  body#index .woh-module-banners.container,
  body#index .woh-home-banner.container,
  html body .woh-module-banners.container,
  html body .woh-home-banner.container {
    overflow: hidden !important;
  }
}

@media (min-width: 1200px) {
  body#index .woh-featured .products,
  html body .woh-featured .products,
  body#index .woh-dynamic-products__grid,
  html body .woh-dynamic-products__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --woh-home-gutter: 18px !important;
  }

  body#index .woh-featured .products,
  html body .woh-featured .products,
  body#index .woh-dynamic-products__grid,
  html body .woh-dynamic-products__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body#index .woh-category-strip.container,
  html body .woh-category-strip.container,
  body#index .woh-assortment__grid,
  html body .woh-assortment__grid,
  body#index .woh-brands__grid,
  html body .woh-brands__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body#index .woh-inspiration__grid,
  html body .woh-inspiration__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body#index .woh-category-strip.container,
  body#index .woh-assortment.container,
  body#index .woh-featured.container,
  body#index .woh-dynamic-products.container,
  body#index .woh-brands.container,
  body#index .woh-module-banners.container,
  body#index .woh-home-banner.container,
  body#index .woh-benefits.container,
  body#index .woh-inspiration.container,
  html body .woh-category-strip.container,
  html body .woh-assortment.container,
  html body .woh-featured.container,
  html body .woh-dynamic-products.container,
  html body .woh-brands.container,
  html body .woh-module-banners.container,
  html body .woh-home-banner.container,
  html body .woh-benefits.container,
  html body .woh-inspiration.container {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    box-sizing: border-box !important;
  }
}


/* WoH v1.5.8: menu colour, TBS megamenu integration, assortment spacing */

/* Top menu categories must use one unified colour. */
.woh-navline .main-menu__tree__item:last-child .main-menu__tree__link,
.woh-navline .main-menu__tree__item:last-child > a,
.woh-navline a[href*='akcie'],
.woh-navline .current a,
.woh-navline .main-menu__tree__link,
.woh-navline .main-menu a,
.woh-navline #amegamenu .amenu-link {
  color: #111 !important;
}

/* Gold hover only, no forced red active/current category. */
.woh-navline .main-menu__tree__link:hover,
.woh-navline .main-menu a:hover,
.woh-navline #amegamenu .amenu-link:hover,
.woh-navline #amegamenu .amenu-item:hover > .amenu-link {
  color: #b98028 !important;
}

/* Make the new TBS Mega Menu sit exactly inside the existing nav line. */
.woh-navline {
  position: relative !important;
  overflow: visible !important;
  z-index: 1500 !important;
}
.woh-navline__inner {
  position: relative !important;
  overflow: visible !important;
}
.woh-navline__inner #amegamenu {
  width: 100% !important;
}
.woh-navline__inner #amegamenu .anav-top {
  min-height: 48px !important;
}
.woh-navline__inner #amegamenu .adropdown {
  top: 48px !important;
}

/* If the fallback native ps_mainmenu is used, keep the dropdown readable and not red. */
.woh-navline .menu-container,
.woh-navline .main-menu__sub-menu,
.woh-navline .main-menu__tree__item > .collapse,
.woh-navline .main-menu__tree__item > div {
  z-index: 1600 !important;
}
.woh-navline .main-menu__sub-menu,
.woh-navline .main-menu__tree__item > .collapse {
  background: #fff !important;
  border: 1px solid #e8e1d8 !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.13) !important;
}

/* Ďalší sortiment spacing fix after width unification. */
body#index .woh-assortment.container,
html body .woh-assortment.container {
  padding: 24px 30px 30px !important;
}
body#index .woh-assortment h2,
html body .woh-assortment h2 {
  display: block !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}
body#index .woh-assortment__grid,
html body .woh-assortment__grid {
  gap: 16px !important;
  width: 100% !important;
  margin-top: 0 !important;
}
body#index .woh-assortment__grid a,
html body .woh-assortment__grid a {
  min-width: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

@media (max-width: 767px) {
  body#index .woh-assortment.container,
  html body .woh-assortment.container {
    padding: 20px 16px 22px !important;
  }
  body#index .woh-assortment h2,
  html body .woh-assortment h2 {
    margin-bottom: 16px !important;
  }
  body#index .woh-assortment__grid,
  html body .woh-assortment__grid {
    gap: 12px !important;
  }
}


/* WoH v1.5.9: TD Mega menu + assortment spacing final fixes */
.woh-navline__inner > .top-menu,
.woh-navline__inner > #_desktop_top_menu,
.woh-navline__inner > .ps_mainmenu,
.woh-navline__inner > .menu:not(#amegamenu):not(.anav-top) {
  display: none !important;
}
.woh-navline a,
.woh-navline .top-menu a,
.woh-navline .category a,
.woh-navline .current > a,
.woh-navline .active > a,
.woh-navline .sfHover > a,
#amegamenu .amenu-link,
#amegamenu .amenu-link span,
#amegamenu .amenu-item.current > .amenu-link,
#amegamenu .amenu-item.active > .amenu-link {
  color: #111 !important;
}
.woh-navline a:hover,
#amegamenu .amenu-link:hover,
#amegamenu .amenu-item:hover > .amenu-link {
  color: #b98028 !important;
}
body#index .woh-featured .woh-section-head,
body#index .woh-dynamic-products .woh-section-head,
html body .woh-featured .woh-section-head,
html body .woh-dynamic-products .woh-section-head {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
body#index .woh-featured .woh-section-head a,
html body .woh-featured .woh-section-head a,
body#index .woh-dynamic-products .woh-section-head a,
html body .woh-dynamic-products .woh-section-head a {
  margin-right: 0 !important;
  padding-right: 0 !important;
  white-space: nowrap !important;
}
body#index section.woh-assortment.container,
html body section.woh-assortment.container {
  padding: 24px 30px 30px !important;
  overflow: hidden !important;
}
body#index section.woh-assortment.container > h2,
html body section.woh-assortment.container > h2,
body#index .woh-assortment h2,
html body .woh-assortment h2 {
  margin: 0 0 20px !important;
  padding: 0 !important;
  line-height: 1.1 !important;
}
body#index .woh-assortment__grid,
html body .woh-assortment__grid {
  width: 100% !important;
  display: grid !important;
  gap: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body#index .woh-assortment__grid > *,
html body .woh-assortment__grid > * {
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body#index .woh-assortment__grid a,
html body .woh-assortment__grid a {
  padding: 16px 18px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
@media (max-width: 767px) {
  body#index section.woh-assortment.container,
  html body section.woh-assortment.container {
    padding: 22px 18px 24px !important;
  }
  body#index .woh-assortment__grid,
  html body .woh-assortment__grid {
    gap: 12px !important;
  }
}


/* WoH v1.6.0: TD Mega menu hook + final homepage spacing */
.woh-navline a,
.woh-navline a:visited,
#amegamenu .amenu-link,
#amegamenu .amenu-link:visited,
#amegamenu .amenu-link span,
#amegamenu .amenu-item.current > .amenu-link,
#amegamenu .amenu-item.active > .amenu-link,
#amegamenu .amenu-item.sfHover > .amenu-link {
  color: #111 !important;
}
.woh-navline a:hover,
#amegamenu .amenu-link:hover,
#amegamenu .amenu-item:hover > .amenu-link {
  color: #b98028 !important;
}

/* Keep "Zobraziť všetky produkty" inside the same line/width as the product grid. */
body#index .woh-featured .woh-section-head,
body#index .woh-dynamic-products .woh-section-head,
html body .woh-featured .woh-section-head,
html body .woh-dynamic-products .woh-section-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
body#index .woh-featured .woh-section-head h2,
body#index .woh-dynamic-products .woh-section-head h2,
html body .woh-featured .woh-section-head h2,
html body .woh-dynamic-products .woh-section-head h2 {
  min-width: 0 !important;
  margin-right: 18px !important;
}
body#index .woh-featured .woh-section-head a,
body#index .woh-dynamic-products .woh-section-head a,
html body .woh-featured .woh-section-head a,
html body .woh-dynamic-products .woh-section-head a {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  max-width: 45% !important;
  text-align: right !important;
  white-space: nowrap !important;
  transform: none !important;
}

/* Ďalší sortiment – inner padding and cell spacing must not touch the outer border. */
body#index section.woh-assortment.container,
html body section.woh-assortment.container,
body#index .woh-home section.woh-assortment.container,
html body .woh-home section.woh-assortment.container {
  padding: 28px 34px 32px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body#index section.woh-assortment.container > h2,
html body section.woh-assortment.container > h2,
body#index .woh-assortment h2,
html body .woh-assortment h2 {
  display: block !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  line-height: 1.08 !important;
}
body#index section.woh-assortment.container .woh-assortment__grid,
html body section.woh-assortment.container .woh-assortment__grid,
body#index .woh-assortment .woh-assortment__grid,
html body .woh-assortment .woh-assortment__grid {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body#index section.woh-assortment.container .woh-assortment__grid > a,
html body section.woh-assortment.container .woh-assortment__grid > a,
body#index .woh-assortment .woh-assortment__grid > a,
html body .woh-assortment .woh-assortment__grid > a {
  min-width: 0 !important;
  padding: 16px 18px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
  body#index section.woh-assortment.container .woh-assortment__grid,
  html body section.woh-assortment.container .woh-assortment__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px) {
  body#index section.woh-assortment.container,
  html body section.woh-assortment.container {
    padding: 24px 18px 26px !important;
  }
  body#index section.woh-assortment.container .woh-assortment__grid,
  html body section.woh-assortment.container .woh-assortment__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  body#index .woh-featured .woh-section-head a,
  body#index .woh-dynamic-products .woh-section-head a,
  html body .woh-featured .woh-section-head a,
  html body .woh-dynamic-products .woh-section-head a {
    max-width: 52% !important;
  }
}


/* WoH v1.6.1: mobile menu, shorter section links, uploaded assortment images and product spacing */

/* Mobile menu opened from bottom bar */
@media (max-width: 767px) {
  html body #mobileMenu.woh-mobile-menu {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    width: min(92vw, 420px) !important;
    height: auto !important;
    max-height: none !important;
    background: #fff !important;
    color: #111 !important;
    z-index: 100020 !important;
    overflow-y: auto !important;
    transform: translateX(-110%) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 1 !important;
    box-shadow: 18px 0 34px rgba(0,0,0,.18) !important;
  }
  html body #mobileMenu.woh-mobile-menu.show,
  html body #mobileMenu.woh-mobile-menu.woh-mobile-menu--open {
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  html body #mobileMenu .woh-mobile-menu__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 18px !important;
    border-bottom: 1px solid #eee !important;
  }
  html body #mobileMenu .woh-mobile-menu__head strong {
    font-size: 18px !important;
    font-weight: 900 !important;
  }
  html body #mobileMenu .woh-mobile-menu__body {
    padding: 8px 0 20px !important;
  }
  html body #mobileMenu #mobile-amegamenu,
  html body #mobileMenu #mobile-amegamenu .anav-top {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body #mobileMenu #mobile-amegamenu ul {
    list-style: none !important;
  }
  html body #mobileMenu #mobile-amegamenu .amenu-item {
    display: block !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }
  html body #mobileMenu #mobile-amegamenu .amenu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 15px 18px !important;
    color: #111 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
  }
  html body #mobileMenu #mobile-amegamenu .amenu-link img {
    max-width: 34px !important;
    max-height: 34px !important;
    object-fit: contain !important;
  }
}

/* Header links in product sections stay inside the unified container. */
body#index .woh-featured > .container .woh-section-head,
html body .woh-featured > .container .woh-section-head,
body#index .woh-dynamic-products.container .woh-section-head,
html body .woh-dynamic-products.container .woh-section-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body#index .woh-featured > .container .woh-section-head a,
html body .woh-featured > .container .woh-section-head a,
body#index .woh-dynamic-products.container .woh-section-head a,
html body .woh-dynamic-products.container .woh-section-head a {
  flex: 0 0 auto !important;
  margin-left: 16px !important;
  margin-right: 0 !important;
  max-width: 38% !important;
  white-space: nowrap !important;
  text-align: right !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Assortment uploaded images must not be overlaid by generated icon graphics. */
.woh-assortment .woh-mini.woh-has-image::before,
.woh-assortment .woh-mini.woh-has-image::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}
.woh-assortment .woh-mini.woh-has-image {
  background: transparent !important;
  box-shadow: none !important;
}
.woh-assortment .woh-mini.woh-has-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Final stronger spacing for Ďalší sortiment. */
body#index section.woh-assortment.container,
html body#index section.woh-assortment.container,
html body section.woh-assortment.container {
  padding: 30px 36px 34px !important;
  box-sizing: border-box !important;
}
body#index section.woh-assortment.container > h2,
html body#index section.woh-assortment.container > h2,
html body section.woh-assortment.container > h2 {
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}
body#index section.woh-assortment.container .woh-assortment__grid,
html body#index section.woh-assortment.container .woh-assortment__grid,
html body section.woh-assortment.container .woh-assortment__grid {
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
}
body#index section.woh-assortment.container .woh-assortment__grid > a,
html body#index section.woh-assortment.container .woh-assortment__grid > a,
html body section.woh-assortment.container .woh-assortment__grid > a {
  padding: 16px 18px !important;
}

/* Product card vertical spacing tightened by roughly half. */
.woh-product-comments--empty {
  display: none !important;
}
.woh-product-comments {
  min-height: 0 !important;
  margin: 4px 0 !important;
}
.woh-product-card__title {
  min-height: 28px !important;
}
.woh-product-card__body small {
  min-height: 10px !important;
}
.woh-product-card__price {
  margin-top: 4px !important;
}

@media (max-width: 767px) {
  body#index section.woh-assortment.container,
  html body section.woh-assortment.container {
    padding: 24px 18px 26px !important;
  }
  body#index .woh-featured > .container .woh-section-head a,
  html body .woh-featured > .container .woh-section-head a,
  body#index .woh-dynamic-products.container .woh-section-head a,
  html body .woh-dynamic-products.container .woh-section-head a {
    max-width: 72px !important;
  }
}


/* WoH v1.6.2: final mobile category/product/menu fixes */

/* Category cards under slider: image area 3/4, centered title, no CTA text */
body#index .woh-category-strip .woh-cat-card small,
html body .woh-category-strip .woh-cat-card small {
  display: none !important;
}
body#index .woh-category-strip .woh-cat-card,
html body .woh-category-strip .woh-cat-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  text-align: center !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 210px !important;
}
body#index .woh-category-strip .woh-cat-card .woh-cat-ico,
html body .woh-category-strip .woh-cat-card .woh-cat-ico {
  flex: 1 1 75% !important;
  width: 100% !important;
  height: 75% !important;
  min-height: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  box-shadow: none !important;
}
body#index .woh-category-strip .woh-cat-card .woh-cat-ico img,
html body .woh-category-strip .woh-cat-card .woh-cat-ico img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
body#index .woh-category-strip .woh-cat-card strong,
html body .woh-category-strip .woh-cat-card strong {
  flex: 0 0 25% !important;
  min-height: 25% !important;
  margin: 0 !important;
  padding: 8px 10px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

/* Product cards: halve the vertical gap between product name and price. */
.woh-product-card__body {
  display: flex !important;
  flex-direction: column !important;
}
.woh-product-card__title,
.product-miniature .product-title {
  min-height: 0 !important;
  margin-bottom: 8px !important;
}
.woh-product-card__body small,
.product-miniature .product-description small {
  min-height: 0 !important;
  margin: 0 0 4px !important;
}
.woh-product-comments,
.product-miniature .comments_note,
.product-miniature .product-list-reviews {
  min-height: 0 !important;
  margin: 0 0 4px !important;
}
.woh-product-comments--empty {
  display: none !important;
}
.woh-product-card__price,
.product-miniature .product-price-and-shipping {
  margin-top: 10px !important;
}

/* Section links: keep short link visible and inside right edge. */
body#index .woh-section-head a,
html body .woh-section-head a {
  white-space: nowrap !important;
  max-width: 92px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: right !important;
}

/* Mobile menu: links clickable, arrow only when submenu exists. */
@media (max-width: 767px) {
  html body #mobileMenu {
    pointer-events: auto !important;
  }
  html body #mobileMenu .woh-mobile-menu__body,
  html body #mobileMenu #mobile-amegamenu,
  html body #mobileMenu #mobile-amegamenu * {
    pointer-events: auto !important;
  }
  html body #mobileMenu #mobile-amegamenu .amenu-row {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }
  html body #mobileMenu #mobile-amegamenu a.amenu-link {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 18px 0 18px 18px !important;
    color: #111 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    position: relative !important;
    z-index: 2 !important;
  }
  html body #mobileMenu #mobile-amegamenu .mobile-submenu-toggle {
    flex: 0 0 56px !important;
    width: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-left: 1px solid #f3f3f3 !important;
    background: transparent !important;
    color: #111 !important;
    font-size: 35px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 3 !important;
  }
  html body #mobileMenu #mobile-amegamenu .amenu-item.is-open > .amenu-row .mobile-submenu-toggle span {
    transform: rotate(90deg) !important;
  }
  html body #mobileMenu #mobile-amegamenu .mobile-toggle-plus,
  html body #mobileMenu #mobile-amegamenu .material-icons.add,
  html body #mobileMenu #mobile-amegamenu .material-icons.remove {
    display: none !important;
  }
  html body #mobileMenu #mobile-amegamenu .adropdown[hidden] {
    display: none !important;
  }
  html body #mobileMenu #mobile-amegamenu .adropdown {
    position: static !important;
    display: block !important;
    width: 100% !important;
    padding: 0 18px 14px 34px !important;
    margin: 0 !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }
}


/* WoH v1.6.3: category demo image layout, compact products, mobile submenu polish */
body#index .woh-category-strip .woh-cat-card,
html body .woh-category-strip .woh-cat-card {
  display: grid !important;
  grid-template-rows: 75% 25% !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-align: center !important;
  aspect-ratio: 1 / 1 !important;
}
body#index .woh-category-strip .woh-cat-card .woh-cat-ico,
html body .woh-category-strip .woh-cat-card .woh-cat-ico {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  top: auto !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
body#index .woh-category-strip .woh-cat-card .woh-cat-ico::before,
body#index .woh-category-strip .woh-cat-card .woh-cat-ico::after,
html body .woh-category-strip .woh-cat-card .woh-cat-ico::before,
html body .woh-category-strip .woh-cat-card .woh-cat-ico::after {
  display: none !important;
  content: none !important;
}
body#index .woh-category-strip .woh-cat-card .woh-cat-ico img,
html body .woh-category-strip .woh-cat-card .woh-cat-ico img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
}
body#index .woh-category-strip .woh-cat-card strong,
html body .woh-category-strip .woh-cat-card strong {
  grid-row: 2 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}
body#index .woh-category-strip .woh-cat-card small,
html body .woh-category-strip .woh-cat-card small {
  display: none !important;
}

/* Product cards: remove empty comments wrapper space and keep price close to the title. */
.woh-featured .woh-product-card,
.woh-dynamic-products .woh-product-card,
.product-miniature .woh-product-card {
  height: auto !important;
  min-height: 0 !important;
}
.woh-featured .woh-product-card__body,
.woh-dynamic-products .woh-product-card__body,
.product-miniature .woh-product-card__body {
  display: block !important;
  min-height: 0 !important;
  padding-top: 10px !important;
}
.woh-featured .woh-product-card__title,
.woh-dynamic-products .woh-product-card__title,
.product-miniature .woh-product-card__title {
  display: block !important;
  min-height: 0 !important;
  margin: 0 0 6px !important;
}
.woh-featured .woh-product-comments:empty,
.woh-dynamic-products .woh-product-comments:empty,
.product-miniature .woh-product-comments:empty {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
}
.woh-featured .woh-product-comments,
.woh-dynamic-products .woh-product-comments,
.product-miniature .woh-product-comments {
  min-height: 0 !important;
  margin: 2px 0 4px !important;
}
.woh-featured .woh-product-card__body small,
.woh-dynamic-products .woh-product-card__body small,
.product-miniature .woh-product-card__body small {
  min-height: 0 !important;
  margin: 0 0 4px !important;
}
.woh-featured .woh-product-card__price,
.woh-dynamic-products .woh-product-card__price,
.product-miniature .woh-product-card__price {
  margin: 6px 0 12px !important;
}

/* Mobile TD menu dropdown content */
@media (max-width: 767px) {
  html body #mobileMenu #mobile-amegamenu .adropdown {
    padding: 8px 0 12px 0 !important;
    background: #fbfaf8 !important;
    border-top: 1px solid #f0ece7 !important;
  }
  html body #mobileMenu #mobile-amegamenu .dropdown-wrapper,
  html body #mobileMenu #mobile-amegamenu .dropdown-content,
  html body #mobileMenu #mobile-amegamenu .content-grid,
  html body #mobileMenu #mobile-amegamenu .aitem {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body #mobileMenu #mobile-amegamenu .category-title,
  html body #mobileMenu #mobile-amegamenu .category-thumb {
    display: none !important;
  }
  html body #mobileMenu #mobile-amegamenu .category-subs {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body #mobileMenu #mobile-amegamenu .category-subs li {
    margin: 0 !important;
    padding: 0 !important;
  }
  html body #mobileMenu #mobile-amegamenu .category-subs a {
    position: relative !important;
    display: block !important;
    padding: 8px 18px 8px 48px !important;
    color: #2c2c2c !important;
    text-decoration: none !important;
    font-size: 16px !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
  }
  html body #mobileMenu #mobile-amegamenu .category-subs a::before {
    content: "•" !important;
    position: absolute !important;
    left: 30px !important;
    top: 8px !important;
    color: #bd812b !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }
  html body #mobileMenu #mobile-amegamenu .amenu-item.is-open > .amenu-row {
    background: #fff !important;
  }
}


/* WoH v1.6.4: Ďalší sortiment uses the same card principle as category cards */
body#index .woh-assortment__grid a,
html body .woh-assortment__grid a {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 75% 25% !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-align: center !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  height: auto !important;
}
body#index .woh-assortment__grid a > b,
body#index .woh-assortment__grid a > em,
html body .woh-assortment__grid a > b,
html body .woh-assortment__grid a > em {
  display: none !important;
}
body#index .woh-assortment__grid .woh-mini,
html body .woh-assortment__grid .woh-mini {
  grid-row: 1 !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  display: block !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}
body#index .woh-assortment__grid .woh-mini::before,
body#index .woh-assortment__grid .woh-mini::after,
html body .woh-assortment__grid .woh-mini::before,
html body .woh-assortment__grid .woh-mini::after {
  display: none !important;
  content: none !important;
}
body#index .woh-assortment__grid .woh-mini img,
html body .woh-assortment__grid .woh-mini img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
}
body#index .woh-assortment__grid a > strong,
html body .woh-assortment__grid a > strong {
  grid-row: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  text-align: center !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}
@media (max-width: 767px) {
  body#index .woh-assortment__grid,
  html body .woh-assortment__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}


/* WoH v1.6.5: responsive mobile landscape/tablet header */
@media (orientation: landscape) and (max-height: 620px) and (max-width: 1100px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body #page,
  html body main,
  html body #wrapper,
  html body .page-home,
  html body .woh-home-wrapper,
  html body .woh-home-hero,
  html body .woh-slider,
  html body .woh-slide {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body .container,
  html body .container-md,
  html body .woh-topbar__inner,
  html body .woh-header__main,
  html body .woh-navline__inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  html body .woh-topbar {
    height: auto !important;
    min-height: 32px !important;
    overflow: hidden !important;
  }

  html body .woh-topbar__inner {
    height: auto !important;
    min-height: 32px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: center !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  html body .woh-topbar__inner > div {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .woh-header {
    width: 100% !important;
    max-width: 100vw !important;
    overflow: visible !important;
  }

  html body .woh-header__main {
    height: 74px !important;
    min-height: 74px !important;
    display: grid !important;
    grid-template-columns: 226px minmax(210px, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
  }

  html body .woh-logo__text {
    font-size: 32px !important;
    line-height: 1 !important;
    letter-spacing: -1px !important;
  }

  html body .woh-logo small {
    font-size: 9px !important;
    letter-spacing: 2.4px !important;
    margin-top: 4px !important;
  }

  html body .woh-search {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body .woh-search #search_widget form,
  html body .woh-search form,
  html body .search-widget form {
    height: 44px !important;
    min-width: 0 !important;
  }

  html body .woh-search #search_widget input,
  html body .woh-search input[type=text],
  html body .woh-search input[type=search],
  html body .search-widget input[type=text],
  html body .search-widget input[type=search] {
    height: 42px !important;
    font-size: 14px !important;
    padding-left: 14px !important;
    padding-right: 52px !important;
  }

  html body .woh-search #search_widget .search,
  html body .woh-search button,
  html body .search-widget button {
    width: 52px !important;
    height: 44px !important;
  }

  html body .woh-header__actions {
    display: flex !important;
    min-width: 0 !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    white-space: nowrap !important;
  }

  html body .woh-header__actions .woh-selectors {
    display: none !important;
  }

  html body .woh-header__actions .header-block__action-btn,
  html body .woh-header__actions .woh-fav,
  html body .woh-header__actions .blockcart,
  html body .woh-header__actions .cart-preview {
    min-width: 0 !important;
    max-width: 54px !important;
    width: 42px !important;
    overflow: visible !important;
    gap: 0 !important;
    justify-content: center !important;
  }

  html body .woh-header__actions .header-block__action-btn span:not(.material-icons):not(.header-block__badge),
  html body .woh-header__actions .woh-fav span:not(.material-icons),
  html body .woh-header__actions .cart-products-count,
  html body .woh-header__actions .cart-products-label,
  html body .woh-header__actions .label,
  html body .woh-header__actions .text,
  html body .woh-header__actions .hidden-sm-down,
  html body .woh-header__actions .cart-products-total,
  html body .woh-header__actions .cart-title {
    display: none !important;
  }

  html body .woh-header__actions .material-icons {
    font-size: 29px !important;
    margin: 0 !important;
  }

  html body .woh-header__actions .header-block__badge,
  html body .woh-header__actions .woh-fav em {
    top: -8px !important;
    left: 24px !important;
  }

  html body .woh-navline {
    display: block !important;
    visibility: visible !important;
    height: 42px !important;
    min-height: 42px !important;
    border-top: 1px solid #eee9e4 !important;
    border-bottom: 1px solid #eee9e4 !important;
    background: #fff !important;
    overflow: visible !important;
  }

  html body .woh-navline__inner {
    height: 42px !important;
    display: block !important;
    overflow: visible !important;
  }

  html body .woh-navline #amegamenu {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: 42px !important;
  }

  html body .woh-navline #amegamenu .anav-top {
    height: 42px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 22px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .woh-navline #amegamenu .anav-top::-webkit-scrollbar {
    display: none !important;
  }

  html body .woh-navline #amegamenu .amenu-item {
    flex: 0 0 auto !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
  }

  html body .woh-navline #amegamenu .amenu-link {
    height: 42px !important;
    line-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #111 !important;
    white-space: nowrap !important;
  }

  html body .woh-navline #amegamenu .adropdown {
    top: 42px !important;
    left: 14px !important;
    right: 14px !important;
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin: 0 !important;
    padding: 18px 20px !important;
    max-height: calc(100vh - 160px) !important;
    overflow-y: auto !important;
  }

  html body .woh-slider,
  html body .woh-slide,
  html body .woh-slide__content {
    height: 300px !important;
    max-height: 300px !important;
  }

  html body .woh-slide__content {
    padding-left: 54px !important;
    padding-right: 24px !important;
  }

  html body .woh-slide__content h2 {
    font-size: 40px !important;
    line-height: .95 !important;
    max-width: 430px !important;
  }

  html body .woh-slide__content p {
    font-size: 13px !important;
    margin-bottom: 12px !important;
  }

  html body .woh-slide__content div {
    font-size: 15px !important;
    max-width: 460px !important;
  }

  html body .woh-slide__content .btn,
  html body .woh-slide__content a.btn {
    height: 44px !important;
    padding: 0 28px !important;
    margin-top: 14px !important;
  }

  html body .woh-mobile-bottom-nav {
    display: none !important;
  }
}

@media (orientation: landscape) and (max-height: 620px) and (max-width: 850px) {
  html body .woh-header__main {
    grid-template-columns: 208px minmax(190px, 1fr) auto !important;
    gap: 10px !important;
  }

  html body .woh-logo__text {
    font-size: 29px !important;
  }

  html body .woh-logo small {
    font-size: 8px !important;
    letter-spacing: 2px !important;
  }

  html body .woh-header__actions {
    gap: 8px !important;
  }

  html body .woh-header__actions .header-block__action-btn,
  html body .woh-header__actions .woh-fav,
  html body .woh-header__actions .blockcart,
  html body .woh-header__actions .cart-preview {
    width: 36px !important;
    max-width: 42px !important;
  }

  html body .woh-slide__content {
    padding-left: 42px !important;
  }

  html body .woh-slide__content h2 {
    font-size: 36px !important;
  }
}


/* WoH v1.6.7: alignment fix based on v1.6.5; no global 85% width */
/* Goal: keep all homepage sections on the same left/right line as the normal theme container. */

html,
body,
#page,
#wrapper,
main {
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* One shared container width for homepage blocks. */
:root {
  --woh-container-max-167: 1320px;
  --woh-container-gutter-167: 15px;
}

@media (max-width: 1399px) {
  :root {
    --woh-container-max-167: 1140px;
  }
}

@media (max-width: 1199px) {
  :root {
    --woh-container-max-167: 960px;
  }
}

@media (max-width: 991px) {
  :root {
    --woh-container-max-167: 720px;
  }
}

@media (max-width: 767px) {
  :root {
    --woh-container-max-167: 100%;
    --woh-container-gutter-167: 24px;
  }
}

@media (max-width: 420px) {
  :root {
    --woh-container-gutter-167: 22px;
  }
}

/* Header and top menu keep their original sizing behavior, but cannot overflow. */
html body .woh-topbar,
html body .woh-header,
html body .woh-navline {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
}

html body .woh-topbar__inner,
html body .woh-header__main,
html body .woh-navline__inner,
html body .container {
  box-sizing: border-box !important;
}

/* Slider and every homepage section share the same visual line. */
html body .woh-home-hero,
html body .woh-slider,
html body .woh-slide,
html body #wrapper section.woh-category-strip.container,
html body #wrapper section.woh-assortment.container,
html body #wrapper section.woh-featured.container,
html body #wrapper section.woh-dynamic-products.container,
html body #wrapper section.woh-brands.container,
html body #wrapper section.woh-module-banners.container,
html body #wrapper section.woh-home-banner.container,
html body #wrapper section.woh-benefits.container,
html body #wrapper section.woh-inspiration.container,
html body main section.woh-category-strip.container,
html body main section.woh-assortment.container,
html body main section.woh-featured.container,
html body main section.woh-dynamic-products.container,
html body main section.woh-brands.container,
html body main section.woh-module-banners.container,
html body main section.woh-home-banner.container,
html body main section.woh-benefits.container,
html body main section.woh-inspiration.container {
  width: calc(100% - (var(--woh-container-gutter-167) * 2)) !important;
  max-width: var(--woh-container-max-167) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Slider internals should never use 100vw, because 100vw causes right-side overflow on Android landscape. */
html body .woh-home-hero,
html body .woh-slider,
html body .woh-slide {
  overflow: hidden !important;
}

html body .woh-slide {
  left: auto !important;
  right: auto !important;
}

html body .woh-slide__media,
html body .woh-slide__media img,
html body .woh-slide img {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Full-width footer background stays full, but footer content follows the same line as the blocks. */
html body .woh-footer,
html body footer,
html body #footer {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

html body .woh-footer .container,
html body footer .container,
html body #footer .container {
  width: calc(100% - (var(--woh-container-gutter-167) * 2)) !important;
  max-width: var(--woh-container-max-167) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html body .woh-footer__grid,
html body footer .woh-footer__grid,
html body #footer .woh-footer__grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html body .woh-footer__grid > *,
html body footer .woh-footer__grid > *,
html body #footer .woh-footer__grid > * {
  min-width: 0 !important;
}

/* TD Mega menu dropdown aligns with the visible container and cannot exceed viewport. */
html body #amegamenu .adropdown {
  max-width: min(var(--woh-container-max-167), calc(100vw - (var(--woh-container-gutter-167) * 2))) !important;
  box-sizing: border-box !important;
}

/* Landscape mobile/tablet: same principle as above, but keep header compact from v1.6.5. */
@media (orientation: landscape) and (max-height: 620px) and (max-width: 1100px) {
  html body .woh-home-hero,
  html body .woh-slider,
  html body .woh-slide,
  html body #wrapper section.woh-category-strip.container,
  html body #wrapper section.woh-assortment.container,
  html body #wrapper section.woh-featured.container,
  html body #wrapper section.woh-dynamic-products.container,
  html body #wrapper section.woh-brands.container,
  html body #wrapper section.woh-module-banners.container,
  html body #wrapper section.woh-home-banner.container,
  html body #wrapper section.woh-benefits.container,
  html body #wrapper section.woh-inspiration.container,
  html body main section.woh-category-strip.container,
  html body main section.woh-assortment.container,
  html body main section.woh-featured.container,
  html body main section.woh-dynamic-products.container,
  html body main section.woh-brands.container,
  html body main section.woh-module-banners.container,
  html body main section.woh-home-banner.container,
  html body main section.woh-benefits.container,
  html body main section.woh-inspiration.container,
  html body .woh-footer .container,
  html body footer .container,
  html body #footer .container {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body .woh-slide,
  html body .woh-slider,
  html body .woh-home-hero {
    max-width: calc(100% - 28px) !important;
  }

  html body .woh-navline #amegamenu .adropdown {
    left: 14px !important;
    right: 14px !important;
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    transform: none !important;
  }

  html body .woh-footer__grid,
  html body footer .woh-footer__grid,
  html body #footer .woh-footer__grid {
    overflow: hidden !important;
  }
}


/* WoH v1.6.8: landscape mobile slider, header badges and footer social block polish */

/* Header counters: make wishlist and cart counters visually identical and not merged with icons. */
html body .woh-header__actions .woh-fav,
html body .woh-header__actions .blockcart,
html body .woh-header__actions .cart-preview,
html body .woh-header__actions .header-block__action-btn {
  position: relative !important;
}

html body .woh-header__actions .woh-fav em,
html body .woh-header__actions .header-block__badge,
html body .woh-header__actions .cart-products-count,
html body .woh-header__actions .cart-preview .cart-products-count,
html body .woh-header__actions .blockcart .cart-products-count {
  position: absolute !important;
  top: -12px !important;
  right: -10px !important;
  left: auto !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  background: #bd812b !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 22px !important;
  text-align: center !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 5 !important;
  box-shadow: 0 0 0 2px #fff !important;
  font-style: normal !important;
}

/* Avoid duplicate/inline cart text behavior in compact landscape header. */
html body .woh-header__actions .cart-products-count::before,
html body .woh-header__actions .cart-products-count::after,
html body .woh-header__actions .woh-fav em::before,
html body .woh-header__actions .woh-fav em::after {
  display: none !important;
  content: none !important;
}

/* Footer social column: keep "Sledujte nás", social icons and the text in one clean vertical column. */
html body .woh-footer__social,
html body .footer-social,
html body .social-follow,
html body .block-social {
  min-width: 0 !important;
}

html body .woh-footer__grid .woh-footer__social,
html body footer .woh-footer__grid .woh-footer__social,
html body #footer .woh-footer__grid .woh-footer__social,
html body .woh-footer__grid .block-social,
html body footer .woh-footer__grid .block-social,
html body #footer .woh-footer__grid .block-social {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

html body .woh-footer__grid .woh-footer__social h3,
html body footer .woh-footer__grid .woh-footer__social h3,
html body #footer .woh-footer__grid .woh-footer__social h3,
html body .woh-footer__grid .block-social h3,
html body footer .woh-footer__grid .block-social h3,
html body #footer .woh-footer__grid .block-social h3,
html body .woh-footer__grid .social-follow h3,
html body footer .woh-footer__grid .social-follow h3,
html body #footer .woh-footer__grid .social-follow h3 {
  margin: 0 0 4px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

html body .woh-footer__grid .social-icons,
html body footer .woh-footer__grid .social-icons,
html body #footer .woh-footer__grid .social-icons,
html body .woh-footer__grid .block-social ul,
html body footer .woh-footer__grid .block-social ul,
html body #footer .woh-footer__grid .block-social ul,
html body .woh-footer__grid .social-follow ul,
html body footer .woh-footer__grid .social-follow ul,
html body #footer .woh-footer__grid .social-follow ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .woh-footer__grid .social-icons a,
html body footer .woh-footer__grid .social-icons a,
html body #footer .woh-footer__grid .social-icons a,
html body .woh-footer__grid .block-social a,
html body footer .woh-footer__grid .block-social a,
html body #footer .woh-footer__grid .block-social a,
html body .woh-footer__grid .social-follow a,
html body footer .woh-footer__grid .social-follow a,
html body #footer .woh-footer__grid .social-follow a {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .woh-footer__created,
html body .footer-created,
html body footer .created,
html body #footer .created {
  display: block !important;
  margin-top: 2px !important;
  max-width: 170px !important;
  line-height: 1.35 !important;
}

/* Landscape mobile/tablet: slider is full width like the navline, but still cannot create right overflow. */
@media (orientation: landscape) and (max-height: 620px) and (max-width: 1100px) {
  html body,
  html body #page,
  html body #wrapper,
  html body main {
    overflow-x: hidden !important;
  }

  html body .woh-home-hero,
  html body .woh-slider,
  html body .woh-slide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .woh-slide__media,
  html body .woh-slide__media img,
  html body .woh-slide img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
  }

  /* Keep the counters as separate circles in the compact header. */
  html body .woh-header__actions .woh-fav em,
  html body .woh-header__actions .header-block__badge,
  html body .woh-header__actions .cart-products-count,
  html body .woh-header__actions .cart-preview .cart-products-count,
  html body .woh-header__actions .blockcart .cart-products-count {
    top: -9px !important;
    right: -8px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    font-size: 11px !important;
    line-height: 20px !important;
  }

  /* Footer: newsletter and social area should not run into each other. */
  html body .woh-footer__grid,
  html body footer .woh-footer__grid,
  html body #footer .woh-footer__grid {
    display: grid !important;
    grid-template-columns: minmax(120px, 1fr) minmax(130px, 1fr) minmax(190px, 1.2fr) minmax(270px, 1.7fr) minmax(150px, .9fr) !important;
    gap: 28px !important;
    align-items: start !important;
  }

  html body .woh-footer__grid .newsletter,
  html body footer .woh-footer__grid .newsletter,
  html body #footer .woh-footer__grid .newsletter,
  html body .woh-footer__grid .block_newsletter,
  html body footer .woh-footer__grid .block_newsletter,
  html body #footer .woh-footer__grid .block_newsletter {
    min-width: 0 !important;
  }

  html body .woh-footer__grid .newsletter form,
  html body footer .woh-footer__grid .newsletter form,
  html body #footer .woh-footer__grid .newsletter form,
  html body .woh-footer__grid .block_newsletter form,
  html body footer .woh-footer__grid .block_newsletter form,
  html body #footer .woh-footer__grid .block_newsletter form {
    display: flex !important;
    align-items: stretch !important;
    max-width: 100% !important;
  }

  html body .woh-footer__grid .newsletter input[type="email"],
  html body footer .woh-footer__grid .newsletter input[type="email"],
  html body #footer .woh-footer__grid .newsletter input[type="email"],
  html body .woh-footer__grid .block_newsletter input[type="email"],
  html body footer .woh-footer__grid .block_newsletter input[type="email"],
  html body #footer .woh-footer__grid .block_newsletter input[type="email"] {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  html body .woh-footer__grid .newsletter button,
  html body footer .woh-footer__grid .newsletter button,
  html body #footer .woh-footer__grid .newsletter button,
  html body .woh-footer__grid .block_newsletter button,
  html body footer .woh-footer__grid .block_newsletter button,
  html body #footer .woh-footer__grid .block_newsletter button {
    flex: 0 0 auto !important;
  }

  html body .woh-footer__grid .woh-footer__social,
  html body footer .woh-footer__grid .woh-footer__social,
  html body #footer .woh-footer__grid .woh-footer__social,
  html body .woh-footer__grid .block-social,
  html body footer .woh-footer__grid .block-social,
  html body #footer .woh-footer__grid .block-social,
  html body .woh-footer__grid .social-follow,
  html body footer .woh-footer__grid .social-follow,
  html body #footer .woh-footer__grid .social-follow {
    max-width: 170px !important;
    overflow: hidden !important;
  }
}


/* WoH v1.6.9: real full-width mobile slider + corrected landscape layout */

/* Mobile/tablet slider must use the full visible screen width. */
@media (max-width: 991px) {
  html,
  body,
  #page,
  #wrapper,
  main {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body .woh-home-hero,
  html body .woh-slider,
  html body .woh-slide {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    left: auto !important;
    right: auto !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  @supports (width: 100dvw) {
    html body .woh-home-hero,
    html body .woh-slider,
    html body .woh-slide {
      width: 100dvw !important;
      max-width: 100dvw !important;
      margin-left: calc(50% - 50dvw) !important;
      margin-right: calc(50% - 50dvw) !important;
    }
  }

  html body .woh-slide__media,
  html body .woh-slide__media img,
  html body .woh-slide img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    box-sizing: border-box !important;
  }
}

/* Portrait mobile: keep the slider full-bleed and let the text sit comfortably inside it. */
@media (max-width: 767px) and (orientation: portrait) {
  html body .woh-home-hero,
  html body .woh-slider,
  html body .woh-slide {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  @supports (width: 100dvw) {
    html body .woh-home-hero,
    html body .woh-slider,
    html body .woh-slide {
      width: 100dvw !important;
      max-width: 100dvw !important;
      margin-left: calc(50% - 50dvw) !important;
      margin-right: calc(50% - 50dvw) !important;
    }
  }

  html body .woh-slide__content {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* Landscape mobile/tablet: remove right overflow and keep slider/nav/header aligned to the visible viewport. */
@media (orientation: landscape) and (max-height: 620px) and (max-width: 1100px) {
  html,
  body,
  #page,
  #wrapper,
  main {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body .woh-topbar,
  html body .woh-header,
  html body .woh-navline,
  html body .woh-home-hero,
  html body .woh-slider,
  html body .woh-slide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body .woh-home-hero,
  html body .woh-slider,
  html body .woh-slide {
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  html body .woh-slide__content {
    padding-left: 48px !important;
    padding-right: 32px !important;
  }

  html body .woh-slide__content h2 {
    max-width: 470px !important;
  }

  /* Header icons/counts in landscape: separate bubbles, no overlap with the icons. */
  html body .woh-header__actions .woh-fav em,
  html body .woh-header__actions .header-block__badge,
  html body .woh-header__actions .cart-products-count,
  html body .woh-header__actions .cart-preview .cart-products-count,
  html body .woh-header__actions .blockcart .cart-products-count {
    top: -12px !important;
    right: -12px !important;
    left: auto !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: #bd812b !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 22px !important;
    text-align: center !important;
    box-shadow: 0 0 0 2px #fff !important;
  }

  html body .woh-header__actions .woh-fav,
  html body .woh-header__actions .blockcart,
  html body .woh-header__actions .cart-preview {
    overflow: visible !important;
    position: relative !important;
  }

  /* Footer landscape: stack into a readable grid instead of squeezing all columns into one row. */
  html body .woh-footer,
  html body footer,
  html body #footer {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body .woh-footer .container,
  html body footer .container,
  html body #footer .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body .woh-footer__grid,
  html body footer .woh-footer__grid,
  html body #footer .woh-footer__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px 34px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    align-items: start !important;
  }

  html body .woh-footer__grid > *,
  html body footer .woh-footer__grid > *,
  html body #footer .woh-footer__grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body .woh-footer__grid .newsletter,
  html body footer .woh-footer__grid .newsletter,
  html body #footer .woh-footer__grid .newsletter,
  html body .woh-footer__grid .block_newsletter,
  html body footer .woh-footer__grid .block_newsletter,
  html body #footer .woh-footer__grid .block_newsletter {
    grid-column: span 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body .woh-footer__grid .newsletter form,
  html body footer .woh-footer__grid .newsletter form,
  html body #footer .woh-footer__grid .newsletter form,
  html body .woh-footer__grid .block_newsletter form,
  html body footer .woh-footer__grid .block_newsletter form,
  html body #footer .woh-footer__grid .block_newsletter form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    max-width: 100% !important;
  }

  html body .woh-footer__grid .newsletter input[type="email"],
  html body footer .woh-footer__grid .newsletter input[type="email"],
  html body #footer .woh-footer__grid .newsletter input[type="email"],
  html body .woh-footer__grid .block_newsletter input[type="email"],
  html body footer .woh-footer__grid .block_newsletter input[type="email"],
  html body #footer .woh-footer__grid .block_newsletter input[type="email"] {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body .woh-footer__grid .newsletter button,
  html body footer .woh-footer__grid .newsletter button,
  html body #footer .woh-footer__grid .newsletter button,
  html body .woh-footer__grid .block_newsletter button,
  html body footer .woh-footer__grid .block_newsletter button,
  html body #footer .woh-footer__grid .block_newsletter button {
    white-space: nowrap !important;
    min-width: 120px !important;
  }

  html body .woh-footer__grid .woh-footer__social,
  html body footer .woh-footer__grid .woh-footer__social,
  html body #footer .woh-footer__grid .woh-footer__social,
  html body .woh-footer__grid .block-social,
  html body footer .woh-footer__grid .block-social,
  html body #footer .woh-footer__grid .block-social,
  html body .woh-footer__grid .social-follow,
  html body footer .woh-footer__grid .social-follow,
  html body #footer .woh-footer__grid .social-follow {
    grid-column: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    align-items: flex-start !important;
  }

  html body .woh-footer__grid .block-social ul,
  html body footer .woh-footer__grid .block-social ul,
  html body #footer .woh-footer__grid .block-social ul,
  html body .woh-footer__grid .social-follow ul,
  html body footer .woh-footer__grid .social-follow ul,
  html body #footer .woh-footer__grid .social-follow ul {
    flex-wrap: wrap !important;
    gap: 9px !important;
  }
}

/* Very narrow landscape phones: two footer columns are safer than three. */
@media (orientation: landscape) and (max-height: 520px) and (max-width: 780px) {
  html body .woh-footer__grid,
  html body footer .woh-footer__grid,
  html body #footer .woh-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .woh-footer__grid .newsletter,
  html body footer .woh-footer__grid .newsletter,
  html body #footer .woh-footer__grid .newsletter,
  html body .woh-footer__grid .block_newsletter,
  html body footer .woh-footer__grid .block_newsletter,
  html body #footer .woh-footer__grid .block_newsletter {
    grid-column: 1 / -1 !important;
  }
}


/* WoH v1.7.0: final landscape slider width + identical wishlist/cart badges */

/*
  Important:
  - portrait mobile slider can stay full-bleed
  - landscape mobile must NOT use 100vw/100dvw because Android landscape can count
    the browser side UI into vw and this pushes the slider to the right
*/
@media (orientation: landscape) and (max-width: 1180px) {
  html,
  body,
  #page,
  #wrapper,
  main,
  html body .page-home,
  html body .woh-home-wrapper,
  html body .woh-home-wrapper #content {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body .woh-home-hero,
  html body .woh-slider,
  html body #home-slider,
  html body .woh-slider.carousel,
  html body .woh-slider .carousel-inner,
  html body .woh-slider .carousel-item,
  html body .woh-slide,
  html body .woh-slide-link {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .woh-slide {
    position: relative !important;
  }

  html body .woh-slide__media {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 38% !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    background-size: cover !important;
    background-position: center right !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .woh-slide__media img,
  html body .woh-slide img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body .woh-slide__content.container,
  html body .woh-slide__content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 48px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
  }

  html body .woh-slider .carousel-indicators {
    left: 48px !important;
    right: auto !important;
  }
}

/* The wishlist counter and cart counter must be the same detached gold bubble. */
html body .woh-header__actions .woh-fav,
html body .woh-header__actions .blockcart,
html body .woh-header__actions .cart-preview,
html body .woh-header__actions .header-block__action-btn,
html body #_desktop_cart,
html body #_desktop_user_info,
html body #_desktop_wishlist,
html body .wishlist-link,
html body .wishlist-button,
html body .wishlist-container {
  position: relative !important;
  overflow: visible !important;
}

html body .woh-header__actions .woh-fav em,
html body .woh-header__actions .woh-fav .count,
html body .woh-header__actions .woh-fav .wishlist-count,
html body .woh-header__actions .wishlist-link .count,
html body .woh-header__actions .wishlist-button .count,
html body .woh-header__actions .header-block__badge,
html body .woh-header__actions .cart-products-count,
html body .woh-header__actions .cart-preview .cart-products-count,
html body .woh-header__actions .blockcart .cart-products-count,
html body #_desktop_cart .cart-products-count,
html body #_desktop_wishlist .count,
html body #_desktop_wishlist .wishlist-count {
  position: absolute !important;
  top: -13px !important;
  right: -13px !important;
  left: auto !important;
  bottom: auto !important;
  min-width: 22px !important;
  width: auto !important;
  height: 22px !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #bd812b !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 22px !important;
  text-align: center !important;
  font-weight: 800 !important;
  font-style: normal !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 20 !important;
  box-shadow: 0 0 0 2px #fff !important;
  opacity: 1 !important;
  transform: none !important;
}

html body .woh-header__actions .woh-fav em::before,
html body .woh-header__actions .woh-fav em::after,
html body .woh-header__actions .woh-fav .count::before,
html body .woh-header__actions .woh-fav .count::after,
html body .woh-header__actions .wishlist-link .count::before,
html body .woh-header__actions .wishlist-link .count::after,
html body .woh-header__actions .cart-products-count::before,
html body .woh-header__actions .cart-products-count::after,
html body #_desktop_wishlist .count::before,
html body #_desktop_wishlist .count::after,
html body #_desktop_cart .cart-products-count::before,
html body #_desktop_cart .cart-products-count::after {
  display: none !important;
  content: none !important;
}

/* Compact landscape header badge positions */
@media (orientation: landscape) and (max-width: 1180px) {
  html body .woh-header__actions .woh-fav em,
  html body .woh-header__actions .woh-fav .count,
  html body .woh-header__actions .woh-fav .wishlist-count,
  html body .woh-header__actions .wishlist-link .count,
  html body .woh-header__actions .wishlist-button .count,
  html body .woh-header__actions .header-block__badge,
  html body .woh-header__actions .cart-products-count,
  html body .woh-header__actions .cart-preview .cart-products-count,
  html body .woh-header__actions .blockcart .cart-products-count,
  html body #_desktop_cart .cart-products-count,
  html body #_desktop_wishlist .count,
  html body #_desktop_wishlist .wishlist-count {
    top: -11px !important;
    right: -10px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    font-size: 11px !important;
    line-height: 20px !important;
  }

  html body .woh-header__actions .material-icons,
  html body .woh-header__actions i,
  html body .woh-header__actions svg {
    position: relative !important;
    z-index: 1 !important;
  }
}


/* WoH v1.7.1: wishlist badge same detached style as cart badge */
html body .woh-header__actions .woh-fav {
  position: relative !important;
  overflow: visible !important;
  padding-right: 12px !important;
}

html body .woh-header__actions .woh-fav .material-icons {
  position: relative !important;
  z-index: 1 !important;
}

html body .woh-header__actions .woh-fav em {
  position: absolute !important;
  top: -14px !important;
  right: -2px !important;
  left: auto !important;
  bottom: auto !important;
  min-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #bd812b !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 24px !important;
  text-align: center !important;
  font-weight: 800 !important;
  font-style: normal !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 30 !important;
  box-shadow: 0 0 0 2px #fff !important;
  transform: none !important;
  opacity: 1 !important;
}

html body .woh-header__actions .woh-fav em::before,
html body .woh-header__actions .woh-fav em::after {
  display: none !important;
  content: none !important;
}

/* Landscape mobile/tablet compact header: keep wishlist bubble detached, but a little closer. */
@media (orientation: landscape) and (max-width: 1180px) {
  html body .woh-header__actions .woh-fav {
    padding-right: 10px !important;
  }

  html body .woh-header__actions .woh-fav em {
    top: -12px !important;
    right: -2px !important;
    min-width: 22px !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 11px !important;
    line-height: 22px !important;
  }
}


/* WoH v1.7.2: force detached wishlist counter in landscape header */
/* The previous rule still allowed the badge to sit over the heart icon on Android landscape. */
@media (orientation: landscape) and (max-width: 1180px) {
  html body .woh-header__actions .woh-fav {
    position: relative !important;
    overflow: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 12px 0 0 !important;
    flex: 0 0 56px !important;
  }

  html body .woh-header__actions .woh-fav span:not(.material-icons) {
    display: none !important;
  }

  html body .woh-header__actions .woh-fav .material-icons {
    position: relative !important;
    z-index: 1 !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    font-size: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  html body .woh-header__actions .woh-fav em {
    position: absolute !important;
    top: -8px !important;
    left: 36px !important;
    right: auto !important;
    bottom: auto !important;
    min-width: 24px !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #bd812b !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 24px !important;
    text-align: center !important;
    font-weight: 800 !important;
    font-style: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 50 !important;
    box-shadow: 0 0 0 2px #fff !important;
    transform: none !important;
    opacity: 1 !important;
  }

  html body .woh-header__actions .woh-fav em::before,
  html body .woh-header__actions .woh-fav em::after {
    display: none !important;
    content: none !important;
  }
}

/* Also detach it on wider desktop if the compact header rules are active after resize. */
html body .woh-header__actions .woh-fav em {
  translate: none !important;
}


/* WoH v1.7.3: wishlist counter now uses the same badge structure as cart */
html body .woh-header__actions a.woh-fav.header-block__action-btn {
  position: relative !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html body .woh-header__actions a.woh-fav.header-block__action-btn .header-block__badge {
  position: absolute !important;
  top: -9px !important;
  left: 34px !important;
  right: auto !important;
  bottom: auto !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--woh-gold, #bd812b) !important;
  color: #fff !important;
  line-height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-align: center !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  z-index: 30 !important;
}

html body .woh-header__actions a.woh-fav.header-block__action-btn .header-block__badge::before,
html body .woh-header__actions a.woh-fav.header-block__action-btn .header-block__badge::after {
  display: none !important;
  content: none !important;
}

/* Override older rules that hide all non-icon spans in landscape mode. */
@media (orientation: landscape) and (max-width: 1400px), (orientation: landscape) and (max-height: 700px) {
  html body .woh-header__actions a.woh-fav.header-block__action-btn {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    flex: 0 0 58px !important;
    padding: 0 !important;
    margin-right: 8px !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  html body .woh-header__actions a.woh-fav.header-block__action-btn .header-block__title {
    display: none !important;
  }

  html body .woh-header__actions a.woh-fav.header-block__action-btn .header-block__badge {
    display: inline-flex !important;
    top: -9px !important;
    left: 37px !important;
    right: auto !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    font-size: 10px !important;
    line-height: 18px !important;
    border-radius: 50% !important;
  }
}


/* WoH v1.7.4: vertical alignment of wishlist badge with cart badge */
@media (orientation: landscape) and (max-width: 1400px), (orientation: landscape) and (max-height: 700px) {
  html body .woh-header__actions a.woh-fav.header-block__action-btn .header-block__badge {
    top: -2px !important;
  }
}

/* Same correction for the explicit Android landscape header rule. */
@media (orientation: landscape) and (max-width: 1180px) {
  html body .woh-header__actions a.woh-fav.header-block__action-btn .header-block__badge {
    top: -2px !important;
  }
}


/* WoH v1.7.5: exact vertical alignment of wishlist counter to cart counter */
/*
  Cart badge in the compact landscape header visually sits with its top edge at about -9px
  relative to the icon block. Wishlist badge is now forced to the same vertical baseline.
*/
@media (orientation: landscape) and (max-width: 1400px), (orientation: landscape) and (max-height: 700px) {
  html body .woh-header__actions a.woh-fav.header-block__action-btn .header-block__badge {
    top: -9px !important;
    left: 37px !important;
    right: auto !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
    padding: 0 !important;
    border-radius: 50% !important;
  }
}

@media (orientation: landscape) and (max-width: 1180px) {
  html body .woh-header__actions a.woh-fav.header-block__action-btn .header-block__badge {
    top: -9px !important;
    left: 37px !important;
    right: auto !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
    padding: 0 !important;
    border-radius: 50% !important;
  }
}

/* Keep the cart and wishlist badge geometry unified in the same header mode. */
@media (orientation: landscape) and (max-width: 1180px) {
  html body .woh-header__actions .cart-products-count,
  html body .woh-header__actions .cart-preview .cart-products-count,
  html body .woh-header__actions .blockcart .cart-products-count,
  html body #_desktop_cart .cart-products-count {
    top: -9px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    line-height: 18px !important;
    padding: 0 !important;
    border-radius: 50% !important;
  }
}


/* WoH v1.7.9: final footer cleanup for horizontal mobile / tablet landscape */
/* The mobile search checkbox must never be visually rendered as a small square. */
html body input#wohMobileSearchToggle.woh-mobile-search-toggle,
html body .woh-mobile-search-toggle[type="checkbox"] {
  position: fixed !important;
  left: -100000px !important;
  top: -100000px !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  z-index: -1 !important;
}

/* Landscape mobile/tablet should behave like compact desktop footer, not like portrait mobile. */
@media (orientation: landscape) and (max-width: 1180px) {
  html,
  body,
  #page,
  #wrapper,
  main {
    overflow-x: hidden !important;
  }

  html body input#wohMobileSearchToggle.woh-mobile-search-toggle,
  html body .woh-mobile-search-toggle[type="checkbox"],
  html body .woh-mobile-search-panel,
  html body #wohMobileSearchPanel,
  html body #mobileMenu,
  html body .woh-mobile-menu,
  html body .woh-mobile-bottom-nav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html body #footer,
  html body footer,
  html body .footer-container,
  html body .woh-footer {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  html body .woh-footer {
    min-height: 0 !important;
  }

  /* Hide possible scroll-to-top/back-to-top widgets in this mode; they created the white area below footer. */
  html body .back-to-top,
  html body .back-to-top-button,
  html body .scroll-top,
  html body .scroll-to-top,
  html body .scrollTop,
  html body .scroll_top,
  html body .go-top,
  html body .gotop,
  html body .to-top,
  html body .totop,
  html body #back-to-top,
  html body #scroll-top,
  html body #scroll_to_top,
  html body #goTop,
  html body [class*="back-to-top"],
  html body [class*="scroll-top"],
  html body [class*="scroll_to_top"],
  html body [class*="to-top"],
  html body [class*="totop"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Portrait mobile keeps the bottom navigation and search panel functional. */
@media (max-width: 767px) and (orientation: portrait) {
  html body .woh-mobile-bottom-nav {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body input#wohMobileSearchToggle.woh-mobile-search-toggle,
  html body .woh-mobile-search-toggle[type="checkbox"] {
    display: block !important;
  }
}


/* WoH v1.8.0: portrait mobile footer and bottom navigation cleanup */

/* The hidden search checkbox must never appear as a visible square. */
html body input#wohMobileSearchToggle.woh-mobile-search-toggle,
html body .woh-mobile-search-toggle[type="checkbox"] {
  position: fixed !important;
  left: -100000px !important;
  top: -100000px !important;
  display: block !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  z-index: -1 !important;
}

/* Restore the bottom mobile bar in classic portrait view. */
@media (max-width: 767px) and (orientation: portrait) {
  html body {
    padding-bottom: 86px !important;
  }

  html body .woh-mobile-bottom-nav {
    position: fixed !important;
    left: 14px !important;
    right: 14px !important;
    bottom: calc(14px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 0 !important;
    padding: 7px 6px !important;
    margin: 0 !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(0,0,0,.08) !important;
    border-radius: 22px !important;
    box-shadow: 0 -8px 28px rgba(0,0,0,.14) !important;
    z-index: 2147483000 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }

  html body .woh-mobile-bottom-nav__item {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 3px !important;
    color: #111 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body .woh-mobile-bottom-nav__item .material-icons {
    display: block !important;
    font-size: 27px !important;
    line-height: 1 !important;
    color: #111 !important;
    margin: 0 !important;
  }

  html body .woh-mobile-bottom-nav__item small {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html body .woh-mobile-bottom-nav__item em {
    position: absolute !important;
    top: 0 !important;
    right: 18% !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    border-radius: 50% !important;
    background: #bd812b !important;
    color: #fff !important;
    font-style: normal !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 20px !important;
    text-align: center !important;
    padding: 0 !important;
  }

  html body .woh-mobile-search-panel {
    bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  }

  html body input#wohMobileSearchToggle.woh-mobile-search-toggle:checked + .woh-mobile-search-panel {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* Portrait mobile footer: stack all native module sections cleanly under each other. */
@media (max-width: 767px) and (orientation: portrait) {
  html body .woh-footer {
    padding: 36px 0 110px !important;
    margin: 0 !important;
  }

  html body .woh-footer > .container,
  html body .woh-footer__grid--native {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 26px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  html body .woh-footer__linklist {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
  }

  html body .woh-footer__linklist .footer__block,
  html body .woh-footer__linklist .left-block,
  html body .woh-footer__contact .footer__block,
  html body .woh-footer__contact .block-contact {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .woh-footer__linklist .footer__block__title,
  html body .woh-footer__linklist .left-block__title,
  html body .woh-footer__contact .footer__block__title,
  html body .woh-footer__contact .left-block__title,
  html body .woh-footer__contact h3 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    letter-spacing: .5px !important;
    text-transform: none !important;
    color: #fff !important;
  }

  html body .woh-footer__linklist .footer__block__content,
  html body .woh-footer__linklist .footer__block__content.collapse,
  html body .woh-footer__contact .footer__block__content,
  html body .woh-footer__contact .footer__block__content.collapse {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 8px !important;
  }

  html body .woh-footer__linklist li,
  html body .woh-footer__contact li {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .woh-footer__linklist a,
  html body .woh-footer__contact a,
  html body .woh-footer__contact .contact__infos,
  html body .woh-footer__contact .contact__phone,
  html body .woh-footer__contact .contact__fax,
  html body .woh-footer__contact .contact__email {
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: #d9dfdf !important;
  }

  html body .woh-footer__newsletter,
  html body .woh-footer__social {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .woh-footer__newsletter h3,
  html body .woh-footer__social h3 {
    margin: 0 0 14px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    letter-spacing: 1.4px !important;
  }

  html body .woh-footer__newsletter p,
  html body .woh-made {
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin: 0 0 12px !important;
  }
}


/* WoH v1.8.1: restore original mobile bar height and remove duplicate footer titles */

/* Portrait mobile bottom bar: back to lower/original height, without text merging. */
@media (max-width: 767px) and (orientation: portrait) {
  html body {
    padding-bottom: 76px !important;
  }

  html body .woh-mobile-bottom-nav {
    left: 14px !important;
    right: 14px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 0 !important;
    padding: 5px 6px !important;
    border-radius: 18px !important;
    overflow: visible !important;
  }

  html body .woh-mobile-bottom-nav__item {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    gap: 2px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body .woh-mobile-bottom-nav__item .material-icons {
    font-size: 25px !important;
    line-height: 1 !important;
  }

  html body .woh-mobile-bottom-nav__item small {
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body .woh-mobile-bottom-nav__item em {
    top: 1px !important;
    right: 19% !important;
    width: 19px !important;
    min-width: 19px !important;
    height: 19px !important;
    min-height: 19px !important;
    line-height: 19px !important;
    font-size: 11px !important;
  }

  /* Keep the mobile search panel above the lower bar. */
  html body .woh-mobile-search-panel {
    bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  }
}

/* Footer mobile: native ps_linklist/ps_contactinfo have two title elements.
   Keep only the clickable title with arrow, hide the desktop title. */
@media (max-width: 767px) and (orientation: portrait) {
  html body .woh-footer__linklist {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  html body .woh-footer__linklist .footer__block,
  html body .woh-footer__contact .footer__block,
  html body .woh-footer__contact .block-contact {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  html body .woh-footer__linklist .footer__block > p.footer__block__title,
  html body .woh-footer__contact .footer__block > p.footer__block__title,
  html body .woh-footer__contact .block-contact > p.footer__block__title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body .woh-footer__linklist .footer__block__toggle,
  html body .woh-footer__contact .footer__block__toggle,
  html body .woh-footer__contact .block-contact .footer__block__toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 9px 0 !important;
    cursor: pointer !important;
    color: #fff !important;
  }

  html body .woh-footer__linklist .footer__block__toggle .footer__block__title,
  html body .woh-footer__contact .footer__block__toggle .footer__block__title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    letter-spacing: .5px !important;
    text-transform: none !important;
    color: #fff !important;
  }

  html body .woh-footer__linklist .footer__block__toggle .material-icons,
  html body .woh-footer__contact .footer__block__toggle .material-icons {
    display: block !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: #fff !important;
  }

  html body .woh-footer__linklist .footer__block__content,
  html body .woh-footer__contact .footer__block__content {
    margin: 0 !important;
    padding: 0 0 10px !important;
  }

  html body .woh-footer__linklist .footer__block__content.collapse:not(.show),
  html body .woh-footer__contact .footer__block__content.collapse:not(.show) {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body .woh-footer__linklist .footer__block__content.collapse.show,
  html body .woh-footer__contact .footer__block__content.collapse.show {
    display: block !important;
    height: auto !important;
  }

  html body .woh-footer__contact {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html body .woh-footer__newsletter {
    margin-top: 6px !important;
  }

  html body .woh-footer__social {
    margin-top: 4px !important;
  }
}


/* WoH v1.8.2: unify mobile footer spacing between ps_linklist and ps_contactinfo */
@media (max-width: 767px) and (orientation: portrait) {
  /* Remove the large flex gap between the linklist group and contact block. */
  html body .woh-footer > .container,
  html body .woh-footer__grid--native {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  /* Make contact block use the same vertical rhythm as Products / Our company. */
  html body .woh-footer__linklist .footer__block,
  html body .woh-footer__contact,
  html body .woh-footer__contact .footer__block,
  html body .woh-footer__contact .block-contact {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body .woh-footer__linklist .footer__block__toggle,
  html body .woh-footer__contact .footer__block__toggle,
  html body .woh-footer__contact .block-contact .footer__block__toggle {
    min-height: 44px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html body .woh-footer__newsletter {
    margin-top: 10px !important;
  }

  html body .woh-footer__social {
    margin-top: 22px !important;
  }
}


/* WoH v1.8.3: footer layout for horizontal mobile - social block next to Our company */
@media (orientation: landscape) and (max-width: 1180px) {
  html body .woh-footer {
    padding-top: 36px !important;
    padding-bottom: 28px !important;
  }

  html body .woh-footer > .container,
  html body .woh-footer__grid--native {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.05fr) minmax(260px, 1.45fr) !important;
    grid-auto-rows: auto !important;
    column-gap: 56px !important;
    row-gap: 26px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 56px !important;
    padding-right: 56px !important;
    box-sizing: border-box !important;
  }

  /* Make individual ps_linklist blocks real grid items.
     This allows "Our company" to stay left and "Sledujte nás" to sit in the next column. */
  html body .woh-footer__linklist {
    display: contents !important;
  }

  html body .woh-footer__linklist .footer__block,
  html body .woh-footer__linklist .left-block {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .woh-footer__linklist .footer__block:nth-child(1),
  html body .woh-footer__linklist .left-block:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html body .woh-footer__linklist .footer__block:nth-child(2),
  html body .woh-footer__linklist .left-block:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  html body .woh-footer__contact {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .woh-footer__newsletter {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .woh-footer__social {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
  }

  html body .woh-footer__social h3 {
    margin-top: 0 !important;
  }

  html body .woh-footer__social .block-social {
    margin-bottom: 10px !important;
  }
}


/* WoH v1.8.4: keep newsletter form inside viewport in horizontal mobile */
@media (orientation: landscape) and (max-width: 1180px) {
  html body .woh-footer__newsletter,
  html body .woh-footer__newsletter *,
  html body .woh-newsletter-form,
  html body .woh-newsletter-form *,
  html body .woh-newsletter-form__line,
  html body .woh-newsletter-form__line * {
    box-sizing: border-box !important;
  }

  html body .woh-footer__newsletter {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body .woh-footer__newsletter .woh-newsletter-form,
  html body .woh-footer__newsletter .block_newsletter,
  html body .woh-footer__newsletter form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .woh-footer__newsletter .woh-newsletter-form__line {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 10px 0 8px !important;
    overflow: hidden !important;
  }

  html body .woh-footer__newsletter .woh-newsletter-form__line input[type="email"] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 34px !important;
    border-radius: 2px 0 0 2px !important;
  }

  html body .woh-footer__newsletter .woh-newsletter-form__line input[type="submit"],
  html body .woh-footer__newsletter .woh-newsletter-form__line button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 88px !important;
    max-width: 118px !important;
    height: 34px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 0 2px 2px 0 !important;
    white-space: nowrap !important;
  }
}

@media (orientation: landscape) and (max-width: 920px) {
  html body .woh-footer > .container,
  html body .woh-footer__grid--native {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(220px, 1.1fr) !important;
    column-gap: 34px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
  }

  html body .woh-footer__newsletter .woh-newsletter-form__line input[type="submit"],
  html body .woh-footer__newsletter .woh-newsletter-form__line button {
    min-width: 82px !important;
    max-width: 104px !important;
    font-size: 11px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}


/* WoH v1.8.5: sticky compact header for desktop and horizontal mobile
   On scroll, only the main header row stays fixed; top assurance bar and mega menu scroll away. */
@media (min-width: 768px) {
  html body.woh-header-compact {
    padding-top: var(--woh-sticky-main-height, 86px) !important;
  }

  html body.woh-header-compact .woh-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2147482500 !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
    box-shadow: 0 8px 26px rgba(0,0,0,.10) !important;
  }

  html body.woh-header-compact .woh-header__main {
    height: var(--woh-sticky-main-height, 86px) !important;
    min-height: var(--woh-sticky-main-height, 86px) !important;
  }

  html body.woh-header-compact .woh-navline {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}


/* WoH v1.8.6: desktop/full-width footer, automatic columns, social under newsletter */
html body .woh-footer {
  background: #121718 !important;
  color: #d9dfdf !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
}

@supports not (overflow: clip) {
  html body .woh-footer { overflow-x: hidden !important; }
}

@media (min-width: 768px) {
  html body .woh-footer {
    padding: 46px 0 34px !important;
  }

  /* Content width stays aligned with the same Bootstrap container as homepage blocks such as Obľúbené značky. */
  html body .woh-footer > .container,
  html body .woh-footer__grid--native {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)) !important;
    column-gap: clamp(28px, 4vw, 72px) !important;
    row-gap: 32px !important;
    align-items: start !important;
  }

  /* ps_linklist can contain any number of footer link blocks; each becomes an automatic grid column. */
  html body .woh-footer__linklist {
    display: contents !important;
  }

  html body .woh-footer__linklist .footer__block,
  html body .woh-footer__linklist .left-block,
  html body .woh-footer__contact,
  html body .woh-footer__contact .footer__block,
  html body .woh-footer__contact .block-contact,
  html body .woh-footer__newsletter {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    float: none !important;
    flex: none !important;
  }

  html body .woh-footer__newsletter {
    min-width: 245px !important;
  }

  html body .woh-footer h3,
  html body .woh-footer .footer__block__title,
  html body .woh-footer .left-block__title {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }

  html body .woh-footer__social {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  html body .woh-footer__social h3 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  html body .woh-footer__social .block-social {
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
  }

  html body .woh-footer__social .block-social a {
    margin-left: 0 !important;
    margin-right: 12px !important;
  }

  html body .woh-made {
    margin-top: 8px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  html body .woh-footer > .container,
  html body .woh-footer__grid--native {
    max-width: 1140px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  html body .woh-footer > .container,
  html body .woh-footer__grid--native {
    max-width: 960px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html body .woh-footer > .container,
  html body .woh-footer__grid--native {
    max-width: 720px !important;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    column-gap: 34px !important;
  }
}

/* Override previous landscape-specific footer positioning; new footer uses the same automatic layout. */
@media (orientation: landscape) and (max-width: 1180px) {
  html body .woh-footer > .container,
  html body .woh-footer__grid--native {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    column-gap: clamp(28px, 4vw, 56px) !important;
    row-gap: 30px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
  }

  html body .woh-footer__newsletter,
  html body .woh-footer__social,
  html body .woh-footer__contact,
  html body .woh-footer__linklist .footer__block,
  html body .woh-footer__linklist .left-block {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}


/* WoH v1.8.7: footer background full-width, but columns aligned to homepage content width */
html body .woh-footer {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: #121718 !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
}

@supports not (overflow: clip) {
  html body .woh-footer {
    overflow-x: hidden !important;
  }
}

/* The inner footer grid must use the same visual line as homepage blocks
   such as Obľúbené značky. It must not stretch to the full viewport. */
@media (min-width: 768px) {
  html body .woh-footer > .container,
  html body .woh-footer .container.woh-footer__grid,
  html body .woh-footer .container.woh-footer__grid--native,
  html body .woh-footer__grid--native {
    width: calc(100% - (var(--woh-container-gutter-167, 15px) * 2)) !important;
    max-width: var(--woh-container-max-167, 1140px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    column-gap: clamp(28px, 4vw, 64px) !important;
    row-gap: 32px !important;
    align-items: start !important;
    justify-content: stretch !important;
  }

  html body .woh-footer__linklist {
    display: contents !important;
  }

  html body .woh-footer__linklist .footer__block,
  html body .woh-footer__linklist .left-block,
  html body .woh-footer__contact,
  html body .woh-footer__newsletter,
  html body .woh-footer__social {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

/* Keep the same alignment also for horizontal mobile/tablet landscape. */
@media (orientation: landscape) and (max-width: 1180px) and (min-width: 768px) {
  html body .woh-footer > .container,
  html body .woh-footer .container.woh-footer__grid,
  html body .woh-footer .container.woh-footer__grid--native,
  html body .woh-footer__grid--native {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    column-gap: clamp(24px, 4vw, 48px) !important;
  }
}


/* WoH v1.8.8: footer full background, inner columns aligned to homepage container */
@media (min-width: 768px) {
  html body .woh-footer {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #121718 !important;
    box-shadow: 0 0 0 100vmax #121718 !important;
    clip-path: inset(0 -100vmax) !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body .woh-footer > .container.woh-footer__grid,
  html body .woh-footer > .container.woh-footer__grid--native,
  html body .woh-footer .container.woh-footer__grid,
  html body .woh-footer .container.woh-footer__grid--native {
    width: calc(100% - (var(--woh-container-gutter-167, 15px) * 2)) !important;
    max-width: var(--woh-container-max-167, 1320px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)) !important;
    column-gap: clamp(28px, 4vw, 64px) !important;
    row-gap: 32px !important;
    align-items: start !important;
  }

  html body .woh-footer__linklist {
    display: contents !important;
  }

  html body .woh-footer__linklist .footer__block,
  html body .woh-footer__linklist .left-block,
  html body .woh-footer__contact,
  html body .woh-footer__newsletter,
  html body .woh-footer__social {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-column: auto !important;
    grid-row: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* PC/tablet widths: keep the same container steps used by the homepage blocks. */
@media (min-width: 1400px) {
  html body .woh-footer > .container.woh-footer__grid,
  html body .woh-footer > .container.woh-footer__grid--native {
    max-width: 1320px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  html body .woh-footer > .container.woh-footer__grid,
  html body .woh-footer > .container.woh-footer__grid--native {
    max-width: 1140px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  html body .woh-footer > .container.woh-footer__grid,
  html body .woh-footer > .container.woh-footer__grid--native {
    max-width: 960px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html body .woh-footer > .container.woh-footer__grid,
  html body .woh-footer > .container.woh-footer__grid--native {
    max-width: 720px !important;
  }
}

/* Horizontal mobile / tablet: do not stretch footer columns edge-to-edge. */
@media (orientation: landscape) and (max-width: 1180px) and (min-width: 768px) {
  html body .woh-footer > .container.woh-footer__grid,
  html body .woh-footer > .container.woh-footer__grid--native,
  html body .woh-footer .container.woh-footer__grid,
  html body .woh-footer .container.woh-footer__grid--native {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    column-gap: clamp(24px, 4vw, 48px) !important;
  }
}


/* WoH v1.8.9: real footer inner wrapper alignment */
html body .woh-footer {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #121718 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body .woh-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  background: #121718 !important;
  z-index: -1 !important;
}

html body .woh-footer__inner-align {
  position: relative !important;
  z-index: 1 !important;
  width: min(calc(100vw - 32px), var(--woh-home-container, 1320px)) !important;
  max-width: min(calc(100vw - 32px), var(--woh-home-container, 1320px)) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

html body .woh-footer__inner-align > .woh-footer__grid,
html body .woh-footer__grid--native {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)) !important;
  column-gap: clamp(28px, 4vw, 64px) !important;
  row-gap: 32px !important;
  align-items: start !important;
}

html body .woh-footer__linklist {
  display: contents !important;
}

html body .woh-footer__linklist .footer__block,
html body .woh-footer__linklist .left-block,
html body .woh-footer__contact,
html body .woh-footer__newsletter,
html body .woh-footer__social {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-column: auto !important;
  grid-row: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* PC/tablet steps must match homepage blocks. */
@media (min-width: 1400px) {
  html body .woh-footer__inner-align {
    width: min(calc(100vw - 32px), 1320px) !important;
    max-width: min(calc(100vw - 32px), 1320px) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  html body .woh-footer__inner-align {
    width: min(calc(100vw - 32px), 1140px) !important;
    max-width: min(calc(100vw - 32px), 1140px) !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  html body .woh-footer__inner-align {
    width: min(calc(100vw - 32px), 960px) !important;
    max-width: min(calc(100vw - 32px), 960px) !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html body .woh-footer__inner-align {
    width: min(calc(100vw - 32px), 720px) !important;
    max-width: min(calc(100vw - 32px), 720px) !important;
  }
}

/* Horizontal mobile/tablet landscape */
@media (orientation: landscape) and (max-width: 1180px) and (min-width: 768px) {
  html body .woh-footer__inner-align {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  html body .woh-footer__inner-align > .woh-footer__grid,
  html body .woh-footer__grid--native {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    column-gap: clamp(24px, 4vw, 48px) !important;
  }
}

/* Portrait mobile keeps previous clean stacked layout */
@media (max-width: 767px) and (orientation: portrait) {
  html body .woh-footer__inner-align {
    width: calc(100vw - 44px) !important;
    max-width: calc(100vw - 44px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body .woh-footer__inner-align > .woh-footer__grid,
  html body .woh-footer__grid--native {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
}



/* WoH v1.9.0: align native Featured products container with global homepage blocks */
html body section.featured-products.woh-featured > .container,
html body .featured-products.woh-featured > .container,
html body #wrapper section.featured-products.woh-featured > .container,
html body main section.featured-products.woh-featured > .container {
  width: calc(100% - (var(--woh-container-gutter-167, 15px) * 2)) !important;
  max-width: var(--woh-container-max-167, 1320px) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Keep the "Viac ->" link inside the same aligned container. */
html body section.featured-products.woh-featured .woh-section-head,
html body .featured-products.woh-featured .woh-section-head {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Product grid cannot extend past the aligned container. */
html body section.featured-products.woh-featured .products,
html body .featured-products.woh-featured .products {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}


/* WoH v1.9.1: slider + category strip aligned to the same global homepage width */
html body .woh-home-hero,
html body #wrapper .woh-home-hero,
html body main .woh-home-hero,
html body .woh-category-strip,
html body .woh-category-strip.container,
html body #wrapper .woh-category-strip,
html body main .woh-category-strip {
  width: calc(100% - (var(--woh-container-gutter-167, 15px) * 2)) !important;
  max-width: var(--woh-container-max-167, 1320px) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* The slider is already inside .woh-home-hero, so it must not apply a second container width. */
html body .woh-home-hero > .woh-slider,
html body .woh-home-hero .woh-slider,
html body .woh-home-hero > section.woh-slider,
html body .woh-home-hero #home-slider {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Slide itself must follow the slider width, not its own container calculation. */
html body .woh-home-hero .woh-slide,
html body .woh-home-hero .carousel-inner,
html body .woh-home-hero .carousel-item,
html body .woh-home-hero .woh-slide-link {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* The content inside the slide stays inside the same visual line. */
html body .woh-home-hero .woh-slide__content.container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: clamp(34px, 6vw, 82px) !important;
  padding-right: clamp(24px, 4vw, 56px) !important;
  box-sizing: border-box !important;
}

/* The category strip must not inherit Bootstrap container padding. */
html body .woh-category-strip.container,
html body section.woh-category-strip.container,
html body div.woh-category-strip.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Keep category cards exactly inside the aligned section. */
html body .woh-category-strip {
  display: grid !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Horizontal mobile/tablet: use the same landscape width as the rest of the theme. */
@media (orientation: landscape) and (max-height: 620px) and (max-width: 1100px) {
  html body .woh-home-hero,
  html body .woh-category-strip,
  html body .woh-category-strip.container {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body .woh-home-hero > .woh-slider,
  html body .woh-home-hero .woh-slider,
  html body .woh-home-hero .woh-slide {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* WoH v1.9.2: category strip under slider - 6 items in one desktop row */
@media (min-width: 992px) {
  html body .woh-category-strip,
  html body .woh-category-strip.container,
  html body section.woh-category-strip,
  html body section.woh-category-strip.container,
  html body #wrapper .woh-category-strip,
  html body main .woh-category-strip {
    width: calc(100% - (var(--woh-container-gutter-167, 15px) * 2)) !important;
    max-width: var(--woh-container-max-167, 1320px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 16px !important;
    overflow: visible !important;
  }

  html body .woh-category-strip .woh-cat-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Tablet: keep it readable, but prevent one stray item from breaking desktop alignment. */
@media (min-width: 768px) and (max-width: 991px) {
  html body .woh-category-strip,
  html body .woh-category-strip.container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


/* WoH v1.9.3 FINAL: force category strip under slider to 6 equal columns and global width */
@media (min-width: 992px) {
  html body .woh-home .woh-category-strip,
  html body .woh-home .woh-category-strip.container,
  html body section.woh-category-strip,
  html body .woh-category-strip,
  html body .woh-category-strip.container,
  html body [class*="woh-category-strip"] {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 16px !important;
    width: calc(100% - (var(--woh-container-gutter-167, 15px) * 2)) !important;
    max-width: var(--woh-container-max-167, 1320px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  html body .woh-category-strip > *,
  html body [class*="woh-category-strip"] > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    box-sizing: border-box !important;
  }
}


/* WoH v1.9.4: Featured products must use the same outer alignment as all homepage blocks */
html body section.featured-products.woh-featured,
html body .woh-home section.featured-products.woh-featured,
html body #content > section.featured-products.woh-featured,
html body #wrapper section.featured-products.woh-featured,
html body main section.featured-products.woh-featured {
  width: calc(100% - (var(--woh-container-gutter-167, 15px) * 2)) !important;
  max-width: var(--woh-container-max-167, 1320px) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Do not apply a second container width inside Featured products.
   This was the reason why Odporúčané produkty was narrower than the other homepage blocks. */
html body section.featured-products.woh-featured > .container,
html body .featured-products.woh-featured > .container,
html body #content > section.featured-products.woh-featured > .container,
html body #wrapper section.featured-products.woh-featured > .container,
html body main section.featured-products.woh-featured > .container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Keep the heading, "Viac ->" link and product grid exactly inside this aligned block. */
html body section.featured-products.woh-featured .woh-section-head,
html body .featured-products.woh-featured .woh-section-head,
html body section.featured-products.woh-featured .products,
html body .featured-products.woh-featured .products,
html body section.featured-products.woh-featured .products.row,
html body .featured-products.woh-featured .products.row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Mobile debug showed:
   - global blocks: x=22 width=367
   - Featured inner container: x=36 width=339
   This override forces Featured to the same x/width as global blocks. */
@media (max-width: 767px) {
  html body section.featured-products.woh-featured,
  html body .woh-home section.featured-products.woh-featured,
  html body #content > section.featured-products.woh-featured {
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body section.featured-products.woh-featured > .container,
  html body .featured-products.woh-featured > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* WoH v1.9.5: mobile slider full width + unified product card layout */
@media (max-width: 767px) {
  html body section#home-slider.woh-slider,
  html body #content > section#home-slider.woh-slider,
  html body main section#home-slider.woh-slider {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
  }

  html body section#home-slider.woh-slider .carousel-inner,
  html body section#home-slider.woh-slider .carousel-item,
  html body section#home-slider.woh-slider .woh-slide-link,
  html body section#home-slider.woh-slider .woh-slide {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body section#home-slider.woh-slider .woh-slide__content.container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Equal product cards in all homepage product sections */
html body .product-miniature .woh-product-card,
html body .woh-dynamic-product-card .woh-product-card,
html body section.featured-products .woh-product-card,
html body section.woh-dynamic-products .woh-product-card {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

html body .product-miniature .woh-product-card__image,
html body .woh-dynamic-product-card .woh-product-card__image,
html body section.featured-products .woh-product-card__image,
html body section.woh-dynamic-products .woh-product-card__image {
  flex: 0 0 auto !important;
}

html body .product-miniature .woh-product-card__body,
html body .woh-dynamic-product-card .woh-product-card__body,
html body section.featured-products .woh-product-card__body,
html body section.woh-dynamic-products .woh-product-card__body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding-top: 10px !important;
}

/* Product name has a fixed two-line area, so longer names no longer stretch cards. */
html body .product-miniature .woh-product-card__title,
html body .woh-dynamic-product-card .woh-product-card__title,
html body section.featured-products .woh-product-card__title,
html body section.woh-dynamic-products .woh-product-card__title {
  min-height: 0 !important;
  height: 36px !important;
  max-height: 36px !important;
  margin: 0 0 3px !important;
  line-height: 18px !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* Reduce the vertical space between product title/reviews and price. */
html body .product-miniature .woh-product-card__body small,
html body .woh-dynamic-product-card .woh-product-card__body small,
html body section.featured-products .woh-product-card__body small,
html body section.woh-dynamic-products .woh-product-card__body small {
  min-height: 0 !important;
  margin: 0 !important;
  line-height: 15px !important;
}

html body .product-miniature .woh-product-comments,
html body .woh-dynamic-product-card .woh-product-comments,
html body section.featured-products .woh-product-comments,
html body section.woh-dynamic-products .woh-product-comments {
  margin: 2px 0 2px !important;
  min-height: 16px !important;
  line-height: 16px !important;
}

/* Price + quick view eye in one row */
html body .product-miniature .woh-product-card__price-row,
html body .woh-dynamic-product-card .woh-product-card__price-row,
html body section.featured-products .woh-product-card__price-row,
html body section.woh-dynamic-products .woh-product-card__price-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 4px 0 8px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body .product-miniature .woh-product-card__price-row .woh-product-card__price,
html body .woh-dynamic-product-card .woh-product-card__price-row .woh-product-card__price,
html body section.featured-products .woh-product-card__price-row .woh-product-card__price,
html body section.woh-dynamic-products .woh-product-card__price-row .woh-product-card__price {
  margin: 0 !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
  flex: 1 1 auto !important;
}

/* Old absolute quick-view position is disabled; inline eye inherits quick-view JS functionality. */
html body .woh-product-card > .woh-quickview:not(.woh-quickview--inline) {
  display: none !important;
}

html body .woh-product-card__price-row .woh-quickview,
html body .woh-product-card__price-row .woh-quickview.woh-quickview--inline {
  position: static !important;
  right: auto !important;
  top: auto !important;
  z-index: 3 !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #b7b7b7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

html body .woh-product-card__price-row .woh-quickview .material-icons {
  font-size: 21px !important;
  line-height: 1 !important;
}

html body .woh-product-card__price-row .woh-quickview:hover {
  color: #c58a35 !important;
}

/* Keep product action button visually stable after title height normalization. */
html body .product-miniature .woh-add-form,
html body .woh-dynamic-product-card .woh-add-form,
html body section.featured-products .woh-add-form,
html body section.woh-dynamic-products .woh-add-form {
  margin-top: 0 !important;
}

html body .product-miniature .woh-detail-btn,
html body .woh-dynamic-product-card .woh-detail-btn,
html body section.featured-products .woh-detail-btn,
html body section.woh-dynamic-products .woh-detail-btn {
  margin-top: 0 !important;
}


/* WoH v1.9.6: requested homepage product refinements */

/* 1) Mobile only: slider full viewport width. Tablet and PC keep global block width. */
@media (max-width: 767px) {
  html body .woh-home .woh-home-hero,
  html body section#content > .woh-home-hero,
  html body #content > .woh-home-hero {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body .woh-home .woh-home-hero section#home-slider.woh-slider,
  html body .woh-home .woh-home-hero #home-slider,
  html body section#home-slider.woh-slider {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }

  html body section#home-slider.woh-slider .carousel-inner,
  html body section#home-slider.woh-slider .carousel-item,
  html body section#home-slider.woh-slider .woh-slide-link,
  html body section#home-slider.woh-slider .woh-slide {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* 2) Equal product-card height across all homepage product sections. */
html body .woh-home .products.row,
html body .woh-home .woh-dynamic-products__grid {
  align-items: stretch !important;
}

html body .woh-home .products.row > article.product-miniature,
html body .woh-home .woh-dynamic-products__grid > article.product-miniature,
html body .woh-home article.product-miniature {
  display: flex !important;
  min-width: 0 !important;
}

html body .woh-home article.product-miniature > .woh-product-card,
html body .woh-home .woh-dynamic-product-card > .woh-product-card,
html body .woh-home .woh-product-card {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

html body .woh-home .woh-product-card__image {
  flex: 0 0 auto !important;
}

html body .woh-home .woh-product-card__body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding-top: 8px !important;
}

/* Product names get a fixed two-line area. Longer names no longer stretch cards. */
html body .woh-home .woh-product-card__title,
html body .woh-home .woh-dynamic-product-card h3,
html body .woh-home .woh-dynamic-product-card h3 a {
  min-height: 34px !important;
  height: 34px !important;
  max-height: 34px !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  line-height: 17px !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-decoration: none !important;
}

/* Reduce gap between name / optional rating and price. */
html body .woh-home .woh-product-card__body small {
  min-height: 0 !important;
  margin: 0 0 1px !important;
  padding: 0 !important;
  line-height: 14px !important;
}

html body .woh-home .woh-product-comments {
  min-height: 0 !important;
  margin: 1px 0 2px !important;
  padding: 0 !important;
  line-height: 14px !important;
}

html body .woh-home .woh-product-comments:empty {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Price and quick-view eye in the same row, all homepage product sections. */
html body .woh-home .woh-product-card__price-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 2px 0 7px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body .woh-home .woh-product-card__price-row .woh-product-card__price,
html body .woh-home .woh-product-card__price {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
  flex: 1 1 auto !important;
}

/* Hide only the old absolute eye if JavaScript has not moved it yet. */
html body .woh-home .woh-product-card > .woh-quickview:not(.woh-quickview--inline) {
  display: none !important;
}

html body .woh-home .woh-product-card__price-row .woh-quickview,
html body .woh-home .woh-product-card__price-row .woh-quickview.woh-quickview--inline {
  position: static !important;
  right: auto !important;
  top: auto !important;
  z-index: 3 !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #b7b7b7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html body .woh-home .woh-product-card__price-row .woh-quickview .material-icons {
  font-size: 21px !important;
  line-height: 1 !important;
}

html body .woh-home .woh-product-card__price-row .woh-quickview:hover {
  color: #c58a35 !important;
}

html body .woh-home .woh-add-form,
html body .woh-home .woh-detail-btn {
  margin-top: 0 !important;
}


/* WoH v1.9.7: product card gap cleanup + mobile slider touch/dots */
html body .woh-home .woh-product-comments,
html body .woh-home .product-comments,
html body .woh-home .comments_note,
html body .woh-home .product-list-reviews,
html body .woh-home .grade-stars,
html body .woh-home .star_content {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Product title must not reserve a fake two-line area.
   Long names are clipped to one line so they cannot stretch product cards. */
html body .woh-home .woh-product-card__title,
html body .woh-home .woh-dynamic-product-card h3,
html body .woh-home .woh-dynamic-product-card h3 a {
  display: block !important;
  height: 19px !important;
  min-height: 19px !important;
  max-height: 19px !important;
  margin: 0 0 1px !important;
  padding: 0 !important;
  line-height: 19px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

html body .woh-home .woh-product-card__body {
  padding-top: 6px !important;
  gap: 0 !important;
}

/* Remove remaining vertical gap between product name/manufacturer and price. */
html body .woh-home .woh-product-card__body small {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

html body .woh-home .woh-product-card__price-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 1px 0 6px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body .woh-home .woh-product-card__price-row .woh-product-card__price,
html body .woh-home .woh-product-card__price {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.15 !important;
  min-height: 0 !important;
}

/* Quick-view eye in all homepage product cards, always in the price row. */
html body .woh-home .woh-product-card > .woh-quickview:not(.woh-quickview--inline) {
  display: none !important;
}

html body .woh-home .woh-product-card__price-row .woh-quickview,
html body .woh-home .woh-product-card__price-row .woh-quickview.woh-quickview--inline {
  position: static !important;
  right: auto !important;
  top: auto !important;
  z-index: 3 !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #b7b7b7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html body .woh-home .woh-product-card__price-row .woh-quickview .material-icons {
  font-size: 21px !important;
  line-height: 1 !important;
}

/* Mobile only: slider full screen width. Tablet/PC unchanged. */
@media (max-width: 767px) {
  html body .woh-home .woh-home-hero {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .woh-home .woh-home-hero #home-slider,
  html body section#home-slider.woh-slider {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    touch-action: pan-y pinch-zoom !important;
  }
}

/* Slider dots: centered and lower inside the image */
html body #home-slider.woh-slider .carousel-indicators {
  left: 50% !important;
  right: auto !important;
  bottom: 14px !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 12px !important;
  z-index: 5 !important;
}

html body #home-slider.woh-slider .carousel-indicators [data-bs-target] {
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  border-radius: 50% !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 1 !important;
}


/* WoH v1.9.8: mobile assortment block - larger category cards, equal side/gap spacing */
@media (max-width: 767px) {
  html body section.woh-assortment.container,
  html body .woh-assortment.container,
  html body .woh-assortment {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding: 14px 10px 12px !important;
    box-sizing: border-box !important;
  }

  html body .woh-assortment h2 {
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  html body .woh-assortment__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body .woh-assortment__grid a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 142px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 16px 8px 14px !important;
    box-sizing: border-box !important;
  }

  html body .woh-assortment__grid img,
  html body .woh-assortment__grid .woh-mini {
    width: 118px !important;
    height: 80px !important;
    max-width: 90% !important;
    margin: 6px auto 0 !important;
  }

  html body .woh-assortment__grid strong {
    margin-top: 10px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}


/* WoH v1.9.9: mobile assortment final spacing + centered equal images */
@media (max-width: 767px) {
  html body #content > section.woh-assortment.container,
  html body section#content > section.woh-assortment.container,
  html body section.woh-assortment.container,
  html body .woh-assortment.container,
  html body .woh-assortment {
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 28px 16px 18px !important;
    box-sizing: border-box !important;
  }

  html body #content > section.woh-assortment.container > h2,
  html body section.woh-assortment.container > h2,
  html body .woh-assortment > h2 {
    margin: 0 0 22px !important;
    padding: 0 !important;
    line-height: 1.1 !important;
  }

  html body #content > section.woh-assortment.container > .woh-assortment__grid,
  html body section.woh-assortment.container > .woh-assortment__grid,
  html body .woh-assortment > .woh-assortment__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 16px !important;
    row-gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body #content > section.woh-assortment.container > .woh-assortment__grid > a,
  html body section.woh-assortment.container > .woh-assortment__grid > a,
  html body .woh-assortment > .woh-assortment__grid > a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 154px !important;
    aspect-ratio: 1 / 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 14px 10px 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body #content > section.woh-assortment.container .woh-mini,
  html body section.woh-assortment.container .woh-mini,
  html body .woh-assortment .woh-mini {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 86px !important;
    width: 124px !important;
    height: 86px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body #content > section.woh-assortment.container .woh-mini.woh-has-image img,
  html body section.woh-assortment.container .woh-mini.woh-has-image img,
  html body .woh-assortment .woh-mini.woh-has-image img {
    display: block !important;
    width: 124px !important;
    height: 86px !important;
    max-width: 100% !important;
    max-height: 86px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body #content > section.woh-assortment.container .woh-mini:not(.woh-has-image),
  html body section.woh-assortment.container .woh-mini:not(.woh-has-image),
  html body .woh-assortment .woh-mini:not(.woh-has-image) {
    transform: none !important;
  }

  html body #content > section.woh-assortment.container .woh-mini:not(.woh-has-image)::before,
  html body section.woh-assortment.container .woh-mini:not(.woh-has-image)::before,
  html body .woh-assortment .woh-mini:not(.woh-has-image)::before {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  html body #content > section.woh-assortment.container .woh-i-closer::before,
  html body section.woh-assortment.container .woh-i-closer::before,
  html body .woh-assortment .woh-i-closer::before {
    transform: translate(-50%, -50%) rotate(-15deg) !important;
  }

  html body #content > section.woh-assortment.container .woh-i-number::before,
  html body section.woh-assortment.container .woh-i-number::before,
  html body .woh-assortment .woh-i-number::before {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  html body #content > section.woh-assortment.container .woh-assortment__grid strong,
  html body section.woh-assortment.container .woh-assortment__grid strong,
  html body .woh-assortment .woh-assortment__grid strong {
    display: block !important;
    width: 100% !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 16px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}


/* WoH v2.0.0 / td_v200: final mobile assortment spacing + non-cropped images */
@media (max-width: 767px) {
  /* Use the exact live DOM selector from debug:
     section#content > section.woh-assortment.container:nth-of-type(3)
     The side padding must equal the card gap. */
  html body section#content > section.woh-assortment.container,
  html body #content > section.woh-assortment.container,
  html body section.woh-assortment.container,
  html body .woh-assortment.container {
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 28px !important;
    padding-right: 16px !important;
    padding-bottom: 18px !important;
    padding-left: 16px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  html body section#content > section.woh-assortment.container > h2,
  html body #content > section.woh-assortment.container > h2,
  html body section.woh-assortment.container > h2,
  html body .woh-assortment.container > h2 {
    margin: 0 0 22px !important;
    padding: 0 !important;
    line-height: 1.1 !important;
  }

  html body section#content > section.woh-assortment.container > .woh-assortment__grid,
  html body #content > section.woh-assortment.container > .woh-assortment__grid,
  html body section.woh-assortment.container > .woh-assortment__grid,
  html body .woh-assortment.container > .woh-assortment__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 16px !important;
    row-gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  html body section#content > section.woh-assortment.container > .woh-assortment__grid > a,
  html body #content > section.woh-assortment.container > .woh-assortment__grid > a,
  html body section.woh-assortment.container > .woh-assortment__grid > a,
  html body .woh-assortment.container > .woh-assortment__grid > a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 158px !important;
    aspect-ratio: 1 / 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 14px 10px 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Image holder: no fixed overflowing width; fill available card content and center image. */
  html body section#content > section.woh-assortment.container .woh-mini,
  html body #content > section.woh-assortment.container .woh-mini,
  html body section.woh-assortment.container .woh-mini,
  html body .woh-assortment.container .woh-mini {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 88px !important;
    width: 100% !important;
    max-width: 128px !important;
    height: 88px !important;
    max-height: 88px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Uploaded/category images must not be cropped or lose their right side. */
  html body section#content > section.woh-assortment.container .woh-mini.woh-has-image::before,
  html body #content > section.woh-assortment.container .woh-mini.woh-has-image::before,
  html body section.woh-assortment.container .woh-mini.woh-has-image::before,
  html body .woh-assortment.container .woh-mini.woh-has-image::before {
    content: none !important;
    display: none !important;
  }

  html body section#content > section.woh-assortment.container .woh-mini.woh-has-image img,
  html body #content > section.woh-assortment.container .woh-mini.woh-has-image img,
  html body section.woh-assortment.container .woh-mini.woh-has-image img,
  html body .woh-assortment.container .woh-mini.woh-has-image img {
    display: block !important;
    width: 100% !important;
    max-width: 128px !important;
    height: 88px !important;
    max-height: 88px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Generated fallback icons centered in the same image area. */
  html body section#content > section.woh-assortment.container .woh-mini:not(.woh-has-image)::before,
  html body #content > section.woh-assortment.container .woh-mini:not(.woh-has-image)::before,
  html body section.woh-assortment.container .woh-mini:not(.woh-has-image)::before,
  html body .woh-assortment.container .woh-mini:not(.woh-has-image)::before {
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
  }

  html body section#content > section.woh-assortment.container .woh-i-closer::before,
  html body #content > section.woh-assortment.container .woh-i-closer::before,
  html body section.woh-assortment.container .woh-i-closer::before,
  html body .woh-assortment.container .woh-i-closer::before {
    transform: translate(-50%, -50%) rotate(-15deg) !important;
  }

  html body section#content > section.woh-assortment.container .woh-assortment__grid strong,
  html body #content > section.woh-assortment.container .woh-assortment__grid strong,
  html body section.woh-assortment.container .woh-assortment__grid strong,
  html body .woh-assortment.container .woh-assortment__grid strong {
    display: block !important;
    width: 100% !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 16px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}

/* Emergency specificity override for the exact debug selector.
   It defeats older v198/v199 rules that still produced 34px side padding. */
@media (max-width: 767px) {
  html body section#content > section.woh-assortment.container:nth-of-type(3) {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body section#content > section.woh-assortment.container:nth-of-type(3) > .woh-assortment__grid {
    column-gap: 16px !important;
    row-gap: 16px !important;
  }
}


/* WoH v2.0.1 / td_v201: hard override for mobile assortment inner side gaps */
@media (max-width: 767px) {
  html body section#content.page-home.woh-home > section.woh-assortment.container,
  html body section#content > section.woh-assortment.container,
  html body .page-home.woh-home > section.woh-assortment.container,
  html body .woh-home > section.woh-assortment.container,
  html body #content > .woh-assortment.container,
  html body section.woh-assortment.container,
  html body .woh-assortment.container,
  html body .woh-assortment {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body section#content.page-home.woh-home > section.woh-assortment.container > .woh-assortment__grid,
  html body section#content > section.woh-assortment.container > .woh-assortment__grid,
  html body .page-home.woh-home > section.woh-assortment.container > .woh-assortment__grid,
  html body .woh-home > section.woh-assortment.container > .woh-assortment__grid,
  html body #content > .woh-assortment.container > .woh-assortment__grid,
  html body section.woh-assortment.container > .woh-assortment__grid,
  html body .woh-assortment.container > .woh-assortment__grid,
  html body .woh-assortment > .woh-assortment__grid {
    column-gap: 16px !important;
    row-gap: 16px !important;
  }

  /* Final fallback: if older CSS still wins, make the visual content compensate to the required 16px side gap. */
  html body section#content > section.woh-assortment.container[style],
  html body .woh-assortment.container[style] {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}


/* WoH v2.0.2 / td_v202: desktop category strip with 6 items + product flags safe image spacing */
@media (min-width: 1200px) {
  html body .woh-category-strip {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

html body .woh-product-card {
  overflow: hidden !important;
}

html body .woh-product-card__image {
  position: relative !important;
  padding-top: 46px !important;
  box-sizing: border-box !important;
}

html body .woh-product-card__image img {
  max-height: 144px !important;
}

html body .woh-product-card__image .product-flags,
html body .woh-product-card__image .js-product-flags {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: 10px !important;
  z-index: 3 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  html body .woh-product-card__image {
    padding-top: 40px !important;
  }
  html body .woh-product-card__image img {
    max-height: 120px !important;
  }
}


/* WoH v2.0.3 / td_v203: definitive desktop category strip + safe product labels + menu dropdown anchor alignment */
@media (min-width: 992px) {
  html body#index section#content.page-home.woh-home > section.woh-category-strip.container,
  html body#index .page-home.woh-home > section.woh-category-strip.container,
  html body#index section.woh-category-strip.container,
  html body .woh-category-strip.container,
  html body section.woh-category-strip {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 16px !important;
    width: min(calc(100vw - 30px), 1320px) !important;
    max-width: min(calc(100vw - 30px), 1320px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  html body#index section#content.page-home.woh-home > section.woh-category-strip.container > .woh-cat-card,
  html body#index section.woh-category-strip.container > .woh-cat-card,
  html body .woh-category-strip.container > .woh-cat-card,
  html body section.woh-category-strip > .woh-cat-card {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
    box-sizing: border-box !important;
  }
}

html body .product-miniature .woh-product-card__image,
html body .woh-featured .product-miniature .woh-product-card__image,
html body .woh-dynamic-products .woh-product-card__image,
html body section.featured-products .woh-product-card__image {
  position: relative !important;
  height: 220px !important;
  min-height: 220px !important;
  padding: 58px 18px 14px !important;
  align-items: flex-end !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body .product-miniature .woh-product-card__image > img,
html body .woh-featured .product-miniature .woh-product-card__image > img,
html body .woh-dynamic-products .woh-product-card__image > img,
html body section.featured-products .woh-product-card__image > img {
  max-height: 148px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  margin-top: auto !important;
}

html body .product-miniature .woh-product-card__image > .product-flags,
html body .product-miniature .woh-product-card__image > .js-product-flags,
html body section.featured-products .woh-product-card__image > .product-flags,
html body section.featured-products .woh-product-card__image > .js-product-flags {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: 10px !important;
  z-index: 5 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  pointer-events: none !important;
}

html body .product-miniature .woh-product-card__image > .product-flags .badge,
html body .product-miniature .woh-product-card__image > .js-product-flags .badge {
  position: static !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* TD Mega menu v1.0.12: isolated desktop navigation style for SvetKluciek.sk.
   Desktop menu is styled only through the module wrapper so it renders the same
   on homepage, category, product, CMS and search pages. Mobile menu rules below
   are intentionally left untouched. */
@media (min-width: 768px) {
  .woh-navline .ps_mainmenu,
  .woh-navline #_desktop_top_menu,
  .woh-navline .main-menu:not(#amegamenu),
  .woh-navline .menu:not(#amegamenu):not(.anav-top) {
    display: none !important;
  }

  .woh-navline,
  .woh-navline__inner {
    overflow: visible !important;
  }

  .woh-navline__inner {
    height: 50px !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #amegamenu.td-megamenu-desktop,
  .woh-navline #amegamenu {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    position: relative !important;
    z-index: 1000 !important;
    overflow: visible !important;
    font-family: var(--woh-sans, Inter, Arial, sans-serif) !important;
    color: #111314 !important;
  }

  #amegamenu.td-megamenu-desktop *,
  #amegamenu.td-megamenu-desktop *::before,
  #amegamenu.td-megamenu-desktop *::after {
    box-sizing: border-box !important;
  }

  #amegamenu.td-megamenu-desktop ul,
  #amegamenu.td-megamenu-desktop li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #amegamenu.td-megamenu-desktop .anav-top {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 38px !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    overflow: visible !important;
  }

  #amegamenu.td-megamenu-desktop .amenu-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: 50px !important;
    min-height: 50px !important;
    float: none !important;
    overflow: visible !important;
  }

  #amegamenu.td-megamenu-desktop .amenu-link,
  #amegamenu.td-megamenu-desktop .amenu-link:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #151515 !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    font-family: var(--woh-sans, Inter, Arial, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 50px !important;
  }

  #amegamenu.td-megamenu-desktop .amenu-link > span {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
  }

  #amegamenu.td-megamenu-desktop .amenu-item.plex > .amenu-link::after {
    content: '' !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 2px !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid currentColor !important;
    opacity: .72 !important;
    transform: translateY(1px) !important;
  }

  #amegamenu.td-megamenu-desktop .amenu-link img {
    display: inline-block !important;
    max-height: 22px !important;
    width: auto !important;
    margin-right: 6px !important;
  }

  #amegamenu.td-megamenu-desktop .amenu-link sup {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 16px !important;
    min-width: 28px !important;
    margin: -16px 0 0 2px !important;
    padding: 2px 6px !important;
    border-radius: 999px !important;
    background: #bd812b !important;
    color: #fff !important;
    font-family: var(--woh-sans, Inter, Arial, sans-serif) !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .2px !important;
  }

  #amegamenu.td-megamenu-desktop .amenu-item:hover > .amenu-link,
  #amegamenu.td-megamenu-desktop .amenu-link:hover {
    color: #b98028 !important;
  }

  #amegamenu.td-megamenu-desktop .amenu-item.current > .amenu-link,
  #amegamenu.td-megamenu-desktop .amenu-item.active > .amenu-link,
  #amegamenu.td-megamenu-desktop .amenu-link.woh-menu-sale {
    color: #e63946 !important;
  }

  #amegamenu.td-megamenu-desktop .adropdown {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 9999 !important;
    overflow: visible !important;
    min-width: 240px !important;
    max-width: min(calc(100vw - 48px), 1320px) !important;
    padding: 26px 32px !important;
    background: #fff !important;
    border: 1px solid #eee5dc !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 20px 44px rgba(0,0,0,.14) !important;
  }

  #amegamenu.td-megamenu-desktop .amenu-item:hover > .adropdown,
  #amegamenu.td-megamenu-desktop .amenu-item.is-open > .adropdown,
  #amegamenu.td-megamenu-desktop .amenu-item:focus-within > .adropdown {
    display: block !important;
  }

  #amegamenu.td-megamenu-desktop .adropdown.adrd1 { width: min(20vw, 264px) !important; }
  #amegamenu.td-megamenu-desktop .adropdown.adrd2 { width: min(40vw, 528px) !important; }
  #amegamenu.td-megamenu-desktop .adropdown.adrd3 { width: min(60vw, 792px) !important; }
  #amegamenu.td-megamenu-desktop .adropdown.adrd4 { width: min(80vw, 1056px) !important; }
  #amegamenu.td-megamenu-desktop .adropdown.adrd5,
  #amegamenu.td-megamenu-desktop .adropdown.adrd6 { width: min(calc(100vw - 48px), 1320px) !important; }

  #amegamenu.td-megamenu-desktop .dropdown-wrapper {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 130px !important;
    align-items: start !important;
  }

  #amegamenu.td-megamenu-desktop .adrd1 .dropdown-wrapper { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
  #amegamenu.td-megamenu-desktop .adrd2 .dropdown-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #amegamenu.td-megamenu-desktop .adrd3 .dropdown-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

  #amegamenu.td-megamenu-desktop .dropdown-bgimage {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background-repeat: no-repeat !important;
    opacity: .12 !important;
  }

  #amegamenu.td-megamenu-desktop .dropdown-content {
    position: relative !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #amegamenu.td-megamenu-desktop .content-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 30px !important;
    align-items: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #amegamenu.td-megamenu-desktop .dropdown-content.notfull .content-grid,
  #amegamenu.td-megamenu-desktop .ahtml-content,
  #amegamenu.td-megamenu-desktop .amanufacturer-content {
    display: block !important;
  }

  #amegamenu.td-megamenu-desktop .aproduct-content {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px 24px !important;
  }

  #amegamenu.td-megamenu-desktop .aitem,
  #amegamenu.td-megamenu-desktop .product-container {
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
  }

  #amegamenu.td-megamenu-desktop .category-title,
  #amegamenu.td-megamenu-desktop .brand-name,
  #amegamenu.td-megamenu-desktop .product-name,
  #amegamenu.td-megamenu-desktop .h5 {
    display: block !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #111314 !important;
    text-align: left !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-family: var(--woh-sans, Inter, Arial, sans-serif) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  #amegamenu.td-megamenu-desktop .category-title a,
  #amegamenu.td-megamenu-desktop .brand-name a,
  #amegamenu.td-megamenu-desktop .product-name a,
  #amegamenu.td-megamenu-desktop .h5 a {
    color: #111314 !important;
    font: inherit !important;
    text-decoration: none !important;
  }

  #amegamenu.td-megamenu-desktop .category-subs {
    display: block !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #amegamenu.td-megamenu-desktop .category-subs li {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    line-height: 1.25 !important;
  }

  #amegamenu.td-megamenu-desktop .category-subs a,
  #amegamenu.td-megamenu-desktop .ahtml-content a {
    color: #444 !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-family: var(--woh-sans, Inter, Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  #amegamenu.td-megamenu-desktop .category-title a:hover,
  #amegamenu.td-megamenu-desktop .brand-name a:hover,
  #amegamenu.td-megamenu-desktop .product-name a:hover,
  #amegamenu.td-megamenu-desktop .category-subs a:hover,
  #amegamenu.td-megamenu-desktop .ahtml-content a:hover {
    color: #b98028 !important;
  }

  #amegamenu.td-megamenu-desktop img {
    max-width: 100% !important;
    height: auto !important;
  }

  #amegamenu.td-megamenu-desktop .category-thumb,
  #amegamenu.td-megamenu-desktop .product-thumbnail,
  #amegamenu.td-megamenu-desktop .brand-logo {
    margin: 0 0 10px !important;
    text-align: center !important;
  }

  #amegamenu.td-megamenu-desktop .product-thumbnail a,
  #amegamenu.td-megamenu-desktop .product-thumbnail picture {
    display: block !important;
    width: 100% !important;
    max-width: 160px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #amegamenu.td-megamenu-desktop .product-thumbnail img {
    display: block !important;
    width: 100% !important;
    max-width: 160px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  #amegamenu.td-megamenu-desktop .product-container {
    text-align: center !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  #amegamenu.td-megamenu-desktop .product-price-and-shipping {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 5px !important;
    color: #111314 !important;
    font-family: var(--woh-sans, Inter, Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }
}




/* TD Mega menu v1.0.14: hook based desktop alignment.
   The menu is rendered through the shared PrestaShop header hook displayNavFullWidth.
   No page-specific body#index/body#product rules are used; mobile menu remains untouched. */
@media (min-width: 768px) {
  .woh-navline .hook-displayNavFullWidth,
  .woh-navline__inner,
  .woh-navline #amegamenu.td-megamenu-desktop,
  .woh-navline #amegamenu.td-megamenu-desktop > ul.anav-top,
  .woh-navline #amegamenu.td-megamenu-desktop ul.anav-top.js-ajax-mega-menu {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .woh-navline #amegamenu.td-megamenu-desktop > ul.anav-top,
  .woh-navline #amegamenu.td-megamenu-desktop ul.anav-top.js-ajax-mega-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .woh-navline #amegamenu.td-megamenu-desktop > ul.anav-top,
  .woh-navline #amegamenu.td-megamenu-desktop ul.anav-top.js-ajax-mega-menu {
    gap: clamp(16px, 3vw, 30px) !important;
  }
}
