/* Oriya theme (Lee's design): Sora + Inter, white, ink buttons, dark photo hero */
:root{
  --bg:#FFFFFF; --paper:#FFFFFF;
  --violet:#5B21B6; --violet-deep:#3B0F73; --violet-hi:#7C3AED; --violet-wash:#F3EFFC; --violet-line:#DDD2F5;
  --ink:#14121A; --ink-2:#3D3949; --muted:#605B70;
  --line:#E6E3EE; --line-2:#D9D5E3;
  --silver:#DDD9E8; --silver-soft:#F4F2F7; --mist:#F4F2F7; --cream:#FBFAF9;
  --display:'Sora','Inter',system-ui,sans-serif;
  --text:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --lift:0 1px 2px rgba(20,18,26,.05),0 10px 28px -16px rgba(20,18,26,.25);
  --lift-hi:0 2px 4px rgba(20,18,26,.05),0 26px 50px -24px rgba(20,18,26,.35);
}
body{font:16px/1.6 var(--text);background:#fff;color:var(--ink)}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em}
h1,h2{font-weight:300}
h1 b,h2 b,h1 strong,h2 strong{font-weight:600}
h3{font-family:var(--display);font-weight:500}
.eyebrow{display:block;font:600 11.5px/1.2 var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--violet);margin-bottom:12px}

