/* Brand mini-store theming — driven by CSS variables set from brand_settings. Never alters VAAZBAZE chrome. */
.store{--b-primary:#000;--b-accent:#FFC21A;--b-bg:#F5F4F0;--b-text:#111;--b-font:'Archivo',sans-serif;--b-r:0;--b-ptext:#fff;--b-atext:#000;background:var(--b-bg);color:var(--b-text);font-family:var(--b-font)}
.store .display,.store h1,.store h2,.store h3{font-family:var(--b-font)}
.store .btn{background:var(--b-primary);border-color:var(--b-primary);color:var(--b-ptext);border-radius:var(--b-r)}
.store .btn:hover{box-shadow:4px 4px 0 var(--b-accent)}
.store .btn.acc{background:var(--b-accent);border-color:var(--b-accent);color:var(--b-atext)} .store .btn.acc:hover{box-shadow:4px 4px 0 var(--b-primary)}
.store .btn.line{background:transparent;color:var(--b-text);border-color:var(--b-text)}
.store .pc .im{border-radius:var(--b-r)} .store .pc .bd{background:var(--b-primary);color:var(--b-accent)} .store .pc .qa button{background:var(--b-primary);color:var(--b-ptext)} .store .pc .qa button:hover{background:var(--b-accent);color:var(--b-atext)}
.store .link{border-color:var(--b-accent)} .store .link:hover{background:var(--b-accent);color:var(--b-atext)}
.store .opt.on,.store .pager a.on,.store .chip.on{background:var(--b-primary);color:var(--b-accent)}
.vbbar{background:#0B1B33;color:#fff;font-size:12px;font-weight:700}.vbbar .wrap{display:flex;justify-content:space-between;align-items:center;height:46px;gap:14px} .vbbar a{opacity:.9} .vbbar a:hover{color:var(--acc)} .vbbar .logo{font-size:20px;color:#fff}
.vbbar .r{display:flex;gap:18px;align-items:center}
.ann{background:var(--b-accent);color:var(--b-atext);text-align:center;padding:10px var(--pad);font-weight:800;font-size:14px}
.sh-hero{position:relative;color:var(--b-text);background:var(--b-bg)}
.sh-cover{height:clamp(220px,32vw,420px);position:relative;overflow:hidden;background:var(--b-primary)} .sh-cover img{width:100%;height:100%;object-fit:cover}
.sh-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.28),transparent 55%)}
.sh-info{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(16px,3vw,36px);align-items:end;margin-top:-64px;position:relative;z-index:2;padding-bottom:30px}
.sh-logo{width:clamp(96px,12vw,148px);aspect-ratio:1;border:3px solid var(--b-text);background:var(--b-primary);overflow:hidden;border-radius:var(--b-r)} .sh-logo img{width:100%;height:100%;object-fit:cover}
.sh-name{color:var(--b-text)} .sh-name h1{font-size:clamp(40px,7vw,96px);line-height:.88;text-transform:uppercase;font-weight:800;letter-spacing:-.01em} .sh-name p{max-width:60ch;margin-top:12px}
.sh-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-weight:700;font-size:14px;align-items:center} .sh-meta a{border-bottom:2px solid var(--b-accent)}
.sh-cta{display:flex;gap:10px;flex-wrap:wrap}
.secs{display:flex;flex-direction:column} .bs{padding:clamp(34px,5vw,72px) 0}
.bs h2{font-size:clamp(32px,5vw,64px);line-height:.9;text-transform:uppercase;font-weight:800;margin-bottom:24px}
.bs .head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.sec-drop{background:var(--b-primary);color:var(--b-ptext)} .sec-drop h2{color:var(--b-ptext)} .sec-drop .cd div{background:var(--b-bg);color:var(--b-text);border-color:var(--b-accent)}
.sec-about{background:var(--b-accent);color:var(--b-atext)} .sec-about .btn{background:var(--b-atext);color:var(--b-accent);border-color:var(--b-atext)}
.colrow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .colc{position:relative;aspect-ratio:4/5;overflow:hidden;display:block;background:var(--b-primary);border-radius:var(--b-r)} .colc img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)} .colc:hover img{transform:scale(1.05)}
.colc span{position:absolute;left:0;right:0;bottom:0;padding:16px;color:#fff;font-weight:800;font-size:22px;text-transform:uppercase;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.sh-hero2{padding:clamp(40px,7vw,100px) 0;background:var(--b-primary);color:var(--b-ptext)} .sh-hero2 h2{font-size:clamp(48px,10vw,150px);margin:0}
.store .ftr{background:var(--b-primary);color:var(--b-ptext)} .store-foot{padding:30px 0 40px;border-top:2px solid var(--b-text);font-size:13px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media (max-width:820px){.sh-info{grid-template-columns:1fr;margin-top:-50px}.colrow{grid-template-columns:repeat(2,1fr)}}
.vbbar .r a{white-space:nowrap} @media (max-width:560px){.vbbar .r a:nth-child(2){display:none}.vbbar .r{gap:12px}}