:root{
  --bg:#080706;
  --bg-soft:#11100e;
  --panel:#161311;
  --panel-2:#1c1714;
  --panel-3:#231d19;
  --gold:#cfa55f;
  --gold-soft:#f2d8a1;
  --gold-text-gradient:linear-gradient(135deg, #fff3c5 0%, #f3d99a 18%, #c9953e 42%, #f8e1a8 68%, #8f6220 100%);
  --rose:#c47d85;
  --rose-soft:#f1c2c8;
  --text:#f7efe2;
  --muted:#d4c4ab;
  --line:rgba(207,165,95,.28);
  --line-soft:rgba(255,255,255,.08);
  --success:#2db470;
  --shadow:0 26px 60px rgba(0,0,0,.35);
  --radius:24px;
  --radius-sm:16px;
  --container:min(1480px,calc(100% - 40px));
}

html{
  color-scheme:dark;
}

html[data-theme="light"]{
  color-scheme:light;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Tahoma","Arial",sans-serif;
  color:var(--text);
  direction:rtl;
  background:
    radial-gradient(circle at top left, rgba(191,112,122,.16), transparent 28%),
    radial-gradient(circle at 80% 0, rgba(207,165,95,.07), transparent 20%),
    linear-gradient(180deg,#040403 0%,#090807 45%,#060505 100%);
  overflow-x:hidden;
  transition:background .35s ease,color .35s ease;
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}

a,
button,
input,
select,
textarea,
.topbar,
.hero-frame,
.hero-benefits-bar,
.hero-benefit-item,
.benefit-card,
.feature-card,
.review-card,
.info-card,
.contact-form,
.map-card,
.filter-box,
.gallery-shell,
.product-panel,
.summary-card,
.cart-list,
.checkout-card,
.about-panel,
.story-panel,
.promo-panel,
.product-card,
.category-card,
.story-card,
.footer,
.quick-icon,
.btn,
.tab-head,
.toast,
.search-input,
.form-control{
  transition:
    background .35s ease,
    color .35s ease,
    border-color .35s ease,
    box-shadow .35s ease,
    opacity .35s ease;
}

.container{width:var(--container);margin-inline:auto}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.site-shell::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 20%, rgba(196,125,133,.08), transparent 18%),
    radial-gradient(circle at 90% 70%, rgba(207,165,95,.06), transparent 16%);
  z-index:-1;
}

.topbar{
  position:sticky;
  top:0;
  z-index:40;
  backdrop-filter:blur(18px);
  background:rgba(7,6,5,.88);
  border-bottom:1px solid rgba(207,165,95,.18);
}

.nav{
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:190px;
}

.brand-mark{
  width:90px;
  height:90px;
  /* border-radius:18px;
  background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
  border:1px solid rgba(207,165,95,.22); */
  display:grid;
  place-items:center;
  overflow:hidden;
  /* box-shadow:var(--shadow); */
}

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

.brand-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.brand-word{
  color:var(--gold-soft);
  font-size:34px;
  font-weight:900;
  line-height:1;
  letter-spacing:-1px;
}

.brand-tagline{
  color:#c9b69d;
  font-size:12px;
}

.menu{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}

.menu a{
  color:#e7dccb;
  font-size:15px;
  position:relative;
  transition:.2s ease;
}

.menu a:hover,
.menu a.active{color:var(--gold-soft)}

.menu a.active::after{
  content:"";
  position:absolute;
  right:0;
  left:0;
  bottom:-12px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, var(--rose), transparent);
}

.actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.quick-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  border:1px solid rgba(207,165,95,.2);
  color:var(--gold-soft);
  background:rgba(255,255,255,.02);
}

.theme-toggle{
  min-width:118px;
  height:40px;
  padding:0 14px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(207,165,95,.24);
  background:rgba(255,255,255,.03);
  color:var(--gold-soft);
  box-shadow:0 14px 26px rgba(0,0,0,.16);
}

.theme-toggle:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 30px rgba(0,0,0,.2);
}

.theme-toggle-icon{
  width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(207,165,95,.12);
  color:var(--gold);
  font-size:13px;
  line-height:1;
}

.theme-toggle-text{
  font-size:13px;
  font-weight:800;
  letter-spacing:.2px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 22px;
  border-radius:14px;
  border:1px solid transparent;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
  font-weight:800;
}

