:root { --ink:#1b0d09; --ink-2:#28140d; --brown:#653019; --gold:#d8a834; --champ:#f5dfa8; --cream:#fff3d3; --muted:#b99a78; --line:rgba(245,223,168,.16); }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; overflow-x:hidden; color:var(--cream); background:radial-gradient(circle at 80% 6%,#682812 0,transparent 27rem),radial-gradient(circle at 10% 65%,rgba(126,50,31,.22),transparent 30rem),var(--ink); font-family:Vazirmatn,Tahoma,sans-serif; }
body.no-scroll { overflow:hidden; }
body::before { content:""; position:fixed; inset:0; z-index:-1; opacity:.22; pointer-events:none; background:repeating-linear-gradient(100deg,transparent 0 6px,rgba(255,255,255,.018) 7px 8px,transparent 9px 14px); }
button,a,input { font:inherit; } button { color:inherit; } a { color:inherit; text-decoration:none; } button { cursor:pointer; } img { display:block; max-width:100%; }
.shell { width:min(1200px,calc(100% - 40px)); margin-inline:auto; }
.page-glow { position:fixed; z-index:-2; border-radius:50%; filter:blur(70px); pointer-events:none; }.page-glow--one{width:18rem;height:18rem;right:14%;top:25rem;background:rgba(214,152,43,.09)}.page-glow--two{width:23rem;height:23rem;left:-10rem;bottom:6rem;background:rgba(124,32,50,.13)}
.site-header { height:92px; display:flex; align-items:center; justify-content:space-between; gap:22px; border-bottom:1px solid var(--line); position:relative; z-index:20; }
.brand { display:flex; align-items:center; gap:10px; direction:ltr; }.brand-mark { width:39px; height:39px; display:grid; place-items:center; border:1px solid rgba(216,168,52,.55); border-radius:50% 50% 42% 42%; color:var(--gold); font:18px 'DM Serif Display',serif; box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 24px rgba(216,168,52,.1); }.brand b{display:block;font:19px 'DM Serif Display',serif;letter-spacing:.08em}.brand small{display:block;color:#967458;font-size:9px;letter-spacing:.08em;margin-top:1px}
.brand-logo-crop,
.logo-chip {
  background-color: #050302;
  background-image: url("assets/logo-seyed-gold.png");
  background-repeat: no-repeat;
  background-position: center 17%;
  background-size: 210%;
}

/* Shipping and tracking */
.shipping-choice-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.shipping-choice-card {
  grid-template-columns: 44px 1fr auto;
  min-height: 118px;
  align-items: center;
}

.shipping-choice-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(215, 167, 42, 0.3);
  border-radius: 14px;
  color: var(--gold);
  background: rgba(215, 167, 42, 0.06);
  font-style: normal;
  font-size: 20px;
}

.shipping-choice-card em {
  display: block;
  margin-top: 7px;
  color: #d0a84c;
  font-size: 10px;
  font-style: normal;
}

.customer-shipment {
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(215, 167, 42, 0.22);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(69, 29, 13, 0.55), rgba(22, 8, 5, 0.72));
}

.customer-shipment__head,
.customer-shipment__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
}

.customer-shipment__head span,
.customer-shipment__grid span {
  display: block;
  color: var(--muted);
  font-size: 10px;
}

.customer-shipment__head b {
  color: var(--champagne);
  font-size: 12px;
}

.customer-shipment__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.customer-shipment__grid > div {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.018);
}

.customer-shipment__grid b {
  display: block;
  margin-top: 4px;
  font-size: 11px;
}

.customer-shipment__actions {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.customer-shipment__actions .outline-button {
  min-height: 36px;
  padding: 0 13px;
  text-decoration: none;
}

.tracking-code {
  direction: ltr;
  text-align: right;
  letter-spacing: 0.08em;
}

.customer-event-history {
  display: grid;
  gap: 7px;
  margin: 13px 0;
}

.customer-event-history > div {
  display: grid;
  grid-template-columns: 8px 1fr auto;
  gap: 9px;
  align-items: start;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.016);
}

.customer-event-history i {
  width: 7px;
  height: 7px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--gold);
}

.customer-event-history b,
.customer-event-history small {
  display: block;
}

.customer-event-history b {
  font-size: 10px;
}

.customer-event-history small,
.customer-event-history time {
  color: var(--muted);
  font-size: 9px;
}

.success-actions a.primary-wide-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

