/* SHAHAZ.COM — STOREFRONT-ONLY LUXURY UI
 * FUNCTIONAL ENGINE IS PROVIDED BY Dokan/WooCommerce.
 * Visual DNA: 9px major sections / 5px content / 3px product columns.
 * IMPORTANT: this stylesheet is intentionally independent of the global
 * Signature Product Card stylesheet to avoid unregistered dependency notices.
 */
.sha-hz-storefront{
 --sha-cream:#faf7f2;--sha-pink:#f8dce8;--sha-magenta:#d41473;--sha-green:#159447;
 --sha-orange:#f26b21;--sha-gold:#c9a44a;--sha-charcoal:#252329;--sha-gray:#777;
 box-sizing:border-box;background:var(--sha-cream);color:var(--sha-charcoal);font-size:14px;line-height:1.25;
 width:100%;max-width:100%;min-width:0;overflow-x:clip;isolation:isolate;padding-bottom:88px;
}
.sha-hz-storefront,.sha-hz-storefront *{box-sizing:border-box}
.sha-hz-storefront a{color:inherit}
.sha-hz-storefront button,.sha-hz-storefront input,.sha-hz-storefront select{font:inherit}
.sha-hz-storefront h1,.sha-hz-storefront h2,.sha-hz-storefront h3,.sha-hz-storefront p,.sha-hz-storefront ul,.sha-hz-storefront ol{margin:0;padding:0}
.sha-hz-storefront ul,.sha-hz-storefront ol{list-style:none}
.sha-hz-storefront img{display:block;max-width:100%;height:auto}
.sha-hz-storefront input,.sha-hz-storefront button{max-width:100%}

/* Store/Vendor Page only: suppress the global marketplace header/drawer so
 * the Storefront starts directly with its own vendor identity UI. The
 * existing header files and their functionality remain untouched globally. */
body.sha-hz-vendor-store-page #shahaz-header,
body.sha-hz-vendor-store-page .shahaz-header,
body.sha-hz-vendor-store-page #shahaz-drawer-overlay,
body.sha-hz-vendor-store-page #shahaz-drawer-panel{display:none!important}
.sha-hz-store-section{margin:9px 0;padding:0}