.btn:hover{transform:translateY(-2px)}

.btn-gold{
  background:linear-gradient(135deg,#f3d89d,#c99847);
  color:#251708;
  border-color:#f1d28d;
  box-shadow:0 16px 30px rgba(207,165,95,.18);
}

.btn-soft{
  background:rgba(196,125,133,.12);
  color:#f7d9dd;
  border-color:rgba(241,194,200,.3);
}

.btn-dark{
  background:rgba(255,255,255,.02);
  color:var(--gold-soft);
  border-color:rgba(207,165,95,.24);
}

.btn-small{
  padding:10px 14px;
  border-radius:12px;
  font-size:13px;
}

.page{
  padding-bottom:48px;
}

.hero{
  position:relative;
  overflow:hidden;
  padding:34px 0 18px;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 8% 35%, rgba(196,125,133,.18), transparent 22%),
    radial-gradient(circle at 82% 20%, rgba(207,165,95,.07), transparent 18%);
  pointer-events:none;
}

.hero-frame{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:0;
  min-height:530px;
  overflow:hidden;
  border-radius:10px;
  border:1px solid rgba(207,165,95,.18);
  background:
    linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,.58) 56%, rgba(0,0,0,.92)),
    linear-gradient(180deg,#090806,#050504);
  box-shadow:var(--shadow);
}

.hero-media-pane{
  position:relative;
  min-height:530px;
  overflow:hidden;
}

.hero-media-pane img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left center;
}

.hero-copy-pane{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px 54px 48px 28px;
  z-index:1;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--gold);
  font-weight:800;
  margin-bottom:14px;
}

.hero h1,
.page-hero h1{
  margin:0;
  font-size:clamp(42px,6vw,82px);
  line-height:1.05;
  color:var(--gold-soft);
  letter-spacing:-2px;
}

.hero p,
.page-hero p{
  margin:18px 0 0;
  color:#eadcca;
  line-height:1.95;
  font-size:18px;
  max-width:620px;
}

.hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}

.hero-eyebrow{
  margin-bottom:12px;
}

.hero-split .hero-copy-pane p{
  max-width:430px;
}

.hero-benefits-bar{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:14px;
  padding:0 14px;
  border-top:1px solid rgba(207,165,95,.16);
  border-bottom:1px solid rgba(207,165,95,.12);
}

.hero-benefit-item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:72px;
  color:var(--gold-soft);
  border-left:1px solid rgba(207,165,95,.22);
}

.hero-benefit-item:last-child{
  border-left:0;
}

.hero-benefit-text{
  font-weight:800;
  font-size:18px;
}

.hero-benefit-icon{
  color:var(--gold);
  font-size:28px;
  line-height:1;
}

.benefit-card,
.feature-card,
.review-card,
.info-card,
.contact-form,
.map-card,
.filter-box,
.gallery-shell,
.product-panel,
.summary-card,
.cart-list,
.checkout-card,
.about-panel,
.story-panel,
.promo-panel{
  background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.benefit-card{
  padding:22px;
  display:flex;
  gap:14px;
  align-items:center;
}

.benefit-icon{
  width:48px;
  height:48px;
  flex:0 0 auto;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:var(--gold-soft);
  border:1px solid rgba(207,165,95,.2);
  background:rgba(207,165,95,.08);
}

.benefit-card strong{
  display:block;
  color:var(--gold-soft);
  margin-bottom:6px;
}

.benefit-card p{
  margin:0;
  color:#d7c8b0;
  line-height:1.7;
  font-size:14px;
}

.section{
  padding:70px 0 0;
}

.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:26px;
}

.section-head-centered{
  justify-content:center;
  text-align:center;
}

.section-head-centered .section-text{
  margin-inline:auto;
}

.section-title{
  margin:0;
  color:var(--gold-soft);
  font-size:clamp(28px,3vw,44px);
  line-height:1.12;
  letter-spacing:-1px;
}

.section-text{
  max-width:560px;
  color:#d6c7af;
  line-height:1.9;
  margin:10px 0 0;
}

.section-link{
  color:var(--gold);
  font-weight:800;
}

.category-grid,
.card-grid,
.feature-grid,
.reviews,
.story-grid,
.shop-grid,
.footer-grid{
  display:grid;
  gap:20px;
}

