/* MONO Shop v1.8.10 | https://monoshopbg.com
Created by LOD Corporation. Copyright (c) 2026 LOD Corporation. All rights reserved for original code. */
.collection-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:390px;overflow:hidden;border-radius:20px;margin:24px 0;background:#e7f0fa;position:relative}.collection-hero-copy{padding:44px;position:relative;z-index:1}.collection-kicker{font-size:11px;font-weight:700;letter-spacing:2px}.collection-hero h1{font-size:clamp(30px,3.6vw,56px);line-height:1.08;letter-spacing:-1.8px;margin:20px 0}.collection-hero p{font-size:16px;line-height:1.65;max-width:390px;margin-bottom:26px}.collection-hero-art{min-width:0;position:relative}.collection-hero-art:before{content:'';position:absolute;inset:8% 10%;border-radius:50%;background:#ffffff30}.collection-hero-art img{position:relative;width:100%;height:350px;object-fit:contain;padding:18px;filter:drop-shadow(0 20px 20px #001a3520)}
.collection-zone{border-radius:10px;background:linear-gradient(115deg,#092949,#0878b9);color:white}.collection-zone .btn{background:white;color:#075c96}.collection-zone .collection-hero-art:before{border:1px solid #ffffff45;background:#ffffff0c;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05}.collection-zone h1{max-width:510px}.collection-grocer{background:#f5e3ab;min-height:330px}.collection-grocer .collection-hero-art img{height:310px}.collection-grocer .collection-hero-art:before{background:#fff4d4}.collection-department-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;margin:22px 0}.collection-department-shell .collection-hero{margin:0;background:linear-gradient(125deg,#dfeaff,#e9ddff);min-height:400px}.collection-department-shell .collection-hero h1{font-size:clamp(30px,3.2vw,48px)}.collection-rail{background:white;border:1px solid #e4e9f0;border-radius:12px;padding:18px 12px;display:flex;flex-direction:column;gap:2px}.collection-rail>strong{padding:6px 10px 14px;font-size:14px}.collection-rail a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;font-size:13px}.collection-rail a span{flex:1}.collection-rail a:hover{background:#edf4ff;color:#1267d8}.collection-food-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 34px}.collection-food-tile{display:flex;position:relative;align-items:center;min-height:205px;padding:24px;border-radius:18px;overflow:hidden;background:#efe4d4}.collection-food-tile>div{width:58%;position:relative;z-index:1}.collection-food-tile h2{font-size:25px;line-height:1.15;margin:12px 0 20px}.collection-food-tile small{font-size:12px}.collection-food-tile img{position:absolute;width:48%;height:180px;object-fit:contain;right:-8px;bottom:0}.collection-food-tile.green{background:#dfebd5}.collection-food-tile.pink{background:#f7dfe6}.collection-categories{margin:32px 0}.collection-categories>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.collection-categories h2{font-size:23px;margin:0}.collection-categories .theme-category-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.collection-categories .theme-category-tiles a{padding:16px 10px;background:white;border:1px solid #e7ebee;border-radius:12px;text-align:center;min-width:0;transition:transform .2s,box-shadow .2s}.collection-categories .theme-category-tiles a:hover{transform:translateY(-4px);box-shadow:0 8px 20px #18253912}.collection-categories .theme-category-tiles img{height:90px;width:100%;object-fit:contain;border-radius:0}.collection-categories .theme-category-tiles b{font-size:13px}.collection-categories .theme-category-tiles span{display:none}.collection-benefits{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #e4e9ef;padding:20px 0;gap:18px;margin:24px 0}.collection-benefits a{display:flex;align-items:center;gap:14px}.collection-benefits svg{color:var(--theme-accent);flex-shrink:0}.collection-benefits b,.collection-benefits small{display:block}.collection-benefits b{font-size:13px}.collection-benefits small{font-size:11px;color:#74818a;margin-top:5px}.collection-promo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0}.collection-promo-pair>a{display:flex;align-items:center;background:#e1edf6;border-radius:16px;padding:30px;overflow:hidden}.collection-promo-pair>a:nth-child(2){background:#eae6df}.collection-promo-pair>a>div{flex:1}.collection-promo-pair h2{font-size:28px;line-height:1.2;margin:12px 0 24px}.collection-promo-pair img{width:40%;height:180px;object-fit:contain}
.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .store-main{max-width:1440px;padding:0 28px;margin:auto}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-card{background:white;border:1px solid #e4e8ed;border-radius:12px;padding:12px;overflow:hidden;transition:box-shadow .2s,transform .2s}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-card:hover{box-shadow:0 10px 28px #192b4412;transform:translateY(-3px)}.collection-products{padding:24px 0}.collection-products>header{margin-bottom:20px}.collection-products .eyebrow{display:none}.collection-products h2{font-size:25px}.storefront[data-theme=grocer] .commerce-header{background:#007e78;color:white}.storefront[data-theme=grocer] .commerce-header-main{background:transparent}.storefront[data-theme=grocer] .commerce-header-main a{color:white}.storefront[data-theme=grocer] .theme-search{background:white;border-radius:999px}.storefront[data-theme=grocer] .theme-search input{color:#173c38}.storefront[data-theme=grocer] .theme-search button{color:#006f69}.storefront[data-theme=grocer] .store-announcement{background:#006d67;color:white}.storefront[data-theme=zone] .store-announcement{background:#0863a7;color:white}.storefront[data-theme=department] .store-announcement{background:#182e56;color:white}.storefront[data-theme=department] .theme-search{border:1px solid #1267d8;border-radius:999px}.storefront[data-theme=grocer] .collection-promo-pair>a{background:#e5eedc}.storefront[data-theme=grocer] .collection-promo-pair>a:nth-child(2){background:#f2e2d6}.storefront[data-theme=grocer] .collection-categories .theme-category-tiles a{border:0;background:transparent}.storefront[data-theme=grocer] .collection-categories .theme-category-tiles img{border-radius:50%;background:#f0eee7;padding:8px;height:115px}
@media(max-width:1000px){.collection-department-shell{grid-template-columns:190px minmax(0,1fr)}.collection-hero-copy{padding:28px}.collection-categories .theme-category-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-food-tile{padding:18px}.collection-food-tile h2{font-size:21px}.collection-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .store-main{padding:0 14px}.collection-hero{grid-template-columns:1fr;min-height:0;margin:16px 0;border-radius:14px}.collection-hero-copy{padding:26px 24px 10px}.collection-hero h1,.collection-department-shell .collection-hero h1{font-size:34px;letter-spacing:-1px;max-width:400px}.collection-hero p{font-size:14px;margin-bottom:18px}.collection-hero-art img,.collection-grocer .collection-hero-art img{height:215px;padding:4px 30px}.collection-department-shell{display:block;margin:16px 0}.collection-rail{display:none}.collection-food-mosaic{grid-template-columns:1fr;gap:10px}.collection-food-tile{min-height:150px;padding:20px}.collection-food-tile img{height:145px;width:40%;right:10px}.collection-food-tile h2{font-size:24px}.collection-categories .theme-category-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collection-categories .theme-category-tiles img,.storefront[data-theme=grocer] .collection-categories .theme-category-tiles img{height:75px}.collection-categories h2{font-size:20px}.collection-categories header>a{font-size:11px}.collection-benefits{gap:18px 12px}.collection-benefits b{font-size:12px}.collection-benefits small{font-size:10px}.collection-benefits a{gap:8px}.collection-promo-pair{grid-template-columns:1fr;gap:12px}.collection-promo-pair>a{padding:22px}.collection-promo-pair h2{font-size:25px}.collection-promo-pair img{height:150px}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-card{padding:8px}.collection-products h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.collection-categories .theme-category-tiles a,.storefront .product-card{transition:none!important;transform:none!important}}

.collection-grocer-showcase{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin:24px 0}.collection-grocer-showcase .collection-grocer{grid-template-columns:1fr;margin:0}.collection-grocer-showcase .collection-hero-copy{padding:30px 32px 0}.collection-grocer-showcase .collection-hero h1{font-size:40px}.collection-grocer-showcase .collection-hero-art img{height:230px}.collection-grocer-showcase .collection-food-mosaic{margin:0;grid-template-columns:1fr 1fr}.collection-grocer-showcase .collection-food-tile{min-height:225px;align-items:flex-start}.collection-grocer-showcase .collection-food-tile>div{width:100%}.collection-grocer-showcase .collection-food-tile img{width:65%;height:130px;opacity:.95}.collection-grocer-showcase .collection-food-tile:last-child{grid-column:1/-1;min-height:180px}.collection-grocer-showcase .collection-food-tile:last-child img{width:40%;height:180px}.collection-grocer-showcase .collection-food-tile:last-child>div{width:60%}.storefront[data-theme=grocer] .commerce-header-main .cart-button{background:#006b66;border-color:#ffffff40}.storefront[data-theme=zone] .collection-zone .btn.primary{background:#fff;color:#0863a7}@media(max-width:900px){.collection-grocer-showcase{grid-template-columns:1fr}.collection-grocer-showcase .collection-grocer{grid-template-columns:1fr 1fr}.collection-grocer-showcase .collection-food-mosaic{grid-template-columns:repeat(3,1fr)}.collection-grocer-showcase .collection-food-tile:last-child{grid-column:auto}.collection-grocer-showcase .collection-food-tile:last-child>div{width:100%}}@media(max-width:600px){.collection-grocer-showcase .collection-grocer{grid-template-columns:1fr}.collection-grocer-showcase .collection-hero h1{font-size:32px}.collection-grocer-showcase .collection-food-mosaic{grid-template-columns:1fr}.collection-grocer-showcase .collection-food-tile,.collection-grocer-showcase .collection-food-tile:last-child{min-height:160px}.collection-grocer-showcase .collection-food-tile>div,.collection-grocer-showcase .collection-food-tile:last-child>div{width:60%}.collection-grocer-showcase .collection-food-tile img,.collection-grocer-showcase .collection-food-tile:last-child img{width:40%;height:150px}}
.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-image{height:220px;aspect-ratio:auto;background:#f8fafb;border-radius:8px}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-image img{height:100%;width:100%;object-fit:contain;padding:10px;box-sizing:border-box}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-caption h2{font-size:14px;line-height:1.4;min-height:40px}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-caption p{display:none}.storefront[data-theme=department] .product-caption>strong{color:#c72c43}.storefront[data-theme=grocer] .product-image{background:white}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .card-actions{gap:8px;flex-wrap:wrap}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .card-actions .quick-add{font-size:11px}@media(max-width:700px){.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-image{height:150px}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-caption{display:block}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .product-caption>strong{display:block;margin:8px 0}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .card-actions form{width:100%}.storefront:is([data-theme=zone],[data-theme=grocer],[data-theme=department]) .card-actions .btn{width:100%;font-size:11px;padding:9px 5px}}
