/* navigation-stage1.css */
/* Three desktop header actions; mobile placement preserved. */
.header-tools{display:none}
@media(min-width:981px){
 .header .contact>.phone,.header .contact>.phone2,.header .contact>.time,.header .contact>.button.call{display:none!important}
 .header .contact{display:flex;justify-content:flex-end;align-items:center;min-height:95px}
 .header-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-right:4px}
 .header-tools .nav-search{display:block;list-style:none;margin:0;padding:0}
 .header-tools details{position:relative}
 .header-tools summary,.header-tools .header-call,.header-tools #hord{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:46px;height:46px;border:1px solid #dedede;border-radius:50%;background:#fff;color:#222;cursor:pointer;text-decoration:none}
 .header-tools summary{list-style:none}
 .header-tools summary::-webkit-details-marker{display:none}
 .header-tools summary:before{content:'';display:block;width:17px;height:17px;border:2px solid #222;border-radius:50%;box-sizing:border-box}
 .header-tools summary:after{content:'';display:block;width:8px;height:2px;background:#222;transform:translate(-2px,8px) rotate(45deg);margin-right:-6px}
 .header-tools svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .header-tools summary:hover,.header-tools .header-call:hover,.header-tools #hord:hover{background:#f2f2f2!important}
 .header-tools summary:focus-visible,.header-tools .header-call:focus-visible{outline:2px solid #777;outline-offset:3px}
 .header-tools .nav-search form{position:absolute;right:54px;top:-7px;z-index:10010;display:flex;gap:8px;align-items:center;box-sizing:border-box;width:390px;max-width:calc(100vw - 210px);padding:10px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 3px 12px rgba(0,0,0,.15)}
 .header-tools input[type=search]{box-sizing:border-box;min-width:0;flex:1;height:38px;padding:6px 10px;border:1px solid #bbb;border-radius:3px;font:14px Arial,sans-serif}
 .header-tools button{height:38px;padding:0 14px;border:0;border-radius:3px;background:#111;color:white;cursor:pointer;font:14px Arial,sans-serif}
 .header-tools #hord{position:relative!important;top:auto!important;right:auto!important;left:auto!important;margin:0!important;padding:0!important;float:none!important;color:#222!important;background:#fff!important;border:1px solid #dedede;border-radius:50%;box-shadow:none!important;font-size:0!important;line-height:0!important}
 .header-tools #hord a{display:block;width:22px;height:22px;color:#222!important;padding:0!important;background:none!important;font-size:0!important;line-height:0!important}
 .header-tools #hord a:before{content:'';display:block;width:22px;height:22px;background:center/22px 22px no-repeat url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23222" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M2 3h3l2.5 12h12L22 6H6M9 20h.01M19 20h.01"/%3E%3Ccircle cx="9" cy="20" r="1"/%3E%3Ccircle cx="19" cy="20" r="1"/%3E%3C/svg%3E')}
 .header-tools #cartCounter{display:flex;align-items:center;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px;height:18px;border-radius:50%;background:#111;color:#fff;font:11px Arial,sans-serif;pointer-events:none}
}

.header .descript .header-benefits{white-space:normal}
@media(min-width:981px){.header .descript .header-benefits{font-size:13px;white-space:nowrap}}
@media(min-width:981px) and (max-width:1100px){.header .descript .header-benefits{font-size:11.5px}}


/* modern-home.css */
/* Presentation only: all banner and category media remain CMS supplied. */
.home-category-heading{display:none}
@media(min-width:981px){
.main{padding-top:0!important}
.header{max-width:1280px!important;width:calc(100% - 64px)!important;margin:0 auto!important}
.header>table{width:100%}.header>table>tbody>tr>td:first-child{width:50%!important}.header>table>tbody>tr>td:last-child{width:50%!important}
.header .logo{margin:0!important;text-align:left}.header .logo img{max-width:135px!important;max-height:76px;object-fit:contain}
.header .contact{margin:0!important;min-height:100px!important}.header-tools{gap:14px!important}
.menu2.w{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:0 32px!important;background:#fff!important;border-radius:0!important;border-top:1px solid #eee;border-bottom:1px solid #ddd;box-shadow:none!important;height:auto!important;min-height:58px;z-index:100!important;left:0!important;right:0!important}
.menu2>ul{display:flex!important;align-items:center;max-width:1280px;margin:auto!important;padding:0!important;gap:26px;min-height:58px}
.menu2>ul>li{float:none!important;padding:0!important;margin:0!important;background:none!important;border:0!important;position:relative}
.menu2>ul>li>span{display:block;padding:0!important;border:0!important;background:none!important}
.menu2>ul>li>span>a{color:#111!important;font:500 15px/58px Arial,sans-serif!important;text-transform:none!important;padding:0!important;background:none!important;white-space:nowrap}
.menu2>ul>li:before,.menu2>ul>li:after,.menu2>ul>li>span:before,.menu2>ul>li>span:after{display:none!important}
.menu2>ul>li.nav-home{display:none!important}.menu2>ul>li.nav-info{margin-left:auto!important}.menu2>ul>li.nav-info>span>a,.menu2>ul>li.nav-contacts>span>a{font-size:13px!important}
.menu2>ul>li>ul{background:#fff!important;border:1px solid #ddd;box-shadow:0 8px 24px #0002;top:100%!important;min-width:240px}
.menu2>ul>li>ul a{color:#111!important;background:#fff!important}.menu2>ul>li>ul a:hover{background:#f3f2ef!important}
.menu2 a:focus-visible{outline:2px solid #111;outline-offset:3px}
.home-page .pano{width:100%!important;max-width:1440px!important;margin:0 auto!important;background:#fff!important}
.home-page .pano>.in,.home-page .pano .Slider{width:100%!important;max-width:none!important;height:auto!important;position:relative!important;overflow:hidden}
.home-page .pano .Slider>a{display:block!important;width:100%!important;height:auto!important;margin:0!important}
.home-page .pano .Slider>a>img{display:block;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;position:relative!important;left:auto!important;top:auto!important}
.home-page .promocod{display:none!important}
.home-page .body{width:calc(100% - 64px)!important;max-width:1280px!important;margin:0 auto!important}
.home-page .body>.R{display:none!important}.home-page .body>.L{width:100%!important;float:none!important;margin:0!important;padding:0!important}
.home-page .catalog{padding:0!important;width:100%!important}
.home-page .home-category-heading{display:block;text-align:center;font:500 30px/1.2 Arial,sans-serif;margin:40px 0 26px!important;text-transform:none}
.home-page .home-categories{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 40px!important;width:100%!important}
.home-page .home-categories>.item{width:auto!important;padding:0!important;margin:0!important;display:block!important;box-sizing:border-box;border:0!important;box-shadow:none!important}
.home-page .home-categories>.item:nth-child(n+4){display:none!important}
.home-page .home-categories .img{width:100%!important;height:auto!important;aspect-ratio:1/1;overflow:hidden;background:#f4f3ef;padding:0!important}
.home-page .home-categories .img>a{display:block!important;width:100%!important;height:100%!important}
.home-page .home-categories .img img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;position:static!important;transform:none!important;margin:0!important}
.home-page .home-categories h2{height:auto!important;margin:15px 0 0!important;font:500 20px/1.3 Arial,sans-serif;text-align:center}.home-page .home-categories h2 a{color:#111;text-decoration:none}
}
@media(min-width:981px) and (max-width:1150px){.menu2>ul{gap:19px}.menu2>ul>li>span>a{font-size:14px!important}}

@media(min-width:981px){
.menu2>ul{background:#fff!important;border-radius:0!important;border:0!important;box-shadow:none!important}
.menu2>ul>li>span{height:auto!important;line-height:58px!important}
.header .logo img{width:360px!important;max-width:100%!important;max-height:none!important;height:auto!important}
.home-page .catalog,.home-page .body>.L{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.home-page .pano,.home-page .pano>.in{border-radius:0!important;box-shadow:none!important}
}

@media(min-width:981px){body .menu2.w ul{background:#fff!important}body .menu2.w>ul>li>span>a{display:block!important}body.home-page .pano img{width:100%!important;max-width:none!important;height:auto!important;border-radius:0!important}}

@media(min-width:981px){body.home-page .pano .Slider>a{max-width:none!important;width:100%!important}body.home-page .pano .Slider>a img{max-width:none!important;width:100%!important}}


/* editorial-home.css */
/* Home presentation. Links and content remain server rendered and CMS managed. */
.home-page .home-row{margin:36px 0 48px;clear:both}
.home-row-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.home-row-head h2{font:600 26px/1.2 Arial,sans-serif;margin:0!important;color:#111;text-transform:none}
.home-row-tools{display:flex;align-items:center;gap:10px}.home-row-tools>a{color:#111;font-size:13px;margin-right:12px;text-decoration:underline;text-underline-offset:4px}
.home-row-tools button{width:38px;height:38px;border:1px solid #b8b8b8;border-radius:50%;background:white;color:#111;font-size:20px;cursor:pointer}.home-row-tools button:disabled{opacity:.3;cursor:default}
.home-page .home-track{display:flex!important;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0!important;width:100%!important;padding:0 0 8px!important;align-items:stretch}
.home-track::-webkit-scrollbar{display:none}
.home-page .home-track>.item,.home-track>.home-product{flex:0 0 calc((100% - 72px)/4);width:calc((100% - 72px)/4)!important;min-width:0;scroll-snap-align:start;box-sizing:border-box;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.home-page .home-track>.item .img,.home-photo{display:flex!important;align-items:center;justify-content:center;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1;min-height:0!important;padding:0!important;overflow:hidden;background:#f6f5f2;border-radius:0!important}
.home-page .home-track .img>a{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:100%!important}
.home-page .home-track img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;position:static!important;margin:0!important;padding:0!important}
.home-page .home-track h3{height:auto!important;min-height:35px!important;text-align:left;font:400 13px/1.4 Arial,sans-serif;margin:12px 0 6px!important;padding:0!important;order:2}
.home-page .home-track h3 a{color:#111;text-decoration:none}
.home-page .home-track>.item{display:flex!important;flex-direction:column}
.home-page .home-track>.item>.img{order:1}.home-page .home-track>.item>.price{order:3;font:400 14px/1.4 Arial,sans-serif;text-align:left;margin:0!important;padding:0!important}.home-page .home-track>.item .price span{font-size:14px!important;font-weight:400!important;color:#111!important}
.home-page .home-track>.item>.brief,.home-page .home-track>.item>.param,.home-page .home-track>.item>.oldprice,.home-page .home-track>.item>.actions{display:none!important}
.home-price{font:400 14px/1.4 Arial,sans-serif;margin:0;color:#111}
.home-editorial{margin:40px 0 28px}.home-editorial>a{display:block}.home-editorial img{display:block;width:100%;height:auto;max-width:100%}
.home-page .home-seo{background:#f7f6f2;padding:40px!important;margin:48px 0 0!important;color:#353535;font:400 15px/1.7 Arial,sans-serif;border:0!important;border-radius:0!important;column-count:2;column-gap:44px}
.home-seo h1{font:600 26px/1.25 Arial,sans-serif!important;text-transform:none!important;column-span:all;margin:0 0 28px!important;color:#111}
.home-seo h2{font:600 18px/1.4 Arial,sans-serif!important;text-transform:none!important;break-after:avoid;margin:25px 0 10px!important;color:#111}.home-seo p,.home-seo ul{margin:0 0 16px!important}.home-seo a{color:#111!important;text-decoration:underline!important}.home-seo span{color:inherit!important}
.foot{background:#fafafa!important;color:#333!important;border-top:1px solid #ddd;margin-top:50px!important;box-shadow:none!important}.foot_cont{max-width:1280px!important;width:calc(100% - 64px)!important;padding:35px 0!important;margin:0 auto!important}.foot_block{width:25%!important;box-sizing:border-box;padding:0 24px 0 0!important}.foot_block h4{font:600 15px/1.4 Arial,sans-serif!important;text-transform:none!important;color:#111!important}.foot_block a{color:#333!important}.foot_block p,.foot_block li{font:400 13px/1.7 Arial,sans-serif!important}.foot_foot{border-top:1px solid #ddd;padding-top:20px!important;margin-top:28px!important}
@media(min-width:981px){
.home-page .pano{max-width:none!important;width:100%!important}
.home-page .home-categories>.item{position:relative;overflow:hidden}.home-page .home-categories .img{aspect-ratio:1.15!important;background:#ddd!important}.home-page .home-categories .img img{object-fit:cover!important}
.home-page .home-categories>.item:after{content:'';position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(transparent,#0008);pointer-events:none}
.home-page .home-categories h2{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;margin:0!important;text-align:left;font:600 24px/1.2 Arial,sans-serif!important;pointer-events:none}.home-page .home-categories h2 a{color:#fff!important;pointer-events:auto;display:flex;justify-content:space-between}.home-page .home-categories h2 span{font-size:23px}
body .menu2.w>ul>li>ul{padding:12px!important;min-width:260px;border:1px solid #e2e2e2;box-shadow:0 8px 24px #0001!important;border-radius:0!important}
body .menu2.w>ul>li>ul>li{display:block!important;float:none!important;padding:0!important;margin:0!important}
body .menu2.w>ul>li>ul>li span{background:none!important;border:0!important;padding:0!important}
body .menu2.w>ul>li>ul>li a{display:block!important;font:400 14px/1.5 Arial,sans-serif!important;text-transform:none!important;padding:9px 12px!important;color:#111!important;white-space:normal}
body .menu2.w>ul>li:focus-within>ul{display:block!important}
}
@media(max-width:980px){.home-page .body>.R{display:none!important}.home-page .body>.L{margin:0!important;width:100%!important}.home-row{padding:0 12px}.home-page .home-track>.item,.home-track>.home-product{flex-basis:calc((100% - 16px)/2);width:calc((100% - 16px)/2)!important}.home-page .home-track{gap:16px}.home-row-head h2{font-size:22px}.home-row-tools{gap:5px}.home-row-tools>a{font-size:11px;margin-right:4px}.home-row-tools button{width:30px;height:30px}.home-page .home-seo{column-count:1;padding:24px!important}.home-page .home-categories{display:flex!important;overflow-x:auto;gap:12px}.home-page .home-categories>.item{flex:0 0 80%!important;position:relative}.home-page .home-categories>.item:nth-child(n+4){display:none!important}.home-page .home-categories .img img{width:100%!important;height:auto!important}.home-page .home-categories h2{position:absolute;bottom:15px;left:15px;margin:0!important}.home-page .home-categories h2 a{color:white!important;text-shadow:0 2px 8px #000}.home-page .home-category-heading{display:block;font-size:24px;text-align:center}.foot_block{width:50%!important;margin-bottom:25px!important}.foot_cont{width:calc(100% - 32px)!important}}
@media(prefers-reduced-motion:reduce){.home-track{scroll-behavior:auto}}

body .foot .foot_block a,body .foot .foot_block .contacts,body .foot .foot_block .contacts *{color:#333!important}
body .foot .foot_block a:hover{color:#000!important;text-decoration:underline}

.home-page .home-seo.seo-foldable{column-count:1!important;padding:32px 40px!important}.home-seo .seo-more[hidden]{display:none!important}.home-seo .seo-toggle{display:block;border:0;border-bottom:1px solid #222;background:none;padding:4px 0;margin:16px 0 0;color:#222;font:14px/1.5 Arial,sans-serif;cursor:pointer}.home-seo .seo-toggle:focus-visible{outline:2px solid #222;outline-offset:5px}.home-seo .seo-more{margin-top:24px}@media(max-width:980px){.home-page .home-seo.seo-foldable{padding:24px!important}}

/* Reference category captions and consistent desktop navigation, 2026-10-06 */
.home-page .home-categories h2{font:400 28px/1.2 Arial,sans-serif!important;left:20px;right:20px;bottom:20px;text-align:left!important;text-transform:none!important}
.home-page .home-categories h2 a{display:inline-flex!important;justify-content:flex-start!important;align-items:center;gap:18px;color:#fff!important;text-shadow:0 1px 5px #0004}
.home-page .home-categories h2 span{font:400 28px/1 Arial,sans-serif!important}
@media(min-width:981px){body .menu2.w>ul>li>span>a{font:500 15px/58px Arial,sans-serif!important}body .menu2.w>ul>li>span{line-height:58px!important}}
@media(min-width:981px) and (max-width:1150px){body .menu2.w>ul>li>span>a{font-size:14px!important}}
@media(max-width:980px){.home-page .home-categories h2{font-size:24px!important;left:15px;bottom:15px}.home-page .home-categories h2 span{font-size:24px!important}}


/* campaign-type.css */
/* Shared storefront typography and live banner captions. */
body{font-family:Arial,Helvetica,sans-serif!important;font-weight:400}
body h1,body h2,body h3,body h4,body h5,body h6,body p,body .text,body input,body select,body textarea,body button,body .button,body .menu2 a,body .menu a,body .items,body .foot,body .home-product,body .item{font-family:Arial,Helvetica,sans-serif!important}
body h1,body h2,body h3,body h4,body h5,body h6,body .home-row-head h2,body .home-category-heading,body .home-product h3,body .items .item h3,body .foot_block h4{font-weight:400!important}
@media(min-width:981px){body .menu2.w>ul>li>span>a{font:400 15px/58px Arial,Helvetica,sans-serif!important}}
@media(min-width:981px) and (max-width:1150px){body .menu2.w>ul>li>span>a{font-size:14px!important}}
body .Slider,body .home-editorial{position:relative;container-type:inline-size}
body .home-editorial>a{display:block;position:relative}
body .campaign-caption{position:absolute;left:8.5%;top:50%;transform:translateY(-50%);width:49%;display:block;z-index:2;color:#111;pointer-events:none;text-align:left;font-family:Arial,Helvetica,sans-serif!important}
body .campaign-title{display:block!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(16px,5.4vw,84px);font-size:clamp(16px,5.4cqw,84px);font-weight:400!important;line-height:1.12!important;letter-spacing:-.025em;white-space:pre-line;text-transform:none!important;margin:0!important;padding:0!important}
body .campaign-subtitle{display:block!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(10px,2.6vw,40px);font-size:clamp(10px,2.6cqw,40px);font-weight:400!important;line-height:1.3!important;letter-spacing:-.02em;margin:22px 0 0!important;text-transform:none!important;padding:0!important}
body .campaign-subtitle:empty,body .campaign-title:empty{display:none!important}
@media(max-width:980px){body .campaign-subtitle{margin-top:8px!important}}

body.home-page .home-categories h2{text-align:left!important}
body .home-editorial{aspect-ratio:1942/809;overflow:hidden}
body .home-editorial>a{width:100%;height:100%}
body .home-editorial img{display:block;width:100%!important;height:100%!important;object-fit:cover}

/* Compact sentence-case dropdowns, matching the shared menu typography. */
@media(min-width:981px){body .menu2.w>ul>li>ul{padding:8px 12px!important}body .menu2.w>ul>li>ul li{margin:0!important;padding:0!important}body .menu2.w>ul>li>ul li>span{margin:0!important;padding:0!important}body .menu2.w>ul>li>ul>li a{font:400 14px/20px Arial,Helvetica,sans-serif!important;text-transform:none!important;letter-spacing:.015em;display:block!important;padding:6px 8px!important;margin:0!important;min-height:0!important;height:auto!important}}

/* Category labels stay on the photographs on narrow screens. */
@media(max-width:980px){
body.home-page .catalog .items.home-categories>.item{position:relative!important;padding:0!important;min-height:0!important;overflow:hidden!important}
body.home-page .catalog .items.home-categories>.item>.img{position:relative!important;margin:0!important}
body.home-page .catalog .items.home-categories>.item>.img::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.38));pointer-events:none;z-index:1}
body.home-page .catalog .items.home-categories>.item>h2{position:absolute!important;inset:auto 16px 16px!important;margin:0!important;padding:0!important;min-height:0!important;height:auto!important;width:auto!important;z-index:2!important;font:400 24px/1.2 Arial,Helvetica,sans-serif!important;text-align:left!important;transform:none!important}
body.home-page .catalog .items.home-categories>.item>h2>a{display:inline-flex!important;align-items:center!important;gap:14px!important;color:#fff!important;font:inherit!important;text-transform:none!important;text-decoration:none!important;text-shadow:0 1px 5px #0005}
body.home-page .catalog .items.home-categories>.item>h2>a>span{font:inherit!important;color:inherit!important}
body.home-page .home-category-heading{font-size:24px!important;line-height:1.25!important;padding:0 16px!important}
}

/* Tasman Lug Molasses: match the 536/600 catalogue sole baseline. */
.catalog .items .item .img:has(img[src*="catalog_uniform/2161ed961.jpg"]){overflow:hidden!important}
.catalog .items .item img[src*="catalog_uniform/2161ed961.jpg"],
.home-track img[src*="catalog_uniform/2161ed961.jpg"]{transform:translateY(12%)!important}


/* product-photo-white.css */
.product-white-frame{position:relative!important;display:block!important;background:#fff!important}.product-white-frame>img{opacity:0!important}.product-white-frame>.product-white-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;background:#fff}.pdp-modern .pdp-gallery,.pdp-photo-stage,.pdp-photo-dialog{background:#fff}

.pdp-modern .pdp-gallery>a,.pdp-modern .pdp-photo-canvas,.pdp-photo-dialog .pdp-photo-stage,.pdp-photo-dialog canvas{background:#fff!important;mix-blend-mode:normal!important}

.pdp-context-hidden{display:none!important}