/* Compact identity hero */
.sha-hz-store-hero{position:relative;margin:0;overflow:hidden;background:#fff;border-bottom:1px solid #eee4e9}
.sha-hz-store-cover{height:92px;background-size:cover;background-position:center;position:relative;filter:saturate(.94)}
.sha-hz-store-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(37,35,41,.02),rgba(37,35,41,.20))}
.sha-hz-store-cover-empty{background:linear-gradient(110deg,var(--sha-pink),#fff 55%,#f8e9d8)}
.sha-hz-store-identity{display:flex;gap:9px;align-items:center;padding:6px 9px 4px;background:#fff;min-width:0}
.sha-hz-store-avatar{width:64px;height:64px;object-fit:cover;border-radius:50%;border:2px solid var(--sha-gold);background:#fff;flex:0 0 auto;margin-top:-24px;position:relative;z-index:2;box-shadow:0 2px 8px rgba(37,35,41,.12)}
.sha-hz-store-meta{min-width:0;flex:1}
.sha-hz-store-meta h1{font-size:17px;line-height:1.15;margin:0 0 5px;font-weight:800;color:var(--sha-charcoal);display:flex;align-items:center;gap:5px;min-width:0}
.sha-hz-store-meta h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sha-hz-verified{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:var(--sha-magenta);color:#fff;font-size:11px;flex:0 0 auto}
.sha-hz-store-stats{display:flex;gap:5px;flex-wrap:wrap;color:var(--sha-gray);font-size:10px;line-height:1.2}
.sha-hz-store-stats span:first-child{color:#b88616;font-weight:800}
.sha-hz-store-location{margin-top:5px;color:var(--sha-gray);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sha-hz-storefront .sha-hz-store-actions{display:flex;align-items:center;gap:5px;padding:4px 9px 8px;background:#fff;min-width:0;overflow:hidden}
.sha-hz-follow-slot{display:inline-flex;min-width:0}
.sha-hz-follow-slot > *{margin:0!important;max-width:100%}
.sha-hz-store-action,.sha-hz-follow-slot a,.sha-hz-follow-slot button{height:34px;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--sha-gold);font-weight:800;font-size:11px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;color:var(--sha-magenta);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.sha-hz-store-action:active,.sha-hz-store-action:focus-visible,.sha-hz-follow-slot a:active,.sha-hz-follow-slot a:focus-visible,.sha-hz-follow-slot button:active,.sha-hz-follow-slot button:focus-visible{transform:translateY(2px);box-shadow:inset 0 2px 4px rgba(0,0,0,.15);outline:none}
/* Surgical luxury UI: Vendor Store Chat button only */
.sha-hz-storefront .sha-hz-chat{
 height:37px;
 min-height:37px;
 flex:0 0 auto;
 width:auto;
 padding:0 11px;
 border:2px solid var(--sha-magenta);
 border-radius:10px;
 background:linear-gradient(180deg,#fffdf8 0%,#f7f0df 100%);
 color:var(--sha-magenta)!important;
 text-shadow:none;
 box-shadow:0 2px 4px rgba(73,0,45,.16),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(154,104,0,.10);
 transition:transform .12s ease,box-shadow .12s ease,background .12s ease;
}
.sha-hz-storefront .sha-hz-chat:active{
 transform:translateY(2px);
 box-shadow:inset 0 2px 4px rgba(73,0,45,.22),inset 0 1px 0 rgba(255,255,255,.70);
}
.sha-hz-storefront .sha-hz-chat:focus-visible{
 outline:2px solid var(--sha-gold);
 outline-offset:1px;
}

/* Surgical luxury UI: active "All" category control only */
.sha-hz-storefront .sha-hz-category-rail a.is-active{
 padding:6px 10px;
 border:2px solid var(--sha-gold);
 border-radius:999px;
 background:linear-gradient(180deg,#fff8dc 0%,#e8c766 100%);
 color:var(--sha-magenta);
 font-weight:800;
 box-shadow:0 2px 4px rgba(126,91,0,.18),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(126,91,0,.12);
 transition:transform .12s ease,box-shadow .12s ease,background .12s ease;
}
.sha-hz-storefront .sha-hz-category-rail a.is-active:active{
 transform:translateY(2px);
 box-shadow:inset 0 2px 4px rgba(126,91,0,.22),inset 0 1px 0 rgba(255,255,255,.65);
}

/* Slim horizontal navigation */
.sha-hz-store-nav{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding:0 9px 1px;margin:9px 0 0;scrollbar-width:none;background:#fff;border-bottom:1px solid #eee;min-width:0;white-space:nowrap}
.sha-hz-store-nav::-webkit-scrollbar,.sha-hz-category-rail::-webkit-scrollbar,.sha-hz-featured-rail::-webkit-scrollbar,.sha-hz-store-sort::-webkit-scrollbar{display:none}
.sha-hz-store-nav a{flex:0 0 auto;text-decoration:none;color:var(--sha-charcoal);font-weight:800;font-size:11px;padding:7px 9px;border-bottom:2px solid transparent;white-space:nowrap}
.sha-hz-store-nav a.is-active{color:var(--sha-magenta);border-color:var(--sha-magenta)}
.sha-hz-store-nav a:focus-visible,.sha-hz-category-rail a:focus-visible,.sha-hz-store-sort a:focus-visible{outline:2px solid var(--sha-gold);outline-offset:1px}

/* Category rail */
.sha-hz-category-section{margin-top:9px}
.sha-hz-category-rail{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding:0 9px;scrollbar-width:none;min-width:0;white-space:nowrap}
.sha-hz-category-rail a{flex:0 0 auto;text-decoration:none;padding:7px 10px;border-radius:999px;background:#fff;color:var(--sha-charcoal);border:1px solid #eadfe4;font-weight:700;font-size:10px;white-space:nowrap}
.sha-hz-category-rail a.is-active{background:var(--sha-magenta);border-color:var(--sha-magenta);color:#fff}

/* Vendor action search + full-width sort controls: compact, horizontal, no page-level overflow */
.sha-hz-storefront .sha-hz-store-search{display:flex;align-items:stretch;flex:1 1 auto;min-width:0;height:36px;background:#fff;border:1px solid #e4dbe0;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(201,164,74,.08)}
.sha-hz-storefront .sha-hz-store-search input{min-width:0;width:100%;height:34px;flex:1;align-self:center;border:0!important;outline:0;background:transparent!important;padding:0 10px;font-size:11px;color:var(--sha-charcoal);line-height:34px;box-shadow:none!important;margin:0!important}
.sha-hz-storefront .sha-hz-store-search input::placeholder{color:#999}
.sha-hz-storefront .sha-hz-store-search button{width:38px;height:36px;min-width:38px;min-height:36px;align-self:stretch;flex:0 0 38px;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0!important;border:0;background:var(--sha-magenta);color:#fff;font-size:17px;line-height:1;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.sha-hz-storefront .sha-hz-store-search button:active{transform:translateY(2px);box-shadow:inset 0 2px 4px rgba(0,0,0,.18)}
.sha-hz-storefront .sha-hz-store-search-sort{display:flex;gap:5px;align-items:center;padding:0 9px;margin:9px 0;min-width:0;max-width:100%;overflow:hidden}
.sha-hz-storefront .sha-hz-store-sort{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;width:100%;max-width:none;min-width:0;scrollbar-width:none;white-space:nowrap}
.sha-hz-storefront .sha-hz-store-sort a{flex:0 0 auto;padding:7px 9px;background:#fff;border:1px solid var(--sha-magenta);border-radius:6px;color:var(--sha-charcoal);font-size:9px;font-weight:750;text-decoration:none;white-space:nowrap;min-height:30px;display:inline-flex;align-items:center;justify-content:center}
.sha-hz-storefront .sha-hz-store-sort a.is-active{background:var(--sha-magenta);color:#fff;border-color:var(--sha-magenta)}

/* Featured strip */
.sha-hz-section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 9px 5px;min-width:0}
.sha-hz-section-heading h2{font-size:15px;line-height:1.15;margin:0;font-weight:850}
.sha-hz-featured-rail{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding:0 9px;scrollbar-width:none;min-width:0}
.sha-hz-featured-item{flex:0 0 112px;text-decoration:none;color:var(--sha-charcoal);background:#fff;padding:5px;display:flex;flex-direction:column;gap:5px;border-bottom:2px solid var(--sha-gold);min-width:0}
.sha-hz-featured-item img{width:102px;height:102px;object-fit:cover;display:block}
.sha-hz-featured-item span{font-size:9px;line-height:1.2;height:22px;overflow:hidden}
.sha-hz-featured-item strong{font-size:10px;color:var(--sha-magenta)}

/* Product grid — exact 3px column gap */
.sha-hz-store-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3px;row-gap:9px;min-width:0;width:100%}
.sha-hz-store-card{background:#fff;min-width:0;max-width:100%;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:0;box-shadow:none}
.sha-hz-store-card-image{display:block;aspect-ratio:1/1;overflow:hidden;background:#f5f5f5;position:relative;min-width:0}
.sha-hz-store-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s ease}
.sha-hz-store-card-image:active img{transform:scale(.985)}
.sha-hz-card-sale{position:absolute;left:4px;bottom:4px;z-index:2;padding:3px 6px;border-radius:999px;background:var(--sha-orange);color:#fff;font-size:9px;line-height:1;font-weight:850;box-shadow:0 1px 3px rgba(0,0,0,.12);max-width:calc(100% - 8px);white-space:nowrap}
.sha-hz-store-card-body{padding:4px 5px 4px;display:flex;flex-direction:column;gap:4px;min-width:0;flex:0 0 auto}
.sha-hz-card-category{font-size:10px;color:var(--sha-magenta);font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sha-hz-card-name{font-size:13px;line-height:1.2;color:var(--sha-charcoal);text-decoration:none;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}
.sha-hz-card-name:hover{color:var(--sha-magenta)}
.sha-hz-card-rating{display:flex;align-items:center;gap:4px;min-height:0;min-width:0}
.sha-hz-card-rating span{font-size:11px;letter-spacing:-1px;color:#d39a19;line-height:1;white-space:nowrap}
.sha-hz-card-rating small{font-size:9px;color:var(--sha-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sha-hz-card-price{display:flex;gap:5px;align-items:baseline;min-height:0;flex-wrap:wrap;min-width:0}
.sha-hz-card-price strong{font-size:15px;color:var(--sha-magenta);line-height:1.1;max-width:100%}
.sha-hz-card-price del{font-size:10px;color:#999;max-width:100%}
.sha-hz-card-price .woocommerce-Price-currencySymbol{font-size:.9em}
.sha-hz-card-cart{height:36px;min-height:36px;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;gap:4px;text-decoration:none;border:0;border-radius:999px;background:var(--sha-green);color:#fff!important;font-size:11px;font-weight:850;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
.sha-hz-cart-icon{display:inline-flex;align-items:center;line-height:1}.sha-hz-card-cart:hover{filter:brightness(.96)}
.sha-hz-card-cart:active,.sha-hz-card-cart:focus-visible{transform:translateY(2px);box-shadow:inset 0 2px 5px rgba(0,0,0,.2);outline:none}
.sha-hz-card-cart-alt{background:var(--sha-magenta)}
.sha-hz-store-card-body > *{margin-top:0!important;margin-bottom:0!important}
.sha-hz-store-card-body .sha-hz-card-name{margin:0!important}
.sha-hz-store-card-body .sha-hz-card-rating{margin:0!important}
.sha-hz-store-card-body .sha-hz-card-price{margin:0!important}
.sha-hz-store-card-body .sha-hz-card-cart{margin:0!important}

/* Pagination / store information */
.sha-hz-store-pagination{padding:9px;text-align:center;min-width:0;overflow:hidden}
.sha-hz-store-pagination .nav-links{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}
.sha-hz-store-pagination a,.sha-hz-store-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:999px;background:#fff;border:1px solid #eadfe4;text-decoration:none;color:var(--sha-charcoal);font-size:11px}
.sha-hz-store-pagination .current{background:var(--sha-magenta);color:#fff;border-color:var(--sha-magenta)}
.sha-hz-store-empty{padding:18px 9px;text-align:center;color:var(--sha-gray);background:#fff}
.sha-hz-store-info{padding:0 9px 9px}
.sha-hz-store-info details{background:#fff;border:1px solid #eee0e7;padding:9px}
.sha-hz-store-info summary{cursor:pointer;font-weight:800;font-size:11px}
.sha-hz-store-info details > div{margin-top:5px;font-size:11px;line-height:1.35}
.sha-hz-review-summary{color:#a97812;font-size:10px}

/* Very narrow phones: preserve the same component system without clipping. */
@media (max-width:359px){
 .sha-hz-storefront{font-size:13px}
 .sha-hz-store-cover{height:86px}
 .sha-hz-store-avatar{width:60px;height:60px;margin-top:-22px}
 .sha-hz-store-meta h1{font-size:16px}
 .sha-hz-store-stats{gap:4px;font-size:9px}
 .sha-hz-storefront .sha-hz-store-search-sort{gap:4px}
 .sha-hz-storefront .sha-hz-store-sort{max-width:none}
 .sha-hz-storefront .sha-hz-store-sort a{padding-left:7px;padding-right:7px}
}

/* Tablet: same mobile component language, wider breathing room and 3-column grid. */
@media (min-width:600px){
 .sha-hz-store-cover{height:132px}
 .sha-hz-store-identity{padding-left:16px;padding-right:16px}
 .sha-hz-storefront .sha-hz-store-actions{padding-left:16px;padding-right:16px}
 .sha-hz-store-avatar{width:76px;height:76px}
 .sha-hz-store-products{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sha-hz-storefront .sha-hz-store-search-sort{padding-left:16px;padding-right:16px}
 .sha-hz-storefront .sha-hz-section-heading{padding-left:16px;padding-right:16px}
 .sha-hz-category-rail,.sha-hz-featured-rail{padding-left:16px;padding-right:16px}
 .sha-hz-store-nav{padding-left:16px;padding-right:16px}
}

/* Desktop: expand the same components; never switch to a legacy marketplace layout. */
@media (min-width:900px){
 .sha-hz-storefront{max-width:1400px;margin:0 auto;padding-bottom:24px}
 .sha-hz-store-cover{height:168px}
 .sha-hz-store-avatar{width:88px;height:88px;margin-top:-34px}
 .sha-hz-store-meta h1{font-size:21px}
 .sha-hz-store-products{grid-template-columns:repeat(5,minmax(0,1fr))}
 .sha-hz-store-card-body{padding:5px 6px 4px}
 .sha-hz-card-cart{height:36px}
}
@media (min-width:1200px){.sha-hz-store-products{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Respect reduced-motion without changing functionality. */
@media (prefers-reduced-motion:reduce){
 .sha-hz-storefront *{scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:0.01ms!important}
}


/* SHAHAZ.COM — Storefront Header / Luxury Store Identity */
.sha-hz-store-header{position:relative;min-height:52px;display:flex;align-items:center;justify-content:center;padding:7px 58px;background:linear-gradient(180deg,#fffdf9 0%,#fff1f8 100%);border-bottom:2px solid var(--sha-magenta);box-shadow:0 3px 10px rgba(93,0,55,.10);z-index:5}
.sha-hz-store-header-brand{display:inline-flex;align-items:baseline;justify-content:center;text-decoration:none!important;font-weight:950;letter-spacing:-.7px;line-height:1;white-space:nowrap;color:#e50087!important;text-shadow:0 2px 0 #fff,0 3px 7px rgba(120,0,70,.15)}
.sha-hz-store-header-brand span{font-size:25px}.sha-hz-store-header-brand b{font-size:25px;color:#c9a44a!important;font-weight:950}.sha-hz-store-header-brand em{font-size:18px;color:#d41473!important;font-style:normal;font-weight:900;margin-left:1px}
.sha-hz-store-header-back{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #e8c766;border-radius:10px;background:linear-gradient(145deg,#ed008c,#c6006e);color:#fff!important;font-size:23px;line-height:1;font-weight:950;text-decoration:none!important;box-shadow:0 3px 0 #94004f,0 6px 10px rgba(180,0,90,.16),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .14s ease,box-shadow .14s ease}
.sha-hz-store-header-back:hover{color:#fff!important;transform:translateY(calc(-50% - 1px))}.sha-hz-store-header-back:active{transform:translateY(calc(-50% + 2px));box-shadow:inset 0 2px 4px rgba(0,0,0,.22),0 1px 0 #94004f}.sha-hz-store-header-back:focus-visible{outline:2px solid #c9a44a;outline-offset:2px}
.sha-hz-store-identity{border-top:3px solid var(--sha-gold)}.sha-hz-store-meta h1{color:var(--sha-magenta)}.sha-hz-verified{box-shadow:0 1px 4px rgba(160,0,90,.18)}
.sha-hz-store-action,.sha-hz-follow-slot a,.sha-hz-follow-slot button{box-shadow:0 2px 0 #9b0052,0 4px 9px rgba(150,0,80,.12),inset 0 1px 0 rgba(255,255,255,.7)}
.sha-hz-store-nav a.is-active{background:linear-gradient(145deg,#ed008c,#c6006e);color:#fff;border-bottom-color:#c9a44a;border-radius:8px 8px 0 0;box-shadow:0 2px 0 #94004f}
.sha-hz-featured-item{border:1px solid #f0d8e4;border-bottom:3px solid var(--sha-gold);border-radius:9px;box-shadow:0 3px 9px rgba(100,0,60,.08);overflow:hidden}.sha-hz-store-card{border:1px solid #f0dce5;border-radius:9px;box-shadow:0 3px 9px rgba(100,0,60,.07);overflow:hidden;background:#fff}.sha-hz-store-info details{border:1.5px solid #e8c766;border-radius:10px;box-shadow:0 3px 10px rgba(100,0,60,.07)}
@media (max-width:599px){.sha-hz-store-header{min-height:48px;padding-left:50px;padding-right:50px}.sha-hz-store-header-brand span{font-size:22px}.sha-hz-store-header-brand b{font-size:22px}.sha-hz-store-header-brand em{font-size:16px}.sha-hz-store-header-back{left:7px;width:32px;height:32px}}