/* SHAHAZ.com — Dedicated Flash Sale Page. Scoped under .shz-flash-page; adapted
   from the supplied design reference. No new colors/dimensions were invented
   beyond what the reference itself specifies. */

.shz-flash-page{width:100%;max-width:100%;margin:0 auto;padding:4px 0 30px;overflow:hidden;background:radial-gradient(circle at 10% 15%,rgba(255,110,190,.18),transparent 30%),radial-gradient(circle at 90% 30%,rgba(177,80,255,.13),transparent 30%),linear-gradient(180deg,#fff8fc 0%,#fff0f8 40%,#ffeaf5 100%);font-family:"Noto Sans Bengali","Hind Siliguri",Arial,sans-serif;color:#42133f;}

/* The top banner (.shz-fbn) is at the end of this file — "ZIP-346 banner". */

.shz-category{display:inline-flex;align-items:center;gap:6px;min-height:43px;padding:8px 15px;border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,239,248,.96));color:#56134e;font-size:13px;font-weight:850;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;}
.shz-category:hover{transform:translateY(-2px);box-shadow:none;color:#56134e;}
.shz-category.active{background:linear-gradient(135deg,#ff0082,#e6008e,#ff2167);color:#fff;box-shadow:none;}

.shz-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 6px 7px;background:#fff0f8;}
.shz-section-title-wrap{display:flex;align-items:center;gap:9px;min-height:39px;}
.shz-section-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,#ffd51a,#ff9d00,#ffcf19);box-shadow:none;}
.shz-section-icon-inner{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(145deg,#3a0d10,#1c0507 60%,#000);box-shadow:none;}
.shz-section-icon-bolt{width:15px;height:15px;color:#ff2a2a;filter:none;}
.shz-section-title{margin:0;color:#64104f;font-size:clamp(22px,6vw,31px);line-height:1;font-weight:950;letter-spacing:-.6px;}

.shz-live-row{display:flex;align-items:center;gap:5px;padding:0 7px 4px;color:#b20b70;font-size:8px;font-weight:850;}
.shz-live-dot{width:7px;height:7px;border-radius:50%;background:#ff006f;box-shadow:none;animation:shzPulse 1.5s ease-in-out infinite;}
@keyframes shzPulse{0%,100%{transform:scale(.85);opacity:.65;}50%{transform:scale(1.2);opacity:1;}}

.shz-product-description{margin:5px 0 0;color:#866477;font-size:9px;line-height:1.4;font-weight:600;}
.shz-price{color:#d6007c;font-size:20px;line-height:1;font-weight:950;}
.shz-discount{padding:3px 5px;border-radius:5px;background:#fff0b5;color:#9d7410;font-size:8px;font-weight:900;}

@media(max-width:480px){
	.shz-category{min-height:40px;padding:7px 13px;font-size:12px;}
	.shz-section-title{font-size:24px;}
	.shz-price{font-size:18px;}
}

@media(min-width:768px){
	.shz-flash-page{max-width:1200px;margin:0 auto;}
}


@media(prefers-reduced-motion:reduce){
	.shz-live-dot{animation:none !important;}
}
/* ZIP-286 — Dedicated Flash Sale correction layer (ORIGINAL).
 * ZIP-326 correction: this block used to force `display:grid` +
 * `align-items:stretch` with `column-count:initial`, which silently reverted
 * the masonry (column-count) grid back into a row-stretched CSS grid —
 * the deeper, actual root cause of every card being forced to the same
 * height on this page (independent of, and on top of, the separate
 * aspect-ratio/min-height bug fixed above). Whatever this layer originally
 * neutralized in the shared `.shz-product-grid` styling is superseded by
 * this page's own dedicated grid rules already defined above (masonry via
 * column-count), so this override is retired rather than re-targeted.
 */
.shz-flash-page .shz-category{
	background:#fff;
	box-shadow:none;
	transition:none;
	transform:none;
}
.shz-flash-page .shz-category:hover,.shz-flash-page .shz-category:focus-visible{
	background:#fff;
	box-shadow:none;
	transform:none;
}
.shz-flash-page .shz-category.active{
	box-shadow:none;
}
.shz-flash-page .shz-section-title{
	transform:none;
	display:flex;
	align-items:center;
}

/* ZIP-289 — GLOBAL CATEGORY DRAWER: supplied reference design, shared by Flash Sale + Trending landing pages. */
.shz-cat-drawer-wrap,.shz-cat-drawer-wrap *{
  box-sizing:border-box;
}

.shz-cat-drawer-wrap{
  width:100%;
  padding:6px 3px 8px;
  background:
    linear-gradient(
      180deg,
      #fff8fc 0%,
      #ffe8f3 100%
    );
  font-family:
    "Noto Sans Bengali",
    "Hind Siliguri",
    Arial,
    sans-serif;
}

.shz-cat-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  margin-bottom:6px;
}

.shz-cat-heading{
  display:flex;
  align-items:baseline;
  gap:4px;
  line-height:1;
}

.shz-cat-heading .big{
  font-size:18px;
  font-weight:1000;
  color:#ff0b86;
  letter-spacing:-.5px;
}

.shz-cat-heading .small{
  font-size:10px;
  font-weight:950;
  color:#70158d;
}

.shz-cat-scroller{
  display:flex;
  gap:4px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:2px 0 7px;
  scroll-snap-type:x proximity;
}

.shz-cat-scroller::-webkit-scrollbar{
  display:none;
}

.shz-cat-card{
  position:relative;
  flex:0 0 calc(
    (100% - 20px) / 6
  );

  min-width:0;

  height:82px;

  background:#fff;

  border:.8px solid var(--cat-border);

  box-shadow:
    none;

  cursor:pointer;

  scroll-snap-align:start;

  overflow:hidden;

  transition:
    transform .16s ease,
    box-shadow .16s ease;
}

.shz-cat-card:hover{
  transform:translateY(-3px);
  box-shadow:
    none;
}

.shz-cat-card:nth-child(1){--cat-border:#ff1744;}
.shz-cat-card:nth-child(2){--cat-border:#1677ff;}
.shz-cat-card:nth-child(3){--cat-border:#ff0b86;}
.shz-cat-card:nth-child(4){--cat-border:#16b957;}
.shz-cat-card:nth-child(5){--cat-border:#ffc400;}
.shz-cat-card:nth-child(6){--cat-border:#7934e8;}
.shz-cat-card:nth-child(7){--cat-border:#00a8cc;}
.shz-cat-card:nth-child(8){--cat-border:#ff641d;}
.shz-cat-card:nth-child(9){--cat-border:#e91e63;}
.shz-cat-card:nth-child(10){--cat-border:#00a884;}
.shz-cat-card:nth-child(11){--cat-border:#6554df;}
.shz-cat-card:nth-child(12){--cat-border:#ed55d3;}
.shz-cat-card:nth-child(13){--cat-border:#ff3d32;}
.shz-cat-card:nth-child(14){--cat-border:#0984e3;}
.shz-cat-card:nth-child(15){--cat-border:#10ac84;}
.shz-cat-card:nth-child(16){--cat-border:#f5bd18;}
.shz-cat-card:nth-child(17){--cat-border:#5b2ac8;}
.shz-cat-card:nth-child(18){--cat-border:#ed4c5c;}
.shz-cat-card:nth-child(19){--cat-border:#009c9c;}
.shz-cat-card:nth-child(20){--cat-border:#ff9640;}

.shz-cat-image{
  position:relative;
  width:100%;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(
      circle at 50% 45%,
      #fff 0%,
      #fff1f8 48%,
      #ffd8e9 100%
    );
  overflow:hidden;
}

.shz-cat-image::before{
  content:"";
  position:absolute;
  width:30px;
  height:30px;
  left:-12px;
  top:-12px;
  border:1px solid var(--cat-border);
  transform:rotate(45deg);
  opacity:.32;
}

.shz-cat-image::after{
  content:"✦";
  position:absolute;
  right:3px;
  top:2px;
  color:var(--cat-border);
  font-size:9px;
  font-weight:1000;
}


@media(min-width:600px){
  .shz-cat-card{
    flex-basis:calc((100% - 28px) / 8);
    height:92px;
  }
  .shz-cat-image{height:64px;}
}

@media(min-width:1000px){
  .shz-cat-card{
    flex-basis:calc((100% - 44px) / 12);
    height:105px;
  }
  .shz-cat-image{height:74px;}
}

/* ZIP-297 — Real WooCommerce category-product cards for dedicated Flash Sale + Trending pages. */
.shz-landing-product-groups .shz-cat-card{
  height:74px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  -webkit-tap-highlight-color:transparent;
  outline:none;
}
.shz-landing-product-groups .shz-cat-card:focus,.shz-landing-product-groups .shz-cat-card:focus-visible{outline:none;}
.shz-landing-product-groups .shz-cat-image{
  height:48px;
  min-height:48px;
  padding:0;
  display:block;
  background:#fff;
  position:relative;
}
.shz-landing-product-groups .shz-cat-image::before,.shz-landing-product-groups .shz-cat-image::after{display:none;}
.shz-landing-product-groups .shz-landing-product-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:opacity .28s ease,transform .22s ease;
}
.shz-landing-product-groups .shz-cat-card.is-clicked .shz-landing-product-image{
  transform:scale(.97);
}
.shz-landing-product-groups .shz-cat-image:hover .shz-landing-product-image{transform:scale(1.025);}
@media(max-width:480px){
  .shz-landing-product-groups .shz-cat-card{height:74px;}
  .shz-landing-product-groups .shz-cat-image{height:48px;min-height:48px;}
}

.shz-landing-product-groups .shz-landing-product-media:focus,.shz-landing-product-groups .shz-landing-product-media:focus-visible{outline:none;box-shadow:none;}

/* Section 08 — no default blue tap/focus highlight anywhere on this page. */
.shz-flash-page a,.shz-flash-page button{ -webkit-tap-highlight-color: transparent; }
.shz-flash-page .shahaz-p-card::before,.shz-flash-page .shahaz-p-card::after{ content: none; }

/* ZIP-130 — Dedicated Flash Sale landing-page responsive repair.
 * Keep the icon button and heading on a shared bottom edge at every viewport.
 * Scope all geometry to this landing page; homepage Flash Sale is untouched.
 */
.shz-flash-page .shz-section-header{
  width:100%;
  box-sizing:border-box;
  justify-content:flex-start;
  align-items:flex-end;
  padding:3px 6px 7px;
}
.shz-flash-page .shz-section-title-wrap{
  display:flex;
  align-items:flex-end;
  gap:9px;
  min-width:0;
  min-height:0;
}
.shz-flash-page .shz-section-icon{
  flex:0 0 39px;
  width:39px;
  height:39px;
  box-sizing:border-box;
  align-self:flex-end;
}
.shz-flash-page .shz-section-title-wrap > div:last-child{
  min-width:0;
  display:flex;
  align-items:flex-end;
}
.shz-flash-page .shz-section-title{
  display:block;
  line-height:1;
  margin:0;
}

/* ZIP-131 — Canonical card stability.
 * The canonical card stylesheet owns grid geometry and responsive columns.
 * This page intentionally does not redefine grid columns, masonry, or card
 * internals. The scoped guard prevents accidental overflow from child content.
 */
.shz-flash-page .shz-cc-grid{
  display:grid;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow:visible;
}
.shz-flash-page .shz-cc-grid > .shz-cc{
  min-width:0;
  max-width:100%;
}
.shz-flash-page .shz-cc__media,
.shz-flash-page .shz-cc__body{
  min-width:0;
}
.shz-flash-page .shz-cc svg{
  max-width:100%;
}

/* =====================================================================
 * ZIP-346 banner — Flash Sale parts. Frame, --u unit, photo cards and the
 * computer/phone switch are shared with Trending: assets/css/shahaz-landing-banners.css.
 * ===================================================================== */
.shz-fbn{background:radial-gradient(60% 90% at 47% 55%,rgba(255,214,232,.75),transparent 70%),linear-gradient(100deg,#fff6fa 0%,#fdeef4 42%,#fbe7f0 100%)}
.shz-fbn__in{justify-content:space-between;min-height:calc(var(--u) * 35);padding:calc(var(--u) * 1.8) calc(var(--u) * 1.8) calc(var(--u) * 1.2) calc(var(--u) * 4.5)}/* ZIP-352: the timer stays clear of the banner's rounded top-right corner */
/* left */
.shz-fbn__left{flex:0 0 auto;width:calc(var(--u) * 28);min-width:0}
.shz-fbn__brand{display:flex;align-items:baseline;justify-content:center;width:max-content;max-width:100%;margin:0 0 calc(var(--u) * 1.1);padding:0 calc(var(--u) * 4.4);position:relative;font-family:"Playfair Display",Georgia,serif;font-weight:800;line-height:1;white-space:nowrap}
.shz-fbn__brand::before,.shz-fbn__brand::after{content:"";position:absolute;top:55%;width:calc(var(--u) * 3.6);height:max(1px,calc(var(--u) * .18));background:linear-gradient(90deg,transparent,#d39a12)}
.shz-fbn__brand::before{left:0}
.shz-fbn__brand::after{right:0;transform:scaleX(-1)}
.shz-fbn__brand span{color:var(--rose);font-size:calc(var(--u) * 2.3);letter-spacing:.02em}
.shz-fbn__brand b{color:var(--gold);font-size:calc(var(--u) * 1.55);font-weight:800}
.shz-fbn__title{margin:0;font-family:Poppins,Arial,sans-serif;font-weight:900;font-size:calc(var(--u) * 8.7);line-height:.86;letter-spacing:-.035em}
.shz-fbn__title span{display:block}
.shz-fbn__flash{background:linear-gradient(180deg,#e8278a 0%,#b0105f 55%,#7d0a45 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.shz-fbn__sale{display:flex!important;align-items:center;gap:calc(var(--u) * .7);margin-top:calc(var(--u) * .35);background:linear-gradient(180deg,#f2c766 0%,#d39a12 52%,#9c6a0e 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.shz-fbn__bolt{flex:0 0 auto;width:calc(var(--u) * 3.6);height:calc(var(--u) * 5.6);margin-top:calc(var(--u) * -.4);transform:rotate(12deg)}
.shz-fbn__offer{margin:calc(var(--u) * 1.15) 0 0;color:#4a4048;font-size:max(9px,calc(var(--u) * 2.45));line-height:1.15;font-weight:700;white-space:nowrap}
.shz-fbn__sub{margin:calc(var(--u) * .25) 0 0;color:#5d5560;font-size:max(7px,calc(var(--u) * 1.72));line-height:1.2;font-weight:500;white-space:nowrap}
.shz-fbn__btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 1.4);margin-top:calc(var(--u) * 2);min-height:calc(var(--u) * 4.6);padding:0 calc(var(--u) * 2.6);border-radius:999px;background:linear-gradient(100deg,#e0157a,#b0105f);color:#fff!important;font-size:max(8px,calc(var(--u) * 1.85));font-weight:700;line-height:1;text-decoration:none!important;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.shz-fbn__btn svg{width:calc(var(--u) * 1.7);height:calc(var(--u) * 1.7)}
.shz-fbn__btn:focus,.shz-fbn__btn:focus-visible,.shz-fbn__btn:active{outline:none;box-shadow:none;color:#fff}
/* middle: the 2 photos (shared styles), placed like the reference */
.shz-fbn .shz-lbn-cards{width:calc(var(--u) * 39);height:calc(var(--u) * 32)}
.shz-fbn .shz-lbn-cards__blob{left:calc(var(--u) * -3);bottom:calc(var(--u) * 1.5)}
.shz-fbn .shz-lbn-card{width:calc(var(--u) * 22.5);height:calc(var(--u) * 28.5)}/* ZIP-352: both photos equally narrower — they never reach the timer */
.shz-fbn .shz-lbn-card--a{left:0;top:calc(var(--u) * .6);transform:rotate(-4deg)}
.shz-fbn .shz-lbn-card--b{left:calc(var(--u) * 16.4);top:calc(var(--u) * 3.6);transform:rotate(4deg)}
/* right: luxury timer */
.shz-fbn__timer{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:calc(var(--u) * 22.5);min-height:calc(var(--u) * 32);padding:calc(var(--u) * 6.8) calc(var(--u) * 1.2) calc(var(--u) * 1.6);border:.8px solid transparent;border-radius:calc(var(--u) * 2.4);background:linear-gradient(180deg,#1d0911,#0b0306) padding-box,linear-gradient(140deg,#f6dc8a 0%,#c58b1c 30%,#fff0b8 55%,#b77a14 80%,#f2cf72 100%) border-box;color:#fff;text-align:center}
.shz-fbn__ribbon{position:absolute;left:-.8px;right:-.8px;top:calc(var(--u) * .6);height:calc(var(--u) * 5.8)}
/* ZIP-348: the band is its own element, so it always runs edge to edge over the gold frame; the bow sits on it */
.shz-fbn__band{position:absolute;left:0;right:0;top:calc(var(--u) * 1.75);height:calc(var(--u) * 1.75);border-top:.8px solid #f0c766;border-bottom:.8px solid #c8921f;background:linear-gradient(180deg,#ff8cc8 0%,#ff3d9e 28%,#e0157a 60%,#a80c58 100%)}
.shz-fbn__band::after{content:"";position:absolute;left:0;right:0;top:12%;height:28%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.45) 30%,rgba(255,255,255,.45) 70%,rgba(255,255,255,0))}
.shz-fbn__bow{position:absolute;left:50%;top:0;width:calc(var(--u) * 11);height:calc(var(--u) * 5.9);transform:translateX(-50%)}
.shz-fbn__clock{width:calc(var(--u) * 5.6);height:calc(var(--u) * 5.6);margin-bottom:calc(var(--u) * .9)}
.shz-fbn__ends{margin:0;color:#fff;font-size:max(7px,calc(var(--u) * 2.2));font-weight:800;line-height:1;letter-spacing:.01em;white-space:nowrap}
.shz-fbn__ends span{color:#e9b64c}
.shz-fbn__rule{position:relative;display:block;width:86%;height:calc(var(--u) * 1.6);margin:calc(var(--u) * .9) 0}
.shz-fbn__rule::before{content:"";position:absolute;left:0;right:0;top:50%;height:max(1px,calc(var(--u) * .12));background:linear-gradient(90deg,transparent,#d39a12 20%,#d39a12 80%,transparent)}
.shz-fbn__rule i{position:absolute;left:50%;top:50%;width:calc(var(--u) * 1.15);height:calc(var(--u) * 1.15);border:max(1px,calc(var(--u) * .15)) solid #e9b64c;background:#140509;transform:translate(-50%,-50%) rotate(45deg)}
.shz-fbn__rule--end{margin-top:auto}
.shz-fbn__time{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * .35)}
.shz-fbn__box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(var(--u) * 5.5);height:calc(var(--u) * 6.3);overflow:hidden;border:.8px solid #f0c766;border-radius:calc(var(--u) * 1.4);background:linear-gradient(180deg,#ff5aae 0%,#ec1f86 45%,#c4126a 75%,#9c0a52 100%)}
/* ZIP-348: glassy hot magenta — a soft light on the top half */
.shz-fbn__box::before{content:"";position:absolute;left:6%;right:6%;top:4%;height:44%;border-radius:calc(var(--u) * 1.1) calc(var(--u) * 1.1) 45% 45%/calc(var(--u) * 1.1) calc(var(--u) * 1.1) 30% 30%;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.06));pointer-events:none}
.shz-fbn__box b,.shz-fbn__lab{position:relative}
.shz-fbn__box b{display:block;color:#fff;font-size:max(9px,calc(var(--u) * 2.6));font-weight:800;line-height:1}
/* ZIP-542: Days / Hours / Mins are drawn as a tiny picture (SVG text forced to its width), so a phone's minimum or
 * enlarged font size can no longer push them out of the box. */
.shz-fbn__lab{display:block;width:86%;height:auto;margin-top:calc(var(--u) * .45);overflow:visible}
.shz-fbn__lab text{fill:rgba(255,255,255,.94);font-family:"Inter","Segoe UI",Arial,sans-serif;font-size:10px;font-weight:600}
.shz-fbn__colon{color:#e9b64c;font-size:max(9px,calc(var(--u) * 2.2));font-weight:800;line-height:1}
@media(min-width:1024px){.shz-lbn.shz-fbn{--u:6.6px}}