@media (max-width: 760px) {
  .shipping-choice-list {
    grid-template-columns: 1fr;
  }

  .shipping-choice-card {
    grid-template-columns: 40px 1fr;
  }

  .shipping-choice-card > strong {
    grid-column: 2;
  }

  .customer-shipment__grid {
    grid-template-columns: 1fr;
  }

  .customer-event-history > div {
    grid-template-columns: 8px 1fr;
  }

  .customer-event-history time {
    grid-column: 2;
  }
}
.product-card-link{position:absolute;z-index:2;inset:0}.product-card .favorite,.product-card .add-btn{position:relative;z-index:4}.product-card .favorite{position:absolute}
.avatar.brand-logo-crop {
  background-color: #050302;
  background-image: url("assets/logo-seyed-gold.png");
  background-repeat: no-repeat;
  background-position: center 17%;
  background-size: 210%;
}
.logo-chip {
  display: inline-grid;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(216, 168, 52, 0.45);
  border-radius: 50%;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 0 22px rgba(216, 168, 52, 0.08);
}
.nav { display:flex; align-items:center; gap:32px; color:#caac8d; font-size:13px; }.nav a { padding:35px 0; transition:.2s; }.nav a:hover{color:var(--champ)}
.header-actions{display:flex;align-items:center;gap:8px}.icon-btn,.menu-btn{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:50%;width:40px;height:40px;position:relative;transition:.2s}.icon-btn:hover,.menu-btn:hover{border-color:rgba(216,168,52,.55);background:rgba(216,168,52,.1)}.icon-btn{font-size:23px;line-height:1}.bag-button{font-size:18px}.bag-button span{position:absolute;top:-5px;left:-4px;display:grid;place-items:center;min-width:17px;height:17px;border-radius:99px;background:var(--gold);color:#2a1307;font-size:10px;font-weight:bold}.account-button{border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:0 3px;color:#e5cda9;font-size:12px}.avatar{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(216,168,52,.65);border-radius:50%;background:linear-gradient(140deg,#7d3d16,#1b0d07);font-size:13px}.menu-btn{display:none}.menu-btn i{display:block;width:16px;height:1px;background:currentColor;margin:4px auto}
.hero { min-height:610px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(20px,4vw,58px); padding-block:70px 54px; overflow:hidden; }.hero>*{min-width:0}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;color:#d1ab68;font-size:11px;letter-spacing:.03em;margin:0 0 18px}.eyebrow > span:first-child{width:42px;height:1px;flex:0 0 42px;background:linear-gradient(90deg,transparent,var(--gold))}.eyebrow > span:not(:first-child){width:auto;height:auto;flex:0 1 auto;background:none}.hero h1,.story h2,.section-heading h2{margin:0;font-family:'DM Serif Display',Vazirmatn,serif;font-weight:400}.hero h1{font-size:clamp(42px,5.2vw,78px);line-height:1.13;letter-spacing:-.03em}.hero h1 em{font-style:normal;color:var(--gold)}.hero-text{width:min(100%,430px);color:#c9aa8a;font-size:15px;line-height:2;margin:23px 0}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.gold-button{display:flex;align-items:center;gap:22px;padding:13px 20px;border:1px solid rgba(248,218,140,.6);background:linear-gradient(135deg,#c38a22,#f2cd74);color:#261005;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 12px 32px rgba(0,0,0,.22);transition:transform .2s}.gold-button:hover{transform:translateY(-3px)}.gold-button b{font-size:18px}.quiet-link{color:#e7c87e;font-size:12px}.trust-row{display:flex;align-items:center;gap:11px;margin-top:38px;color:#917157;font-size:10px}.trust-row i{width:3px;height:3px;background:var(--gold);border-radius:50%}
.hero-scene{width:100%;max-width:650px;height:500px;position:relative;display:grid;place-items:center;justify-self:end;perspective:1000px;overflow:hidden}.halo{position:absolute;border:1px solid rgba(216,168,52,.55);border-radius:50%;transform:rotate(-23deg)}.halo--outer{width:92%;height:64%;box-shadow:0 0 38px rgba(216,168,52,.17),inset 0 0 25px rgba(216,168,52,.05)}.halo--inner{width:70%;height:47%;border-color:rgba(245,223,168,.18);transform:rotate(37deg)}.product-orbit{width:min(430px,84%);max-width:430px;height:360px;overflow:hidden;padding:12px;border-radius:46% 54% 49% 51% / 44% 45% 55% 56%;background:linear-gradient(145deg,rgba(229,189,99,.36),rgba(104,48,22,.15) 28%,rgba(5,3,2,.2));box-shadow:0 35px 60px rgba(0,0,0,.48),inset 0 1px 1px rgba(255,255,255,.23);transform:rotateX(7deg) rotateY(-9deg);animation:float 5s ease-in-out infinite}.photo-frame{overflow:hidden;position:relative;width:100%;height:100%;border-radius:47% 53% 50% 50% / 47% 48% 52% 53%;background:#4c210d}.hero-photo::after,.card-image::after,.story-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(122deg,rgba(255,211,125,.2),transparent 35%,rgba(0,0,0,.1) 80%);mix-blend-mode:screen;pointer-events:none}.hero-photo img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center 43%;filter:saturate(.9) contrast(1.08)}.hero-caption{position:absolute;bottom:12px;right:0;left:0;text-align:center;color:#be9669;font-size:10px;letter-spacing:.18em}.floating-price{position:absolute;top:42px;left:8px;display:grid;grid-template-columns:auto auto;gap:5px 14px;align-items:center;min-width:174px;padding:12px 14px;border:1px solid rgba(245,223,168,.22);border-radius:14px;background:rgba(59,25,12,.67);box-shadow:0 18px 40px rgba(0,0,0,.25);backdrop-filter:blur(12px);transform:rotateY(12deg)}.floating-price span{grid-column:span 2;color:#b99472;font-size:9px}.floating-price b{color:#f0cf89;font-size:12px}.floating-price small{font-size:8px;font-weight:400}.floating-price em{color:#9dd6a9;font-size:9px;font-style:normal}.spark{position:absolute;color:#f2d27f;font-size:15px;text-shadow:0 0 20px #d8a834}.spark--one{top:20%;right:24%}.spark--two{bottom:23%;left:21%;font-size:10px}.spark--three{top:37%;left:10%;font-size:8px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:7px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018)}.benefits div{padding:20px 26px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 12px}.benefits div+div{border-right:1px solid var(--line)}.benefits b{grid-row:span 2;color:var(--gold);font:25px 'DM Serif Display',serif}.benefits span{color:#b89572;font-size:11px}.benefits small{color:#80634e;font-size:9px;line-height:1.7}
.collection{padding-block:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading p{margin:0 0 6px;color:#caa465;font-size:11px}.section-heading h2{font-size:38px}.section-heading>a{padding-bottom:7px;color:#e1be71;font-size:12px;border-bottom:1px solid rgba(216,168,52,.5)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{position:relative;overflow:hidden;border:1px solid rgba(245,223,168,.17);border-radius:20px;background:linear-gradient(150deg,rgba(122,56,24,.42),rgba(30,12,7,.65));box-shadow:0 24px 45px rgba(0,0,0,.18);transform-style:preserve-3d;transition:transform .3s,border-color .3s}.product-card:hover{transform:translateY(-9px) rotateX(2deg) rotateY(-2deg);border-color:rgba(216,168,52,.55)}.product-card--pink{background:linear-gradient(150deg,rgba(126,38,51,.54),rgba(34,10,10,.67))}.product-card--blue{background:linear-gradient(150deg,rgba(24,38,76,.56),rgba(15,12,19,.67))}.card-image{height:310px;position:relative;overflow:hidden;background:#3e1c0e}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform .5s;filter:saturate(.87) contrast(1.04)}.product-card:hover .card-image img{transform:scale(1.06)}.label,.favorite{position:absolute;z-index:2;top:14px}.label{right:14px;padding:5px 10px;border:1px solid rgba(245,223,168,.26);border-radius:20px;background:rgba(36,13,7,.56);color:#f2d18c;font-size:9px}.favorite{left:14px;width:30px;height:30px;border:1px solid rgba(245,223,168,.23);border-radius:50%;background:rgba(36,13,7,.45);font-size:18px;line-height:1;color:#f5d388}.favorite.saved{color:#f2b2bb}.product-info{display:flex;align-items:end;justify-content:space-between;gap:9px;padding:17px}.product-info h3{margin:0 0 4px;font-size:14px;font-weight:600}.product-info p{margin:0 0 8px;color:#aa8668;font-size:10px}.product-info b{color:#f2d28d;font-size:12px}.product-info small{font-size:9px;font-weight:400}.product-info .add-btn{width:37px;height:37px;flex:0 0 auto;border:1px solid rgba(216,168,52,.55);border-radius:50%;background:rgba(216,168,52,.1);color:var(--gold);font-size:22px;transition:.2s}.product-info .add-btn:hover{background:var(--gold);color:#2c1206;transform:rotate(90deg)}
.story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,110px);align-items:center;padding-bottom:112px}.story-visual{height:390px;position:relative;overflow:hidden;border:1px solid rgba(245,223,168,.2);border-radius:50% 50% 4px 4px;background:#552611;transform:rotate(-2deg);box-shadow:22px 25px 0 rgba(216,168,52,.08)}.story-visual img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.8)}.story-copy h2{font-size:clamp(35px,4vw,58px);line-height:1.28}.story-copy>p:not(.eyebrow){color:#c3a183;font-size:14px;line-height:2.1;margin:24px 0}.footer{display:flex;align-items:center;justify-content:space-between;padding-block:18px;border-top:1px solid var(--line);color:#9f7d5f;font-size:10px}.footer a{color:#d4ad69}.footer-logo{display:block;width:72px;height:72px;overflow:hidden;border-radius:16px;box-shadow:0 0 28px rgba(216,168,52,.08)}.footer-logo img{display:block;width:100%;height:100%;object-fit:cover}
.account-panel{position:fixed;z-index:50;top:0;bottom:0;right:0;width:min(420px,100%);padding:28px;background:linear-gradient(140deg,#2b1209,#120806);border-left:1px solid rgba(245,223,168,.22);box-shadow:-30px 0 70px rgba(0,0,0,.45);transform:translateX(104%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.account-panel.open{transform:translateX(0)}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head p,.latest-order p{margin:0 0 5px;color:#a98061;font-size:10px}.panel-head h2{margin:0;font:28px 'DM Serif Display',Vazirmatn,serif}.close-panel,.close-search{border:0;background:transparent;color:#eccf90;font-size:28px;line-height:1}.member-card{display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:center;position:relative;margin:27px 0 18px;padding:16px;border:1px solid rgba(216,168,52,.35);border-radius:17px;background:radial-gradient(circle at 85% 0,rgba(216,168,52,.25),transparent 50%),rgba(255,255,255,.04)}.member-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e4ba54,#663013);color:#271205;font-weight:bold}.member-card p{margin:0;color:#e8c87c;font-size:11px}.member-card b{display:block;margin:4px 0;color:#fff0bd;font-size:14px}.member-card small{color:#a88769;font-size:9px}.progress{grid-column:span 2;height:3px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.14)}.progress i{display:block;width:62%;height:100%;background:linear-gradient(90deg,#b57c1f,#f6d982)}.panel-nav{display:grid;gap:5px}.panel-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 11px;border:0;border-radius:10px;background:transparent;color:#c7a88b;text-align:right;font-size:12px}.panel-nav button span{width:18px;color:#e0b650;font-size:16px}.panel-nav button b{margin-right:auto;color:#a98b6e;font-weight:400}.panel-nav button.active,.panel-nav button:hover{background:rgba(216,168,52,.11);color:#f7dfac}.latest-order{margin-top:26px;padding:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.latest-order div{display:flex;justify-content:space-between;font-size:12px}.latest-order b{color:#a8d2aa;font-size:10px;font-weight:500}.latest-order small{display:block;margin-top:6px;color:#896e57;font-size:9px}.logout{margin-top:18px;border:0;background:transparent;color:#bf8d71;font-size:11px}.backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.54);backdrop-filter:blur(4px)}.search-modal{position:fixed;inset:0;z-index:45;display:grid;place-items:start center;padding-top:130px;background:rgba(9,4,2,.72);backdrop-filter:blur(10px)}.search-modal>div{width:min(570px,calc(100% - 40px));position:relative;padding:25px;border:1px solid rgba(245,223,168,.25);border-radius:17px;background:#2b130a;box-shadow:0 20px 70px rgba(0,0,0,.45)}.search-modal label{display:block;margin-bottom:12px;color:#e6c778;font-size:13px}.search-modal input{width:100%;padding:14px;color:var(--cream);border:1px solid var(--line);border-radius:10px;outline:0;background:rgba(255,255,255,.04)}.search-modal input:focus{border-color:var(--gold)}.close-search{position:absolute;top:15px;left:17px}.toast{position:fixed;z-index:80;bottom:22px;left:50%;padding:12px 18px;border:1px solid rgba(216,168,52,.45);border-radius:13px;background:#291207;color:#f5d991;font-size:11px;box-shadow:0 15px 35px rgba(0,0,0,.35);transform:translate(-50%,25px);opacity:0;transition:.24s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease var(--delay,0ms),transform .7s ease var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:rotateX(7deg) rotateY(-9deg) translateY(-11px)}}
@media (max-width:1050px){.nav{gap:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card:last-child{grid-column:1/-1;width:min(100%,520px);justify-self:center}}
@media (max-width:860px){.shell{width:min(100% - 28px,680px)}.site-header{height:74px}.nav{position:absolute;z-index:5;top:74px;right:0;left:0;display:none;padding:11px 18px;gap:0;border:1px solid var(--line);border-radius:0 0 15px 15px;background:#281109}.nav.open{display:grid}.nav a{padding:11px 0}.account-button span:last-child,.search-button{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding-top:42px;gap:10px;overflow:visible}.hero-copy{order:1}.hero-scene{order:0;justify-self:center;height:380px;max-width:560px}.hero h1{font-size:clamp(39px,11vw,56px)}.hero-text{font-size:13px;margin:15px 0}.trust-row{margin-top:25px}.product-orbit{width:min(285px,82vw);height:286px}.floating-price{top:19px;left:0;transform:scale(.86);transform-origin:left top}.hero-caption{bottom:1px}.benefits{margin-top:0}.benefits div{padding:13px 9px;display:grid;gap:2px;text-align:center}.benefits b{font-size:20px}.benefits span{font-size:8px}.benefits div+div{border-right:1px solid var(--line)}.collection{padding-block:72px}.section-heading h2{font-size:30px}.section-heading>a{font-size:10px}.product-grid{grid-template-columns:1fr;gap:15px}.product-card:last-child{grid-column:auto;width:100%}.card-image{height:300px}.story{grid-template-columns:1fr;padding-bottom:70px}.story-visual{height:300px;order:2}.story-copy{order:1}.footer{gap:12px;flex-wrap:wrap}.footer span,.footer a{font-size:9px}}
#bestsellers{grid-template-columns:repeat(var(--home-columns,3),minmax(0,1fr))}
@media(max-width:860px){
  #bestsellers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #bestsellers .product-card:last-child{grid-column:auto;width:auto}
  #bestsellers .card-image{height:220px}
  #bestsellers .product-info{padding:11px;gap:5px}
  #bestsellers .product-info h3{font-size:11px}
  #bestsellers .product-info p{font-size:8px}
  #bestsellers .product-info b{font-size:10px}
  #bestsellers .product-info .add-btn{width:30px;height:30px;font-size:18px}
}
@media(max-width:1050px){#bestsellers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){#bestsellers{grid-template-columns:1fr}.home-products-empty{grid-column:1/-1;color:#a98769}}
@media (max-width:480px){.hero-scene{height:335px}.product-orbit{width:min(250px,78vw);height:252px}.floating-price{left:-8px;transform:scale(.76)}.hero-actions{gap:14px}.benefits{grid-template-columns:1fr}.benefits div+div{border-right:0;border-top:1px solid var(--line)}.section-heading{align-items:start;gap:12px}.section-heading>a{white-space:nowrap}}

/* SEYED GOLD customer experience */
:focus-visible {
  outline: 2px solid #efc96e;
  outline-offset: 3px;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.panel-kicker {
  color: #cf9f3a;
  font-size: 10px;
  letter-spacing: 0.08em;
}

.panel-kicker--brand {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  direction: ltr;
}

.panel-kicker--brand .logo-chip {
  width: 25px;
  height: 25px;
}

.side-panel {
  position: fixed;
  z-index: 120;
  overflow: hidden;
  border: 1px solid rgba(245, 223, 168, 0.2);
  background:
    radial-gradient(circle at 90% 0, rgba(216, 168, 52, 0.11), transparent 28rem),
    linear-gradient(145deg, rgba(47, 20, 10, 0.98), rgba(15, 7, 5, 0.99));
  box-shadow: 0 36px 100px rgba(0, 0, 0, 0.62);
  opacity: 0;
  transition:
    transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
    opacity 0.25s ease;
}

.side-panel.open {
  opacity: 1;
}

.account-panel.side-panel {
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  width: auto;
  max-width: 1180px;
  margin-inline: auto;
  padding: 0;
  border-radius: 28px;
  transform: translateY(22px) scale(0.985);
}

.account-panel.side-panel.open {
  transform: translateY(0) scale(1);
}

.cart-panel {
  top: 0;
  right: 0;
  bottom: 0;
  width: min(470px, 100%);
  transform: translateX(105%);
}

.cart-panel.open {
  transform: translateX(0);
}

.cart-panel.expanded {
  width: min(820px, 100%);
}

.free-shipping {
  margin: 16px 0;
  padding: 14px;
  border: 1px solid rgba(215, 167, 42, 0.18);
  border-radius: 14px;
  background: rgba(215, 167, 42, 0.035);
}

.free-shipping > div:first-child {
  display: flex;
  justify-content: space-between;
  color: #b89872;
  font-size: 9px;
}

.free-shipping b {
  color: #e1bb61;
}

.free-shipping__bar {
  overflow: hidden;
  height: 4px;
  margin-top: 9px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.08);
}

.free-shipping__bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8a5317, #f0d06f);
  transition: width 0.35s ease;
}

.drawer-head,
.account-topbar,
.checkout-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.drawer-head {
  height: 94px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--line);
}

.drawer-head h2 {
  margin: 4px 0 0;
  font: 30px "DM Serif Display", Vazirmatn, serif;
}

.panel-close,
.modal-close,
.checkout-header > button {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  color: #e8ca8c;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.025);
  font-size: 25px;
  line-height: 1;
}

.drawer-body {
  height: calc(100% - 190px);
  overflow: auto;
  padding: 18px 22px;
  scrollbar-width: thin;
  scrollbar-color: rgba(216, 168, 52, 0.35) transparent;
}

.drawer-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  gap: 8px;
  padding: 15px 22px 18px;
  border-top: 1px solid var(--line);
  background: rgba(19, 8, 5, 0.94);
  backdrop-filter: blur(16px);
}

.cart-list {
  display: grid;
  gap: 11px;
}

.cart-line {
  position: relative;
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 13px;
  padding: 11px;
  border: 1px solid rgba(245, 223, 168, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.025);
}

.cart-line.is-unavailable {
  border-color: rgba(212, 126, 114, 0.34);
}

.cart-line.is-unavailable > img {
  filter: grayscale(0.7) brightness(0.65);
}

.cart-stock-warning {
  display: block;
  margin-top: 5px;
  color: #d98c83;
  font-size: 8px;
}

.cart-line > img {
  width: 86px;
  height: 104px;
  border-radius: 12px;
  object-fit: cover;
  object-position: center 55%;
}

.cart-line__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
}

.cart-line h3 {
  overflow: hidden;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cart-line p {
  margin: 4px 0 0;
  color: #9f8065;
  font-size: 9px;
}

.cart-line strong {
  color: #edca7e;
  font-size: 11px;
}

.line-remove {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 24px;
  height: 24px;
  padding: 0;
  color: #aa806d;
  border: 0;
  background: transparent;
  font-size: 18px;
}

.quantity-control {
  display: grid;
  grid-template-columns: 27px 28px 27px;
  align-items: center;
  align-self: end;
  overflow: hidden;
  border: 1px solid rgba(216, 168, 52, 0.24);
  border-radius: 999px;
}

.quantity-control button {
  height: 27px;
  padding: 0;
  border: 0;
  background: rgba(216, 168, 52, 0.08);
}

.quantity-control button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.quantity-control span {
  text-align: center;
  font-size: 10px;
}

.price-summary {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.02);
}

.price-summary > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #b49475;
  font-size: 10px;
}

.price-summary b {
  color: #e9c989;
  font-size: 11px;
}

.price-summary .discount-row b {
  color: #a5d1a5;
}

.price-summary .price-summary__total {
  margin-top: 3px;
  padding-top: 13px;
  color: #f6dfad;
  border-top: 1px solid var(--line);
  font-size: 12px;
}

.price-summary__total b {
  color: #f3cd72;
  font-size: 15px;
}

.secure-note,
.gateway-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 13px;
  padding: 12px;
  color: #9b7d63;
  border-radius: 13px;
  background: rgba(216, 168, 52, 0.055);
  font-size: 9px;
  line-height: 1.8;
}

.secure-note span {
  color: #d8a834;
  font-size: 18px;
}

.secure-note p,
.gateway-note p {
  margin: 0;
}

.checkout-button,
.primary-wide-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 50px;
  padding: 11px 18px;
  color: #271106;
  border: 1px solid rgba(250, 226, 165, 0.6);
  border-radius: 999px;
  background: linear-gradient(120deg, #b87d1d, #f1d27a 48%, #c18a26);
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.23);
  font-weight: 700;
}

.checkout-button b {
  font-size: 18px;
}

.checkout-button.is-loading::after,
.primary-wide-button.is-loading::after {
  width: 14px;
  height: 14px;
  content: "";
  border: 2px solid rgba(38, 16, 5, 0.28);
  border-top-color: #261005;
  border-radius: 50%;
  animation: button-spin 0.75s linear infinite;
}

@keyframes button-spin {
  to {
    transform: rotate(360deg);
  }
}

.text-button,
.guest-button {
  padding: 8px;
  color: #b99470;
  border: 0;
  background: transparent;
  font-size: 10px;
}

.compact-button {
  min-height: 42px;
  margin-top: 4px;
  padding: 10px 16px;
}

.empty-state {
  display: grid;
  justify-items: center;
  min-height: 260px;
  place-content: center;
  padding: 28px;
  text-align: center;
}

.empty-state__icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  color: #deb656;
  border: 1px solid rgba(216, 168, 52, 0.32);
  border-radius: 50%;
  background: rgba(216, 168, 52, 0.07);
  font-size: 26px;
}

.empty-state h3 {
  margin: 17px 0 7px;
  font: 24px "DM Serif Display", Vazirmatn, serif;
}

.empty-state p {
  max-width: 310px;
  margin: 0 0 15px;
  color: #a7886b;
  font-size: 11px;
  line-height: 1.9;
}

.account-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  height: 100%;
}

.account-sidebar {
  overflow: auto;
  padding: 25px 18px;
  border-left: 1px solid var(--line);
  background: rgba(13, 6, 4, 0.52);
}

.account-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  direction: ltr;
}

