/* BHIKARI reference storefront polish — responsive visual layer */
:root{--bh-purple:#6c3aff;--bh-purple-2:#9333ea;--bh-ink:#101828;--bh-muted:#667085;--bh-border:#e6e8ef;--bh-lav:#f2edff}
body{background:#fff;color:var(--bh-ink)}
.bh-promo{height:36px;background:linear-gradient(90deg,#5b21d6 0%,#6c3aff 52%,#5b21d6 100%);gap:clamp(42px,9vw,150px);font-size:12px}
.bh-head{height:92px;grid-template-columns:48px 255px minmax(320px,1fr) 190px;gap:18px;padding:0 clamp(28px,3.2vw,48px);border-bottom:1px solid #eceef3}
.bh-menu{width:40px;height:40px;border-radius:9px;font-size:22px}
.bh-mark{width:58px;height:58px;background-size:58px 58px;border-radius:0}
.bh-brand{gap:11px}.bh-brand strong{font-size:30px;letter-spacing:-1px}.bh-brand small{font-size:11px;margin-top:5px}
.bh-search{height:46px;border-radius:11px}.bh-search input{font-size:14px}.bh-search button{width:96px;background:var(--bh-purple)}
.bh-head-actions{justify-content:space-between;gap:12px}.bh-head-actions button span{font-size:24px}
.bh-nav{height:48px;padding:0 clamp(28px,3.2vw,48px);gap:3px}.bh-nav button{font-size:13px;padding:9px 14px}.bh-nav button:first-child{background:var(--bh-lav);color:#5630ca}
.bh-location{max-width:1500px;padding:14px clamp(28px,3.2vw,48px) 8px}
.bh-main{max-width:1500px;padding:8px clamp(28px,3.2vw,48px) 52px}
.bh-hero{height:350px;border-radius:16px;background:linear-gradient(105deg,#eee7ff 0%,#fbf8ff 57%,#eee7ff 100%)}
.bh-hero-copy{width:48%;padding:43px 0 28px 4%}.bh-pill{background:#dfd2ff;color:#4c1d95;padding:8px 15px;font-size:11px}
.bh-hero h1{font-size:58px;line-height:1.03;letter-spacing:-2.5px;margin:17px 0 12px}.bh-hero p{font-size:14px;line-height:1.55}.bh-hero-actions{margin-top:20px}.bh-hero-actions button{padding:11px 19px}
.bh-shop{background:var(--bh-purple);border-color:var(--bh-purple)}
.bh-hero-art{width:56%;background-size:70% auto;background-position:center right}
.bh-dots{padding:11px 0 18px}.bh-dots i{width:8px;height:8px}.bh-dots i.active{width:24px;background:var(--bh-purple)}
.bh-benefits{min-height:70px;border-radius:13px}.bh-benefit{padding:12px 18px}.bh-benefit .ico{color:#26324a}
.bh-section{margin-top:30px}.bh-section-head{margin-bottom:14px}.bh-section-head h2{font-size:20px}.bh-section-head p{font-size:12px}
.bh-cats{gap:12px}.bh-cat{min-height:112px;border-radius:12px}.bh-cat .emoji{font-size:39px}.bh-cat span{font-size:12px}
.bh-promos{grid-template-columns:1.15fr 1fr 1fr;gap:16px}.bh-promo-card{height:170px;border-radius:14px;padding:22px}.bh-promo-card h3{font-size:17px}.bh-promo-card p{font-size:11px}.bh-promo-card button{padding:9px 13px}
.p-fashion{background:linear-gradient(110deg,#e9d8ff,#d5b0ff)}.p-mobile{background:linear-gradient(110deg,#b9e5d4,#82d0b8)}.p-home{background:linear-gradient(110deg,#d8edff,#b8d9fa)}
.bh-brands{gap:12px}.bh-brand-card{height:70px;border-radius:10px;font-size:16px}
.bh-bottom-features{margin-top:45px}
footer .logo:before{width:48px;height:48px}
@media(max-width:1100px){.bh-head{grid-template-columns:44px 210px minmax(240px,1fr) 165px}.bh-hero h1{font-size:50px}.bh-hero-art{background-size:76% auto}}
@media(max-width:820px){.bh-head{grid-template-columns:44px 1fr auto;grid-template-areas:'menu brand actions' 'search search search';height:auto}.bh-hero{height:330px}.bh-hero h1{font-size:45px}.bh-hero-art{background-size:92% auto}.bh-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bh-promo{height:32px}.bh-head{padding:9px 12px}.bh-mark{width:46px;height:46px;background-size:46px 46px}.bh-brand strong{font-size:22px}.bh-nav{padding:0 12px}.bh-location{padding:12px}.bh-main{padding:7px 12px 35px}.bh-hero{height:355px}.bh-hero-copy{padding:25px 20px}.bh-hero h1{font-size:37px}.bh-hero-art{height:62%;width:100%;background-size:82% auto}.bh-cat{min-height:88px}.bh-cat .emoji{font-size:28px}.bh-promos{grid-template-columns:1fr}.bh-promo-card{height:140px}.bh-brands{grid-template-columns:repeat(4,1fr)}
}