.category-grid{
  grid-template-columns:repeat(2,1fr);
}

.category-card{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:18px;
  padding:18px;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:var(--shadow);
  min-height:220px;
}

.category-grid-showcase{
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}

.category-grid-showcase .category-card{
  grid-template-columns:1fr;
  gap:12px;
  min-height:280px;
  padding:14px 14px 18px;
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 65%, rgba(196,125,133,.18), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
}

.category-grid-showcase .category-card h3{
  margin:0;
  text-align:center;
  font-size:18px;
  line-height:1.45;
  min-height:52px;
}

.category-grid-showcase .category-card p{
  display:none;
}

.category-grid-showcase .category-thumb{
  min-height:190px;
  border-radius:14px;
  background:transparent;
}

.category-grid-showcase .category-thumb img{
  width:100%;
  height:190px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.28));
}

.category-thumb{
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(180deg,#1a1613,#0b0a09);
}

.category-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.category-card h3{
  margin:0 0 10px;
  font-size:28px;
  color:var(--gold-soft);
}

.category-card p{
  margin:0;
  line-height:1.9;
  color:#d8c8b0;
}

.products{
  grid-template-columns:repeat(4,1fr);
}

.product-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:linear-gradient(160deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
  box-shadow:var(--shadow);
  min-height:100%;
}

.product-image-wrap{
  position:relative;
  aspect-ratio: 4 / 4.3;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 15%, rgba(196,125,133,.18), transparent 24%),
    linear-gradient(180deg,#1a1614,#0d0c0a);
}

.product-image-wrap::after{
  content:"";
  position:absolute;
  inset:auto 18px 18px 18px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(207,165,95,.5), transparent);
}

.product-image{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}

.product-card:hover .product-image{transform:scale(1.04)}

.product-copy{
  padding:18px 18px 8px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.product-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#d2bea2;
  font-size:12px;
}

.product-category{
  color:var(--gold);
  font-weight:800;
}

.product-copy h3{
  margin:0;
  color:var(--gold-soft);
  font-size:24px;
}

.product-copy p{
  margin:0;
  color:#d7c8b0;
  line-height:1.8;
  font-size:14px;
}

.product-footer{
  margin-top:auto;
  padding:0 18px 18px;
}

.price{
  display:block;
  color:var(--gold-soft);
  font-size:22px;
  font-weight:900;
  margin-bottom:14px;
}

.product-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.feature-grid{
  grid-template-columns:repeat(4,1fr);
}

.feature-card{
  padding:28px 24px;
}

.feature-icon{
  width:56px;
  height:56px;
  border-radius:16px;
  display:grid;
  place-items:center;
  border:1px solid rgba(207,165,95,.22);
  color:var(--gold-soft);
  margin-bottom:18px;
  background:rgba(207,165,95,.08);
}

.feature-card h3{
  margin:0 0 12px;
  color:var(--gold-soft);
  font-size:24px;
}

.brand-word,
.hero h1,
.page-hero h1,
.section-title,
.hero-benefit-text,
.product-copy h3,
.price,
.product-price,
.cart-price,
.feature-card h3,
.review-card strong,
.filter-box h3,
.summary-card h2,
.cart-list h2,
.checkout-card h2,
.contact-form h2,
.info-card h2,
.product-panel h1,
.footer h3{
  background-image:var(--gold-text-gradient);
  background-size:100% 100%;
  background-repeat:no-repeat;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.feature-card p,
.review-card p,
.about-panel p,
.story-panel p{
  margin:0;
  line-height:1.9;
  color:#d7c8b0;
}

.story-grid{
  grid-template-columns:repeat(3,1fr);
}

.story-card{
  position:relative;
  min-height:220px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.story-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.story-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent, rgba(7,6,5,.88));
}

.story-card span{
  position:absolute;
  right:18px;
  left:18px;
  bottom:18px;
  z-index:1;
  color:#fff0d4;
  font-weight:900;
  font-size:22px;
}

.about-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.about-panel,
.story-panel,
.promo-panel{
  padding:28px;
}

.about-panel ul,
.footer ul{
  list-style:none;
  margin:0;
  padding:0;
}

.about-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.about-points span{
  border-radius:999px;
  padding:8px 14px;
  border:1px solid rgba(207,165,95,.2);
  color:#f2ddaf;
  background:rgba(207,165,95,.08);
}