.account-brand span,
.checkout-brand span,
.modal-brand {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: #d7aa45;
  border: 1px solid rgba(216, 168, 52, 0.5);
  border-radius: 50%;
  font: 13px "DM Serif Display", serif;
}

.account-brand .logo-chip,
.checkout-brand .logo-chip {
  color: transparent;
}

.account-brand b {
  font: 15px "DM Serif Display", serif;
  letter-spacing: 0.08em;
}

.member-profile {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 11px;
  margin: 26px 0 13px;
}

.member-profile .member-avatar {
  width: 48px;
  height: 48px;
}

.member-profile span {
  color: #c99b42;
  font-size: 9px;
}

.member-profile h2 {
  margin: 2px 0;
  font-size: 14px;
}

.member-profile p {
  margin: 0;
  color: #8f7158;
  font-size: 9px;
}

.loyalty-card {
  margin-bottom: 18px;
  padding: 13px;
  border: 1px solid rgba(216, 168, 52, 0.24);
  border-radius: 14px;
  background:
    radial-gradient(circle at 90% 0, rgba(216, 168, 52, 0.2), transparent 65%),
    rgba(255, 255, 255, 0.025);
}

.loyalty-card > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 9px;
}

.loyalty-card b {
  color: #f0cc7a;
  font-size: 15px;
}

.loyalty-card p {
  margin: 8px 0;
  color: #8e7058;
  font-size: 8px;
}

.loyalty-progress {
  overflow: hidden;
  height: 3px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.12);
}

.loyalty-progress i {
  display: block;
  width: 62%;
  height: 100%;
  background: linear-gradient(90deg, #b57c1f, #f5d780);
}

.account-nav {
  display: grid;
  gap: 4px;
}

.account-nav button {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  align-items: center;
  gap: 7px;
  width: 100%;
  padding: 10px 11px;
  color: #ac8b6d;
  border: 0;
  border-radius: 10px;
  background: transparent;
  text-align: right;
  font-size: 10px;
  transition: 0.2s ease;
}

.account-nav button span {
  color: #cda33f;
  font-size: 15px;
}

.account-nav button b {
  font-size: 16px;
  font-weight: 400;
}

.account-nav button:hover,
.account-nav button.active {
  color: #f6dfac;
  background: rgba(216, 168, 52, 0.1);
}

.account-main {
  min-width: 0;
  overflow: auto;
}

.account-topbar {
  position: sticky;
  z-index: 4;
  top: 0;
  height: 72px;
  padding: 0 24px;
  color: #a98768;
  border-bottom: 1px solid var(--line);
  background: rgba(31, 13, 8, 0.82);
  font-size: 10px;
  backdrop-filter: blur(18px);
}

.admin-account-link {
  margin-right: auto;
  padding: 8px 13px;
  border: 1px solid rgba(216,168,52,.45);
  border-radius: 999px;
  color: #e0b84f;
  font-size: 9px;
  text-decoration: none;
}
.admin-account-link:hover { background: rgba(216,168,52,.1); color: #f4d98e; }

.mobile-account-menu {
  display: none;
  border: 0;
  background: transparent;
}

.account-view {
  padding: 24px;
}

.dashboard-welcome,
.content-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.dashboard-welcome span,
.content-heading span {
  color: #c79a43;
  font-size: 9px;
}

.dashboard-welcome h2,
.content-heading h2 {
  margin: 4px 0 0;
  font: 30px "DM Serif Display", Vazirmatn, serif;
}

.dashboard-welcome p {
  margin: 7px 0 0;
  color: #9e8066;
  font-size: 10px;
}

.dashboard-date {
  padding: 8px 11px;
  color: #b28f6f !important;
  border: 1px solid var(--line);
  border-radius: 999px;
}

.stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 21px;
}

.stat-grid article {
  position: relative;
  overflow: hidden;
  padding: 17px;
  border: 1px solid rgba(245, 223, 168, 0.12);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012));
}

.stat-grid article::after {
  position: absolute;
  top: -28px;
  left: -25px;
  width: 80px;
  height: 80px;
  content: "";
  border-radius: 50%;
  background: rgba(216, 168, 52, 0.06);
  filter: blur(2px);
}

.stat-grid span,
.stat-grid small {
  display: block;
  color: #92735b;
  font-size: 8px;
}

.stat-grid b {
  display: block;
  margin: 8px 0 4px;
  color: #ebc979;
  font: 25px "DM Serif Display", serif;
}

.dashboard-section {
  margin-top: 25px;
}

.content-heading {
  margin-bottom: 16px;
}

.content-heading h3 {
  margin: 4px 0 0;
  font-size: 15px;
}

.content-heading > button,
.content-heading > b {
  color: #c69e4c;
  border: 0;
  background: transparent;
  font-size: 9px;
  font-weight: 400;
}

.order-list {
  display: grid;
  gap: 12px;
}

.order-card {
  padding: 16px;
  border: 1px solid rgba(245, 223, 168, 0.13);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.025);
}

.order-card__head,
.order-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.order-card__head div span,
.order-card__head div b {
  display: block;
}

.order-card__head span {
  color: #8f7058;
  font-size: 8px;
}

.order-card__head div b {
  margin-top: 3px;
  color: #f0d49b;
  font-size: 12px;
}

.status-pill {
  display: inline-flex;
  width: max-content;
  padding: 5px 9px;
  color: #d7b473 !important;
  border: 1px solid rgba(216, 168, 52, 0.24);
  border-radius: 999px;
  background: rgba(216, 168, 52, 0.07);
  font-size: 8px !important;
}

.status-delivered {
  color: #afd1af !important;
  border-color: rgba(132, 183, 139, 0.25);
  background: rgba(89, 145, 98, 0.08);
}

.status-shipped {
  color: #abc4de !important;
}

.order-card__meta {
  justify-content: flex-start;
  margin: 12px 0;
  color: #95755c;
  font-size: 8px;
}

.order-card__meta i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #bd9140;
}

.order-card__meta strong {
  margin-right: auto;
  color: #dfbb70;
  font-size: 10px;
}

.order-products {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}

.order-products img {
  width: 46px;
  height: 52px;
  margin-left: -8px;
  border: 2px solid #291209;
  border-radius: 9px;
  object-fit: cover;
}

.outline-button,
.gold-small-button {
  padding: 8px 12px;
  color: #e2bf75;
  border: 1px solid rgba(216, 168, 52, 0.35);
  border-radius: 999px;
  background: rgba(216, 168, 52, 0.05);
  font-size: 9px;
}

