/* ==========================================================================
   SHAHAZ.com — Homepage NEW ARRIVAL section + FUTURE COLLECTION section
   (template-parts/home/09-new-arrival-future-collection.php) — ZIP 638
   Two independent vertical sections, each with its own 3D glossy banner and
   a two-cards-per-view swipe carousel. Homepage-only file.
   ========================================================================== */
.shahaz-nafc{
  --nafc-gap:clamp(8px,1.4vw,18px);
  --nafc-pad:clamp(8px,1.4vw,18px);
  position:relative;
  width:100%;max-width:none;
  margin:10px auto;
  padding:0 0 clamp(8px,1.2vw,16px);
  box-sizing:border-box;
  font-family:"Hind Siliguri","Segoe UI","Noto Sans Bengali",Arial,sans-serif;
  color:#1d1520;
  isolation:isolate;
  -webkit-tap-highlight-color:transparent;
}
.shahaz-nafc *,.shahaz-nafc *::before,.shahaz-nafc *::after{box-sizing:border-box}
.shahaz-nafc a,.shahaz-nafc button{-webkit-tap-highlight-color:transparent!important;outline:none!important}
.shahaz-nafc a:focus,.shahaz-nafc button:focus,.shahaz-nafc a:active,.shahaz-nafc button:active{outline:none!important}
.shahaz-nafc a:focus-visible,.shahaz-nafc button:focus-visible,.shahaz-nafc [data-shahaz-nafc-track]:focus-visible{outline:2px solid rgba(233,180,71,.9)!important;outline-offset:2px}
.shahaz-nafc ::selection{background:rgba(216,13,107,.18)}

.shahaz-na-section{background:transparent}

/* ---------------- Carousel ---------------- */
.shahaz-nafc__track{
  display:grid;grid-auto-flow:column;
  grid-auto-columns:calc((100% - var(--nafc-gap)) / 2);
  gap:var(--nafc-gap);
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scrollbar-width:none;
  padding:4px var(--nafc-pad) 22px;
  margin-bottom:-12px;
  scroll-padding-inline:var(--nafc-pad);
  cursor:grab;
}
.shahaz-nafc__track::-webkit-scrollbar{display:none}
.shahaz-nafc__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.shahaz-nafc__track.is-dragging *{pointer-events:none}