.story-panel{
  display:grid;
  grid-template-columns:1fr 220px;
  align-items:center;
  gap:24px;
}

.story-media{
  border-radius:22px;
  overflow:hidden;
  min-height:260px;
}

.story-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.promo-panel{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:24px;
  align-items:center;
  margin-top:20px;
}

.promo-thumb{
  border-radius:22px;
  overflow:hidden;
}

.reviews{
  grid-template-columns:repeat(3,1fr);
}

.review-card{
  padding:24px;
  text-align:right;
}

.review-stars{
  color:#f0c977;
  letter-spacing:4px;
  margin:16px 0 12px;
  font-size:18px;
}

.review-card strong{
  color:var(--gold-soft);
  display:block;
  margin-top:14px;
}

.review-card small{
  color:#bfa98d;
}

.page-hero{
  padding:60px 0 20px;
}

.breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  color:#c5b39a;
  font-size:14px;
  margin-bottom:16px;
}

.breadcrumb a{color:var(--gold-soft)}

.shop-layout{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:24px;
  align-items:start;
}

.filter-box{
  position:sticky;
  top:102px;
  padding:22px;
}

.filter-box h3,
.summary-card h2,
.cart-list h2,
.checkout-card h2,
.contact-form h2,
.info-card h2{
  margin:0 0 14px;
  color:var(--gold-soft);
  font-size:28px;
}

.filter-group{
  padding-top:18px;
  margin-top:18px;
  border-top:1px solid rgba(207,165,95,.14);
}

.check{
  display:flex;
  align-items:center;
  gap:10px;
  margin:12px 0;
  color:#dfd0ba;
}

.check input{accent-color:var(--gold)}

.search-input,
.form-control{
  width:100%;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(207,165,95,.22);
  background:#0d0b09;
  color:#fff4e3;
  outline:none;
}

.shop-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

select.form-control{max-width:230px}

.product-detail{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}

.gallery-shell{
  padding:22px;
}

.gallery-main{
  border-radius:28px;
  overflow:hidden;
  min-height:640px;
  background:
    radial-gradient(circle at 15% 20%, rgba(196,125,133,.16), transparent 20%),
    linear-gradient(180deg,#1a1614,#0c0b09);
}

.gallery-main img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.thumb-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:14px;
}

.thumb-button{
  border:1px solid rgba(207,165,95,.2);
  border-radius:18px;
  overflow:hidden;
  padding:0;
  background:#0f0d0c;
}

.thumb-button img{
  width:100%;
  height:100px;
  object-fit:cover;
}

.thumb-button.active{
  border-color:var(--gold-soft);
  box-shadow:0 0 0 2px rgba(207,165,95,.18);
}

.product-panel{
  padding:28px;
}

.product-panel h1{
  margin:10px 0 10px;
  color:var(--gold-soft);
  font-size:52px;
  line-height:1.08;
}

.rating{
  display:flex;
  gap:10px;
  align-items:center;
  color:#dccab0;
}

.rating .stars{
  color:#efca71;
  letter-spacing:3px;
}

.product-sub{
  margin:0 0 18px;
  color:#dfd0ba;
  font-size:18px;
  line-height:1.9;
}

.product-price{
  color:var(--gold-soft);
  font-size:34px;
  font-weight:900;
}

.product-meta-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:18px 0 24px;
}

.badge{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(207,165,95,.22);
  border-radius:999px;
  padding:9px 14px;
  color:#f2ddaf;
  background:rgba(207,165,95,.08);
  font-size:13px;
  font-weight:800;
}

.qty-box{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 24px;
}

.qty-control{
  display:flex;
  align-items:center;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(207,165,95,.26);
}

.qty-control button{
  width:44px;
  height:44px;
  border:0;
  background:#120f0d;
  color:var(--gold-soft);
  font-size:22px;
}

.qty-control input{
  width:60px;
  height:44px;
  border:0;
  background:#0c0a09;
  color:#fff;
  text-align:center;
}

.qty-control.compact button,
.qty-control.compact input{
  width:36px;
  height:36px;
}

.detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.info-tabs{
  margin-top:26px;
  overflow:hidden;
  border-radius:var(--radius);
  border:1px solid rgba(207,165,95,.18);
}