.gold-small-button {
  color: #2b1408 !important;
  background: linear-gradient(120deg, #bd8423, #e9c96e);
  font-weight: 700 !important;
}

.wishlist-grid,
.address-grid,
.coupon-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.wishlist-card {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 13px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.025);
}

.wishlist-card > img {
  width: 88px;
  height: 108px;
  border-radius: 11px;
  object-fit: cover;
}

.wishlist-card h3 {
  margin: 4px 0;
  font-size: 12px;
}

.wishlist-card p {
  margin: 0 0 12px;
  color: #97775e;
  font-size: 8px;
}

.wishlist-card b {
  color: #e2bb68;
  font-size: 10px;
}

.wishlist-actions {
  display: flex;
  grid-column: 1 / -1;
  gap: 7px;
}

.wishlist-actions button {
  flex: 1;
  padding: 8px;
  color: #d8b365;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.02);
  font-size: 9px;
}

.wishlist-actions button:last-child {
  max-width: 34px;
  color: #c58777;
}

.address-card {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.025);
}

.address-card.is-default {
  border-color: rgba(216, 168, 52, 0.42);
  background: linear-gradient(145deg, rgba(216, 168, 52, 0.08), rgba(255, 255, 255, 0.02));
}

.address-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.address-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #d8a834;
  border-radius: 10px;
  background: rgba(216, 168, 52, 0.08);
}

.default-badge {
  color: #d6b575;
  font-size: 8px;
}

.address-card h3 {
  margin: 13px 0 6px;
  font-size: 13px;
}

.address-card p {
  min-height: 38px;
  margin: 0 0 10px;
  color: #a58569;
  font-size: 9px;
  line-height: 1.9;
}

.address-card small {
  color: #866951;
  font-size: 8px;
}

.address-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  padding-top: 11px;
  border-top: 1px solid var(--line);
}

.address-actions button {
  padding: 0;
  color: #c9a35d;
  border: 0;
  background: transparent;
  font-size: 8px;
}

.address-actions .danger-button {
  margin-right: auto;
  color: #b87b6a;
}

.glass-form {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.form-grid label,
.auth-form label {
  display: grid;
  gap: 7px;
  color: #c29f7a;
  font-size: 9px;
}

.form-grid label span small {
  color: #775d49;
}

.full-field {
  grid-column: 1 / -1;
}

.form-grid input,
.form-grid textarea,
.auth-form input,
.coupon-form input,
.search-modal input {
  width: 100%;
  min-height: 43px;
  padding: 10px 12px;
  color: #f7e6bc;
  border: 1px solid rgba(245, 223, 168, 0.15);
  border-radius: 11px;
  outline: none;
  background: rgba(255, 255, 255, 0.035);
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

.form-grid textarea {
  resize: vertical;
}

.form-grid input:focus,
.form-grid textarea:focus,
.auth-form input:focus,
.coupon-form input:focus,
.search-modal input:focus {
  border-color: rgba(216, 168, 52, 0.65);
  box-shadow: 0 0 0 3px rgba(216, 168, 52, 0.08);
}

.form-message,
.checkout-error,
.coupon-message {
  min-height: 18px;
  margin: 9px 0;
  color: #d68e7c;
  font-size: 9px;
}

.profile-form {
  max-width: 700px;
}

.coupon-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  overflow: hidden;
  padding: 18px;
  border: 1px dashed rgba(216, 168, 52, 0.4);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(216, 168, 52, 0.09), rgba(255, 255, 255, 0.02));
}

.coupon-card::before,
.coupon-card::after {
  position: absolute;
  left: 28%;
  width: 18px;
  height: 18px;
  content: "";
  border-radius: 50%;
  background: #1d0c07;
}

.coupon-card::before {
  top: -10px;
}

.coupon-card::after {
  bottom: -10px;
}

.coupon-card span {
  color: #a98765;
  font-size: 8px;
}

.coupon-card h3 {
  margin: 5px 0;
  color: #edca7c;
  font: 20px "DM Serif Display", serif;
  letter-spacing: 0.08em;
}

.coupon-card p {
  margin: 0;
  color: #96765c;
  font-size: 8px;
}

.coupon-card button {
  padding: 7px 10px;
  color: #d9b665;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
  font-size: 8px;
}

.settings-list {
  display: grid;
  max-width: 700px;
  gap: 10px;
}

.setting-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
}

.setting-row b,
.setting-row small {
  display: block;
}

.setting-row b {
  font-size: 11px;
}

.setting-row small {
  margin-top: 4px;
  color: #8e7058;
  font-size: 8px;
}

.setting-row input {
  width: 35px;
  height: 18px;
  accent-color: #d8a834;
}

.logout-button {
  width: max-content;
  margin-top: 9px;
  padding: 9px 14px;
  color: #c98a77;
  border: 1px solid rgba(196, 118, 99, 0.25);
  border-radius: 10px;
  background: rgba(196, 118, 99, 0.05);
  font-size: 9px;
}

.modal-shell {
  position: fixed;
  z-index: 130;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
}

.modal-shell.open {
  opacity: 1;
  pointer-events: auto;
}

.modal-card {
  position: relative;
  width: min(480px, 100%);
  max-height: calc(100svh - 40px);
  overflow: auto;
  padding: 32px;
  border: 1px solid rgba(245, 223, 168, 0.22);
  border-radius: 24px;
  background:
    radial-gradient(circle at 85% 0, rgba(216, 168, 52, 0.14), transparent 18rem),
    linear-gradient(145deg, #32150a, #160907);
  box-shadow: 0 35px 90px rgba(0, 0, 0, 0.65);
  transform: translateY(18px) scale(0.985);
  transition: transform 0.26s ease;
}

.modal-shell.open .modal-card {
  transform: translateY(0) scale(1);
}

.modal-close {
  position: absolute;
  top: 17px;
  left: 17px;
}

.modal-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  height: auto;
  margin-bottom: 25px;
  padding: 5px 11px 5px 6px;
  border-radius: 12px;
  direction: ltr;
}

.modal-brand .logo-chip--large {
  width: 40px;
  height: 40px;
}

.modal-brand span {
  margin-left: 0;
  color: #f0d59b;
  font-family: "DM Serif Display", serif;
  letter-spacing: 0.08em;
}

.modal-card h2 {
  margin: 7px 0;
  font: 30px "DM Serif Display", Vazirmatn, serif;
}

.modal-description {
  margin: 0 0 21px;
  color: #aa896c;
  font-size: 10px;
  line-height: 1.9;
}

.auth-form {
  display: grid;
  gap: 9px;
}

.primary-wide-button {
  width: 100%;
  margin-top: 3px;
}

.guest-button {
  display: block;
  width: 100%;
  margin-top: 10px;
}

.privacy-note {
  display: block;
  margin-top: 17px;
  color: #765d49;
  text-align: center;
  font-size: 8px;
}

.otp-input {
  direction: ltr;
  text-align: center;
  letter-spacing: 0.7em;
  font-size: 22px !important;
}

.demo-code {
  padding: 8px;
  color: #97765c;
  border-radius: 9px;
  background: rgba(216, 168, 52, 0.06);
  text-align: center;
  font-size: 8px;
}

.demo-code b {
  color: #e8c777;
}

.otp-resend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 11px;
  color: #8d7059;
  font-size: 8px;
}

.otp-resend button {
  border: 0;
  background: none;
  color: #d7aa45;
  font: inherit;
}

.otp-resend button:disabled {
  color: #6f5746;
}

