/* SHAHAZ Grocery Market landing (ZIP-521, owner references "Fresh Groceries" / "Deals of the Day").
 * Banner + Explore Categories above are unchanged. Below: offer strip · Popular Products · Deals of the Day ·
 * Special Offers · all products (chips + masonry). White page, 6px from the screen edge, 6px between cards.
 * Markup: page-shahaz-grocery-market.php + inc/shahaz-grocery-landing.php · script: assets/js/shahaz-grocery-landing.js */
.shz-gl{--gl-rose:#b3134f;--gl-rose2:#d01f64;--gl-red:#c81e50;--gl-pill:#ffe5ee;--gl-ink:#1f1a1d;--gl-muted:#716a70;--gl-line:#f0e7eb;--gl-green:#2f6a27;--gl-green2:#4f8f35;background:#fff!important;color:var(--gl-ink);font-family:'Inter','Hind Siliguri','Noto Sans Bengali',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.shz-gl *{-webkit-tap-highlight-color:transparent}
.shz-gl a:focus:not(:focus-visible),.shz-gl button:focus:not(:focus-visible){outline:none;box-shadow:none}
.shz-gl a:focus-visible,.shz-gl button:focus-visible{outline:2px solid var(--gl-rose2);outline-offset:2px}

/* ------------------------------------------------ section head: no gaps between the lines (owner) */
.shz-gl__sec{margin:0;padding:10px 0 4px}
.shz-gl__head{display:flex;align-items:center;gap:8px;padding:0 6px 7px}
.shz-gl__titles{flex:1 1 auto;min-width:0}
.shz-gl .shz-gl__title{margin:0!important;padding:0!important;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(17px,4.6vw,24px);font-weight:800;line-height:1.12!important;letter-spacing:-.01em;color:var(--gl-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shz-gl .shz-gl__sub{margin:0!important;padding:0;font-size:clamp(11px,3vw,14px);font-weight:500;line-height:1.2;color:var(--gl-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shz-gl .shz-gl__see{flex:0 0 auto;display:inline-flex;align-items:center;height:28px;padding:0 14px;border-radius:999px;background:var(--gl-rose);color:#fff;font-size:12.5px;font-weight:700;line-height:1;text-decoration:none}
.shz-gl .shz-gl__see:hover{color:#fff;background:var(--gl-rose2)}

/* ------------------------------------------------ 1 · offer strip */
.shz-gl-promo{position:relative;display:flex;align-items:center;gap:2.6cqw;margin:6px 6px 2px;height:clamp(74px,19vw,96px);padding:0 2.6cqw 0 0;border-radius:14px;overflow:hidden;container-type:inline-size;text-decoration:none!important;color:var(--gl-green);
	background:radial-gradient(70% 140% at 75% 50%,rgba(255,255,255,.75),transparent 70%),linear-gradient(90deg,#e9f2c9 0%,#f4f8df 45%,#eef6d6 100%)}
.shz-gl-promo__pic{position:relative;flex:0 0 36%;align-self:stretch;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 72%,transparent);mask-image:linear-gradient(90deg,#000 72%,transparent)}
.shz-gl-promo__pic img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.shz-gl-promo:not(.is-own) .shz-gl-promo__pic img{object-fit:contain;mix-blend-mode:multiply}
.shz-gl-promo.is-noimg{padding-left:4cqw}
.shz-gl-promo__copy{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:.6cqw;text-align:right}
.shz-gl-promo__title{display:block;max-width:100%;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:5.6cqw;font-weight:800;line-height:1;letter-spacing:-.02em;color:#1e5a22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shz-gl-promo__offer{display:flex;align-items:center;gap:1cqw;white-space:nowrap;line-height:1}
.shz-gl-promo__offer small{font-size:2.9cqw;font-weight:700;color:#1e5a22}
.shz-gl-promo__offer b{display:inline-block;padding:.7cqw 2.4cqw;border-radius:999px;background:#1f5a24;color:#fff;font-size:4.6cqw;font-weight:800;line-height:1.05}
.shz-gl-promo__btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:1.4cqw;padding:1.2cqw 1.2cqw 1.2cqw 3cqw;border-radius:999px;background:var(--gl-rose);color:#fff;font-size:3.2cqw;font-weight:700;line-height:1;white-space:nowrap}
.shz-gl-promo__btn svg{width:4.6cqw;height:4.6cqw}
.shz-gl-promo__btn svg circle{fill:#fff}
.shz-gl-promo__btn svg path{color:var(--gl-rose)}
@media (min-width:700px){.shz-gl-promo{height:clamp(110px,13vw,150px)}.shz-gl .shz-gl__title{font-size:clamp(20px,2.2vw,28px)}.shz-gl .shz-gl__sub{font-size:clamp(12px,1.2vw,15px)}.shz-gl .shz-gl__see{height:34px;padding:0 18px;font-size:14px}.shz-gl__head{padding:0 6px 9px}.shz-gl-promo__title{font-size:min(5.6cqw,64px)}.shz-gl-promo__offer small{font-size:min(2.9cqw,24px)}.shz-gl-promo__offer b{font-size:min(4.6cqw,44px)}.shz-gl-promo__btn{font-size:min(3.2cqw,20px)}.shz-gl-promo__btn svg{width:min(4.6cqw,28px);height:min(4.6cqw,28px)}}

/* ------------------------------------------------ one-row sections: 4 phone · 6 tablet · 8 computer */
.shz-gl__rail{--gl-cols:4;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--gl-cols) - 1) * 6px) / var(--gl-cols));gap:6px;padding:0 6px 2px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 6px;scrollbar-width:none}
.shz-gl__rail::-webkit-scrollbar{display:none}
.shz-gl__rail>.shz-gc{scroll-snap-align:start}
@media (min-width:700px){.shz-gl__rail{--gl-cols:6}}
@media (min-width:1100px){.shz-gl__rail{--gl-cols:8}}

/* ------------------------------------------------ card */
.shz-gc{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;border:1px solid var(--gl-line);border-radius:12px;background:#fff;overflow:hidden;container-type:inline-size;color:var(--gl-ink)}
.shz-gc a{text-decoration:none!important;color:inherit}
.shz-gc__media{position:relative;display:block;aspect-ratio:1/1;background:#fff;overflow:hidden}
.shz-gc__pic{display:block;width:100%;height:100%;line-height:0}
.shz-gc__pic img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;padding:6%;box-sizing:border-box}
.shz-gc .shz-gc__wish{position:absolute;top:4%;right:4%;z-index:2;display:grid;place-items:center;width:clamp(20px,22cqw,30px);height:clamp(20px,22cqw,30px);margin:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;color:var(--gl-red)}
.shz-gc .shz-gc__wish svg{width:72%;height:72%;fill:none;stroke:currentColor;stroke-width:2}
.shz-gc .shz-gc__wish.is-active svg{fill:currentColor}
.shz-gc .shz-gc__wish:hover,.shz-gc .shz-gc__wish:focus{background:transparent;box-shadow:none}
.shz-gc__body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name" "info cart";align-items:end;gap:3cqw 4cqw;padding:5cqw 6cqw 6cqw;flex:1 1 auto}
.shz-gc__name{grid-area:name;display:block;font-size:clamp(9.5px,11.4cqw,14px);font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shz-gc__info{grid-area:info;min-width:0}
.shz-gc p{margin:0!important;padding:0}
.shz-gc__price{display:flex;align-items:center;flex-wrap:wrap;gap:1px 4cqw;line-height:1.15}
.shz-gc__now,.shz-gc__now .amount{color:var(--gl-red);font-size:clamp(10.5px,13.4cqw,17px);font-weight:800;white-space:nowrap}
.shz-gc__now.is-na{font-size:clamp(8.5px,9cqw,12px);color:var(--gl-muted)}
.shz-gc__pct{display:inline-block;padding:.4em .55em;border-radius:999px;background:var(--gl-pill);color:var(--gl-red);font-size:clamp(7.5px,9cqw,11.5px);font-weight:700;line-height:1;white-space:nowrap}
.shz-gc__was{color:#8d878c;font-size:clamp(8px,9.6cqw,12px);font-weight:500;white-space:nowrap}
.shz-gc__was .amount{color:inherit}
.shz-gc__meta{display:flex;align-items:center;gap:3cqw;margin-top:2cqw!important;color:var(--gl-muted);font-size:clamp(7.5px,9cqw,11.5px);font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden}
.shz-gc__meta>i{flex:0 0 1px;align-self:stretch;margin:1px 0;background:#ddd5da}
.shz-gc__meta .is-ok{color:#2f7a35}
.shz-gc__meta .is-low{color:#d0541b}
.shz-gc__rate{display:inline-flex;align-items:center;gap:2px;color:var(--gl-ink)}
.shz-gc__rate svg{width:1.25em;height:1.25em;fill:#f5b301}
.shz-gc__rate b{font-weight:700}
.shz-gc__rate em{font-style:normal;color:var(--gl-muted)}
.shz-gc .shz-gc__cart{grid-area:cart;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:8px;background:var(--gl-rose);color:#fff;box-shadow:none;cursor:pointer;line-height:1}
.shz-gc .shz-gc__cart:hover,.shz-gc .shz-gc__cart:focus{background:var(--gl-rose2);color:#fff}
.shz-gc .shz-gc__cart.is-pending{opacity:.6;pointer-events:none}
.shz-gc .shz-gc__cart.is-added{background:#1f8a4c}
.shz-gc .shz-gc__cart.is-oos{width:auto!important;padding:0 2.4cqw;background:#ece7ea;color:#7a7378;font-size:clamp(7.5px,8.6cqw,11px);font-weight:700;cursor:default}

/* rail (Popular / Special Offers): small wide cart under the line, on the right (reference) */
.shz-gc--rail .shz-gc__body{grid-template-areas:"name name" "info info" ". cart";align-items:center}
.shz-gc--rail .shz-gc__cart{width:48cqw;height:clamp(18px,21cqw,30px);margin-top:1cqw}

/* deal (Deals of the Day): badge on the photo, old price, square green cart on the right */
.shz-gc__badge{position:absolute;right:5%;bottom:5%;z-index:2;padding:.35em .6em;border-radius:999px;background:var(--gl-green);color:#fff;font-size:clamp(8px,10cqw,13px);font-weight:800;line-height:1}
.shz-gc--deal .shz-gc__price{flex-direction:column;align-items:flex-start;gap:1.6cqw}
.shz-gc--deal .shz-gc__cart{width:clamp(24px,28cqw,40px);height:clamp(24px,28cqw,40px);background:var(--gl-green)}
.shz-gc--deal .shz-gc__cart:hover,.shz-gc--deal .shz-gc__cart:focus{background:var(--gl-green2)}

/* grid (all products): the photo keeps its shape, big square cart on the right of price + sold line */
.shz-gc--grid .shz-gc__media{aspect-ratio:1/var(--gc-ratio,1);background:#faf7f8}
.shz-gc--grid .shz-gc__pic img{object-fit:cover;padding:0}
.shz-gc--grid .shz-gc__wish{width:clamp(26px,15cqw,36px);height:clamp(26px,15cqw,36px);background:#fff!important}
.shz-gc--grid .shz-gc__body{align-items:center;gap:2.6cqw 3cqw;padding:3.4cqw 4cqw 4cqw}
.shz-gc--grid .shz-gc__name{font-size:clamp(12px,7.4cqw,16px);font-weight:700}
.shz-gc--grid .shz-gc__now,.shz-gc--grid .shz-gc__now .amount{font-size:clamp(13px,8.6cqw,19px)}
.shz-gc--grid .shz-gc__price{gap:2px 3.4cqw}
.shz-gc--grid .shz-gc__pct{font-size:clamp(9.5px,5.8cqw,12.5px)}
.shz-gc--grid .shz-gc__meta{font-size:clamp(9.5px,5.8cqw,12.5px);gap:2.4cqw;margin-top:1.6cqw!important}
.shz-gc--grid .shz-gc__cart{width:clamp(34px,20cqw,46px);height:clamp(34px,20cqw,46px);border-radius:10px}

/* ------------------------------------------------ 3 · Deals of the Day panel */
.shz-gl-deals{margin:8px 6px 4px;padding:9px 0 8px;border-radius:14px;background:radial-gradient(60% 120% at 100% 0%,rgba(150,200,90,.45),transparent 70%),linear-gradient(135deg,#3f7d2f 0%,#2f6a27 55%,#285b21 100%);color:#fff}
.shz-gl-deals .shz-gl__head{padding:0 8px 8px}
.shz-gl-deals .shz-gl__title{color:#fff}
.shz-gl-deals .shz-gl__sub{color:rgba(255,255,255,.86)}
.shz-gl-deals .shz-gl__see{background:#1d4a18}
.shz-gl-deals .shz-gl__see:hover{background:#163b12}
.shz-gl-deals__ico{flex:0 0 auto;display:grid;place-items:center;width:clamp(30px,8vw,40px);height:clamp(30px,8vw,40px);border-radius:50%;background:#fff3e2}
.shz-gl-deals__ico svg{width:72%;height:72%}
.shz-gl-deals .shz-gl__rail{grid-auto-columns:calc((100% - (var(--gl-cols) - 1) * 6px) / var(--gl-cols));padding:0 8px 2px;scroll-padding:0 8px}
.shz-gl-deals .shz-gc{border-color:transparent}

/* ------------------------------------------------ 5 · all products: chips (owner reference) + masonry */
.shz-gl-all{padding-top:6px}
.shz-pb[data-theme="grocery"]{--pb-a:#c41a5c;--pb-b:#a8114a;--pb-on:#fff;--pb-accent:#b3134f;--pb-line:#efe6ea;--pb-bg:rgba(255,255,255,.97);margin:0 0 6px}
.shz-pb[data-theme="grocery"] .shz-pb__chip{height:30px;padding:0 8px;gap:4px;border-radius:999px;font-size:12px;font-weight:600}
.shz-pb[data-theme="grocery"] .shz-pb__chip:first-child{padding:0 13px}
.shz-pb[data-theme="grocery"] .shz-pb__ico{width:13px;height:13px;fill:#b3134f}
@media (min-width:700px){.shz-pb[data-theme="grocery"] .shz-pb__chip{height:34px;padding:0 13px;font-size:13.5px}.shz-pb[data-theme="grocery"] .shz-pb__chip:first-child{padding:0 20px}}
.shz-pb[data-theme="grocery"] .shz-pb__chip:nth-child(2) .shz-pb__ico{fill:#f0472b}
.shz-pb[data-theme="grocery"] .shz-pb__chip.is-active .shz-pb__ico{fill:#fff}
.shz-pb[data-theme="grocery"] .shz-pb__chip.is-active .shz-pb__ico circle[fill],.shz-pb[data-theme="grocery"] .shz-pb__chip.is-active .shz-pb__ico path[stroke]{fill:#b3134f;stroke:#b3134f}
.shz-pb[data-theme="grocery"] .shz-pb__filter{height:30px;padding:0 9px;border:1px solid #efe6ea;border-radius:999px;background:#fff;color:var(--gl-ink,#1f1a1d);font-size:12.5px;font-weight:600}
.shz-pb[data-theme="grocery"] .shz-pb__filter.is-active{border-color:#b3134f;color:#b3134f}
.shz-pb[data-theme="grocery"] .shz-pb__sub{margin:0 0 4px;font-size:12px;font-weight:700;color:#716a70}
.shz-gl-grid{display:grid;grid-template-columns:repeat(var(--gl-cols),minmax(0,1fr));align-items:start;gap:6px;padding:0 6px 10px;--gl-cols:2}
@media (min-width:700px){.shz-gl-grid{--gl-cols:3}}
@media (min-width:1100px){.shz-gl-grid{--gl-cols:4}}
@media (min-width:1500px){.shz-gl-grid{--gl-cols:5}}
@media (min-width:1900px){.shz-gl-grid{--gl-cols:6}}
.shz-gl-grid.is-masonry{display:flex;align-items:flex-start}
.shz-gl-grid>.shz-gl-col{display:flex;flex:1 1 0;flex-direction:column;gap:6px;min-width:0}
.shz-gl-grid.is-empty{display:block}
.shz-gl .shz-world-empty{margin:0;padding:14px 10px;border:1px dashed #e7d3dc;border-radius:12px;background:#fff;color:#716a70;text-align:center;font-size:12px;line-height:1.45}
@media (prefers-reduced-motion:reduce){.shz-gl__rail{scroll-behavior:auto}}