:root{
  --oxblood:#43111E;--burgundy:#7A1F36;--rose:#D49AAA;--blush:#F3DDE3;--taupe:#9A8E88;--ivory:#FBF7F4;--text:#24151A;--line:#ead8dc;--card:#fffaf8;
}
*{box-sizing:border-box} body{margin:0;background:var(--ivory);color:var(--text);font-family:Tahoma,'Arial',sans-serif;direction:rtl} body.en{direction:ltr} button,input{font-family:inherit} button{cursor:pointer} a{text-decoration:none;color:inherit}.topbar{height:34px;background:linear-gradient(90deg,#2e0b15,var(--oxblood),#5b1428);color:#fff3f5;display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:.2px}.site-header{background:rgba(251,247,244,.96);position:sticky;top:0;z-index:50;box-shadow:0 2px 20px rgba(67,17,30,.06);backdrop-filter:blur(10px)}.header-main{max-width:1380px;margin:auto;min-height:105px;display:grid;grid-template-columns:1fr 400px 1fr;align-items:center;padding:0 44px}.brand-text{border:0;background:none;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--oxblood);line-height:1.1}.brand-text strong{font-size:46px;font-weight:600;letter-spacing:.5px}.brand-text span{font-size:15px;letter-spacing:4px;margin-top:10px;color:var(--burgundy);font-family:Georgia,serif}.logo-chip{border:0;background:transparent;padding:0;display:grid;place-items:center}.mini-logo{width:72px;height:72px;object-fit:contain;background:transparent;filter:drop-shadow(0 8px 12px rgba(67,17,30,.12))}.header-tools{display:flex;align-items:center;gap:20px}.right-tools{justify-content:flex-start}.left-tools{justify-content:flex-end}.tool-btn{border:0;background:transparent;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;font-size:12px}.tool-btn:hover{color:var(--burgundy)}.cart-tool img{width:28px;height:28px;object-fit:contain}.cart-tool b{position:absolute;top:-6px;right:16px;background:var(--burgundy);color:white;border-radius:50%;font-size:10px;width:18px;height:18px;display:grid;place-items:center}.selectors{display:flex;gap:8px;color:#4a3037;font-size:13px;align-items:center}.lang-btn{border:1px solid var(--line);background:#fff8f7;color:var(--oxblood);padding:7px 10px;border-radius:999px;font-size:12px;display:flex;gap:7px;align-items:center}.lang-btn img{width:22px;height:22px;border-radius:50%;object-fit:cover}.lang-btn.active{background:var(--burgundy);color:white;border-color:var(--burgundy)}.search{border-bottom:1px solid var(--rose);display:flex;align-items:center;gap:10px;padding:8px 4px;width:245px}.search input{border:0;background:transparent;outline:0;width:100%;text-align:right;color:var(--text)}body.en .search input{text-align:left}.nav{max-width:1380px;margin:auto;border-top:1px solid var(--line);height:46px;display:flex;align-items:center;justify-content:center;gap:34px}.nav button{border:0;background:none;font-size:14px;color:#4a3037;padding:15px 0;position:relative}.nav button:after{content:'';position:absolute;right:0;left:0;bottom:0;height:2px;background:var(--burgundy);transform:scaleX(0);transition:.25s}.nav button:hover:after,.nav button.active:after{transform:scaleX(1)}.ico{display:inline-block;width:25px;height:25px;position:relative}.user:before{content:'♙';font-size:25px}.heart:before{content:'♡';font-size:31px}.search-ico:before{content:'⌕';font-size:25px;color:var(--burgundy)}
.hero{min-height:650px;max-width:1540px;margin:0 auto 10px;position:relative;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background:var(--blush);isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:url('assets/images/hero-main.webp') left center/cover no-repeat;animation:heroZoom 16s ease-in-out infinite alternate;z-index:-3}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,247,244,.06) 0%,rgba(251,247,244,.22) 34%,rgba(243,221,227,.55) 58%,rgba(251,247,244,.88) 100%);z-index:-2}.hero-content{width:min(620px,45vw);margin-inline-start:auto;margin-inline-end:88px;padding:44px 52px;border:1px solid rgba(122,31,54,.16);background:rgba(251,247,244,.30);backdrop-filter:blur(2px);border-radius:22px;box-shadow:0 24px 70px rgba(67,17,30,.10);animation:fadeUp .8s ease-out both}.hero-content:before{content:'';position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(212,154,170,.18);top:20px;left:35px;filter:blur(18px);z-index:-1}.eyebrow{letter-spacing:5px;color:var(--burgundy);font-size:12px;margin-bottom:18px}.hero h1{font-size:54px;line-height:1.35;margin:0;color:var(--oxblood);font-weight:600}.hero p{font-size:18px;line-height:2;color:#5d4048;margin:22px 0 32px}.cta-row{display:flex;gap:14px;flex-wrap:wrap}.btn{border:1px solid var(--burgundy);padding:13px 28px;border-radius:5px;font-weight:700;transition:.25s;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--burgundy);color:white}.btn-secondary{background:rgba(255,255,255,.42);color:var(--burgundy)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px rgba(122,31,54,.15)}@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.035)}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.container{max-width:1280px;margin:auto;padding:0 28px}.section-title{text-align:center;margin:44px auto 28px;color:var(--oxblood);font-size:26px;font-weight:500;position:relative}.section-title span{background:var(--ivory);padding:0 18px;position:relative;z-index:2}.section-title:before{content:'';height:1px;background:var(--line);position:absolute;right:22%;left:22%;top:50%}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.cat-card{height:155px;border-radius:14px;overflow:hidden;position:relative;border:1px solid var(--line);box-shadow:0 12px 28px rgba(67,17,30,.08);background:#f6e9e8}.cat-card img{width:100%;height:100%;object-fit:contain;object-position:top center;transition:.35s}.cat-card:hover img{transform:scale(1.04)}.cat-card b{position:absolute;right:14px;left:14px;bottom:12px;background:rgba(67,17,30,.78);color:white;border-radius:8px;text-align:center;padding:9px;font-size:15px}.section-head{display:flex;align-items:center;justify-content:center;position:relative;margin-top:36px}.show-all{position:absolute;left:0;color:var(--burgundy);font-size:14px;border:0;background:transparent}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{background:var(--card);border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 30px rgba(67,17,30,.08);transition:.25s}.product:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(67,17,30,.13)}.product-img{height:345px;position:relative;overflow:hidden;background:#f5e5e6;display:flex;align-items:center;justify-content:center}.product-img img{width:100%;height:100%;object-fit:contain;object-position:top center}.wish{position:absolute;left:13px;bottom:13px;background:white;border:1px solid var(--line);border-radius:50%;height:38px;width:38px;display:grid;place-items:center;color:var(--burgundy);font-size:23px}.product-body{padding:14px 16px 18px}.product h3{font-size:15px;margin:0 0 8px}.price{direction:ltr;text-align:right;color:var(--oxblood);font-weight:800}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0 4px}.pill{font-size:12px;background:#f6e6ea;border:1px solid var(--line);color:#684650;border-radius:999px;padding:5px 10px}.swatches{display:flex;gap:6px;margin:8px 0}.swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(67,17,30,.18)}.wa{display:block;text-align:center;margin-top:12px;background:var(--burgundy);color:white;border-radius:8px;padding:10px}.bridal{margin:45px auto 0;display:grid;grid-template-columns:1fr 1fr;min-height:280px;overflow:hidden;background:linear-gradient(90deg,#c77f93,#e6b5c1,#f4dbe1);border-radius:14px}.bridal .img{background:url('assets/images/products/product-05.webp') center top/contain no-repeat;background-color:#f0dfe0}.bridal .txt{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:30px;color:white}.bridal h2{font-family:Georgia,serif;font-size:36px;margin:0 0 12px}.bridal p{line-height:2}.evening-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.evening-row img{height:220px;width:100%;object-fit:contain;object-position:top center;background:#f4e2e4;border-radius:10px;border:1px solid var(--line)}.try-look{margin:42px 0;background:linear-gradient(90deg,#f7e8e8,#fff9f8);border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden}.try-look img{height:330px;width:100%;object-fit:contain;object-position:top center;background:#f2dfe2}.try-look .content{padding:40px;display:flex;flex-direction:column;justify-content:center}.try-look h2{font-size:32px;color:var(--oxblood);margin:0 0 12px}.try-look p{line-height:2;color:#634852}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:42px 0;background:#fff7f6;border:1px solid var(--line);border-radius:16px;padding:24px}.benefit{text-align:center;border-left:1px solid var(--line);padding:0 20px}.benefit:last-child{border-left:0}.benefit i{font-style:normal;font-size:28px;color:var(--burgundy);display:block}.benefit b{display:block;color:var(--burgundy);margin:7px 0}.benefit span{font-size:13px;color:#6c535a}.newsletter{max-width:1280px;margin:0 auto;background:linear-gradient(90deg,#c77890,#e1a9b7,#f1cad3);padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:18px 18px 0 0;color:white}.newsletter h2{margin:0 0 8px;font-size:26px}.newsletter p{margin:0;color:#fff4f6}.newsletter form{display:flex;gap:12px;width:48%}.newsletter input{flex:1;padding:14px 16px;border:0;border-radius:7px;text-align:right}.newsletter button{border:0;background:var(--oxblood);color:white;border-radius:7px;padding:0 26px}.footer{background:linear-gradient(135deg,#300b16,var(--oxblood),#68172e);color:white}.footer-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.4fr;gap:36px;padding:42px 28px}.footer h3{color:white;margin-top:0}.footer a,.footer p{display:block;font-size:13px;color:#efd6dc;line-height:1.9}.socials{display:flex;gap:10px;margin-top:12px}.socials a{width:35px;height:35px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;color:white;font-weight:bold;background:rgba(255,255,255,.06)}.socials span{font-size:11px;letter-spacing:.8px}.footer-brand{text-align:center}.footer-brand img{height:130px;width:210px;object-fit:contain;background:transparent}.payments{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.payments img{height:24px;background:white;border-radius:4px;padding:3px;max-width:56px;object-fit:contain}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.14);padding:16px;font-size:12px;color:#e8cdd4}.subpage{min-height:520px;padding:55px 0}.breadcrumb{font-size:13px;color:var(--taupe);margin-bottom:16px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:44px}.product-gallery{background:#f4e3e5;border-radius:14px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.product-gallery img{height:640px;width:100%;object-fit:contain;object-position:top center;border-radius:14px}.detail h1{font-size:36px;color:var(--oxblood)}.selects,.colors-row{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.selects span{border:1px solid var(--line);padding:10px 16px;border-radius:8px;background:#fff8f7}.colors-row span{border:1px solid var(--line);padding:8px 14px;border-radius:999px;background:#fff8f7}.cart-list{display:grid;gap:18px}.cart-item{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;background:white;border:1px solid var(--line);padding:16px;border-radius:12px}.cart-item img{height:120px;width:110px;object-fit:contain;object-position:top center;background:#f4e4e5;border-radius:8px}.empty-note{text-align:center;color:var(--taupe);padding:40px;border:1px dashed var(--line);border-radius:12px;background:#fff8f7}.account-box input,.try-upload{display:block;width:100%;padding:14px;margin:10px 0;border:1px solid var(--line);border-radius:8px;text-align:right;background:#fff}.lang-flash{position:fixed;bottom:20px;left:20px;background:var(--oxblood);color:white;padding:10px 14px;border-radius:999px;z-index:100;font-size:12px;box-shadow:0 14px 30px rgba(67,17,30,.22)}
@media(max-width:1000px){.header-main{grid-template-columns:1fr;gap:14px;padding:16px 18px}.brand-text{order:-1}.brand-text strong{font-size:34px}.right-tools,.left-tools{justify-content:center;flex-wrap:wrap}.search{width:min(100%,320px)}.nav{overflow-x:auto;justify-content:flex-start;padding:0 15px}.hero{min-height:620px;justify-content:center}.hero:before{background-position:left center}.hero:after{background:linear-gradient(0deg,rgba(251,247,244,.90),rgba(251,247,244,.38))}.hero-content{width:calc(100% - 36px);margin:300px 18px 24px;padding:28px 24px}.hero h1{font-size:35px}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr);gap:14px}.product-img{height:320px}.bridal,.try-look,.product-detail{grid-template-columns:1fr}.bridal .img{min-height:300px}.evening-row{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:1fr;gap:18px}.benefit{border-left:0;border-bottom:1px solid var(--line);padding-bottom:15px}.footer-grid{grid-template-columns:1fr 1fr}.newsletter{flex-direction:column;text-align:center}.newsletter form{flex-direction:column;align-items:center;width:100%}.newsletter input{max-width:100%;width:100%}}
@media(max-width:540px){.products{grid-template-columns:1fr}.categories{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.hero{min-height:560px}.hero-content{margin-top:260px}.hero h1{font-size:30px}.product-img{height:390px}.header-tools{gap:12px}.mini-logo{width:58px;height:58px}.brand-text strong{font-size:30px}.nav{gap:26px}.cart-item{grid-template-columns:80px 1fr}.cart-item .btn{grid-column:1/-1}.cart-item img{width:80px;height:95px}.lang-btn span{display:none}}

/* === V4 fixes: full hero image, text direction, luxury fonts, parallax, clickable choices === */
@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&display=swap');
body{font-family:'Noto Naskh Arabic', Tahoma, Arial, sans-serif;}
.brand-text strong,.hero h1,.section-title span,.detail h1{font-family:'Aref Ruqaa','Noto Naskh Arabic',serif;font-weight:700;}
.brand-text span,.eyebrow{font-family:'Cormorant Garamond', Georgia, serif;}
body:not(.en) .hero{direction:rtl;text-align:right;justify-content:flex-end;}
body.en .hero{direction:ltr;text-align:left;justify-content:flex-start;}
.hero{
  width:min(100%, 1540px);
  aspect-ratio:1792/1024;
  min-height:620px;
  max-height:850px;
  background:#f2cfc7;
  background-attachment:fixed;
  display:flex;
  align-items:center;
  margin:0 auto 26px;
}
.hero:before{
  background:url('assets/images/hero-main.webp') center center/cover no-repeat;
  animation:heroBreath 18s ease-in-out infinite alternate;
}
.hero:after{
  background:linear-gradient(90deg,rgba(251,247,244,.03) 0%,rgba(251,247,244,.06) 42%,rgba(251,247,244,.28) 72%,rgba(251,247,244,.48) 100%);
}
body.en .hero:after{background:linear-gradient(270deg,rgba(251,247,244,.03) 0%,rgba(251,247,244,.06) 42%,rgba(251,247,244,.28) 72%,rgba(251,247,244,.48) 100%);}
.hero-content{
  background:transparent!important;
  backdrop-filter:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  width:min(560px,40vw);
  padding:0!important;
  margin:0 7vw 0 0;
  animation:heroTextIn .9s ease-out both;
}
body.en .hero-content{margin:0 0 0 7vw;}
.hero-content:before{display:none!important;}
.eyebrow{font-size:18px;letter-spacing:2px;color:var(--burgundy);font-weight:700;margin-bottom:16px;}
body.en .eyebrow{letter-spacing:5px;font-size:13px;}
.hero h1{font-size:clamp(42px,4.9vw,78px);line-height:1.25;text-shadow:0 8px 35px rgba(251,247,244,.55);}
.hero p{font-size:clamp(17px,1.4vw,22px);color:#4f2a33;font-weight:600;text-shadow:0 8px 28px rgba(251,247,244,.55);}
.hero .cta-row{justify-content:flex-start;}
body:not(.en) .hero .cta-row{justify-content:flex-start;}
@keyframes heroBreath{from{transform:scale(1.000)}to{transform:scale(1.018)}}
@keyframes heroTextIn{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}
body.en @keyframes heroTextIn{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}
.product-gallery{min-height:760px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.product-gallery img{width:100%;height:100%;max-height:760px;object-fit:contain;object-position:center top;background:#f6e5e8;}
.selects span{display:none;}
.choice{border:1px solid var(--line);background:#fff8f7;color:var(--text);border-radius:10px;padding:10px 18px;font-weight:700;transition:.2s;}
.choice.selected,.choice:hover{border-color:var(--burgundy);background:var(--burgundy);color:white;box-shadow:0 10px 24px rgba(122,31,54,.14);}
.color-choice{border-radius:999px;}
.color-choice.selected .swatch{outline:2px solid rgba(255,255,255,.85);}
.lang-btn{transition:.2s;}
.lang-btn:hover{transform:translateY(-1px)}
@media(max-width:1000px){
  .hero{aspect-ratio:auto;min-height:760px;background-attachment:scroll;align-items:flex-end!important;background-color:#f1cec9;}
  .hero:before{background-size:auto 100%;background-position:center top;}
  .hero:after{background:linear-gradient(0deg,rgba(251,247,244,.88) 0%,rgba(251,247,244,.46) 38%,rgba(251,247,244,.02) 100%)!important;}
  .hero-content{width:calc(100% - 36px)!important;margin:0 18px 38px!important;padding:0!important;text-align:center!important;}
  .hero .cta-row{justify-content:center!important;}
  .product-gallery{min-height:520px;}
  .product-gallery img{max-height:520px;}
}
@media(max-width:540px){
  .hero{min-height:680px;}
  .hero h1{font-size:36px;}
  .eyebrow{font-size:15px;}
}

/* === V5 hero placement fix: move text to empty side in both languages === */
body:not(.en) .hero,
body.en .hero{
  justify-content:flex-end !important;
}

.hero-content{
  width:min(560px, 35vw) !important;
  margin:0 7vw 0 auto !important;
  position:relative;
  z-index:2;
}

body:not(.en) .hero-content{
  text-align:right !important;
}

body.en .hero-content{
  text-align:left !important;
  margin:0 7vw 0 auto !important;
}

body.en .hero .cta-row{
  justify-content:flex-start !important;
}

body:not(.en) .hero .cta-row{
  justify-content:flex-start !important;
}

@media(max-width:1000px){
  .hero-content,
  body.en .hero-content,
  body:not(.en) .hero-content{
    width:calc(100% - 36px) !important;
    margin:0 18px 38px !important;
    text-align:center !important;
  }
}

/* === V6 requested fixes === */
/* 1) Category images/card area ~150% larger */
.categories{grid-template-columns:repeat(6,1fr);gap:18px;}
.cat-card{height:232px !important;}
.cat-card img{
  object-fit:cover !important;
  object-position:center top !important;
}

/* 2) Move hero text block to the empty right side in both AR and EN */
.hero{
  position:relative !important;
  justify-content:flex-start !important;
}
.hero-content,
body.en .hero-content,
body:not(.en) .hero-content{
  position:absolute !important;
  top:50% !important;
  right:7vw !important;
  left:auto !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  width:min(560px,36vw) !important;
  z-index:3 !important;
}
body:not(.en) .hero-content{text-align:right !important;}
body.en .hero-content{text-align:left !important;}

@media(max-width:1200px){
  .cat-card{height:210px !important;}
}

@media(max-width:1000px){
  .cat-card{height:190px !important;}
  .hero{
    align-items:flex-end !important;
    justify-content:center !important;
  }
  .hero-content,
  body.en .hero-content,
  body:not(.en) .hero-content{
    position:static !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    transform:none !important;
    width:calc(100% - 36px) !important;
    margin:0 18px 38px !important;
    text-align:center !important;
  }
}

@media(max-width:540px){
  .cat-card{height:170px !important;}
}

/* === V7 category cards enlarged like product cards + softer label text === */
.categories{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:22px !important;
  align-items:stretch;
}

.cat-card{
  height:520px !important;
  border-radius:16px !important;
  background:#fff7f6 !important;
  box-shadow:0 16px 34px rgba(67,17,30,.08) !important;
  display:block;
  position:relative;
}

.cat-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
}

.cat-card b{
  right:16px !important;
  left:16px !important;
  bottom:16px !important;
  padding:13px 18px !important;
  font-size:15px !important;
  border-radius:10px !important;
  background:rgba(91,20,40,.82) !important;
  color:#f4d9e1 !important;
}

@media(max-width:1200px){
  .categories{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
  .cat-card{height:430px !important;}
}

@media(max-width:820px){
  .categories{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
  .cat-card{height:340px !important;}
}

@media(max-width:540px){
  .categories{grid-template-columns:1fr 1fr !important;}
  .cat-card{height:260px !important;}
  .cat-card b{font-size:14px !important; padding:10px 12px !important;}
}

/* === V8 footer EN fix + full-width bridal cover section === */
.bridal{
  margin:48px auto 0 !important;
  display:block !important;
  position:relative !important;
  min-height:620px !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:url('assets/images/cover-bridal.webp') center center/cover no-repeat !important;
  box-shadow:0 18px 40px rgba(67,17,30,.08) !important;
}
.bridal .img{display:none !important;}
.bridal .txt{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  text-align:left !important;
  padding:48px 54px !important;
  color:#4a1b28 !important;
  background:linear-gradient(90deg, rgba(251,247,244,.10) 0%, rgba(251,247,244,.06) 38%, rgba(251,247,244,.0) 65%) !important;
}
body:not(.en) .bridal .txt{
  align-items:flex-end !important;
  text-align:right !important;
  background:linear-gradient(270deg, rgba(251,247,244,.14) 0%, rgba(251,247,244,.06) 38%, rgba(251,247,244,0) 66%) !important;
}
.bridal h2{
  font-size:44px !important;
  line-height:1.15 !important;
  margin:0 0 12px !important;
  color:#4a1524 !important;
  text-shadow:0 2px 14px rgba(255,255,255,.35) !important;
}
.bridal p{
  max-width:480px !important;
  font-size:18px !important;
  line-height:1.95 !important;
  margin:0 0 20px !important;
  color:#5b2c39 !important;
  text-shadow:0 1px 10px rgba(255,255,255,.3) !important;
}
.bridal .btn{min-width:220px !important;}

@media(max-width:1000px){
  .bridal{min-height:500px !important; background-position:center center !important;}
  .bridal .txt{
    justify-content:flex-end !important;
    align-items:center !important;
    text-align:center !important;
    padding:32px 22px !important;
    background:linear-gradient(0deg, rgba(251,247,244,.80) 0%, rgba(251,247,244,.38) 42%, rgba(251,247,244,0) 70%) !important;
  }
  .bridal h2{font-size:32px !important;}
  .bridal p{font-size:16px !important; max-width:100% !important;}
}

/* === V9 cover refinement: more luxurious placement, color, and size === */
.bridal{
  min-height:700px !important;
  border-radius:24px !important;
  background-position:center center !important;
}

.bridal .txt{
  inset:auto 0 0 0 !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  text-align:left !important;
  padding:58px 62px !important;
  background:linear-gradient(0deg, rgba(247,241,234,.92) 0%, rgba(247,241,234,.76) 18%, rgba(247,241,234,.36) 40%, rgba(247,241,234,0) 62%) !important;
}

body:not(.en) .bridal .txt{
  align-items:flex-end !important;
  text-align:right !important;
  background:linear-gradient(0deg, rgba(247,241,234,.94) 0%, rgba(247,241,234,.78) 18%, rgba(247,241,234,.38) 40%, rgba(247,241,234,0) 62%) !important;
}

.bridal h2{
  font-family:"Georgia",serif !important;
  font-size:52px !important;
  line-height:1.08 !important;
  letter-spacing:.2px !important;
  margin:0 0 14px !important;
  color:#4a1524 !important;
  text-shadow:0 4px 18px rgba(255,255,255,.55) !important;
}

body:not(.en) .bridal h2{
  font-size:56px !important;
}

.bridal p{
  max-width:560px !important;
  font-size:19px !important;
  line-height:1.95 !important;
  margin:0 0 22px !important;
  color:#5d3140 !important;
  text-shadow:0 2px 14px rgba(255,255,255,.45) !important;
}

.bridal .btn{
  min-width:240px !important;
  padding:14px 24px !important;
  box-shadow:0 14px 28px rgba(67,17,30,.16) !important;
}

@media(max-width:1200px){
  .bridal{min-height:620px !important;}
  .bridal .txt{padding:46px 38px !important;}
  .bridal h2{font-size:44px !important;}
  body:not(.en) .bridal h2{font-size:46px !important;}
}

@media(max-width:1000px){
  .bridal{min-height:520px !important;}
  .bridal .txt{
    inset:auto 0 0 0 !important;
    align-items:center !important;
    text-align:center !important;
    padding:30px 20px !important;
    background:linear-gradient(0deg, rgba(247,241,234,.95) 0%, rgba(247,241,234,.80) 28%, rgba(247,241,234,.20) 65%, rgba(247,241,234,0) 100%) !important;
  }
  .bridal h2,
  body:not(.en) .bridal h2{font-size:34px !important;}
  .bridal p{font-size:16px !important;max-width:100% !important;}
}

/* === V10 hero brand enlargement + full-cover try-look section === */
.eyebrow{
  font-size:48px !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
  font-family:'Aref Ruqaa','Noto Naskh Arabic',serif !important;
  font-weight:700 !important;
  margin-bottom:14px !important;
  color:#5a1324 !important;
}
body.en .eyebrow{
  font-size:44px !important;
  line-height:1.08 !important;
  letter-spacing:1px !important;
  font-family:'Cormorant Garamond',Georgia,serif !important;
}

.try-cover{
  margin:46px 0 !important;
  display:block !important;
  position:relative !important;
  min-height:680px !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:url('assets/images/try-cover.webp') center center/cover no-repeat !important;
  box-shadow:0 18px 40px rgba(67,17,30,.08) !important;
  border:1px solid var(--line) !important;
}
.try-cover img{display:none !important;}
.try-cover .content{
  position:absolute !important;
  inset:auto 0 0 0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  text-align:left !important;
  padding:56px 60px !important;
  background:linear-gradient(0deg, rgba(248,243,239,.94) 0%, rgba(248,243,239,.80) 22%, rgba(248,243,239,.32) 44%, rgba(248,243,239,0) 68%) !important;
}
body:not(.en) .try-cover .content{
  align-items:flex-end !important;
  text-align:right !important;
}
.try-cover h2{
  font-size:50px !important;
  line-height:1.1 !important;
  margin:0 0 14px !important;
  color:#4a1524 !important;
  font-family:'Aref Ruqaa','Noto Naskh Arabic',serif !important;
  text-shadow:0 4px 16px rgba(255,255,255,.55) !important;
}
body.en .try-cover h2{
  font-size:42px !important;
  font-family:'Cormorant Garamond',Georgia,serif !important;
}
.try-cover p{
  max-width:620px !important;
  font-size:18px !important;
  line-height:1.95 !important;
  color:#5d3140 !important;
  margin:0 0 22px !important;
  text-shadow:0 2px 14px rgba(255,255,255,.4) !important;
}
.try-cover .try-upload{
  max-width:420px !important;
  background:rgba(255,255,255,.9) !important;
  border:1px solid rgba(91,20,40,.18) !important;
  margin:0 0 16px !important;
}
.try-cover .btn{min-width:220px !important;}

@media(max-width:1200px){
  .eyebrow{font-size:40px !important;}
  body.en .eyebrow{font-size:36px !important;}
  .try-cover{min-height:560px !important;}
  .try-cover h2{font-size:42px !important;}
  body.en .try-cover h2{font-size:36px !important;}
}

@media(max-width:1000px){
  .eyebrow{font-size:30px !important; text-align:center !important;}
  body.en .eyebrow{font-size:28px !important;}
  .try-cover{min-height:480px !important; background-position:center center !important;}
  .try-cover .content{
    padding:30px 22px !important;
    align-items:center !important;
    text-align:center !important;
    background:linear-gradient(0deg, rgba(248,243,239,.95) 0%, rgba(248,243,239,.82) 30%, rgba(248,243,239,.18) 66%, rgba(248,243,239,0) 100%) !important;
  }
  .try-cover h2, body.en .try-cover h2{font-size:32px !important;}
  .try-cover p{font-size:16px !important; max-width:100% !important;}
}

/* === V11 theme background + Arabic RTL refinements for bridal and try sections === */
:root{
  --ivory:#F3DDE3 !important;
  --card:#fbf1f4 !important;
}
body,
main{
  background:#F3DDE3 !important;
}
.site-header{
  background:rgba(243,221,227,.96) !important;
}
.section-title span,
.subpage,
.empty-note,
.cart-item,
.product,
.product-gallery,
.newsletter input,
.choice,
.color-choice,
.account-box input,
.try-upload{
  background-color:#fbf1f4 !important;
}

body:not(.en) .bridal,
body:not(.en) .try-cover{
  direction:rtl !important;
}
body:not(.en) .bridal .txt,
body:not(.en) .try-cover .content{
  direction:rtl !important;
  text-align:right !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
}
body:not(.en) .bridal .txt h2,
body:not(.en) .bridal .txt p,
body:not(.en) .try-cover .content h2,
body:not(.en) .try-cover .content p{
  text-align:right !important;
}
body:not(.en) .bridal .btn,
body:not(.en) .try-cover .btn{
  align-self:flex-end !important;
}

body.en .bridal,
body.en .try-cover{
  direction:ltr !important;
}
body.en .bridal .txt,
body.en .try-cover .content{
  direction:ltr !important;
  text-align:left !important;
  align-items:flex-start !important;
}
body.en .bridal .btn,
body.en .try-cover .btn{
  align-self:flex-start !important;
}

/* === V12 hero centered text style + logo beside brand + clearer company profile CTAs === */
.brand-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}
.body:not(.en) .brand-line{flex-direction:row;}
.brand-inline-logo{
  width:64px;
  height:64px;
  object-fit:contain;
  filter:drop-shadow(0 8px 16px rgba(67,17,30,.14));
}
.brand-text strong{
  font-size:46px;
}
body.en .brand-text strong{
  font-size:44px;
}

/* hero: center text styling without moving content block */
.hero-content,
body.en .hero-content,
body:not(.en) .hero-content{
  text-align:center !important;
  align-items:center !important;
}
.hero h1,
.hero p,
.eyebrow{
  text-align:center !important;
}
.hero .cta-row,
body.en .hero .cta-row,
body:not(.en) .hero .cta-row{
  justify-content:center !important;
}

/* clearer company profile buttons */
.profile-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(135deg,#7A1F36,#5d1327);
  color:#fff !important;
  border:1px solid rgba(122,31,54,.2);
  box-shadow:0 12px 26px rgba(122,31,54,.18);
  font-weight:700;
  font-size:13px;
  transition:.25s ease;
}
.profile-cta:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(122,31,54,.24)}
.header-profile-cta{white-space:nowrap}
.footer-profile-cta{margin-top:10px}
.footer .profile-cta{max-width:170px;margin-inline:auto}

/* fix header spacing after adding profile button */
.selectors{flex-wrap:wrap;justify-content:flex-end}
body.en .selectors{justify-content:flex-start}

@media(max-width:1000px){
  .brand-inline-logo{width:50px;height:50px}
  .brand-text strong{font-size:34px !important;}
  body.en .brand-text strong{font-size:32px !important;}
  .header-profile-cta{padding:8px 13px;font-size:12px}
}

/* === V13 visible hero logo next to hero brand title === */
.hero-brandline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-bottom:14px;
}
.hero-inline-logo{
  width:86px;
  height:86px;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(67,17,30,.16));
  flex:0 0 auto;
}
.hero-brandline .eyebrow{
  margin:0 !important;
}
body.en .hero-brandline{flex-direction:row;}
body:not(.en) .hero-brandline{flex-direction:row;}

@media(max-width:1000px){
  .hero-inline-logo{width:62px;height:62px;}
  .hero-brandline{gap:12px;}
}

/* === V14 hero EN sharpness + non-breaking line control + logo above title === */
.hero:after{
  background:linear-gradient(90deg, rgba(251,247,244,.03) 0%, rgba(251,247,244,.10) 34%, rgba(243,221,227,.26) 58%, rgba(251,247,244,.52) 100%) !important;
}
.hero-content{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.hero-brandline{
  flex-direction:column !important;
  gap:10px !important;
  margin-bottom:16px !important;
}
.hero-inline-logo{
  width:96px !important;
  height:96px !important;
  filter:drop-shadow(0 10px 18px rgba(67,17,30,.15)) contrast(1.02) !important;
}
.hero h1 span{display:block; white-space:nowrap;}
body.en .hero-content{width:min(760px,46vw) !important; right:5vw !important;}
body.en .hero h1{
  font-size:72px !important;
  line-height:1.08 !important;
  letter-spacing:.2px !important;
}
body.en .hero p{
  font-size:18px !important;
}
body:not(.en) .hero-brandline{flex-direction:column !important;}

@media(max-width:1200px){
  body.en .hero-content{width:min(640px,46vw) !important;}
  body.en .hero h1{font-size:60px !important;}
}
@media(max-width:1000px){
  .hero-inline-logo{width:72px !important;height:72px !important;}
  body.en .hero-content{width:calc(100% - 36px) !important; right:auto !important;}
  body.en .hero h1{font-size:42px !important;}
  .hero h1 span{white-space:normal;}
}

/* === V15 hero cleanup: sharp EN image, centered stacked logo/title, stable line breaks === */
body.en .hero:before{
  background-position:left center !important;
  background-size:cover !important;
  filter:none !important;
  image-rendering:auto;
}
body.en .hero:after{
  background:linear-gradient(90deg, rgba(251,247,244,.00) 0%, rgba(251,247,244,.06) 38%, rgba(251,247,244,.16) 58%, rgba(251,247,244,.34) 100%) !important;
}
.hero-brandline,
body.en .hero-brandline,
body:not(.en) .hero-brandline{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin-bottom:14px !important;
}
.hero-inline-logo{
  width:110px !important;
  height:110px !important;
  object-fit:contain !important;
  opacity:1 !important;
}
.hero-brandline .eyebrow{
  display:block !important;
  width:100% !important;
  text-align:center !important;
}
body.en .hero-content{
  width:min(820px,49vw) !important;
  right:4vw !important;
}
body.en .hero h1{
  font-size:62px !important;
  line-height:1.08 !important;
}
body.en .hero h1 span{
  display:block !important;
  white-space:nowrap !important;
}
body.en .hero p span,
body.en .hero p{white-space:normal;}
body.en .hero p{
  font-size:17px !important;
}
body:not(.en) .hero-inline-logo{
  width:96px !important;
  height:96px !important;
}
@media(max-width:1280px){
  body.en .hero-content{width:min(720px,48vw) !important;}
  body.en .hero h1{font-size:54px !important;}
}
@media(max-width:1000px){
  .hero-inline-logo{width:72px !important;height:72px !important;}
  body.en .hero-content{width:calc(100% - 36px) !important;right:auto !important;}
  body.en .hero h1{font-size:40px !important;}
  body.en .hero h1 span{white-space:normal !important;}
}

/* === V16: centered-right text on try/look + bridal, light pink try text, new bridal image === */
.try-cover,
.bridal{
  min-height:760px !important;
}
.try-cover .content,
.bridal .txt,
body.en .try-cover .content,
body.en .bridal .txt,
body:not(.en) .try-cover .content,
body:not(.en) .bridal .txt{
  align-items:flex-end !important;
  justify-content:center !important;
  text-align:center !important;
  direction:rtl !important;
  right:0 !important;
  left:auto !important;
  padding:56px 72px !important;
}
body.en .try-cover .content,
body.en .bridal .txt{
  direction:ltr !important;
}
.try-cover .content > *,
.bridal .txt > *{
  width:min(560px, 42vw) !important;
  margin-left:auto !important;
  margin-right:0 !important;
  text-align:center !important;
}
.try-cover h2,
body.en .try-cover h2,
body:not(.en) .try-cover h2{
  color:#f4dbe3 !important;
  text-shadow:0 3px 18px rgba(67,17,30,.35) !important;
}
.try-cover p,
body.en .try-cover p,
body:not(.en) .try-cover p{
  color:#f7e6eb !important;
  text-shadow:0 2px 12px rgba(67,17,30,.34) !important;
}
.try-cover .content{
  background:linear-gradient(90deg, rgba(248,243,239,0) 0%, rgba(248,243,239,.06) 35%, rgba(67,17,30,.28) 70%, rgba(67,17,30,.44) 100%) !important;
}
.bridal .txt,
body.en .bridal .txt,
body:not(.en) .bridal .txt{
  background:linear-gradient(90deg, rgba(248,243,239,0) 0%, rgba(248,243,239,.07) 38%, rgba(251,247,244,.52) 72%, rgba(251,247,244,.72) 100%) !important;
}
.bridal h2,
body.en .bridal h2,
body:not(.en) .bridal h2,
.bridal p,
body.en .bridal p,
body:not(.en) .bridal p{
  text-align:center !important;
}
.try-cover .btn,
.bridal .btn,
body.en .try-cover .btn,
body.en .bridal .btn,
body:not(.en) .try-cover .btn,
body:not(.en) .bridal .btn{
  align-self:center !important;
}

/* stronger book look helper for profile view launch */
@media(max-width:1100px){
  .try-cover,
  .bridal{min-height:620px !important;}
  .try-cover .content,
  .bridal .txt,
  body.en .try-cover .content,
  body.en .bridal .txt,
  body:not(.en) .try-cover .content,
  body:not(.en) .bridal .txt{padding:34px 24px !important;align-items:center !important;}
  .try-cover .content > *,
  .bridal .txt > *{width:min(100%, 560px) !important;margin-inline:auto !important;}
}

/* === V18 safety restore: no oversized badge, clean profile download buttons === */
.hero-circular-badge,
.circular-badge,
.logo-badge-animated{
  display:none !important;
}
.profile-download{
  white-space:nowrap;
}
.footer-download-cta{
  margin-top:8px !important;
  background:transparent !important;
  color:#f4dbe3 !important;
  border-color:rgba(244,219,227,.55) !important;
}
.hero .profile-download{
  border-color:var(--burgundy);
  background:rgba(251,247,244,.62);
  color:var(--burgundy);
}
@media(max-width:1000px){
  .hero .profile-download{width:100%;}
}


/* === V19 hero animated badge (restored safely) === */
.hero-brandline,
body.en .hero-brandline,
body:not(.en) .hero-brandline{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  margin-bottom:18px !important;
}
.hero-inline-logo{display:none !important;}
.hero-rotating-badge{
  --spin-duration:22s;
  --badge-size:clamp(210px, 18vw, 290px);
  position:relative;
  width:var(--badge-size);
  height:var(--badge-size);
  display:block;
  margin:0 auto;
  border-radius:50%;
  filter:drop-shadow(0 18px 34px rgba(67,17,30,.16));
  isolation:isolate;
  pointer-events:none;
}
.hero-rotating-badge .badge-layer{
  position:absolute;
  inset:0;
  display:block;
  border-radius:50%;
}
.hero-rotating-badge .badge-layer img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.hero-rotating-badge .badge-main{z-index:2;}
.hero-rotating-badge .badge-overlay{
  z-index:3;
  opacity:.95;
  mix-blend-mode:normal;
}
.hero-rotating-badge .badge-orbit{
  inset:-12px;
  z-index:1;
  border:1.4px solid rgba(122,31,54,.28);
  box-shadow:0 0 0 1px rgba(255,255,255,.26) inset;
}
.hero-rotating-badge .badge-orbit-inner{
  inset:10px;
  border-style:dashed;
  border-color:rgba(212,154,170,.78);
  opacity:.95;
}
.hero-rotating-badge .badge-spark{
  inset:-18px;
  z-index:4;
  background:
    radial-gradient(circle at 50% 0%, rgba(122,31,54,.75) 0 5px, transparent 6px),
    radial-gradient(circle at 100% 50%, rgba(212,154,170,.82) 0 4px, transparent 5px),
    radial-gradient(circle at 50% 100%, rgba(122,31,54,.62) 0 4px, transparent 5px),
    radial-gradient(circle at 0% 50%, rgba(212,154,170,.70) 0 4px, transparent 5px);
  opacity:.85;
}
.badge-rotate{animation:heroBadgeSpin var(--spin-duration) linear infinite;}
.badge-counter{animation:heroBadgeSpinReverse var(--spin-duration) linear infinite;}
@keyframes heroBadgeSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes heroBadgeSpinReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}

.hero-content{
  width:min(700px, 40vw) !important;
}
body.en .hero-content{
  width:min(760px, 44vw) !important;
}

@media(max-width:1200px){
  .hero-rotating-badge{--badge-size:clamp(180px, 20vw, 250px);}
}
@media(max-width:1000px){
  .hero-rotating-badge{--badge-size:clamp(150px, 34vw, 220px); margin-bottom:8px;}
  .hero-brandline{margin-bottom:10px !important;}
}
@media(max-width:540px){
  .hero-rotating-badge{--badge-size:140px;}
}


/* === Final deploy refinements: cart controls and visible company download === */
.cart-actions{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.qty-btn,.remove-item{border:1px solid var(--line);background:#fff8f7;color:var(--burgundy);border-radius:999px;min-width:34px;height:34px;font-weight:800}
.qty-number{min-width:28px;text-align:center;font-weight:800;color:var(--oxblood)}
.remove-item{padding:0 14px;width:auto}
.remove-item:hover,.qty-btn:hover{background:var(--burgundy);color:#fff}
.profile-download{box-shadow:0 12px 28px rgba(122,31,54,.14)}


/* === V20 precise fixes: transparent rotating badge, visible circular text, remove header logo, hide AR footer phone === */
.brand-inline-logo{display:none !important;}
.brand-line{gap:0 !important;}
.footer-phone[style*="none"]{display:none !important;}

.hero-rotating-badge{
  --spin-duration:22s;
  --badge-size:clamp(210px, 18vw, 290px);
  position:relative;
  width:var(--badge-size);
  height:var(--badge-size);
  display:block;
  margin:0 auto;
  border-radius:50%;
  filter:drop-shadow(0 18px 34px rgba(67,17,30,.18));
  isolation:isolate;
  pointer-events:none;
  background:transparent !important;
  overflow:visible;
}
.hero-rotating-badge .badge-layer{
  position:absolute;
  inset:0;
  display:block;
  border-radius:50%;
}
.hero-rotating-badge .badge-layer img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:transparent !important;
}
.hero-rotating-badge .badge-main{
  z-index:3;
  background:transparent !important;
}
.hero-rotating-badge .badge-overlay{display:none !important;}
.hero-rotating-badge .badge-ring-text{
  inset:-22px;
  width:calc(100% + 44px);
  height:calc(100% + 44px);
  z-index:5;
  overflow:visible;
}
.hero-rotating-badge .badge-ring-text circle{
  fill:none;
  stroke:rgba(122,31,54,.50);
  stroke-width:2.2;
  stroke-dasharray:6 8;
}
.hero-rotating-badge .badge-ring-text text{
  fill:#7A1F36;
  font-family:'Cormorant Garamond','Noto Naskh Arabic',Georgia,serif;
  font-size:17px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  paint-order:stroke;
  stroke:rgba(251,247,244,.68);
  stroke-width:1.1px;
}
body:not(.en) .hero-rotating-badge .badge-ring-text text{
  font-family:'Noto Naskh Arabic','Aref Ruqaa',serif;
  font-size:15px;
  letter-spacing:1px;
}
.hero-rotating-badge .badge-orbit{
  inset:-12px;
  z-index:1;
  border:1.4px solid rgba(122,31,54,.30);
  box-shadow:0 0 0 1px rgba(255,255,255,.30) inset;
}
.hero-rotating-badge .badge-orbit-inner{
  inset:10px;
  border-style:dashed;
  border-color:rgba(212,154,170,.80);
  opacity:.9;
}
.hero-rotating-badge .badge-spark{
  inset:-18px;
  z-index:6;
  background:
    radial-gradient(circle at 50% 0%, rgba(122,31,54,.75) 0 5px, transparent 6px),
    radial-gradient(circle at 100% 50%, rgba(212,154,170,.82) 0 4px, transparent 5px),
    radial-gradient(circle at 50% 100%, rgba(122,31,54,.62) 0 4px, transparent 5px),
    radial-gradient(circle at 0% 50%, rgba(212,154,170,.70) 0 4px, transparent 5px);
  opacity:.85;
}
.badge-rotate{animation:heroBadgeSpin var(--spin-duration) linear infinite;}
.badge-counter{animation:heroBadgeSpinReverse var(--spin-duration) linear infinite;}
@keyframes heroBadgeSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes heroBadgeSpinReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}

@media(max-width:1200px){
  .hero-rotating-badge{--badge-size:clamp(180px, 20vw, 250px);}
}
@media(max-width:1000px){
  .hero-rotating-badge{--badge-size:clamp(150px, 34vw, 220px);margin-bottom:8px;}
  .hero-rotating-badge .badge-ring-text text{font-size:15px;}
}
@media(max-width:540px){
  .hero-rotating-badge{--badge-size:140px;}
  .hero-rotating-badge .badge-ring-text text{font-size:13px;letter-spacing:1px;}
}

/* === V21 final badge refinement: no frame, readable ring text, counter-clockwise spin === */
.mini-logo{display:none !important;}
.header-tools.right-tools{min-width:0;}
.hero-rotating-badge{--spin-duration:22s !important;}
.hero-rotating-badge .badge-ring-text circle,
.hero-rotating-badge .badge-orbit,
.hero-rotating-badge .badge-orbit-inner{display:none !important;}
.hero-rotating-badge .badge-ring-text{
  inset:-28px !important;
  width:calc(100% + 56px) !important;
  height:calc(100% + 56px) !important;
  overflow:visible !important;
  z-index:5 !important;
}
.hero-rotating-badge .badge-ring-text text,
.hero-rotating-badge .badge-ring-text .ring-text{
  fill:#7A1F36 !important;
  stroke:none !important;
  paint-order:normal !important;
  font-family:'Cormorant Garamond','Noto Naskh Arabic',Georgia,serif !important;
  font-size:18px !important;
  font-weight:800 !important;
  letter-spacing:2.2px !important;
  dominant-baseline:middle;
  text-shadow:0 1px 4px rgba(251,247,244,.65);
}
body:not(.en) .hero-rotating-badge .badge-ring-text text,
body:not(.en) .hero-rotating-badge .badge-ring-text .ring-text{
  font-family:'Noto Naskh Arabic','Aref Ruqaa',serif !important;
  font-size:17px !important;
  letter-spacing:.6px !important;
  fill:#68172e !important;
}
.badge-rotate{animation:heroBadgeSpinCCW var(--spin-duration) linear infinite !important;}
.badge-counter{animation:heroBadgeSpinCCW var(--spin-duration) linear infinite !important;}
@keyframes heroBadgeSpinCCW{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@media(max-width:1000px){
  .hero-rotating-badge .badge-ring-text text,
  .hero-rotating-badge .badge-ring-text .ring-text{font-size:15px !important;letter-spacing:1.2px !important;}
  body:not(.en) .hero-rotating-badge .badge-ring-text text,
  body:not(.en) .hero-rotating-badge .badge-ring-text .ring-text{font-size:14px !important;letter-spacing:.2px !important;}
}
@media(max-width:540px){
  .hero-rotating-badge .badge-ring-text text,
  .hero-rotating-badge .badge-ring-text .ring-text{font-size:13px !important;letter-spacing:.8px !important;}
}


/* === V22: use English circular text style for both Arabic and English badge === */
body:not(.en) .hero-rotating-badge .badge-ring-text text,
body:not(.en) .hero-rotating-badge .badge-ring-text .ring-text{
  font-size:17px !important;
  letter-spacing:2.2px !important;
  font-family:'Cormorant Garamond', Georgia, serif !important;
  direction:ltr !important;
  unicode-bidi:normal !important;
}
@media(max-width:1000px){
  body:not(.en) .hero-rotating-badge .badge-ring-text text,
  body:not(.en) .hero-rotating-badge .badge-ring-text .ring-text{font-size:15px !important;letter-spacing:1.2px !important;}
}
@media(max-width:540px){
  body:not(.en) .hero-rotating-badge .badge-ring-text text,
  body:not(.en) .hero-rotating-badge .badge-ring-text .ring-text{font-size:13px !important;letter-spacing:.8px !important;}
}


/* === V24 English mobile hero repair === */
@media (max-width: 768px){
  body.en .hero{
    min-height:700px !important;
    align-items:flex-end !important;
  }
  body.en .hero:before{
    background-position:left top !important;
    background-size:cover !important;
  }
  body.en .hero-content{
    width:calc(100% - 32px) !important;
    margin:0 16px 22px !important;
    padding:20px 16px 22px !important;
    text-align:center !important;
    background:rgba(251,247,244,.38) !important;
    border:1px solid rgba(122,31,54,.10) !important;
    border-radius:18px !important;
    backdrop-filter:blur(1.5px) !important;
    box-shadow:0 18px 44px rgba(67,17,30,.08) !important;
  }
  body.en .hero-brandline{
    justify-content:center !important;
    margin:0 0 14px !important;
    min-height:auto !important;
  }
  body.en .hero-rotating-badge{
    --badge-size:118px !important;
    margin:0 auto 12px !important;
  }
  body.en .hero h1{
    font-size:30px !important;
    line-height:1.08 !important;
    max-width:260px !important;
    margin:0 auto !important;
  }
  body.en .hero h1 span{
    display:block !important;
    white-space:normal !important;
  }
  body.en .hero p{
    font-size:18px !important;
    line-height:1.45 !important;
    max-width:260px !important;
    margin:14px auto 20px !important;
  }
  body.en .hero .cta-row{
    justify-content:center !important;
  }
}
@media (max-width: 480px){
  body.en .hero{min-height:680px !important;}
  body.en .hero-content{margin-bottom:16px !important;padding:16px 14px 20px !important;}
  body.en .hero-rotating-badge{--badge-size:104px !important;}
  body.en .hero h1{font-size:28px !important;max-width:240px !important;}
  body.en .hero p{font-size:16px !important;max-width:230px !important;}
}


/* === V25 refinements: floating WhatsApp CTA, mobile hero cleanup, search UX === */
.search{position:relative}
.search-ico{cursor:pointer}
.empty-note{padding:24px 18px;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(67,17,30,.08);color:#5c3944;line-height:1.8}
.footer-grid a{cursor:pointer}
.floating-wa{position:fixed;left:18px;bottom:18px;z-index:80;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#25D366;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 18px 40px rgba(37,211,102,.28)}
.floating-wa:hover{transform:translateY(-2px)}
.floating-wa-ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);font-size:16px}
.floating-wa-label{font-size:14px;line-height:1}
@media (max-width: 768px){
  .floating-wa{left:12px;right:12px;bottom:12px;justify-content:center;padding:13px 14px}
  .floating-wa-label{font-size:13px}
}

/* safer mobile hero presentation */
@media (max-width: 768px){
  .hero{min-height:700px !important;align-items:flex-end !important;}
  .hero:before{background-size:cover !important;background-position:center top !important;animation:none !important;}
  .hero:after{background:linear-gradient(0deg,rgba(251,247,244,.88) 0%,rgba(251,247,244,.42) 34%,rgba(251,247,244,.05) 68%,rgba(251,247,244,0) 100%) !important;}

  body:not(.en) .hero-content,
  body.en .hero-content{
    width:calc(100% - 30px) !important;
    margin:0 15px 18px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    text-align:center !important;
  }
  body:not(.en) .hero-brandline,
  body.en .hero-brandline{margin:0 0 10px !important;justify-content:center !important;}
  body:not(.en) .hero-rotating-badge,
  body.en .hero-rotating-badge{--badge-size:108px !important;margin:0 auto 8px !important;}

  body:not(.en) .hero h1{
    font-size:34px !important;line-height:1.18 !important;max-width:280px !important;margin:0 auto !important;
    text-shadow:0 10px 26px rgba(251,247,244,.65);
  }
  body:not(.en) .hero p{
    font-size:17px !important;line-height:1.55 !important;max-width:280px !important;margin:12px auto 18px !important;
    text-shadow:0 10px 24px rgba(251,247,244,.6);
  }
  body:not(.en) .hero .cta-row{justify-content:center !important;gap:10px !important;}

  body.en .hero h1{
    font-size:29px !important;line-height:1.08 !important;max-width:250px !important;margin:0 auto !important;
    text-shadow:0 10px 24px rgba(251,247,244,.66);
  }
  body.en .hero h1 span{display:block !important;white-space:normal !important;}
  body.en .hero p{
    font-size:16px !important;line-height:1.48 !important;max-width:245px !important;margin:12px auto 18px !important;
    text-shadow:0 10px 24px rgba(251,247,244,.6);
  }
  body.en .hero .cta-row{justify-content:center !important;gap:10px !important;}
}
@media (max-width: 480px){
  .hero{min-height:670px !important;}
  body:not(.en) .hero h1{font-size:31px !important;max-width:260px !important;}
  body:not(.en) .hero p{font-size:15px !important;max-width:250px !important;}
  body.en .hero h1{font-size:27px !important;max-width:230px !important;}
  body.en .hero p{font-size:15px !important;max-width:220px !important;}
  body:not(.en) .hero-rotating-badge, body.en .hero-rotating-badge{--badge-size:98px !important;}
}


/* === V26 Arabic mobile hero visibility + shared EN-style rotating ring === */
@media (max-width: 768px){
  body:not(.en) .hero:before,
  body.en .hero:before{
    background-position:left top !important;
    background-size:auto 100% !important;
    filter:none !important;
    image-rendering:auto !important;
  }
  body:not(.en) .hero,
  body.en .hero{background-color:#f1cec9 !important;}
  body:not(.en) .hero-content,
  body.en .hero-content{position:relative; z-index:3;}
  body:not(.en) .hero-rotating-badge,
  body.en .hero-rotating-badge{--badge-size:118px !important; margin:0 auto 10px !important;}
}
@media (max-width: 480px){
  body:not(.en) .hero:before,
  body.en .hero:before{background-size:auto 100% !important; background-position:left top !important;}
  body:not(.en) .hero-rotating-badge,
  body.en .hero-rotating-badge{--badge-size:112px !important;}
}