/* SHAHAZ.com — homepage Vouchers & Deals (ZIP-405, owner reference). Markup: template-parts/home/02-deals.php.
   Two softly rounded blocks (8px; cards 6px — ZIP-406): pink "Exclusive Vouchers" (ticket cards, Collect All) and a light-pink "Limited-Time Deals" row whose
   cells do not scroll — each cell changes its product on its own timer (assets/js/shahaz-home-deals.js).
   3 cells phone · 4 tablet · 5 desktop · 6 very wide. No shadows, no blur. */
.shz-dl{display:flex;flex-direction:column;gap:8px;font-family:"Poppins","Hind Siliguri","Noto Sans Bengali",-apple-system,"Segoe UI",Arial,sans-serif;-webkit-tap-highlight-color:transparent}
.shz-dl *,.shz-dl *::before,.shz-dl *::after{box-sizing:border-box}
.shz-dl button,.shz-dl a{-webkit-tap-highlight-color:transparent}
.shz-dl button:focus,.shz-dl a:focus{outline:none}
.shz-dl button:focus-visible,.shz-dl a:focus-visible{outline:2px solid #e9b949;outline-offset:2px}
.shz-dl__head{display:flex;align-items:center;gap:8px;min-width:0}
.shz-dl svg{display:block}

/* ---- block 1: Exclusive Vouchers ---- */
.shz-dl__v{padding:7px 8px 8px;border-radius:8px;background:linear-gradient(180deg,#ef6ea6 0%,#f38dba 55%,#f6a3c9 100%)}
.shz-dl__ticket{flex:0 0 auto;width:25px;height:19px}
.shz-dl__ticket svg{width:100%;height:100%}
.shz-dl__vtitle{flex:1 1 auto;min-width:0;margin:0;color:#fff;font-size:clamp(15px,4vw,20px);font-weight:700;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shz-dl .shz-dl__collect{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;margin:0;padding:0 9px 0 12px;height:clamp(23px,6vw,27px);border:0;border-radius:999px;
  background:linear-gradient(180deg,#f1407c 0%,#dd1f63 100%);color:#fff;font:600 clamp(11.5px,3.2vw,14px)/1 "Poppins",-apple-system,"Segoe UI",Arial,sans-serif;cursor:pointer;box-shadow:none}
.shz-dl__collect svg{width:12px;height:12px}
.shz-dl__collect.is-done{background:#fff;color:#dd1f63}
.shz-dl__vrow{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 8px) / 2);gap:8px;margin-top:7px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.shz-dl__vrow::-webkit-scrollbar{display:none}
.shz-dl .shz-dl__vc{--vc-c:#e0157a;--vc-sub:#c0577f;--vc-bg:#fff3f7;
  position:relative;display:flex;align-items:stretch;min-width:0;margin:0;padding:0;border:0;border-radius:6px;background:var(--vc-bg);
  color:var(--vc-c);text-align:left;cursor:pointer;scroll-snap-align:start;box-shadow:none;overflow:hidden;min-height:clamp(42px,11.6vw,58px)}
.shz-dl .shz-dl__vc.is-mint{--vc-c:#157a6a;--vc-sub:#4f8f84;--vc-bg:#ecf9f5}
.shz-dl .shz-dl__vc.is-gold{--vc-c:#c27a0e;--vc-sub:#9a7440;--vc-bg:#fff7e8}
.shz-dl .shz-dl__vc.is-lilac{--vc-c:#7b3fd6;--vc-sub:#7b679c;--vc-bg:#f5f0ff}
/* ticket notches + perforation between the value and the text */
.shz-dl__vval{position:relative;flex:0 0 40%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;line-height:1}
.shz-dl__vval::after{content:"";position:absolute;right:0;top:6px;bottom:6px;border-right:1.5px dashed rgba(0,0,0,.12)}
.shz-dl__vval::before{content:"";position:absolute;right:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:#f07bae}
.shz-dl__vc::after{content:"";position:absolute;left:calc(40% - 5px);bottom:-5px;width:10px;height:10px;border-radius:50%;background:#f39cc3}
.shz-dl__vval b{font-size:clamp(16px,4.5vw,23px);font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.shz-dl__vval small{margin-top:0;font-size:clamp(10.5px,2.9vw,14px);font-weight:800}
.shz-dl__vtxt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:3px 8px 3px 10px}
.shz-dl__vtxt b{font-size:clamp(11px,3.1vw,15px);font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shz-dl__vtxt small{font-size:clamp(10px,2.8vw,13.5px);font-weight:500;color:var(--vc-sub);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shz-dl__vok{position:absolute;top:4px;right:5px;display:none;width:15px;height:15px;border-radius:50%;background:var(--vc-c);color:#fff;font-size:9.5px;font-weight:800;line-height:15px;text-align:center}
.shz-dl__vc.is-got .shz-dl__vok{display:block}
.shz-dl__vc.is-got{opacity:.82}

/* ---- block 2: Limited-Time Deals ---- */
.shz-dl__d{padding:10px 10px 12px;border-radius:8px;background:linear-gradient(180deg,#fde4ef 0%,#fdeef5 100%)}
.shz-dl__dtitle{flex:0 0 auto;min-width:0;display:flex;align-items:center;gap:4px;margin:0;color:#1d1418;font-size:clamp(16px,4.4vw,26px);font-weight:700;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shz-dl__dtitle svg{flex:0 0 auto;width:1em;height:1em}
.shz-dl__pill{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:4px 8px;border-radius:7px;background:#d92a63;color:#fff;font-size:clamp(10.5px,2.9vw,15px);font-weight:600;line-height:1.15;white-space:nowrap}
.shz-dl__more{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;gap:2px;color:#2a2226!important;font-size:clamp(11.5px,3.2vw,16px);font-weight:500;text-decoration:none!important;white-space:nowrap}
.shz-dl__more svg{width:14px;height:14px}
.shz-dl__grid{--dl-cols:3;display:grid;grid-template-columns:repeat(var(--dl-cols),minmax(0,1fr));gap:7px;margin-top:10px}
.shz-dl__cell{position:relative;display:grid;min-width:0}
.shz-dl__cell:nth-child(n+4){display:none}
.shz-dl__card{grid-area:1/1;display:flex;flex-direction:column;min-width:0;padding:5px 5px 7px;border-radius:6px;background:#fff;text-decoration:none!important;color:inherit!important;
  opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.shz-dl__card.is-on{opacity:1;visibility:visible;transition:opacity .6s ease}
.shz-dl__img{display:block;aspect-ratio:1/1.04;border-radius:4px;overflow:hidden;background:#f6eef2}
.shz-dl__img img{display:block;width:100%;height:100%;object-fit:cover;font-size:0;color:transparent}
.shz-dl__price{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;margin-top:6px;white-space:nowrap;overflow:hidden}
.shz-dl__price b{color:#e0157a;font-size:clamp(13px,3.8vw,21px);font-weight:800;letter-spacing:-.01em}
.shz-dl__price i{flex:0 0 auto;width:1.5px;height:.95em;background:#c9bcc3}
.shz-dl__price s{flex:0 0 auto;color:#6e6e78;font-size:clamp(10px,2.9vw,16px);font-weight:500}
/* ZIP-569 (audit HOME-01): never cut — when nothing else helps, the old price sits under the price */
.shz-dl__price.is-wrap{flex-wrap:wrap;row-gap:1px;white-space:normal}
.shz-dl__price.is-wrap i{display:none}
.shz-dl__price.is-wrap s{flex-basis:100%;text-align:center;white-space:nowrap}
@media (min-width:640px){
  .shz-dl__grid{--dl-cols:4}
  .shz-dl__cell:nth-child(4){display:grid}
  .shz-dl__vrow{grid-auto-columns:calc((100% - 16px) / 3)}
  .shz-dl__v{padding:8px 12px 10px}
  .shz-dl__d{padding:12px 14px 14px}
}
@media (min-width:1024px){
  .shz-dl__grid{--dl-cols:5;gap:12px}
  .shz-dl__cell:nth-child(5){display:grid}
  .shz-dl__vrow{grid-auto-columns:calc((100% - 24px) / 4)}
  .shz-dl__vtitle{font-size:20px}.shz-dl__dtitle{font-size:24px}
  .shz-dl__vval b{font-size:22px}.shz-dl__vval small{font-size:13.5px}
  .shz-dl__vtxt b{font-size:15px}.shz-dl__vtxt small{font-size:13px}
  .shz-dl__price b{font-size:20px}.shz-dl__price s{font-size:15px}
  .shz-dl .shz-dl__collect{height:27px;font-size:14px}
  .shz-dl__pill{font-size:14px}.shz-dl__more{font-size:15px}
  .shz-dl .shz-dl__vc{min-height:56px}
}
@media (min-width:1440px){
  .shz-dl__grid{--dl-cols:6}
  .shz-dl__cell:nth-child(6){display:grid}
}
@media (prefers-reduced-motion:reduce){.shz-dl__card{transition:none}}

/* ZIP-570 (audit A11Y-06): "View More" and "Collect" keep their look; the tap area grows to at least 24px tall. */
.shz-dl__more,.shz-dl__collect{position:relative}
.shz-dl__more::before,.shz-dl__collect::before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:max(100%,28px);transform:translateY(-50%)}