.tab-head{
  display:flex;
  background:rgba(255,255,255,.02);
}

.tab-head button{
  flex:1;
  padding:15px;
  border:0;
  border-left:1px solid rgba(207,165,95,.12);
  background:transparent;
  color:#d8c7ad;
}

.tab-head button.active{
  background:rgba(207,165,95,.1);
  color:var(--gold-soft);
}

.tab-body{
  padding:20px;
  color:#ddd0bc;
  line-height:1.9;
}

.notes-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.note-card{
  border-radius:18px;
  padding:16px;
  border:1px solid rgba(207,165,95,.16);
  background:rgba(255,255,255,.02);
}

.note-card strong{
  display:block;
  color:var(--gold-soft);
  margin-bottom:8px;
}

.cart-layout,
.checkout-layout,
.contact-grid{
  display:grid;
  gap:24px;
  align-items:start;
}

.cart-layout{grid-template-columns:1fr 360px}
.checkout-layout{grid-template-columns:1fr 390px}
.contact-grid{grid-template-columns:.95fr 1.05fr}

.cart-list,
.summary-card,
.checkout-card,
.contact-form,
.info-card,
.map-card{
  padding:24px;
}

.cart-item{
  display:grid;
  grid-template-columns:120px 1fr auto;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid rgba(207,165,95,.12);
}

.cart-item:last-child{border-bottom:0}

.cart-image-wrap,
.cart-image.small{
  border-radius:18px;
  overflow:hidden;
  background:#100e0c;
}

.cart-image,
.cart-image.small{
  width:100%;
  height:120px;
  object-fit:cover;
}

.cart-image.small{
  width:74px;
  height:74px;
  flex:0 0 auto;
}

.cart-copy h3{
  margin:0 0 8px;
  color:var(--gold-soft);
}

.cart-copy p{
  margin:0 0 10px;
  color:#d9cab1;
  line-height:1.8;
}

.cart-size{
  display:block;
  color:#bfa98d;
  margin-bottom:12px;
}

.remove-link{
  padding:0;
  border:0;
  background:none;
  color:#f0aab1;
  font-weight:800;
  margin-top:12px;
}

.cart-price{
  color:var(--gold-soft);
  font-size:20px;
  white-space:nowrap;
}

.summary-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid rgba(207,165,95,.12);
  color:#e5d7c2;
}

.summary-row.total{
  border-bottom:0;
  font-size:22px;
  color:var(--gold-soft);
  font-weight:900;
}

.coupon{
  display:flex;
  gap:10px;
  margin:18px 0 4px;
}

.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.form-group label,
.contact-form label{
  display:block;
  margin:0 0 8px;
  color:#f2ddaf;
  font-weight:800;
}

textarea.form-control{
  min-height:140px;
  resize:vertical;
}

.radio-card{
  display:flex;
  gap:12px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(207,165,95,.2);
  border-radius:16px;
  margin:10px 0;
  color:#e5d7c1;
  background:rgba(255,255,255,.02);
}

.radio-card input{accent-color:var(--gold)}

.order-mini{
  display:flex;
  gap:12px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid rgba(207,165,95,.12);
}

.secure-note{
  margin-top:16px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(45,180,112,.25);
  background:rgba(45,180,112,.08);
  color:#d9f4e4;
  line-height:1.8;
  font-size:14px;
}

.success-box{
  display:none;
  margin-top:18px;
  padding:22px;
  border-radius:20px;
  border:1px solid rgba(207,165,95,.24);
  background:rgba(207,165,95,.08);
}

.success-box.show{display:block}

.info-row{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px 0;
  border-bottom:1px solid rgba(207,165,95,.12);
}

.info-row:last-child{border-bottom:0}

.info-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  border:1px solid rgba(207,165,95,.22);
  color:var(--gold-soft);
  display:grid;
  place-items:center;
  background:rgba(207,165,95,.08);
  flex:0 0 auto;
}

.map-card{
  min-height:280px;
  display:grid;
  place-items:center;
  text-align:center;
  background:
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
    radial-gradient(circle at 20% 20%, rgba(196,125,133,.12), transparent 24%);
}

.map-card p{
  color:#d5c6ad;
  line-height:1.8;
  max-width:320px;
}

