/* SHAHAZ Marketplace Header — ONE horizontal banner canvas with three overlapping product visuals. */
.shz-market-header{width:100%;box-sizing:border-box;padding:0;overflow:hidden;isolation:isolate}
.shz-market-header__canvas{position:relative;width:100%;overflow:hidden;border-radius:0;background:linear-gradient(110deg,#fff7fb,#ffe7f3 48%,#fff5dc);min-height:clamp(180px,26vw,340px)}
.shz-market-header__banner-layer{position:absolute;inset:0;z-index:1;overflow:hidden}
.shz-market-header__banner-layer>.shz-grocery-banner{position:absolute;inset:0;width:100%;height:100%;margin:0;max-width:none}

/* ROYAL TRIPTYCH / REFERENCE-MATCHED STACK
 * Three product panels overlap like a premium fashion showcase:
 * side panels sit behind, center panel sits in front. There is no artificial
 * column gap or grid spacer; the overlap itself creates the connected look. */
.shz-market-header__product-visuals{position:absolute;z-index:5;right:4px;top:4px;bottom:4px;width:min(47%,520px);display:block;pointer-events:none;perspective:1100px}
.shz-market-header__product-visuals::before{content:"";position:absolute;inset:3px;z-index:-1;border-radius:38px 52px 30px 46px;background:linear-gradient(135deg,rgba(255,216,77,.18),rgba(245,0,135,.08) 45%,rgba(32,180,134,.12));filter:blur(1px);box-shadow:0 10px 26px rgba(55,0,40,.10);pointer-events:none}
.shz-market-header__product-card{position:absolute;display:block;overflow:hidden;background:#fff;pointer-events:auto;text-decoration:none;isolation:isolate;box-sizing:border-box;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .25s ease,box-shadow .25s ease}

/* Three product cards stay ONLY in the right-side showcase area.
 * They overlap and lean toward the center instead of forming full-width columns. */
.shz-market-header__product-card--left{left:0;bottom:2%;width:48%;height:76%;border:3px solid #2f8cff;border-radius:48px 16px 20px 38px;box-shadow:12px 14px 24px rgba(47,140,255,.20),inset 0 0 0 1px rgba(255,255,255,.84);transform:rotate(-8deg) translate3d(5%,0,0);transform-origin:bottom right;z-index:2}
.shz-market-header__product-card--center{left:22%;bottom:0;width:56%;height:100%;border:3px solid transparent;border-radius:58px 20px 24px 44px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#f50087,#ffd84d,#20c997,#6d5dfc,#ff3d6e,#f50087) border-box;background-size:auto,300% 300%;animation:shzMarketCenterBorder 5s linear infinite;box-shadow:0 18px 34px rgba(55,0,40,.25),0 0 0 1px rgba(255,216,77,.18),inset 0 0 0 1px rgba(255,255,255,.88);transform:translateZ(28px);transform-origin:center bottom;z-index:4}
.shz-market-header__product-card--right{right:0;bottom:2%;width:45%;height:76%;border:3px solid #20b486;border-radius:16px 48px 38px 20px;box-shadow:-12px 14px 24px rgba(32,180,134,.20),inset 0 0 0 1px rgba(255,255,255,.84);transform:rotate(8deg) translate3d(-5%,0,0);transform-origin:bottom left;z-index:2}

/* Tight inner frame follows each tilted card. */
.shz-market-header__product-inner-frame{position:absolute;z-index:3;inset:4px;border:1px solid currentColor;border-radius:inherit;pointer-events:none;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.48),inset 0 -8px 16px rgba(55,0,40,.035)}
.shz-market-header__product-card--left .shz-market-header__product-inner-frame{color:#2f8cff}
.shz-market-header__product-card--center .shz-market-header__product-inner-frame{color:#f50087;animation:shzMarketCenterInnerBorder 5s linear infinite}
.shz-market-header__product-card--right .shz-market-header__product-inner-frame{color:#20b486}

/* Small highlight rails reinforce the 3D edges. */
.shz-market-header__product-card--center::before{content:"";position:absolute;z-index:6;left:50%;top:-3px;width:38%;height:8px;transform:translateX(-50%);border-radius:0 0 999px 999px;background:linear-gradient(90deg,#f50087,#ffd84d,#20c997,#6d5dfc,#ff3d6e);box-shadow:0 2px 7px rgba(55,0,40,.18);pointer-events:none}
.shz-market-header__product-card--left::before,.shz-market-header__product-card--right::before{content:"";position:absolute;z-index:6;top:0;width:30%;height:5px;border-radius:0 0 999px 999px;background:currentColor;opacity:.78;pointer-events:none}
.shz-market-header__product-card--left::before{right:11px;color:#2f8cff}
.shz-market-header__product-card--right::before{left:11px;color:#20b486}
.shz-market-header__product-card--left::after,.shz-market-header__product-card--right::after,.shz-market-header__product-card--center::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.20),transparent 34%,rgba(0,0,0,.055));box-shadow:inset 0 0 0 1px rgba(255,255,255,.58)}
.shz-market-header__product-image-wrap{position:absolute;inset:7px;display:block;overflow:hidden;border-radius:inherit;background:#fff}
.shz-market-header__product-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:none}
.shz-market-header__product-card:hover .shz-market-header__product-image{transform:none}
.shz-market-header__product-card:hover{filter:saturate(1.03) brightness(1.02)}
.shz-market-header__product-card:focus-visible{outline:2px solid #ffd84d;outline-offset:2px}
@keyframes shzMarketCenterBorder{0%{background-position:0 0,0% 50%}25%{background-position:0 0,50% 0%}50%{background-position:0 0,100% 50%}75%{background-position:0 0,50% 100%}100%{background-position:0 0,0% 50%}}
@keyframes shzMarketCenterInnerBorder{0%{color:#f50087}20%{color:#ffd84d}40%{color:#20c997}60%{color:#6d5dfc}80%{color:#ff3d6e}100%{color:#f50087}}

@media(max-width:767px){
  .shz-market-header__canvas{min-height:clamp(150px,34vw,245px)}
  .shz-market-header__product-visuals{right:4px;top:4px;bottom:4px;width:min(51%,390px);perspective:850px}
  .shz-market-header__product-visuals::before{border-radius:28px 38px 22px 34px}
  .shz-market-header__product-card--left{left:0;bottom:2%;width:48%;height:76%;border-radius:34px 11px 14px 27px;transform:rotate(-7deg) translate3d(5%,0,0)}
  .shz-market-header__product-card--center{left:22%;bottom:0;width:56%;height:100%;border-radius:43px 13px 16px 33px;transform:translateZ(20px)}
  .shz-market-header__product-card--right{right:0;bottom:2%;width:45%;height:76%;border-radius:11px 34px 27px 14px;transform:rotate(7deg) translate3d(-5%,0,0)}
  .shz-market-header__product-inner-frame{inset:4px}
}
@media(max-width:430px){
  .shz-market-header__canvas{min-height:132px}
  .shz-market-header__product-visuals{right:4px;top:4px;bottom:4px;width:54%;perspective:700px}
  .shz-market-header__product-visuals::before{border-radius:22px 30px 18px 27px}
  .shz-market-header__product-card--left{left:0;bottom:2%;width:48%;height:76%;border-radius:27px 9px 11px 21px;transform:rotate(-6deg) translate3d(5%,0,0)}
  .shz-market-header__product-card--center{left:22%;bottom:0;width:56%;height:100%;border-radius:35px 10px 12px 26px;transform:translateZ(14px)}
  .shz-market-header__product-card--right{right:0;bottom:2%;width:45%;height:76%;border-radius:9px 27px 21px 11px;transform:rotate(6deg) translate3d(-5%,0,0)}
  .shz-market-header__product-inner-frame{inset:4px}
}
@media(prefers-reduced-motion:reduce){.shz-market-header__product-card--center,.shz-market-header__product-card--center .shz-market-header__product-inner-frame{animation:none}}