/* Premium customer authentication */
.auth-card{width:min(900px,100%);min-height:570px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);padding:0;overflow:hidden;background:#180a06;text-align:right}
.auth-card>.modal-close{z-index:3;top:18px;left:18px;width:36px;height:36px;border:1px solid rgba(245,223,168,.16);border-radius:50%;background:rgba(15,6,4,.38);backdrop-filter:blur(10px)}
.auth-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:34px;background:radial-gradient(circle at 20% 15%,rgba(216,168,52,.24),transparent 18rem),linear-gradient(155deg,rgba(105,43,16,.94),rgba(28,10,6,.99));border-left:1px solid rgba(245,223,168,.13)}
.auth-showcase:before{content:"";position:absolute;width:360px;height:360px;left:-170px;bottom:-145px;border:1px solid rgba(216,168,52,.25);border-radius:50%;box-shadow:0 0 0 38px rgba(216,168,52,.025),0 0 0 80px rgba(216,168,52,.018)}
.auth-showcase-brand{position:relative;display:flex;align-items:center;gap:10px;direction:ltr;color:#f4dda4;font:16px "DM Serif Display",serif;letter-spacing:.1em}.auth-showcase-brand .logo-chip{width:45px;height:45px}
.auth-showcase-copy{position:relative;margin-top:auto;padding-top:70px}.auth-showcase-copy small{color:#d8a834;font-size:8px;letter-spacing:.18em}.auth-showcase-copy h3{max-width:330px;margin:12px 0 10px;color:#fff0c8;font-size:27px;line-height:1.65}.auth-showcase-copy p{max-width:325px;margin:0;color:#c7a680;font-size:10px;line-height:2}
.auth-showcase ul{position:relative;display:grid;gap:11px;margin:25px 0 0;padding:0;list-style:none}.auth-showcase li{display:flex;align-items:center;gap:9px;color:#ddc49f;font-size:10px}.auth-showcase li b{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(216,168,52,.4);border-radius:50%;color:#e4bd5b;font-size:9px}
.auth-showcase-seal{position:absolute;top:31px;left:28px;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(245,223,168,.25);border-radius:50%;color:#efd383;background:rgba(15,6,4,.18)}.auth-showcase-seal span{font:18px "DM Serif Display",serif}.auth-showcase-seal small{margin-top:-8px;color:#a9865d;font-size:6px}
.auth-form-pane{align-self:center;padding:55px clamp(35px,5vw,70px)}.auth-form-pane .panel-kicker{display:block;margin-bottom:8px;color:#d3a947}.auth-form-pane h2{font-size:38px}.auth-form-pane .modal-description{max-width:390px;margin-bottom:28px;font-size:11px}.auth-mobile-brand{display:none}
.auth-phone-field{display:flex;direction:ltr;align-items:center;height:58px;border:1px solid rgba(245,223,168,.18);border-radius:14px;background:rgba(255,255,255,.025);transition:.2s}.auth-phone-field:focus-within{border-color:rgba(216,168,52,.72);box-shadow:0 0 0 4px rgba(216,168,52,.07);background:rgba(216,168,52,.035)}.auth-phone-field b{display:grid;place-items:center;height:28px;padding:0 15px;border-right:1px solid rgba(245,223,168,.13);color:#d3ad62;font-size:11px}.auth-phone-field input{height:100%;direction:ltr;border:0!important;background:transparent!important;box-shadow:none!important;font-size:14px;letter-spacing:.08em}.auth-form label>small{margin-top:1px;color:#765e4b;font-size:8px}.auth-submit{display:flex;align-items:center;justify-content:space-between;height:54px;margin-top:7px;padding:0 19px}.auth-submit b{font-size:18px}.auth-divider{display:flex;align-items:center;gap:10px;margin:17px 0 7px;color:#6f5746;font-size:8px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(245,223,168,.09)}.auth-guest{height:46px;border:1px solid rgba(245,223,168,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.018)!important;color:#c5a882!important}.auth-guest:hover{border-color:rgba(216,168,52,.4)!important;color:#eed396!important}.auth-security{display:flex;align-items:center;gap:10px;margin-top:20px;padding:11px;border-radius:12px;background:rgba(216,168,52,.045)}.auth-security>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(216,168,52,.22);border-radius:50%;color:#d8a834}.auth-security p,.auth-security b,.auth-security small{display:block;margin:0}.auth-security b{color:#c4a378;font-size:8px}.auth-security small{margin-top:3px;color:#755d49;font-size:7px}.auth-form-pane .privacy-note{margin-top:12px}
@media(max-width:760px){.auth-card{display:block;min-height:0;width:min(470px,100%)}.auth-showcase{display:none}.auth-form-pane{padding:42px 24px 28px}.auth-mobile-brand{display:flex;align-items:center;gap:8px;margin-bottom:25px;direction:ltr;color:#efd79d;font:14px "DM Serif Display",serif;letter-spacing:.08em}.auth-mobile-brand .logo-chip{width:36px;height:36px}.auth-form-pane h2{font-size:32px}.auth-card>.modal-close{top:13px;left:13px}}

.form-modal {
  width: min(680px, 100%);
}

.order-modal-card {
  width: min(620px, 100%);
}

.order-detail-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0;
  color: #96765d;
  font-size: 9px;
}

.order-timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 25px 0;
}

.timeline-step {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 8px;
  color: #765d4b;
  text-align: center;
}

.timeline-step::after {
  position: absolute;
  z-index: -1;
  top: 16px;
  right: 50%;
  width: 100%;
  height: 1px;
  content: "";
  background: rgba(245, 223, 168, 0.12);
}

.timeline-step:first-child::after {
  display: none;
}

.timeline-step > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(245, 223, 168, 0.16);
  border-radius: 50%;
  background: #241008;
  font-size: 9px;
}

.timeline-step.complete > span {
  color: #2a1206;
  border-color: #d3a541;
  background: linear-gradient(145deg, #af7719, #eccd75);
}

.timeline-step.current > span {
  box-shadow: 0 0 0 6px rgba(216, 168, 52, 0.08);
}

.timeline-step b,
.timeline-step small {
  display: block;
}

.timeline-step b {
  color: #c1a07d;
  font-size: 8px;
}

.timeline-step small {
  margin-top: 3px;
  font-size: 6px;
  line-height: 1.6;
}

.order-detail-products {
  display: grid;
  gap: 8px;
  padding: 13px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.order-detail-products > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.order-detail-products img {
  width: 54px;
  height: 62px;
  border-radius: 9px;
  object-fit: cover;
}

.order-detail-products b,
.order-detail-products small {
  display: block;
}

.order-detail-products b {
  font-size: 10px;
}

.order-detail-products small {
  margin-top: 4px;
  color: #8b6d55;
  font-size: 8px;
}

.order-detail-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
  font-size: 10px;
}

.order-detail-footer b {
  color: #edca7c;
  font-size: 13px;
}

.search-results {
  display: grid;
  gap: 7px;
  max-height: 330px;
  margin-top: 12px;
  overflow: auto;
}

.search-hint {
  color: #84664f;
  font-size: 9px;
}

.search-result {
  display: grid;
  grid-template-columns: 54px 1fr 34px;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
}

.search-result img {
  width: 54px;
  height: 60px;
  border-radius: 8px;
  object-fit: cover;
}

.search-result b,
.search-result span,
.search-result strong {
  display: block;
}

.search-result b {
  font-size: 10px;
}

.search-result span {
  margin: 3px 0;
  color: #8e6e56;
  font-size: 8px;
}

.search-result strong {
  color: #d8b565;
  font-size: 8px;
}

.search-result button {
  width: 32px;
  height: 32px;
  color: #d8a834;
  border: 1px solid rgba(216, 168, 52, 0.3);
  border-radius: 50%;
  background: rgba(216, 168, 52, 0.07);
}

.checkout-screen {
  position: fixed;
  z-index: 90;
  inset: 0;
  overflow: auto;
  background:
    radial-gradient(circle at 80% 0, rgba(110, 44, 17, 0.35), transparent 35rem),
    #140906;
}

.checkout-header {
  position: sticky;
  z-index: 8;
  top: 0;
  height: 76px;
  padding: 0 clamp(18px, 4vw, 60px);
  border-bottom: 1px solid var(--line);
  background: rgba(20, 9, 6, 0.82);
  backdrop-filter: blur(18px);
}

.checkout-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  direction: ltr;
}

.checkout-brand b {
  font: 15px "DM Serif Display", serif;
  letter-spacing: 0.08em;
}

.checkout-progress {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: min(820px, calc(100% - 40px));
  margin: 30px auto;
}

.checkout-progress > div {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 7px;
  color: #6f5544;
  font-size: 8px;
}

.checkout-progress > div::after {
  position: absolute;
  z-index: -1;
  top: 14px;
  right: 50%;
  width: 100%;
  height: 1px;
  content: "";
  background: rgba(245, 223, 168, 0.13);
}

.checkout-progress > div:first-child::after {
  display: none;
}

.checkout-progress span {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(245, 223, 168, 0.16);
  border-radius: 50%;
  background: #21100a;
}

.checkout-progress .active {
  color: #d3ad62;
}

.checkout-progress .active span {
  color: #2a1206;
  border-color: #c9932d;
  background: linear-gradient(145deg, #b77d1d, #eccd76);
}

.checkout-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
  gap: 22px;
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto 110px;
}

.checkout-main,
.checkout-summary {
  border: 1px solid rgba(245, 223, 168, 0.14);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012));
  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.18);
}

.checkout-main {
  min-height: 480px;
  padding: clamp(20px, 4vw, 38px);
}

.checkout-summary {
  position: sticky;
  top: 98px;
  padding: 19px;
}

.checkout-section-head {
  margin-bottom: 23px;
}

.checkout-section-head span {
  color: #c99b40;
  font-size: 9px;
}

.checkout-section-head h2 {
  margin: 5px 0;
  font: clamp(26px, 3vw, 36px) "DM Serif Display", Vazirmatn, serif;
}

.checkout-section-head p {
  margin: 0;
  color: #93745b;
  font-size: 9px;
}

.saved-addresses,
.choice-list {
  display: grid;
  gap: 9px;
  margin-bottom: 18px;
}

.saved-addresses {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.choice-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px;
  border: 1px solid rgba(245, 223, 168, 0.13);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
}

.choice-card:has(input:checked) {
  border-color: rgba(216, 168, 52, 0.58);
  background: rgba(216, 168, 52, 0.07);
  box-shadow: inset 0 0 0 1px rgba(216, 168, 52, 0.08);
}

.choice-card input {
  flex: 0 0 auto;
  accent-color: #d8a834;
}

.choice-card b,
.choice-card small {
  display: block;
}

.choice-card b {
  font-size: 10px;
}

.choice-card small {
  margin-top: 4px;
  color: #8f7058;
  font-size: 8px;
  line-height: 1.6;
}

.choice-card--large {
  min-height: 70px;
  padding: 16px;
}

.choice-card--large strong,
.choice-card--large i {
  margin-right: auto;
  color: #d8b567;
  font-size: 10px;
  font-style: normal;
}

.delivery-form {
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.checkout-thumbnails {
  display: flex;
  margin: 13px 0;
}

.checkout-thumbnails > span {
  position: relative;
  margin-left: -7px;
}

.checkout-thumbnails img {
  width: 52px;
  height: 60px;
  border: 2px solid #251008;
  border-radius: 10px;
  object-fit: cover;
}

.checkout-thumbnails b {
  position: absolute;
  top: -4px;
  right: -4px;
  display: grid;
  place-items: center;
  width: 17px;
  height: 17px;
  color: #2a1206;
  border-radius: 50%;
  background: #d8a834;
  font-size: 7px;
}

.price-summary--compact {
  margin: 0;
  padding: 13px 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.summary-trust {
  display: grid;
  gap: 7px;
  margin-top: 13px;
  color: #81654f;
  font-size: 8px;
}

.review-products {
  display: grid;
  gap: 8px;
}

.review-products > div {
  display: grid;
  grid-template-columns: 62px 1fr auto;
  align-items: center;
  gap: 11px;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 13px;
}

.review-products img {
  width: 62px;
  height: 68px;
  border-radius: 9px;
  object-fit: cover;
}

.review-products b,
.review-products small {
  display: block;
}

.review-products b {
  font-size: 10px;
}

.review-products small {
  margin-top: 4px;
  color: #85664f;
  font-size: 8px;
}

.review-products strong {
  color: #ddba6c;
  font-size: 9px;
}

.coupon-form {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.coupon-form > label {
  display: block;
  margin-bottom: 7px;
  color: #b18d6b;
  font-size: 9px;
}

.coupon-form > div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px;
}

.coupon-form button {
  padding: 0 14px;
  color: #2a1206;
  border: 0;
  border-radius: 10px;
  background: #d6aa48;
  font-size: 9px;
  font-weight: 700;
}

.coupon-message:not(.error) {
  color: #9cc69d;
}

.terms-check {
  display: flex;
  gap: 10px;
  margin-top: 17px;
  color: #a98769;
  font-size: 9px;
  line-height: 1.8;
}

.terms-check input {
  margin-top: 4px;
  accent-color: #d8a834;
}

.gateway-note span {
  color: #e0bb68;
  font-size: 9px;
}

.checkout-footer {
  position: fixed;
  z-index: 10;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 82px;
  padding: 13px max(20px, calc((100% - 1120px) / 2));
  border-top: 1px solid var(--line);
  background: rgba(20, 9, 6, 0.9);
  backdrop-filter: blur(18px);
}

.checkout-footer .checkout-button {
  min-width: 220px;
}

.success-screen {
  display: grid;
  min-height: 100svh;
  place-content: center;
  justify-items: center;
  padding: 40px 20px;
  text-align: center;
}

.success-mark {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  width: 108px;
  height: 108px;
  margin-bottom: 21px;
  border: 1px solid rgba(216, 168, 52, 0.35);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(216, 168, 52, 0.2), transparent 68%),
    rgba(216, 168, 52, 0.04);
  box-shadow: 0 0 70px rgba(216, 168, 52, 0.12);
}

.success-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.success-mark span {
  position: absolute;
  right: 4px;
  bottom: 4px;
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  color: #281106;
  border: 2px solid #1b0b06;
  border-radius: 50%;
  background: linear-gradient(145deg, #b37a1b, #efd179);
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.35);
  font-size: 14px;
}

.success-screen h1 {
  margin: 9px 0;
  font: clamp(35px, 5vw, 58px) "DM Serif Display", Vazirmatn, serif;
}

.success-screen > p {
  max-width: 480px;
  margin: 0;
  color: #a18469;
  font-size: 11px;
  line-height: 2;
}

.success-order {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: min(500px, 100%);
  margin: 25px 0;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.025);
}

.success-order > div {
  padding: 16px;
}

.success-order > div + div {
  border-right: 1px solid var(--line);
}

.success-order span,
.success-order b {
  display: block;
}

.success-order span {
  color: #896b54;
  font-size: 8px;
}

.success-order b {
  margin-top: 5px;
  color: #edcb80;
  font-size: 13px;
}

.success-actions {
  display: flex;
  width: min(500px, 100%);
  gap: 9px;
}

.success-actions > * {
  flex: 1;
}

.toast[data-type="error"] {
  color: #f0b3a3;
  border-color: rgba(210, 115, 91, 0.45);
}

@media (max-width: 860px) {
  .account-panel.side-panel {
    inset: 8px;
    border-radius: 20px;
  }

  .account-shell {
    grid-template-columns: 1fr;
  }

  .account-sidebar {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(280px, 88%);
    border-left: 1px solid var(--line);
    background: #190b07;
    box-shadow: -20px 0 55px rgba(0, 0, 0, 0.45);
    transform: translateX(105%);
    transition: transform 0.28s ease;
  }

  .account-sidebar.mobile-open {
    transform: translateX(0);
  }

  .mobile-account-menu {
    display: block;
  }

  .account-topbar {
    height: 64px;
    padding-inline: 15px;
  }

  .account-view {
    padding: 17px 14px 30px;
  }

  .dashboard-welcome {
    display: block;
  }

  .dashboard-date {
    display: inline-flex;
    margin-top: 12px;
  }

  .stat-grid {
    grid-template-columns: 1fr;
  }

  .wishlist-grid,
  .address-grid,
  .coupon-grid {
    grid-template-columns: 1fr;
  }

  .checkout-layout {
    grid-template-columns: 1fr;
    width: min(680px, calc(100% - 24px));
  }

  .checkout-summary {
    position: static;
    order: -1;
  }

  .saved-addresses {
    grid-template-columns: 1fr;
  }

  .checkout-progress b {
    display: none;
  }
}

@media (max-width: 560px) {
  .site-header {
    gap: 8px;
  }

  .brand {
    gap: 6px;
  }

  .brand-mark {
    width: 34px;
    height: 34px;
  }

  .brand b {
    font-size: 14px;
  }

  .brand small {
    display: none;
  }

  .header-actions {
    gap: 5px;
  }

  .icon-btn,
  .menu-btn {
    width: 38px;
    height: 38px;
  }

  .footer-logo {
    width: 58px;
    height: 58px;
  }

  .account-button {
    padding: 0;
  }

  .drawer-head {
    height: 78px;
  }

  .drawer-body {
    height: calc(100% - 174px);
    padding-inline: 13px;
  }

  .drawer-footer {
    padding-inline: 13px;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .full-field {
    grid-column: auto;
  }

  .modal-shell {
    padding: 8px;
  }

  .modal-card {
    max-height: calc(100svh - 16px);
    padding: 25px 18px;
    border-radius: 19px;
  }

  .order-timeline {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .timeline-step {
    grid-template-columns: 34px 1fr;
    justify-items: start;
    min-height: 66px;
    text-align: right;
  }

  .timeline-step::after {
    top: -33px;
    right: 16px;
    width: 1px;
    height: 66px;
  }

  .timeline-step div {
    padding-top: 5px;
  }

  .checkout-header {
    height: 66px;
    padding-inline: 14px;
  }

  .checkout-progress {
    width: calc(100% - 28px);
    margin: 22px auto;
  }

  .checkout-main,
  .checkout-summary {
    border-radius: 17px;
  }

  .checkout-main {
    min-height: auto;
    padding: 20px 14px;
  }

  .checkout-footer {
    min-height: 72px;
    padding: 10px 14px;
  }

  .checkout-footer .checkout-button {
    min-width: 175px;
  }

  .review-products > div {
    grid-template-columns: 54px 1fr;
  }

  .review-products strong {
    grid-column: 2;
  }

  .success-actions {
    flex-direction: column;
  }

  .success-order {
    grid-template-columns: 1fr;
  }

  .success-order > div + div {
    border-top: 1px solid var(--line);
    border-right: 0;
  }
}

/* Keep shipping cards above legacy choice-card rules. */
.choice-list.shipping-choice-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

label.choice-card.shipping-choice-card {
  grid-template-columns: 44px 1fr auto;
  min-height: 118px;
  align-items: center;
}

@media (max-width: 760px) {
  .choice-list.shipping-choice-list {
    grid-template-columns: 1fr;
  }

  label.choice-card.shipping-choice-card {
    grid-template-columns: 40px 1fr;
  }
}

.auth-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:25px;padding:4px;border:1px solid rgba(245,223,168,.1);border-radius:12px;background:rgba(255,255,255,.018)}
.auth-method-tabs button{height:36px;border:0;border-radius:9px;background:transparent;color:#876c56;font-size:9px}.auth-method-tabs button.active{color:#f0d494;background:rgba(216,168,52,.1)}
.google-auth-button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;height:49px;margin-top:12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#fff;color:#2c211c;font-size:10px;transition:.2s}
.google-auth-button:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(0,0,0,.22)}
.google-mark{font:bold 18px Arial,sans-serif;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 40%,#fbbc05 0 65%,#ea4335 0 82%,#4285f4 0);color:transparent;background-clip:text;-webkit-background-clip:text}
.auth-form input[type=email]{direction:ltr;text-align:left}
.bank-details{grid-template-columns:1fr 1fr}
.card-transfer-box,.receipt-upload-box{display:grid;gap:11px;margin-top:15px;padding:15px;border:1px solid rgba(216,168,52,.22);border-radius:14px;background:rgba(216,168,52,.035)}.card-transfer-head,.transfer-total{display:flex;justify-content:space-between;gap:10px;align-items:center}.card-transfer-head span,.transfer-total span,.receipt-upload-box label>span{color:#b49475;font-size:9px}.card-transfer-head b,.transfer-total b{color:#edca7e;font-size:11px}.card-transfer-box>p,.receipt-upload-box>small{margin:0;color:#8f7058;font-size:8px;line-height:1.8}.bank-details{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bank-details>div{display:grid;gap:4px;padding:9px;border:1px solid rgba(245,223,168,.1);border-radius:9px}.bank-details span{color:#80634e;font-size:7px}.bank-details b{color:#d7b473;font-size:9px;direction:ltr;text-align:right;word-break:break-word}.bank-number{position:relative}.bank-number button{position:absolute;left:7px;bottom:7px;padding:3px 7px;border:1px solid rgba(216,168,52,.28);border-radius:6px;background:transparent;color:#d7aa45;font-size:7px}.receipt-upload-box label{display:grid;gap:7px;color:#b49475;font-size:9px}.receipt-upload-box label>span small{color:#755d49;font-size:7px}.receipt-upload-box input[type=file]{height:auto;padding:8px;border:1px dashed rgba(216,168,52,.28);border-radius:9px;background:rgba(0,0,0,.12);color:#b49475;font-size:8px}.receipt-upload-box input[type=text],.receipt-upload-box input:not([type]){height:40px}.receipt-upload-box input:focus{border-color:var(--gold)}

/* Refined minimal login composition */
#auth-modal{--auth-deep:#160b07;--auth-warm:#2a1209;--auth-gold:#c99a32;--auth-gold-light:#e8c66a;--auth-cream:#f4e6c4}
#auth-modal .auth-card{width:min(840px,calc(100vw - 32px));min-height:520px;grid-template-columns:minmax(330px,1fr) minmax(330px,.88fr);border-color:rgba(201,154,50,.2);border-radius:22px;background:var(--auth-deep);box-shadow:0 28px 80px rgba(0,0,0,.54),0 0 0 1px rgba(232,198,106,.025);direction:rtl}
#auth-modal .auth-showcase{min-width:0;padding:31px 34px 27px;border-left:1px solid rgba(201,154,50,.12);background:radial-gradient(circle at 52% 48%,rgba(201,154,50,.09),transparent 37%),linear-gradient(150deg,var(--auth-warm),var(--auth-deep) 74%)}
#auth-modal .auth-showcase:before{display:none}
#auth-modal .auth-showcase-brand{gap:12px;color:var(--auth-cream);font-size:15px;letter-spacing:.12em}
#auth-modal .auth-showcase-brand .logo-chip{width:42px;height:42px;box-shadow:0 0 25px rgba(201,154,50,.1)}
.auth-gold-scene{position:relative;flex:1;min-height:315px;display:grid;place-items:center;perspective:750px;transform-style:preserve-3d}
.auth-glow{position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(201,154,50,.13);filter:blur(45px);animation:authGlow 5.5s ease-in-out infinite}
.gold-bar{position:absolute;display:block;width:112px;height:57px;border:1px solid rgba(255,233,163,.42);border-radius:9px 9px 12px 12px;background:linear-gradient(145deg,#7d5215 0,#d9ad43 28%,#f0d47c 50%,#b67c20 76%,#66400f);box-shadow:inset 0 2px 5px rgba(255,246,204,.42),inset 0 -10px 18px rgba(78,41,4,.36),0 18px 38px rgba(0,0,0,.34),0 0 22px rgba(201,154,50,.08);transform-style:preserve-3d}
.gold-bar:after{content:"18K";position:absolute;inset:0;display:grid;place-items:center;color:rgba(75,42,8,.58);font:12px "DM Serif Display",serif;letter-spacing:.08em;text-shadow:0 1px rgba(255,232,145,.25)}
.gold-bar--one{z-index:3;transform:translate3d(8px,-5px,44px) rotateX(58deg) rotateZ(-13deg)}.gold-bar--two{z-index:2;transform:translate3d(-43px,34px,5px) rotateX(59deg) rotateZ(9deg) scale(.88)}.gold-bar--three{z-index:1;transform:translate3d(48px,47px,-22px) rotateX(60deg) rotateZ(-6deg) scale(.76);filter:brightness(.82)}
.gold-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--auth-gold-light);box-shadow:0 0 9px rgba(232,198,106,.85);opacity:.45;animation:authParticle 7s ease-in-out infinite}.gold-particle.p1{top:25%;right:18%}.gold-particle.p2{top:37%;left:16%;animation-delay:-1.7s}.gold-particle.p3{bottom:23%;right:27%;animation-delay:-3.2s}.gold-particle.p4{bottom:30%;left:22%;width:2px;height:2px;animation-delay:-4.5s}.gold-particle.p5{top:17%;left:36%;width:2px;height:2px;animation-delay:-5.6s}
.auth-showcase-caption{position:relative;text-align:center}.auth-showcase-caption small{color:var(--auth-gold);font-size:7px;letter-spacing:.2em}.auth-showcase-caption p{margin:6px 0 0;color:#a98c65;font-size:9px}
#auth-modal .auth-form-pane{width:100%;max-width:390px;justify-self:center;padding:42px 34px;animation:authFormIn .55s cubic-bezier(.2,.75,.25,1) both}
#auth-modal .auth-form-pane h2{margin:8px 0 9px;color:var(--auth-cream);font:400 38px/1.35 "DM Serif Display",Vazirmatn,serif;letter-spacing:-.025em}
#auth-modal .auth-form-pane .modal-description{margin-bottom:25px;color:#a98d70;line-height:2;font-size:9px}
#auth-modal .auth-method-tabs{margin-bottom:22px;border:0;background:rgba(255,255,255,.018)}
#auth-modal .auth-method-tabs button.active{color:var(--auth-gold-light);background:rgba(201,154,50,.09)}
#auth-modal .auth-form{gap:14px}#auth-modal .auth-form label{gap:8px;color:#b79a78}
#auth-modal .auth-phone-field,#auth-modal .auth-form input{border-color:rgba(201,154,50,.17);border-radius:12px;background:rgba(255,255,255,.018)}
#auth-modal .auth-phone-field:focus-within,#auth-modal .auth-form input:focus{border-color:rgba(201,154,50,.55);box-shadow:0 0 0 3px rgba(201,154,50,.055)}
#auth-modal .auth-submit{overflow:hidden;position:relative;border:1px solid rgba(255,229,150,.36);border-radius:12px;color:#241307;background:linear-gradient(120deg,#a97521,var(--auth-gold-light) 48%,#b47d20);box-shadow:0 12px 26px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.3);transition:transform .25s,box-shadow .25s,filter .25s}
#auth-modal .auth-submit:before{content:"";position:absolute;inset:-100% auto -100% -35%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:rotate(18deg);transition:left .55s ease}
#auth-modal .auth-submit:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 17px 34px rgba(0,0,0,.28),0 0 18px rgba(201,154,50,.1)}#auth-modal .auth-submit:hover:before{left:115%}
#auth-modal .google-auth-button{height:45px;border-color:rgba(201,154,50,.15);background:rgba(255,255,255,.025);color:#c8ad87;box-shadow:none}#auth-modal .google-auth-button:hover{transform:translateY(-1px);border-color:rgba(201,154,50,.32);background:rgba(201,154,50,.045);box-shadow:none}
#auth-modal .auth-divider{margin:14px 0 5px}#auth-modal .auth-divider:before,#auth-modal .auth-divider:after{background:rgba(201,154,50,.08)}
#auth-modal .auth-security{margin-top:14px;padding:9px;background:rgba(201,154,50,.025)}#auth-modal .privacy-note{color:#66513f}
@keyframes authFormIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}@keyframes authGlow{50%{opacity:.72;transform:scale(1.08)}}@keyframes authParticle{0%,100%{transform:translateY(7px);opacity:.18}50%{transform:translateY(-12px);opacity:.62}}
@media(max-width:760px){#auth-modal .auth-card{display:block;min-height:0;width:min(440px,calc(100vw - 24px))}#auth-modal .auth-showcase{display:none}#auth-modal .auth-form-pane{max-width:none;padding:40px 25px 27px}#auth-modal .auth-form-pane h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){#auth-modal .auth-form-pane,.auth-glow,.gold-particle{animation:none!important}#auth-modal .auth-submit:before{display:none}}

/* Final dark luxury authentication skin */
#auth-modal{--auth-bg:#0b0b0b;--auth-secondary:#121212;--auth-card:#151515;--auth-gold:#c9a227;--auth-light-gold:#e8d18a;--auth-text:#f5f2ea;--auth-muted:#9c9c9c;--auth-border:rgba(201,162,39,.25);background:rgba(3,3,3,.84);backdrop-filter:blur(10px)}
#auth-modal .auth-card{width:min(1060px,calc(100vw - 42px));min-height:min(700px,calc(100svh - 42px));grid-template-columns:minmax(380px,1fr) minmax(430px,500px);direction:ltr;border:1px solid var(--auth-border);border-radius:24px;background:var(--auth-bg);box-shadow:0 24px 70px rgba(0,0,0,.48);font-family:Vazirmatn,Tahoma,sans-serif}
#auth-modal .auth-showcase{display:flex;position:relative;isolation:isolate;min-width:0;padding:38px;direction:rtl;border:0;background:#080808;animation:authVisualIn .65s ease both}
.auth-visual-image{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(.78) contrast(1.08) brightness(.72)}
.auth-visual-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.36),rgba(5,5,5,.08) 40%,rgba(5,5,5,.88)),linear-gradient(90deg,rgba(5,5,5,.12),rgba(5,5,5,.32))}
#auth-modal .auth-showcase-brand{position:relative;align-self:flex-start;color:var(--auth-text);font-size:17px;letter-spacing:.12em;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#auth-modal .auth-showcase-brand .logo-chip{width:46px;height:46px;border-color:rgba(201,162,39,.45)}
.auth-visual-copy{position:relative;margin-top:auto;color:var(--auth-text)}.auth-visual-copy h3{max-width:420px;margin:0 0 24px;font:600 31px/1.75 Vazirmatn,sans-serif}.auth-visual-copy ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.auth-visual-copy li{display:flex;align-items:center;gap:10px;color:#d5d1c8;font-size:11px}.auth-visual-copy li b{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--auth-border);border-radius:50%;color:var(--auth-light-gold);font-size:8px}
.auth-copyright{position:absolute;bottom:38px;left:38px;color:rgba(245,242,234,.55);font-size:7px;letter-spacing:.1em;direction:ltr}
#auth-modal .auth-form-pane{direction:rtl;align-self:center;width:100%;max-width:500px;padding:46px 48px;color:var(--auth-text);animation:authCardIn .55s ease both}
.auth-trust-note{display:flex;align-items:center;gap:11px;margin-bottom:28px}.auth-trust-note>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--auth-border);border-radius:50%;color:var(--auth-gold)}.auth-trust-note p,.auth-trust-note b,.auth-trust-note small{display:block;margin:0}.auth-trust-note b{color:var(--auth-text);font-size:10px;font-weight:600}.auth-trust-note small{margin-top:4px;color:var(--auth-muted);font-size:8px}
#auth-modal .auth-form-pane h2{margin:0 0 8px;color:var(--auth-text);font:700 36px/1.45 Vazirmatn,sans-serif;letter-spacing:-.04em}#auth-modal .auth-form-pane .modal-description{margin:0 0 25px;color:var(--auth-muted);font-size:10px}
#auth-modal .auth-method-tabs{margin:0 0 22px;padding:3px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:var(--auth-secondary)}#auth-modal .auth-method-tabs button{height:38px;color:#777;font-size:9px}#auth-modal .auth-method-tabs button.active{color:var(--auth-light-gold);background:rgba(201,162,39,.08)}
#auth-modal .auth-form{gap:15px}#auth-modal .auth-form label{gap:9px;color:#d4d0c7;font-size:9px;font-weight:500}
#auth-modal .auth-phone-field,#auth-modal .auth-form input{height:54px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:var(--auth-secondary);color:var(--auth-text);transition:border-color .2s,background .2s,box-shadow .2s}#auth-modal .auth-phone-field:hover,#auth-modal .auth-form input:hover{border-color:rgba(201,162,39,.22)}#auth-modal .auth-phone-field:focus-within,#auth-modal .auth-form input:focus{border-color:var(--auth-gold);background:#131313;box-shadow:0 0 0 3px rgba(201,162,39,.07);outline:0}#auth-modal .auth-phone-field i{padding:0 16px;color:var(--auth-gold);font-style:normal}#auth-modal .auth-phone-field input{height:52px;border:0!important;background:transparent!important;box-shadow:none!important}#auth-modal .auth-form input::placeholder{color:#686868}#auth-modal .auth-form input:disabled{cursor:not-allowed;opacity:.55;background:#101010}
#auth-modal .form-message{min-height:17px;margin:0;color:#e09a8e;font-size:8px;line-height:1.8}
#auth-modal .auth-submit{height:54px;margin-top:0;border:1px solid #d4b34b;border-radius:12px;background:var(--auth-gold);color:#0d0d0d;font-weight:700;box-shadow:0 8px 22px rgba(0,0,0,.22);transition:transform .2s,background .2s,box-shadow .2s}#auth-modal .auth-submit:before{display:none}#auth-modal .auth-submit:hover{transform:translateY(-1px);background:#d2ae35;box-shadow:0 11px 27px rgba(0,0,0,.28)}#auth-modal .auth-submit:disabled{transform:none;cursor:wait;opacity:.65}
#auth-modal .terms-check{display:flex;align-items:flex-start;gap:10px;margin-top:17px;line-height:1.8}
#auth-modal .terms-check input[type="checkbox"]{width:18px!important;min-width:18px;height:18px!important;min-height:18px;padding:0;border:0;border-radius:4px;flex:0 0 18px;margin:3px 0 0;accent-color:var(--auth-gold)}
#auth-modal .auth-divider{margin:19px 0 12px;color:#747474;font-size:8px}#auth-modal .auth-divider:before,#auth-modal .auth-divider:after{background:rgba(255,255,255,.07)}
#auth-modal .google-auth-button,#auth-modal .auth-guest{height:48px;border:1px solid var(--auth-border)!important;border-radius:12px!important;background:transparent!important;color:#d8d4ca!important;box-shadow:none;font-size:9px;transition:border-color .2s,background .2s,color .2s}#auth-modal .google-auth-button:hover,#auth-modal .auth-guest:hover{transform:none;border-color:rgba(201,162,39,.48)!important;background:rgba(201,162,39,.035)!important;color:var(--auth-light-gold)!important}#auth-modal .auth-guest{margin-top:9px}
.auth-register-copy{margin:21px 0 0;color:var(--auth-muted);text-align:center;font-size:9px}.auth-register-copy button{padding:0 5px;border:0;background:transparent;color:var(--auth-gold);font:inherit;font-weight:600}.auth-register-copy button:hover{color:var(--auth-light-gold)}#auth-modal .privacy-note{margin-top:10px;color:#676767;font-size:7px}
#auth-modal .modal-close{top:18px;left:18px;color:#bdb8ad;border:1px solid rgba(255,255,255,.1);background:rgba(11,11,11,.72);box-shadow:none}#auth-modal .modal-close:hover{color:var(--auth-light-gold);border-color:var(--auth-border)}
@keyframes authCardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes authVisualIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media(max-width:900px){#auth-modal .auth-card{grid-template-columns:minmax(280px,.72fr) minmax(390px,1fr)}#auth-modal .auth-showcase{padding:28px}.auth-visual-copy h3{font-size:24px}.auth-copyright{bottom:28px;left:28px}#auth-modal .auth-form-pane{padding:40px 34px}}
@media(max-width:680px){#auth-modal{padding:12px;background:#0b0b0b;backdrop-filter:none}#auth-modal .auth-card{display:block;width:100%;min-height:0;max-height:calc(100svh - 24px);border-radius:20px;background:var(--auth-card)}#auth-modal .auth-showcase{display:flex;min-height:94px;padding:18px 20px;border-bottom:1px solid var(--auth-border)}#auth-modal .auth-visual-image{object-position:center 42%;opacity:.44}#auth-modal .auth-visual-shade{background:rgba(8,8,8,.55)}#auth-modal .auth-showcase-brand{font-size:13px}#auth-modal .auth-showcase-brand .logo-chip{width:34px;height:34px}.auth-visual-copy,.auth-copyright{display:none}#auth-modal .auth-form-pane{max-width:none;padding:30px 22px 24px}#auth-modal .auth-mobile-brand{display:none}#auth-modal .auth-form-pane h2{font-size:30px}.auth-trust-note{margin-bottom:22px}}
@media(max-width:380px){#auth-modal .auth-form-pane{padding-inline:17px}#auth-modal .auth-showcase{padding-inline:17px}}
/* خوانایی فرم ورود مشابه صفحات تماس و راهنما */
#auth-modal .auth-form-pane,#auth-modal .auth-form-pane input,#auth-modal .auth-form-pane button,#auth-modal .auth-form-pane label{font-family:Vazirmatn,Tahoma,sans-serif}#auth-modal .auth-form-pane .modal-description{font-size:12px;line-height:2.1}#auth-modal .auth-form label{font-size:12px}#auth-modal .auth-form input{font-size:14px}#auth-modal .auth-submit{font-size:13px}#auth-modal .auth-register-copy{font-size:11px}#auth-modal .privacy-note{font-size:10px}
@media(prefers-reduced-motion:reduce){#auth-modal .auth-showcase,#auth-modal .auth-form-pane{animation:none}}

/* Viewport-filling SEYED GOLD login layout */
#auth-modal{padding:0;place-items:stretch;background:#0b0b0b;overflow:hidden}
#auth-modal.open{position:fixed;inset:0;width:100vw;height:100svh;overscroll-behavior:contain}
#auth-modal .auth-card{width:100%;height:100svh;min-height:0;max-height:none;display:grid;grid-template-columns:45% 55%;overflow:hidden;border:0;border-radius:0;background:#0b0b0b;box-shadow:none}
#auth-modal .auth-showcase{grid-column:1;grid-row:1;height:100svh;padding:clamp(30px,4vw,62px);align-items:center;justify-content:center;text-align:center}
#auth-modal .auth-visual-image{object-position:center 50%;filter:saturate(.72) contrast(1.1) brightness(.66)}
#auth-modal .auth-visual-shade{background:linear-gradient(180deg,rgba(4,4,4,.48),rgba(4,4,4,.18) 42%,rgba(4,4,4,.8)),linear-gradient(90deg,rgba(4,4,4,.22),rgba(4,4,4,.2))}
#auth-modal .auth-showcase-brand{position:relative;align-self:auto;display:grid;justify-items:center;gap:8px;margin-bottom:auto;color:#f5f2ea;text-shadow:0 2px 18px rgba(0,0,0,.65)}
#auth-modal .auth-showcase-brand .logo-chip{width:72px;height:72px;margin-bottom:8px}
#auth-modal .auth-showcase-brand strong{font:32px/1.1 "DM Serif Display",serif;letter-spacing:.14em}
#auth-modal .auth-showcase-brand span{color:#e8d18a;font:400 11px Vazirmatn,sans-serif;letter-spacing:0}
#auth-modal .auth-visual-copy{width:min(100%,610px);margin:auto 0 0}.auth-visual-copy h3{max-width:none;margin:0 0 34px;font-size:clamp(25px,2.5vw,38px);line-height:1.65}
#auth-modal .auth-visual-copy ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#auth-modal .auth-visual-copy li{justify-content:center;gap:7px;padding:12px 7px;border-top:1px solid rgba(201,162,39,.24);font-size:9px;white-space:nowrap}
#auth-modal .auth-copyright{bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap}
#auth-modal .auth-form-pane{grid-column:2;grid-row:1;align-self:center;justify-self:center;width:min(500px,calc(100% - 48px));max-height:calc(100svh - 48px);overflow:auto;padding:clamp(31px,4vh,48px) clamp(30px,3.5vw,50px);border:1px solid rgba(201,162,39,.25);border-radius:24px;background:#151515;box-shadow:0 22px 60px rgba(0,0,0,.28);scrollbar-width:thin;scrollbar-color:rgba(201,162,39,.25) transparent}
#auth-modal .modal-close{z-index:6;top:20px;left:auto;right:20px}
#auth-modal .auth-trust-note{margin-bottom:22px}#auth-modal .auth-form-pane h2{font-size:34px}#auth-modal .auth-form-pane .modal-description{margin-bottom:21px}
#auth-modal .auth-method-tabs{margin-bottom:18px}#auth-modal .auth-phone-field,#auth-modal .auth-form input{height:56px}#auth-modal .auth-phone-field input{height:54px}#auth-modal .auth-submit{height:56px}
#auth-modal .auth-form input[aria-invalid="true"],#auth-modal .auth-phone-field:has(input[aria-invalid="true"]){border-color:#c9786b;box-shadow:0 0 0 3px rgba(201,120,107,.08)}
#auth-modal button:focus-visible,#auth-modal input:focus-visible{outline:2px solid #e8d18a;outline-offset:3px}
@media(max-width:920px) and (min-width:681px){#auth-modal .auth-card{grid-template-columns:40% 60%}#auth-modal .auth-showcase{padding:30px 24px}#auth-modal .auth-showcase-brand strong{font-size:24px}#auth-modal .auth-showcase-brand .logo-chip{width:58px;height:58px}#auth-modal .auth-visual-copy ul{grid-template-columns:1fr;gap:3px}#auth-modal .auth-visual-copy li{border-top:0;padding:5px}.auth-visual-copy h3{font-size:23px;margin-bottom:20px}#auth-modal .auth-form-pane{width:min(480px,calc(100% - 34px));padding-inline:34px}}
@media(max-width:680px){#auth-modal{padding:0;overflow:auto}#auth-modal .auth-card{display:block;width:100%;height:auto;min-height:100svh;max-height:none;overflow:visible;border:0;border-radius:0;background:#0b0b0b}#auth-modal .auth-showcase{display:flex;height:82px;min-height:82px;padding:14px 20px;justify-content:center;border-bottom:1px solid rgba(201,162,39,.25)}#auth-modal .auth-visual-image{opacity:.28;object-position:center 46%}#auth-modal .auth-showcase-brand{display:flex;align-items:center;gap:10px;margin:0;direction:ltr}#auth-modal .auth-showcase-brand .logo-chip{width:38px;height:38px;margin:0}#auth-modal .auth-showcase-brand strong{font-size:16px}#auth-modal .auth-showcase-brand span,.auth-visual-copy,#auth-modal .auth-copyright{display:none}#auth-modal .auth-form-pane{width:calc(100% - 28px);max-width:500px;max-height:none;overflow:visible;margin:20px auto;padding:30px 22px;border-radius:20px}#auth-modal .modal-close{top:22px;right:16px;width:34px;height:34px}#auth-modal .auth-trust-note{padding-left:40px}}
@media(max-width:380px){#auth-modal .auth-form-pane{width:calc(100% - 20px);margin:10px auto;padding:25px 17px}#auth-modal .auth-showcase{height:72px;min-height:72px}#auth-modal .auth-form-pane h2{font-size:29px}}

@media(max-width:860px){
  .story-copy{min-width:0;overflow:hidden}
  .story-copy h2{font-size:clamp(30px,8vw,46px);line-height:1.35;overflow-wrap:break-word}
}

/* هماهنگ‌سازی ظاهر کارت سوم صفحه اصلی */
.product-card--blue{background:linear-gradient(150deg,rgba(122,56,24,.42),rgba(30,12,7,.65))}
.receipt-upload-box{width:100%;max-width:100%;box-sizing:border-box;align-content:start;background:linear-gradient(145deg,rgba(70,30,12,.42),rgba(27,12,7,.72))}
.receipt-upload-box label{min-width:0}
.receipt-upload-box input[type=file]{width:100%;min-height:42px;overflow:hidden;box-sizing:border-box;background:#1b0d08;color:#d8bd85;direction:rtl}
.receipt-upload-box input[type=file]::file-selector-button{margin-left:10px;padding:7px 12px;border:1px solid rgba(216,168,52,.4);border-radius:7px;background:#2b170d;color:#f0d18a;font:inherit;cursor:pointer}
.receipt-upload-box input:not([type]){width:100%;height:44px;box-sizing:border-box;padding:0 12px;border:1px solid rgba(216,168,52,.25);border-radius:9px;background:#1b0d08!important;color:#f0d18a!important;outline:0;direction:rtl;text-align:right}
.receipt-upload-box input:not([type])::placeholder{color:#80634e;opacity:1}
@media(max-width:520px){.receipt-upload-box{padding:12px;gap:10px}.receipt-upload-box input[type=file]{font-size:9px}.receipt-upload-box input[type=file]::file-selector-button{margin-left:6px;padding:6px 9px}}
.account-panel.side-panel{background:linear-gradient(145deg,#3a2418,#21140f);border-left-color:rgba(245,223,168,.25);box-shadow:-24px 0 60px rgba(0,0,0,.3)}.account-sidebar{background:rgba(44,29,21,.82);border-left-color:rgba(245,223,168,.2)}.account-main{background:rgba(29,19,14,.48)}.account-topbar{background:rgba(55,36,26,.9);border-bottom-color:rgba(245,223,168,.22);color:#d9c2a3}.account-view{max-width:1100px;margin-inline:auto}.member-profile h2,.dashboard-welcome h2,.content-heading h2,.content-heading h3{color:#fff0cd}.loyalty-card,.stat-grid article,.dashboard-section,.account-view .content-card{border-color:rgba(245,223,168,.2);background:linear-gradient(145deg,rgba(89,61,42,.3),rgba(255,255,255,.035))}.stat-grid article{box-shadow:0 10px 28px rgba(0,0,0,.12)}.stat-grid span,.stat-grid small,.dashboard-welcome p,.customer-shipment__grid span{color:#bda48b}.account-nav button{color:#cbb297}.account-nav button:hover,.account-nav button.active{background:rgba(216,168,52,.16);color:#fff0c8}.account-topbar .panel-close,.mobile-account-menu{color:#f2d58f}.account-view .outline-button,.account-view button{transition:background .2s ease,border-color .2s ease,transform .2s ease}.account-view .outline-button:hover{background:rgba(216,168,52,.12);border-color:rgba(216,168,52,.55);transform:translateY(-1px)}
@media(max-width:860px){.account-panel.side-panel{inset:5px;border-radius:18px}.account-sidebar{background:#302016}.account-topbar{height:66px}.account-view{padding:20px 16px 34px}.account-view .dashboard-welcome h2{font-size:27px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-grid article{padding:13px}.stat-grid b{font-size:21px}.account-nav button{padding:12px}.account-sidebar.mobile-open{box-shadow:-20px 0 55px rgba(0,0,0,.4)}}
@media(max-width:460px){.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article{min-height:92px}.stat-grid b{font-size:19px}.dashboard-welcome h2,.content-heading h2{font-size:25px}}
.account-shell{min-height:0;height:100%;overflow:hidden}.account-main{min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.account-view{padding-bottom:42px}.order-list{max-height:none;min-height:0}.order-card{padding:13px;border-radius:14px}.order-card__head div b{font-size:11px}.order-card__meta{margin:9px 0}.order-products{margin-bottom:9px}.order-products img{width:38px;height:44px;border-radius:7px}.order-card .outline-button{min-height:34px;padding:0 10px;font-size:9px}
@media(max-width:860px){.account-shell{overflow:hidden}.account-main{height:100%;overflow-y:auto}.order-card{padding:11px}.order-card__head{align-items:flex-start}.order-card__meta{flex-wrap:wrap}.order-card__meta strong{margin-right:0;width:100%}.order-card .customer-shipment{margin-top:9px}}
#account-content{height:100%;min-height:0}
.account-panel.side-panel{overflow:hidden}
.account-panel.side-panel.open{height:calc(100vh - 40px);max-height:calc(100vh - 40px)}
.account-panel.side-panel #account-content{display:block;height:100%;min-height:0}
.account-shell{height:100%;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}
.account-main{min-width:0;min-height:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.account-sidebar{position:relative;top:auto;align-self:stretch;max-height:none}
@media(max-width:860px){
  .account-panel.side-panel.open{height:calc(100vh - 16px);max-height:calc(100vh - 16px)}
  .account-shell{height:100%;min-height:0}
  .account-sidebar{position:absolute;top:0;max-height:none}
}
.home-category-strip{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-top:42px;padding-bottom:8px}.home-category-heading span{color:#caa465;font-size:11px}.home-category-heading h2{margin:5px 0 0;font-size:26px}.home-category-nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:9px}.home-category-nav a{display:inline-flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid rgba(216,168,52,.28);border-radius:999px;color:#f2d28d;background:rgba(59,25,12,.36);font-size:12px;transition:.2s}.home-category-nav a:hover{border-color:var(--gold);background:rgba(216,168,52,.12);transform:translateY(-2px)}.home-category-nav a span{font-size:14px;color:#c79637}@media(max-width:860px){.home-category-strip{display:block;padding-top:28px}.home-category-heading{margin-bottom:14px}.home-category-nav{justify-content:center}.home-category-nav a{font-size:11px;padding:9px 12px}}