.footer{
  margin-top:76px;
  padding:44px 0 24px;
  border-top:1px solid rgba(207,165,95,.18);
  background:
    radial-gradient(circle at 15% 0, rgba(196,125,133,.14), transparent 22%),
    linear-gradient(180deg,#110f0d,#060505);
}

.footer-grid{
  grid-template-columns:1.6fr 1fr 1fr 1.1fr;
  align-items:start;
}

.footer h3{
  margin:0 0 12px;
  color:var(--gold-soft);
}

.footer p,
.footer li,
.footer a{
  color:#d9cab2;
  line-height:2;
}

.footer-brand p{
  max-width:360px;
}

.footer-social{
  display:flex;
  gap:10px;
  margin-top:14px;
}

.footer-social span{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  border:1px solid rgba(207,165,95,.22);
  color:var(--gold-soft);
}

.copy{
  margin-top:28px;
  padding-top:18px;
  text-align:center;
  border-top:1px solid rgba(207,165,95,.14);
  color:#a89479;
  font-size:13px;
}

.whatsapp-float{
  position:fixed;
  left:24px;
  bottom:24px;
  width:58px;
  height:58px;
  z-index:60;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:28px;
  background:#26d366;
  box-shadow:0 18px 34px rgba(0,0,0,.35);
}

.whatsapp-float svg{
  width:30px;
  height:30px;
  display:block;
}

.toast{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:80;
  min-width:240px;
  max-width:360px;
  padding:14px 18px;
  border-radius:16px;
  background:#181410;
  color:#fff1d5;
  border:1px solid rgba(207,165,95,.24);
  box-shadow:var(--shadow);
  transform:translateY(150%);
  transition:transform .25s ease;
}

.toast.show{transform:translateY(0)}

html[data-theme="light"]{
  --bg:#f8f3ea;
  --bg-soft:#fffaf3;
  --panel:#fffdf9;
  --panel-2:#f9f2e6;
  --panel-3:#f4eadc;
  --gold:#b88835;
  --gold-soft:#c69749;
  --gold-text-gradient:linear-gradient(135deg, #f4d892 0%, #b8832e 30%, #8f5e18 55%, #f0cf82 78%, #7a4d12 100%);
  --rose:#c38c8a;
  --rose-soft:#f1d6d1;
  --text:#2c2116;
  --muted:#6e5640;
  --line:rgba(184,136,53,.24);
  --line-soft:rgba(106,78,41,.08);
  --shadow:0 22px 44px rgba(131,93,40,.12);
}

html[data-theme="light"] body{
    background: white;
    /* background:
        radial-gradient(circle at top left, rgba(216,183,127,.16), transparent 24%),
        radial-gradient(circle at 85% 0, rgba(195,140,138,.12), transparent 20%),
        linear-gradient(180deg,#fffdfa 0%,#f7f1e7 52%,#f4ecdf 100%); */
    color:var(--text);
}

html[data-theme="light"] .site-shell::before{
  background:
    radial-gradient(circle at 12% 18%, rgba(195,140,138,.12), transparent 18%),
    radial-gradient(circle at 88% 10%, rgba(184,136,53,.1), transparent 16%);
}

html[data-theme="light"] .topbar{
  background:rgba(255,250,243,.86);
  border-bottom:1px solid rgba(184,136,53,.16);
  box-shadow:0 14px 30px rgba(131,93,40,.08);
}

html[data-theme="light"] .quick-icon,
html[data-theme="light"] .theme-toggle{
  background:linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,239,227,.96));
  border-color:rgba(184,136,53,.22);
  box-shadow:0 16px 28px rgba(131,93,40,.1);
}

html[data-theme="light"] .brand-tagline{
  color:#7d6241;
}

html[data-theme="light"] .menu a{
  color:#4a3827;
}

html[data-theme="light"] .quick-icon{
  color:var(--gold);
}

html[data-theme="light"] .theme-toggle{
  color:#3a2a1a;
}

html[data-theme="light"] .theme-toggle-icon{
  background:rgba(184,136,53,.12);
  color:#7a5517;
}

html[data-theme="light"] .btn-soft{
  background:rgba(195,140,138,.12);
  color:#8a4f57;
  border-color:rgba(195,140,138,.22);
}

html[data-theme="light"] .btn-dark{
  background:rgba(184,136,53,.08);
  color:#7d581d;
  border-color:rgba(184,136,53,.2);
}

