/* =====================================================================
 * SHAHAZ Showcase Landing — New Arrival · Luxury World
 * One canonical design (inc/shahaz-showcase-landing.php,
 * template-parts/showcase-landing/page.php, assets/js/shahaz-showcase-landing.js).
 *   1. Shell · 2. Trust bar · 3. Hero banner · 4. Category tiles
 *   5. Sort + filter · 6. Masonry grid (6px) · 7. Product card
 * ===================================================================== */

/* ---------- 1. Shell ---------- */
.shz-sc{
	--sc-gap:6px;
	--sc-cols:2;
	--sc-crimson:#B3123E;
	--sc-pink:#D81B60;
	--sc-gold:#F2B632;
	--sc-ink:#1E1A1C;
	--sc-muted:#8C8389;
	--sc-line:#ECE6EA;
	box-sizing:border-box;
	width:100vw;
	max-width:100vw;
	margin:0 calc(50% - 50vw);
	padding:0 0 18px;
	background:#FAF8F9;
	color:var(--sc-ink);
	font-family:inherit;
}
@media (min-width:701px){.shz-sc{--sc-cols:3;}}
@media (min-width:1101px){.shz-sc{--sc-cols:4;}}
@media (min-width:1501px){.shz-sc{--sc-cols:5;}}
@media (min-width:1901px){.shz-sc{--sc-cols:6;}}
.shz-sc *,
.shz-sc *::before,
.shz-sc *::after{box-sizing:border-box;}
.shz-sc a,
.shz-sc button{-webkit-tap-highlight-color:transparent;}
.shz-sc a{color:inherit;text-decoration:none;}
.shz-sc a:focus,
.shz-sc button:focus{outline:none;}
.shz-sc a:focus-visible,
.shz-sc button:focus-visible{outline:2px solid var(--sc-gold);outline-offset:2px;}

