:root{--cream:#F9F3E6;--paper:#F9F3E6;--maroon:#4B1F24;--deep:#4B1F24;--gold:#d4a64d;--ink:#2E1A1A;--muted:#8A5A5A;--line:#EADCCB}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:Georgia,serif;font-weight:500}.topbar{height:36px;background:linear-gradient(90deg,#4B1F24,#4B1F24);color:#fff;text-align:center;padding:9px;font-size:13px}.topbar span{opacity:.5;margin:0 12px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;background:#F9F3E6;border-bottom:1px solid #EADCCB;position:sticky;top:0;z-index:20}.brand img{width:255px;height:78px;object-fit:contain}.brand{display:flex;align-items:center}nav{display:flex;gap:34px;font-family:Georgia,serif;font-size:18px}nav a:hover{color:var(--maroon)}.actions{display:flex;gap:22px;align-items:center;font-size:27px}.actions a{position:relative}.badge{position:absolute;right:-9px;top:-6px;background:#D62828;color:white;border-radius:50%;font:10px Arial;padding:3px 5px}.hamb,.mobile-menu{display:none}.hero{min-height:575px;background:linear-gradient(90deg,#1c0d08 0%,rgba(28,13,8,.93) 30%,rgba(28,13,8,.35) 58%,rgba(28,13,8,.05) 100%),url('assets/hero.jpg') right center/72% 100% no-repeat,#1c0d08;display:flex;align-items:center;color:#fff}.hero-copy{margin-left:7%;max-width:620px}.eyebrow{font-size:14px;letter-spacing:1px;font-weight:bold}.hero h1{font-size:68px;line-height:1.02;margin:20px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:18px;line-height:1.55;max-width:520px}.btn{display:inline-block;background:linear-gradient(90deg,#4B1F24,#4B1F24);color:white;border:0;border-radius:6px;padding:15px 26px;font-size:16px;cursor:pointer;text-align:center}.benefits{display:flex;gap:34px;margin-top:34px}.benefits span{padding-right:30px;border-right:1px solid #a98445;line-height:1.4}.section{max-width:1420px;margin:auto;padding:48px 6%}.title,.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.title h2,.title h1{font-size:34px;margin:0}.title a{color:var(--maroon)}.collections{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.collection{height:210px;position:relative;overflow:hidden;border-radius:8px;background:#3c1c12}.collection img{width:100%;height:100%;object-fit:cover;transition:.4s}.collection:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,10,6,.8),transparent 75%)}.collection div{position:absolute;left:24px;bottom:20px;color:white;z-index:2}.collection h3{font-size:26px;margin:0 0 10px}.collection:hover img{transform:scale(1.04)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;padding-bottom:16px;overflow:hidden}.product img{width:100%;height:300px;object-fit:cover}.product h3,.product p,.product .btn{margin-left:15px;margin-right:15px}.product h3{font:17px Georgia,serif;line-height:1.35}.price{font-weight:bold}.heart{position:absolute;right:12px;top:12px;background:white;border:0;border-radius:50%;width:34px;height:34px;font-size:20px}.product .btn{width:calc(100% - 30px);padding:11px}.pagehead{text-align:center;background:var(--cream);padding:65px 20px}.pagehead p{color:var(--maroon);font-weight:bold;letter-spacing:2px}.pagehead h1{font-size:50px;margin:8px}.pagehead span{color:var(--muted)}.big .collection{height:390px}.product-detail{display:grid;grid-template-columns:1.15fr 1fr;gap:60px}.gallery>img{width:100%;height:680px;object-fit:cover;border-radius:8px}.thumbs{display:flex;gap:12px;margin-top:12px}.thumbs img{width:90px;height:110px;object-fit:cover;border-radius:4px}.details h1{font-size:44px;margin:10px 0}.rating{color:var(--maroon)}.rating span,.muted{color:var(--muted)}.maroon{color:var(--maroon)}.swatches{display:flex;gap:10px;margin:12px 0 25px}.swatches i{width:28px;height:28px;border-radius:50%;background:#4B1F24}.swatches i:nth-child(2){background:#294a35}.swatches i:nth-child(3){background:#173d55}.swatches i:nth-child(4){background:#9a3654}.wide{display:block;width:100%;margin:10px 0}.outline{padding:14px;background:white;border:1px solid var(--maroon);color:var(--maroon);border-radius:5px}.detailtrust{padding:25px 0;color:#8A5A5A}.narrow{max-width:850px}.cartitem{display:grid;grid-template-columns:110px 1fr auto;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.cartitem img{width:110px;height:140px;object-fit:cover;border-radius:5px}.qty{display:inline-block;border:1px solid var(--line);padding:8px 12px;margin-top:14px}.summary{margin:25px 0 0 auto;max-width:450px}.summary p,.summary h3{display:flex;justify-content:space-between}.steps{display:flex;justify-content:space-between;margin:25px 0;color:#999}.steps b{color:var(--maroon)}.panel,.auth{border:1px solid var(--line);background:white;padding:25px;border-radius:8px;margin:18px 0}.choice{display:block;border:1px solid var(--line);padding:18px;margin:12px 0;line-height:1.6}.about-hero{height:330px;background:linear-gradient(90deg,rgba(40,10,10,.75),rgba(40,10,10,.2)),url('assets/cat1.jpg') center 35%/cover;color:white;display:flex;align-items:center;padding-left:8%}.about-hero h1{font-size:54px}.story{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.story img{width:100%;height:430px;object-fit:cover}.story p{font-size:18px;line-height:1.8}.features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px;color:var(--maroon)}.formgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}input,textarea{width:100%;padding:15px;border:1px solid var(--line);border-radius:5px;margin:7px 0;background:white}textarea{height:150px}.faqs details{border-bottom:1px solid var(--line);padding:18px 0}.faqs summary{font:20px Georgia,serif;cursor:pointer}.faqs p{color:var(--muted);line-height:1.6}.tabs{display:flex;justify-content:space-around;border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:12px}.tabs b{color:var(--maroon)}.center{text-align:center}footer{background:linear-gradient(135deg,#4B1F24,#4B1F24);color:white;padding:48px 7%;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}footer img{width:210px;filter:brightness(0) invert(1);opacity:.9}footer a{display:block;margin:10px 0;color:#EADCCB}.bottomnav{display:none}
@media(max-width:800px){.topbar{font-size:10px;height:30px}.topbar span{margin:0 4px}header{height:70px;padding:0 18px}.brand img{width:155px;height:58px}nav{display:none}.actions{font-size:20px;gap:13px}.hamb{display:block;border:0;background:none;font-size:22px;order:-1}.mobile-menu{position:fixed;inset:100px 0 0 0;background:linear-gradient(145deg,#4B1F24,#4B1F24);z-index:30;padding:35px;color:white}.menu-open .mobile-menu{display:block}.mobile-menu a{display:block;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.15)}.hero{min-height:650px;background:linear-gradient(0deg,rgba(22,8,5,.9),rgba(22,8,5,.08) 75%),url('assets/hero.jpg') 63% center/cover no-repeat;align-items:end;padding-bottom:45px}.hero-copy{margin:0 24px}.hero h1{font-size:44px}.hero p{font-size:15px}.benefits{gap:12px;font-size:12px}.benefits span{padding-right:12px}.section{padding:35px 18px}.title h2,.title h1{font-size:28px}.collections{grid-template-columns:1fr 1fr;gap:10px}.collection{height:190px}.collection h3{font-size:20px}.products{grid-template-columns:1fr 1fr;gap:12px}.product img{height:220px}.product h3{font-size:14px}.pagehead{padding:45px 18px}.pagehead h1{font-size:38px}.big .collection{height:230px}.product-detail,.story,.formgrid{grid-template-columns:1fr;gap:25px}.gallery>img{height:520px}.details h1{font-size:34px}.story img{height:330px}footer{grid-template-columns:1fr 1fr;padding-bottom:100px}.bottomnav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#F9F3E6;border-top:1px solid var(--line);z-index:25;padding:8px}.bottomnav a{text-align:center;font-size:20px}.bottomnav small{display:block;font-size:10px;margin-top:4px}.actions a:last-child{display:none}}
@media(max-width:480px){.collections{grid-template-columns:1fr 1fr}.products{grid-template-columns:1fr 1fr}.product img{height:190px}.collection{height:170px}.hero h1{font-size:39px}.gallery>img{height:430px}footer{grid-template-columns:1fr}.topbar{white-space:nowrap;overflow:hidden}.actions{gap:9px}.brand img{width:135px}}
/* ===== SUPARSHVA PREMIUM ACCOUNT PAGE ===== */
.auth{
  max-width:620px;
  margin:70px auto 90px;
  padding:42px 38px;
  background:#fffdf8;
  border:1px solid #EADCCB;
  border-radius:18px;
  box-shadow:0 18px 55px rgba(75,31,36,.10);
}

.auth::before{
  content:"Welcome to Suparshva Silk";
  display:block;
  text-align:center;
  font-family:Georgia,serif;
  font-size:30px;
  color:#4B1F24;
  margin-bottom:8px;
}

.auth::after{
  content:"Timeless elegance, made personal.";
  display:block;
  text-align:center;
  color:#8A5A5A;
  font-size:14px;
  margin-top:24px;
}

.tabs{
  display:flex;
  margin:28px 0 26px;
  border-bottom:1px solid #EADCCB;
}

.tabs b,.tabs span{
  width:50%;
  padding:14px;
  text-align:center;
  color:#8A5A5A;
  transition:.25s ease;
}

.tabs b{
  color:#4B1F24;
  border-bottom:3px solid #4B1F24;
}

.auth input:not([type="checkbox"]){
  width:100%;
  box-sizing:border-box;
  padding:15px 16px;
  margin:0 0 14px;
  border:1px solid #EADCCB;
  border-radius:9px;
  background:#fff;
  color:#2E1A1A;
  outline:none;
  font-size:14px;
}

.auth input:not([type="checkbox"]):focus{
  border-color:#8A5A5A;
  box-shadow:0 0 0 3px rgba(138,90,90,.10);
}

.auth label{
  display:flex;
  align-items:center;
  gap:8px;
  margin:2px 0 18px;
  color:#5b4141;
  font-size:14px;
}

.auth label input[type="checkbox"]{
  width:16px;
  height:16px;
  margin:0;
  accent-color:#4B1F24;
}

.auth .btn.wide{
  width:100%;
  padding:15px;
  border:0;
  border-radius:9px;
  background:#4B1F24;
  color:#fff;
  font-size:16px;
  cursor:pointer;
  transition:.25s ease;
}

.auth .btn.wide:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(75,31,36,.20);
}

.auth .outline.wide{
  width:100%;
  padding:13px;
  margin-top:10px;
  border:1px solid #8A5A5A;
  border-radius:9px;
  background:#fffdf8;
  color:#4B1F24;
  cursor:pointer;
}

.auth .center.muted{
  margin:18px 0 8px;
  text-align:center;
  color:#8A5A5A;
}

@media(max-width:700px){
  .auth{
    margin:35px 16px 60px;
    padding:30px 20px;
    border-radius:14px;
  }

  .auth::before{
    font-size:25px;
  }
}

/* Final consistency fixes */
.product a{display:block}.product .heart{z-index:3}.product .btn{display:block}.product-thumb{cursor:pointer;border:2px solid transparent}.product-thumb:hover{border-color:var(--maroon)}.qty button,.remove{border:0;background:transparent;color:var(--maroon);font-size:18px;cursor:pointer}.form-message{color:var(--maroon);font-weight:700;margin-top:14px}.panel a{color:var(--maroon)}@media(max-width:800px){.cartitem{grid-template-columns:80px 1fr auto}.cartitem img{width:80px;height:105px}.toolbar{gap:10px;align-items:flex-start}.pagehead span{display:block}.product h3{min-height:38px}.product-detail{overflow:hidden}}
