/* Homepage hero + trust band (moved out of the inline <style> in biyani-homepage-hero.php; behaviour and
 * values unchanged). Enqueued from biyani-homepage-hero.php on the front page at the same wp_enqueue_scripts
 * priority (120) the inline block used, so its place in the cascade is unchanged.
 * Shared pieces it consumes: --bj-hero-h and --bj-hero-img-h (hero.css, .bj-hero scope), and the tokens in
 * tokens.css (--bj-ivory-2, --bj-radius-pill, --bj-space-*, the plum/gold/ivory trust band tokens).
 * Everything below is homepage-specific (slide layout, copy, buttons, backdrop, phone stacking).
 */
/* --bj-hero-h / --bj-hero-img-h come from the shared .bj-hero scope (biyani-design/hero.css; the section
   carries class bj-hero). Why that formula: the first view fits a laptop screen (owner, 2026-09-27; 1442x807
   measured): the announcement bar + header (127px at >=1280) and the trust band (112px, up to 129px if a
   line wraps) leave the rest for the hero, capped at the old 700px on tall screens. */
.biyani-home-hero{position:relative;overflow:hidden;background:var(--bj-ivory-2)}
.biyani-home-hero__track{display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:var(--bj-hero-h)}
.biyani-home-hero__track::-webkit-scrollbar{display:none}
.biyani-home-hero__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
.biyani-home-hero__backdrop{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.02)}
.biyani-home-hero__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,241,232,.96) 0%,rgba(247,241,232,.86) 42%,rgba(247,241,232,.28) 100%)}
.biyani-home-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,560px) minmax(260px,1fr);gap:40px;align-items:center;max-width:1320px;min-height:var(--bj-hero-h);margin:0 auto;padding:var(--bj-space-6)}
.biyani-home-hero__copy{padding-bottom:var(--bj-space-5)}
.biyani-home-hero__eyebrow{margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#7b5b3a}
.biyani-home-hero__title{margin:0;font-family:"Marcellus",serif;font-size:clamp(38px,min(4.2vw,7.4vh),60px);line-height:1.05;color:#17120e;text-wrap:balance}
.biyani-home-hero__description{max-width:520px;margin:22px 0 0;font-size:17px;line-height:1.8;color:#4b3c31}
.biyani-home-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.biyani-home-hero__button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:var(--bj-radius-pill);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}
.biyani-home-hero__button:hover{transform:translateY(-2px);text-decoration:none}
.biyani-home-hero__button--primary{background:#17120e;color:#fff;box-shadow:0 18px 40px rgba(23,18,14,.15)}
.biyani-home-hero__button--primary:hover{color:#fff}
.biyani-home-hero__button--secondary{background:rgba(255,255,255,.72);border:1px solid rgba(23,18,14,.12);color:#17120e;backdrop-filter:blur(8px)}
.biyani-home-hero__button--secondary:hover{color:#17120e}
.biyani-home-hero__media{display:flex;justify-content:flex-end;align-items:flex-end;height:100%}
.biyani-home-hero__media img{max-height:var(--bj-hero-img-h);width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(38,24,10,.18));-webkit-user-drag:none}
@media (max-width: 991px){
	.biyani-home-hero__title{font-size:clamp(40px,5vw,72px);text-wrap:wrap}
	/* Stack each slide content naturally — image on top, copy below — instead of the old fixed-height
	   layered box. The outer track stays a horizontal flex row (this is the phone swipe surface); only
	   the inner column direction changes here. */
	.biyani-home-hero{overflow:visible}
	.biyani-home-hero__track{min-height:0}
	.biyani-home-hero__backdrop{display:none}
	.biyani-home-hero__slide::after{display:none}
	.biyani-home-hero__inner{display:flex;flex-direction:column;align-items:stretch;grid-template-columns:none;gap:0;min-height:0;max-width:100%;margin:0;padding:0;background:linear-gradient(180deg,#f7f1e8 0%,#efe3cf 100%)}
	.biyani-home-hero__media{order:1;width:100%;height:auto;justify-content:center;align-items:center;padding:24px 18px 8px}
	.biyani-home-hero__media img{max-height:360px;width:auto;max-width:90%;object-fit:contain}
	.biyani-home-hero__copy{order:2;width:100%;padding:8px 22px 32px;text-align:center}
	.biyani-home-hero__description{margin:14px auto 0}
	.biyani-home-hero__actions{justify-content:center;margin-top:22px}
}
@media (max-width: 640px){
	.biyani-home-hero__title{font-size:34px;line-height:1.1}
	.biyani-home-hero__description{font-size:15px;line-height:1.65}
	.biyani-home-hero__button{width:100%}
	.biyani-home-hero__media{padding:20px 14px 4px}
	.biyani-home-hero__media img{max-height:300px;max-width:88%}
	.biyani-home-hero__copy{padding:8px 18px 32px}
}
@media (max-width: 400px){
	/* The currency disc (fixed bottom-left, 40x40 + 14px inset — do not move it, owner decision;
	   biyani-currency-routing.php) covers the hero CTAs on first paint only at these two widths
	   (S24 360, iPhone 16 393; clear from 412 up per the mobile audit). Free the CTA row from the
	   disc corner instead of moving the disc: a shorter media image, a 2-line description and a
	   side-by-side button row together pull the actions well clear of the disc area (its fixed
	   54px-tall band). */
	.biyani-home-hero__media{padding:16px 14px 0}
	.biyani-home-hero__media img{max-height:210px}
	.biyani-home-hero__copy{padding:6px 18px 32px}
	.biyani-home-hero__eyebrow{margin:0 0 10px}
	.biyani-home-hero__description{
		margin:10px auto 0;
		display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
	}
	.biyani-home-hero__actions{flex-wrap:nowrap;gap:10px;margin-top:14px}
	.biyani-home-hero__button{width:auto;flex:1 1 0;padding-left:10px;padding-right:10px}
}
@media (prefers-reduced-motion: reduce){
	.biyani-home-hero__track{scroll-behavior:auto}
}
/* Trust band under the hero: plum, information only (no links, hover or focus stops; owner, 2026-09-27),
   gold hairline dividers. From 992px the four facts share the hero content edges (1320 - 2x32): the first
   starts on the left edge, the last ends on the right edge, and the free space is split so every gap is
   equal and each divider sits in the middle of its gap (end items grow half as much as the middle two). */
.bj-trust{position:relative;overflow:hidden;background:var(--bj-plum-royal);cursor:default}
.bj-trust::before{content:"";position:absolute;inset:0;background:var(--bj-damask);opacity:.12;pointer-events:none}
.bj-trust__list{position:relative;z-index:1;list-style:none;display:flex;max-width:1320px;margin:0 auto;padding:0 32px}
.bj-trust__item{list-style:none;margin:0;flex:1 1 auto;display:flex;align-items:flex-start;justify-content:center;gap:var(--bj-space-4);min-height:calc(2 * 48px + 16px);padding:var(--bj-space-5) var(--bj-space-4);border-left:1px solid var(--bj-line-gold)}
.bj-trust__item:first-child{flex-grow:.5;justify-content:flex-start;padding-left:0;border-left:0}
.bj-trust__item:last-child{flex-grow:.5;justify-content:flex-end;padding-right:0}
.bj-trust__icon{flex:0 0 40px;width:40px;height:40px;color:var(--bj-gold)}
.bj-trust__text{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:224px}
.bj-trust__label{font-family:var(--bj-font-display);font-size:17px;line-height:1.25;color:var(--bj-ivory);text-wrap:balance}
.bj-trust__sub{font-family:var(--bj-font-body);font-size:13px;line-height:1.4;color:var(--bj-ivory);opacity:.78}
@media (max-width: 991px){
	.bj-trust__list{display:grid;grid-template-columns:1fr 1fr;padding:0 var(--bj-space-5)}
	.bj-trust__item,.bj-trust__item:first-child,.bj-trust__item:last-child{justify-content:flex-start;gap:var(--bj-space-3);min-height:0;padding:var(--bj-space-4) var(--bj-space-3);border-left:0;border-top:1px solid var(--bj-line-gold)}
	.bj-trust__item:nth-child(-n+2){border-top:0}
	.bj-trust__item:nth-child(even){border-left:1px solid var(--bj-line-gold)}
	.bj-trust__icon{flex:0 0 32px;width:32px;height:32px}
	.bj-trust__text{max-width:none}
	.bj-trust__label{font-size:15px;text-wrap:wrap}
	.bj-trust__sub{font-size:12px}
}