/* Buttons */
.btn{font:600 14px/1 var(--text);letter-spacing:.03em;padding:14px 26px}
.btn-primary{background:var(--ink);color:#fff;box-shadow:none}
.btn-primary:hover{background:var(--violet);color:#fff}
.btn-violet{background:var(--violet);color:#fff}
.btn-violet:hover{background:var(--violet-deep);color:#fff}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:var(--violet-wash);color:var(--ink)}
.btn-line{border:1px solid currentColor;color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-ghost-white{border:1px solid rgba(255,255,255,.8);color:#fff;background:transparent}
.btn-ghost-white:hover{background:#fff;color:var(--ink)}
.btn-lg{padding:16px 30px;font-size:14.5px}
.btn-sm{padding:10px 18px;font-size:13px}

/* Announcement + header */
.announce{background:var(--ink);color:rgba(255,255,255,.85);font-size:12.5px;letter-spacing:.02em;padding:9px 16px}
.site-head{background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
.head-main{height:74px;gap:26px}
.wordmark{display:flex;flex-direction:column;line-height:1;color:var(--ink)}
.wordmark:hover{color:var(--ink)}
.wordmark b{font:300 23px/1 var(--display);letter-spacing:.32em;margin-right:-.32em}
.wordmark small{font:500 8.5px/1 var(--text);letter-spacing:.42em;color:var(--violet);margin-top:5px}
.hsearch form{height:46px;border:1px solid var(--line);border-radius:999px;background:var(--mist)}
.hsearch form:focus-within{background:#fff;border-color:var(--ink);box-shadow:none}
.hsearch input{padding:0 20px;font:400 15px var(--text)}
.hsearch button{border-radius:0 999px 999px 0;background:var(--ink);padding:0 22px;font-weight:500}
.hsearch button:hover{background:var(--violet)}
.tool{font:500 11.5px var(--text);color:var(--ink)}
.tool:hover{background:none;color:var(--violet)}
.badge-count{background:var(--violet)}
.catbar{background:#fff;border-top:1px solid var(--line)}
.catbar-row{height:48px;justify-content:center}
.dd-top{color:var(--ink-2);font:500 14px var(--text);padding:0 15px}
.dd-top:hover,.dd:hover .dd-top,.dd:focus-within .dd-top{background:none;color:var(--violet)}
.dd-top.hot{color:var(--violet)}
.dd-top:focus-visible{outline:2px solid var(--violet);outline-offset:-6px}
.dd-right{margin-left:0}
.dd-menu{border-top:2px solid var(--ink);border-radius:0 0 16px 16px}
.dd-menu h5{font:600 11px var(--text);letter-spacing:.16em;text-transform:uppercase}
.dd-menu a{font-size:14.5px}
.dd-menu a:hover{background:var(--mist);color:var(--violet)}

/* Hero: photo with white text */
.hero2{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:#fff}
.hero2 img.bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% center}
.hero2::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,18,26,.88),rgba(20,18,26,.55) 50%,rgba(20,18,26,0))}
.hero2 .in{min-height:min(470px,62vh);display:flex;align-items:center;padding-top:56px;padding-bottom:56px}
.hero2 .hero-text{max-width:560px}
.hero2 .eyebrow{color:rgba(255,255,255,.7)}
.hero2 h1{color:#fff;font-size:clamp(38px,5.4vw,66px);line-height:1.04;margin:0 0 18px}
.hero2 p{color:rgba(255,255,255,.82);font-size:clamp(16px,1.4vw,18px);max-width:46ch;margin:0 0 30px}
.hero2 .cta{display:flex;flex-wrap:wrap;gap:12px}
@media (prefers-reduced-motion:no-preference){.hero2 .hero-text>*{animation:fadeup .8s cubic-bezier(.2,.7,.2,1) both}.hero2 .hero-text>*:nth-child(2){animation-delay:.06s}.hero2 .hero-text>*:nth-child(3){animation-delay:.12s}.hero2 .hero-text>*:nth-child(4){animation-delay:.18s}}
@keyframes fadeup{from{opacity:0;transform:translateY(16px)}}

/* Trust strip */
.trust{background:var(--cream);border-bottom:1px solid var(--line)}
.trust .row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-top:26px;padding-bottom:26px}
.trust .it{display:flex;gap:12px;align-items:center}
.trust svg{width:28px;height:28px;color:var(--violet);stroke-width:1.4}
.trust strong{display:block;font-size:14px}
.trust span{display:block;font-size:12.5px;color:var(--muted)}

/* Shop section on home */
.instock{padding:64px 0 30px}
.instock .head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.instock h2{font-size:clamp(28px,3.4vw,42px);margin:0}
.tabs2{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--mist);overflow-x:auto;scrollbar-width:none}
.tabs2::-webkit-scrollbar{display:none}
.tabs2 a{white-space:nowrap;padding:9px 17px;border-radius:999px;font-weight:500;font-size:14px;color:var(--muted)}
.tabs2 a:hover{color:var(--ink)}
.tabs2 a.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,18,26,.12)}
.instock .foot{text-align:center;margin-top:50px}
.instock .foot p{margin:14px 0 0;font-size:13px;color:var(--muted)}

/* Product card (Lee style) */
.grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:44px 22px}
.card{background:none;border:0;border-radius:0;box-shadow:none!important}
.card:hover{border-color:transparent}
.card-media{margin:0;border-radius:18px;background:var(--mist);aspect-ratio:1/1}
.card-media img{object-fit:cover}
.card:hover .card-media img{transform:scale(1.04)}
.card .add-overlay{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 13px var(--text);letter-spacing:.03em;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s,background .2s}
.card .add-overlay:hover{background:var(--violet)}
.card:hover .add-overlay,.card .add-overlay:focus-visible{opacity:1;transform:none}
@media (hover:none){.card .add-overlay{opacity:1;transform:none;padding:10px;font-size:12.5px}}
.card-flags{top:12px;left:12px}
.flag{background:#fff;border-radius:999px;padding:6px 11px;font:600 11px var(--text);letter-spacing:.02em;box-shadow:0 1px 3px rgba(20,18,26,.12)}
.flag-save{background:var(--violet);color:#fff}
.flag-sold{background:var(--ink);color:#fff}
.card-acts{top:12px;right:12px}
.card-body{padding:16px 2px 0}
.card .brand-eb{font:600 10.5px var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}
.card-title{font:500 16px/1.38 var(--display);letter-spacing:-.01em;margin:0}
.card-title a:hover{color:var(--violet)}
.card .specs-line{margin:5px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.card-foot{margin-top:12px;align-items:center}
.card .price{min-height:0;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}
.card .price b{font:600 16px var(--text);letter-spacing:0}
.card .price s{font-size:12.5px}
.card .war{font-size:11.5px;color:var(--muted);white-space:nowrap}
.card .only1{margin-top:6px;font-weight:500;font-size:12px}
.quick-open{display:none}
.specline,.goodfor{display:none}

/* Violet band */
.band{position:relative;overflow:hidden;background:var(--violet);color:#fff;isolation:isolate}
.band::before,.band::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(70px)}
.band::before{width:420px;height:420px;right:-120px;top:-140px;background:rgba(124,58,237,.6)}
.band::after{width:420px;height:420px;left:40px;bottom:-200px;background:rgba(59,15,115,.75)}
.band .in{padding-top:76px;padding-bottom:76px}
.band .eyebrow{color:rgba(255,255,255,.7)}
.band h2{color:#fff;font-size:clamp(28px,3.4vw,40px);max-width:30ch;margin:0}
.band .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:50px}
.band .stats div{border-top:1px solid rgba(255,255,255,.25);padding-top:18px}
.band .stats b{display:block;font:300 clamp(40px,5vw,58px)/1 var(--display);letter-spacing:-.03em}
.band .stats span{display:block;margin-top:8px;font-size:14px;color:rgba(255,255,255,.75)}

/* Repairs */
.repairs{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding:90px 0}
.repairs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.repairs h2{font-size:clamp(28px,3.4vw,40px)}
.repairs p{color:var(--muted);max-width:52ch}
.repairs ul{list-style:none;padding:0;margin:22px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.repairs li{display:flex;gap:9px;align-items:center;font-size:14.5px}
.repairs li svg{width:17px;height:17px;color:var(--violet);stroke-width:2.2}

/* Existing sections re-skinned */
.section{padding:70px 0}
.s-head h2{font-size:clamp(26px,3vw,38px)}
.cert{border-radius:18px;box-shadow:none;border:1px solid var(--line)}
.cert-mark{background:var(--ink)}
.cert-head strong{font-weight:500;letter-spacing:.06em}
.cert-wide{background:var(--cream)}
.finder{background:var(--ink);border-radius:22px}
.finder::after{background:radial-gradient(circle,rgba(124,58,237,.45),transparent 65%)}
.f-opts button.on{color:var(--ink)}
.f-result .btn{background:#fff;color:var(--ink)}
.scale b{background:var(--mist);color:var(--ink)}
.scale div{border-color:var(--line)}
.visit{background:var(--mist);color:var(--ink-2)}
.visit h2{color:var(--ink)}
.visit dt{color:var(--muted)}
.visit dd,.visit dd a{color:var(--ink)}
.faq summary{font-family:var(--display);font-weight:400}
.faq summary::after{border-color:var(--ink)}

/* Footer */
.site-foot{background:var(--ink);color:rgba(255,255,255,.7);margin-top:0;padding:70px 0 28px}
.site-foot .foot-logo{height:46px;width:auto;margin-bottom:22px}
.foot-grid h4{color:#fff;font:600 11px var(--text);letter-spacing:.18em;text-transform:uppercase}
.foot-grid>div>a{color:rgba(255,255,255,.7)}
.foot-grid>div>a:hover{color:#fff}
.foot-about p{color:rgba(255,255,255,.6)}
.foot-about .muted{color:rgba(255,255,255,.5)!important}
.foot-base{border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5)}

/* Pages */
.page-head h1{font-size:clamp(30px,4vw,46px)}
.cat-pills a{border-color:var(--line);background:#fff;font-weight:500}
.cat-pills a.on{background:var(--ink);border-color:var(--ink)}
.filters{border-radius:18px}
.fg-chips input:checked+span.c{background:var(--ink);border-color:var(--ink)}
.buy h1{font-weight:400}
.buy-price b{font:500 42px/1 var(--display);letter-spacing:-.03em}
.spec-tiles div,.assure,.form-card,.cart-line,.summary,.content-page .prose,.side-card,.spec-table{border-radius:16px}
.summary{background:#fff;box-shadow:none;border:1px solid var(--line)}
.pill-cert{background:var(--ink)}
.g-main{border-radius:20px;background:var(--mist);border:0}
.form-card>h3 i{background:var(--ink)}
.tick{background:var(--ink);box-shadow:none}
.choice:has(input:checked){border-color:var(--ink);background:var(--mist)}

@media (max-width:1180px){.catbar{display:none}}
@media (max-width:960px){
  .trust .row{grid-template-columns:1fr 1fr}
  .band .stats{grid-template-columns:1fr 1fr}
  .repairs{grid-template-columns:1fr;padding:60px 0}
}
@media (max-width:640px){
  .wordmark b{font-size:19px}
  .hero2 .in{min-height:0;padding-top:34px;padding-bottom:38px}
  .hero2 h1{font-size:36px}
  .hero2 p{font-size:15.5px;margin-bottom:22px}
  .hero2 .cta .btn{flex:1;padding:14px 16px}
  .trust .row{gap:16px;padding-top:20px;padding-bottom:20px}
  .trust svg{width:24px;height:24px}
  .instock{padding:40px 0 20px}
  .grid{grid-template-columns:1fr 1fr;gap:30px 12px}
  .card-media{border-radius:14px}
  .card-title{font-size:14.5px}
  .card .specs-line{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .card .war{display:none}
  .band .in{padding-top:54px;padding-bottom:54px}
  .repairs ul{grid-template-columns:1fr}
}
.card .only1{color:var(--muted)}
@media (max-width:640px){
  .head-main{height:auto}
  .card-foot{flex-direction:row;align-items:center;justify-content:space-between}
  .card .price{justify-content:flex-start}
  .hero2::after{background:linear-gradient(180deg,rgba(20,18,26,.82),rgba(20,18,26,.7))}
}