html[data-theme="light"] .hero-frame{
  background:
    linear-gradient(90deg, rgba(255,250,243,.12), rgba(247,240,228,.5) 56%, rgba(243,235,224,.78)),
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.08));
  border-color:rgba(184,136,53,.18);
  box-shadow:0 26px 54px rgba(131,93,40,.12);
}

html[data-theme="light"] .hero-benefits-bar{
  border-top-color:rgba(184,136,53,.16);
  border-bottom-color:rgba(184,136,53,.12);
  background:rgba(255,252,247,.56);
}

html[data-theme="light"] .hero-benefit-item{
  color:#6f501f;
  border-left-color:rgba(184,136,53,.18);
}

html[data-theme="light"] .hero p,
html[data-theme="light"] .page-hero p,
html[data-theme="light"] .section-text,
html[data-theme="light"] .feature-card p,
html[data-theme="light"] .review-card p,
html[data-theme="light"] .about-panel p,
html[data-theme="light"] .story-panel p,
html[data-theme="light"] .product-copy p,
html[data-theme="light"] .cart-copy p,
html[data-theme="light"] .map-card p,
html[data-theme="light"] .summary-row,
html[data-theme="light"] .rating,
html[data-theme="light"] .breadcrumb,
html[data-theme="light"] .check,
html[data-theme="light"] .radio-card,
html[data-theme="light"] .tab-body{
  color:#6a523a;
}

html[data-theme="light"] .menu a.active::after{
  background:linear-gradient(90deg, transparent, rgba(184,136,53,.9), transparent);
}

html[data-theme="light"] .hero::before{
  background:
    radial-gradient(circle at 8% 35%, rgba(195,140,138,.16), transparent 22%),
    radial-gradient(circle at 82% 20%, rgba(184,136,53,.08), transparent 18%);
}

html[data-theme="light"] .feature-card,
html[data-theme="light"] .review-card,
html[data-theme="light"] .info-card,
html[data-theme="light"] .contact-form,
html[data-theme="light"] .map-card,
html[data-theme="light"] .filter-box,
html[data-theme="light"] .gallery-shell,
html[data-theme="light"] .product-panel,
html[data-theme="light"] .summary-card,
html[data-theme="light"] .cart-list,
html[data-theme="light"] .checkout-card,
html[data-theme="light"] .about-panel,
html[data-theme="light"] .story-panel,
html[data-theme="light"] .promo-panel,
html[data-theme="light"] .product-card,
html[data-theme="light"] .category-card{
  background:linear-gradient(145deg, rgba(255,255,255,.98), rgba(246,239,229,.92));
  border-color:rgba(184,136,53,.18);
  box-shadow:0 22px 44px rgba(131,93,40,.1);
}

