/* KolloShop storefront design. Shared commerce behavior stays in storefront.css. */
:root{--shop-accent:#8bc34a;--shop-dark:#18221f;--shop-line:#e5e9e5;--shop-muted:#69746e}
.shop-design{background:#fff;color:#18221f}.shop-design .container{max-width:1380px;width:calc(100% - 64px)}.shop-design .announcement{background:#18221f;color:#fff;font-size:12px;padding:9px 16px;letter-spacing:.2px}.shop-design .site-header{background:white;box-shadow:0 3px 18px #17211c08;border:0;position:relative;z-index:30}.shop-design .header-main{gap:42px;padding:22px 0}.shop-design .logo{width:202px}.shop-design .search-form{background:#f8faf8;border:1px solid #e1e7df;border-radius:12px;min-height:50px}.shop-design .search-form input{font-size:13px;background:transparent;padding:14px 18px}.shop-design .search-form button{background:var(--shop-accent);color:#172517;border-radius:9px;padding:12px 22px;font-weight:800;margin:5px}.shop-design .header-store{border:1px solid #e4e9e2;background:white;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700}.shop-design .main-nav{background:var(--shop-dark);color:white;border-radius:0 0 22px 22px;padding:0 22px;gap:24px;min-height:51px;justify-content:space-between;margin-bottom:0;font-size:12px}.shop-design .main-nav>a{padding:15px 0;white-space:nowrap}.shop-design .main-nav>a:hover{color:var(--shop-accent)}.shop-design .menu-button{color:white;background:transparent}.shop-design .mega-menu{color:#18221f}.shop-design main.container{padding-top:22px;padding-bottom:42px}.shop-home>section{margin:0 0 34px}.shop-showcase{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:18px}.shop-slider{position:relative;border-radius:18px;overflow:hidden;background:#edf6ed;min-width:0}.shop-slide{display:grid;grid-template-columns:1.15fr 1fr;min-height:410px;position:relative;overflow:hidden;background:linear-gradient(125deg,#e4f1df,#f6faf1);color:#172c20;align-items:center}.shop-slide[hidden]{display:none!important}.shop-slide.blue{background:linear-gradient(125deg,#e1edf6,#f0f6fa);color:#142c3c}.shop-slide.dark{background:linear-gradient(125deg,#14241e,#304b3c);color:#fff}.slide-copy{position:relative;z-index:2;padding:42px 40px 64px}.slide-kicker{display:block;color:#48703a;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:20px}.dark .slide-kicker{color:#cbe9ad}.slide-copy h1{font-size:clamp(32px,3.4vw,52px);font-weight:900;line-height:1.35;letter-spacing:-1.3px;margin:0 0 15px}.slide-copy p{font-size:14px;line-height:1.95;max-width:340px;margin:0 0 25px;color:#526556}.dark .slide-copy p{color:#d2dfd5}.slide-copy small{display:block;font-size:11px;color:#56715c;margin-top:22px}.dark .slide-copy small{color:#d2dfd5}.shop-cta{display:inline-flex;align-items:center;gap:12px;background:var(--shop-dark);color:white;border-radius:8px;padding:12px 23px;font-size:13px;font-weight:bold}.dark .shop-cta{background:var(--shop-accent);color:#16271a}.slide-art{position:relative;min-height:350px;height:100%;direction:ltr}.art-orbit{position:absolute;width:310px;height:310px;background:#b6d59a66;border-radius:50%;top:40px;left:0}.blue .art-orbit{background:#a7c9df66}.art-product{position:absolute;object-fit:contain;background:#fff;border:8px solid #fff;border-radius:18px;box-shadow:0 18px 35px #17332016;width:190px;height:190px}.art-product-0{top:50px;left:40px;transform:rotate(-9deg);z-index:2}.art-product-1{bottom:42px;left:135px;transform:rotate(8deg);width:155px;height:155px;z-index:3}.art-product-2{bottom:45px;left:0;width:128px;height:128px;transform:rotate(-5deg);z-index:4}.shop-slide.has-image{display:block;min-height:0;aspect-ratio:1200/580;background:#f5f7f4}.slide-banner{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.slider-controls{display:flex;gap:12px;position:absolute;bottom:15px;inset-inline:0;justify-content:center;align-items:center;z-index:5}.slider-controls>button{width:30px;height:30px;border-radius:50%;border:1px solid #c6d1c6;background:#ffffffeb;color:#203b25;font-size:13px;cursor:pointer}.slider-dots{display:flex;gap:6px;align-items:center;background:#ffffffb5;padding:7px 10px;border-radius:20px}.slider-dots button{height:5px;width:15px;border:0;border-radius:10px;background:#bcc8b7;padding:0;cursor:pointer}.slider-dots button[aria-current=true]{width:32px;background:#579137}.showcase-side{display:grid;gap:18px;grid-template-rows:1fr 1fr}.side-promo{position:relative;overflow:hidden;border-radius:16px;padding:23px;display:block;min-height:185px}.side-promo small{font-size:11px;color:#bcd1bd}.side-promo h2{font-size:23px;line-height:1.45;margin:7px 0 18px;font-weight:800;position:relative;z-index:2;max-width:190px}.side-promo>span{font-size:11px;font-weight:700;position:relative;z-index:2;display:inline-block}.promo-dark{background:#1b2c23;color:#fff}.promo-dark img{position:absolute;left:-15px;bottom:-25px;opacity:.38;width:150px;height:150px;object-fit:contain;mix-blend-mode:screen;transform:rotate(-10deg)}.promo-lime{background:#e9f1cf;color:#253718}.promo-lime small{color:#60763c}.promo-lime h2{margin-bottom:7px}.promo-lime p{font-size:11px;color:#667b49;margin-bottom:14px}.promo-lime:after{content:'↗';position:absolute;left:17px;bottom:18px;font-size:58px;color:#bdcf99;font-weight:bold}.shop-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px;padding-top:4px;gap:14px}.shop-heading h2{font-size:25px;font-weight:850;letter-spacing:-.5px;margin:0}.shop-heading>a{font-size:12px;color:#42523d;font-weight:700;white-space:nowrap}.shop-heading>a span{display:inline-block;background:#eef4e9;border-radius:50%;width:26px;height:26px;line-height:26px;text-align:center;margin-inline-start:6px}.shop-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px}.shop-categories>a{text-align:center;min-width:0}.category-photo{display:flex;align-items:center;justify-content:center;width:110px;height:110px;margin:0 auto 12px;border-radius:50%;background:#f1f5ed;border:1px solid #e9eee5;transition:transform .2s}.category-photo img{width:85px;height:85px;object-fit:contain;mix-blend-mode:multiply}.category-photo>span{font-size:30px;font-weight:800;color:#496b3e}.shop-categories>a:hover .category-photo{transform:translateY(-4px);border-color:var(--shop-accent)}.shop-categories strong{font-size:12px;line-height:1.7;display:block;font-weight:650}.shop-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:22px 24px;border:1px solid var(--shop-line);border-radius:14px;background:#fafcf8}.shop-benefits>div{display:grid;grid-template-columns:36px 1fr;gap:3px 10px;align-items:center}.shop-benefits>div>span{grid-row:span 2;font-size:29px;color:#6e974e}.shop-benefits b{font-size:12px}.shop-benefits small{font-size:10px;color:#788174;line-height:1.7}.shop-design .home-products-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.shop-design .product-card{border:1px solid #e7ebe5;box-shadow:none;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.shop-design .product-card:hover{box-shadow:0 10px 25px #213f1510;transform:translateY(-3px);border-color:#cbd9bf}.shop-design .product-picture{height:210px;background:#fff;padding:22px;border-bottom:1px solid #f3f5f1}.shop-design .product-picture img{mix-blend-mode:multiply}.shop-design .product-body{padding:17px}.shop-design .product-body .eyebrow{font-size:10px;color:#638443;letter-spacing:0}.shop-design .product-body h3{font-size:12px;height:48px;line-height:1.9;margin:8px 0 13px}.shop-design .card-price{font-size:19px;color:#17281c;font-weight:850}.shop-design .product-body del{font-size:11px;color:#8d9589}.shop-design .merchant-link{border-top:1px solid #eef1ea;margin-top:13px;padding-top:11px;font-size:11px;color:#60724e}.shop-brands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.shop-brands>a{height:100px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e8dd;border-radius:12px;min-width:0;padding:18px;background:white}.shop-brands img{height:65px;width:100%;object-fit:contain}.shop-brands b{font-size:18px;text-align:center;overflow-wrap:anywhere}.shop-brands>a:hover{border-color:var(--shop-accent)}.shop-stores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.shop-stores>a{display:flex;align-items:center;gap:13px;border:1px solid #e4e9de;border-radius:12px;padding:14px;background:#fafcf8;min-width:0}.shop-stores img{width:58px;height:58px;object-fit:contain;mix-blend-mode:multiply}.shop-stores h3{font-size:13px;margin:0 0 5px;overflow-wrap:anywhere}.shop-stores small{font-size:10px;color:#788572}.shop-stores>a>span{margin-inline-start:auto;color:#779757}.shop-catalogs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.shop-catalogs>a{border:1px solid #e4e9de;border-radius:14px;overflow:hidden;background:#fff}.catalog-photo{height:185px;position:relative;display:flex;align-items:center;justify-content:center;background:#f5f7f2;padding:20px}.catalog-photo img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.catalog-photo>span{position:absolute;top:12px;right:12px;background:#ffffffed;border-radius:5px;padding:4px 8px;font-size:9px;color:#536246}.catalog-copy{padding:17px}.catalog-copy h3{font-size:13px;line-height:1.85;min-height:49px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 13px}.catalog-copy small{font-size:11px;color:#6b7b5c;display:flex;justify-content:space-between}.shop-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shop-banners img{width:100%;height:auto;border-radius:15px}.shop-design .directory-card{border-radius:14px;border-color:#e2e8db}.shop-design .brand-directory-image{width:100%;height:155px;object-fit:contain}.shop-design .footer{background:#f3f6ef;border-top:1px solid #e2e8dc;padding-top:45px}.shop-design .footer-grid{gap:35px}.shop-design .footer h3{font-size:14px}.shop-design .footer p,.shop-design .footer-grid>div>a:not(.logo){font-size:12px;line-height:1.9}.shop-design .copyright{padding:20px 0;color:#738166}.shop-design :focus-visible{outline:3px solid #689747;outline-offset:4px}.shop-design .ad-slot:empty{display:none}

@media(max-width:1100px){.shop-design .container{width:calc(100% - 36px)}.shop-design .header-main{gap:24px}.shop-design .main-nav{gap:15px;font-size:11px}.shop-design .home-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-slide{min-height:360px;grid-template-columns:1.2fr 1fr}.slide-copy{padding:30px 28px 60px}.slide-copy h1{font-size:34px}.slide-copy p{font-size:12px}.art-product-0{width:145px;height:145px;left:5px}.art-product-1{width:120px;height:120px;left:72px}.art-product-2{width:95px;height:95px;left:-10px}.art-orbit{width:230px;height:230px}.shop-showcase{grid-template-columns:minmax(0,2.7fr) minmax(210px,1fr)}.side-promo{min-height:170px;padding:20px}.side-promo h2{font-size:21px}.shop-stores{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-benefits{gap:14px;padding:18px}.shop-benefits b{font-size:11px}.shop-benefits small{font-size:9px}.shop-design .product-picture{height:190px}}
@media(max-width:800px){.shop-showcase{grid-template-columns:1fr}.showcase-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.side-promo{min-height:155px}.shop-slide{min-height:340px}.slide-art{min-height:310px}.art-product-0{left:30px}.art-product-1{left:120px}.art-product-2{left:0}.shop-design .home-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 10px}.shop-brands{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-catalogs{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-benefits{grid-template-columns:1fr 1fr;gap:22px}.shop-stores{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.shop-design .container{width:calc(100% - 24px)}.shop-design .announcement{font-size:10px;padding:8px}.shop-design .header-main{padding:16px 0;gap:13px}.shop-design .logo{width:155px}.shop-design .header-store{padding:8px 12px;font-size:11px}.shop-design .search-form{min-height:44px}.shop-design .search-form input{font-size:11px;padding:11px}.shop-design .search-form button{padding:9px 15px;margin:4px;font-size:11px}.shop-design .main-nav{border-radius:0 0 14px 14px;padding:0 14px;gap:12px;min-height:45px}.shop-design .menu-button{font-size:11px}.shop-design .main-nav>a{font-size:10px}.shop-design main.container{padding-top:15px}.shop-home>section{margin-bottom:27px}.shop-slide{min-height:340px;grid-template-columns:1fr .65fr}.slide-copy{padding:26px 23px 58px}.slide-kicker{font-size:8px;letter-spacing:.4px;margin-bottom:15px}.slide-copy h1{font-size:29px;letter-spacing:-.7px}.slide-copy p{font-size:11px;margin-bottom:18px;line-height:1.8}.shop-cta{padding:10px 15px;font-size:11px}.slide-copy small{font-size:9px;margin-top:16px}.slide-art{min-height:280px}.art-orbit{width:190px;height:190px;top:50px;left:-15px}.art-product-0{width:115px;height:115px;left:-5px;top:60px;border-width:5px}.art-product-1{width:85px;height:85px;left:45px;bottom:65px;border-width:4px}.art-product-2{width:68px;height:68px;left:-20px;bottom:55px;border-width:4px}.shop-slide.has-image{aspect-ratio:700/600}.side-promo{padding:18px;min-height:155px}.side-promo h2{font-size:18px}.side-promo small,.side-promo>span,.promo-lime p{font-size:9px}.promo-dark img{width:110px;height:110px}.shop-heading{margin-bottom:18px}.shop-heading h2{font-size:20px}.shop-heading>a{font-size:10px}.shop-categories{gap:19px 8px}.category-photo{width:72px;height:72px;margin-bottom:9px}.category-photo img{width:58px;height:58px}.shop-categories strong{font-size:10px}.shop-benefits{padding:16px 12px;gap:17px 10px}.shop-benefits>div{grid-template-columns:25px 1fr;gap:3px 7px}.shop-benefits>div>span{font-size:24px}.shop-benefits b{font-size:10px}.shop-benefits small{font-size:9px}.shop-design .home-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-design .product-picture{height:155px;padding:16px}.shop-design .product-body{padding:12px}.shop-design .product-body h3{font-size:11px;height:43px;line-height:1.85}.shop-design .card-price{font-size:16px}.shop-design .merchant-link{font-size:10px}.shop-brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.shop-brands>a{height:77px;padding:13px}.shop-brands b{font-size:14px}.shop-brands img{height:48px}.shop-stores{gap:9px}.shop-stores>a{gap:8px;padding:11px}.shop-stores img{width:38px;height:38px}.shop-stores h3{font-size:11px}.shop-stores small{font-size:9px}.shop-catalogs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-photo{height:140px;padding:20px 14px 10px}.catalog-photo>span{font-size:8px;top:8px;right:8px}.catalog-copy{padding:12px}.catalog-copy h3{font-size:11px;min-height:43px}.catalog-copy small{font-size:10px}.shop-banners{grid-template-columns:1fr;gap:12px}.shop-design .footer-grid{gap:25px}.shop-design .brand-directory-image{height:120px}}
@media(max-width:370px){.shop-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.slide-copy h1{font-size:25px}.slide-copy{padding-inline:18px}.art-product-1{left:20px}.side-promo h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.shop-design *{transition:none!important}}
.shop-design .menu>summary{background:transparent;color:#fff;border:1px solid #ffffff26;border-radius:8px;padding:8px 13px}.shop-design .menu>summary:hover,.shop-design .menu[open]>summary{background:#ffffff14;color:var(--shop-accent)}

@media(max-width:700px){.shop-slide{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}.slide-copy{padding-inline:20px}.slide-copy h1{font-size:27px}.slide-copy p{font-size:11px}.slide-art{min-width:0}.art-product-0{left:-24px;width:105px;height:105px}.art-product-1{left:10px;width:80px;height:80px}.art-product-2{left:-40px}}
.shop-design .directory-grid.directory-five,.shop-design .shop-catalogs.directory-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.shop-design .directory-five .directory-card{min-width:0;padding:18px}.shop-design .directory-five .directory-card h2{font-size:14px;overflow-wrap:anywhere}.shop-design .directory-five .directory-card small{overflow-wrap:anywhere}.shop-design .directory-five .brand-directory-image{height:120px;margin-bottom:15px}.shop-design .directory-five .directory-monogram{width:100%;font-size:30px;border-radius:12px;height:120px;display:flex;align-items:center;justify-content:center}.shop-design .directory-five .catalog-photo{height:165px}
@media(max-width:1050px){.shop-design .directory-grid.directory-five,.shop-design .shop-catalogs.directory-five{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.shop-design .directory-grid.directory-five,.shop-design .shop-catalogs.directory-five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.shop-design .directory-grid.directory-five,.shop-design .shop-catalogs.directory-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-design .directory-five .directory-card{padding:13px}.shop-design .directory-five .directory-card h2{font-size:12px}.shop-design .directory-five .brand-directory-image{height:95px}}