*{box-sizing:border-box}
:root{--burgundy:#8F4F57;--burgundy-dark:#713D46;--rose:#B56F76;--ivory:#fbfaf7;--cream:#f0e8df;--gold:#D3A0A5;--text:#282124;--muted:#81777b;--line:#e8e0da}
html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--text);font-family:"Cairo",Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{border:0;cursor:pointer}
.announcement{height:31px;background:var(--burgundy-dark);color:#f8efeb;font-size:9px}.announcement-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:12px}.dot{color:#c7a985}
.site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 #00000008}.header-main{max-width:1260px;height:86px;margin:auto;display:grid;grid-template-columns:minmax(300px,1fr) auto minmax(300px,1fr);align-items:center;column-gap:70px;padding:0 34px}
.header-group{display:flex;align-items:center;gap:28px;min-width:0}.header-right{justify-self:end}.header-left{justify-self:start}.brand{display:flex;align-items:center;gap:10px;justify-self:center;min-width:205px;justify-content:center}.brand-logo{width:50px;height:50px;border-radius:12px;object-fit:cover}.brand-name{text-align:right}.brand-name b{font-family:"Playfair Display","Cairo",serif;color:var(--burgundy);font-size:23px;white-space:nowrap;display:block;line-height:1}.brand-name small{font-size:8px;color:#9b8c91;display:block;margin-top:5px}
.header-action{display:flex;align-items:center;gap:7px;background:transparent;color:#51484b;font-size:10px;padding:9px 10px;border-radius:10px;white-space:nowrap;transition:.2s}.header-action img{width:18px;height:18px}.header-action:hover{background:#f3e9ec;color:var(--burgundy);transform:translateY(-1px)}.cart-wrap{position:relative;display:inline-flex}.cart-wrap i{position:absolute;top:-8px;right:-8px;width:14px;height:14px;background:var(--burgundy);color:#fff;border-radius:50%;font-size:8px;line-height:14px;text-align:center;font-style:normal}
.theme-toggle{cursor:pointer}.always-search{width:155px;height:37px;border:1px solid #ded4d0;border-radius:6px;background:#fffdfb;display:flex;align-items:center;gap:7px;padding:0 10px;transition:.2s}.always-search:hover,.always-search:focus-within{border-color:#a98b91;box-shadow:0 4px 14px #713D4610}.always-search img{width:17px}.always-search input{border:0;outline:0;width:100%;min-width:0;background:transparent;color:#49323a;font-size:10px}.always-search input::placeholder{color:#9b9194}
.main-nav{border-top:1px solid #f1ece8;background:#fff}.nav-inner{height:46px;display:flex;align-items:center;justify-content:center;gap:42px}.nav-inner a{font-size:11px;color:#575053;position:relative;padding:16px 2px}.nav-inner a:after{content:"";position:absolute;bottom:7px;right:0;left:0;height:2px;background:var(--burgundy);transform:scaleX(0);transition:.2s}.nav-inner a:hover,.nav-inner a.active{color:var(--burgundy);font-weight:700}.nav-inner a:hover:after,.nav-inner a.active:after{transform:scaleX(1)}
.page-hero{background:linear-gradient(115deg,#713D46,#8F4F57 55%,#B56F76);color:#fff;text-align:center;padding:58px 20px 52px}.page-hero .eyebrow{font-size:9px;letter-spacing:3px;color:#e6cfb9}.page-hero h1{font-size:39px;margin:10px 0 5px}.page-hero p{font-size:12px;color:#f1e7e5;margin:0}
.breadcrumb{max-width:1180px;margin:0 auto;padding:18px 20px 0;font-size:9px;color:#988d90}.breadcrumb a{color:var(--burgundy)}
.catalog{max-width:1180px;margin:auto;padding:35px 20px 75px}.catalog-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.catalog-head h2{margin:5px 0 0;color:var(--burgundy-dark);font-size:25px}.catalog-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.sort{border:1px solid var(--line);background:#fff;padding:8px 11px;border-radius:6px;font-size:10px;color:#51484b}
.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.filters button{background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 13px;font-size:10px;color:#51484b}.filters button.active,.filters button:hover{background:var(--burgundy);border-color:var(--burgundy);color:#fff}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{background:#fff;border:1px solid var(--line);transition:.2s}.product:hover{transform:translateY(-4px);box-shadow:0 14px 35px #713D4610}.product-image{height:330px;background:linear-gradient(145deg,#eee6e0,#d2c4c2);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;display:block}.product-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#9d8f92;font-family:"Playfair Display",serif;font-size:18px}.product-info{padding:13px}.product-info h3{font-size:12px;margin:0 0 7px}.product-code{font-size:8px;color:#9c9295}.price{color:var(--burgundy);font-size:12px;font-weight:700;margin-top:9px}
.about{max-width:1000px;margin:auto;padding:60px 20px 85px}.about-card{background:#fff;border:1px solid var(--line);padding:45px;text-align:center}.about-card .mark{width:75px;height:75px;margin:auto;border-radius:18px;overflow:hidden}.about-card .mark img{width:100%;height:100%;object-fit:cover}.about-card h2{font-size:29px;color:var(--burgundy-dark);margin:17px 0 8px}.about-card p{max-width:700px;margin:0 auto 18px;line-height:2.1;color:#70666a;font-size:12px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.value{border-top:2px solid var(--gold);padding:17px 10px}.value b{display:block;color:var(--burgundy);font-size:13px;margin-bottom:6px}.value span{font-size:9px;color:#8d8286;line-height:1.8}
footer{background:var(--burgundy-dark);color:#fff;text-align:center;padding:38px}.footer-brand{font-family:"Playfair Display",serif;font-size:24px}.footer-sub{font-size:10px;color:#d6c4c8;margin-top:5px}
body.dark-mode{background:#181316;color:#eee4e7}.dark-mode .site-header,.dark-mode .main-nav{background:#211a1d}.dark-mode .brand-name b{color:#d8b7c1}.dark-mode .brand-name small,.dark-mode .header-action{color:#aaa0a4}.dark-mode .header-action:hover{background:#33262b;color:#e3c4cd}.dark-mode .always-search{background:#282124;border-color:#47393e}.dark-mode .always-search input{color:#eee}.dark-mode .nav-inner a{color:#c9bdc1}.dark-mode .nav-inner a.active,.dark-mode .nav-inner a:hover{color:#e0bbc7}.dark-mode .breadcrumb{color:#9e9195}.dark-mode .catalog-head h2{color:#e6c9d1}.dark-mode .catalog-head p{color:#a99da1}.dark-mode .sort,.dark-mode .filters button,.dark-mode .product,.dark-mode .about-card{background:#211a1d;border-color:#3a3034;color:#eee4e7}.dark-mode .filters button{color:#ddd1d5}.dark-mode .product-info h3{color:#eee4e7}.dark-mode .about-card p{color:#b1a4a8}.dark-mode .page-hero{background:linear-gradient(115deg,#33202a,#4d2c38 55%,#5d454d)}.dark-mode footer{background:#100c0e}
@media(max-width:800px){.header-main{height:72px;display:grid;grid-template-columns:1fr auto 1fr;column-gap:8px;padding:0 10px}.header-group{gap:2px}.header-right{justify-self:start}.header-left{justify-self:end}.brand{min-width:0}.brand-logo{width:42px;height:42px}.brand-name b{font-size:16px}.header-action{padding:7px}.header-action span:not(.cart-wrap){display:none}.always-search{width:110px;height:35px}.always-search input{font-size:9px}.nav-inner{display:none}.products{grid-template-columns:repeat(2,1fr)}.product-image{height:250px}.catalog-head{align-items:center}.catalog-head h2{font-size:21px}.values{grid-template-columns:1fr}.about-card{padding:30px 18px}}
@media(max-width:430px){.header-main{grid-template-columns:auto auto 1fr}.header-right .theme-toggle{display:none}.always-search{width:95px}.brand-name b{font-size:14px}.brand-logo{width:38px;height:38px}.page-hero h1{font-size:32px}.products{gap:9px}.product-image{height:220px}.catalog{padding-left:11px;padding-right:11px}}

/* ===== HOMEPAGE FIX: restored index-specific styles ===== */
.hero{min-height:505px;background:linear-gradient(115deg,#713D46 0%,#8F4F57 55%,#B56F76 100%);position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center;gap:100px;padding:45px 30px}
.hero-pattern{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 80% 70%,#fff 0 1px,transparent 1.5px);background-size:32px 32px}
.hero-copy{position:relative;z-index:2;text-align:right;width:450px}
.hero-kicker{font-size:10px;letter-spacing:3px;color:#e5cdb4}
.hero h1{font-size:55px;line-height:1.15;margin:14px 0;font-weight:700}
.hero h1 em{font-style:normal;color:#D3A0A5}
.hero p{font-size:14px;line-height:2;color:#f3e9e8;max-width:470px}
.hero-button{display:inline-flex;margin-top:16px;padding:12px 28px;border:1px solid #dbc0a7;color:#fff;border-radius:5px;font-size:11px;transition:.2s}
.hero-button:hover{background:#fff;color:var(--burgundy-dark)}
.hero-card{width:280px;height:370px;border:1px solid #ffffff35;background:#ffffff12;backdrop-filter:blur(5px);position:relative;border-radius:140px 140px 12px 12px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 20px 55px #1e0f1538}
.hero-card-label{position:absolute;top:22px;font-size:8px;letter-spacing:2px;color:#ead9c9}
.silhouette{width:145px;height:295px;background:linear-gradient(145deg,#eadfd7,#9d777f);clip-path:polygon(40% 0,60% 0,67% 12%,87% 24%,100% 100%,0 100%,13% 24%,33% 12%);opacity:.92}
.hero-card-bottom{position:absolute;bottom:20px;font-family:"Playfair Display",serif;font-size:12px;letter-spacing:3px}
.intro{text-align:center;padding:65px 20px 35px}
.intro>span{font-size:9px;letter-spacing:3px;color:var(--gold)}
.intro h2{font-size:28px;margin:7px 0;color:var(--burgundy-dark)}
.intro p{font-size:11px;color:var(--muted)}
.categories{max-width:1080px;margin:15px auto 75px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 20px}
.categories a{background:#fff;border:1px solid var(--line);padding-bottom:17px;transition:.25s}
.categories a:hover{transform:translateY(-5px);box-shadow:0 14px 35px #713D4610}
.cat-image{height:300px;background:linear-gradient(145deg,#ded4ce,#a88c8d);position:relative}
.cat-image:after{content:"";position:absolute;inset:22px;background:linear-gradient(145deg,#bba39b,#765661);clip-path:polygon(40% 0,60% 0,65% 12%,85% 23%,100% 100%,0 100%,15% 23%,35% 12%)}
.cat-image.hijab{background:linear-gradient(145deg,#eee7e1,#c6b8b2)}
.cat-image.hijab:after{background:linear-gradient(145deg,#d8c7bf,#91767b);clip-path:ellipse(32% 46% at 50% 54%)}
.cat-image.shawl{background:linear-gradient(145deg,#e7ded5,#b69d8e)}
.cat-image.shawl:after{background:linear-gradient(145deg,#cbb4a7,#80636a);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
.categories b,.categories span{display:block;text-align:center}
.categories b{font-size:15px;margin-top:15px;color:var(--burgundy-dark)}
.categories span{font-size:9px;color:var(--gold);margin-top:5px}
.new-section{max-width:1180px;margin:0 auto;padding:0 20px 75px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}
.section-heading span{font-size:9px;letter-spacing:3px;color:var(--gold)}
.section-heading h2{margin:5px 0 0;font-size:25px;color:var(--burgundy-dark)}
.section-heading>a{font-size:10px;color:var(--burgundy)}
.product-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.product-row article{background:#fff;border:1px solid var(--line)}
.product-row .placeholder{height:285px;background:linear-gradient(145deg,#ece7e3,#d3c9c5);display:flex;align-items:center;justify-content:center;color:#9a8d8e;font-family:"Playfair Display",serif;font-size:20px}
.product-row h3{font-size:12px;margin:12px 12px 3px}
.product-row p{font-size:11px;color:var(--burgundy);margin:0 12px 14px;font-weight:700}
@media(max-width:800px){
 .hero{min-height:540px;display:block;text-align:center;padding:55px 20px}
 .hero-copy{width:auto;text-align:center}
 .hero h1{font-size:42px}
 .hero p{font-size:12px}
 .hero-card{margin:35px auto 0;width:210px;height:240px}
 .silhouette{height:200px;width:105px}
 .categories{grid-template-columns:1fr;max-width:430px}
 .cat-image{height:330px}
 .product-row{grid-template-columns:repeat(2,1fr)}
 .product-row .placeholder{height:230px}
}
@media(max-width:430px){
 .product-row{gap:9px}
 .product-row .placeholder{height:220px}
}

/* ===== FINAL FOOTER / SOCIAL / PAYMENT ===== */
.site-footer{background:#713D46;color:#fff;padding:45px 20px 40px;margin-top:20px}
.footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px;align-items:start}
.footer-brand{font-family:"Playfair Display",serif;font-size:25px;letter-spacing:.3px}
.footer-brand-block p{font-size:10px;color:#d6c4c8;margin:7px 0 0}
.site-footer h3{font-size:11px;margin:0 0 13px;color:#D3A0A5;font-weight:700}
.footer-contact,.footer-social,.payments{display:flex;flex-direction:column}
.contact-line{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:10px;width:max-content}
.contact-line img{width:18px;height:18px}
.site-footer small{font-size:8px;color:#bcaeb2;margin-top:7px;line-height:1.6}
.socials{display:flex;gap:9px}
.socials a{width:32px;height:32px;border:1px solid #8d6973;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:.2s}
.socials a:hover{background:#fff;color:#713D46;border-color:#fff;transform:translateY(-2px)}
.socials img{width:15px;height:15px}
.payment-icons{display:flex;align-items:center;gap:9px}
.payment-icons .whish{width:54px;height:34px;object-fit:cover;border-radius:7px}
.payment-icons .visa{width:58px;height:35px;object-fit:contain}
.brand-name{min-width:0}
.brand-name b{font-size:25px}
@media(max-width:800px){
 .footer-inner{grid-template-columns:1fr 1fr;gap:28px}
 .site-footer{padding-bottom:32px}
}
@media(max-width:480px){
 .footer-inner{grid-template-columns:1fr;text-align:center}
 .footer-contact,.footer-social,.payments{align-items:center}
 .socials,.payment-icons{justify-content:center}
}

/* ===== Abayat Nairouz Footer V2 — clean, premium, mobile-first ===== */
.service-strip{
  background:#f5f0eb;
  border-top:1px solid #e9dfd8;
  border-bottom:1px solid #ddd2ca;
}
.service-inner{
  max-width:1180px;
  margin:auto;
  min-height:285px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:stretch;
  padding:34px 20px;
}
.service-item{
  position:relative;
  min-width:0;
  min-height:215px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px 42px;
}
.service-item:not(:last-child)::after{
  content:"";
  position:absolute;
  top:10%;
  bottom:10%;
  inset-inline-end:0;
  width:1px;
  background:#dfd2c9;
}
.service-icon{
  width:92px;
  height:92px;
  flex:0 0 92px;
  border-radius:50%;
  background:#fff;
  border:1px solid #dfd4cc;
  color:#2c2928;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  box-shadow:0 1px 0 rgba(40,30,25,.02);
}
.service-icon img{
  width:45px;
  height:45px;
  object-fit:contain;
}
.service-icon.payment-mini{
  gap:3px;
}
.service-icon.payment-mini img:first-child{width:48px;height:28px}
.service-icon.payment-mini img:last-child{width:30px;height:30px}
.service-item:nth-child(2) .service-icon{
  background:#eef8eb;
  border-color:#d7e9d0;
}
.service-item:nth-child(2) .service-icon img{
  width:48px;
  height:48px;
  filter:none;
}
.service-item h3{
  margin:0 0 7px;
  color:#30292a;
  font-size:23px;
  line-height:1.35;
  font-weight:700;
}
.service-item p,.service-link{
  margin:0;
  color:#7b6e69;
  font-size:14px;
  line-height:1.8;
}
.service-link{color:#70525b}
.site-footer{
  margin-top:0;
  background:#21171b;
  color:#fff;
  padding:42px 20px 0;
}
.footer-inner{
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:1.5fr 1fr 1.1fr 1.1fr;
  gap:45px;
  padding-bottom:34px;
}
.footer-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-column h3{
  color:#D3A0A5;
  font-size:11px;
  margin:0 0 15px;
  font-weight:700;
}
.footer-column>a{
  color:#ddd1d4;
  font-size:9px;
  margin:4px 0;
  transition:.2s;
}
.footer-column>a:hover{color:#fff}
.footer-brand{
  color:#fff;
  font-family:"Playfair Display",serif;
  font-size:26px;
  letter-spacing:.3px;
}
.footer-brand-column p{
  margin:7px 0 0;
  color:#c8b9bd;
  font-size:10px;
}
.footer-brand-column .footer-note{
  max-width:260px;
  font-size:9px;
  line-height:1.9;
  color:#988a8f;
}
.socials{
  display:flex;
  gap:9px;
}
.socials a{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#fff;
  color:#713D46;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #fff;
  transition:.2s;
}
.socials a:hover{
  background:#D3A0A5;
  border-color:#D3A0A5;
  color:#21171b;
  transform:translateY(-2px);
}
.socials img{
  width:17px;
  height:17px;
  object-fit:contain;
}
.footer-social-column small{
  color:#8f8085;
  font-size:8px;
  margin-top:10px;
  line-height:1.7;
}
.payment-cards{
  display:flex;
  gap:10px;
  align-items:center;
}
.payment-card{
  width:72px;
  height:45px;
  border-radius:7px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ded5d0;
  overflow:hidden;
}
.payment-card img{display:block}
.whish-card img{
  width:42px;
  height:42px;
  object-fit:cover;
  border-radius:8px;
}
.visa-card img{
  width:58px;
  height:36px;
  object-fit:contain;
}
.payment-caption{
  color:#9c8e93;
  font-size:8px;
  margin-top:9px;
}
.footer-bottom{
  max-width:1180px;
  margin:auto;
  border-top:1px solid #3a2d32;
  min-height:60px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  color:#897b80;
  font-size:8px;
}
.footer-bottom-links{
  display:flex;
  gap:18px;
}
.footer-bottom-links a:hover{color:#fff}

/* Correct SVG social/icon appearance on white circles. */
.socials img{filter:none}

/* Dark mode: keep the service band readable, while preserving the dark footer. */
body.dark-mode .service-strip{
  background:#272023;
  border-color:#3a3034;
}
body.dark-mode .service-icon{
  background:#21191c;
  border-color:#4a3b40;
  color:#e0bdc8;
}
body.dark-mode .service-item h3{color:#eee4e7}
body.dark-mode .service-item p,
body.dark-mode .service-link{color:#b6a8ad}
body.dark-mode .service-link{color:#e1bfca}
body.dark-mode .payment-card{background:#fff;border-color:#eee}
body.dark-mode .site-footer{background:#100c0e}
body.dark-mode .footer-column>a{color:#cfc1c5}
body.dark-mode .socials a{background:#f8f5f3;color:#713D46;border-color:#f8f5f3}

@media(max-width:800px){
  .service-inner{
    grid-template-columns:1fr;
    gap:0;
    padding:5px 20px;
  }
  .service-item{
    padding:18px 0;
    border-bottom:1px solid #e1d8d2;
  }
  .service-item:last-child{border-bottom:0}
  .footer-inner{
    grid-template-columns:1fr 1fr;
    gap:30px 24px;
  }
  .footer-brand-column{grid-column:1/-1}
  .footer-bottom{
    flex-direction:column;
    justify-content:center;
    padding:18px 0;
    text-align:center;
  }
}
@media(max-width:480px){
  .footer-inner{grid-template-columns:1fr;text-align:center}
  .footer-column,.footer-brand-column{align-items:center}
  .footer-brand-column{grid-column:auto}
  .footer-brand-column .footer-note{max-width:290px}
  .footer-bottom-links{flex-direction:column;gap:5px}
}

/* Footer V4 — refined from the supplied ecommerce footer references. */
.site-footer{
  margin-top:0;
  background:#302d2d;
  color:#f6f2ef;
  padding:42px 28px 0;
}
.footer-inner{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.15fr 1fr 1.15fr .9fr;
  gap:58px;
  align-items:start;
  padding-bottom:36px;
}
.footer-column{display:flex;flex-direction:column;align-items:flex-start}
.footer-column h3{
  margin:0 0 13px;
  color:#fff;
  font-family:"Cairo",sans-serif;
  font-size:12px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.15px;
  position:relative;
  padding-bottom:9px;
}
.footer-column h3::after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  bottom:0;
  width:38px;
  height:1px;
  background:#a48762;
}
.footer-column>a{
  color:#d8d1d0;
  font-size:10px;
  line-height:1.9;
  margin:2px 0;
  transition:none;
}
.footer-column>a:hover{color:#d8d1d0}
.footer-copy{
  margin:0;
  max-width:235px;
  color:#c9c1bf;
  font-size:10px;
  line-height:2;
}
.payment-cards-v4{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:20px;
  min-height:44px;
}
.payment-logo{display:block;object-fit:contain}
.payment-visa-v4{width:66px;height:28px}
.payment-whish-v4{width:44px;height:44px;border-radius:6px}
.payment-caption{
  margin:10px 0 0;
  color:#a9a09e;
  font-size:9px;
  line-height:1.8;
  max-width:210px;
}
.socials-v4{display:flex;align-items:center;gap:20px;margin-top:4px}
.socials-v4 a{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0;
  background:transparent;
  color:#d9d3d2;
  transition:none;
}
.socials-v4 a:hover{background:transparent;color:#d9d3d2;transform:none;border:0}
.socials-v4 img{
  width:18px;
  height:18px;
  object-fit:contain;
  filter:brightness(0) invert(1);
  opacity:.82;
}
.socials-v4 a:hover img{filter:brightness(0) invert(1);opacity:.82}
.footer-bottom{
  max-width:1180px;
  margin:0 auto;
  border-top:1px solid rgba(255,255,255,.12);
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  color:#918988;
  font-size:8px;
}
.footer-bottom-links{display:flex;gap:18px}
.footer-bottom-links a,.footer-bottom-links a:hover{color:#918988}
body.dark-mode .site-footer{background:#211d1f}
body.dark-mode .footer-column>a{color:#d0c8c6}
body.dark-mode .footer-copy{color:#b8afad}
@media(max-width:800px){
  .footer-inner{grid-template-columns:1fr 1fr;gap:34px 28px}
  .footer-brand-column{grid-column:1/-1}
  .footer-copy{max-width:340px}
}
@media(max-width:480px){
  .site-footer{padding:34px 20px 0}
  .footer-inner{grid-template-columns:1fr;gap:28px}
  .footer-brand-column{grid-column:auto}
  .footer-column,.footer-brand-column{align-items:flex-start}
  .footer-bottom{flex-direction:column;justify-content:center;text-align:center;padding:16px 0;gap:8px}
  .footer-bottom-links{gap:12px}
}


/* Footer V5 — transparent payment marks and restrained social icons. */
.payment-cards-v5{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:48px;
}
.payment-cards-v5 .payment-logo{
  display:block;
  object-fit:contain;
  background:transparent;
}
.payment-visa-v5{width:58px;height:32px}
.payment-mastercard-v5{width:58px;height:32px}
.payment-whish-v5{width:100px;height:32px}
.socials-v5{
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:5px;
}
.socials-v5 a{
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0;
  background:transparent;
  transition:none;
}
.socials-v5 a:hover{
  background:transparent;
  border:0;
  transform:none;
}
.socials-v5 img{
  width:18px;
  height:18px;
  object-fit:contain;
  filter:brightness(0) invert(1);
  opacity:.78;
  transition:none;
}
.socials-v5 a:hover img{
  filter:brightness(0) invert(1);
  opacity:.78;
}
@media(max-width:480px){
  .payment-cards-v5{gap:20px;flex-wrap:wrap}
  .payment-whish-v5{width:108px}
  .socials-v5{gap:20px}
}

/* V10 — compact payment methods */
.payment-cards-v10 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  margin-top: 14px;
  width: max-content;
  max-width: 100%;
}
.payment-cards-v10 .payment-logo {
  display: block;
  object-fit: contain;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: 30px;
  width: auto;
}
.payment-cards-v10 .payment-whish-v5 { width: 78px; }
.payment-cards-v10 .payment-mastercard-v6 { width: 38px; }
.payment-cards-v10 .payment-visa-v5 { width: 44px; }
.payment-cards-v10 .payment-wu-v10 { width: 82px; }
.payment-cards-v10 .payment-omt-v10 { width: 78px; }

@media (max-width: 760px) {
  .payment-cards-v10 {
    flex-wrap: wrap;
    gap: 8px;
    width: auto;
  }
}

/* V11 — two-row premium payment arrangement */
.payment-cards-v11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  width: 100%;
}
.payment-cards-v11 .payment-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
}
.payment-cards-v11 .payment-logo {
  display: block;
  object-fit: contain;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: 28px;
  width: auto;
}
.payment-cards-v11 .payment-row-top .payment-visa-v5 { width: 46px; }
.payment-cards-v11 .payment-row-top .payment-mastercard-v6 { width: 40px; }
.payment-cards-v11 .payment-row-top .payment-whish-v5 { width: 78px; }
.payment-cards-v11 .payment-row-bottom .payment-omt-v10 { width: 78px; }
.payment-cards-v11 .payment-row-bottom .payment-wu-v10 { width: 84px; }

@media (max-width: 760px) {
  .payment-cards-v11 { align-items: flex-start; }
  .payment-cards-v11 .payment-row {
    justify-content: flex-start;
    gap: 10px;
  }
}


/* FINAL payment composition — use the approved two-row payment artwork. */
.payment-methods-final{
  display:block;
  width:300px;
  max-width:100%;
  height:auto;
  margin-top:8px;
  object-fit:contain;
}
body.dark-mode .site-footer{background:#302d2d}
@media(max-width:800px){
  .payment-methods-final{width:320px;max-width:100%;}
}

/* Final footer alignment fix: keep social media inside the four-column footer grid. */
.footer-social-column {
  align-self: start;
  justify-self: start;
}
.socials-v5 {
  margin-top: 5px;
  justify-content: flex-start;
}
@media (max-width: 480px) {
  .footer-social-column {
    align-self: center;
    justify-self: center;
  }
  .socials-v5 {
    justify-content: center;
  }
}

/* V13 service strip — reference-style responsive layout */
@media(max-width:760px){
  .service-inner{grid-template-columns:1fr; min-height:0; padding:10px 18px;}
  .service-item{min-height:205px; padding:28px 20px;}
  .service-item:not(:last-child)::after{top:auto; bottom:0; inset-inline:12%; width:auto; height:1px;}
  .service-icon{width:78px;height:78px;flex-basis:78px;margin-bottom:14px}
  .service-item h3{font-size:19px}
  .service-item p,.service-link{font-size:12px}
}

/* Service strip: Whish Money replaces Mastercard */
.service-icon.payment-mini img[src*="whish-service"] {
  width: 74px;
  height: 46px;
  object-fit: contain;
  background: transparent;
}


/* ===== SINGLE PRODUCT PAGE ===== */
.product-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 20px 80px;
}
.product-breadcrumb {
  font-size: 10px;
  color: var(--muted);
  margin: 0 0 25px;
}
.product-breadcrumb a { color: var(--burgundy); }
.product-detail {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: 70px;
  align-items: start;
  direction: ltr;
}
.product-gallery, .product-summary { direction: rtl; }
.product-main-image {
  width: 100%;
  aspect-ratio: 4 / 5;
  background: #eee8e3;
  border: 1px solid var(--line);
  overflow: hidden;
}
.product-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.product-thumbs {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  direction: ltr;
}
.product-thumb {
  width: 76px;
  height: 92px;
  padding: 0;
  border: 1px solid var(--line);
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}
.product-thumb.active { border-color: var(--gold); }
.product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-eyebrow {
  font-size: 9px;
  letter-spacing: 2.5px;
  color: var(--gold);
  text-transform: uppercase;
}
.product-summary h1 {
  font-size: 34px;
  line-height: 1.35;
  color: var(--burgundy-dark);
  margin: 8px 0 7px;
}
.product-code-detail {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 1px;
  margin-bottom: 17px;
}
.product-price-detail {
  font-size: 22px;
  color: var(--burgundy);
  font-weight: 800;
  margin-bottom: 20px;
}
.product-short-description {
  font-size: 12px;
  line-height: 2.05;
  color: #665c60;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
}
.product-option {
  padding: 20px 0 0;
}
.product-option-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 10px;
}
.product-colors {
  display: flex;
  gap: 9px;
}
.color-option {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #fff;
  outline: 1px solid #d9cfca;
  cursor: pointer;
}
.color-option.active { outline: 2px solid var(--burgundy); }
.color-black { background: #282427; }
.color-beige { background: #cbb9aa; }
.color-brown { background: #765c52; }
.product-select {
  width: 100%;
  height: 43px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--text);
  padding: 0 13px;
  font-family: inherit;
  font-size: 11px;
}
.purchase-row {
  display: flex;
  gap: 10px;
  margin-top: 24px;
}
.quantity-control {
  width: 118px;
  height: 48px;
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}
.quantity-control button {
  border: 0;
  background: transparent;
  width: 35px;
  height: 100%;
  cursor: pointer;
  color: var(--burgundy);
  font-size: 17px;
}
.quantity-control input {
  width: 40px;
  border: 0;
  outline: 0;
  text-align: center;
  font-family: inherit;
  font-size: 12px;
  background: transparent;
}
.add-cart-button {
  flex: 1;
  height: 48px;
  border: 1px solid var(--burgundy);
  background: var(--burgundy);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.add-cart-button:hover { background: var(--burgundy-dark); }
.product-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 45px;
  margin-top: 10px;
  border: 1px solid #d8cdc7;
  color: #4d4649;
  font-size: 11px;
}
.product-whatsapp img { width: 19px; height: 19px; }
.product-meta {
  margin-top: 23px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 8px;
}
.product-meta div {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: var(--muted);
}
.product-meta strong { color: var(--text); font-weight: 600; }
.product-description {
  margin-top: 70px;
  padding-top: 30px;
  border-top: 1px solid var(--line);
}
.product-description h2,
.similar-products h2 {
  color: var(--burgundy-dark);
  font-size: 22px;
  margin: 0 0 12px;
}
.product-description p {
  color: #6f6468;
  font-size: 12px;
  line-height: 2.1;
  max-width: 800px;
}
.similar-products {
  margin-top: 65px;
}
.similar-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 20px;
}
.similar-heading span {
  color: var(--gold);
  font-size: 9px;
  letter-spacing: 2.5px;
}
.similar-products .products {
  grid-template-columns: repeat(4, 1fr);
}
.similar-products .product {
  cursor: pointer;
}
.similar-products .product-image {
  height: 300px;
}
.similar-products .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dark-mode .product-summary h1,
.dark-mode .product-description h2,
.dark-mode .similar-products h2 { color: #e6c9d1; }
.dark-mode .product-short-description,
.dark-mode .product-description p { color: #b1a4a8; }
.dark-mode .product-select,
.dark-mode .quantity-control,
.dark-mode .product-thumb { background: #211a1d; border-color: #3a3034; color: #eee4e7; }
.dark-mode .product-meta { border-color: #3a3034; }
.dark-mode .product-whatsapp { border-color: #3a3034; color: #ddd1d5; }

@media(max-width:900px){
  .product-detail { grid-template-columns: 1fr; gap: 35px; }
  .product-summary { max-width: 650px; }
}
@media(max-width:700px){
  .product-page { padding-left: 12px; padding-right: 12px; }
  .product-summary h1 { font-size: 28px; }
  .similar-products .products { grid-template-columns: repeat(2,1fr); gap: 10px; }
  .similar-products .product-image { height: 250px; }
  .purchase-row { flex-direction: column; }
  .quantity-control { width: 100%; }
}

/* Final service strip payment icon: Whish Money only */
.service-icon.payment-mini {
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-icon.payment-mini img {
  width: 76px !important;
  height: 50px !important;
  object-fit: contain;
  background: transparent !important;
}

/* V3 — compact service strip and centered Whish payment mark */
.service-strip {
  padding: 34px 0 !important;
}
.service-inner {
  min-height: 0 !important;
}
.service-item {
  min-height: 118px !important;
  padding: 10px 34px !important;
  align-items: center !important;
}
.service-icon.payment-mini {
  width: 88px !important;
  height: 88px !important;
  flex: 0 0 88px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
.service-icon.payment-mini img {
  display: block !important;
  width: 72px !important;
  height: 48px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
}
.service-item > div:last-child {
  text-align: center;
}
.service-item h3 {
  margin-top: 8px !important;
  margin-bottom: 4px !important;
}
.service-item p,
.service-item .service-link {
  margin-top: 0 !important;
}
@media (max-width: 700px) {
  .service-strip {
    padding: 24px 0 !important;
  }
  .service-item {
    min-height: 100px !important;
    padding: 8px 18px !important;
  }
  .service-icon.payment-mini {
    width: 72px !important;
    height: 72px !important;
    flex-basis: 72px !important;
  }
  .service-icon.payment-mini img {
    width: 62px !important;
    height: 42px !important;
  }
}

/* V4 — genuinely compact service strip; centered Whish artwork */
.service-strip {
  padding: 20px 0 !important;
}
.service-inner {
  min-height: 0 !important;
  padding: 0 20px !important;
}
.service-item {
  min-height: 128px !important;
  padding: 8px 28px !important;
}
.service-icon {
  width: 72px !important;
  height: 72px !important;
  flex-basis: 72px !important;
  margin-bottom: 10px !important;
}
.service-icon img {
  width: 38px !important;
  height: 38px !important;
}
.service-item:nth-child(2) .service-icon img {
  width: 40px !important;
  height: 40px !important;
}
.service-icon.payment-mini {
  width: 72px !important;
  height: 72px !important;
  flex-basis: 72px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  gap: 0 !important;
}
.service-icon.payment-mini img {
  width: 55px !important;
  height: 34px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}
.service-item h3 {
  font-size: 20px !important;
  margin: 0 0 3px !important;
}
.service-item p,
.service-link {
  font-size: 12px !important;
  line-height: 1.6 !important;
}
@media(max-width:800px){
  .service-strip {
    padding: 14px 0 !important;
  }
  .service-item {
    min-height: 102px !important;
    padding: 10px 0 !important;
  }
  .service-icon {
    width: 64px !important;
    height: 64px !important;
    flex-basis: 64px !important;
    margin-bottom: 7px !important;
  }
}

/* FINAL COMPACT SERVICE STRIP */
.service-strip {
  padding: 10px 0 !important;
}
.service-inner {
  min-height: 0 !important;
  padding: 0 20px !important;
}
.service-item {
  min-height: 96px !important;
  padding: 6px 22px !important;
}
.service-icon {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  margin-bottom: 6px !important;
}
.service-icon img {
  width: 32px !important;
  height: 32px !important;
}
.service-item:nth-child(2) .service-icon img {
  width: 34px !important;
  height: 34px !important;
}
.service-icon.payment-mini {
  width: 58px !important;
  height: 58px !important;
  flex-basis: 58px !important;
}
.service-icon.payment-mini img {
  width: 45px !important;
  height: 28px !important;
}
.service-item h3 {
  font-size: 18px !important;
  margin: 0 0 2px !important;
}
.service-item p,
.service-link {
  font-size: 11px !important;
  line-height: 1.45 !important;
}
@media(max-width:800px) {
  .service-strip {
    padding: 8px 0 !important;
  }
  .service-item {
    min-height: 84px !important;
    padding: 7px 0 !important;
  }
  .service-icon {
    width: 52px !important;
    height: 52px !important;
    flex-basis: 52px !important;
    margin-bottom: 5px !important;
  }
  .service-icon.payment-mini {
    width: 52px !important;
    height: 52px !important;
    flex-basis: 52px !important;
  }
}


/* Order confirmation checkbox */
.order-confirm-check{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:18px 0 10px!important;color:var(--text)!important;font-size:12px!important;line-height:1.8!important;cursor:pointer!important}.order-confirm-check input{width:17px!important;height:17px!important;flex:0 0 17px!important;margin-top:3px!important;accent-color:var(--burgundy)!important}.order-confirm-check span{display:block!important}


/* ===== HEADER / MOBILE NAV / SEARCH V2 ===== */
.header-main{height:78px;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);column-gap:42px}
.header-left{justify-self:start}
.search-row{max-width:1260px;margin:0 auto;padding:0 34px 12px;display:flex;justify-content:center;background:#fff}
.search-row .always-search{width:100%;max-width:980px;height:42px;border-radius:7px;background:#fffdfb}
.search-row .always-search input{font-size:11px}
.search-row .always-search img{width:18px;height:18px}
.site-header .main-nav{border-top:1px solid #f1ece8}
.mobile-menu-toggle{display:none;width:38px;height:38px;background:transparent;align-items:center;justify-content:center;padding:7px;border-radius:8px}
.mobile-menu-toggle img{width:22px;height:22px;display:block}
.mobile-menu-toggle:hover{background:#f3e9ec}


@media(max-width:800px){
  .header-main{height:68px;grid-template-columns:1fr auto 1fr;column-gap:4px;padding:0 10px}
  .header-right{justify-self:end;gap:0}
  .header-left{justify-self:start;gap:2px}
  .header-action{padding:6px}
  .header-action span:not(.cart-wrap){display:none}
  .header-right .theme-toggle{display:flex}
  .brand{min-width:0}
  .brand-name b{font-size:17px}
  .brand-name small{font-size:7px}
  .search-row{padding:0 12px 10px}
  .search-row .always-search{max-width:none;height:40px}
  .main-nav{border-top:1px solid #f1ece8}
  .main-nav .nav-inner{display:none;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:5px 12px 10px}
  .main-nav.mobile-open .nav-inner{display:flex}
  .main-nav .nav-inner a{padding:10px 8px;font-size:12px;border-bottom:1px solid #eee7e4}
  .main-nav .nav-inner a:last-child{border-bottom:0}
  .main-nav .nav-inner a:after{display:none}
  .mobile-menu-toggle{display:flex}
  .site-header{overflow:visible}
}
@media(max-width:430px){
  .header-main{grid-template-columns:1fr auto 1fr}
  .header-right .theme-toggle{display:none}
  .brand-name b{font-size:15px}
  .brand-name small{font-size:6.5px}
  .search-row{padding-left:10px;padding-right:10px}
  .search-row .always-search{height:39px}
}


/* ===== FINAL MOBILE MENU + FLOATING WHATSAPP ===== */
.floating-whatsapp{
  position:fixed;
  right:18px;
  bottom:18px;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#25D366;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
  box-shadow:0 5px 18px rgba(0,0,0,.18);
  border:3px solid #fff;
  text-decoration:none;
}
.floating-whatsapp img{width:30px;height:30px;display:block;filter:none!important}
.floating-whatsapp:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(0,0,0,.22)}
@media(max-width:800px){
  .mobile-menu-toggle{display:flex!important;visibility:visible!important;opacity:1!important;width:40px!important;height:40px!important}
  .mobile-menu-toggle img{width:23px!important;height:23px!important}
  .main-nav.mobile-open{display:block!important}
  .main-nav.mobile-open .nav-inner{display:flex!important}
  .main-nav .nav-inner a{background:#fff}
  .floating-whatsapp{right:14px;bottom:14px;width:56px;height:56px}
  .floating-whatsapp img{width:29px;height:29px}
}
@media(max-width:430px){
  .mobile-menu-toggle{width:38px!important;height:38px!important}
}

.catalog .filters button.active{background:var(--burgundy);border-color:var(--burgundy);color:#fff}
@media(max-width:800px){.catalog-head{gap:12px;flex-wrap:wrap}.catalog-head .sort{width:100%;max-width:220px}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{white-space:nowrap;flex:0 0 auto}}


/* Home product cards — Arabic add-to-cart button */
.product-row .card-add-cart {
  width: calc(100% - 24px);
  margin: 0 12px 14px;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .product-row .card-add-cart {
    height: 36px;
    margin: 0 10px 12px;
    width: calc(100% - 20px);
    font-size: 10px;
  }
}

.brand-logo{width:42px;height:52px;object-fit:cover;object-position:center;border-radius:0;background:transparent}.brand{gap:8px}.category-empty{width:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);padding:30px}

/* NAIROUZ COMPACT HOMEPAGE CATEGORIES */
.shop-categories{padding:24px 5% 12px;background:var(--ivory,#fbf8f4)}
.shop-categories .section-heading{text-align:center;margin-bottom:14px}
.shop-categories .section-heading h2{margin:0;color:var(--burgundy,#713D46);font-size:22px}
.shop-categories .section-heading p{margin:4px 0 0;color:var(--muted,#81777b);font-size:12px}
.category-scroller{display:flex;gap:12px;overflow-x:auto;padding:3px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.category-scroller::-webkit-scrollbar{display:none}
.category-chip{flex:0 0 104px;display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:var(--text,#282124);scroll-snap-align:start}
.category-chip img{width:82px;height:82px;object-fit:cover;border:1px solid var(--line,#e8e0da);border-radius:50%;background:#f2ebe4;padding:8px}
.category-chip span{font-family:inherit;font-size:11px;font-weight:600;text-align:center;white-space:nowrap}
.category-chip:hover span{color:var(--burgundy,#713D46)}
@media(min-width:701px){.category-scroller{justify-content:center;overflow-x:visible}.category-chip{flex-basis:112px}}
@media(max-width:700px){.shop-categories{padding:20px 14px 8px}.shop-categories .section-heading h2{font-size:19px}.category-chip{flex-basis:92px}.category-chip img{width:68px;height:68px}.category-chip span{font-size:10px}}


/* ===== NAIROUZ THEME — #B56F76 reference palette ===== */
:root{
  --burgundy:#B56F76;
  --burgundy-dark:#8F4F57;
  --rose:#C88A91;
  --ivory:#F7F1EE;
  --cream:#EEE3DF;
  --gold:#C7A69E;
  --text:#3E302D;
  --muted:#746561;
  --line:#DCCBC5;
}
html{scroll-behavior:smooth}
body{background:var(--ivory);color:var(--text)}
.announcement{background:var(--burgundy-dark);color:#fff}
.announcement .dot{color:#DCC2BC}
.site-header{background:#fff;box-shadow:0 1px 0 rgba(98,72,66,.10)}
.header-action,.nav-inner a{color:var(--burgundy)}
.nav-inner a.active,.nav-inner a:hover{color:var(--burgundy-dark)}
.always-search{border-color:var(--line);background:#fff}
.always-search input{color:var(--text)}
.always-search img{opacity:.85}
.hero{background:linear-gradient(115deg,#8F4F57 0%,#B56F76 58%,#C88A91 100%)}
.hero-kicker{color:#EAD8D3}
.hero h1 em{color:#F1DDD8}
.hero p{color:#F7EDEA}
.hero-button{border-color:#E8D0C9;color:#fff}
.hero-button:hover{background:#fff;color:var(--burgundy-dark)}
.intro>span,.section-heading span{color:var(--burgundy)}
.intro h2,.section-heading h2,.catalog-head h2{color:var(--burgundy-dark)}
.categories a,.product-row article,.product,.filters button,.sort,.about-card{background:#fff;border-color:var(--line)}
.categories b{color:var(--burgundy-dark)}
.categories span{color:var(--burgundy)}
.cat-image{background:linear-gradient(145deg,#E9DAD5,#C4A9A2)}
.cat-image:after{background:linear-gradient(145deg,#D6A9AE,#8F4F57)}
.cat-image.hijab{background:linear-gradient(145deg,#F1E8E5,#D7C4BF)}
.cat-image.hijab:after{background:linear-gradient(145deg,#D8B2B7,#9E626A)}
.cat-image.shawl{background:linear-gradient(145deg,#EEE2DD,#C7AAA2)}
.cat-image.shawl:after{background:linear-gradient(145deg,#C9969D,#9A5E67)}
.product-row .placeholder{background:linear-gradient(145deg,#EEE4E0,#D5C3BE);color:#8E7771}
.product-row p,.price,.product-info .price,.product-code{color:var(--burgundy)}
.shop-categories{background:var(--ivory)}
.shop-categories .section-heading h2{color:var(--burgundy-dark)}
.shop-categories .section-heading p{color:var(--muted)}
.category-chip{color:var(--text)}
.category-chip img{border-color:var(--line);background:#EEE3DF}
.category-chip:hover span{color:var(--burgundy)}
.service-strip{background:#F1E8E4;border-color:var(--line)}
.service-item:not(:last-child)::after{background:#D8C5BF}
.service-icon{background:#fff;border-color:var(--line);color:var(--burgundy)}
.service-item:nth-child(2) .service-icon{background:#E7D8D4;border-color:#D2B9B2}
.service-item h3{color:var(--text)}
.service-item p,.service-link{color:var(--muted)}
.service-link{color:var(--burgundy)}
.site-footer{background:#B56F76;color:#fff}
.site-footer h3,.footer-column h3{color:#F3DDD8}
.footer-column>a{color:#F1E5E1}
.footer-column>a:hover{color:#fff}
.site-footer small{color:#E4CECA}
.socials a{border-color:#D5B5AE;color:#fff}
.socials a:hover{background:#fff;color:var(--burgundy);border-color:#fff}
.footer-bottom{border-color:#C08F86!important;color:#F1E5E1}
.payment-methods-final{width:300px;max-width:100%}
.floating-whatsapp{background:var(--burgundy)!important;box-shadow:0 10px 30px rgba(98,72,66,.28)!important}
.floating-whatsapp img{filter:none!important}
/* Product/category pages */
.page-hero{background:linear-gradient(115deg,#8F4F57,#B56F76 55%,#C88A91)!important;color:#fff}
.breadcrumb,.product-breadcrumb{color:var(--muted)}
.product-breadcrumb a,.breadcrumb a{color:var(--burgundy)}
.product-main-image,.product-gallery{background:#fff;border-color:var(--line)}
.option-button,.size-option,.color-option,.filters button{border-color:var(--line)}
.option-button.active,.size-option.active,.color-option.active,.filters button.active{background:var(--burgundy);border-color:var(--burgundy);color:#fff}
.product-summary h1,.product-summary h2{color:var(--burgundy-dark)}
.add-to-cart,.buy-now,.checkout-button{background:var(--burgundy)!important;border-color:var(--burgundy)!important;color:#fff!important}
.add-to-cart:hover,.buy-now:hover,.checkout-button:hover{background:var(--burgundy-dark)!important}
/* Keep the new palette in checkout/cart controls too. */
button,.cart-primary,.checkout-submit{accent-color:var(--burgundy)}
body.dark-mode{background:#2B201E;color:#F4E9E5}
body.dark-mode .site-header{background:#302321}
body.dark-mode .site-footer{background:#624842}
/* Prevent the old green WhatsApp service accent from surviving the palette change. */
.service-item:nth-child(2) .service-icon{filter:none}


/* ===== FINAL DUSTY ROSE THEME — USER REFERENCE #B56F76 ===== */
:root{
  --burgundy:#B56F76;
  --burgundy-dark:#8F4F57;
  --rose:#C88A91;
  --ivory:#FBF7F5;
  --cream:#EAD8DA;
  --gold:#D3A0A5;
  --text:#33272A;
  --muted:#75656A;
  --line:#DECBCD;
}
body{background:var(--ivory);color:var(--text)}
.announcement{background:#713D46;color:#fff}
.announcement .dot{color:#D3A0A5}
.brand-name b{color:var(--burgundy)}
.header-action:hover{background:#F4E2E5;color:var(--burgundy)}
.cart-wrap i{background:var(--burgundy)}
.nav-inner a:after{background:var(--burgundy)}
.nav-inner a:hover,.nav-inner a.active{color:var(--burgundy)}
.always-search:focus-within{border-color:#B56F76;box-shadow:0 4px 14px rgba(113,61,70,.10)}
.page-hero{background:linear-gradient(115deg,#713D46,#8F4F57 55%,#B56F76)!important}
.hero{background:linear-gradient(115deg,#713D46 0%,#8F4F57 55%,#B56F76 100%)}
.hero h1 em{color:#F4E2E5}
.hero-kicker,.page-hero .eyebrow{color:#F4E2E5}
.hero-button{border-color:#F4E2E5}
.hero-button:hover{color:#713D46}
.intro>span,.section-heading span{color:var(--burgundy)}
.intro h2,.section-heading h2,.catalog-head h2{color:var(--burgundy-dark)}
.price,.product-row p,.product-info .price,.product-code{color:var(--burgundy)}
.filters button.active,.filters button:hover{background:var(--burgundy);border-color:var(--burgundy)}
.option-button.active,.size-option.active,.color-option.active{background:var(--burgundy);border-color:var(--burgundy)}
.shop-categories{background:var(--ivory)}
.shop-categories .section-heading h2{color:var(--burgundy-dark)}
.category-chip:hover span{color:var(--burgundy)}
.category-chip img{border-color:var(--line);background:#F4E2E5}
.service-strip{background:#F4E2E5;border-color:var(--line)}
.service-icon{border-color:var(--line);color:var(--burgundy)}
.service-link{color:var(--burgundy)}
.site-footer{background:#B56F76!important;color:#fff}
.site-footer h3,.footer-column h3{color:#F8E9EB}
.footer-column>a{color:#F5E3E5}
.site-footer small{color:#EED2D6}
.socials a{border-color:#DCAEB4;color:#fff}
.footer-bottom{border-color:#D49AA2!important;color:#F5E3E5}
.floating-whatsapp{background:var(--burgundy)!important}
.add-to-cart,.buy-now,.checkout-button{background:var(--burgundy)!important;border-color:var(--burgundy)!important}
.add-to-cart:hover,.buy-now:hover,.checkout-button:hover{background:var(--burgundy-dark)!important}


/* ===== PRESERVE ORIGINAL FOOTER / SERVICE BANNER / WHATSAPP COLORS ===== */

/* Service banner: original warm light/cream appearance */
.service-strip{
  background:#F5F0EA !important;
  color:#302A2A !important;
  border-color:#E3D8CE !important;
}
.service-strip .service-icon{
  background:transparent !important;
  color:#111 !important;
  border-color:#E3D8CE !important;
}
.service-strip h3,
.service-strip strong,
.service-strip .service-title{
  color:#211C1C !important;
}
.service-strip p,
.service-strip small,
.service-strip span{
  color:#806E67 !important;
}
.service-strip .service-link{
  color:#806E67 !important;
}

/* Footer: restore the original dark charcoal footer */
.site-footer{
  background:#302D2D !important;
  color:#fff !important;
}
.site-footer h3,
.footer-column h3{
  color:#fff !important;
}
.footer-column>a{
  color:#E8E1DE !important;
}
.site-footer small{
  color:#BEB7B4 !important;
}
.socials a{
  border-color:transparent !important;
  color:#D8D2CF !important;
  background:transparent !important;
}
.footer-bottom{
  border-color:#4A4646 !important;
  color:#9F9996 !important;
}

/* Keep the original floating WhatsApp green */
.floating-whatsapp{
  background:#25D366 !important;
  color:#fff !important;
  border-color:#fff !important;
}
.floating-whatsapp:hover{
  background:#20BD5A !important;
}

/* If the WhatsApp icon has an explicit SVG/icon color, keep it white */
.floating-whatsapp svg,
.floating-whatsapp i{
  color:#fff !important;
  fill:#fff !important;
}


/* ===== FINAL: OLD-THEME SERVICE STRIP — ATTACHED REFERENCE ===== */
.service-strip{
  background:#F7F2EC !important;
  color:#2B2523 !important;
  border-top:1px solid #E5DAD0 !important;
  border-bottom:1px solid #E5DAD0 !important;
}
.service-strip .service-item,
.service-strip .service-card{
  border-color:#DED2C8 !important;
}
.service-strip .service-icon{
  background:#FFFDFB !important;
  color:#111111 !important;
  border:1px solid #DED2C8 !important;
}
.service-strip h3,
.service-strip h4,
.service-strip strong,
.service-strip .service-title{
  color:#1F1A18 !important;
}
.service-strip p,
.service-strip small,
.service-strip span,
.service-strip .service-link,
.service-strip a{
  color:#96756E !important;
}
.service-strip .whatsapp-icon,
.service-strip .whatsapp{
  color:#111111 !important;
  background:#F2F8EF !important;
  border-color:#D8E6D3 !important;
}

/* FINAL SERVICE STRIP: black icons + black text, old-theme layout */
.service-strip h3,.service-strip h4,.service-strip strong,.service-strip p,.service-strip small,.service-strip span,.service-strip a,.service-strip .service-link{color:#000 !important}
.service-strip .service-icon img{filter:brightness(0) !important}
.service-strip .service-icon{color:#000 !important}
.service-strip .service-icon.payment-mini img{filter:none !important}
.service-strip{background:#F7F2EC !important}
/* Header uses the new horizontal official logo */
.brand-logo{width:148px !important;height:58px !important;object-fit:contain !important;border-radius:0 !important}
@media(max-width:700px){.brand-logo{width:122px !important;height:50px !important}}
.product-image .product-gallery-secondary{display:none}

/* FINAL SERVICE STRIP BLACK TEXT + ICONS */
.service-strip .service-icon{color:#111111 !important;}
.service-strip .service-icon img{filter:brightness(0) saturate(100%) !important;}
.service-strip h3,.service-strip p,.service-strip a,.service-strip .service-link,.service-strip span,.service-strip small{color:#111111 !important;}

/* ===== FINAL MOBILE CLEANUP ===== */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

img, input, textarea, select, button {
  max-width: 100%;
}

@media (max-width: 600px) {
  .site-header,
  .announcement,
  .main-nav,
  main,
  .checkout-page,
  .cart-page,
  .catalog,
  .breadcrumb,
  .product-breadcrumb {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .announcement {
    overflow: hidden;
  }

  .announcement-inner {
    width: max-content;
    min-width: 100%;
    white-space: nowrap;
  }

  .header-main {
    width: 100%;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    column-gap: 2px;
  }

  .brand {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .brand-logo {
    flex: 0 0 auto;
  }

  .brand-name {
    min-width: 0;
    overflow: hidden;
  }

  .brand-name b {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .search-row {
    width: 100%;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .search-row .always-search {
    width: 100%;
    max-width: none;
  }

  .checkout-page {
    padding: 24px 12px 55px;
  }

  .checkout-layout {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 22px;
  }

  .checkout-layout > section,
  .checkout-summary {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .checkout-heading h1 {
    font-size: 30px;
    line-height: 1.35;
  }

  .checkout-heading p {
    font-size: 12px;
    line-height: 1.9;
  }

  .checkout-form {
    width: 100%;
    max-width: 100%;
  }

  .checkout-form input,
  .checkout-form textarea,
  .checkout-form fieldset {
    width: 100%;
    max-width: 100%;
  }

  .checkout-form fieldset {
    margin: 0;
  }

  .checkout-submit {
    width: 100%;
  }

  .cart-page {
    padding-left: 12px;
    padding-right: 12px;
  }

  .cart-page-layout {
    width: 100%;
    max-width: 100%;
  }

  .catalog {
    padding-left: 10px;
    padding-right: 10px;
  }

  .products {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product {
    min-width: 0;
  }

  .product-image {
    height: auto;
    aspect-ratio: 0.78;
  }

  .floating-whatsapp {
    right: 12px;
    bottom: 12px;
  }
}

@media (max-width: 380px) {
  .header-main {
    padding-left: 7px;
    padding-right: 7px;
  }

  .brand-name b {
    font-size: 13px;
  }

  .brand-logo {
    width: 35px;
    height: 35px;
  }

  .header-action {
    padding: 5px;
  }

  .checkout-page {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Compact text-only category switcher: mobile storefront category pages */
.mobile-category-nav{display:none}
@media(max-width:800px){
  .mobile-category-nav{display:flex;align-items:center;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;padding:8px 12px;background:var(--ivory);border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch;position:sticky;top:var(--mobile-category-sticky-top, 140px);z-index:55;scroll-padding-inline:12px}
  .mobile-category-nav::-webkit-scrollbar{display:none}
  .mobile-category-nav a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#65575b;font-size:12px;line-height:1.4;min-height:34px}
  .mobile-category-nav a.active{background:var(--burgundy);border-color:var(--burgundy);color:#fff;font-weight:700}
  .dark-mode .mobile-category-nav{background:#211a1d;border-color:#3a3034}
  .dark-mode .mobile-category-nav a{background:#282124;border-color:#47393e;color:#d8cbd0}
  .dark-mode .mobile-category-nav a.active{background:var(--burgundy);border-color:var(--burgundy);color:#fff}
}

/* Mobile category navigation usability refinements */
@media(max-width:800px){
  .mobile-category-nav{direction:rtl;scroll-behavior:smooth;scrollbar-width:none;max-width:100%;}
  .mobile-category-nav a{touch-action:pan-x; text-decoration:none;}
  .mobile-category-nav a:focus-visible{outline:2px solid var(--burgundy);outline-offset:2px;}
  .site-header{z-index:60;}
}


/* FINAL MOBILE COMPACTNESS + CATEGORY NAV PLACEMENT */
@media (max-width: 800px) {
  /* Homepage: preserve brand message and CTA, remove the oversized decorative card. */
  .hero { min-height: 0 !important; height: auto; display: block; padding: 28px 18px 30px !important; gap: 0; }
  .hero-copy { width: auto; max-width: 560px; margin: 0 auto; text-align: center; }
  .hero-kicker { font-size: 9px; letter-spacing: 2px; }
  .hero h1 { font-size: clamp(29px, 8vw, 36px) !important; line-height: 1.25; margin: 9px 0; }
  .hero p { font-size: 12px; line-height: 1.8; margin: 8px auto 0; max-width: 360px; }
  .hero-button { margin-top: 13px; padding: 10px 24px; }
  .hero-card { display: none !important; }

  /* Category title/description stays first; switcher sits directly underneath it. */
  .page-hero { padding: 23px 15px 21px !important; }
  .page-hero .eyebrow { font-size: 8px; letter-spacing: 2px; }
  .page-hero h1 { font-size: 27px !important; line-height: 1.3; margin: 5px 0 4px !important; }
  .page-hero p { font-size: 11px; line-height: 1.7; max-width: 420px; margin: 0 auto; }
  .mobile-category-nav { position: sticky; top: var(--mobile-category-sticky-top, 140px); z-index: 55; }
}
@media (max-width: 430px) {
  .hero { padding: 24px 15px 26px !important; }
  .hero h1 { font-size: 30px !important; }
  .page-hero { padding: 19px 12px 18px !important; }
  .page-hero h1 { font-size: 25px !important; }
}

/* Mobile search collapses to an icon; the search input remains fully functional. */
.mobile-search-toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:9px;background:transparent;padding:8px;cursor:pointer}
.mobile-search-toggle img{width:22px;height:22px;display:block}
.mobile-search-toggle:hover{background:#f3e9ec}
.mobile-drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.48);border:0;padding:0;z-index:10000;opacity:0;transition:opacity .22s ease}
.mobile-drawer-backdrop.is-visible{display:block;opacity:1}
.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(84vw,370px);background:var(--surface,#fff);color:var(--text,#30272a);z-index:10001;transform:translateX(105%);transition:transform .25s ease;box-shadow:-8px 0 30px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow-y:auto;padding:0 18px 24px;box-sizing:border-box;direction:rtl}
.mobile-drawer.is-open{transform:translateX(0)}
.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px;border-bottom:1px solid var(--line,#e8dedf);font-size:22px}
.mobile-drawer-close{width:38px;height:38px;border:0;border-radius:8px;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:inherit}
.mobile-drawer-links{display:flex;flex-direction:column;padding:10px 0}
.mobile-drawer-links a{display:block;padding:15px 8px;text-decoration:none;color:inherit;font-size:17px;border-bottom:1px solid var(--line,#eee7e4);text-align:right}
.mobile-drawer-links a.active{color:var(--burgundy,#713d46);font-weight:700}
.mobile-drawer-theme{margin-top:12px;display:flex;align-items:center;justify-content:flex-start;width:100%;padding:14px;border:1px solid var(--line,#e8dedf);border-radius:10px;background:transparent;color:inherit;font:inherit;text-align:right;cursor:pointer}
body.mobile-drawer-active{overflow:hidden}
.dark-mode .mobile-drawer{background:#211a1d;color:#eee4e7}
.dark-mode .mobile-drawer-links a{border-color:#3a3034}
.dark-mode .mobile-drawer-theme{border-color:#47393e}
@media(max-width:800px){
 .mobile-search-toggle{display:flex;flex:0 0 auto}
 .search-row{display:none!important}
 .search-row.mobile-search-open{display:flex!important;padding:0 12px 10px}
 .search-row.mobile-search-open .always-search{width:100%;max-width:none;height:40px}
 .main-nav{display:none!important}
 .main-nav.mobile-open{display:none!important}
}

/* ==========================================================
   NAIROUZ HOMEPAGE UX REFINEMENT — DESKTOP + MOBILE
   Visual-only overrides; existing catalog/API behavior retained.
   ========================================================== */
:root{
  --store-radius:14px;
  --store-shadow:0 12px 32px rgba(77,43,48,.07);
}

/* Desktop header: consistent alignment and breathing room */
@media (min-width:801px){
  .announcement{height:34px;font-size:11px;letter-spacing:.1px}
  .header-main{height:88px;max-width:1320px;column-gap:clamp(24px,4vw,64px);padding-inline:clamp(24px,3vw,48px)}
  .brand-logo{width:58px;height:58px}
  .always-search{width:min(260px,22vw);height:42px;border-radius:999px;padding-inline:15px}
  .always-search input{font-size:12px}
  .nav-inner{height:48px;gap:clamp(20px,2.4vw,38px)}
  .nav-inner a{font-size:12px}
}

/* Homepage hero: balanced editorial composition on larger screens */
@media (min-width:801px){
  .hero{min-height:430px;padding:52px clamp(40px,8vw,130px);gap:clamp(60px,10vw,150px);justify-content:center}
  .hero-copy{width:min(48%,520px);text-align:right}
  .hero-kicker{font-size:11px;letter-spacing:3.2px}
  .hero h1{font-size:clamp(44px,4.3vw,62px);line-height:1.2;margin:16px 0}
  .hero p{font-size:15px;line-height:2;max-width:480px}
  .hero-button{padding:13px 34px;border-radius:8px;font-size:13px;min-width:150px;justify-content:center}
  .hero-card{width:clamp(250px,24vw,320px);height:clamp(320px,32vw,390px);border-radius:170px 170px 16px 16px;flex:0 0 auto}
}

/* Category shortcuts: more legible, deliberate spacing */
.shop-categories{padding:34px clamp(18px,5vw,76px) 24px}
.shop-categories .section-heading{margin-bottom:22px}
.shop-categories .section-heading h2{font-size:clamp(21px,2vw,27px);letter-spacing:-.2px}
.category-scroller{gap:clamp(18px,3vw,38px);padding:5px 4px 12px}
.category-chip{flex-basis:120px;gap:10px}
.category-chip img{width:96px;height:96px;padding:9px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.category-chip span{font-size:13px;line-height:1.6}
.category-chip:hover img{transform:translateY(-3px);box-shadow:var(--store-shadow);border-color:#c99da2}

/* Product discovery and cards: clear image, title, and price hierarchy */
.best-sellers.catalog{max-width:1320px;padding:34px clamp(16px,4vw,60px) 70px;margin-inline:auto}
.best-sellers .catalog-head{margin-bottom:22px;align-items:end}
.best-sellers .catalog-head h2{font-size:clamp(23px,2.2vw,30px);margin:0}
.best-sellers .catalog-head p{font-size:13px;line-height:1.8;margin-top:7px}
.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,24px)}
.product{border-radius:var(--store-radius);overflow:hidden;box-shadow:0 2px 10px rgba(77,43,48,.025)}
.product:hover{transform:translateY(-4px);box-shadow:var(--store-shadow)}
.product-image{height:auto;aspect-ratio:3/4;background:#eee5e0}
.product-image img{transition:transform .35s ease}
.product:hover .product-image img{transform:scale(1.025)}
.product-info{padding:15px 16px 17px;text-align:right}
.product-info h3{font-size:14px;line-height:1.7;margin:0 0 4px;font-weight:600;color:var(--text)}
.product-code{font-size:10px;letter-spacing:.2px}
.price{font-size:15px;font-weight:800;margin-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.catalog-api-message{font-size:14px;line-height:1.9}

/* Footer spacing and hierarchy */
.site-footer{padding:44px clamp(18px,5vw,72px) 18px}
.footer-inner{max-width:1320px;margin-inline:auto;gap:clamp(24px,5vw,70px)}
.footer-column h3{font-size:16px;margin-bottom:12px}
.footer-copy{font-size:13px;line-height:2.1;max-width:480px;margin-inline:auto}
.footer-bottom{max-width:1320px;margin:28px auto 0;padding-top:16px}

/* Mobile and tablet: compact, thumb-friendly shopping flow */
@media(max-width:800px){
  .announcement{height:30px;font-size:10px;padding-inline:8px;text-align:center}
  .header-main{height:70px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:4px;padding-inline:10px}
  .header-group{gap:4px}
  .header-right{justify-self:start;grid-column:1;grid-row:1}
  .brand{grid-column:2;grid-row:1;justify-self:center;min-width:0}
  .header-left{grid-column:3;grid-row:1;justify-self:end}
  .brand-logo{width:44px!important;height:44px!important;object-fit:contain;border-radius:0}
  .header-action,.mobile-search-toggle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:7px;border-radius:10px}
  .header-action img,.mobile-search-toggle img{width:21px;height:21px}
  .header-right .header-action span:not(.cart-wrap){display:none}
  .header-right .theme-toggle{display:none}
  .header-left .cart-action span:not(.cart-wrap){display:none}
  .cart-wrap i{width:16px;height:16px;line-height:16px;font-size:9px;top:-5px;right:-5px}
  .hero{min-height:0!important;height:auto;display:block;padding:28px 18px 30px!important;text-align:center}
  .hero-copy{width:auto;max-width:600px;margin:0 auto;text-align:center}
  .hero-kicker{font-size:9px;letter-spacing:1.8px}
  .hero h1{font-size:clamp(29px,6.8vw,38px)!important;line-height:1.28;margin:10px 0}
  .hero p{font-size:13px;line-height:1.9;max-width:440px;margin:8px auto 0}
  .hero-button{margin-top:15px;padding:11px 28px;min-height:44px;border-radius:8px;font-size:13px;align-items:center;justify-content:center}
  .hero-card{display:none!important}
  .shop-categories{padding:24px 14px 10px}
  .shop-categories .section-heading{text-align:right;margin-bottom:15px}
  .shop-categories .section-heading h2{font-size:20px}
  .category-scroller{justify-content:flex-start;gap:12px;padding:4px 1px 12px;scroll-snap-type:x mandatory}
  .category-chip{flex:0 0 92px;gap:8px;scroll-snap-align:start}
  .category-chip img{width:72px;height:72px;padding:7px}
  .category-chip span{font-size:11px;white-space:normal;min-height:34px;display:flex;align-items:flex-start;justify-content:center;line-height:1.5}
  .best-sellers.catalog{padding:25px 13px 42px}
  .best-sellers .catalog-head{margin-bottom:16px;align-items:flex-start}
  .best-sellers .catalog-head h2{font-size:21px;line-height:1.5}
  .best-sellers .catalog-head p{font-size:11px;line-height:1.8;margin-top:4px}
  .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product{border-radius:11px}
  .product-image{height:auto;aspect-ratio:3/4}
  .product-info{padding:10px 10px 12px}
  .product-info h3{font-size:12px;line-height:1.65;margin-bottom:3px}
  .product-code{font-size:9px}
  .price{font-size:13px;margin-top:7px;gap:4px}
  .site-footer{padding:30px 16px 14px}
  .footer-inner{gap:25px}
  .footer-column h3{font-size:15px}
  .footer-copy{font-size:12px;line-height:2}
  .footer-bottom{font-size:10px;line-height:1.8;gap:10px;flex-wrap:wrap;justify-content:center}
}
@media(max-width:380px){
  .header-main{padding-inline:6px;column-gap:1px}
  .header-action,.mobile-search-toggle{width:34px;height:36px;padding:6px}
  .brand-logo{width:39px!important;height:39px!important}
  .hero{padding:24px 13px 25px!important}
  .hero h1{font-size:28px!important}
  .category-chip{flex-basis:84px}
  .category-chip img{width:66px;height:66px}
  .products{gap:8px}
  .product-info{padding:9px 8px 10px}
  .product-info h3{font-size:11px}
  .price{font-size:12px}
}


/* Final storefront polish: coordinated header and readable brand mark */
.site-header{background:#F8F3ED!important;border-bottom:1px solid #E9DED8;box-shadow:0 2px 12px rgba(77,43,48,.06)}
.site-header .header-main{background:transparent}
.site-header .search-row{background:#F8F3ED}
.site-header .main-nav{background:#F8F3ED;border-top:1px solid #E9DED8}
.site-header .nav-inner a{color:#713D46}
.site-header .nav-inner a:hover,.site-header .nav-inner a.active{color:#9C5964}
.brand-logo{width:148px!important;height:60px!important;max-width:100%;object-fit:contain!important;border-radius:0!important}
@media(max-width:800px){
  .site-header{background:#F8F3ED!important}
  .header-main{height:82px!important;grid-template-columns:minmax(0,1fr) minmax(130px,auto) minmax(0,1fr)!important;column-gap:5px!important;padding-inline:10px!important}
  .header-group{align-items:center;gap:3px!important}
  .header-right{grid-column:1;justify-self:start!important}
  .brand{grid-column:2;justify-self:center!important;min-width:0!important;width:auto;max-width:40vw}
  .header-left{grid-column:3;justify-self:end!important}
  .brand-logo{width:clamp(132px,36vw,158px)!important;height:62px!important;max-width:40vw!important;object-fit:contain!important}
  .header-action,.mobile-search-toggle{width:36px;height:40px;padding:6px!important;display:flex;align-items:center;justify-content:center}
  .header-action img,.mobile-search-toggle img{width:21px;height:21px}
  .site-header .search-row{background:#F8F3ED}
}
@media(max-width:390px){
  .header-main{height:78px!important;padding-inline:6px!important;grid-template-columns:minmax(0,1fr) minmax(120px,auto) minmax(0,1fr)!important}
  .brand-logo{width:clamp(120px,35vw,138px)!important;height:56px!important;max-width:36vw!important}
  .header-action,.mobile-search-toggle{width:33px;height:38px}
}
.dark-mode .site-header,.dark-mode .site-header .search-row,.dark-mode .site-header .main-nav{background:#211A1D!important;border-color:#3A3034}
.dark-mode .site-header .nav-inner a{color:#D9C9CE}

/* FINAL UX POLISH — consistent header, hero proportions, category carousel and product discovery */
.site-header,
.site-header .header-main,
.site-header .search-row,
.site-header .main-nav {
  background: #F8F3ED !important;
}
.site-header { border-bottom: 1px solid #E9DED8; box-shadow: 0 2px 12px rgba(77,43,48,.06); }
.site-header .main-nav { border-top: 1px solid #E9DED8; }
.site-header .nav-inner a { color: #713D46; }
.site-header .nav-inner a:hover,
.site-header .nav-inner a.active { color: #9C5964; }
.brand-logo { width: 166px !important; height: 66px !important; object-fit: contain !important; object-position: center !important; }

/* Desktop: keep the header balanced and the hero editorial, but not oversized. */
@media (min-width: 801px) {
  .header-main { min-height: 92px; }
  .hero { min-height: 390px !important; padding-top: 42px !important; padding-bottom: 42px !important; }
  .page-hero { padding-top: 30px !important; padding-bottom: 28px !important; }
  .shop-categories { padding-top: 26px; padding-bottom: 8px; }
  .best-sellers, .catalog { margin-top: 0; }
}

/* Mobile: slightly larger brand mark, tighter hero and earlier product visibility. */
@media (max-width: 800px) {
  .site-header, .site-header .header-main, .site-header .search-row { background: #F8F3ED !important; }
  .header-main { height: 82px !important; }
  .brand-logo { width: clamp(145px, 39vw, 166px) !important; height: 64px !important; max-width: 43vw !important; }
  .hero { padding: 20px 16px 22px !important; }
  .hero h1 { margin: 8px 0 !important; }
  .hero p { margin-top: 6px !important; line-height: 1.75 !important; }
  .hero-button { margin-top: 11px !important; }
  .page-hero { padding: 17px 14px 16px !important; }
  .page-hero h1 { margin: 4px 0 !important; }
  .shop-categories { padding: 17px 14px 4px !important; }
  .shop-categories .section-heading { margin-bottom: 10px !important; }
  .category-scroller {
    direction: rtl !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 4px 2px 8px !important;
    scroll-padding-inline: 2px;
    scroll-snap-type: x mandatory;
  }
  .category-chip { flex: 0 0 88px !important; scroll-snap-align: start; }
  .category-chip img { width: 68px !important; height: 68px !important; }
  .category-chip span { font-size: 10px !important; }
  .best-sellers, .catalog { margin-top: 0 !important; padding-top: 14px !important; }
  .catalog-head { margin-bottom: 12px !important; }
}

@media (max-width: 390px) {
  .header-main { height: 78px !important; padding-inline: 6px !important; }
  .brand-logo { width: clamp(136px, 38vw, 150px) !important; height: 60px !important; max-width: 40vw !important; }
  .hero { padding: 18px 12px 20px !important; }
  .hero h1 { font-size: 27px !important; }
  .page-hero { padding: 15px 11px 14px !important; }
  .category-chip { flex-basis: 82px !important; }
  .category-chip img { width: 64px !important; height: 64px !important; }
}

.dark-mode .site-header,
.dark-mode .site-header .header-main,
.dark-mode .site-header .search-row,
.dark-mode .site-header .main-nav { background: #211A1D !important; border-color: #3A3034 !important; }
.dark-mode .site-header .nav-inner a { color: #D9C9CE; }


/* Mobile product-page sticky purchase bar and compact footer */
.mobile-sticky-purchase{display:none}
@media(max-width:800px){
  .site-footer{padding:22px 16px calc(14px + env(safe-area-inset-bottom,0px))!important;margin-top:16px}
  .footer-inner{grid-template-columns:1fr!important;gap:15px!important;text-align:center}
  .footer-column h3{font-size:13px!important;margin-bottom:7px!important}
  .footer-copy{font-size:11px!important;line-height:1.75!important;max-width:520px;margin:0 auto!important}
  .payment-methods-final{display:block;width:min(100%,310px);height:auto;max-height:70px;object-fit:contain;margin:0 auto}
  .socials-v5{justify-content:center;gap:13px}
  .socials-v5 a{width:29px;height:29px}
  .socials-v5 img{width:16px;height:16px}
  .footer-bottom{margin-top:16px!important;padding-top:12px!important;gap:7px!important;font-size:9px!important;line-height:1.6!important;display:flex;flex-direction:column;align-items:center}
  .footer-bottom-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
  .product-page{padding-top:15px!important;padding-bottom:35px!important}
  .product-breadcrumb{margin-bottom:16px!important}
  .product-detail{gap:22px!important}
  .product-summary h1{font-size:25px!important;margin:7px 0 5px!important}
  .product-code-detail{margin-bottom:10px!important}
  .product-price-detail{font-size:23px!important;margin-bottom:12px!important}
  .product-short-description{padding-bottom:12px!important;line-height:1.9!important}
  .product-option{padding-top:12px!important}
  .product-option-label{margin-bottom:8px!important}
  .product-select{height:46px!important}
  .purchase-row{margin-top:16px!important}
  .product-info-points{gap:8px!important;margin-top:17px!important;padding-top:14px!important}
  .mobile-sticky-purchase{position:fixed;inset-inline:0;bottom:0;z-index:9997;display:flex;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,253,251,.97);border-top:1px solid #e4d8d5;box-shadow:0 -5px 22px rgba(50,30,35,.10);transform:translateY(110%);visibility:hidden;transition:transform .22s ease,visibility .22s ease;backdrop-filter:blur(10px)}
  .mobile-sticky-purchase.is-visible{transform:translateY(0);visibility:visible}
  .sticky-purchase-price{min-width:82px;display:flex;flex-direction:column;gap:1px;text-align:right}
  .sticky-purchase-price span{font-size:10px;color:#887b7f}
  .sticky-purchase-price strong{font-size:17px;line-height:1.3;color:var(--burgundy);white-space:nowrap}
  .mobile-sticky-purchase button{flex:1;min-height:46px;border-radius:6px;background:var(--rose);color:#fff;font-size:13px;font-weight:700;font-family:inherit}
  .mobile-sticky-purchase button:active{transform:scale(.99)}
  .floating-whatsapp.above-sticky-purchase{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
}
@media(min-width:801px){.mobile-sticky-purchase{display:none!important}}
body.dark-mode .mobile-sticky-purchase{background:rgba(33,26,29,.97);border-color:#49383e}
body.dark-mode .sticky-purchase-price span{color:#b5a7ac}

/* Robust viewport-fixed purchase bar: appended directly to body by product.js. */
@media(max-width:800px){
  body .mobile-sticky-purchase{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:100%!important;max-width:none!important;box-sizing:border-box!important;
    z-index:2147483000!important;
    margin:0!important;
    padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important;
  }
  body .mobile-sticky-purchase.is-visible{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* All-products category chip */
.category-chip.category-all .category-all-icon{
  width:100%; aspect-ratio:1/1; display:flex; align-items:center;
  justify-content:center; border-radius:50%; background:var(--burgundy, #6f263d);
  color:#fff; font-weight:700; font-size:clamp(16px, 3vw, 22px);
  border:2px solid rgba(255,255,255,.8); box-sizing:border-box;
}


/* Sticky purchase bar: always visible on mobile product pages. */
@media (max-width: 800px) {
  body #mobileStickyPurchase.mobile-sticky-purchase,
  body #mobileStickyPurchase.mobile-sticky-purchase.is-visible {
    position: fixed !important;
    display: flex !important;
    inset-inline: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 2147483000 !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  body.has-sticky-purchase {
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }
}


/* DEECODE agency attribution — prominent, premium, and responsive */
.deecode-credit{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;margin:22px auto 0;padding:19px 16px 8px;border-top:1px solid rgba(181,150,99,.38);max-width:1320px;font-family:'Playfair Display','Cairo',serif}
.deecode-credit-label{font-family:'Cairo',sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--muted,#777);}
.deecode-credit>a{display:inline-flex;align-items:center;gap:7px;color:var(--text,#25221f);font-size:clamp(18px,2vw,24px);font-weight:700;letter-spacing:.12em;text-decoration:none;transition:color .2s ease,transform .2s ease}
.deecode-credit>a:hover{color:#b59663;transform:translateY(-1px)}
.deecode-credit-agency{font-family:'Cairo',sans-serif;font-size:10px;font-weight:800;letter-spacing:.2em;color:#b59663;border:1px solid rgba(181,150,99,.55);padding:4px 7px;border-radius:2px}
.deecode-credit-arrow{font-family:Arial,sans-serif;font-size:18px;color:#b59663;line-height:1}
.deecode-only-footer{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));margin-top:30px;background:var(--footer-bg,var(--surface,#f7f5f1));}
.deecode-only-footer .deecode-credit{margin:0 auto;padding:16px 8px;border-top:0}
@media(max-width:600px){.deecode-credit{gap:7px 10px;margin-top:16px;padding:15px 8px 5px}.deecode-credit-label{font-size:11px}.deecode-credit>a{font-size:20px}.deecode-credit-agency{font-size:9px;padding:3px 5px}.deecode-only-footer{margin-top:20px;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px))}}

/* DEECODE credit visibility fix: strong contrast in both light and dark themes */
.site-footer .deecode-credit,
.deecode-only-footer .deecode-credit {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  padding:24px 16px 22px;
  margin:0 auto;
  border-top:1px solid rgba(199,164,103,.7);
  background:transparent;
}
.site-footer .deecode-credit-label,
.deecode-only-footer .deecode-credit-label {
  color:#f1e8d8 !important;
  font-family:'Cairo',sans-serif;
  font-size:14px;
  font-weight:600;
  letter-spacing:.035em;
  line-height:1.5;
  opacity:1 !important;
}
.site-footer .deecode-credit>a,
.deecode-only-footer .deecode-credit>a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  color:#f6d99e !important;
  font-family:'Playfair Display','Cairo',serif;
  font-size:clamp(25px,3vw,34px);
  font-weight:800;
  letter-spacing:.16em;
  line-height:1.35;
  text-decoration:none;
  text-shadow:0 1px 12px rgba(0,0,0,.25);
  opacity:1 !important;
}
.site-footer .deecode-credit>a:hover,
.deecode-only-footer .deecode-credit>a:hover {
  color:#fff !important;
  transform:translateY(-1px);
}
.site-footer .deecode-credit-agency,
.deecode-only-footer .deecode-credit-agency {
  color:#fff4dc !important;
  background:#8b6b35;
  border:1px solid #d9b777;
  border-radius:3px;
  padding:5px 9px;
  font-family:'Cairo',sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  line-height:1.4;
}
.site-footer .deecode-credit-arrow,
.deecode-only-footer .deecode-credit-arrow {
  color:#f6d99e !important;
  font-size:25px;
  font-weight:700;
  line-height:1;
}
@media(max-width:600px) {
  .site-footer .deecode-credit,
  .deecode-only-footer .deecode-credit {gap:9px;padding:22px 12px 20px;}
  .site-footer .deecode-credit-label,
  .deecode-only-footer .deecode-credit-label {font-size:13px;}
  .site-footer .deecode-credit>a,
  .deecode-only-footer .deecode-credit>a {font-size:clamp(23px,7vw,29px);gap:8px;letter-spacing:.12em;}
  .site-footer .deecode-credit-agency,
  .deecode-only-footer .deecode-credit-agency {font-size:11px;padding:4px 7px;}
}