html[data-theme="light"] .product-image-wrap,
html[data-theme="light"] .gallery-main,
html[data-theme="light"] .cart-image-wrap,
html[data-theme="light"] .cart-image.small,
html[data-theme="light"] .thumb-button,
html[data-theme="light"] .category-thumb{
  background:
    radial-gradient(circle at 18% 18%, rgba(195,140,138,.12), transparent 22%),
    linear-gradient(180deg,#fffdfa,#f5ede0);
  border-color:rgba(184,136,53,.16);
}

html[data-theme="light"] .story-card{
  border-color:rgba(184,136,53,.18);
  box-shadow:0 22px 44px rgba(131,93,40,.12);
}

html[data-theme="light"] .story-card::after{
  background:linear-gradient(180deg, transparent, rgba(94,68,40,.5));
}

html[data-theme="light"] .story-card span{
  color:#fff9f0;
  text-shadow:0 10px 24px rgba(71,50,24,.36);
}

html[data-theme="light"] .benefit-icon,
html[data-theme="light"] .feature-icon,
html[data-theme="light"] .note-card{
  background:rgba(184,136,53,.08);
  border-color:rgba(184,136,53,.16);
}

html[data-theme="light"] .review-card small,
html[data-theme="light"] .product-meta,
html[data-theme="light"] .cart-size{
  color:#90704b;
}

html[data-theme="light"] .search-input,
html[data-theme="light"] .form-control,
html[data-theme="light"] .qty-control input{
  background:#fffdf9;
  color:#2e2317;
  border-color:rgba(184,136,53,.2);
}

html[data-theme="light"] .qty-control{
  border-color:rgba(184,136,53,.22);
}

html[data-theme="light"] .qty-control button{
  background:#fbf4e9;
  color:#7d581d;
}

html[data-theme="light"] .tab-head{
  background:rgba(184,136,53,.06);
}

html[data-theme="light"] .tab-head button{
  color:#7b6041;
  border-left-color:rgba(184,136,53,.12);
}

html[data-theme="light"] .tab-head button.active{
  background:rgba(184,136,53,.12);
  color:#734e15;
}

html[data-theme="light"] .summary-row{
  border-bottom-color:rgba(184,136,53,.12);
}

html[data-theme="light"] .radio-card,
html[data-theme="light"] .check{
  border-color:rgba(184,136,53,.18);
}

html[data-theme="light"] .radio-card{
  background:rgba(255,255,255,.68);
}

html[data-theme="light"] .remove-link{
  color:#b96773;
}

html[data-theme="light"] .order-mini{
  border-bottom-color:rgba(184,136,53,.12);
}

html[data-theme="light"] .secure-note{
  color:#20613d;
  background:rgba(45,180,112,.1);
}

html[data-theme="light"] .success-box{
  background:rgba(184,136,53,.08);
  color:#6d4f21;
}

html[data-theme="light"] .footer{
  background:
    radial-gradient(circle at 15% 0, rgba(195,140,138,.14), transparent 22%),
    linear-gradient(180deg,#f8f1e6,#f1e7d9);
  border-top-color:rgba(184,136,53,.18);
}

html[data-theme="light"] .footer p,
html[data-theme="light"] .footer li,
html[data-theme="light"] .footer a,
html[data-theme="light"] .copy{
  color:#6b533a;
}

html[data-theme="light"] .toast{
  background:#fffaf2;
  color:#5f441f;
  border-color:rgba(184,136,53,.2);
  box-shadow:0 18px 34px rgba(131,93,40,.14);
}

@media (max-width: 1100px){
  .about-layout,
  .story-panel,
  .promo-panel,
  .shop-layout,
  .product-detail,
  .cart-layout,
  .checkout-layout,
  .contact-grid,
  .footer-grid{
    grid-template-columns:1fr;
  }

  .products,
  .feature-grid,
  .reviews,
  .story-grid{
    grid-template-columns:repeat(2,1fr);
  }

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

  .category-grid-showcase{
    grid-template-columns:repeat(2,1fr);
  }

  .hero-frame{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-media-pane{
    min-height:320px;
  }
  .hero-copy-pane{
    padding:28px 24px 34px;
  }
  .hero-benefits-bar{
    grid-template-columns:1fr;
    padding:0;
  }
  .hero-benefit-item{
    border-left:0;
    border-top:1px solid rgba(207,165,95,.16);
  }
  .hero-benefit-item:first-child{
    border-top:0;
  }
  .gallery-main{min-height:500px}
  .filter-box{position:relative;top:0}
}

@media (max-width: 760px){
  .container{width:min(100% - 24px,1180px)}
  .nav{padding:10px 0}
  .menu{display:none}
  .actions .quick-icon{display:none}
  .theme-toggle{
    min-width:auto;
    padding:0 12px;
  }
  .theme-toggle-text{display:none}
  .brand-word{font-size:28px}
  .brand-mark{width:50px;height:50px}

  .hero,
  .page-hero{padding-top:24px}

  .hero-frame{
    border-radius:0;
  }

  .hero-copy-pane h1{
    font-size:44px;
  }

  .hero-copy-pane p{
    font-size:16px;
  }

  .benefit-row,
  .products,
  .feature-grid,
  .reviews,
  .story-grid,
  .form-grid,
  .notes-grid{
    grid-template-columns:1fr;
  }

  .category-card{
    grid-template-columns:1fr;
  }

  .category-grid-showcase{
    grid-template-columns:1fr;
  }

  .shop-toolbar{
    flex-direction:column;
    align-items:stretch;
  }

  select.form-control{max-width:100%}

  .gallery-main{min-height:360px}

  .product-panel h1{font-size:40px}

  .cart-item{
    grid-template-columns:1fr;
  }

  .cart-price{
    text-align:right;
  }

  .coupon{
    flex-direction:column;
  }
}