/* ---------------- Card ---------------- */
.shahaz-nafc-card{
  position:relative;scroll-snap-align:start;min-width:0;
  display:grid;grid-template-columns:48% minmax(0,1fr);gap:clamp(6px,1.2vw,16px);
  padding:clamp(6px,1.1vw,14px);
  border:1px solid rgba(255,255,255,.95);
  border-radius:clamp(14px,2vw,26px);
  background:linear-gradient(180deg,#fff 0%,#fffafc 100%);
  box-shadow:0 0 0 1px rgba(240,200,220,.55);
}

.shahaz-nafc-card__media{min-width:0;display:flex;flex-direction:column;gap:clamp(4px,.8vw,10px)}
.shahaz-nafc-card__visual{
  position:relative;aspect-ratio:.62 / 1;overflow:hidden;
  border-radius:clamp(10px,1.6vw,20px);
  background:linear-gradient(145deg,#fff2f8,#ffd9ea);
  box-shadow:none;
}

.shahaz-nafc-card__img-link{position:absolute;inset:0;display:block}
.shahaz-nafc-card__visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.shahaz-nafc-card:hover .shahaz-nafc-card__visual img{transform:scale(1.04)}
.shahaz-nafc-card__visual::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 32%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.shahaz-nafc-card__fallback{position:absolute;inset:0;display:grid;place-items:center;color:#c2185b;font-weight:800;font-size:11px;letter-spacing:.08em}
.shahaz-nafc-card__ribbon{
  position:absolute;top:clamp(8px,1.4vw,16px);left:-3px;z-index:4;
  display:inline-flex;align-items:center;gap:3px;
  padding:clamp(3px,.6vw,7px) clamp(10px,1.8vw,20px) clamp(3px,.6vw,7px) clamp(7px,1.2vw,14px);
  clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%);
  border-radius:0 0 0 6px;
  background:linear-gradient(180deg,#ff4d9c 0%,#d80d6b 100%);
  color:#fff;font-size:clamp(9px,1.9vw,22px);font-weight:800;letter-spacing:.04em;line-height:1;
  filter:none;
}

.shahaz-nafc-card__ribbon svg{width:1.2em;height:1.2em}
/* Wishlist top-right. ZIP-323: icon only (white disc removed) — look + states =
 * shared card-heart contract in shahaz-card-feedback.css. */
.shahaz-nafc-card button.shahaz-p-wishlist{
  position:absolute!important;top:clamp(6px,1.1vw,14px)!important;right:clamp(6px,1.1vw,14px)!important;left:auto!important;
  width:clamp(26px,4.6vw,52px)!important;height:clamp(26px,4.6vw,52px)!important;
  display:grid!important;place-items:center!important;padding:0!important;z-index:6;
}
.shahaz-nafc-card .shahaz-p-wishlist svg{width:80%!important;height:80%!important;filter:none}
.shahaz-nafc-card__delivery{display:inline-flex;align-items:center;gap:4px;font-size:clamp(8.5px,1.7vw,20px);color:#4d4550;white-space:nowrap}
.shahaz-nafc-card__delivery svg{width:1.5em;height:1.5em;color:#22a04f}

.shahaz-nafc-card__info{min-width:0;display:flex;flex-direction:column;gap:clamp(3px,.6vw,8px);padding-top:clamp(2px,.4vw,6px)}
.shahaz-nafc-card__title{margin:0;font-size:clamp(11.5px,2.3vw,28px);line-height:1.25;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.shahaz-nafc-card__title a{color:#1d1520!important;text-decoration:none!important}
.shahaz-nafc-card__subtitle{margin:0;font-size:clamp(8.5px,1.7vw,20px);line-height:1.3;color:#6d6570;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.shahaz-nafc-card__rating{margin:0;display:flex;align-items:center;gap:3px;min-width:0;font-size:clamp(8.5px,1.7vw,20px);color:#6d6570;white-space:nowrap}
.shahaz-nafc-card__rating svg{flex:0 0 auto;width:1.25em;height:1.25em;fill:#f7b21b}
.shahaz-nafc-card__rating span{overflow:hidden;text-overflow:ellipsis}
.shahaz-nafc-card__features{list-style:none;margin:0;padding:0;display:grid;gap:clamp(3px,.5vw,7px)}
.shahaz-nafc-card__features li{
  display:flex;align-items:center;gap:clamp(4px,.7vw,9px);min-width:0;
  padding:clamp(3px,.5vw,7px) clamp(6px,1vw,12px);
  border-radius:999px;background:linear-gradient(90deg,#fff0f6,#fff7fa);
  font-size:clamp(8.5px,1.65vw,19px);line-height:1.15;color:#b0135f;
}

.shahaz-nafc-card__features li svg{flex:0 0 auto;width:1.25em;height:1.25em;fill:currentColor;opacity:.85}
.shahaz-nafc-card__features li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.shahaz-nafc-card__price{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;margin-top:auto}
.shahaz-nafc-card__price-html{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 5px;color:#e0126f;font-size:clamp(13px,2.8vw,34px);font-weight:800;line-height:1.1}

.shahaz-nafc-card__price-html ins{order:1;text-decoration:none;background:none}
.shahaz-nafc-card__price-html del{order:2;color:#8d8590;font-size:.62em;font-weight:500;opacity:1}
.shahaz-nafc-card__price-html .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.shahaz-nafc-card__discount{padding:clamp(2px,.4vw,5px) clamp(5px,.9vw,10px);border-radius:6px;background:linear-gradient(180deg,#ff4d9c,#d80d6b);color:#fff;font-size:clamp(8.5px,1.7vw,19px);font-weight:700;line-height:1.1}
.shahaz-nafc-card__actions{display:flex;align-items:center;justify-content:space-between;gap:4px}
.shahaz-nafc-card__stock{display:inline-flex;align-items:center;gap:3px;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:clamp(3px,.6vw,8px) clamp(6px,1.1vw,14px);border-radius:999px;background:linear-gradient(180deg,#eafaee,#d9f4e0);color:#1e8a45;font-size:clamp(8.5px,1.7vw,20px);font-weight:600;white-space:nowrap}
.shahaz-nafc-card__stock svg{flex:0 0 auto;width:1.3em;height:1.3em}
.shahaz-nafc-card__stock.is-out{background:#f4eef1;color:#8d8590}
.shahaz-nafc a.shahaz-nafc-card__cart{
  flex:0 0 auto;display:grid;place-items:center;
  width:clamp(30px,5.6vw,68px);height:clamp(30px,5.6vw,68px);
  border-radius:50%;color:#fff!important;text-decoration:none!important;
  background:radial-gradient(circle at 35% 30%,#ff6aaa 0%,#e0126f 55%,#a80a52 100%);
  box-shadow:none;
  transition:transform .15s ease;
}

.shahaz-nafc a.shahaz-nafc-card__cart svg{width:52%;height:52%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shahaz-nafc a.shahaz-nafc-card__cart:active{transform:scale(.9)}
.shahaz-nafc a.shahaz-nafc-card__cart.shahaz-p-cart-btn-processing,.shahaz-nafc a.shahaz-nafc-card__cart.shahaz-p-cart-btn-added{background:radial-gradient(circle at 35% 30%,#ffe7a3 0%,#f1bd4f 55%,#b67a1f 100%)}
.shahaz-nafc a.added_to_cart{display:none!important}

/* Dots */
.shahaz-nafc__dots{display:none;justify-content:center;align-items:center;gap:clamp(5px,.9vw,12px);margin-top:clamp(4px,.8vw,10px)}
.shahaz-nafc.has-overflow .shahaz-nafc__dots{display:flex}
.shahaz-nafc__dots i{display:block;width:clamp(7px,1.2vw,14px);height:clamp(7px,1.2vw,14px);border-radius:99px;background:#f0cfdc;cursor:pointer;transition:width .25s ease,background .25s ease}
.shahaz-na-section .shahaz-nafc__dots i.is-active{width:clamp(24px,4.8vw,60px);background:linear-gradient(90deg,#ff3d8f,#d80d6b)}


@media (max-width:480px){
  .shahaz-nafc-card__stock svg{display:none}
  .shahaz-nafc-card__stock{padding:3px 7px}
}
@media (prefers-reduced-motion:reduce){
  .shahaz-nafc *{transition:none!important}
  .shahaz-nafc__track{scroll-behavior:auto}
  
}

/* ==========================================================================
   NEW ARRIVAL — reference redesign (owner's reference picture, 2026-10, "ZIP-218")
   template-parts/home/09a-new-arrival.php. Scoped to .shz-na (= #shahaz-new-arrival);
   Future Collection is untouched. Everything is sized from the frame width (header)
   or the card width (card) with container units, so the proportions of the reference
   hold on phone, tablet and desktop. Cards per view: 3 / 4 / 5.
   ========================================================================== */
.shz-na{--na-magenta:#e60f72;--na-pink:#ff3d8f;--na-red:#e3122a;--na-gold:linear-gradient(135deg,#fff3c4 0%,#ffd565 22%,#e6a22a 45%,#fff0b8 62%,#f0b53f 82%,#fff6d8 100%);
  --na-per:3;--na-gap:clamp(7px,1.15cqw,20px);--na-px:56%;
  margin:12px auto;padding:0 clamp(6px,1.4vw,18px) 8px;background:transparent;font-family:"Poppins","Hind Siliguri","Segoe UI","Noto Sans Bengali",Arial,sans-serif}
@media (min-width:768px){.shz-na{--na-per:4;--na-px:58%}}
@media (min-width:1024px){.shz-na{--na-per:5;--na-px:60%}}

/* Frame: gold border + white inner line + soft pink glow; light-pink panel inside. */
.shz-na .shz-na__frame{position:relative;container-type:inline-size;overflow:hidden;isolation:isolate;
  border:clamp(2px,.22cqw,4px) solid transparent;border-radius:clamp(18px,2.2cqw,42px);
  background:linear-gradient(180deg,#fff6fa 0%,#ffeaf3 55%,#ffe2ee 100%) padding-box,var(--na-gold) border-box;
  box-shadow:0 0 0 1px rgba(255,255,255,.9) inset}

/* ---------- Header ribbon ---------- */
.shz-na .shz-na__head{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(4px,.8cqw,16px);
  height:clamp(48px,8cqw,154px);margin:clamp(3px,.55cqw,10px) clamp(2px,.4cqw,8px) clamp(5px,.9cqw,16px);padding:0 var(--na-head-pr,42%) clamp(4px,.7cqw,12px) clamp(6px,1.1cqw,20px);background:none;box-shadow:none}
/* Header artwork: raised 3D ribbon (left) in front of an arched glass panel (right). */
.shz-na .shz-na__shapes{position:absolute;inset:0;z-index:0;width:100%;height:100%!important;max-width:none;overflow:visible;filter:none}
.shz-na .shz-na__shapes--wide{display:none}
@media (min-width:768px){.shz-na .shz-na__shapes--narrow{display:none}.shz-na .shz-na__shapes--wide{display:block}.shz-na{--na-head-pr:42%;--na-act-l:70.5%}}
.shz-na .shz-na__house{position:relative;z-index:2;flex:0 0 auto;width:clamp(42px,10.4cqw,200px);aspect-ratio:130/112;margin-top:0;filter:none}
.shz-na .shz-na__house svg{display:block;width:100%;height:100%;overflow:visible}
.shz-na .shz-na__copy{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(1px,.35cqw,7px)}
.shz-na .shz-na__title{margin:0;display:flex;align-items:center;gap:.22em;white-space:nowrap;
  font-family:"Fredoka","Baloo 2","Poppins","Arial Rounded MT Bold","Hind Siliguri",Arial,sans-serif;font-weight:700;
  font-size:clamp(18px,4.5cqw,86px);line-height:.95;letter-spacing:-.01em;transform:skewX(-7deg) rotate(-1.5deg);transform-origin:0 100%}
.shz-na .shz-na__title-new{color:#fff;text-shadow:none}
.shz-na .shz-na__title-arrival{background:linear-gradient(180deg,#fffbe2 0%,#ffe27a 30%,#ffc531 55%,#f39b12 80%,#d97c06 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:none}
.shz-na .shz-na__leaf{flex:0 0 auto;width:.62em;height:.62em;margin-left:.04em;transform:rotate(8deg);filter:none}
.shz-na .shz-na__sub{margin:0;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(8.5px,1.5cqw,29px);line-height:1.15;transform:skewX(-4deg);transform-origin:0 100%;text-shadow:none}

/* Right panel (ZIP-254): black glass drawn by the SVG; a slow light sweep runs across it. */
.shz-na .shz-na__panel{position:absolute;z-index:2;top:14%;right:1.2%;bottom:6%;left:var(--na-act-l,62.5%)}
.shz-na .shz-na__panel::before{content:"";position:absolute;inset:4% 3% 4% 0;border-radius:0 999px 999px 0;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.07) 45%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.07) 55%,transparent 60%) no-repeat;
  background-size:300% 100%;background-position:120% 0;animation:shzNaGlint 4.2s ease-in-out infinite}
@keyframes shzNaGlint{0%,45%{background-position:120% 0}100%{background-position:-20% 0}}
.shz-na .shz-na__actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;gap:clamp(5px,1.3cqw,26px);padding-right:clamp(7px,1.6cqw,30px)}
.shz-na a.shz-na__viewall{position:relative;display:inline-flex;align-items:center;gap:.3em;padding:.38em .8em;border:1px solid rgba(243,198,90,.85);border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.04) 48%,rgba(0,0,0,.25) 52%,rgba(0,0,0,.55) 100%),#111614;
  color:#fff!important;text-decoration:none!important;font-weight:600;white-space:nowrap;font-size:clamp(9.5px,1.55cqw,30px);line-height:1}
.shz-na a.shz-na__viewall svg{flex:0 0 auto;width:1.05em;height:1.05em}
.shz-na a.shz-na__viewall::after{content:"";position:absolute;inset:-14px -6px}
.shz-na .shz-na__divider{flex:0 0 auto;width:1px;height:46%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.85),rgba(255,255,255,0))}
.shz-na .shz-na__timer{display:flex;align-items:center;gap:clamp(2px,.45cqw,9px)}
.shz-na .shz-na__tbox{display:grid;place-items:center;min-width:clamp(20px,4.05cqw,78px);height:clamp(19px,3.85cqw,74px);padding:0 .12em;
  border-radius:clamp(4px,.55cqw,11px);background:linear-gradient(180deg,#ff3b4a 0%,#ef1626 48%,#c80a1b 100%);
  box-shadow:none;
  color:#fff;font-weight:700;font-size:clamp(11px,2.25cqw,43px);line-height:1;font-variant-numeric:tabular-nums}
.shz-na .shz-na__tsep{color:#fff;font-weight:700;font-size:clamp(11px,2.1cqw,40px);line-height:1;transform:translateY(-.05em)}
@media (max-width:767px){.shz-na{--na-head-pr:46%;--na-act-l:65.5%}.shz-na .shz-na__head{margin-bottom:1px}.shz-na .shz-na__track{padding-top:5px}.shz-na .shz-na__actions{gap:5px;padding-right:4px}.shz-na .shz-na__divider{display:none}.shz-na .shz-na__tbox{min-width:17px;height:18px;font-size:10.5px}.shz-na .shz-na__tsep{font-size:10px}.shz-na a.shz-na__viewall{padding:.32em .6em;font-size:9px}.shz-na a.shz-na__viewall svg{display:none}}

/* ---------- Card panel ---------- */
.shz-na .shz-na__body{position:relative;z-index:2;padding:0 clamp(4px,.9cqw,18px)}
.shz-na .shz-na__track{display:grid;grid-auto-flow:column;gap:var(--na-gap);
  grid-auto-columns:calc((100% - (var(--na-per) - 1) * var(--na-gap)) / var(--na-per));
  margin:0;padding:clamp(8px,1.2cqw,24px) 0 clamp(6px,.8cqw,14px);scroll-padding-inline:0}

/* ---------- Card ---------- */
.shz-na .shz-na-card{container-type:inline-size;position:relative;display:flex;flex-direction:column;min-width:0;padding:0;gap:0;overflow:hidden;
  border:1px solid rgba(255,214,232,.95);border-radius:clamp(8px,4.2cqw,16px);background:#fff;
  box-shadow:none;scroll-snap-align:start}
.shz-na .shz-na-card .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Wishlist heart: position/size only; look + states = shared contract in shahaz-card-feedback.css (ZIP-323). */
.shz-na .shz-na-card button.shahaz-p-wishlist{position:absolute!important;z-index:5;top:4.6cqw!important;right:4.4cqw!important;left:auto!important;bottom:auto!important;
  width:max(18px,12.4cqw)!important;height:max(18px,12.4cqw)!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;
  }
.shz-na .shz-na-card button.shahaz-p-wishlist svg{width:100%!important;height:100%!important;filter:none}
.shz-na .shz-na-card button.shahaz-p-wishlist svg path{stroke-width:2.1}
/* Bigger invisible touch area (phones show 3 small cards) without changing the look. */
.shz-na .shz-na-card button.shahaz-p-wishlist::after{content:"";position:absolute;inset:-9px}

/* Product image: centered, whole product visible. */
.shz-na .shz-na-card__media{position:relative;flex:0 0 auto;width:100%;aspect-ratio:4 / 3;height:auto;min-height:0;margin:0 0 3.2cqw;overflow:hidden;border-radius:0;background:#f7f4f6;box-shadow:none}
.shz-na .shz-na-card__media::after{display:none}
.shz-na .shz-na-card__img-link{position:absolute;inset:0;display:block}
/* The product picture FILLS its area (no empty bands left/right), sharp single-size source. */
.shz-na .shz-na-card__media img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center;transition:transform .35s ease;filter:none}
.shz-na .shz-na-card:hover .shz-na-card__media img{transform:scale(1.04)}
.shz-na .shz-na-card .shahaz-nafc-card__fallback{color:#ec1675}
.shz-na .shz-na-card__price.is-unavailable{color:#6e6e78;font-weight:600;font-size:max(9px,6.4cqw)}

/* ZIP-270: title · price + old price · discount badge (no ribbon, no cart). Everything wraps — nothing overlaps. */
.shz-na .shz-na-card__foot{display:flex;flex-direction:column;align-items:flex-start;gap:1.4cqw;min-width:0;padding:0 6cqw 4.4cqw}
.shz-na .shz-na-card__title{width:100%;margin:0!important;color:#2d2630;font-family:inherit!important;font-weight:600!important;font-size:max(10px,7.6cqw)!important;line-height:1.25!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;overflow-wrap:anywhere}
.shz-na .shz-na-card__title a{color:inherit!important;text-decoration:none!important}
.shz-na .shz-na-card__prices{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 2.4cqw;width:100%;min-width:0}
.shz-na .shz-na-card__price{max-width:100%;overflow:hidden;color:#ec1272;font-weight:700;font-size:max(10.5px,8.8cqw);line-height:1.15;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em}
.shz-na .shz-na-card__old{max-width:100%;overflow:hidden;color:#6e6e78;font-weight:500;font-size:max(9px,6.6cqw);line-height:1.15;white-space:nowrap;text-overflow:ellipsis;text-decoration-thickness:max(1px,.4cqw)}
.shz-na .shz-na-card__rating{display:flex;align-items:center;gap:1.6cqw;color:#2d2630;font-weight:500;font-size:max(9px,6.6cqw);line-height:1;white-space:nowrap}
.shz-na .shz-na-card__rating svg{flex:0 0 auto;width:max(11px,8cqw);height:max(11px,8cqw)}
.shz-na .shz-na-card__buy{display:flex;align-items:center;justify-content:space-between;gap:2cqw;width:100%;min-width:0}
/* ZIP-271: the 3D cart (a little smaller than before) sits right of the discount badge — no extra padding / margin. */
.shz-na a.shz-na-card__cart::after{content:"";position:absolute;inset:-6px;border-radius:50%}
.shz-na a.shz-na-card__cart{position:relative;flex:0 0 auto;display:grid;place-items:center;width:22cqw;height:22cqw;margin:0 0 0 auto;padding:0;border-radius:50%;color:#fff!important;text-decoration:none!important;
  border:max(2px,1.25cqw) solid transparent;
  background:radial-gradient(circle at 34% 28%,#ff5c8d 0%,#d40a50 32%,#93002f 68%,#5a001f 100%) padding-box,linear-gradient(160deg,#fff4c9 0%,#ffd35e 30%,#e19a22 60%,#fff0b8 100%) border-box;
  box-shadow:0 0 0 1.2cqw rgba(255,90,150,.12);transition:transform .15s ease}
.shz-na a.shz-na-card__cart::before{content:"";position:absolute;top:9%;left:20%;width:46%;height:26%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}
.shz-na a.shz-na-card__cart svg{position:relative;width:58%;height:58%;fill:none;stroke:none}
.shz-na a.shz-na-card__cart:active{transform:scale(.92)}
.shz-na a.shz-na-card__cart.shahaz-p-cart-btn-processing,.shz-na a.shz-na-card__cart.shahaz-p-cart-btn-added{background:radial-gradient(circle at 34% 28%,#ffe7a3 0%,#f1bd4f 55%,#b67a1f 100%) padding-box,linear-gradient(160deg,#fff4c9,#e19a22) border-box}
.shz-na .shz-na-card__off{display:inline-flex;align-items:center;min-width:0;max-width:100%;overflow:hidden;padding:.9cqw 3.6cqw;border-radius:999px;background:linear-gradient(180deg,#ff4f9b 0%,#ec1675 55%,#cf0a60 100%);color:#fff;font-weight:800;font-size:max(9px,6.4cqw);line-height:1.2;white-space:nowrap}

/* ---------- Bottom wave + dots ---------- */
.shz-na .shz-na__foot{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;height:clamp(34px,5.2cqw,100px);margin-top:clamp(0px,.2cqw,4px)}
.shz-na .shz-na__wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%!important;max-width:none;pointer-events:none}
.shz-na .shz-na__dots{position:relative;z-index:1;display:none;align-items:center;justify-content:center;gap:clamp(5px,.9cqw,16px);margin:0;padding-top:clamp(5px,.9cqw,18px)}
.shz-na.has-overflow .shz-na__dots{display:flex}
.shz-na .shz-na__dots i{display:block;width:clamp(8px,1.25cqw,24px);height:clamp(8px,1.25cqw,24px);border-radius:99px;background:#ffc6dd;box-shadow:none;cursor:pointer;transition:width .25s ease,background .25s ease}
.shz-na .shz-na__dots i.is-active{width:clamp(26px,3.4cqw,66px);background:linear-gradient(90deg,#ff3d8f,#e3086b)}

/* ---------- Focus: SHAHAZ pink ring for keyboard only, no blue tap flash ---------- */
.shz-na a,.shz-na button{-webkit-tap-highlight-color:transparent!important}
.shz-na a.shz-na-card__cart:focus:not(:focus-visible){outline:none!important}
.shz-na a:focus-visible,.shz-na button:focus-visible,.shz-na .shz-na__track:focus-visible{outline:2px solid rgba(240,20,122,.85)!important;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.shz-na *{transition:none!important}.shz-na .shz-na__panel::before{animation:none}}


/* ZIP-551 (owner): New Arrival's panel runs edge to edge on every screen, with no outer border and no gap at the
 * screen's left/right; the product cards inside stay as they are, 6px from the screen edges. */
.shz-na{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
.shz-na .shz-na__frame{border-width:0;border-radius:0!important}
.shz-na .shz-na__body{padding-left:6px;padding-right:6px}