/* Sante Global -- Hero Component */

/* -- Page header / category hero banners -- */
.ph{position:relative;height:58vh;min-height:460px;display:flex;align-items:flex-end;overflow:hidden;}
.ph-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);transition:transform 10s;}
.ph:hover .ph-bg{transform:scale(1);}
.ph-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,7,6,1) 0%,rgba(8,7,6,.65) 55%,rgba(8,7,6,.2) 100%);}
.ph-grad2{position:absolute;inset:0;background:linear-gradient(to right,rgba(8,7,6,.85) 0%,transparent 60%);}
.ph-content{position:relative;z-index:2;padding:0 5% 4.5rem;width:100%;}
.ph-content .eyebrow{margin-bottom:1.4rem;}
.cat-hero{position:relative;height:56vh;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;}
.ch-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.ch-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,7,6,1) 0%,rgba(8,7,6,.6) 50%,rgba(8,7,6,.2) 100%);}
.ch-content{position:relative;z-index:2;padding:0 5% 4rem;width:100%;}
.ch-content .eyebrow{margin-bottom:1.2rem;}

/* -- Product detail hero + layout -- */
.prod-hero{position:relative;height:50vh;min-height:380px;display:flex;align-items:flex-end;overflow:hidden;}
.prod-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.prod-hero-grad{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,rgba(8,7,6,.55) 60%,rgba(8,7,6,.2) 100%);}
.prod-hero-content{position:relative;z-index:2;padding:0 5% 3.5rem;}
.prod-wrap{padding:72px 5% 80px;}
.prod-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:6rem;margin-bottom:64px;}
.prod-visual{width:100%;height:280px;object-fit:cover;opacity:.75;filter:grayscale(15%);margin-bottom:56px;}
.p-rows{display:flex;flex-direction:column;margin-bottom:64px;}
.p-row{padding:28px 0;border-top:1px solid var(--line);position:relative;}
.p-row:last-child{border-bottom:1px solid var(--line);}
.p-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(to right,rgba(200,146,58,.08),transparent);transition:width .4s;}
.p-row:hover::before{width:100%;}
.p-row h4{font-family:'Cormorant',serif;font-size:1.2rem;font-weight:300;color:var(--cream);margin-bottom:.5rem;transition:transform .3s;}
.p-row:hover h4{transform:translateX(6px);}
.p-row p{font-size:.82rem;font-weight:300;color:var(--cream2);line-height:1.82;}
.p-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.65rem;}
.p-tag{font-size:.58rem;font-weight:500;color:var(--muted);border:1px solid var(--line);padding:2px 8px;}
.spec-sec{margin-bottom:56px;}
.spec-sec h2{font-family:'Cormorant',serif;font-size:1.4rem;font-weight:300;color:var(--cream);margin-bottom:1.2rem;}
.spec-tbl{width:100%;border-collapse:collapse;}
.spec-tbl thead th{font-size:.58rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--bg);background:var(--amber);padding:12px 18px;text-align:left;}
.spec-tbl td{font-size:.83rem;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--cream2);font-weight:300;}
.spec-tbl tr:hover td{background:var(--bg2);}
.spec-tbl td:first-child{color:var(--cream);font-weight:500;width:32%;}

/* -- Homepage hero -- */
.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:flex-end;overflow:hidden;}
.hero-media{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1920&q=85') center/cover;animation:hsc 20s ease-in-out infinite alternate;}
@keyframes hsc{from{transform:scale(1.08);}to{transform:scale(1);}}
.hero-grad{position:absolute;inset:0;background:linear-gradient(to right,rgba(8,7,6,.96) 0%,rgba(8,7,6,.75) 50%,rgba(8,7,6,.3) 100%);}
.hero-grad2{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,var(--bg) 0%,transparent 100%);}
.hero-content{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:flex-end;padding:0 5% 80px;gap:4rem;}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-size:.58rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin-bottom:2rem;}
.hero-tag::before{content:'';width:20px;height:1px;background:var(--amber);}
.hero h1{font-family:'Cormorant',serif;font-size:clamp(4rem,7.5vw,8rem);font-weight:300;line-height:.94;color:var(--cream);letter-spacing:-.02em;margin-bottom:2.5rem;}
.hero h1 em{font-style:italic;color:var(--amber);}
.hero h1 .small{font-size:.55em;display:block;font-weight:300;letter-spacing:.04em;}
.hero-btns{display:flex;gap:.85rem;flex-wrap:wrap;}
.hero-right p{font-size:.92rem;font-weight:300;color:rgba(240,234,224,.5);line-height:1.9;max-width:380px;margin-bottom:3.5rem;}
.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(200,146,58,.15);}
.hs{padding:1.8rem 2rem;border-right:1px solid rgba(200,146,58,.12);border-bottom:1px solid rgba(200,146,58,.12);}
.hs:nth-child(2),.hs:nth-child(4){border-right:none;}.hs:nth-child(3),.hs:nth-child(4){border-bottom:none;}
.hs strong{display:block;font-family:'Cormorant',serif;font-size:3rem;font-weight:300;color:var(--amber);line-height:1;}
.hs span{font-size:.58rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-top:6px;display:block;}
.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:3;}
.hero-scroll-line{width:1px;height:64px;background:linear-gradient(to bottom,var(--amber),transparent);animation:scrl 2s ease-in-out infinite;}
@keyframes scrl{0%{transform:scaleY(0);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}51%{transform:scaleY(1);transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}