/* ---------- 2. Trust bar (sticky under the fixed site header) ---------- */
.shz-sc-trust{position:sticky;top:var(--sc-top,58px);z-index:40;display:flex;gap:2px;padding:7px 6px;overflow-x:auto;scrollbar-width:none;background:#FFFFFF;border-bottom:1px solid var(--sc-line);}
.shz-sc-trust::-webkit-scrollbar{display:none;}
.shz-sc-trust__item{color:inherit;text-decoration:none;display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:4px;min-width:0;}
.shz-sc-trust__icon{flex:0 0 auto;width:22px;height:22px;filter:none;}
.shz-sc-trust__icon svg,
.shz-sc-trust__icon img{display:block;width:100% !important;height:100% !important;object-fit:contain;}
.shz-sc-trust__text{display:flex;flex-direction:column;min-width:0;line-height:1.12;white-space:nowrap;}
.shz-sc-trust__text b,
.shz-sc-trust__text small{overflow:hidden;text-overflow:ellipsis;}
.shz-sc-trust__text b{color:var(--sc-crimson);font-size:9.5px;font-weight:800;}
.shz-sc-trust__text small{color:#2E2A30;font-size:8px;}

/* ---------- 3. Hero banner ---------- */
.shz-sc-hero{
	position:relative;
	isolation:isolate;
	min-height:150px;
	margin:var(--sc-gap) var(--sc-gap) 0;
	overflow:hidden;
	border-radius:16px;
	background:radial-gradient(70% 120% at 70% 30%,rgba(242,182,50,.28),transparent 60%),radial-gradient(60% 90% at 20% 90%,rgba(179,18,62,.35),transparent 65%),linear-gradient(120deg,#151012 0%,#2A1A12 55%,#3B2414 100%);
	box-shadow:none;
}
.shz-sc-hero__link{position:absolute;inset:0;z-index:1;}
/* Uploaded banner image: shown as the banner itself. */
.shz-sc-hero.has-image{min-height:0;aspect-ratio:1200 / 420;background:#1A1214;}
.shz-sc-hero__img{position:absolute;inset:0;z-index:0;display:block;width:100% !important;height:100% !important;max-width:none;object-fit:cover;}
.shz-sc-hero.has-image-text::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(15,10,10,.72) 0%,rgba(15,10,10,.35) 45%,rgba(15,10,10,0) 70%);pointer-events:none;}
.shz-sc-hero__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:62%;padding:14px 12px 12px 14px;pointer-events:none;}
.shz-sc-hero__copy a{pointer-events:auto;}
.shz-sc-hero__kicker{font-size:clamp(17px,5.6vw,40px);font-weight:900;line-height:1;letter-spacing:.5px;background:linear-gradient(180deg,#FFE29A 0%,#F2B632 55%,#C8861A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.shz-sc-hero__title{font-size:clamp(30px,10vw,72px);font-weight:900;line-height:.95;letter-spacing:-.5px;background:linear-gradient(180deg,#FFFFFF 0%,#F4EFE9 55%,#D8CFC5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none;}
.shz-sc-hero__tagline{margin-top:3px;color:var(--sc-gold);font-size:clamp(9px,2.8vw,20px);font-weight:600;letter-spacing:.14em;}
.shz-sc-hero__cats{margin-top:4px;color:rgba(255,255,255,.9);font-size:clamp(6.5px,1.8vw,12px);font-weight:600;letter-spacing:.04em;}
.shz-sc-hero__btn{display:inline-flex;align-items:center;gap:4px;margin-top:9px;padding:6px 12px;border-radius:9px;background:linear-gradient(180deg,#FFE29A 0%,#F2B632 50%,#D9971F 100%);color:#2A1607;font-size:clamp(11px,3.2vw,16px);font-weight:800;box-shadow:none;}
.shz-sc-hero__btn svg{width:14px;height:14px;}
.shz-sc-hero__script{position:absolute;right:10px;top:50%;z-index:2;max-width:34%;transform:translateY(-50%) rotate(-8deg);color:var(--sc-gold);font-family:"Dancing Script",cursive;font-size:clamp(20px,6.8vw,50px);font-weight:700;line-height:1;text-align:center;text-shadow:none;pointer-events:none;}

/* ---------- 4. Category tiles ---------- */
.shz-sc-cats{display:flex;gap:8px;margin:8px 0 0;padding:2px var(--sc-gap);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;}
.shz-sc-cats::-webkit-scrollbar{display:none;}
.shz-sc-cat{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:4px;width:62px;}
.shz-sc-cat__img{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border:1.5px solid transparent;border-radius:12px;background:#F0F1F4;box-shadow:none;}
.shz-sc-cat__img img{display:block;width:100% !important;height:100% !important;max-width:none;object-fit:cover;}
.shz-sc-cat__img b{color:var(--sc-pink);font-size:20px;font-weight:800;}
.shz-sc-cat__name{max-width:100%;overflow:hidden;color:#24202A;font-size:11px;font-weight:600;line-height:1.15;white-space:nowrap;text-overflow:ellipsis;}
.shz-sc-cat.is-active .shz-sc-cat__img{border-color:var(--sc-pink);background:#FFF0F5;box-shadow:none;}
.shz-sc-cat.is-active .shz-sc-cat__name{color:var(--sc-crimson);font-weight:800;}

/* ---------- 5. Sort chips + filter: shared Product Browse Bar (assets/css/shahaz-product-browse.css) ---------- */
.shz-sc 
/* ---------- 6. Masonry grid ---------- */
.shz-sc-feed{padding:0 var(--sc-gap);}
.shz-sc-grid{display:grid;grid-template-columns:repeat(var(--sc-cols),minmax(0,1fr));gap:var(--sc-gap);align-items:start;}
.shz-sc-grid.is-masonry{display:flex;align-items:flex-start;gap:var(--sc-gap);}
.shz-sc-col{display:flex;flex:1 1 0;flex-direction:column;gap:var(--sc-gap);min-width:0;}
.shz-sc-empty{margin:0;padding:28px 16px;border-radius:14px;background:#FFFFFF;color:#6E5A64;font-size:14px;font-weight:600;text-align:center;}

/* ---------- 7. Product card ---------- */
.shz-sc-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--sc-line);border-radius:12px;background:#FFFFFF;box-shadow:none;container-type:inline-size;}
.shz-sc-card__media{position:relative;display:block;width:100%;aspect-ratio:1 / var(--shz-sc-ratio,1);overflow:hidden;background:#F4F1F2;}
.shz-sc-card__media img{display:block;width:100% !important;height:100% !important;max-width:none;object-fit:cover;}

/* ZIP-323: heart position/size only (white disc removed) — look + states = shared contract in shahaz-card-feedback.css. */
.shz-sc-card > button.shahaz-p-wishlist{
	position:absolute !important;top:7px !important;right:7px !important;left:auto !important;bottom:auto !important;
	z-index:3 !important;
	display:grid !important;place-items:center !important;
	width:34px !important;height:34px !important;min-width:0 !important;min-height:0 !important;
	margin:0 !important;padding:0 !important;font-size:0 !important;
}
.shz-sc-card > button.shahaz-p-wishlist svg{display:block !important;width:26px !important;height:26px !important;filter:none;}

.shz-sc-card__body{display:flex;flex-direction:column;padding:6px 7px 7px;padding:clamp(6px,4cqi,10px) clamp(7px,4cqi,11px) clamp(7px,4cqi,11px);}
.shz-sc-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0;color:var(--sc-ink);font-size:12px;font-size:clamp(12px,6.8cqi,16px);font-weight:500;line-height:1.3;overflow-wrap:anywhere;}
.shz-sc-card__meta{display:flex;align-items:center;gap:.35em;margin-top:.35em;overflow:hidden;color:var(--sc-muted);font-size:10.5px;font-size:clamp(10.5px,5.4cqi,13px);line-height:1;white-space:nowrap;}
.shz-sc-card__meta b{margin-right:.2em;color:#F5A623;font-weight:400;}
.shz-sc-card__meta i{color:#D9D0D4;font-style:normal;}
.shz-sc-card__prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .5em;margin-top:4px;margin-top:clamp(4px,2.6cqi,7px);line-height:1.1;}
.shz-sc-card__price{color:var(--sc-crimson);font-size:15px;font-size:clamp(15px,9cqi,24px);font-weight:800;white-space:nowrap;}
.shz-sc-card__old{color:#A0959B;font-size:10.5px;font-size:clamp(10.5px,5.6cqi,14px);white-space:nowrap;}
.shz-sc-card__price .woocommerce-Price-amount,
.shz-sc-card__old .woocommerce-Price-amount{color:inherit;font:inherit;}

/* Action bar: FLAT and slim — one solid crimson strip (no gradient, no
 * shadow, no raised layers). Only the icons are 3D. The gold curved cart
 * tab on the right is the one 3D element (bevel + gloss). */
.shz-sc-card__bar{display:flex;align-items:stretch;height:26px;height:clamp(26px,14cqi,34px);margin-top:6px;margin-top:clamp(6px,3.4cqi,9px);overflow:hidden;border-radius:8px;border-radius:clamp(7px,3.4cqi,9px);background:#B3123E;}
.shz-sc-card__info{display:flex;flex:1 1 auto;align-items:center;gap:5px;gap:clamp(4px,2.4cqi,7px);min-width:0;padding:0 7px;padding:0 clamp(5px,3cqi,9px);background:transparent;color:#FFFFFF;}
.shz-sc-card__off{display:flex;flex:0 0 auto;align-items:center;gap:1px;line-height:1;}
.shz-sc-card__off b{color:#FFD449;font-size:14px;font-size:clamp(13px,7cqi,19px);font-weight:900;}
.shz-sc-card__off small{color:#FFD449;font-size:6px;font-size:clamp(5.5px,2.8cqi,8px);font-weight:900;line-height:1;}
.shz-sc-card__sep{flex:0 0 auto;width:1px;height:56%;background:rgba(255,255,255,.5);}
.shz-sc-card__ship{display:flex;flex:1 1 auto;align-items:center;gap:3px;gap:clamp(2px,1.6cqi,5px);min-width:0;}
.shz-sc-card__ship svg{flex:0 0 auto;width:22px;width:clamp(20px,11cqi,30px);height:auto;filter:none;}
.shz-sc-card__ship em{overflow:hidden;font-size:8px;font-size:clamp(7px,3.9cqi,11px);font-style:normal;font-weight:700;white-space:nowrap;text-overflow:ellipsis;}
.shz-sc .shz-sc-card__cart{
	position:relative;
	display:grid;flex:0 0 auto;place-items:center;
	width:36px;width:clamp(34px,19cqi,52px);
	margin:0 0 0 -7px;margin:0 0 0 calc(clamp(6px,3.6cqi,10px) * -1);
	padding:0 0 0 6px;padding:0 0 0 clamp(5px,3cqi,8px);
	min-height:0;border:0;border-radius:0;
	background:linear-gradient(180deg,#FFF0B8 0%,#FFD666 22%,#F2B632 58%,#C98612 100%);
	box-shadow:none;
	clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);
	color:#8E0F3E;
	cursor:pointer;
}
.shz-sc-card__cart svg{width:18px;height:17px;width:clamp(16px,9cqi,24px);height:clamp(15px,8.4cqi,22px);filter:none;}
.shz-sc .shz-sc-card__cart:hover,
.shz-sc .shz-sc-card__cart:focus{background:linear-gradient(180deg,#FFF0B8 0%,#FFD666 22%,#F2B632 58%,#C98612 100%);color:#8E0F3E;}
.shz-sc .shz-sc-card__cart:active{transform:translateY(1px);box-shadow:none;}
.shz-sc .shz-sc-card__cart.is-busy{opacity:.6;pointer-events:none;}
.shz-sc .shz-sc-card__cart.is-added{background:linear-gradient(180deg,#C9F7D6 0%,#7BE39B 40%,#2FB463 100%);}
/* ZIP-323: sold out — grey tab that says so, not clickable. */
.shz-sc .shz-sc-card__cart.is-oos{width:auto;padding:0 8px 0 14px;background:#b9aeb4;box-shadow:none;color:#fff;font-size:10.5px;font-weight:700;white-space:nowrap;cursor:default;transform:none;}


@media (min-width:521px){
	.shz-sc-trust{justify-content:space-around;padding:9px 14px;}
	.shz-sc-trust__item{flex:0 1 auto;gap:8px;}
	.shz-sc-trust__icon{width:30px;height:30px;}
	.shz-sc-trust__text b{font-size:13px;}
	.shz-sc-trust__text small{font-size:11px;}
	.shz-sc-hero{min-height:220px;}
	.shz-sc-hero__copy{padding:26px 24px 22px 30px;}
	.shz-sc-cat{width:76px;}
	.shz-sc-cat__img{width:70px;height:70px;}
	.shz-sc-cat__name{font-size:12px;}
}
@media (min-width:1101px){
	.shz-sc-hero{min-height:300px;}
	.shz-sc-hero__copy{padding:38px 40px 32px 48px;}
}

/* WooCommerce appends a "View cart" link after an ajax add — never shown in these cards. */
.shz-sc a.added_to_cart,
.shz-sc .added_to_cart{display:none !important;}