/* Single product — balanced hero (v2.3.5-no-inner-scroll) */
.rekhi-single-product-dark{
	--accent:#ff6600;--green:#38d968;--blue:#4ea3ff;--gold:#f2b84b;
	--line:rgba(255,255,255,.14);--muted:#aeb7c6;
	color:#f8fafc;
	background:
		radial-gradient(circle at 15% 0%,rgba(255,102,0,.18),transparent 30%),
		radial-gradient(circle at 90% 5%,rgba(78,163,255,.13),transparent 26%),
		#07080b;
	padding:30px 0 44px;
	overflow:visible
}
.rekhi-product-wrap{width:min(1220px,calc(100% - 32px));margin:0 auto}
.rekhi-product-hero{display:grid;gap:18px}
.rekhi-product-title-block{padding:18px 22px;display:grid;gap:12px}
.rekhi-product-title-block h1{font-size:clamp(28px,4.2vw,52px);line-height:1.05;margin:0;font-weight:950}
.rekhi-product-grid{
	display:grid;
	grid-template-columns:minmax(280px,5fr) minmax(280px,7fr);
	gap:22px;align-items:start
}
.rekhi-glass{
	border:1px solid var(--line);border-radius:12px;
	background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
	box-shadow:0 22px 70px rgba(0,0,0,.35);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.rekhi-product-media{
	/* No sticky: column (image+thumbs) exceeds viewport and forced nested scroll. */
	display:grid;grid-template-rows:auto auto;gap:14px;min-height:0;padding:12px;
	background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
	border-color:rgba(255,255,255,.18);
	align-self:start;overflow:visible
}
.rekhi-product-main-image{
	position:relative;display:flex;align-items:center;justify-content:center;text-align:center;
	/* aspect-ratio alone — avoid min-height+vh stacking past the viewport */
	aspect-ratio:4/5;max-height:min(560px,70vh);
	border:1px solid rgba(255,255,255,.16);border-radius:14px;
	background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.13),transparent 23%),linear-gradient(135deg,rgba(255,102,0,.12),rgba(78,163,255,.12)),#151820;
	overflow:hidden;color:#c8d0dc;font-weight:950;font-size:22px;padding:0
}
.rekhi-product-main-image img{
	position:absolute;inset:0;z-index:1;width:100%;height:100%;
	object-fit:cover;object-position:center;cursor:zoom-in
}
.rekhi-product-gallery-arrow{
	position:absolute;top:50%;transform:translateY(-50%);z-index:3;
	width:46px;height:56px;border:1px solid rgba(15,23,42,.08);border-radius:999px;
	background:rgba(255,255,255,.82);color:#17324d;backdrop-filter:blur(10px);
	font-size:34px;line-height:1;display:flex;align-items:center;justify-content:center;
	box-shadow:0 8px 18px rgba(15,23,42,.14);cursor:pointer
}
.rekhi-product-gallery-arrow.prev{left:18px}
.rekhi-product-gallery-arrow.next{right:18px}
.rekhi-product-main-image small{
	position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:2;
	padding:7px 12px;border-radius:999px;background:rgba(0,0,0,.42);
	border:1px solid rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:900
}
.rekhi-image-protect-layer{
	position:absolute;inset:0;z-index:1;
	background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.01));
	pointer-events:none
}
.rekhi-product-thumbs{display:grid;grid-template-columns:repeat(5,minmax(64px,1fr));gap:12px}
.rekhi-product-thumbs .rekhi-sp-thumb,
.rekhi-product-thumbs button{
	display:flex;align-items:center;justify-content:center;min-height:96px;aspect-ratio:1;
	border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.08);
	padding:0;overflow:hidden;cursor:pointer;opacity:.75;transition:opacity .15s,border-color .15s
}
.rekhi-product-thumbs .rekhi-sp-thumb img{width:100%;height:100%;object-fit:cover}
.rekhi-product-thumbs .rekhi-sp-thumb.is-active,
.rekhi-product-thumbs .rekhi-sp-thumb:focus-visible{
	border:2px solid var(--accent);background:rgba(255,102,0,.14);opacity:1;outline:none
}
.rekhi-media-aside{display:grid;gap:10px;margin-top:2px}
.rekhi-media-chips{display:flex;flex-wrap:wrap;gap:8px}
.rekhi-chip{
	padding:8px 11px;border:1px solid var(--line);border-radius:8px;
	background:rgba(255,255,255,.08);font-size:12px;font-weight:900;color:#fff
}
.rekhi-chip.green{border-color:rgba(56,217,104,.42);background:rgba(56,217,104,.12);color:#cbffd9}
.rekhi-chip.orange{border-color:rgba(255,102,0,.45);background:rgba(255,102,0,.13);color:#ffd5bd}
.rekhi-chip.blue{border-color:rgba(78,163,255,.42);background:rgba(78,163,255,.13);color:#d9ebff}
.rekhi-chip.gold{border-color:rgba(242,184,75,.42);background:rgba(242,184,75,.13);color:#ffe2a8}
.rekhi-media-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rekhi-media-proof-item{
	min-height:64px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);
	background:rgba(255,255,255,.07);display:grid;gap:4px;align-content:center
}
.rekhi-media-proof-item strong{font-size:16px;line-height:1;color:#fff}
.rekhi-media-proof-item span{font-size:11px;font-weight:800;color:var(--muted)}
.rekhi-media-proof-item.orange{background:linear-gradient(145deg,rgba(255,102,0,.2),rgba(255,255,255,.05));border-color:rgba(255,102,0,.34)}
.rekhi-media-proof-item.green{background:linear-gradient(145deg,rgba(56,217,104,.18),rgba(255,255,255,.05));border-color:rgba(56,217,104,.3)}
.rekhi-media-proof-item.blue{background:linear-gradient(145deg,rgba(78,163,255,.18),rgba(255,255,255,.05));border-color:rgba(78,163,255,.3)}
.rekhi-media-proof-item.gold{background:linear-gradient(145deg,rgba(242,184,75,.18),rgba(255,255,255,.05));border-color:rgba(242,184,75,.3)}
.rekhi-media-video-teaser{
	display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;
	border:1px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.06);
	text-decoration:none;color:#fff;transition:background .15s,border-color .15s
}
.rekhi-media-video-teaser:hover{background:rgba(255,102,0,.14);border-color:rgba(255,102,0,.4)}
.rekhi-media-video-icon{
	flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	background:var(--accent);color:#fff;font-size:14px;font-weight:950
}
.rekhi-media-video-copy{display:grid;gap:2px;min-width:0}
.rekhi-media-video-copy strong{font-size:13px;font-weight:900;line-height:1.25}
.rekhi-media-video-copy small{font-size:11px;font-weight:700;color:var(--muted)}
.rekhi-product-info{min-height:0;padding:20px;display:grid;gap:14px;align-content:start}
.rekhi-badge-row,.rekhi-keyword-row{display:flex;gap:8px;flex-wrap:wrap}
.rekhi-badge{
	padding:7px 10px;border:1px solid var(--line);border-radius:8px;
	background:rgba(255,255,255,.08);font-size:12px;font-weight:900;color:#fff
}
.rekhi-badge.green{border-color:rgba(56,217,104,.42);background:rgba(56,217,104,.12);color:#cbffd9}
.rekhi-badge.orange{border-color:rgba(255,102,0,.45);background:rgba(255,102,0,.13);color:#ffd5bd}
.rekhi-badge.blue{border-color:rgba(78,163,255,.42);background:rgba(78,163,255,.13);color:#d9ebff}
.rekhi-badge.gold{border-color:rgba(242,184,75,.42);background:rgba(242,184,75,.13);color:#ffe2a8}
.title-white{color:#fff}
.title-accent{color:var(--accent);text-shadow:0 0 28px rgba(255,102,0,.28)}
.title-blue{color:var(--blue);text-shadow:0 0 26px rgba(78,163,255,.22)}
.rekhi-product-bullets{
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;
	margin:4px 0 0;padding:0;list-style:none
}
.rekhi-product-bullets li{
	position:relative;padding:12px 12px 12px 34px;border:1px solid var(--line);border-radius:10px;
	background:rgba(255,255,255,.07);font-size:13px;font-weight:700;color:#f8fafc;line-height:1.45
}
.rekhi-product-bullets li:before{
	content:"";position:absolute;left:12px;top:16px;width:10px;height:10px;border-radius:50%;
	background:var(--accent);box-shadow:0 0 0 3px rgba(255,102,0,.18)
}
.rekhi-product-bullets li:nth-child(4n+2):before{border-radius:2px;background:var(--blue);box-shadow:0 0 0 3px rgba(78,163,255,.18)}
.rekhi-product-bullets li:nth-child(4n+3):before{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;background:#38d968;box-shadow:none;width:11px;height:10px}
.rekhi-product-bullets li:nth-child(4n+4):before{border-radius:1px;transform:rotate(45deg);background:#f2b84b;box-shadow:0 0 0 3px rgba(242,184,75,.16)}
.rekhi-product-summary{font-size:16px;color:#d8dee9;margin:0;max-width:760px;line-height:1.65}
.rekhi-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rekhi-btn{
	min-height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;
	text-decoration:none;font-weight:950;padding:0 14px;border:none;cursor:pointer
}
.rekhi-btn.primary{background:var(--accent);color:#fff}
.rekhi-btn.whatsapp{background:#16a34a;color:#fff}
.rekhi-btn.light{background:#fff;color:#111}
.rekhi-btn.outline{border:1px solid var(--line);color:#fff;background:rgba(255,255,255,.07)}
.rekhi-btn:hover{filter:brightness(1.06)}
.rekhi-proof-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:22px}
.rekhi-proof-card{
	min-height:108px;border-radius:12px;border:1px solid var(--line);padding:14px;
	background:rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.26)
}
.rekhi-proof-card strong{display:block;font-size:22px;line-height:1;margin-bottom:8px}
.rekhi-proof-card span{display:block;color:#edf2f7;font-size:13px;font-weight:850}
.rekhi-proof-card p{margin:6px 0 0;color:var(--muted);font-size:12px}
.rekhi-proof-card.orange{background:linear-gradient(145deg,rgba(255,102,0,.22),rgba(255,255,255,.06));border-color:rgba(255,102,0,.38)}
.rekhi-proof-card.green{background:linear-gradient(145deg,rgba(56,217,104,.2),rgba(255,255,255,.06));border-color:rgba(56,217,104,.34)}
.rekhi-proof-card.blue{background:linear-gradient(145deg,rgba(78,163,255,.2),rgba(255,255,255,.06));border-color:rgba(78,163,255,.34)}
.rekhi-proof-card.gold{background:linear-gradient(145deg,rgba(242,184,75,.2),rgba(255,255,255,.06));border-color:rgba(242,184,75,.34)}
.rekhi-product-detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-top:28px}
.rekhi-detail-panel{padding:18px;margin-top:28px}
.rekhi-product-detail-grid .rekhi-detail-panel{margin-top:0}
.rekhi-detail-panel h2{font-size:clamp(22px,3vw,30px);margin:0 0 14px;color:#fff}
.rekhi-detail-panel p{color:#d6dce6}
.rekhi-sp-long{color:#d8dee9;line-height:1.75;font-size:15px}
.rekhi-sp-long h2,.rekhi-sp-long h3{
	color:#fff;font-size:clamp(18px,2.2vw,24px);margin:1.35em 0 .55em;line-height:1.25;font-weight:850
}
.rekhi-sp-long h2:first-child,.rekhi-sp-long h3:first-child{margin-top:0}
.rekhi-sp-long p{margin:0 0 .9em;color:#d6dce6}
.rekhi-sp-long ul,.rekhi-sp-long .rekhi-sp-prose-list{
	margin:.4em 0 1em;padding:0;list-style:none;display:grid;gap:8px
}
.rekhi-sp-long li,.rekhi-sp-prose-list li{
	position:relative;padding:10px 12px 10px 32px;border:1px solid rgba(255,255,255,.1);
	border-radius:10px;background:rgba(255,255,255,.05);color:#edf2f7;line-height:1.5
}
.rekhi-sp-long li:before,.rekhi-sp-prose-list li:before{
	content:"";position:absolute;left:12px;top:15px;width:9px;height:9px;border-radius:50%;
	background:var(--accent);box-shadow:0 0 0 3px rgba(255,102,0,.16)
}
.rekhi-sp-long li:nth-child(4n+2):before,.rekhi-sp-prose-list li:nth-child(4n+2):before{
	border-radius:2px;background:var(--blue);box-shadow:0 0 0 3px rgba(78,163,255,.16)
}
.rekhi-sp-long li:nth-child(4n+3):before,.rekhi-sp-prose-list li:nth-child(4n+3):before{
	border-radius:0;background:#38d968;box-shadow:none;width:10px;height:9px;
	clip-path:polygon(50% 0,100% 100%,0 100%)
}
.rekhi-sp-long li:nth-child(4n+4):before,.rekhi-sp-prose-list li:nth-child(4n+4):before{
	border-radius:1px;background:#f2b84b;box-shadow:0 0 0 3px rgba(242,184,75,.15);
	width:8px;height:8px;transform:rotate(45deg)
}
.rekhi-sp-long strong{color:#fff;font-weight:800}
.rekhi-specs{width:100%;border-collapse:collapse;font-size:14px}
.rekhi-specs th,.rekhi-specs td{border-bottom:1px solid var(--line);padding:12px;text-align:left}
.rekhi-specs th{width:34%;background:rgba(255,255,255,.08);color:#fff}
.rekhi-specs td{color:#d8dee9}
.rekhi-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.rekhi-video-card{
	aspect-ratio:16/9;color:#fff;display:flex;align-items:center;justify-content:center;
	text-align:center;font-weight:950;padding:20px;overflow:hidden;flex-direction:column;gap:8px
}
.rekhi-video-card iframe,.rekhi-video-card video{width:100%;height:100%;border:0}
.rekhi-video-card.is-placeholder{
	background:rgba(255,255,255,.06);border-style:dashed;color:#c8d0dc
}
.rekhi-video-placeholder-label{font-size:16px;font-weight:950;color:#fff}
.rekhi-video-placeholder-hint{font-size:12px;font-weight:600;color:var(--muted);max-width:28ch}
.rekhi-product-thumbs .rekhi-sp-thumb.is-placeholder{
	display:flex;align-items:center;justify-content:center;cursor:default;
	color:#c8d0dc;font-size:12px;font-weight:900;pointer-events:none
}
.rekhi-sp-faq details{border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:12px 14px;background:rgba(255,255,255,.05)}
.rekhi-sp-faq summary{cursor:pointer;font-weight:800;color:#fff}
.rekhi-sp-faq-a{margin-top:8px;color:#d8dee9;font-size:14px}
.rekhi-product-cta{
	position:relative;overflow:hidden;margin-top:28px;
	background:radial-gradient(circle at 12% 20%,rgba(255,102,0,.34),transparent 26%),
		radial-gradient(circle at 82% 18%,rgba(78,163,255,.28),transparent 28%),
		radial-gradient(circle at 52% 92%,rgba(56,217,104,.22),transparent 24%),#08090c
}
.rekhi-cta-shell{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center}
.rekhi-cta-shell h2{font-size:clamp(24px,3.5vw,36px);margin:10px 0;color:#fff}
.rekhi-cta-shell p{max-width:780px;color:#d8dee9}
.rekhi-cta-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.rekhi-cta-mini-grid span{
	min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;
	border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);
	font-size:12px;font-weight:900;color:#fff;padding:6px
}
.rekhi-cta-mini-grid span:nth-child(1){background:rgba(255,102,0,.16)}
.rekhi-cta-mini-grid span:nth-child(2){background:rgba(78,163,255,.15)}
.rekhi-cta-mini-grid span:nth-child(3){background:rgba(56,217,104,.14)}
.rekhi-cta-mini-grid span:nth-child(4){background:rgba(242,184,75,.14)}
.rekhi-cta-button{width:100%;min-height:58px;border-radius:10px;white-space:nowrap}

/* Sticky RFQ bar — always routes to [rekhi_rfq_form] page */
.rekhi-sticky-rfq{
	position:fixed;left:0;right:0;bottom:0;z-index:90;
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
	background:rgba(10,10,15,.94);border-top:1px solid rgba(255,255,255,.12);
	backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
	box-shadow:0 -8px 28px rgba(0,0,0,.35)
}
.rekhi-sticky-rfq[hidden]{display:none!important}
.rekhi-sticky-rfq__title{color:#e8e8e8;font-size:.9rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rekhi-sticky-rfq__btn{flex:0 0 auto;min-height:44px;padding:10px 16px;border-radius:10px;white-space:nowrap}
.rekhi-gallery-lightbox{
	position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;
	padding:28px;background:rgba(0,0,0,.72);backdrop-filter:blur(18px)
}
.rekhi-gallery-lightbox.is-open,
.rekhi-gallery-lightbox:not([hidden]).is-open{display:flex}
.rekhi-gallery-lightbox-panel{
	position:relative;width:min(980px,96vw);height:min(92vh,980px);
	border:1px solid rgba(255,255,255,.18);border-radius:18px;
	background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
	box-shadow:0 30px 90px rgba(0,0,0,.6);padding:14px
}
.rekhi-gallery-lightbox-image{
	position:relative;width:100%;height:100%;border-radius:14px;
	background:#151820;display:flex;align-items:center;justify-content:center;overflow:hidden
}
.rekhi-gallery-lightbox-image img{max-width:100%;max-height:100%;object-fit:contain}
.rekhi-gallery-close{
	position:absolute;top:18px;right:18px;z-index:2;width:42px;height:42px;
	border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(0,0,0,.46);
	color:#fff;font-size:26px;cursor:pointer
}
.rekhi-gallery-nav{
	position:absolute;top:50%;transform:translateY(-50%);z-index:3;
	width:46px;height:56px;border:1px solid rgba(255,255,255,.22);border-radius:999px;
	background:rgba(0,0,0,.46);color:#fff;font-size:34px;line-height:1;
	display:flex;align-items:center;justify-content:center;cursor:pointer
}
.rekhi-gallery-nav.prev{left:18px}
.rekhi-gallery-nav.next{right:18px}
.rekhi-sp-shortcodes{margin-top:28px}
@media(max-width:980px){
	.rekhi-product-grid,.rekhi-product-detail-grid,.rekhi-video-grid{grid-template-columns:1fr}
	.rekhi-product-media{min-height:auto}
	.rekhi-product-info{min-height:auto}
	.rekhi-product-main-image{max-height:min(520px,68vh)}
	.rekhi-product-title-block{padding:16px 18px}
	.rekhi-proof-grid{grid-template-columns:repeat(2,1fr)}
	.rekhi-cta-shell{grid-template-columns:1fr}
}
@media(max-width:560px){
	.rekhi-product-wrap{width:min(100% - 22px,1220px)}
	.rekhi-product-hero{gap:14px}
	.rekhi-product-title-block{padding:14px}
	.rekhi-product-title-block h1{font-size:clamp(24px,7vw,34px)}
	.rekhi-product-media{padding:8px;gap:10px}
	.rekhi-product-main-image{max-height:min(420px,62vh);border-radius:12px}
	.rekhi-product-gallery-arrow{width:38px;height:48px;font-size:28px}
	.rekhi-product-gallery-arrow.prev{left:10px}
	.rekhi-product-gallery-arrow.next{right:10px}
	.rekhi-product-thumbs{grid-template-columns:repeat(4,1fr);gap:8px}
	.rekhi-product-thumbs .rekhi-sp-thumb{min-height:76px}
	.rekhi-media-proof{grid-template-columns:1fr 1fr}
	.rekhi-product-info{padding:14px}
	.rekhi-product-bullets,.rekhi-product-actions,.rekhi-proof-grid,.rekhi-cta-mini-grid{grid-template-columns:1fr}
	.rekhi-proof-card{min-height:86px}
}