/* SHAHAZ.com — Trending Landing Page
 * Structural baseline: Dedicated Flash Sale landing page.
 * Presentation: Trending-only palette/badges; no Flash Sale countdown/category UI.
 */
.shz-trending-page{width:100%;max-width:100%;margin:0 auto;padding:4px 0 30px;overflow:hidden;background:linear-gradient(180deg,var(--shahaz-softpink,#fff8fc) 0%,#f9eefb 45%,#f1e4f7 100%);font-family:"Noto Sans Bengali","Hind Siliguri",Arial,sans-serif;color:#42133f;}
/* The top banner (.shz-tbn) is at the end of this file — "ZIP-347 banner"; shared parts: shahaz-landing-banners.css. */
.shz-trending-section-head{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 6px 6px;background:rgba(255,247,252,.94)}.shz-trending-section-title-wrap{display:flex;align-items:flex-end;gap:9px;min-height:39px}.shz-trending-section-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,#ffe27a,var(--shahaz-gold,#f4c84a),#d99c16);box-shadow:none}.shz-trending-section-icon span{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(145deg,var(--shahaz-deep-purple,#42105f),#16051f);color:#ffe06a;font-size:17px;font-weight:1000;box-shadow:none}.shz-trending-section-title{margin:0;color:var(--shahaz-deep-purple,#42105f);font-size:clamp(22px,6vw,31px);line-height:1;font-weight:950;letter-spacing:-.6px}.shz-trending-live-row{display:flex;align-items:center;gap:5px;margin:5px 0 0 48px;color:#9b4a79;font-size:8px;font-weight:850}.shz-trending-live-dot{width:7px;height:7px;border-radius:50%;background:var(--shahaz-magenta,#d90078);box-shadow:none;animation:shzTrendingPulse 1.5s ease-in-out infinite}@keyframes shzTrendingPulse{0%,100%{transform:scale(.85);opacity:.65}50%{transform:scale(1.2);opacity:1}}
.shz-trending-grid{width:100%;padding:0 4px;column-count:2;column-gap:5px;}.shz-trending-card{position:relative;display:inline-block;vertical-align:top;width:100%;margin:0 0 5px;overflow:hidden;break-inside:avoid;border-radius:18px;background:#fff;box-shadow:none;transition:transform .22s ease,box-shadow .22s ease}.shz-trending-card:hover{transform:translateY(-3px);box-shadow:none}
.shz-trending-empty{padding:30px 14px;margin:0;color:#8a6070;font-size:14px;text-align:center}.shz-trending-page a,.shz-trending-page button{-webkit-tap-highlight-color:transparent}
@media(max-width:480px){.shz-trending-section-title{font-size:24px}}
@media(min-width:768px){.shz-trending-page{max-width:1200px;margin:0 auto}.shz-trending-grid{column-count:4}}
@media(min-width:601px) and (max-width:899px){.shz-trending-grid{column-count:3}}
@media(prefers-reduced-motion:reduce){.shz-trending-live-dot{animation:none!important}}

/* 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;}

/* =====================================================================
 * ZIP-347 banner — owner's reference, inside the existing banner frame.
 * Horizontal places in % (of the banner), sizes and heights in --u.
 * ===================================================================== */
.shz-tbn{background:radial-gradient(45% 70% at 60% 45%,rgba(255,255,255,.75),transparent 70%),linear-gradient(105deg,#fdeef2 0%,#fbe6ec 45%,#f8dfe7 100%)}
.shz-tbn::before,.shz-tbn::after{content:"";position:absolute;z-index:0;pointer-events:none;background-image:radial-gradient(circle,#dcae55 0 calc(var(--u) * .22),transparent calc(var(--u) * .28));background-size:calc(var(--u) * 1.5) calc(var(--u) * 1.5)}
.shz-tbn::before{left:0;top:0;width:34%;height:70%;-webkit-mask-image:radial-gradient(70% 80% at 0 0,#000 0,transparent 75%);mask-image:radial-gradient(70% 80% at 0 0,#000 0,transparent 75%)}
.shz-tbn::after{right:0;bottom:0;width:40%;height:65%;-webkit-mask-image:radial-gradient(75% 85% at 100% 100%,#000 0,transparent 75%);mask-image:radial-gradient(75% 85% at 100% 100%,#000 0,transparent 75%)}
.shz-tbn__defs{position:absolute;width:0;height:0;overflow:hidden}
.shz-tbn__wave{position:absolute;z-index:0;left:-5%;right:-5%;bottom:-18%;height:46%;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,236,242,.3));transform:rotate(-3deg)}
.shz-tbn__in{z-index:1;display:block;height:calc(var(--u) * 37.5)}
/* left: 2 photos */
.shz-tbn .shz-lbn-cards{position:absolute;left:1.2%;top:calc(var(--u) * 4.6);width:calc(var(--u) * 39);height:calc(var(--u) * 29);margin:0}
.shz-tbn .shz-lbn-cards__blob{display:none}
.shz-tbn .shz-lbn-card{width:calc(var(--u) * 21);height:calc(var(--u) * 25.2);border-color:#fff7ec;outline:max(1px,calc(var(--u) * .12)) solid #ecc77e;outline-offset:0}
.shz-tbn .shz-lbn-card--a{left:0;top:calc(var(--u) * 1.1);transform:rotate(-3deg)}
.shz-tbn .shz-lbn-card--b{left:calc(var(--u) * 17.4);top:calc(var(--u) * 2.9);transform:rotate(3deg)}
/* top pill */
.shz-tbn__pill{position:absolute;left:38%;right:3.6%;top:calc(var(--u) * 3.3);display:flex;align-items:center;gap:calc(var(--u) * 1.4);height:calc(var(--u) * 6);margin:0;padding:0 calc(var(--u) * 3);border:calc(var(--u) * .35) solid transparent;border-radius:999px;background:linear-gradient(90deg,#4a0a22 0%,#5e0c2c 45%,#8c1044 78%,#e0157a 100%) padding-box,linear-gradient(90deg,#c58b1c,#fff0b8 40%,#d39a12 70%,#f2cf72) border-box;overflow:hidden}
.shz-tbn__pill::before{content:"";position:absolute;right:4%;top:0;bottom:0;width:42%;background-image:radial-gradient(circle,#e7b75a 0 calc(var(--u) * .18),transparent calc(var(--u) * .24));background-size:calc(var(--u) * 1.1) calc(var(--u) * 1.1);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 75%,transparent)}
.shz-tbn__pill::after{content:"";position:absolute;right:-6%;bottom:-40%;width:38%;height:90%;border-radius:50%;border-top:calc(var(--u) * .9) solid #e0157a;transform:rotate(-8deg)}
.shz-tbn__pill-crown{flex:0 0 auto;width:calc(var(--u) * 4.2);height:calc(var(--u) * 3)}
.shz-tbn__pill-crown svg,.shz-tbn__crown svg{display:block;width:100%;height:100%}
.shz-tbn__pill-text{position:relative;z-index:1;color:#fff;font-size:calc(var(--u) * 3.9);font-weight:800;line-height:1;letter-spacing:.01em;white-space:nowrap}
.shz-tbn__pill-text b{color:#e9b64c;font-weight:800}
/* centre: crown, TRENDING / NOW, line, ornament */
.shz-tbn__center{position:absolute;left:58.4%;top:calc(var(--u) * 9.6);width:calc(var(--u) * 38);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center}
.shz-tbn__crown{position:relative;display:block;width:100%;height:calc(var(--u) * 3.3)}
.shz-tbn__crown svg{position:absolute;left:50%;top:0;width:calc(var(--u) * 4.6);height:calc(var(--u) * 3.1);transform:translateX(-50%)}
.shz-tbn__crown::before,.shz-tbn__crown::after{content:"";position:absolute;top:70%;width:32%;height:max(1px,calc(var(--u) * .15));background:linear-gradient(90deg,transparent,#d39a12)}
.shz-tbn__crown::before{left:8%}
.shz-tbn__crown::after{right:8%;transform:scaleX(-1)}
.shz-tbn__title{margin:calc(var(--u) * .3) 0 0;font-family:Poppins,Arial,sans-serif;font-weight:900;line-height:.9;letter-spacing:-.02em}
.shz-tbn__title span{display:block}
.shz-tbn__trending{font-size:calc(var(--u) * 7.3);background:linear-gradient(180deg,#7a1036 0%,#5a0b28 55%,#3a0618 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.shz-tbn__now{position:relative;font-size:calc(var(--u) * 8.6);background:linear-gradient(180deg,#f6d27a 0%,#d9a032 50%,#a8731a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.shz-tbn__now::before,.shz-tbn__now::after{content:"";position:absolute;top:50%;width:calc(var(--u) * 5.8);height:max(1px,calc(var(--u) * .15));background:linear-gradient(90deg,transparent,#d39a12)}
.shz-tbn__now::before{right:calc(100% + var(--u) * 1.4)}
.shz-tbn__now::after{left:calc(100% + var(--u) * 1.4);transform:scaleX(-1)}
.shz-tbn__sub{margin:calc(var(--u) * .5) 0 0;color:#4a0a25;font-family:"Hind Siliguri","Noto Sans Bengali",sans-serif;font-size:max(8px,calc(var(--u) * 2.15));font-weight:600;line-height:1.2;white-space:nowrap}
.shz-tbn__orn{position:relative;display:block;width:100%;height:calc(var(--u) * 2.2);margin-top:calc(var(--u) * .5)}
.shz-tbn__orn svg{position:absolute;left:50%;top:0;width:calc(var(--u) * 2.6);height:calc(var(--u) * 1.8);transform:translateX(-50%)}
.shz-tbn__orn::before,.shz-tbn__orn::after{content:"";position:absolute;top:40%;width:30%;height:max(1px,calc(var(--u) * .15));background:linear-gradient(90deg,transparent,#d39a12)}
.shz-tbn__orn::before{left:12%}
.shz-tbn__orn::after{right:12%;transform:scaleX(-1)}
/* right: HOT NOW card */
.shz-tbn__hot{position:absolute;right:1.7%;top:calc(var(--u) * 12.6);display:flex;flex-direction:column;align-items:center;width:calc(var(--u) * 18.8);height:calc(var(--u) * 15.8);padding:calc(var(--u) * 1.6) calc(var(--u) * 1) calc(var(--u) * 1.1);border:calc(var(--u) * .3) solid transparent;border-radius:calc(var(--u) * 2);background:linear-gradient(160deg,#fffaf3,#fff1e8) padding-box,linear-gradient(140deg,#f2cf72,#c58b1c 40%,#fff0b8 65%,#d39a12) border-box}
.shz-tbn__icons{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 1.2)}
.shz-tbn__flame{width:calc(var(--u) * 6.6);height:calc(var(--u) * 8.4)}
.shz-tbn__arrow{display:grid;place-items:center;width:calc(var(--u) * 7.4);height:calc(var(--u) * 7.4);border:calc(var(--u) * .25) solid #e9b64c;border-radius:calc(var(--u) * 1.4);background:linear-gradient(150deg,#f0479b,#c4125f)}
.shz-tbn__arrow svg{width:62%;height:62%}
.shz-tbn__hot-text{margin-top:calc(var(--u) * .8);color:#4a0a25;font-size:max(8px,calc(var(--u) * 3.3));font-weight:900;line-height:1;letter-spacing:-.01em;white-space:nowrap}
.shz-tbn__hot-line{display:block;width:70%;height:max(1px,calc(var(--u) * .15));margin-top:auto;background:linear-gradient(90deg,transparent,#d39a12,transparent)}
/* computers: the 3 product cards on the left, where the photos are */
@media(min-width:1024px){
	.shz-lbn.shz-tbn{--u:6.6px}
	.shz-tbn .shz-hero-picks{position:absolute;left:1%;top:50%;width:36%;margin:0;padding:0;transform:translateY(-50%)}
}