

/* ===== PORTED EXACT CSS FROM THE WORKING HEADER/FOOTER CODES ===== */

body.lm-code-ui{
  margin:0!important;
  padding:0!important;
  font-family:Cairo,Tajawal,Arial,sans-serif!important;
  background:#F9F9F9!important;
  color:#222222!important;
  direction:rtl!important;
  text-align:right!important;
  overflow-x:hidden!important;
}
body.lm-code-ui *{box-sizing:border-box}
.lm-code-ui{width:100%;max-width:100%;overflow-x:hidden;background:#F9F9F9;font-family:Cairo,Tajawal,Arial,sans-serif}
.lm-code-ui a{text-decoration:none;color:inherit}
.lm-code-ui img{display:block;max-width:100%}
.lm-code-ui .container{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
.lm-code-ui .text-center{text-align:center}

.lm-code-ui .cf-icon{width:22px;height:22px;object-fit:contain;display:inline-block;flex:0 0 22px}
.lm-code-ui .cf-icon-sm{width:17px;height:17px;object-fit:contain;display:inline-block}
.lm-code-ui .cf-icon-white{filter:brightness(0) invert(1)}
.lm-code-ui .cf-icon-dark{filter:brightness(0)}

/* Announcement — Htech rhythm, LMOUNIR palette */
.lm-code-ui .announcement-bar{
  background:#222222!important;
  color:#fff!important;
  padding:10px 16px;
  font-size:14px;
  font-weight:800;
  text-align:center;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.lm-code-ui .announcement-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}
.lm-code-ui .announcement-dot{color:#B8962E!important;opacity:1}

/* Header */
.lm-code-ui .site-header{
  background:#fff;
  border-bottom:1px solid #DFC77E;
  padding:12px 0;
  position:sticky;
  top:0;
  z-index:50;
  box-shadow:0 2px 10px rgba(0,0,0,.03);
}
.lm-code-ui .header-container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.lm-code-ui .brand-logo{display:flex;align-items:center}
.lm-code-ui .chicify-logo-img{width:185px;height:auto;max-height:62px;object-fit:contain}
.lm-code-ui .header-actions{display:flex;align-items:center;gap:10px}
.lm-code-ui .btn-social-header,
.lm-code-ui .btn-whatsapp-header,
.lm-code-ui .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:800;transition:.2s ease
}
.lm-code-ui .btn-social-header{
  padding:9px 14px;color:#fff!important;
  background:linear-gradient(45deg,#B8962E 0%,#DFC77E 18%,#6E591B 55%,#B8962E 78%,#6E591B 100%);
  box-shadow:0 6px 18px rgba(184,150,46,.18)
}
.lm-code-ui .btn-whatsapp-header{padding:9px 14px;color:#fff!important;background:#25D366;box-shadow:0 6px 18px rgba(37,211,102,.22)}
.lm-code-ui .btn{border:0;cursor:pointer}
.lm-code-ui .btn-primary,
.lm-code-ui .yc-btn-buy{
  background:linear-gradient(180deg,#B8962E 0%,#B8962E 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(184,150,46,.20)!important
}
.lm-code-ui .btn-sm{padding:9px 14px;font-size:13px}
.lm-code-ui .btn-lg{width:100%;padding:17px 26px;font-size:20px;border-radius:14px;min-height:62px}

/* Hero */
.lm-code-ui .store-banner-section{background:#F9F9F9;padding:56px 0 48px;border-bottom:1px solid #DFC77E}
.lm-code-ui .store-banner-container{max-width:880px}
.lm-code-ui .store-banner-badge,
.lm-code-ui .section-tag,
.lm-code-ui .store-badge-pill{
  display:inline-flex;align-items:center;gap:8px;padding:7px 16px;margin-bottom:10px;border-radius:999px;
  background:#F9F9F9;border:1px solid #DFC77E;color:#B8962E;font-size:14px;font-weight:800
}
.lm-code-ui .store-banner-badge{margin-bottom:18px}
.lm-code-ui .store-banner-title,
.lm-code-ui .section-title,
.lm-code-ui .yc-section-title{
  color:#222222;font-weight:900;line-height:1.3
}
.lm-code-ui .store-banner-title{margin:0 0 14px;font-size:44px}
.lm-code-ui .store-banner-subtitle{max-width:720px;margin:0 auto 28px;color:#6E591B;font-size:18px;line-height:1.9}
.lm-code-ui .store-banner-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:40px}
.lm-code-ui .btn-whatsapp-banner{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:999px;
  background:#25D366;color:#fff!important;font-weight:800;box-shadow:0 5px 16px rgba(37,211,102,.25)
}
.lm-code-ui .store-banner-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:28px;border-top:1px solid #DFC77E}
.lm-code-ui .banner-pillar-item{
  display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #DFC77E;
  border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.035)
}
.lm-code-ui .banner-pillar-icon{width:42px;height:42px;border-radius:12px;background:#F9F9F9;display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.lm-code-ui .banner-pillar-icon img{width:22px;height:22px}
.lm-code-ui .banner-pillar-item strong{display:block;color:#222222;font-size:14px}
.lm-code-ui .banner-pillar-item small{display:block;color:#6E591B;font-size:12px}

/* Titles */
.lm-code-ui .section-header{text-align:center}
.lm-code-ui .section-title,
.lm-code-ui .yc-section-title{margin:8px 0;font-size:36px}
.lm-code-ui .section-subtitle{max-width:680px;margin:0 auto;color:#6E591B;font-size:16px;line-height:1.8}

/* Products */
.lm-code-ui .yc-featured-products{padding:50px 20px 72px}
.lm-code-ui .yc-featured-products .section-header{margin-bottom:38px}
.lm-code-ui .product-list{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:28px!important;max-width:1140px!important;margin:0 auto!important}
.lm-code-ui .product-preview-card{
  display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;background:#fff!important;
  border:1px solid #DFC77E!important;border-radius:18px!important;box-shadow:0 4px 18px rgba(0,0,0,.05)!important
}
.lm-code-ui .product-card-link{display:flex!important;flex-direction:column!important;flex:1!important}
.lm-code-ui .product-thumbnail{position:relative!important;width:100%!important;overflow:hidden!important;background:#F7F3F1!important}
.lm-code-ui .product-thumbnail > img:not(.cf-icon):not(.cf-icon-sm){width:100%!important;height:360px!important;object-fit:cover!important;object-position:top center!important}
.lm-code-ui .tag{position:absolute!important;top:12px!important;right:12px!important;z-index:2!important}
.lm-code-ui .tag-text{
  display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 12px!important;border-radius:999px!important;
  background:#222222!important;color:#fff!important;font-size:12px!important;font-weight:800!important
}
.lm-code-ui .tag-text img{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;min-height:14px!important;max-height:14px!important;object-fit:contain!important;position:static!important;display:inline-block!important;flex:0 0 14px!important;filter:brightness(0) invert(1)!important}
.lm-code-ui .product-details{padding:18px 18px 6px!important}
.lm-code-ui .product-title{margin:0!important;color:#222222!important;font-size:17px!important;line-height:1.5!important;font-weight:800!important}
.lm-code-ui .prices{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 18px 14px!important}
.lm-code-ui .product-price{color:#B8962E!important;font-size:20px!important;font-weight:900!important}
.lm-code-ui .compare-at-price{color:#A89D98!important;font-size:14px!important;text-decoration:line-through!important}
.lm-code-ui .product-actions-bar{padding:0 18px 18px!important}
.lm-code-ui .yc-btn-buy{width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 16px!important;border-radius:12px!important;font-size:14px!important;font-weight:800!important}

/* Benefits */
.lm-code-ui .benefits-section{padding:56px 0;background:#fff}
.lm-code-ui .benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:38px}
.lm-code-ui .benefit-card{padding:28px 22px;background:#F9F9F9;border:1px solid #DFC77E;border-radius:14px}
.lm-code-ui .benefit-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:14px;background:#F9F9F9}
.lm-code-ui .benefit-icon img{width:27px;height:27px}
.lm-code-ui .benefit-title{margin:0 0 8px;color:#222222;font-size:19px;font-weight:900}
.lm-code-ui .benefit-desc{margin:0;color:#6E591B;font-size:15px;line-height:1.75}

/* Reviews */
.lm-code-ui .reviews-section{padding:56px 0;background:#fff}
.lm-code-ui .reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.lm-code-ui .review-card{padding:24px;background:#F9F9F9;border:1px solid #DFC77E;border-radius:14px}
.lm-code-ui .review-stars{display:flex;gap:3px;margin-bottom:12px}
.lm-code-ui .review-stars img{width:17px;height:17px}
.lm-code-ui .review-quote{margin:0 0 18px;color:#3A3431;font-size:15px;line-height:1.8}
.lm-code-ui .reviewer-info{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid #DFC77E}
.lm-code-ui .avatar-circle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#B8962E;color:#fff;font-weight:800}
.lm-code-ui .reviewer-name{color:#222222;font-weight:800}
.lm-code-ui .reviewer-city{color:#6E591B;font-size:13px}
.lm-code-ui .verified-badge{color:#1E824C;font-weight:800}

/* FAQ */
.lm-code-ui .faq-section{padding:56px 0;background:#F9F9F9}
.lm-code-ui .faq-container{max-width:820px}
.lm-code-ui .accordion{display:flex;flex-direction:column;gap:14px;margin-top:34px}
.lm-code-ui .accordion-item{overflow:hidden;background:#fff;border:1px solid #DFC77E;border-radius:14px}
.lm-code-ui .accordion-header{width:100%;padding:18px 20px;border:0;background:#fff;color:#222222;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:16px;font-weight:800;text-align:right;cursor:pointer}
.lm-code-ui .accordion-body{max-height:0;overflow:hidden;padding:0 20px;background:#FFFDFC}
.lm-code-ui .accordion-item.active .accordion-body{padding:8px 20px 18px}
.lm-code-ui .accordion-body p{margin:0;color:#6E591B;font-size:15px;line-height:1.8}

/* Footer */
.lm-code-ui .site-footer{margin-top:32px;padding-top:56px;background:#222222;color:#fff}
.lm-code-ui .footer-container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding-bottom:40px}
.lm-code-ui .footer-logo-img{width:180px;height:auto;filter:brightness(0) invert(1);margin-bottom:16px}
.lm-code-ui .footer-brand p,.lm-code-ui .footer-contact p{color:#D6D1CE;line-height:1.8}
.lm-code-ui .footer-links h4,.lm-code-ui .footer-contact h4{margin:0 0 14px;color:#B8962E;font-size:18px}
.lm-code-ui .footer-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.lm-code-ui .footer-nav-list a,.lm-code-ui .footer-ig-link{color:#F3F3F3!important}
.lm-code-ui .footer-bottom{padding:20px 0;border-top:1px solid rgba(255,255,255,.10);color:#AFAFAF}
.lm-code-ui .footer-ig-link{display:inline-flex;align-items:center;gap:8px}
.lm-code-ui .footer-ig-badge{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#B8962E 0%,#DFC77E 18%,#6E591B 55%,#B8962E 78%,#6E591B 100%)}
.lm-code-ui .footer-ig-badge img{width:18px;height:18px;filter:brightness(0) invert(1)}

/* Floating WhatsApp */
.lm-code-ui .yc-whatsapp-float{position:fixed;left:24px;bottom:24px;z-index:999}
.lm-code-ui .whatsapp-float-btn{width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff!important;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 20px rgba(37,211,102,.38)}
.lm-code-ui .whatsapp-float-icon img{width:30px;height:30px;filter:brightness(0) invert(1)}
.lm-code-ui .whatsapp-float-badge{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#FF3B30;color:#fff;font-size:11px;font-weight:800;border:2px solid #fff}

@media (max-width:991px){
  .lm-code-ui .product-list{grid-template-columns:repeat(2,1fr)!important}
  .lm-code-ui .benefits-grid{grid-template-columns:repeat(2,1fr)}
  .lm-code-ui .footer-container{grid-template-columns:1fr 1fr}
}

@media (max-width:767px){
  .lm-code-ui .container{padding:0 14px}
  .lm-code-ui .announcement-bar{padding:8px 10px;font-size:12px}
  .lm-code-ui .announcement-content{justify-content:center}
  .lm-code-ui .announcement-content > span:not(.announcement-mobile-active){display:none}
  .lm-code-ui .chicify-logo-img{width:135px;max-height:46px}
  .lm-code-ui .btn-header{display:none}
  .lm-code-ui .btn-social-header{width:40px;height:40px;padding:0;border-radius:50%}
  .lm-code-ui .social-username{display:none}
  .lm-code-ui .btn-whatsapp-header{padding:8px 12px;font-size:12px;border-radius:999px}
  .lm-code-ui .store-banner-section{padding:42px 0 34px}
  .lm-code-ui .store-banner-title{font-size:30px}
  .lm-code-ui .store-banner-subtitle{font-size:15px}
  .lm-code-ui .store-banner-pillars{grid-template-columns:1fr;gap:10px}
  .lm-code-ui .section-title,.lm-code-ui .yc-section-title{font-size:28px}
  .lm-code-ui .product-list{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .lm-code-ui .product-thumbnail > img:not(.cf-icon):not(.cf-icon-sm){height:240px!important}
  .lm-code-ui .product-details{padding:12px 12px 4px!important}
  .lm-code-ui .product-title{font-size:13px!important}
  .lm-code-ui .prices{padding:6px 12px 10px!important}
  .lm-code-ui .product-price{font-size:16px!important}
  .lm-code-ui .product-actions-bar{padding:0 12px 12px!important}
  .lm-code-ui .yc-btn-buy{min-height:42px!important;padding:9px 8px!important;font-size:11px!important}
  .lm-code-ui .benefits-grid,.lm-code-ui .reviews-grid,.lm-code-ui .footer-container{grid-template-columns:1fr}
  .lm-code-ui .yc-whatsapp-float{left:14px;bottom:18px}
  .lm-code-ui .whatsapp-float-btn{width:52px;height:52px}
}

.lm-code-ui .product-preview-card .cf-icon,
.lm-code-ui .product-preview-card .cf-icon-sm{
  object-fit:contain!important;
  position:static!important;
}
.lm-code-ui .product-preview-card .tag .cf-icon-sm{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  min-height:14px!important;
  max-width:14px!important;
  max-height:14px!important;
}




/* V6 — announcement like HTECH */
.lm-code-ui .announcement-bar{
  background:#222222!important;
  padding:0!important;
  border-bottom:0!important;
}
.lm-code-ui .announcement-content{
  display:block!important;
  padding:8px 12px!important;
}
.lm-code-ui .announcement-line{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:27px!important;
  color:#FFFFFF!important;
  font-size:13px!important;
  font-weight:800!important;
  text-align:center!important;
  line-height:1.5!important;
}
.lm-code-ui .announcement-line + .announcement-line{
  border-top:1px solid rgba(255,255,255,.06)!important;
}
.lm-code-ui .announcement-line .cf-orange{
  color:#B8962E!important;
}
@media (max-width:767px){
  .lm-code-ui .announcement-content{
    padding:7px 9px!important;
  }
  .lm-code-ui .announcement-line{
    min-height:25px!important;
    font-size:11px!important;
    gap:6px!important;
  }
}

/* V6 — premium footer brand */
.lm-code-ui .footer-brand{
  max-width:480px!important;
}
.lm-code-ui .footer-logo-img{
  width:205px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
  margin:0 0 22px!important;
}
.lm-code-ui .footer-premium-line{
  margin:0 0 14px!important;
  color:#FFFFFF!important;
  font-size:28px!important;
  line-height:1.45!important;
  font-weight:900!important;
  letter-spacing:-.3px!important;
}
.lm-code-ui .footer-premium-line .cf-orange{
  color:#B8962E!important;
}
.lm-code-ui .footer-brand-copy{
  max-width:440px!important;
  margin:0!important;
  color:#CFCAC7!important;
  font-size:15px!important;
  line-height:1.9!important;
}
@media (max-width:767px){
  .lm-code-ui .footer-logo-img{
    width:170px!important;
  }
  .lm-code-ui .footer-premium-line{
    font-size:23px!important;
  }
}



/* =========================================================
   CHICIFY PRODUCT PAGE V5
   HTECH-STYLE STRUCTURE + CHICIFY ORANGE
   Global on /products/*
   Gallery ratio: 1200 x 1700 = 12 / 17
   ========================================================= */

body.lm-code-ui{
  margin:0!important;
  padding:0!important;
  background:#F9F9F9!important;
  color:#222222!important;
  direction:rtl!important;
  overflow-x:hidden!important;
  font-family:Cairo,Tajawal,Arial,sans-serif!important;
}
body.lm-code-ui *{box-sizing:border-box}

.lm-code-ui .cf-code-pp,
.lm-code-ui .cf-pp-v5-footer{
  direction:rtl;
  font-family:Cairo,Tajawal,Arial,sans-serif;
  color:#222222;
}
.lm-code-ui .cf-code-pp a,
.lm-code-ui .cf-pp-v5-footer a{color:inherit;text-decoration:none}
.lm-code-ui .cf-code-pp button{font-family:inherit}
.lm-code-ui .cf-code-pp .cf-container,
.lm-code-ui .cf-pp-v5-footer .cf-container{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:0 18px;
}

/* ---------- top bar ---------- */
.lm-code-ui .cf-code-pp .cf-announcement{
  background:#222222;
  color:#fff;
  padding:7px 12px;
}
.lm-code-ui .cf-code-pp .cf-ann-line{
  min-height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  font-size:13px;
  line-height:1.45;
  font-weight:800;
}
.lm-code-ui .cf-code-pp .cf-ann-line + .cf-ann-line{
  border-top:1px solid rgba(255,255,255,.07);
}
.lm-code-ui .cf-code-pp .cf-orange{color:#ff6949}

/* ---------- header ---------- */
.lm-code-ui .cf-code-pp .cf-header{
  position:sticky;
  top:0;
  z-index:90;
  background:#fff;
  border-bottom:1px solid #DFC77E;
  padding:10px 0;
  box-shadow:0 2px 10px rgba(34,34,34,.04);
}
.lm-code-ui .cf-code-pp .cf-header-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.lm-code-ui .cf-code-pp .cf-logo img{
  display:block;
  width:180px;
  max-height:56px;
  object-fit:contain;
}
.lm-code-ui .cf-code-pp .cf-head-actions{
  display:flex;
  align-items:center;
  gap:9px;
}
.lm-code-ui .cf-code-pp .cf-head-btn{
  min-height:40px;
  padding:9px 14px;
  border:0;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff!important;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:.2s ease;
}
.lm-code-ui .cf-code-pp .cf-ig{
  background:linear-gradient(45deg,#FEDA75 0%,#FA7E1E 24%,#D62976 50%,#962FBF 76%,#4F5BD5 100%);
  box-shadow:0 8px 22px rgba(214,41,118,.20);
}
.lm-code-ui .cf-code-pp .cf-wa{
  background:#25D366;
  box-shadow:0 6px 18px rgba(37,211,102,.22);
}
.lm-code-ui .cf-code-pp .cf-order-head{
  background:#B8962E;
  box-shadow:0 8px 20px rgba(184,150,46,.20);
}

/* ---------- main product ---------- */
.lm-code-ui .cf-code-pp .cf-hero{
  width:100%;
  padding:18px 0 42px;
}
.lm-code-ui .cf-code-pp .cf-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  gap:38px;
  align-items:start;
  direction:ltr;
}
.lm-code-ui .cf-code-pp .cf-media,
.lm-code-ui .cf-code-pp .cf-content{
  min-width:0;
  direction:rtl;
}

/* gallery EXACT direction wanted */
.lm-code-ui .cf-code-pp .cf-media{
  width:100%;
  max-width:500px;
  justify-self:end;
  align-self:start;
  padding:10px;
  background:#fff;
  border:1px solid #DFC77E;
  border-radius:18px;
  box-shadow:0 7px 24px rgba(34,34,34,.08);
  position:relative;
}
.lm-code-ui .cf-code-pp .cf-media-badge{
  position:absolute;
  top:20px;
  right:20px;
  z-index:5;
  max-width:calc(100% - 40px);
  padding:7px 13px;
  background:rgba(53,24,35,.91);
  color:#fff;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-main-media{
  position:relative;
  width:100%;
  aspect-ratio:12/17;
  overflow:hidden;
  border-radius:14px;
  background:#f1ece9;
}
.lm-code-ui .cf-code-pp .cf-main-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
  cursor:zoom-in;
}
.lm-code-ui .cf-code-pp .cf-zoom{
  position:absolute;
  bottom:14px;
  right:14px;
  z-index:4;
  min-height:39px;
  padding:8px 13px;
  border:0;
  border-radius:999px;
  background:#222222;
  color:#fff;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.lm-code-ui .cf-code-pp .cf-thumbs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.lm-code-ui .cf-code-pp .cf-thumb{
  width:100%;
  aspect-ratio:12/17;
  padding:0;
  overflow:hidden;
  border:2px solid #DFC77E;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
}
.lm-code-ui .cf-code-pp .cf-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
}
.lm-code-ui .cf-code-pp .cf-thumb.is-active{
  border-color:#B8962E;
  box-shadow:0 0 0 2px rgba(184,150,46,.13);
}

/* content */
.lm-code-ui .cf-code-pp .cf-rating-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 11px;
  color:#2b2024;
  font-size:13px;
  font-weight:700;
}
.lm-code-ui .cf-code-pp .cf-stars{
  color:#f6a01a;
  letter-spacing:1px;
  font-size:19px;
  line-height:1;
}
.lm-code-ui .cf-code-pp .cf-quality-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-bottom:17px;
  padding:9px 14px;
  text-align:center;
  color:#d72e24;
  background:#fff7f6;
  border:1.5px solid #ffc7c2;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-title{
  margin:0 0 10px;
  color:#301722;
  font-size:38px;
  line-height:1.3;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-subtitle{
  margin:0 0 18px;
  color:#6E591B;
  font-size:16px;
  line-height:1.8;
}

/* options */
.lm-code-ui .cf-code-pp .cf-option{
  padding:17px 18px;
  margin-bottom:14px;
  background:#fffdfa;
  border:1px solid #DFC77E;
  border-radius:14px;
  box-shadow:0 3px 12px rgba(34,34,34,.035);
}
.lm-code-ui .cf-code-pp .cf-option-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.lm-code-ui .cf-code-pp .cf-option-title{
  color:#222222;
  font-size:15px;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-option-value{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 11px;
  background:#6E591B;
  color:#fff;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  box-shadow:0 2px 7px rgba(155,78,105,.18);
}
.lm-code-ui .cf-code-pp .cf-size-help{
  margin:-3px 0 10px;
  color:#8a7d82;
  font-size:12px;
  line-height:1.5;
}
.lm-code-ui .cf-code-pp .cf-colors{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.lm-code-ui .cf-code-pp .cf-color{
  position:relative;
  min-height:88px;
  padding:10px 5px 7px;
  border:2px solid #e8dce0;
  border-radius:9px;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
}
.lm-code-ui .cf-code-pp .cf-color:hover,
.lm-code-ui .cf-code-pp .cf-color.is-active{border-color:#6E591B}
.lm-code-ui .cf-code-pp .cf-color.is-active{
  background:#fff9fb;
  box-shadow:0 0 0 2px rgba(155,78,105,.08);
}
.lm-code-ui .cf-code-pp .cf-check{
  display:none;
  position:absolute;
  top:4px;
  left:4px;
  width:17px;
  height:17px;
  border-radius:50%;
  background:#6E591B;
  color:#fff;
  font-size:10px;
  align-items:center;
  justify-content:center;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-color.is-active .cf-check{display:flex}
.lm-code-ui .cf-code-pp .cf-dot{
  width:28px;
  height:28px;
  border-radius:50%;
  border:2px solid #fff;
  box-shadow:0 2px 7px rgba(0,0,0,.22);
}
.lm-code-ui .cf-code-pp .cf-color-name{
  font-size:12px;
  line-height:1.2;
  text-align:center;
  color:#222222;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.lm-code-ui .cf-code-pp .cf-pill{
  min-width:54px;
  min-height:43px;
  padding:8px 15px;
  border:2px solid #e8dce0;
  border-radius:999px;
  background:#fff;
  color:#222222;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}
.lm-code-ui .cf-code-pp .cf-pill:hover,
.lm-code-ui .cf-code-pp .cf-pill.is-active{border-color:#6E591B}
.lm-code-ui .cf-code-pp .cf-pill.is-active{
  background:#6E591B;
  color:#fff;
  box-shadow:0 4px 14px rgba(155,78,105,.23);
}

/* price */
.lm-code-ui .cf-code-pp .cf-price-box{
  padding:20px 18px 15px;
  margin:2px 0 18px;
  background:#fff;
  border:1px solid #DFC77E;
  border-radius:14px;
  box-shadow:0 3px 12px rgba(34,34,34,.04);
}
.lm-code-ui .cf-code-pp .cf-price-row{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:12px;
}
.lm-code-ui .cf-code-pp .cf-current-price{
  color:#B8962E;
  font-size:39px;
  line-height:1;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-old-price{
  color:#a69b9f;
  font-size:19px;
  text-decoration:line-through;
}
.lm-code-ui .cf-code-pp .cf-save{
  padding:5px 10px;
  background:#fff0eb;
  color:#e14b2a;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-price-note{
  margin-top:15px;
  padding-top:13px;
  border-top:1px dashed #ecdeda;
  color:#d9382d;
  font-size:13px;
  line-height:1.5;
  font-weight:800;
}

/* trust */
.lm-code-ui .cf-code-pp .cf-trust{
  list-style:none;
  padding:0;
  margin:0 0 20px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.lm-code-ui .cf-code-pp .cf-trust li{
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:#2d2327;
  font-size:14px;
  line-height:1.55;
  font-weight:650;
}
.lm-code-ui .cf-code-pp .cf-trust-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  margin-top:1px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#17884c;
  color:#fff;
  font-size:12px;
  font-weight:900;
}

/* CTA */
.lm-code-ui .cf-code-pp .cf-cta{
  width:100%;
  min-height:64px;
  padding:11px 16px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#ff6d4a 0%,#B8962E 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 8px 25px rgba(184,150,46,.23);
}
.lm-code-ui .cf-code-pp .cf-cta-main{
  font-size:18px;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-cta-sub{
  margin-top:2px;
  font-size:12px;
  font-weight:700;
}
.lm-code-ui .cf-code-pp .cf-wa-order{
  width:100%;
  min-height:49px;
  margin-top:10px;
  border-radius:14px;
  background:#25D366;
  color:#fff!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:14px;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-micro{
  margin-top:10px;
  text-align:center;
  color:#82777b;
  font-size:12px;
}

/* actual description */
.lm-code-ui .cf-code-pp .cf-desc-section{
  padding:36px 0;
  background:#F9F9F9;
}
.lm-code-ui .cf-code-pp .cf-desc-card{
  max-width:880px;
  margin:0 auto;
  padding:28px;
  background:#fff;
  border:1px solid #DFC77E;
  border-radius:18px;
  box-shadow:0 4px 20px rgba(34,34,34,.055);
}
.lm-code-ui .cf-code-pp .cf-section-tag{
  display:inline-flex;
  padding:6px 14px;
  margin-bottom:10px;
  border-radius:999px;
  background:#F9F9F9;
  color:#B8962E;
  font-size:13px;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-section-title{
  margin:0 0 18px;
  color:#2f1821;
  font-size:29px;
  line-height:1.4;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-desc-content{
  color:#3c3135;
  font-size:15px;
  line-height:1.9;
  overflow-wrap:anywhere;
}
.lm-code-ui .cf-code-pp .cf-desc-content > div{max-width:100%!important}
.lm-code-ui .cf-code-pp .cf-desc-content img{
  max-width:100%!important;
  height:auto!important;
  border-radius:14px;
}
.lm-code-ui .cf-code-pp .cf-desc-content ul{
  padding-right:22px!important;
  padding-left:0!important;
}
.lm-code-ui .cf-code-pp .cf-desc-content h1,
.lm-code-ui .cf-code-pp .cf-desc-content h2,
.lm-code-ui .cf-code-pp .cf-desc-content h3{color:#222222!important}
.lm-code-ui .cf-code-pp .cf-desc-content a{color:#B8962E!important}

/* benefits */
.lm-code-ui .cf-code-pp .cf-benefits-section{
  padding:50px 0;
  background:#fff;
}
.lm-code-ui .cf-code-pp .cf-section-head{
  margin-bottom:32px;
  text-align:center;
}
.lm-code-ui .cf-code-pp .cf-section-head p{
  max-width:650px;
  margin:0 auto;
  color:#6E591B;
  font-size:15px;
  line-height:1.75;
}
.lm-code-ui .cf-code-pp .cf-benefits-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.lm-code-ui .cf-code-pp .cf-benefit{
  padding:23px 20px;
  background:#F9F9F9;
  border:1px solid #DFC77E;
  border-radius:14px;
}
.lm-code-ui .cf-code-pp .cf-benefit-icon{
  width:50px;
  height:50px;
  margin-bottom:14px;
  border-radius:13px;
  background:#F9F9F9;
  color:#B8962E;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
}
.lm-code-ui .cf-code-pp .cf-benefit h3{
  margin:0 0 7px;
  color:#2f1821;
  font-size:17px;
}
.lm-code-ui .cf-code-pp .cf-benefit p{
  margin:0;
  color:#6E591B;
  font-size:13px;
  line-height:1.7;
}

/* FAQ like Htech */
.lm-code-ui .cf-code-pp .cf-faq-section{
  padding:48px 0 55px;
  background:#F9F9F9;
}
.lm-code-ui .cf-code-pp .cf-faq-wrap{
  max-width:820px;
  margin:0 auto;
}
.lm-code-ui .cf-code-pp .cf-faq-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:28px;
}
.lm-code-ui .cf-code-pp .cf-faq-item{
  overflow:hidden;
  background:#fff;
  border:1px solid #DFC77E;
  border-radius:13px;
}
.lm-code-ui .cf-code-pp .cf-faq-q{
  width:100%;
  min-height:59px;
  padding:16px 19px;
  border:0;
  background:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:#222222;
  font-size:15px;
  font-weight:900;
  text-align:right;
  cursor:pointer;
}
.lm-code-ui .cf-code-pp .cf-faq-a{
  max-height:0;
  overflow:hidden;
  padding:0 19px;
  background:#fffdfc;
  color:#73666b;
  font-size:14px;
  line-height:1.75;
}
.lm-code-ui .cf-code-pp .cf-faq-item.is-open .cf-faq-a{
  max-height:260px;
  padding:4px 19px 17px;
}

/* footer */
.lm-code-ui .cf-pp-v5-footer{
  background:#222222;
  color:#fff;
  padding:48px 0 18px;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-grid{
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr;
  gap:32px;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-hero{
  margin:0 0 10px;
  color:#fff;
  font-size:29px;
  line-height:1.45;
  font-weight:900;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-hero span{color:#B8962E}
.lm-code-ui .cf-pp-v5-footer p,
.lm-code-ui .cf-pp-v5-footer a,
.lm-code-ui .cf-pp-v5-footer span{
  color:#d0cbca;
  font-size:13px;
  line-height:1.8;
}
.lm-code-ui .cf-pp-v5-footer h4{
  margin:0 0 11px;
  color:#B8962E;
  font-size:16px;
}
.lm-code-ui .cf-pp-v5-footer .cf-links{
  display:grid;
  gap:7px;
}
.lm-code-ui .cf-pp-v5-footer .cf-bottom{
  margin-top:28px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.09);
  text-align:center;
  color:#999;
  font-size:11px;
}

/* lightbox */
.lm-code-ui .cf-pp-v5-lightbox{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(0,0,0,.90);
}
.lm-code-ui .cf-pp-v5-lightbox.is-open{display:flex}
.lm-code-ui .cf-pp-v5-lightbox .cf-lb-box{
  position:relative;
  width:min(94vw,620px);
}
.lm-code-ui .cf-pp-v5-lightbox img{
  width:100%;
  max-height:92vh;
  object-fit:contain;
  border-radius:12px;
}
.lm-code-ui .cf-pp-v5-lightbox button{
  position:absolute;
  top:-12px;
  right:-12px;
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#111;
  font-size:25px;
  cursor:pointer;
}

/* tablet */
@media(max-width:991px){
  .lm-code-ui .cf-code-pp .cf-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:24px;
  }
  .lm-code-ui .cf-code-pp .cf-title{font-size:31px}
  .lm-code-ui .cf-code-pp .cf-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lm-code-ui .cf-code-pp .cf-benefits-grid{grid-template-columns:repeat(2,1fr)}
  .lm-code-ui .cf-pp-v5-footer .cf-footer-grid{grid-template-columns:1fr 1fr}
}

/* mobile */
@media(max-width:767px){
  .lm-code-ui .cf-code-pp .cf-container,
  .lm-code-ui .cf-pp-v5-footer .cf-container{padding:0 12px}

  .lm-code-ui .cf-code-pp .cf-ann-line{
    min-height:23px;
    font-size:11px;
  }
  .lm-code-ui .cf-code-pp .cf-header{padding:9px 0}
  .lm-code-ui .cf-code-pp .cf-logo img{
    width:137px;
    max-height:43px;
  }
  .lm-code-ui .cf-code-pp .cf-ig{
    width:39px;
    padding:0;
    border-radius:50%;
  }
  .lm-code-ui .cf-code-pp .cf-ig .cf-user{display:none}
  .lm-code-ui .cf-code-pp .cf-order-head{display:none}
  .lm-code-ui .cf-code-pp .cf-head-btn{
    padding:8px 11px;
    border-radius:999px;
  }

  .lm-code-ui .cf-code-pp .cf-hero{
    padding:13px 0 30px;
  }
  .lm-code-ui .cf-code-pp .cf-hero-grid{
    display:flex;
    flex-direction:column;
    gap:20px;
  }
  .lm-code-ui .cf-code-pp .cf-media{
    order:1;
    max-width:100%;
    padding:8px;
    border-radius:14px;
  }
  .lm-code-ui .cf-code-pp .cf-content{order:2}
  .lm-code-ui .cf-code-pp .cf-main-media{
    width:100%;
    aspect-ratio:12/17;
  }
  /* exactly like the screenshot: 4 thumbs per row */
  .lm-code-ui .cf-code-pp .cf-thumbs{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    overflow:visible;
  }
  .lm-code-ui .cf-code-pp .cf-thumb{
    width:100%;
    min-width:0;
  }

  .lm-code-ui .cf-code-pp .cf-rating-row{
    justify-content:center;
    text-align:center;
    margin-top:1px;
  }
  .lm-code-ui .cf-code-pp .cf-quality-badge{
    font-size:12px;
    line-height:1.45;
    padding:9px 11px;
  }
  .lm-code-ui .cf-code-pp .cf-title{
    font-size:29px;
    line-height:1.35;
    text-align:center;
    margin-bottom:8px;
  }
  .lm-code-ui .cf-code-pp .cf-subtitle{
    text-align:center;
    font-size:14px;
    line-height:1.75;
    margin-bottom:16px;
  }
  .lm-code-ui .cf-code-pp .cf-option{
    padding:13px;
    margin-bottom:11px;
  }
  /* HTECH mobile shows 3 color cards per row */
  .lm-code-ui .cf-code-pp .cf-colors{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  .lm-code-ui .cf-code-pp .cf-color{min-height:82px}
  .lm-code-ui .cf-code-pp .cf-price-box{padding:16px}
  .lm-code-ui .cf-code-pp .cf-current-price{font-size:34px}
  .lm-code-ui .cf-code-pp .cf-trust li{font-size:13px}
  .lm-code-ui .cf-code-pp .cf-cta-main{font-size:17px}

  .lm-code-ui .cf-code-pp .cf-desc-section{padding:22px 0}
  .lm-code-ui .cf-code-pp .cf-desc-card{
    padding:16px 13px;
    border-radius:14px;
  }
  .lm-code-ui .cf-code-pp .cf-section-title{font-size:24px}
  .lm-code-ui .cf-code-pp .cf-desc-content{
    font-size:14px;
    line-height:1.8;
  }

  .lm-code-ui .cf-code-pp .cf-benefits-section{padding:38px 0}
  .lm-code-ui .cf-code-pp .cf-benefits-grid{grid-template-columns:1fr}
  .lm-code-ui .cf-pp-v5-footer .cf-footer-grid{grid-template-columns:1fr}
  .lm-code-ui .cf-pp-v5-footer .cf-footer-hero{font-size:25px}
}

@media(max-width:390px){
  .lm-code-ui .cf-code-pp .cf-thumbs{gap:6px}
  .lm-code-ui .cf-code-pp .cf-color-name{font-size:11px}
}

/* =========================================================
   V5.1 — ORIGINAL YOUCAN ORDER FORM ABOVE ORANGE CTA
   Gallery/layout stay exactly V5.
   ========================================================= */
.lm-code-ui .cf-code-pp .cf-native-form-shell{
  margin:18px 0 14px;
  padding:17px;
  background:#fff;
  border:1px solid #DFC77E;
  border-radius:15px;
  box-shadow:0 3px 12px rgba(34,34,34,.04);
}
.lm-code-ui .cf-code-pp .cf-native-form-head{
  margin-bottom:13px;
}
.lm-code-ui .cf-code-pp .cf-native-form-title{
  display:block;
  color:#301722;
  font-size:17px;
  line-height:1.5;
  font-weight:900;
}
.lm-code-ui .cf-code-pp .cf-native-form-sub{
  display:block;
  margin-top:3px;
  color:#817478;
  font-size:12px;
  line-height:1.6;
}
.lm-code-ui .cf-code-pp #cf-native-order-form-slot:empty::after{
  content:"جاري تحميل نموذج الطلب...";
  display:block;
  padding:14px;
  text-align:center;
  color:#817478;
  font-size:13px;
  background:#F9F9F9;
  border-radius:10px;
}
.lm-code-ui .cf-code-pp #cf-native-order-form-slot form{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.lm-code-ui .cf-code-pp #cf-native-order-form-slot label{
  color:#2e2025!important;
  font-weight:800!important;
}
.lm-code-ui .cf-code-pp #cf-native-order-form-slot input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
.lm-code-ui .cf-code-pp #cf-native-order-form-slot select,
.lm-code-ui .cf-code-pp #cf-native-order-form-slot textarea{
  width:100%!important;
  min-height:48px!important;
  padding:10px 12px!important;
  border:1.5px solid #e5d8dc!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#261b1f!important;
  font-family:inherit!important;
  font-size:14px!important;
  outline:none!important;
  box-shadow:none!important;
}
.lm-code-ui .cf-code-pp #cf-native-order-form-slot input:focus,
.lm-code-ui .cf-code-pp #cf-native-order-form-slot select:focus,
.lm-code-ui .cf-code-pp #cf-native-order-form-slot textarea:focus{
  border-color:#B8962E!important;
  box-shadow:0 0 0 3px rgba(184,150,46,.08)!important;
}
.lm-code-ui .cf-code-pp #cf-native-order-form-slot > form > *{
  max-width:100%!important;
}
.lm-code-ui .cf-code-pp .cf-v5-hidden-native-submit{
  display:none!important;
}
@media(max-width:767px){
  .lm-code-ui .cf-code-pp .cf-native-form-shell{
    margin:15px 0 12px;
    padding:13px;
    border-radius:13px;
  }
  .lm-code-ui .cf-code-pp .cf-native-form-title{
    font-size:16px;
  }
}


/* =========================================================
   V5.2 — FIXES REQUESTED
   1) Gallery exactly back to V4 behavior
   2) Strong RTL alignment
   3) Form stays below variants
   4) Price is rendered above product name by JS
   ========================================================= */

/* ----- RTL hardening ----- */
.lm-code-ui .cf-code-pp .cf-content,
.lm-code-ui .cf-code-pp .cf-content > *,
.lm-code-ui .cf-code-pp .cf-option,
.lm-code-ui .cf-code-pp .cf-option-head,
.lm-code-ui .cf-code-pp .cf-colors,
.lm-code-ui .cf-code-pp .cf-pills,
.lm-code-ui .cf-code-pp .cf-price-box,
.lm-code-ui .cf-code-pp .cf-trust,
.lm-code-ui .cf-code-pp .cf-native-form-shell{
  direction:rtl!important;
  text-align:right!important;
}

.lm-code-ui .cf-code-pp .cf-title,
.lm-code-ui .cf-code-pp .cf-subtitle{
  direction:rtl!important;
  unicode-bidi:plaintext!important;
  text-align:right!important;
}

.lm-code-ui .cf-code-pp .cf-rating-row{
  direction:rtl!important;
  justify-content:flex-start!important;
  text-align:right!important;
}

.lm-code-ui .cf-code-pp .cf-quality-badge{
  direction:rtl!important;
  text-align:center!important;
}

.lm-code-ui .cf-code-pp .cf-option-head{
  flex-direction:row!important;
}

.lm-code-ui .cf-code-pp .cf-colors{
  direction:rtl!important;
}

.lm-code-ui .cf-code-pp .cf-pills{
  direction:rtl!important;
  justify-content:flex-start!important;
}

.lm-code-ui .cf-code-pp .cf-price-row{
  direction:rtl!important;
  justify-content:flex-start!important;
}

/* ----- GALLERY: V4 EXACT BEHAVIOR ----- */
.lm-code-ui .cf-code-pp .cf-media{
  position:relative!important;
  width:100%!important;
  max-width:500px!important;
  justify-self:end!important;
  align-self:start!important;
  background:#fff!important;
  border-radius:18px!important;
  padding:12px!important;
  box-shadow:0 7px 24px rgba(34,34,34,.08)!important;
  border:1px solid #E8DFD8!important;
}

.lm-code-ui .cf-code-pp .cf-main-media{
  width:100%!important;
  aspect-ratio:12/17!important;
  max-height:700px!important;
  overflow:hidden!important;
  border-radius:14px!important;
  position:relative!important;
  background:#110B0D!important;
}

.lm-code-ui .cf-code-pp .cf-main-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  display:block!important;
  cursor:zoom-in!important;
}

.lm-code-ui .cf-code-pp .cf-zoom{
  position:absolute!important;
  bottom:13px!important;
  right:13px!important;
  z-index:4!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:999px!important;
  background:#222222!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
}

.lm-code-ui .cf-code-pp .cf-thumbs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:12px!important;
  overflow:visible!important;
}

.lm-code-ui .cf-code-pp .cf-thumb{
  flex:0 0 calc(25% - 8px)!important;
  max-width:105px!important;
  min-width:70px!important;
  width:auto!important;
  aspect-ratio:12/17!important;
  border-radius:9px!important;
  border:2px solid #E8DFD8!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  cursor:pointer!important;
}

.lm-code-ui .cf-code-pp .cf-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  display:block!important;
}

.lm-code-ui .cf-code-pp .cf-thumb.is-active{
  border-color:#B8962E!important;
  box-shadow:0 0 0 2px rgba(184,150,46,.14)!important;
}

@media(max-width:767px){
  .lm-code-ui .cf-code-pp .cf-media{
    order:1!important;
    max-width:100%!important;
    padding:8px!important;
    border-radius:14px!important;
  }

  .lm-code-ui .cf-code-pp .cf-content{
    order:2!important;
  }

  .lm-code-ui .cf-code-pp .cf-main-media{
    aspect-ratio:12/17!important;
    max-height:none!important;
  }

  /* V4: horizontal thumbnail rail on mobile */
  .lm-code-ui .cf-code-pp .cf-thumbs{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    padding:2px 1px 5px!important;
    scroll-snap-type:x mandatory!important;
    direction:rtl!important;
  }

  .lm-code-ui .cf-code-pp .cf-thumbs::-webkit-scrollbar{
    display:none!important;
  }

  .lm-code-ui .cf-code-pp .cf-thumb{
    flex:0 0 72px!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    scroll-snap-align:start!important;
  }

  .lm-code-ui .cf-code-pp .cf-title,
  .lm-code-ui .cf-code-pp .cf-subtitle{
    text-align:right!important;
  }

  .lm-code-ui .cf-code-pp .cf-rating-row{
    justify-content:flex-start!important;
    text-align:right!important;
  }
}


/* =========================================================
   V5.5 — CLEAN PREMIUM FORM + NATIVE YOUCAN BUTTON LINK
   ========================================================= */
.lm-code-ui .cf-code-pp .cf-premium-order{
  margin:18px 0 14px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e9dfda!important;
  border-radius:18px!important;
  box-shadow:0 12px 32px rgba(48,23,34,.065)!important;
  direction:rtl!important;
  text-align:right!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-head{
  padding:18px 18px 15px!important;
  border-bottom:1px solid #f0e8e4!important;
  background:#fff!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  margin-bottom:8px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:#F9F9F9!important;
  color:#B8962E!important;
  font-size:11px!important;
  font-weight:900!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-title{
  display:block!important;
  color:#222222!important;
  font-size:20px!important;
  line-height:1.4!important;
  font-weight:900!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-sub{
  display:block!important;
  margin-top:4px!important;
  color:#8a7f82!important;
  font-size:12.5px!important;
  line-height:1.6!important;
}
.lm-code-ui .cf-code-pp .cf-premium-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px 12px!important;
  padding:17px 18px 19px!important;
}
.lm-code-ui .cf-code-pp .cf-premium-field{min-width:0!important}
.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-address,
.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-email,
.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-other{
  grid-column:1/-1!important;
}
.lm-code-ui .cf-code-pp .cf-premium-field label{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 2px 7px!important;
  color:#38292f!important;
  font-size:12.5px!important;
  font-weight:900!important;
  direction:rtl!important;
  text-align:right!important;
}
.lm-code-ui .cf-code-pp .cf-required{color:#B8962E!important}
.lm-code-ui .cf-code-pp .cf-premium-control{
  width:100%!important;
  min-height:52px!important;
  padding:11px 13px!important;
  border:1.5px solid #e8deda!important;
  border-radius:11px!important;
  background:#fcfbfa!important;
  color:#261a1f!important;
  font-family:inherit!important;
  font-size:14px!important;
  outline:none!important;
  box-shadow:none!important;
  transition:.18s ease!important;
}
.lm-code-ui .cf-code-pp .cf-premium-control:not(.cf-phone-control){
  direction:rtl!important;
  text-align:right!important;
}
.lm-code-ui .cf-code-pp .cf-phone-control{
  direction:ltr!important;
  text-align:left!important;
}
.lm-code-ui .cf-code-pp textarea.cf-premium-control{
  min-height:90px!important;
  resize:vertical!important;
}
.lm-code-ui .cf-code-pp .cf-premium-control::placeholder{
  color:#b0a4a8!important;
  opacity:1!important;
}
.lm-code-ui .cf-code-pp .cf-premium-control:focus{
  background:#fff!important;
  border-color:#B8962E!important;
  box-shadow:0 0 0 4px rgba(184,150,46,.075)!important;
}
.lm-code-ui .cf-code-pp .cf-form-unavailable{
  grid-column:1/-1!important;
  padding:13px!important;
  border:1px dashed #e7dad6!important;
  border-radius:11px!important;
  background:#faf8f7!important;
  color:#817579!important;
  text-align:center!important;
  font-size:12.5px!important;
}
.lm-code-ui .cf-code-pp .cf-trust{
  margin:14px 0 0!important;
  padding:15px!important;
  background:#fff!important;
  border:1px solid #eee4e0!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.lm-code-ui .cf-code-pp .cf-sticky-form-cta{display:none}
@media(max-width:767px){
  body.lm-code-ui{padding-bottom:82px!important}
  .lm-code-ui .cf-code-pp .cf-premium-order{
    margin:15px 0 12px!important;
    border-radius:16px!important;
    box-shadow:0 8px 24px rgba(48,23,34,.055)!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-order-head{padding:16px 14px 14px!important}
  .lm-code-ui .cf-code-pp .cf-premium-order-title{font-size:18px!important}
  .lm-code-ui .cf-code-pp .cf-premium-fields{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-field,
  .lm-code-ui .cf-code-pp .cf-premium-field.cf-field-address,
  .lm-code-ui .cf-code-pp .cf-premium-field.cf-field-email,
  .lm-code-ui .cf-code-pp .cf-premium-field.cf-field-other{grid-column:1!important}
  .lm-code-ui .cf-code-pp .cf-sticky-form-cta{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    z-index:99990!important;
    width:calc(100% - 24px)!important;
    min-height:58px!important;
    padding:10px 18px!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#B8962E 0%,#B8962E 100%)!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-family:inherit!important;
    font-size:16px!important;
    font-weight:900!important;
    box-shadow:0 10px 28px rgba(184,150,46,.32)!important;
    cursor:pointer!important;
    transition:.18s ease!important;
  }
  .lm-code-ui .cf-code-pp .cf-sticky-form-cta.is-hidden{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(12px)!important;
  }
}


/* =========================================================
   CHICIFY PP FINAL — SALIT
   Consolidated requested modifications
   ========================================================= */

/* ---------- Announcement: HTech 2-row look ---------- */
.lm-code-ui .cf-code-pp .cf-announcement{
  background:#222222!important;
  color:#fff!important;
  padding:7px 12px!important;
}
.lm-code-ui .cf-code-pp .cf-ann-line{
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-align:center!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:900!important;
}
.lm-code-ui .cf-code-pp .cf-ann-line + .cf-ann-line{
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.lm-code-ui .cf-code-pp .cf-ann-rotating{
  transition:opacity .22s ease, transform .22s ease!important;
}
.lm-code-ui .cf-code-pp .cf-ann-rotating.is-changing{
  opacity:0!important;
  transform:translateY(3px)!important;
}

/* ---------- Header social icons ---------- */
.lm-code-ui .cf-code-pp .cf-social-icon{
  width:17px!important;
  height:17px!important;
  object-fit:contain!important;
  display:block!important;
  filter:brightness(0) invert(1)!important;
}
.lm-code-ui .cf-code-pp .cf-head-btn{
  gap:8px!important;
}
.lm-code-ui .cf-code-pp .cf-ig{
  background:linear-gradient(45deg,#FEDA75 0%,#FA7E1E 24%,#D62976 50%,#962FBF 76%,#4F5BD5 100%)!important;
  box-shadow:0 8px 22px rgba(214,41,118,.20)!important;
}
.lm-code-ui .cf-code-pp .cf-wa{
  background:#25D366!important;
  box-shadow:0 6px 18px rgba(37,211,102,.22)!important;
}
.lm-code-ui .cf-code-pp .cf-order-head{
  background:#B8962E!important;
  box-shadow:0 8px 20px rgba(184,150,46,.20)!important;
}
.lm-code-ui .cf-code-pp .cf-head-bag{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  display:block!important;
  filter:brightness(0) invert(1)!important;
}

/* ---------- Offer + zoom ---------- */
.lm-code-ui .cf-code-pp .cf-media-badge{
  background:rgba(53,24,35,.94)!important;
  color:#fff!important;
  font-weight:900!important;
}
.lm-code-ui .cf-code-pp .cf-zoom{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.lm-code-ui .cf-code-pp .cf-zoom-icon{
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}

/* ---------- Price urgency ---------- */
.lm-code-ui .cf-code-pp .cf-price-note{
  margin-top:15px!important;
  padding-top:13px!important;
  border-top:1px dashed #ecdeda!important;
  color:#d9382d!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:900!important;
  text-align:center!important;
}
.lm-code-ui .cf-code-pp .cf-stock-progress{
  width:100%!important;
  height:7px!important;
  margin-top:11px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#f1dfe0!important;
}
.lm-code-ui .cf-code-pp .cf-stock-progress > span{
  display:block!important;
  width:78%!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#B8962E 0%,#ff6c67 100%)!important;
}

/* ---------- Variants: remove mauve, use soft LMOUNIR orange ---------- */
.lm-code-ui .cf-code-pp .cf-option-value{
  background:#fff0eb!important;
  color:#f25431!important;
  border:1px solid #ffd3c6!important;
  box-shadow:none!important;
}
.lm-code-ui .cf-code-pp .cf-color:hover,
.lm-code-ui .cf-code-pp .cf-color.is-active{
  border-color:#ff8a6a!important;
}
.lm-code-ui .cf-code-pp .cf-color.is-active{
  background:#fff8f5!important;
  box-shadow:0 0 0 2px rgba(184,150,46,.08)!important;
}
.lm-code-ui .cf-code-pp .cf-check{
  background:#B8962E!important;
}
.lm-code-ui .cf-code-pp .cf-pill:hover,
.lm-code-ui .cf-code-pp .cf-pill.is-active{
  border-color:#ff8a6a!important;
}
.lm-code-ui .cf-code-pp .cf-pill.is-active{
  background:#B8962E!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(255,122,89,.22)!important;
}

/* ---------- RTL hardening ---------- */
.lm-code-ui .cf-code-pp .cf-content,
.lm-code-ui .cf-code-pp .cf-content > *,
.lm-code-ui .cf-code-pp .cf-option,
.lm-code-ui .cf-code-pp .cf-option-head,
.lm-code-ui .cf-code-pp .cf-colors,
.lm-code-ui .cf-code-pp .cf-pills,
.lm-code-ui .cf-code-pp .cf-price-box,
.lm-code-ui .cf-code-pp .cf-trust,
.lm-code-ui .cf-code-pp .cf-premium-order{
  direction:rtl!important;
  text-align:right!important;
}
.lm-code-ui .cf-code-pp .cf-title,
.lm-code-ui .cf-code-pp .cf-subtitle{
  direction:rtl!important;
  unicode-bidi:plaintext!important;
  text-align:right!important;
}
.lm-code-ui .cf-code-pp .cf-rating-row{
  direction:rtl!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
.lm-code-ui .cf-code-pp .cf-option-head{
  flex-direction:row!important;
}
.lm-code-ui .cf-code-pp .cf-pills{
  direction:rtl!important;
  justify-content:flex-start!important;
}
.lm-code-ui .cf-code-pp .cf-price-row{
  direction:rtl!important;
  justify-content:flex-start!important;
}

/* ---------- Clean premium form: no unrelated blocks ---------- */
.lm-code-ui .cf-code-pp .cf-premium-order{
  margin:18px 0 14px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e8ddd8!important;
  border-radius:18px!important;
  box-shadow:0 12px 32px rgba(48,23,34,.06)!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-head{
  padding:18px 18px 15px!important;
  background:#fff!important;
  border-bottom:1px solid #f0e7e3!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-title{
  display:block!important;
  color:#222222!important;
  font-size:20px!important;
  line-height:1.4!important;
  font-weight:900!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-sub{
  display:block!important;
  margin-top:4px!important;
  color:#8a7e82!important;
  font-size:12.5px!important;
  line-height:1.6!important;
}
.lm-code-ui .cf-code-pp .cf-premium-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px 12px!important;
  padding:17px 18px 19px!important;
}
.lm-code-ui .cf-code-pp .cf-premium-field{
  min-width:0!important;
}
.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-address,
.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-email,
.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-other{
  grid-column:1/-1!important;
}
.lm-code-ui .cf-code-pp .cf-premium-field label{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 2px 7px!important;
  color:#38292f!important;
  font-size:12.5px!important;
  line-height:1.4!important;
  font-weight:900!important;
}
.lm-code-ui .cf-code-pp .cf-required{
  color:#B8962E!important;
}
.lm-code-ui .cf-code-pp .cf-premium-control{
  width:100%!important;
  min-height:52px!important;
  padding:11px 13px!important;
  border:1.5px solid #e8deda!important;
  border-radius:11px!important;
  background:#fcfbfa!important;
  color:#261a1f!important;
  font-family:inherit!important;
  font-size:14px!important;
  outline:none!important;
  box-shadow:none!important;
  transition:.18s ease!important;
}
.lm-code-ui .cf-code-pp .cf-premium-control:not(.cf-phone-control){
  direction:rtl!important;
  text-align:right!important;
}
.lm-code-ui .cf-code-pp .cf-phone-control{
  direction:ltr!important;
  text-align:left!important;
}
.lm-code-ui .cf-code-pp textarea.cf-premium-control{
  min-height:90px!important;
  resize:vertical!important;
}
.lm-code-ui .cf-code-pp .cf-premium-control::placeholder{
  color:#b0a4a8!important;
  opacity:1!important;
}
.lm-code-ui .cf-code-pp .cf-premium-control:focus{
  background:#fff!important;
  border-color:#B8962E!important;
  box-shadow:0 0 0 4px rgba(184,150,46,.075)!important;
}
.lm-code-ui .cf-code-pp .cf-form-unavailable{
  grid-column:1/-1!important;
  padding:13px!important;
  border:1px dashed #e7dad6!important;
  border-radius:11px!important;
  background:#faf8f7!important;
  color:#817579!important;
  text-align:center!important;
  font-size:12.5px!important;
}

/* ---------- Main WhatsApp button ---------- */
.lm-code-ui .cf-code-pp .cf-wa-order{
  gap:8px!important;
}
.lm-code-ui .cf-code-pp .cf-wa-order-icon{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}

/* ---------- Centered parcel inspection reassurance ---------- */
.lm-code-ui .cf-code-pp .cf-micro{
  margin-top:13px!important;
  text-align:center!important;
  color:#75696d!important;
  font-size:12.5px!important;
  line-height:1.7!important;
}

/* ---------- Trust under buttons ---------- */
.lm-code-ui .cf-code-pp .cf-trust{
  margin:14px 0 0!important;
  padding:15px!important;
  background:#fff!important;
  border:1px solid #eee4e0!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.lm-code-ui .cf-code-pp .cf-trust li + li{
  padding-top:9px!important;
  border-top:1px solid #f2eae7!important;
}

/* ---------- Sticky order-to-form button ---------- */
.lm-code-ui .cf-code-pp .cf-sticky-form-cta{
  display:none;
}
.lm-code-ui .cf-code-pp .cf-sticky-icon{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}

/* ---------- FAQ arrow asset ---------- */
.lm-code-ui .cf-code-pp .cf-faq-arrow{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  object-fit:contain!important;
  transition:transform .22s ease!important;
}
.lm-code-ui .cf-code-pp .cf-faq-item.is-open .cf-faq-arrow{
  transform:rotate(180deg)!important;
}

/* ---------- Premium footer ---------- */
.lm-code-ui .cf-pp-v5-footer{
  background:#2b141e!important;
  color:#fff!important;
  padding:52px 0 18px!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-grid{
  display:grid!important;
  grid-template-columns:1.45fr 1fr 1fr!important;
  gap:38px!important;
  align-items:start!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-brand-name{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-brand-name b{
  color:#B8962E!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-hero{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.5!important;
  font-weight:900!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-hero span{
  color:#f3aa3a!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-desc{
  margin:0!important;
  color:#e6dde1!important;
  font-size:14px!important;
  line-height:1.9!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-instagram{
  width:fit-content!important;
  margin-top:18px!important;
  padding:10px 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-instagram img{
  width:17px!important;
  height:17px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-title{
  margin:0 0 15px!important;
  color:#e2a13a!important;
  font-size:19px!important;
  line-height:1.4!important;
  font-weight:900!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-list{
  display:grid!important;
  gap:12px!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  color:#f3eaed!important;
  font-size:13.5px!important;
  line-height:1.7!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-row .cf-footer-row-icon{
  width:22px!important;
  flex:0 0 22px!important;
  color:#e2a13a!important;
  font-size:17px!important;
  text-align:center!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-bottom{
  margin-top:34px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  text-align:center!important;
  color:#a999a0!important;
  font-size:11px!important;
}

/* ---------- Floating WhatsApp on product page ---------- */
.lm-code-ui .cf-code-pp .cf-floating-wa{
  position:fixed!important;
  left:22px!important;
  bottom:22px!important;
  z-index:99980!important;
  width:58px!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#25D366!important;
  box-shadow:0 9px 26px rgba(37,211,102,.36)!important;
}
.lm-code-ui .cf-code-pp .cf-floating-wa img{
  width:29px!important;
  height:29px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}
.lm-code-ui .cf-code-pp .cf-floating-wa-badge{
  position:absolute!important;
  top:-2px!important;
  right:-2px!important;
  width:20px!important;
  height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#ff3b30!important;
  color:#fff!important;
  border:2px solid #fff!important;
  font-size:10px!important;
  font-weight:900!important;
}

@media(max-width:767px){
  .lm-code-ui .cf-code-pp .cf-ann-line{
    font-size:11px!important;
    min-height:23px!important;
  }

  .lm-code-ui .cf-code-pp .cf-rating-row{
    justify-content:flex-start!important;
    text-align:right!important;
  }
  .lm-code-ui .cf-code-pp .cf-title,
  .lm-code-ui .cf-code-pp .cf-subtitle{
    text-align:right!important;
  }

  .lm-code-ui .cf-code-pp .cf-premium-order{
    margin:15px 0 12px!important;
    border-radius:16px!important;
    box-shadow:0 8px 24px rgba(48,23,34,.055)!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-order-head{
    padding:16px 14px 14px!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-order-title{
    font-size:18px!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-fields{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-field,
  .lm-code-ui .cf-code-pp .cf-premium-field.cf-field-address,
  .lm-code-ui .cf-code-pp .cf-premium-field.cf-field-email,
  .lm-code-ui .cf-code-pp .cf-premium-field.cf-field-other{
    grid-column:1!important;
  }

  body.lm-code-ui{
    padding-bottom:82px!important;
  }
  .lm-code-ui .cf-code-pp .cf-sticky-form-cta{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    z-index:99990!important;
    width:calc(100% - 24px)!important;
    min-height:58px!important;
    padding:10px 18px!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#B8962E 0%,#B8962E 100%)!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    font-family:inherit!important;
    font-size:16px!important;
    line-height:1.2!important;
    font-weight:900!important;
    box-shadow:0 10px 28px rgba(184,150,46,.32)!important;
    cursor:pointer!important;
    transition:opacity .18s ease,transform .18s ease!important;
  }
  .lm-code-ui .cf-code-pp .cf-sticky-form-cta.is-hidden{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(12px)!important;
  }

  .lm-code-ui .cf-code-pp .cf-floating-wa{
    left:16px!important;
    bottom:88px!important;
    width:54px!important;
    height:54px!important;
  }
  .lm-code-ui .cf-code-pp .cf-floating-wa img{
    width:27px!important;
    height:27px!important;
  }

  .lm-code-ui .cf-pp-v5-footer{
    padding:42px 0 18px!important;
  }
  .lm-code-ui .cf-pp-v5-footer .cf-footer-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .lm-code-ui .cf-pp-v5-footer .cf-footer-brand-name{
    font-size:27px!important;
  }
  .lm-code-ui .cf-pp-v5-footer .cf-footer-hero{
    font-size:22px!important;
  }
}


/* =========================================================
   CHICIFY FINAL R2 — ZOOM + URGENCY + FORM POLISH
   ========================================================= */

/* FIX: zoom SVG must never inherit the gallery-image 100% sizing */
.lm-code-ui .cf-code-pp .cf-main-media .cf-zoom .cf-zoom-icon{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:brightness(0) invert(1)!important;
  cursor:default!important;
}

/* Urgency: one sentence per line */
.lm-code-ui .cf-code-pp .cf-price-note{
  text-align:center!important;
}
.lm-code-ui .cf-code-pp .cf-urgency-line{
  display:block!important;
  width:100%!important;
  line-height:1.55!important;
}
.lm-code-ui .cf-code-pp .cf-urgency-line + .cf-urgency-line{
  margin-top:2px!important;
}

/* FORM — cleaner, more premium, less bulky */
.lm-code-ui .cf-code-pp .cf-premium-order{
  margin:18px 0 14px!important;
  background:#fff!important;
  border:1px solid #ebe0dc!important;
  border-radius:20px!important;
  box-shadow:0 14px 36px rgba(50,26,35,.07)!important;
  overflow:hidden!important;
}

.lm-code-ui .cf-code-pp .cf-premium-order-head{
  position:relative!important;
  padding:20px 20px 16px!important;
  background:#fff!important;
  border-bottom:1px solid #f2eae6!important;
}

.lm-code-ui .cf-code-pp .cf-premium-order-head::before{
  content:""!important;
  display:block!important;
  width:42px!important;
  height:4px!important;
  margin:0 0 12px auto!important;
  border-radius:999px!important;
  background:#B8962E!important;
}

.lm-code-ui .cf-code-pp .cf-premium-order-title{
  display:block!important;
  margin:0!important;
  color:#222222!important;
  font-size:21px!important;
  line-height:1.35!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

.lm-code-ui .cf-code-pp .cf-premium-order-sub{
  display:block!important;
  margin-top:5px!important;
  color:#8a7e82!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}

.lm-code-ui .cf-code-pp .cf-premium-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:15px 13px!important;
  padding:18px 20px 21px!important;
  background:#fff!important;
}

.lm-code-ui .cf-code-pp .cf-premium-field{
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-address,
.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-email,
.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-other{
  grid-column:1/-1!important;
}

.lm-code-ui .cf-code-pp .cf-premium-field label{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  margin:0 2px 7px!important;
  color:#4a3c41!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:800!important;
}

.lm-code-ui .cf-code-pp .cf-required{
  color:#B8962E!important;
  font-size:12px!important;
}

.lm-code-ui .cf-code-pp .cf-premium-control{
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #e8ddda!important;
  border-radius:12px!important;
  background:#fdfcfb!important;
  color:#251a1e!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  outline:none!important;
  box-shadow:0 1px 0 rgba(48,23,34,.02)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}

.lm-code-ui .cf-code-pp textarea.cf-premium-control{
  height:auto!important;
  min-height:92px!important;
  padding:13px 14px!important;
}

.lm-code-ui .cf-code-pp .cf-premium-control::placeholder{
  color:#b2a6aa!important;
  opacity:1!important;
}

.lm-code-ui .cf-code-pp .cf-premium-control:hover{
  border-color:#d9cbc7!important;
  background:#fff!important;
}

.lm-code-ui .cf-code-pp .cf-premium-control:focus{
  border-color:#B8962E!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(184,150,46,.07)!important;
}

/* Give primary CTA a tiny separation from the form */
.lm-code-ui .cf-code-pp .cf-premium-order + .cf-cta{
  margin-top:2px!important;
}

/* Floating WhatsApp stays above sticky CTA, never inside it visually */
@media(max-width:767px){
  .lm-code-ui .cf-code-pp .cf-premium-order{
    border-radius:17px!important;
    box-shadow:0 10px 26px rgba(50,26,35,.055)!important;
  }

  .lm-code-ui .cf-code-pp .cf-premium-order-head{
    padding:17px 15px 14px!important;
  }

  .lm-code-ui .cf-code-pp .cf-premium-order-head::before{
    width:36px!important;
    margin-bottom:10px!important;
  }

  .lm-code-ui .cf-code-pp .cf-premium-order-title{
    font-size:19px!important;
  }

  .lm-code-ui .cf-code-pp .cf-premium-fields{
    grid-template-columns:1fr!important;
    gap:13px!important;
    padding:15px!important;
  }

  .lm-code-ui .cf-code-pp .cf-premium-field,
  .lm-code-ui .cf-code-pp .cf-premium-field.cf-field-address,
  .lm-code-ui .cf-code-pp .cf-premium-field.cf-field-email,
  .lm-code-ui .cf-code-pp .cf-premium-field.cf-field-other{
    grid-column:1!important;
  }

  .lm-code-ui .cf-code-pp .cf-premium-control{
    height:54px!important;
    min-height:54px!important;
    border-radius:12px!important;
  }

  .lm-code-ui .cf-code-pp .cf-price-note{
    font-size:12.5px!important;
  }

  .lm-code-ui .cf-code-pp .cf-urgency-line{
    white-space:nowrap!important;
  }

  .lm-code-ui .cf-code-pp .cf-floating-wa{
    bottom:96px!important;
  }
}

@media(max-width:380px){
  .lm-code-ui .cf-code-pp .cf-urgency-line{
    white-space:normal!important;
  }
}



/* =========================================================
   CHICIFY FINAL R3 — PREMIUM FORM + REVIEWS
   ========================================================= */
.lm-code-ui .cf-code-pp .cf-order-intro{
  margin:26px 0 14px!important;
  padding:28px 18px 24px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#381420 0%,#4e1c2d 52%,#5b2435 100%)!important;
  color:#fff!important;
  text-align:center!important;
  box-shadow:0 18px 40px rgba(48,16,27,.18)!important;
}
.lm-code-ui .cf-code-pp .cf-order-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto 14px!important;
  padding:8px 18px!important;
  min-height:38px!important;
  border-radius:999px!important;
  background:rgba(255,170,64,.18)!important;
  border:1px solid rgba(255,183,90,.45)!important;
  color:#ffd27d!important;
  font-size:14px!important;
  font-weight:800!important;
}
.lm-code-ui .cf-code-pp .cf-order-intro h3{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:clamp(28px,4vw,46px)!important;
  line-height:1.12!important;
  font-weight:900!important;
}
.lm-code-ui .cf-code-pp .cf-order-intro p{
  margin:0!important;
  color:rgba(255,255,255,.9)!important;
  font-size:16px!important;
  line-height:1.8!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order{
  border:1px solid #DFC77E!important;
  border-radius:24px!important;
  box-shadow:0 18px 40px rgba(59,28,38,.08)!important;
  overflow:hidden!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-head{
  padding:22px 24px 18px!important;
  background:linear-gradient(180deg,#fff7f4 0%,#fff 100%)!important;
  border-bottom:1px solid #f1e6e0!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-head::before{
  width:54px!important;
  height:5px!important;
  margin:0 auto 12px!important;
  background:linear-gradient(90deg,#ff8a48,#ff5b36)!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-title{
  display:block!important;
  text-align:center!important;
  font-size:34px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#222222!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-sub{
  display:block!important;
  text-align:center!important;
  color:#8f7b7d!important;
  font-size:15px!important;
  line-height:1.8!important;
  margin-top:8px!important;
}
.lm-code-ui .cf-code-pp .cf-premium-fields{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 16px!important;
  padding:22px 24px 24px!important;
  background:#fff!important;
}
.lm-code-ui .cf-code-pp .cf-premium-field{
  position:relative!important;
}
.lm-code-ui .cf-code-pp .cf-premium-field label{
  margin:0 2px 8px!important;
  color:#2f1c22!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:900!important;
}
.lm-code-ui .cf-code-pp .cf-premium-control{
  height:58px!important;
  min-height:58px!important;
  padding:0 16px!important;
  border:1.5px solid #e8ddd7!important;
  border-radius:16px!important;
  background:#fff!important;
  font-size:15px!important;
  font-weight:600!important;
  color:#21161a!important;
  box-shadow:0 4px 14px rgba(69,35,42,.03)!important;
}
.lm-code-ui .cf-code-pp select.cf-premium-control{
  background-image:linear-gradient(45deg,transparent 50%,#7b6168 50%),linear-gradient(135deg,#7b6168 50%,transparent 50%)!important;
  background-position:calc(16px) calc(50% - 3px),calc(10px) calc(50% - 3px)!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat!important;
  padding-left:30px!important;
}
.lm-code-ui .cf-code-pp textarea.cf-premium-control{
  min-height:100px!important;
  padding:14px 16px!important;
}
.lm-code-ui .cf-code-pp .cf-premium-control:focus{
  border-color:#B8962E!important;
  box-shadow:0 0 0 4px rgba(255,92,54,.10)!important;
}
.lm-code-ui .cf-code-pp .cf-form-unavailable{
  grid-column:1/-1!important;
  padding:18px!important;
  border-radius:16px!important;
  background:#fff8f6!important;
  color:#7f5b61!important;
  text-align:center!important;
}
.lm-code-ui .cf-code-pp .cf-reviews-section{
  padding:28px 0 10px!important;
}
.lm-code-ui .cf-code-pp .cf-section-kicker{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 16px!important;
  margin:0 auto 14px!important;
  border-radius:999px!important;
  background:#f8ecef!important;
  color:#a05d75!important;
  font-size:14px!important;
  font-weight:800!important;
}
.lm-code-ui .cf-code-pp .cf-section-title{
  margin:0 0 10px!important;
  color:#222222!important;
  text-align:center!important;
  font-size:clamp(28px,4vw,46px)!important;
  line-height:1.15!important;
  font-weight:900!important;
}
.lm-code-ui .cf-code-pp .cf-section-subtitle{
  max-width:850px!important;
  margin:0 auto 24px!important;
  color:#77686d!important;
  text-align:center!important;
  font-size:16px!important;
  line-height:1.85!important;
}
.lm-code-ui .cf-code-pp .cf-reviews-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.lm-code-ui .cf-code-pp .cf-review-card{
  padding:22px 20px!important;
  border:1px solid #DFC77E!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(58,27,37,.05)!important;
}
.lm-code-ui .cf-code-pp .cf-review-stars{
  margin-bottom:16px!important;
  color:#f2a51a!important;
  font-size:22px!important;
  letter-spacing:3px!important;
  text-align:center!important;
}
.lm-code-ui .cf-code-pp .cf-review-text{
  margin:0!important;
  min-height:124px!important;
  color:#2f2025!important;
  font-size:18px!important;
  line-height:1.95!important;
  text-align:center!important;
}
.lm-code-ui .cf-code-pp .cf-review-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:20px!important;
  padding-top:16px!important;
  border-top:1px solid #f0e6e1!important;
}
.lm-code-ui .cf-code-pp .cf-review-author strong{
  display:block!important;
  color:#24161b!important;
  font-size:16px!important;
  font-weight:900!important;
  margin-bottom:4px!important;
}
.lm-code-ui .cf-code-pp .cf-review-author span{
  display:block!important;
  color:#7e6b70!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.lm-code-ui .cf-code-pp .cf-review-author b{
  color:#22944b!important;
}
.lm-code-ui .cf-code-pp .cf-review-avatar{
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#a25f78,#8d5068)!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
}
@media(max-width:991px){
  .lm-code-ui .cf-code-pp .cf-reviews-grid{
    grid-template-columns:1fr!important;
  }
  .lm-code-ui .cf-code-pp .cf-review-text{
    min-height:auto!important;
  }
}
@media(max-width:767px){
  .lm-code-ui .cf-code-pp .cf-order-intro{
    margin:22px 0 12px!important;
    padding:20px 14px 18px!important;
    border-radius:18px!important;
  }
  .lm-code-ui .cf-code-pp .cf-order-pill{
    min-height:34px!important;
    padding:7px 14px!important;
    margin-bottom:12px!important;
    font-size:13px!important;
  }
  .lm-code-ui .cf-code-pp .cf-order-intro h3{
    font-size:22px!important;
  }
  .lm-code-ui .cf-code-pp .cf-order-intro p{
    font-size:14px!important;
    line-height:1.7!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-order{
    border-radius:18px!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-order-head{
    padding:18px 14px 15px!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-order-title{
    font-size:22px!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-order-sub{
    font-size:13.5px!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-fields{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:15px!important;
  }
  .lm-code-ui .cf-code-pp .cf-premium-control{
    height:54px!important;
    min-height:54px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  .lm-code-ui .cf-code-pp textarea.cf-premium-control{
    min-height:92px!important;
  }
  .lm-code-ui .cf-code-pp .cf-section-kicker{
    font-size:12.5px!important;
    padding:7px 13px!important;
    margin-bottom:10px!important;
  }
  .lm-code-ui .cf-code-pp .cf-section-title{
    font-size:22px!important;
  }
  .lm-code-ui .cf-code-pp .cf-section-subtitle{
    font-size:14px!important;
    margin-bottom:16px!important;
  }
  .lm-code-ui .cf-code-pp .cf-review-card{
    padding:18px 14px!important;
    border-radius:18px!important;
  }
  .lm-code-ui .cf-code-pp .cf-review-stars{
    font-size:18px!important;
    letter-spacing:2px!important;
    margin-bottom:12px!important;
  }
  .lm-code-ui .cf-code-pp .cf-review-text{
    font-size:15px!important;
    line-height:1.8!important;
  }
  .lm-code-ui .cf-code-pp .cf-review-author strong{
    font-size:14.5px!important;
  }
  .lm-code-ui .cf-code-pp .cf-review-author span{
    font-size:12.5px!important;
  }
  .lm-code-ui .cf-code-pp .cf-review-avatar{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
    font-size:15px!important;
  }
}


/* =========================================================
   CHICIFY FINAL R4 — FORM COPY + ADDRESS + CLEAN REVIEWS
   ========================================================= */
.lm-code-ui .cf-code-pp .cf-order-intro{padding:26px 18px 23px!important}
.lm-code-ui .cf-code-pp .cf-order-intro h3{max-width:720px!important;margin-left:auto!important;margin-right:auto!important}
.lm-code-ui .cf-code-pp .cf-order-intro p{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.lm-code-ui .cf-code-pp .cf-premium-order-title{letter-spacing:0!important}
.lm-code-ui .cf-code-pp .cf-premium-order-sub{max-width:620px!important;margin-left:auto!important;margin-right:auto!important}
.lm-code-ui .cf-code-pp .cf-field-address{grid-column:1/-1!important}
.lm-code-ui .cf-code-pp .cf-field-address .cf-premium-control{min-height:60px!important}
.lm-code-ui .cf-code-pp .cf-review-meta{justify-content:flex-start!important}
.lm-code-ui .cf-code-pp .cf-review-author{width:100%!important;text-align:right!important}
.lm-code-ui .cf-code-pp .cf-review-avatar{display:none!important}
@media(max-width:767px){
  .lm-code-ui .cf-code-pp .cf-order-intro{padding:20px 14px 18px!important}
  .lm-code-ui .cf-code-pp .cf-field-address{grid-column:1!important}
}




/* =========================================================
   CHICIFY HOME — SALIT FINAL
   Requested Home Page modifications only
   ========================================================= */

/* 1) Announcement: four clear benefits + orange icons */
.lm-code-ui .announcement-bar{
  background:#222222!important;
  padding:0!important;
}
.lm-code-ui .announcement-content{
  width:100%!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:10px 18px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:center!important;
  gap:8px 18px!important;
}
.lm-code-ui .announcement-line{
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:0!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.55!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.lm-code-ui .announcement-line + .announcement-line{
  border-top:0!important;
}
.lm-code-ui .announcement-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  object-fit:contain!important;
  display:block!important;
  filter:invert(49%) sepia(98%) saturate(3014%) hue-rotate(339deg) brightness(103%) contrast(101%)!important;
}

/* 2) Header buttons */
.lm-code-ui .btn-social-header{
  background:linear-gradient(45deg,#FEDA75 0%,#FA7E1E 24%,#D62976 50%,#962FBF 76%,#4F5BD5 100%)!important;
  box-shadow:0 8px 22px rgba(214,41,118,.20)!important;
}
.lm-code-ui .cf-home-bag{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  display:block!important;
  filter:brightness(0) invert(1)!important;
}
.lm-code-ui .btn-lg .cf-home-bag{
  width:22px!important;
  height:22px!important;
}

/* 3) Exact return/star assets */
.lm-code-ui .cf-home-return,
.lm-code-ui .cf-home-star{
  width:27px!important;
  height:27px!important;
  object-fit:contain!important;
  display:block!important;
}
.lm-code-ui .banner-pillar-icon .cf-home-return{
  width:23px!important;
  height:23px!important;
}

/* 4) Reviews — cleaner, more believable visual hierarchy */
.lm-code-ui .reviews-section{
  background:#fff!important;
}
.lm-code-ui .reviews-grid{
  align-items:stretch!important;
}
.lm-code-ui .review-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  padding:25px!important;
  border-radius:18px!important;
  background:#FBF8F6!important;
  border:1px solid #E9DED8!important;
  box-shadow:0 10px 28px rgba(36,23,27,.045)!important;
}
.lm-code-ui .review-stars{
  justify-content:flex-start!important;
  gap:4px!important;
  margin-bottom:14px!important;
}
.lm-code-ui .review-quote{
  flex:1!important;
  margin:0 0 20px!important;
  color:#2E2427!important;
  font-size:15.5px!important;
  line-height:1.95!important;
}
.lm-code-ui .reviewer-info{
  justify-content:flex-start!important;
  padding-top:15px!important;
}
.lm-code-ui .avatar-circle{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  background:#98566F!important;
  font-size:12px!important;
}
.lm-code-ui .reviewer-city{
  margin-top:3px!important;
}
.lm-code-ui .verified-badge{
  color:#248A4B!important;
}

/* 5) FAQ exact arrow icon */
.lm-code-ui .accordion-icon{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.lm-code-ui .accordion-icon img{
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
  display:block!important;
  transition:transform .22s ease!important;
}
.lm-code-ui .accordion-item.active .accordion-icon img{
  transform:rotate(180deg)!important;
}

/* 6) Footer: keep structure, remove logo, pull copy upward */
.lm-code-ui .site-footer{
  padding-top:46px!important;
}
.lm-code-ui .footer-brand{
  max-width:520px!important;
  align-self:start!important;
}
.lm-code-ui .footer-logo-img{
  display:none!important;
}
.lm-code-ui .footer-premium-line{
  margin:0 0 14px!important;
}
.lm-code-ui .footer-brand-copy{
  margin-top:0!important;
}

/* Tablet */
@media(max-width:991px){
  .lm-code-ui .announcement-content{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:9px 14px!important;
  }
}

/* Mobile */
@media(max-width:767px){
  /* announcement remains compact and scrollable instead of becoming 4 tall rows */
  .lm-code-ui .announcement-content{
    display:flex!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
    padding:8px 12px!important;
  }
  .lm-code-ui .announcement-content::-webkit-scrollbar{
    display:none!important;
  }
  .lm-code-ui .announcement-line{
    min-width:max-content!important;
    min-height:27px!important;
    padding:0 8px!important;
    font-size:11.5px!important;
  }

  /* One product per row on mobile */
  .lm-code-ui .product-list{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .lm-code-ui .product-preview-card{
    max-width:520px!important;
    width:100%!important;
    margin:0 auto!important;
  }
  .lm-code-ui .product-thumbnail > img:not(.cf-icon):not(.cf-icon-sm){
    width:100%!important;
    height:auto!important;
    aspect-ratio:12/17!important;
    object-fit:cover!important;
    object-position:top center!important;
  }
  .lm-code-ui .product-details{
    padding:16px 16px 5px!important;
  }
  .lm-code-ui .product-title{
    font-size:16px!important;
    line-height:1.6!important;
  }
  .lm-code-ui .prices{
    padding:7px 16px 12px!important;
  }
  .lm-code-ui .product-price{
    font-size:19px!important;
  }
  .lm-code-ui .product-actions-bar{
    padding:0 16px 16px!important;
  }
  .lm-code-ui .yc-btn-buy{
    min-height:50px!important;
    padding:11px 12px!important;
    font-size:13px!important;
  }

  .lm-code-ui .review-card{
    padding:20px 17px!important;
  }
  .lm-code-ui .review-quote{
    font-size:14.5px!important;
  }
  .lm-code-ui .site-footer{
    padding-top:38px!important;
  }
}



/* =========================================================
   CHICIFY HOME — SALIT FINAL R2 FIXES
   ========================================================= */
.lm-code-ui .announcement-bar{padding:0!important}
.lm-code-ui .announcement-content{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:58px!important;
  padding:0 14px!important;
  overflow:hidden!important;
}
.lm-code-ui .announcement-line{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 14px!important;
  text-align:center!important;
  white-space:normal!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(10px)!important;
  transition:opacity .35s ease, transform .35s ease, visibility .35s ease!important;
}
.lm-code-ui .announcement-line.is-active{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
.lm-code-ui .announcement-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
.lm-code-ui .tag-text{display:flex!important;align-items:center!important;gap:6px!important}
.lm-code-ui .avatar-circle{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  border-radius:50%!important;
  background:#FBE6D8!important;
  border:1px solid #F6CBB2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 6px 16px rgba(255,106,58,.10)!important;
}
.lm-code-ui .review-avatar-bag{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  display:block!important;
  filter:invert(55%) sepia(80%) saturate(1304%) hue-rotate(338deg) brightness(102%) contrast(101%)!important;
}
@media(max-width:767px){
  .lm-code-ui .announcement-content{min-height:72px!important;padding:0 10px!important}
  .lm-code-ui .announcement-line{font-size:11.8px!important;line-height:1.65!important;padding:0 10px!important}
}



/* =========================================================
   CHICIFY PRODUCT PAGE — SALIT FINAL R5
   ========================================================= */

/* PP announcement = HOME announcement 1:1 behavior */
.lm-code-ui .cf-code-pp .cf-announcement{
  position:relative!important;
  width:100%!important;
  min-height:58px!important;
  padding:0 14px!important;
  overflow:hidden!important;
  background:#222222!important;
  color:#fff!important;
  border:0!important;
}
.lm-code-ui .cf-code-pp .cf-pp-ann-line{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 14px!important;
  color:#fff!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.55!important;
  font-weight:800!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(10px)!important;
  transition:opacity .35s ease,transform .35s ease,visibility .35s ease!important;
}
.lm-code-ui .cf-code-pp .cf-pp-ann-line.is-active{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
.lm-code-ui .cf-code-pp .cf-pp-ann-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  object-fit:contain!important;
  display:block!important;
  filter:invert(49%) sepia(98%) saturate(3014%) hue-rotate(339deg) brightness(103%) contrast(101%)!important;
}

/* Intro removed: ensure no leftover spacing */
.lm-code-ui .cf-code-pp .cf-order-intro{display:none!important}

/* Premium form header copy */
.lm-code-ui .cf-code-pp .cf-premium-order{
  margin-top:24px!important;
  border-radius:22px!important;
  border:1px solid #DFC77E!important;
  box-shadow:0 16px 42px rgba(52,26,34,.075)!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-head{
  padding:22px 22px 18px!important;
  background:linear-gradient(180deg,#fffaf8 0%,#fff 100%)!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-head::before{
  width:48px!important;
  height:5px!important;
  margin:0 auto 13px!important;
  background:linear-gradient(90deg,#ff8a62,#B8962E)!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-title{
  max-width:680px!important;
  margin:0 auto!important;
  color:#222222!important;
  text-align:center!important;
  font-size:26px!important;
  line-height:1.35!important;
  font-weight:900!important;
}
.lm-code-ui .cf-code-pp .cf-premium-order-sub{
  max-width:620px!important;
  margin:7px auto 0!important;
  color:#8a777c!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.75!important;
}

/* Benefits — next-level cards */
.lm-code-ui .cf-code-pp .cf-benefits-section{
  padding:58px 0!important;
  background:linear-gradient(180deg,#fff 0%,#fffaf8 100%)!important;
}
.lm-code-ui .cf-code-pp .cf-benefits-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.lm-code-ui .cf-code-pp .cf-benefit{
  position:relative!important;
  overflow:hidden!important;
  min-height:245px!important;
  padding:26px 22px 24px!important;
  border:1px solid #DFC77E!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 14px 34px rgba(55,28,36,.055)!important;
  text-align:center!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.lm-code-ui .cf-code-pp .cf-benefit::after{
  content:""!important;
  position:absolute!important;
  left:20%!important;
  right:20%!important;
  bottom:0!important;
  height:3px!important;
  border-radius:999px 999px 0 0!important;
  background:linear-gradient(90deg,transparent,#B8962E,transparent)!important;
  opacity:.75!important;
}
.lm-code-ui .cf-code-pp .cf-benefit:hover{
  transform:translateY(-4px)!important;
  border-color:#f4c7b9!important;
  box-shadow:0 18px 42px rgba(55,28,36,.09)!important;
}
.lm-code-ui .cf-code-pp .cf-benefit-icon{
  width:66px!important;
  height:66px!important;
  margin:0 auto 18px!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(145deg,#fff0ea,#fff8f4)!important;
  border:1px solid #ffd8cb!important;
  box-shadow:0 8px 20px rgba(184,150,46,.09)!important;
}
.lm-code-ui .cf-code-pp .cf-benefit-icon img{
  width:29px!important;
  height:29px!important;
  object-fit:contain!important;
  display:block!important;
  filter:invert(49%) sepia(98%) saturate(3014%) hue-rotate(339deg) brightness(103%) contrast(101%)!important;
}
.lm-code-ui .cf-code-pp .cf-benefit h3{
  margin:0 0 10px!important;
  color:#291a1f!important;
  font-size:19px!important;
  line-height:1.45!important;
  font-weight:900!important;
}
.lm-code-ui .cf-code-pp .cf-benefit p{
  margin:0!important;
  color:#7d6d72!important;
  font-size:13.5px!important;
  line-height:1.85!important;
}

/* Footer premium dots instead of pictograms */
.lm-code-ui .cf-pp-v5-footer .cf-footer-row{
  align-items:flex-start!important;
  gap:11px!important;
}
.lm-code-ui .cf-pp-v5-footer .cf-footer-row-icon{display:none!important}
.lm-code-ui .cf-pp-v5-footer .cf-footer-dot{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  margin-top:8px!important;
  border-radius:50%!important;
  background:#f0a53a!important;
  box-shadow:0 0 0 4px rgba(240,165,58,.08)!important;
}

@media(max-width:991px){
  .lm-code-ui .cf-code-pp .cf-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .lm-code-ui .cf-code-pp .cf-announcement{min-height:72px!important;padding:0 10px!important}
  .lm-code-ui .cf-code-pp .cf-pp-ann-line{font-size:11.8px!important;line-height:1.65!important;padding:0 10px!important}
  .lm-code-ui .cf-code-pp .cf-premium-order{margin-top:18px!important;border-radius:18px!important}
  .lm-code-ui .cf-code-pp .cf-premium-order-head{padding:18px 14px 15px!important}
  .lm-code-ui .cf-code-pp .cf-premium-order-title{font-size:21px!important;line-height:1.45!important}
  .lm-code-ui .cf-code-pp .cf-premium-order-sub{font-size:13px!important}
  .lm-code-ui .cf-code-pp .cf-benefits-section{padding:42px 0!important}
  .lm-code-ui .cf-code-pp .cf-benefits-grid{grid-template-columns:1fr!important;gap:14px!important}
  .lm-code-ui .cf-code-pp .cf-benefit{min-height:0!important;padding:22px 18px!important;border-radius:18px!important}
  .lm-code-ui .cf-code-pp .cf-benefit-icon{width:58px!important;height:58px!important;border-radius:16px!important;margin-bottom:14px!important}
  .lm-code-ui .cf-code-pp .cf-benefit-icon img{width:26px!important;height:26px!important}
}



/* =========================================================
   CHICIFY PP R6 — COPY + REVIEW KICKER FIX
   ========================================================= */

/* Form header: every phrase gets its own clean line */
.lm-code-ui .cf-code-pp .cf-premium-order-title .cf-copy-line,
.lm-code-ui .cf-code-pp .cf-premium-order-sub .cf-copy-line{
  display:block!important;
  width:100%!important;
}

.lm-code-ui .cf-code-pp .cf-premium-order-title{
  max-width:720px!important;
  font-size:28px!important;
  line-height:1.38!important;
  text-wrap:balance!important;
}

.lm-code-ui .cf-code-pp .cf-premium-order-title .cf-copy-line + .cf-copy-line{
  margin-top:2px!important;
}

.lm-code-ui .cf-code-pp .cf-premium-order-sub{
  max-width:650px!important;
  margin-top:10px!important;
  font-size:14.5px!important;
  line-height:1.75!important;
}

.lm-code-ui .cf-code-pp .cf-premium-order-sub .cf-copy-line + .cf-copy-line{
  margin-top:1px!important;
}

/* Reviews badge: remove mauve, use soft LMOUNIR orange */
.lm-code-ui .cf-code-pp .cf-section-kicker{
  background:#FFF0EA!important;
  color:#B8962E!important;
  border:1px solid #FFD7CA!important;
  box-shadow:0 6px 18px rgba(184,150,46,.07)!important;
}

@media(max-width:767px){
  .lm-code-ui .cf-code-pp .cf-premium-order-title{
    font-size:21px!important;
    line-height:1.5!important;
  }

  .lm-code-ui .cf-code-pp .cf-premium-order-sub{
    font-size:13px!important;
    line-height:1.7!important;
  }
}



/* =========================================================
   CHICIFY PP R7 — REQUIRED FIELD VALIDATION
   ========================================================= */
.lm-code-ui .cf-code-pp .cf-premium-field{position:relative!important}
.lm-code-ui .cf-code-pp .cf-field-error{
  display:none!important;
  margin:7px 4px 0!important;
  color:#E53935!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:800!important;
  text-align:right!important;
}
.lm-code-ui .cf-code-pp .cf-premium-field.is-error .cf-field-error{display:block!important}
.lm-code-ui .cf-code-pp .cf-premium-field.is-error label{color:#C62828!important}
.lm-code-ui .cf-code-pp .cf-premium-field.is-error .cf-premium-control{
  border-color:#EF4444!important;
  background:#FFF8F8!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.10)!important;
}
.lm-code-ui .cf-code-pp .cf-premium-field.is-error .cf-premium-control::placeholder{color:#D59A9A!important}
.lm-code-ui .cf-code-pp .cf-premium-field.is-error .cf-required{color:#D32F2F!important}



/* =========================================================
   CHICIFY PP — SALIT FINAL R8
   MODIF #9 announcement compact
   MODIF #11 form copy hierarchy
   ========================================================= */

/* Announcement: same auto rotation, now truly compact / sur mesure */
.lm-code-ui .cf-code-pp .cf-announcement{
  position:relative!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 12px!important;
  overflow:hidden!important;
  display:block!important;
}

.lm-code-ui .cf-code-pp .cf-pp-ann-line{
  position:absolute!important;
  inset:0!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  line-height:1.35!important;
  font-size:12.5px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.lm-code-ui .cf-code-pp .cf-pp-ann-icon{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  max-width:17px!important;
  flex:0 0 17px!important;
  object-fit:contain!important;
}

/* Form header copy */
.lm-code-ui .cf-code-pp .cf-premium-order-head{
  padding:20px 16px 18px!important;
}

.lm-code-ui .cf-code-pp .cf-premium-order-title{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  text-align:center!important;
  color:#2B171D!important;
  font-size:25px!important;
  line-height:1.4!important;
  font-weight:900!important;
}

.lm-code-ui .cf-code-pp .cf-premium-order-sub{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:8px 0 0!important;
  text-align:center!important;
  color:#8C797E!important;
  font-size:13.5px!important;
  line-height:1.7!important;
  font-weight:500!important;
}

.lm-code-ui .cf-code-pp .cf-premium-order-title .cf-copy-line,
.lm-code-ui .cf-code-pp .cf-premium-order-sub .cf-copy-line{
  display:block!important;
  width:100%!important;
}

/* Reviews remain clean; no initials / fake verification badges */
.lm-code-ui .cf-code-pp .cf-review-meta{
  justify-content:flex-start!important;
}

@media(max-width:767px){
  .lm-code-ui .cf-code-pp .cf-announcement{
    min-height:42px!important;
    height:42px!important;
    padding:0 8px!important;
  }

  .lm-code-ui .cf-code-pp .cf-pp-ann-line{
    min-height:42px!important;
    height:42px!important;
    padding:0 8px!important;
    gap:6px!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }

  .lm-code-ui .cf-code-pp .cf-pp-ann-icon{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    max-width:15px!important;
    flex-basis:15px!important;
  }

  .lm-code-ui .cf-code-pp .cf-premium-order-head{
    padding:18px 14px 16px!important;
  }

  .lm-code-ui .cf-code-pp .cf-premium-order-title{
    font-size:21px!important;
    line-height:1.45!important;
  }

  .lm-code-ui .cf-code-pp .cf-premium-order-sub{
    margin-top:7px!important;
    font-size:12.5px!important;
    line-height:1.65!important;
  }
}

@media(max-width:380px){
  .lm-code-ui .cf-code-pp .cf-pp-ann-line{
    font-size:9.8px!important;
    gap:5px!important;
  }
}



/* =========================================================
   CHICIFY GLOBAL R9
   HOME compact announcement + global WhatsApp + footer sizing
   ========================================================= */

/* HOME announcement = same compact/sur-mesure height as PP */
.lm-code-ui .announcement-bar{
  padding:0!important;
  min-height:44px!important;
  height:44px!important;
  overflow:hidden!important;
}
.lm-code-ui .announcement-content{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 12px!important;
  overflow:hidden!important;
}
.lm-code-ui .announcement-line{
  position:absolute!important;
  inset:0!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:900!important;
  white-space:nowrap!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(6px)!important;
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease!important;
}
.lm-code-ui .announcement-line.is-active{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
.lm-code-ui .announcement-icon{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  max-width:17px!important;
  flex:0 0 17px!important;
}

/* New bag asset in HOME product CTA */
.lm-code-ui .yc-btn-buy{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.lm-code-ui .cf-home-buy-bag{
  width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}

/* PP footer phrase gets the exact HOME headline sizing */
.lm-code-ui .cf-pp-v5-footer .cf-footer-hero{
  font-size:28px!important;
  line-height:1.45!important;
  font-weight:900!important;
}

/* Disable older page-specific WhatsApp floaters: one global button only */
.lm-code-ui .yc-whatsapp-float,
.lm-code-ui .cf-code-pp .cf-floating-wa{
  display:none!important;
}

/* Site-wide WhatsApp floater — exact pulse-ring behavior from supplied prototype */
.cf-global-wa{
  position:fixed!important;
  left:20px!important;
  bottom:20px!important;
  z-index:2147483000!important;
  width:62px!important;
  height:62px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#25D366!important;
  box-shadow:0 10px 28px rgba(37,211,102,.30)!important;
  text-decoration:none!important;
  overflow:visible!important;
  isolation:isolate!important;
  transition:transform .2s ease,filter .2s ease!important;
}
.cf-global-wa:hover{
  transform:scale(1.06)!important;
  filter:brightness(1.06)!important;
}
.cf-global-wa .cf-wa-ring{
  position:absolute!important;
  inset:-2px!important;
  z-index:0!important;
  border-radius:50%!important;
  opacity:0!important;
  transform:scale(.92)!important;
  pointer-events:none!important;
  border:2px solid rgba(37,211,102,.34)!important;
  background:rgba(37,211,102,.09)!important;
  will-change:transform,opacity!important;
  animation-name:cfWaPulseRing!important;
  animation-duration:2.8s!important;
  animation-timing-function:ease-out!important;
  animation-iteration-count:infinite!important;
}
.cf-global-wa .cf-wa-ring-1{animation-delay:0s!important}
.cf-global-wa .cf-wa-ring-2{animation-delay:.16s!important}
@keyframes cfWaPulseRing{
  0%{opacity:0;transform:scale(.92)}
  4%{opacity:.72;transform:scale(1)}
  36%{opacity:.24;transform:scale(1.50)}
  47%{opacity:0;transform:scale(1.72)}
  48%,100%{opacity:0;transform:scale(1.72)}
}
.cf-global-wa img{
  position:relative!important;
  z-index:3!important;
  width:30px!important;
  height:30px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}
.cf-global-wa-badge{
  position:absolute!important;
  z-index:5!important;
  top:-3px!important;
  right:-3px!important;
  width:21px!important;
  height:21px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#ff3b30!important;
  color:#fff!important;
  border:2px solid #fff!important;
  font:900 11px/1 Arial,sans-serif!important;
}

/* Product page has a sticky CTA, so keep WhatsApp above it */
body.lm-code-ui .cf-global-wa{
  bottom:94px!important;
}

@media(max-width:767px){
  .lm-code-ui .announcement-bar,
  .lm-code-ui .announcement-content{
    min-height:42px!important;
    height:42px!important;
  }
  .lm-code-ui .announcement-content{padding:0 8px!important}
  .lm-code-ui .announcement-line{
    min-height:42px!important;
    height:42px!important;
    padding:0 8px!important;
    gap:6px!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  .lm-code-ui .announcement-icon{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    max-width:15px!important;
    flex-basis:15px!important;
  }
  .lm-code-ui .cf-pp-v5-footer .cf-footer-hero{
    font-size:23px!important;
  }
  .cf-global-wa{
    left:16px!important;
    bottom:18px!important;
    width:56px!important;
    height:56px!important;
  }
  .cf-global-wa img{
    width:27px!important;
    height:27px!important;
  }
  body.lm-code-ui .cf-global-wa{
    bottom:94px!important;
  }
}
@media(max-width:380px){
  .lm-code-ui .announcement-line{
    font-size:9.8px!important;
    gap:5px!important;
  }
}



/* =========================================================
   CHICIFY SITE R11 — PP FOOTER HEADLINE MATCH HOME
   ========================================================= */

/* Make the PP footer phrase look exactly like the Home footer phrase */
.lm-code-ui .cf-pp-v5-footer .cf-footer-brand{
  max-width:520px!important;
}

.lm-code-ui .cf-pp-v5-footer .cf-footer-hero{
  margin:0 0 14px!important;
  max-width:520px!important;
  color:#FFFFFF!important;
  font-size:28px!important;
  line-height:1.45!important;
  font-weight:900!important;
  letter-spacing:-.3px!important;
  text-align:right!important;
}

.lm-code-ui .cf-pp-v5-footer .cf-footer-hero span{
  color:#B8962E!important;
}

@media(max-width:767px){
  .lm-code-ui .cf-pp-v5-footer .cf-footer-hero{
    max-width:100%!important;
    font-size:23px!important;
    line-height:1.45!important;
  }
}



/* =========================================================
   CHICIFY SITE R12 — VISIBLE WHATSAPP PULSE + EXACT HOME FOOTER SIZE
   ========================================================= */

/* JS drives the pulse now so it works even when CSS animations conflict. */
.cf-global-wa .cf-wa-ring{
  animation:none!important;
  border:2px solid rgba(37,211,102,.42)!important;
  background:rgba(37,211,102,.10)!important;
  box-shadow:0 0 0 1px rgba(37,211,102,.04)!important;
}

/* Fallback heartbeat if Web Animations API is unavailable. */
.cf-global-wa.cf-wa-fallback-pulse{
  transform:scale(1.08)!important;
  box-shadow:
    0 10px 28px rgba(37,211,102,.30),
    0 0 0 14px rgba(37,211,102,.10),
    0 0 0 28px rgba(37,211,102,.05)!important;
}

/* PP footer phrase = EXACT same metrics as HOME footer headline. */
.lm-code-ui .cf-pp-v5-footer .cf-pp-home-size{
  margin:0 0 14px!important;
  max-width:480px!important;
  color:#FFFFFF!important;
  font-family:Cairo,Tajawal,Arial,sans-serif!important;
  font-size:28px!important;
  line-height:1.45!important;
  font-weight:900!important;
  letter-spacing:-.3px!important;
  text-align:right!important;
}

.lm-code-ui .cf-pp-v5-footer .cf-pp-home-size span{
  color:#B8962E!important;
}

@media(max-width:767px){
  .lm-code-ui .cf-pp-v5-footer .cf-pp-home-size{
    max-width:100%!important;
    font-size:23px!important;
    line-height:1.45!important;
  }
}



/* =========================================================
   CHICIFY SITE R13 — EXACT HOME FOOTER HEADLINE ON PP
   + VISIBLE WHATSAPP PULSE
   ========================================================= */

/* PP footer headline: literally the same typography values as Home */
.lm-code-ui .cf-pp-v5-footer .cf-pp-footer-premium-line{
  margin:0 0 14px!important;
  color:#FFFFFF!important;
  font-family:Cairo,Tajawal,Arial,sans-serif!important;
  font-size:28px!important;
  line-height:1.45!important;
  font-weight:900!important;
  letter-spacing:-.3px!important;
  text-align:right!important;
  max-width:none!important;
}

.lm-code-ui .cf-pp-v5-footer .cf-pp-footer-premium-line .cf-orange{
  color:#B8962E!important;
}

/* Remove any leftover spacing that belonged to the old "LMOUNIR." label */
.lm-code-ui .cf-pp-v5-footer .cf-footer-brand{
  padding-top:0!important;
  margin-top:0!important;
}

/* Global WhatsApp: make pulse visible continuously around the button */
.cf-global-wa .cf-wa-ring{
  animation:none!important;
  position:absolute!important;
  inset:-2px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  border:2px solid rgba(37,211,102,.36)!important;
  background:rgba(37,211,102,.08)!important;
  opacity:0!important;
  transform:scale(.92)!important;
  z-index:-1!important;
  will-change:transform,opacity!important;
}

.cf-global-wa .cf-wa-ring-1{
  animation:cfWaPulseVisible 2.8s ease-out infinite!important;
}

.cf-global-wa .cf-wa-ring-2{
  animation:cfWaPulseVisible 2.8s ease-out .9s infinite!important;
}

@keyframes cfWaPulseVisible{
  0%{opacity:.62;transform:scale(.96)}
  40%{opacity:.22;transform:scale(1.48)}
  70%{opacity:0;transform:scale(1.72)}
  100%{opacity:0;transform:scale(1.72)}
}

@media(max-width:767px){
  .lm-code-ui .cf-pp-v5-footer .cf-pp-footer-premium-line{
    font-size:23px!important;
    line-height:1.45!important;
  }
}



/* =========================================================
   CHICIFY SITE R14 — FINAL VISUAL FIX
   1) WhatsApp pulse is actually visible
   2) PP footer headline visually matches Home
   ========================================================= */

/* ---------- WHATSAPP PULSE: exact visible ring behavior ---------- */
.cf-global-wa{
  isolation:isolate!important;
  overflow:visible!important;
}

/* R13 had the rings behind the button/footer. Put them ABOVE the button
   background but BELOW the WhatsApp icon and badge. */
.cf-global-wa .cf-wa-ring{
  position:absolute!important;
  inset:-2px!important;
  z-index:1!important;
  border-radius:50%!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:scale(.92)!important;
  background:rgba(37,211,102,.08)!important;
  border:2px solid rgba(37,211,102,.34)!important;
  animation-name:cfWaPulseR14!important;
  animation-duration:2.8s!important;
  animation-timing-function:ease-out!important;
  animation-iteration-count:infinite!important;
  will-change:transform,opacity!important;
}

.cf-global-wa .cf-wa-ring-1{
  animation-delay:0s!important;
}

.cf-global-wa .cf-wa-ring-2{
  animation-delay:.16s!important;
}

@keyframes cfWaPulseR14{
  0%{opacity:0;transform:scale(.92)}
  4%{opacity:.68;transform:scale(1)}
  36%{opacity:.20;transform:scale(1.50)}
  47%{opacity:0;transform:scale(1.72)}
  48%,100%{opacity:0;transform:scale(1.72)}
}

/* Extra shadow pulse guarantees the animation is visible even on dark footer. */
.cf-global-wa{
  animation:cfWaShadowR14 2.8s ease-out infinite!important;
}

@keyframes cfWaShadowR14{
  0%{
    box-shadow:
      0 10px 28px rgba(37,211,102,.30),
      0 0 0 0 rgba(37,211,102,.18)!important;
  }
  36%{
    box-shadow:
      0 10px 28px rgba(37,211,102,.30),
      0 0 0 16px rgba(37,211,102,.08)!important;
  }
  47%,100%{
    box-shadow:
      0 10px 28px rgba(37,211,102,.30),
      0 0 0 28px rgba(37,211,102,0)!important;
  }
}

.cf-global-wa img{
  position:relative!important;
  z-index:3!important;
}

.cf-global-wa-badge{
  z-index:4!important;
}

/* ---------- PP FOOTER HEADLINE ---------- */
/* Keep the Home wording/layout, but remove the smaller mobile override
   that made PP look visibly smaller than Home. */
.lm-code-ui .cf-pp-v5-footer .cf-pp-footer-premium-line{
  width:100%!important;
  max-width:480px!important;
  margin:0 0 14px!important;
  padding:0!important;
  color:#fff!important;
  font-family:Cairo,Tajawal,Arial,sans-serif!important;
  font-size:28px!important;
  line-height:1.45!important;
  font-weight:900!important;
  letter-spacing:-.3px!important;
  text-align:right!important;
  text-wrap:balance!important;
}

.lm-code-ui .cf-pp-v5-footer .cf-pp-footer-premium-line .cf-orange{
  color:#B8962E!important;
}

@media(max-width:767px){
  .lm-code-ui .cf-pp-v5-footer .cf-pp-footer-premium-line{
    max-width:100%!important;
    font-size:28px!important;
    line-height:1.45!important;
  }
}



/* =========================================================
   CHICIFY SITE R17
   - HOME footer untouched
   - PRODUCT PAGE footer only
   - WhatsApp button untouched; only external pulse rings added
   ========================================================= */

/* ---------------------------------------------------------
   WHATSAPP ANIMATION
   These rings are separate BODY elements, not children of the button.
   So no old .cf-wa-ring rule can cancel them.
   --------------------------------------------------------- */
.cf-global-wa .cf-wa-ring{
  display:none!important;
}

.cf-wa-pulse-orbit{
  position:fixed!important;
  left:20px!important;
  bottom:20px!important;
  width:62px!important;
  height:62px!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  pointer-events:none!important;
  z-index:2147482999!important;

  opacity:0;
  transform:scale(.92);
  transform-origin:center center;

  border:2px solid rgba(37,211,102,.30)!important;
  background:rgba(37,211,102,.08)!important;

  animation-name:cfWaPrototypePulseR17!important;
  animation-duration:2.8s!important;
  animation-timing-function:ease-out!important;
  animation-iteration-count:infinite!important;
  will-change:transform,opacity!important;
}

.cf-wa-pulse-orbit-1{
  animation-delay:0s!important;
}

.cf-wa-pulse-orbit-2{
  animation-delay:.16s!important;
}

@keyframes cfWaPrototypePulseR17{
  0%{
    opacity:0;
    transform:scale(.92);
  }
  4%{
    opacity:.68;
    transform:scale(1);
  }
  36%{
    opacity:.20;
    transform:scale(1.50);
  }
  47%{
    opacity:0;
    transform:scale(1.72);
  }
  48%,100%{
    opacity:0;
    transform:scale(1.72);
  }
}

/* PP has sticky order CTA: pulse rings follow the WhatsApp button. */
body.lm-code-ui .cf-wa-pulse-orbit{
  bottom:94px!important;
}

/* ---------------------------------------------------------
   PRODUCT PAGE FOOTER ONLY
   Do NOT touch .lm-code-ui / HOME footer.
   --------------------------------------------------------- */
.lm-code-ui .cf-pp-v5-footer .cf-footer-brand{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}

.lm-code-ui .cf-pp-v5-footer .cf-pp-footer-premium-line{
  width:100%!important;
  max-width:620px!important;
  margin:0 0 16px!important;
  padding:0!important;
  color:#FFFFFF!important;
  font-family:Cairo,Tajawal,Arial,sans-serif!important;
  font-size:40px!important;
  line-height:1.30!important;
  font-weight:900!important;
  letter-spacing:-.5px!important;
  text-align:right!important;
}

.lm-code-ui .cf-pp-v5-footer .cf-pp-footer-premium-line .cf-orange{
  color:#E2A13A!important;
}

@media(max-width:767px){
  .cf-wa-pulse-orbit{
    left:16px!important;
    bottom:18px!important;
    width:56px!important;
    height:56px!important;
  }

  body.lm-code-ui .cf-wa-pulse-orbit{
    bottom:94px!important;
  }

  .lm-code-ui .cf-pp-v5-footer .cf-pp-footer-premium-line{
    max-width:100%!important;
    font-size:34px!important;
    line-height:1.32!important;
    margin-bottom:14px!important;
  }
}



/* CHICIFY SITE R18 — enlarge gold phrase in PRODUCT PAGE footer only */
.lm-code-ui .cf-pp-v5-footer .cf-pp-footer-premium-line .cf-orange{
  display:inline-block!important;
  color:#E2A13A!important;
  font-size:1.22em!important;
  line-height:1.15!important;
  font-weight:900!important;
}



/* ===== LMOUNIR Home Categories — Premium ===== */
.lm-code-ui .lm-home-cats{
  padding:62px 0 72px;
  background:linear-gradient(180deg,#FFFFFF 0%,#FBF9F4 100%);
  border-top:1px solid rgba(184,150,46,.18);
}
.lm-code-ui .lm-home-cats .section-header{
  max-width:720px;
  margin:0 auto 36px;
  text-align:center;
}
.lm-code-ui .lm-home-cats-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:6px 15px;
  margin-bottom:12px;
  border:1px solid rgba(184,150,46,.45);
  border-radius:999px;
  background:#FFFDF8;
  color:#B8962E;
  font-size:12px;
  font-weight:900;
}
.lm-code-ui .lm-home-cats .lm-home-cats-title{
  margin:0;
  color:#222222;
  font-size:42px;
  line-height:1.3;
  font-weight:900;
}
.lm-code-ui .lm-home-cats .lm-home-cats-subtitle{
  max-width:620px;
  margin:10px auto 0;
  color:#6E591B;
  font-size:15px;
  line-height:1.9;
}
.lm-code-ui .lm-home-cats-line{
  width:54px;
  height:2px;
  margin:18px auto 0;
  border-radius:999px;
  background:#B8962E;
}
.lm-code-ui .lm-home-cats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.lm-code-ui .lm-home-cat-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  background:#FFFFFF;
  border:1px solid rgba(184,150,46,.28);
  border-radius:20px;
  box-shadow:0 12px 34px rgba(34,34,34,.07);
  text-decoration:none!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.lm-code-ui .lm-home-cat-card:hover{
  transform:translateY(-7px);
  border-color:rgba(184,150,46,.70);
  box-shadow:0 20px 46px rgba(34,34,34,.12);
}
.lm-code-ui .lm-home-cat-media{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#F9F9F9;
}
.lm-code-ui .lm-home-cat-media:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:34%;
  background:linear-gradient(180deg,rgba(34,34,34,0) 0%,rgba(34,34,34,.16) 100%);
  pointer-events:none;
}
.lm-code-ui .lm-home-cat-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
.lm-code-ui .lm-home-cat-card:hover img{
  transform:scale(1.055);
}
.lm-code-ui .lm-home-cat-index{
  position:absolute;
  z-index:2;
  top:13px;
  left:13px;
  min-width:34px;
  height:28px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#6E591B;
  border:1px solid rgba(184,150,46,.35);
  box-shadow:0 5px 14px rgba(0,0,0,.07);
  font-size:10px;
  font-weight:900;
}
.lm-code-ui .lm-home-cat-body{
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:17px 17px 18px;
  background:#FFFFFF;
}
.lm-code-ui .lm-home-cat-copy{
  min-width:0;
}
.lm-code-ui .lm-home-cat-copy small{
  display:block;
  margin-bottom:4px;
  color:#B8962E;
  font-size:10px;
  line-height:1.4;
  font-weight:900;
}
.lm-code-ui .lm-home-cat-copy strong{
  display:block;
  color:#222222;
  font-size:17px;
  line-height:1.45;
  font-weight:900;
}
.lm-code-ui .lm-home-cat-arrow{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#F7F2E5;
  border:1px solid rgba(184,150,46,.28);
  color:#6E591B;
  font-size:20px;
  font-weight:900;
  transition:.25s ease;
}
.lm-code-ui .lm-home-cat-card:hover .lm-home-cat-arrow{
  background:#B8962E;
  border-color:#B8962E;
  color:#FFFFFF;
  transform:translateX(-3px);
}
@media(max-width:1024px){
  .lm-code-ui .lm-home-cats-grid{gap:16px}
  .lm-code-ui .lm-home-cats .lm-home-cats-title{font-size:36px}
  .lm-code-ui .lm-home-cat-copy strong{font-size:15px}
}
@media(max-width:767px){
  .lm-code-ui .lm-home-cats{
    padding:46px 0 54px;
  }
  .lm-code-ui .lm-home-cats .section-header{
    margin-bottom:26px;
  }
  .lm-code-ui .lm-home-cats .lm-home-cats-title{
    font-size:28px;
  }
  .lm-code-ui .lm-home-cats .lm-home-cats-subtitle{
    font-size:13px;
    line-height:1.75;
  }
  .lm-code-ui .lm-home-cats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .lm-code-ui .lm-home-cat-card{
    border-radius:14px;
    box-shadow:0 8px 22px rgba(34,34,34,.06);
  }
  .lm-code-ui .lm-home-cat-index{
    top:8px;
    left:8px;
    min-width:29px;
    height:24px;
    padding:0 7px;
    font-size:9px;
  }
  .lm-code-ui .lm-home-cat-body{
    min-height:76px;
    padding:11px 10px 12px;
    gap:7px;
  }
  .lm-code-ui .lm-home-cat-copy small{
    font-size:8.5px;
    margin-bottom:3px;
  }
  .lm-code-ui .lm-home-cat-copy strong{
    font-size:13px;
    line-height:1.4;
  }
  .lm-code-ui .lm-home-cat-arrow{
    width:30px;
    height:30px;
    flex-basis:30px;
    font-size:16px;
  }
}



/* =========================================================
   LMOUNIR — PREMIUM COLLECTIONS / CATEGORY PAGES
   Same header, announcement and footer language as Home.
   ========================================================= */
body.cf-collections-active{
  margin:0!important;
  padding:0!important;
  background:#F9F9F9!important;
  color:#222222!important;
  direction:rtl!important;
  overflow-x:hidden!important;
  font-family:Cairo,Tajawal,Arial,sans-serif!important;
}
.lm-code-ui.cf-collections-root{
  min-height:100vh;
  background:#F9F9F9;
}
.lm-code-ui .lm-inner-hero{
  position:relative;
  overflow:hidden;
  padding:68px 0 54px;
  background:
    radial-gradient(circle at 8% 15%,rgba(223,199,126,.20),transparent 26%),
    radial-gradient(circle at 92% 10%,rgba(184,150,46,.11),transparent 25%),
    linear-gradient(180deg,#FFFFFF 0%,#FBF9F4 100%);
  border-bottom:1px solid rgba(184,150,46,.22);
}
.lm-code-ui .lm-inner-hero:before,
.lm-code-ui .lm-inner-hero:after{
  content:"";
  position:absolute;
  border:1px solid rgba(184,150,46,.16);
  border-radius:50%;
  pointer-events:none;
}
.lm-code-ui .lm-inner-hero:before{width:250px;height:250px;right:-115px;top:-105px}
.lm-code-ui .lm-inner-hero:after{width:180px;height:180px;left:-85px;bottom:-110px}
.lm-code-ui .lm-inner-hero-content{
  position:relative;
  z-index:1;
  max-width:780px;
  margin:0 auto;
  text-align:center;
}
.lm-code-ui .lm-inner-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:6px 15px;
  margin-bottom:14px;
  border:1px solid rgba(184,150,46,.45);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#B8962E;
  font-size:12px;
  font-weight:900;
  box-shadow:0 6px 18px rgba(34,34,34,.035);
}
.lm-code-ui .lm-inner-title{
  margin:0;
  color:#222222;
  font-size:46px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.4px;
}
.lm-code-ui .lm-inner-subtitle{
  max-width:650px;
  margin:14px auto 0;
  color:#6E591B;
  font-size:16px;
  line-height:1.9;
}
.lm-code-ui .lm-inner-line{
  width:58px;
  height:2px;
  margin:20px auto 0;
  border-radius:999px;
  background:#B8962E;
}
.lm-code-ui .lm-breadcrumb{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:17px;
  color:#8B7A48;
  font-size:12px;
  font-weight:800;
}
.lm-code-ui .lm-breadcrumb a{color:#6E591B!important}
.lm-code-ui .lm-breadcrumb-sep{color:#B8962E}

/* all collections */
.lm-code-ui .lm-all-cats{
  padding:58px 0 78px;
  background:#F9F9F9;
}
.lm-code-ui .lm-all-cats .lm-home-cats-grid{
  max-width:1160px;
  margin:0 auto;
}
.lm-code-ui .lm-collections-note{
  max-width:760px;
  margin:34px auto 0;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  border:1px solid rgba(184,150,46,.24);
  border-radius:15px;
  background:#FFFFFF;
  color:#6E591B;
  font-size:13px;
  line-height:1.7;
  box-shadow:0 8px 24px rgba(34,34,34,.035);
}
.lm-code-ui .lm-collections-note strong{color:#222222}

/* category page */
.lm-code-ui .lm-category-nav{
  padding:20px 0 0;
  background:#F9F9F9;
}
.lm-code-ui .lm-category-pills{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
}
.lm-code-ui .lm-category-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:39px;
  padding:8px 14px;
  border:1px solid rgba(184,150,46,.30);
  border-radius:999px;
  background:#FFFFFF;
  color:#6E591B!important;
  font-size:12px;
  font-weight:900;
  transition:.2s ease;
}
.lm-code-ui .lm-category-pill:hover,
.lm-code-ui .lm-category-pill.is-active{
  background:#B8962E;
  border-color:#B8962E;
  color:#FFFFFF!important;
  box-shadow:0 8px 18px rgba(184,150,46,.20);
}
.lm-code-ui .lm-category-products{
  padding:42px 0 82px;
  background:#F9F9F9;
}
.lm-code-ui .lm-products-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:28px;
}
.lm-code-ui .lm-products-head-copy h2{
  margin:0 0 6px;
  color:#222222;
  font-size:29px;
  line-height:1.4;
  font-weight:900;
}
.lm-code-ui .lm-products-head-copy p{
  margin:0;
  color:#6E591B;
  font-size:13px;
  line-height:1.7;
}
.lm-code-ui .lm-products-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:7px 14px;
  border:1px solid rgba(184,150,46,.30);
  border-radius:999px;
  background:#FFFFFF;
  color:#6E591B;
  font-size:12px;
  font-weight:900;
}
.lm-code-ui .lm-category-product-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,340px))!important;
  justify-content:center!important;
  gap:24px!important;
  max-width:1120px!important;
  margin:0 auto!important;
}
.lm-code-ui .lm-category-product-grid .product-preview-card{
  border-radius:20px!important;
  border:1px solid rgba(184,150,46,.30)!important;
  box-shadow:0 12px 34px rgba(34,34,34,.075)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.lm-code-ui .lm-category-product-grid .product-preview-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 20px 44px rgba(34,34,34,.11)!important;
}
.lm-code-ui .lm-category-product-grid .product-thumbnail > img:not(.cf-icon):not(.cf-icon-sm){
  height:390px!important;
  object-fit:cover!important;
  object-position:center top!important;
}
.lm-code-ui .lm-empty-state{
  max-width:680px;
  margin:12px auto 0;
  padding:48px 24px;
  text-align:center;
  background:#FFFFFF;
  border:1px solid rgba(184,150,46,.28);
  border-radius:22px;
  box-shadow:0 12px 34px rgba(34,34,34,.055);
}
.lm-code-ui .lm-empty-icon{
  width:64px;
  height:64px;
  margin:0 auto 17px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#F7F2E5;
  color:#B8962E;
  font-size:28px;
}
.lm-code-ui .lm-empty-state h3{
  margin:0 0 8px;
  color:#222222;
  font-size:22px;
  font-weight:900;
}
.lm-code-ui .lm-empty-state p{
  max-width:470px;
  margin:0 auto 18px;
  color:#6E591B;
  font-size:14px;
  line-height:1.8;
}
.lm-code-ui .lm-empty-state a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 18px;
  border-radius:11px;
  background:#B8962E;
  color:#FFFFFF!important;
  font-size:13px;
  font-weight:900;
  box-shadow:0 8px 20px rgba(184,150,46,.20);
}

@media(max-width:767px){
  .lm-code-ui .lm-inner-hero{padding:46px 0 38px}
  .lm-code-ui .lm-inner-title{font-size:31px}
  .lm-code-ui .lm-inner-subtitle{font-size:14px;line-height:1.75}
  .lm-code-ui .lm-all-cats{padding:38px 0 54px}
  .lm-code-ui .lm-category-nav{padding-top:15px}
  .lm-code-ui .lm-category-pills{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none}
  .lm-code-ui .lm-category-pills::-webkit-scrollbar{display:none}
  .lm-code-ui .lm-category-pill{flex:0 0 auto}
  .lm-code-ui .lm-category-products{padding:30px 0 58px}
  .lm-code-ui .lm-products-head{align-items:flex-start;margin-bottom:20px}
  .lm-code-ui .lm-products-head-copy h2{font-size:24px}
  .lm-code-ui .lm-products-count{min-height:34px;padding:6px 11px;font-size:11px}
  .lm-code-ui .lm-category-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
  }
  .lm-code-ui .lm-category-product-grid .product-preview-card{border-radius:14px!important}
  .lm-code-ui .lm-category-product-grid .product-thumbnail > img:not(.cf-icon):not(.cf-icon-sm){height:235px!important}
  .lm-code-ui .lm-empty-state{padding:34px 18px;border-radius:18px}
}
@media(max-width:390px){
  .lm-code-ui .lm-category-product-grid .product-thumbnail > img:not(.cf-icon):not(.cf-icon-sm){height:215px!important}
}



/* =========================================================
   LMOUNIR COLLECTIONS R2
   Same visual identity as Home: announcement / header / footer
   ========================================================= */
body.lm-collections-r2-active{
  margin:0!important;
  background:#F9F9F9!important;
  color:#222222!important;
  overflow-x:hidden!important;
}
.lm-code-ui .lm-collections-r2{
  width:100%;
  min-height:100vh;
  background:#F9F9F9;
  direction:rtl;
  color:#222222;
  font-family:Cairo,Tajawal,Arial,sans-serif;
}
.lm-code-ui .lm-collections-r2 *{box-sizing:border-box}
.lm-code-ui .lm-collections-r2 a{text-decoration:none;color:inherit}
.lm-code-ui .lm-collections-r2 img{display:block;max-width:100%}
.lm-code-ui .lm-collections-r2 .container{
  width:100%;
  max-width:1160px;
  margin:0 auto;
  padding:0 20px;
}

/* HEADER / ANNOUNCEMENT — mirror Home */
.lm-code-ui .lm-collections-r2 .announcement-bar{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  background:#6E591B;
  color:#fff;
  overflow:hidden;
}
.lm-code-ui .lm-collections-r2 .announcement-content{
  position:relative;
  width:100%;
  min-height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.lm-code-ui .lm-collections-r2 .announcement-line{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .25s ease,transform .25s ease;
  font-size:13px;
  font-weight:800;
  text-align:center;
}
.lm-code-ui .lm-collections-r2 .announcement-line.is-active{
  opacity:1;
  transform:translateY(0);
}
.lm-code-ui .lm-collections-r2 .announcement-line svg{
  width:18px;height:18px;flex:0 0 18px;
  stroke:currentColor;
}

.lm-code-ui .lm-collections-r2 .site-header{
  background:#fff;
  border-bottom:1px solid rgba(184,150,46,.18);
  box-shadow:0 8px 26px rgba(34,34,34,.04);
}
.lm-code-ui .lm-collections-r2 .header-container{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.lm-code-ui .lm-collections-r2 .brand-logo img{
  width:92px;
  max-height:66px;
  object-fit:contain;
}
.lm-code-ui .lm-collections-r2 .header-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.lm-code-ui .lm-collections-r2 .lm-r2-btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 15px;
  border-radius:11px;
  color:#fff!important;
  font-size:13px;
  font-weight:900;
  transition:transform .2s ease,box-shadow .2s ease;
}
.lm-code-ui .lm-collections-r2 .lm-r2-btn:hover{transform:translateY(-2px)}
.lm-code-ui .lm-collections-r2 .lm-r2-btn svg{
  width:18px;height:18px;stroke:currentColor;
}
.lm-code-ui .lm-collections-r2 .lm-r2-ig{
  background:linear-gradient(45deg,#FEDA75 0%,#FA7E1E 24%,#D62976 50%,#962FBF 76%,#4F5BD5 100%);
  box-shadow:0 8px 20px rgba(214,41,118,.18);
}
.lm-code-ui .lm-collections-r2 .lm-r2-wa{
  background:#25D366;
  box-shadow:0 8px 20px rgba(37,211,102,.18);
}
.lm-code-ui .lm-collections-r2 .lm-r2-shop{
  background:#B8962E;
  box-shadow:0 8px 20px rgba(184,150,46,.18);
}

/* HERO */
.lm-code-ui .lm-collections-r2 .lm-r2-hero{
  position:relative;
  overflow:hidden;
  padding:66px 0 58px;
  background:
    radial-gradient(circle at 14% 15%,rgba(223,199,126,.22),transparent 26%),
    radial-gradient(circle at 90% 75%,rgba(184,150,46,.11),transparent 26%),
    linear-gradient(180deg,#FFFFFF 0%,#FBF8F0 100%);
  border-bottom:1px solid rgba(184,150,46,.18);
}
.lm-code-ui .lm-collections-r2 .lm-r2-hero-inner{
  max-width:780px;
  margin:0 auto;
  text-align:center;
}
.lm-code-ui .lm-collections-r2 .lm-r2-breadcrumb{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-bottom:18px;
  color:#8A7950;
  font-size:12px;
  font-weight:700;
}
.lm-code-ui .lm-collections-r2 .lm-r2-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:6px 15px;
  margin-bottom:13px;
  border:1px solid rgba(184,150,46,.45);
  border-radius:999px;
  background:#fff;
  color:#B8962E;
  font-size:11px;
  font-weight:900;
}
.lm-code-ui .lm-collections-r2 .lm-r2-title{
  margin:0;
  color:#222222;
  font-size:46px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.02em;
}
.lm-code-ui .lm-collections-r2 .lm-r2-desc{
  max-width:660px;
  margin:14px auto 0;
  color:#6E591B;
  font-size:15px;
  line-height:1.95;
}
.lm-code-ui .lm-collections-r2 .lm-r2-gold-line{
  width:56px;height:2px;margin:20px auto 0;border-radius:99px;background:#B8962E;
}

/* CATEGORY INDEX */
.lm-code-ui .lm-collections-r2 .lm-r2-categories-section{
  padding:58px 0 78px;
}
.lm-code-ui .lm-collections-r2 .lm-r2-cat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.lm-code-ui .lm-collections-r2 .lm-r2-cat-card{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(184,150,46,.24);
  border-radius:20px;
  box-shadow:0 12px 34px rgba(34,34,34,.07);
  transition:.28s ease;
}
.lm-code-ui .lm-collections-r2 .lm-r2-cat-card:hover{
  transform:translateY(-7px);
  border-color:rgba(184,150,46,.65);
  box-shadow:0 20px 44px rgba(34,34,34,.12);
}
.lm-code-ui .lm-collections-r2 .lm-r2-cat-media{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#f5f5f5;
}
.lm-code-ui .lm-collections-r2 .lm-r2-cat-media img{
  width:100%;height:100%;object-fit:cover;transition:transform .5s ease;
}
.lm-code-ui .lm-collections-r2 .lm-r2-cat-card:hover .lm-r2-cat-media img{transform:scale(1.055)}
.lm-code-ui .lm-collections-r2 .lm-r2-cat-number{
  position:absolute;
  top:12px;left:12px;
  min-width:34px;height:28px;padding:0 9px;
  display:flex;align-items:center;justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(184,150,46,.34);
  color:#6E591B;
  font-size:10px;font-weight:900;
}
.lm-code-ui .lm-collections-r2 .lm-r2-cat-body{
  min-height:100px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:17px;
}
.lm-code-ui .lm-collections-r2 .lm-r2-cat-copy small{
  display:block;margin-bottom:4px;color:#B8962E;font-size:10px;font-weight:900;
}
.lm-code-ui .lm-collections-r2 .lm-r2-cat-copy strong{
  display:block;color:#222;font-size:17px;line-height:1.45;font-weight:900;
}
.lm-code-ui .lm-collections-r2 .lm-r2-round-arrow{
  width:38px;height:38px;flex:0 0 38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#F7F2E5;border:1px solid rgba(184,150,46,.28);
  color:#6E591B;font-size:20px;font-weight:900;
  transition:.2s ease;
}
.lm-code-ui .lm-collections-r2 .lm-r2-cat-card:hover .lm-r2-round-arrow{
  background:#B8962E;color:#fff;border-color:#B8962E;
}

/* CATEGORY PAGE NAV */
.lm-code-ui .lm-collections-r2 .lm-r2-category-nav{
  background:#fff;
  border-bottom:1px solid rgba(184,150,46,.14);
}
.lm-code-ui .lm-collections-r2 .lm-r2-pills{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:17px 0;
  overflow-x:auto;
  scrollbar-width:none;
}
.lm-code-ui .lm-collections-r2 .lm-r2-pills::-webkit-scrollbar{display:none}
.lm-code-ui .lm-collections-r2 .lm-r2-pill{
  flex:0 0 auto;
  padding:9px 15px;
  border:1px solid rgba(184,150,46,.30);
  border-radius:999px;
  background:#fff;
  color:#6E591B!important;
  font-size:12px;
  font-weight:800;
}
.lm-code-ui .lm-collections-r2 .lm-r2-pill.is-active{
  background:#6E591B;color:#fff!important;border-color:#6E591B;
}

/* PRODUCTS */
.lm-code-ui .lm-collections-r2 .lm-r2-products{
  padding:54px 0 78px;
  background:#F9F9F9;
}
.lm-code-ui .lm-collections-r2 .lm-r2-products-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}
.lm-code-ui .lm-collections-r2 .lm-r2-products-head h2{
  margin:0 0 5px;color:#222;font-size:29px;line-height:1.35;font-weight:900;
}
.lm-code-ui .lm-collections-r2 .lm-r2-products-head p{
  margin:0;color:#7D735F;font-size:13px;line-height:1.7;
}
.lm-code-ui .lm-collections-r2 .lm-r2-count{
  flex:0 0 auto;
  padding:7px 12px;
  border-radius:999px;
  background:#F2E9CF;
  color:#6E591B;
  font-size:11px;
  font-weight:900;
}
.lm-code-ui .lm-collections-r2 .lm-r2-product-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.lm-code-ui .lm-collections-r2 .lm-r2-product-card{
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(184,150,46,.20);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(34,34,34,.06);
  transition:.25s ease;
}
.lm-code-ui .lm-collections-r2 .lm-r2-product-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(34,34,34,.11);
  border-color:rgba(184,150,46,.55);
}
.lm-code-ui .lm-collections-r2 .lm-r2-product-media{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#fff;
}
.lm-code-ui .lm-collections-r2 .lm-r2-product-media img{
  width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .45s ease;
}
.lm-code-ui .lm-collections-r2 .lm-r2-product-card:hover .lm-r2-product-media img{transform:scale(1.035)}
.lm-code-ui .lm-collections-r2 .lm-r2-product-badge{
  position:absolute;top:11px;right:11px;z-index:2;
  padding:6px 9px;border-radius:999px;
  background:#6E591B;color:#fff;
  font-size:9px;font-weight:900;
}
.lm-code-ui .lm-collections-r2 .lm-r2-product-info{
  padding:15px 15px 17px;
  border-top:1px solid #F0EBDD;
}
.lm-code-ui .lm-collections-r2 .lm-r2-product-name{
  min-height:48px;
  margin:0 0 10px;
  color:#222;
  font-size:14px;
  line-height:1.65;
  font-weight:900;
}
.lm-code-ui .lm-collections-r2 .lm-r2-price-row{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:13px;
}
.lm-code-ui .lm-collections-r2 .lm-r2-price{
  color:#B8962E;font-size:17px;font-weight:900;
}
.lm-code-ui .lm-collections-r2 .lm-r2-old-price{
  color:#999;font-size:11px;text-decoration:line-through;
}
.lm-code-ui .lm-collections-r2 .lm-r2-product-btn{
  width:100%;min-height:42px;
  display:flex;align-items:center;justify-content:center;gap:7px;
  border-radius:10px;background:#B8962E;color:#fff!important;
  font-size:12px;font-weight:900;
}
.lm-code-ui .lm-collections-r2 .lm-r2-product-btn svg{
  width:17px;height:17px;stroke:currentColor;
}
.lm-code-ui .lm-collections-r2 .lm-r2-empty{
  max-width:650px;margin:0 auto;padding:44px 24px;
  text-align:center;background:#fff;
  border:1px solid rgba(184,150,46,.24);
  border-radius:20px;
}
.lm-code-ui .lm-collections-r2 .lm-r2-empty h3{margin:0 0 8px;font-size:23px;color:#222}
.lm-code-ui .lm-collections-r2 .lm-r2-empty p{margin:0;color:#776E5E;line-height:1.8;font-size:13px}

/* FOOTER — same identity as Home */
.lm-code-ui .lm-collections-r2 .site-footer{
  padding:58px 0 0;
  background:#0E1C29;
  color:#fff;
}
.lm-code-ui .lm-collections-r2 .footer-container{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  gap:42px;
}
.lm-code-ui .lm-collections-r2 .footer-premium-line{
  margin:0 0 13px;font-size:22px;line-height:1.5;color:#fff;
}
.lm-code-ui .lm-collections-r2 .footer-premium-line .cf-orange{color:#DFC77E}
.lm-code-ui .lm-collections-r2 .footer-brand-copy,
.lm-code-ui .lm-collections-r2 .footer-contact p{
  color:rgba(255,255,255,.68);font-size:13px;line-height:1.9;
}
.lm-code-ui .lm-collections-r2 .footer-links h4,
.lm-code-ui .lm-collections-r2 .footer-contact h4{
  margin:0 0 15px;color:#DFC77E;font-size:14px;
}
.lm-code-ui .lm-collections-r2 .footer-nav-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lm-code-ui .lm-collections-r2 .footer-nav-list a{color:rgba(255,255,255,.72);font-size:13px}
.lm-code-ui .lm-collections-r2 .footer-ig-link{
  display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  padding:9px 12px;border-radius:10px;
  background:linear-gradient(45deg,#FEDA75 0%,#FA7E1E 24%,#D62976 50%,#962FBF 76%,#4F5BD5 100%);
  color:#fff!important;font-size:12px;font-weight:800;
}
.lm-code-ui .lm-collections-r2 .footer-ig-link svg{width:17px;height:17px;stroke:currentColor}
.lm-code-ui .lm-collections-r2 .footer-bottom{
  margin-top:42px;border-top:1px solid rgba(255,255,255,.10);padding:17px 0;
}
.lm-code-ui .lm-collections-r2 .footer-bottom p{margin:0;text-align:center;color:rgba(255,255,255,.48);font-size:11px}

/* Mobile */
@media(max-width:900px){
  .lm-code-ui .lm-collections-r2 .lm-r2-cat-grid,
  .lm-code-ui .lm-collections-r2 .lm-r2-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lm-code-ui .lm-collections-r2 .footer-container{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .lm-code-ui .lm-collections-r2 .container{padding:0 14px}
  .lm-code-ui .lm-collections-r2 .announcement-bar{min-height:38px;padding:6px 10px}
  .lm-code-ui .lm-collections-r2 .announcement-line{font-size:11px}
  .lm-code-ui .lm-collections-r2 .header-container{min-height:68px}
  .lm-code-ui .lm-collections-r2 .brand-logo img{width:72px}
  .lm-code-ui .lm-collections-r2 .header-actions{gap:7px}
  .lm-code-ui .lm-collections-r2 .lm-r2-btn{min-height:38px;padding:8px 10px;border-radius:9px;font-size:11px}
  .lm-code-ui .lm-collections-r2 .lm-r2-ig span{display:none}
  .lm-code-ui .lm-collections-r2 .lm-r2-shop span{display:none}
  .lm-code-ui .lm-collections-r2 .lm-r2-btn svg{width:17px;height:17px}
  .lm-code-ui .lm-collections-r2 .lm-r2-hero{padding:44px 0 40px}
  .lm-code-ui .lm-collections-r2 .lm-r2-title{font-size:31px}
  .lm-code-ui .lm-collections-r2 .lm-r2-desc{font-size:13px;line-height:1.8}
  .lm-code-ui .lm-collections-r2 .lm-r2-categories-section{padding:38px 0 52px}
  .lm-code-ui .lm-collections-r2 .lm-r2-cat-grid{gap:11px}
  .lm-code-ui .lm-collections-r2 .lm-r2-cat-card{border-radius:14px}
  .lm-code-ui .lm-collections-r2 .lm-r2-cat-body{min-height:76px;padding:11px 10px;gap:7px}
  .lm-code-ui .lm-collections-r2 .lm-r2-cat-copy small{font-size:8.5px}
  .lm-code-ui .lm-collections-r2 .lm-r2-cat-copy strong{font-size:13px}
  .lm-code-ui .lm-collections-r2 .lm-r2-round-arrow{width:29px;height:29px;flex-basis:29px;font-size:15px}
  .lm-code-ui .lm-collections-r2 .lm-r2-products{padding:40px 0 58px}
  .lm-code-ui .lm-collections-r2 .lm-r2-products-head{align-items:flex-start;margin-bottom:20px}
  .lm-code-ui .lm-collections-r2 .lm-r2-products-head h2{font-size:23px}
  .lm-code-ui .lm-collections-r2 .lm-r2-products-head p{font-size:11px}
  .lm-code-ui .lm-collections-r2 .lm-r2-product-grid{gap:10px}
  .lm-code-ui .lm-collections-r2 .lm-r2-product-card{border-radius:13px}
  .lm-code-ui .lm-collections-r2 .lm-r2-product-info{padding:11px 10px 12px}
  .lm-code-ui .lm-collections-r2 .lm-r2-product-name{min-height:42px;font-size:11.5px;line-height:1.55}
  .lm-code-ui .lm-collections-r2 .lm-r2-price{font-size:14px}
  .lm-code-ui .lm-collections-r2 .lm-r2-product-btn{min-height:38px;font-size:10.5px}
  .lm-code-ui .lm-collections-r2 .footer-container{grid-template-columns:1fr;gap:28px}
}



/* ===== LMOUNIR Editorial Collection Banner — Zinaya-inspired ===== */
.lm-code-ui .lm-editorial-banner{
  padding:18px 0 64px;
  background:#FFFFFF;
}
.lm-code-ui .lm-editorial-banner-card{
  position:relative;
  min-height:485px;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(184,150,46,.20);
  box-shadow:0 18px 46px rgba(34,34,34,.10);
  background:
    linear-gradient(90deg,rgba(34,34,34,.04) 0%,rgba(34,34,34,.12) 36%,rgba(34,34,34,.78) 100%),
    url("https://assets.youcan.shop/stores/24c9c209ab1c87790303c8683b261a11eb37ed34/lmounir-slide-categories-FEDIyIxqN7Aobrhs8DurKMRmpjM.webp") center center/cover no-repeat;
}
.lm-code-ui .lm-editorial-banner-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(110,89,27,.05),rgba(34,34,34,.18));
  pointer-events:none;
}
.lm-code-ui .lm-editorial-banner-content{
  position:relative;
  z-index:2;
  width:min(520px,46%);
  min-height:485px;
  margin-right:auto;
  margin-left:0;
  padding:62px 56px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:right;
  color:#FFFFFF;
}
.lm-code-ui .lm-editorial-eyebrow{
  margin-bottom:16px;
  color:#DFC77E;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.lm-code-ui .lm-editorial-title{
  margin:0 0 16px;
  max-width:500px;
  color:#FFFFFF;
  font-size:45px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:-.02em;
}
.lm-code-ui .lm-editorial-text{
  margin:0 0 28px;
  max-width:475px;
  color:rgba(255,255,255,.86);
  font-size:15px;
  line-height:1.95;
  font-weight:600;
}
.lm-code-ui .lm-editorial-btn{
  min-width:178px;
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:13px 24px;
  border-radius:4px;
  background:#B8962E;
  color:#FFFFFF!important;
  border:1px solid #B8962E;
  font-size:14px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.lm-code-ui .lm-editorial-btn:hover{
  transform:translateY(-2px);
  background:#DFC77E;
  border-color:#DFC77E;
  color:#222222!important;
}
.lm-code-ui .lm-editorial-btn svg{
  width:18px;
  height:18px;
  stroke:currentColor;
}

@media(max-width:900px){
  .lm-code-ui .lm-editorial-banner-card{
    min-height:430px;
    background:
      linear-gradient(90deg,rgba(34,34,34,.12) 0%,rgba(34,34,34,.22) 38%,rgba(34,34,34,.82) 100%),
      url("https://assets.youcan.shop/stores/24c9c209ab1c87790303c8683b261a11eb37ed34/lmounir-slide-categories-FEDIyIxqN7Aobrhs8DurKMRmpjM.webp") center center/cover no-repeat;
  }
  .lm-code-ui .lm-editorial-banner-content{
    width:54%;
    min-height:430px;
    padding:46px 34px;
  }
  .lm-code-ui .lm-editorial-title{
    font-size:36px;
  }
}

@media(max-width:680px){
  .lm-code-ui .lm-editorial-banner{
    padding:10px 0 46px;
  }
  .lm-code-ui .lm-editorial-banner-card{
    min-height:470px;
    border-radius:16px;
    background:
      linear-gradient(180deg,rgba(34,34,34,.18) 0%,rgba(34,34,34,.78) 62%,rgba(34,34,34,.90) 100%),
      url("https://assets.youcan.shop/stores/24c9c209ab1c87790303c8683b261a11eb37ed34/lmounir-slide-categories-FEDIyIxqN7Aobrhs8DurKMRmpjM.webp") center center/cover no-repeat;
  }
  .lm-code-ui .lm-editorial-banner-content{
    width:100%;
    min-height:470px;
    padding:255px 22px 28px;
    justify-content:flex-end;
    align-items:stretch;
    text-align:right;
  }
  .lm-code-ui .lm-editorial-eyebrow{
    margin-bottom:10px;
    font-size:10px;
  }
  .lm-code-ui .lm-editorial-title{
    font-size:29px;
    line-height:1.35;
    margin-bottom:10px;
  }
  .lm-code-ui .lm-editorial-text{
    font-size:13px;
    line-height:1.75;
    margin-bottom:18px;
  }
  .lm-code-ui .lm-editorial-btn{
    width:100%;
    min-height:48px;
  }
}



/* =========================================================
   LMOUNIR PRODUCT IMAGES — 800x800 / 1:1 EVERYWHERE
   Home + Product Page + Collection Pages
   ========================================================= */

/* HOME PRODUCT CARDS */
.lm-code-ui .lm-home-native .product-thumbnail{
  aspect-ratio:1/1!important;
  height:auto!important;
  background:#FFFFFF!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.lm-code-ui .lm-home-native .product-thumbnail > img:not(.cf-icon):not(.cf-icon-sm){
  width:100%!important;
  height:100%!important;
  max-width:800px!important;
  max-height:800px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:12px!important;
  background:#FFFFFF!important;
}

/* PRODUCT PAGE MAIN IMAGE */
.lm-code-ui .cf-code-pp .cf-media{
  max-width:620px!important;
}
.lm-code-ui .cf-code-pp .cf-main-media{
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  max-height:none!important;
  background:#FFFFFF!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.lm-code-ui .cf-code-pp .cf-main-media img{
  width:100%!important;
  height:100%!important;
  max-width:800px!important;
  max-height:800px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:10px!important;
  background:#FFFFFF!important;
}

/* PRODUCT PAGE THUMBNAILS */
.lm-code-ui .cf-code-pp .cf-thumb{
  aspect-ratio:1/1!important;
  background:#FFFFFF!important;
}
.lm-code-ui .cf-code-pp .cf-thumb img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:4px!important;
  background:#FFFFFF!important;
}

/* PRODUCT PAGE LIGHTBOX — image remains square up to 800x800 */
.lm-code-ui .cf-pp-v5-lightbox .cf-lb-box img{
  width:min(800px,90vw)!important;
  height:min(800px,90vw)!important;
  max-width:800px!important;
  max-height:800px!important;
  object-fit:contain!important;
  background:#FFFFFF!important;
}

/* COLLECTION PRODUCT CARDS */
.lm-code-ui .lm-collections-r2 .lm-r2-product-media{
  aspect-ratio:1/1!important;
  height:auto!important;
  background:#FFFFFF!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.lm-code-ui .lm-collections-r2 .lm-r2-product-media img{
  width:100%!important;
  height:100%!important;
  max-width:800px!important;
  max-height:800px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:12px!important;
  background:#FFFFFF!important;
}

/* MOBILE: keep all product media square */
@media(max-width:680px){
  .lm-code-ui .lm-home-native .product-thumbnail,
  .lm-code-ui .cf-code-pp .cf-main-media,
  .lm-code-ui .cf-code-pp .cf-thumb,
  .lm-code-ui .lm-collections-r2 .lm-r2-product-media{
    aspect-ratio:1/1!important;
  }
}


/* =========================================================
   LMOUNIR MAXI R4 — NATIVE YOUCAN BRIDGE
   Keeps YouCan's native logic while matching the old code UI.
   ========================================================= */
body.lm-code-ui{font-family:Cairo,Tajawal,Arial,sans-serif!important;background:#F9F9F9!important;color:#222!important;direction:rtl!important}
body.lm-code-ui .main-container{padding:0!important;max-width:none!important;width:100%!important}
body.lm-code-ui > .announcement-bar + .site-header{margin-top:0}
body.lm-code-ui .site-header .chicify-logo-img{object-fit:contain}

/* Make theme sections use the old code's container rhythm. */
body.lm-code-ui .container,
body.lm-code-ui .cf-container{width:100%;max-width:1160px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}

/* Exact old-code icons are theme assets. */
body.lm-code-ui .announcement-icon{width:18px;height:18px;object-fit:contain}
body.lm-code-ui .cf-home-bag,
body.lm-code-ui .cf-home-buy-bag,
body.lm-code-ui .cf-head-bag{width:20px;height:20px;object-fit:contain;flex:0 0 20px}
body.lm-code-ui .cf-social-icon{width:18px;height:18px;object-fit:contain}
body.lm-code-ui .cf-wa-order-icon{width:20px;height:20px;object-fit:contain}

/* Native product card compatibility with exact old card look */
body.lm-code-ui .product-preview-card .product-thumbnail img{
  width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important;padding:12px!important;background:#fff!important
}

/* Native YouCan Product variant controls inside old cf-* layout */
body.lm-code-ui .cf-code-pp yc-variants{display:block}
body.lm-code-ui .cf-code-pp yc-variants .variant{margin:0 0 18px}
body.lm-code-ui .cf-code-pp yc-variants .variant>.label{
  display:block;margin:0 0 9px;color:#222;font-weight:900;font-size:14px
}
body.lm-code-ui .cf-code-pp yc-variants .options,
body.lm-code-ui .cf-code-pp yc-variants .values,
body.lm-code-ui .cf-code-pp yc-variants [role="radiogroup"]{display:flex;flex-wrap:wrap;gap:9px}
body.lm-code-ui .cf-code-pp yc-variants label,
body.lm-code-ui .cf-code-pp yc-variants button,
body.lm-code-ui .cf-code-pp yc-variants .option{
  border-radius:10px!important
}

/* Turn native express checkout into the exact premium order card */
body.lm-code-ui .cf-code-pp .cf-premium-order form,
body.lm-code-ui .cf-code-pp .cf-premium-order yc-product-form{display:block!important}
body.lm-code-ui .cf-code-pp .cf-premium-order .buy-area{display:block!important}
body.lm-code-ui .cf-code-pp .cf-premium-order .express-checkout{display:block!important}
body.lm-code-ui .cf-code-pp .cf-premium-order .express-checkout>.header{
  padding:0!important;margin:0 0 5px!important;background:transparent!important;color:#222!important;
  text-align:center!important;font-size:23px!important;font-weight:900!important;border:0!important
}
body.lm-code-ui .cf-code-pp .cf-premium-order .fields{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:18px!important
}
body.lm-code-ui .cf-code-pp .cf-premium-order .fields:before{
  content:attr(data-title);grid-column:1/-1;display:block;text-align:center;color:#6E591B;font-size:13px;font-weight:700;margin:-8px 0 4px
}
body.lm-code-ui .cf-code-pp .cf-premium-order .field{margin:0!important}
body.lm-code-ui .cf-code-pp .cf-premium-order .field label{
  display:block!important;margin:0 0 6px!important;color:#222!important;font-size:12px!important;font-weight:800!important
}
body.lm-code-ui .cf-code-pp .cf-premium-order input,
body.lm-code-ui .cf-code-pp .cf-premium-order textarea,
body.lm-code-ui .cf-code-pp .cf-premium-order yc-combobox-trigger{
  width:100%!important;min-height:48px!important;border:1px solid #DFC77E!important;border-radius:11px!important;
  background:#fff!important;color:#222!important;padding:11px 13px!important;box-shadow:none!important
}
body.lm-code-ui .cf-code-pp .cf-premium-order textarea{min-height:88px!important}
body.lm-code-ui .cf-code-pp .cf-premium-order .place-order{display:block!important;margin-top:14px!important}
body.lm-code-ui .cf-code-pp .cf-premium-order .place-order yc-quantity-control{display:none!important}
body.lm-code-ui .cf-code-pp .cf-premium-order .place-order button.primary{
  width:100%!important;min-height:62px!important;border:0!important;border-radius:14px!important;
  background:#B8962E!important;color:#fff!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:2px!important;padding:12px 20px!important;
  font-weight:900!important;box-shadow:0 9px 24px rgba(184,150,46,.23)!important
}
body.lm-code-ui .cf-code-pp .lm-place-order-main{font-size:18px!important;font-weight:900!important}
body.lm-code-ui .cf-code-pp .lm-place-order-sub{font-size:11px!important;color:rgba(255,255,255,.82)!important}

/* Native price data hooks, old exact visual classes */
body.lm-code-ui .cf-code-pp .cf-current-price,
body.lm-code-ui .cf-code-pp .cf-old-price{display:inline-block}

/* Native media slider, old gallery appearance */
body.lm-code-ui .cf-code-pp .cf-thumbs yc-slider,
body.lm-code-ui .cf-code-pp .cf-thumbs .slider-area,
body.lm-code-ui .cf-code-pp .cf-thumbs .slider-box{width:100%!important}
body.lm-code-ui .cf-code-pp .cf-thumbs .slider-inner{gap:9px!important}
body.lm-code-ui .cf-code-pp .cf-thumb-native{
  display:block;width:100%;aspect-ratio:1/1;border:1px solid #E4D7B1;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer
}
body.lm-code-ui .cf-code-pp .cf-thumb-native input{position:absolute;opacity:0;pointer-events:none}
body.lm-code-ui .cf-code-pp .cf-thumb-native img{width:100%;height:100%;object-fit:contain;padding:4px}
body.lm-code-ui .cf-code-pp .cf-thumb-native:has(input:checked){border-color:#B8962E;box-shadow:0 0 0 2px rgba(184,150,46,.13)}

/* Product description generated by native Liquid but old design */
body.lm-code-ui .cf-code-pp .cf-desc-content img{max-width:100%;height:auto;border-radius:12px}

/* Collection native sort/select bridge */
body.lm-code-ui .lm-collections-r2 .lm-r2-sort{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.lm-code-ui .lm-collections-r2 .lm-r2-sort select,
body.lm-code-ui .lm-collections-r2 .lm-r2-sort button{
  min-height:40px;border:1px solid rgba(184,150,46,.28)!important;border-radius:10px!important;background:#fff!important
}

/* Floating WA exact old design, once globally from footer */
body.lm-code-ui .yc-whatsapp-float{position:fixed;left:24px;bottom:24px;z-index:9999}
body.lm-code-ui .whatsapp-float-btn{width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff!important;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 20px rgba(37,211,102,.38)}
body.lm-code-ui .whatsapp-float-icon img{width:30px;height:30px;filter:brightness(0) invert(1)}
body.lm-code-ui .whatsapp-float-badge{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#FF3B30;color:#fff;font-size:11px;font-weight:800;border:2px solid #fff}

@media(max-width:680px){
  body.lm-code-ui .container,body.lm-code-ui .cf-container{padding-left:14px;padding-right:14px}
  body.lm-code-ui .cf-code-pp .cf-premium-order .fields{grid-template-columns:1fr!important}
  body.lm-code-ui .yc-whatsapp-float{left:14px;bottom:18px}
  body.lm-code-ui .whatsapp-float-btn{width:52px;height:52px}
}

body.lm-code-ui details.accordion-item .accordion-header{list-style:none}
body.lm-code-ui details.accordion-item .accordion-header::-webkit-details-marker{display:none}
body.lm-code-ui details.accordion-item .accordion-body{max-height:0;padding:0 20px;transition:.2s ease}
body.lm-code-ui details.accordion-item[open] .accordion-body{max-height:500px;padding:8px 20px 18px}
body.lm-code-ui details.accordion-item[open] .accordion-header img{transform:rotate(180deg)}

body.lm-code-ui .cf-code-pp details.cf-faq-item .cf-faq-q{list-style:none}
body.lm-code-ui .cf-code-pp details.cf-faq-item .cf-faq-q::-webkit-details-marker{display:none}
body.lm-code-ui .cf-code-pp details.cf-faq-item .cf-faq-a{display:none}
body.lm-code-ui .cf-code-pp details.cf-faq-item[open] .cf-faq-a{display:block}
body.lm-code-ui .cf-code-pp details.cf-faq-item[open] .cf-faq-arrow{transform:rotate(180deg)}


/* =========================================================
   LMOUNIR R5 — EXACT OLD CODE FORM / NATIVE CHECKOUT
   ========================================================= */
body.lm-code-ui .cf-code-pp .cf-code-order-form,
body.lm-code-ui .cf-code-pp .cf-code-order-form yc-product-form,
body.lm-code-ui .cf-code-pp .cf-code-buy-area,
body.lm-code-ui .cf-code-pp .cf-code-express-checkout{
  display:block!important;
  width:100%!important;
}

body.lm-code-ui .cf-code-pp .cf-code-place-order{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button]{
  width:100%!important;
  min-height:68px!important;
  margin-top:14px!important;
  border:0!important;
  border-radius:15px!important;
  background:#B8962E!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:12px 18px!important;
  cursor:pointer!important;
  box-shadow:0 10px 26px rgba(184,150,46,.23)!important;
}

body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button] .cf-cta-main{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:900!important;
}

body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button] .cf-cta-sub{
  display:block!important;
  color:rgba(255,255,255,.86)!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:700!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 16px!important;
  padding:22px 24px 24px!important;
  background:#fff!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-address,
body.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-email,
body.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-other{
  grid-column:1/-1!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-field label{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  margin:0 2px 8px!important;
  color:#2f1c22!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:900!important;
  text-align:right!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-control{
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  padding:0 16px!important;
  border:1.5px solid #DFC77E!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#21161a!important;
  font-size:15px!important;
  font-weight:600!important;
  text-align:right!important;
  outline:none!important;
  box-shadow:0 4px 14px rgba(69,35,42,.03)!important;
}

body.lm-code-ui .cf-code-pp textarea.cf-premium-control{
  min-height:100px!important;
  height:auto!important;
  padding:14px 16px!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-control::placeholder{
  color:#A79B9F!important;
  opacity:1!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-control:focus,
body.lm-code-ui .cf-code-pp yc-combobox:focus-within .cf-premium-control{
  border-color:#B8962E!important;
  box-shadow:0 0 0 4px rgba(184,150,46,.10)!important;
}

body.lm-code-ui .cf-code-pp yc-combobox,
body.lm-code-ui .cf-code-pp yc-combobox-trigger.cf-premium-control{
  width:100%!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order{
  margin-top:24px!important;
  overflow:hidden!important;
  border:1px solid #DFC77E!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(52,26,34,.075)!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order-head{
  padding:20px 16px 18px!important;
  background:linear-gradient(180deg,#fffaf8 0%,#fff 100%)!important;
  border-bottom:1px solid #f1e6e0!important;
  text-align:center!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order-title{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#222222!important;
  text-align:center!important;
  font-size:25px!important;
  line-height:1.4!important;
  font-weight:900!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order-sub{
  display:block!important;
  width:100%!important;
  margin:8px 0 0!important;
  color:#8C797E!important;
  text-align:center!important;
  font-size:13.5px!important;
  line-height:1.7!important;
  font-weight:500!important;
}

body.lm-code-ui .cf-code-pp .cf-field-error{
  display:none!important;
  margin:7px 4px 0!important;
  color:#E53935!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:right!important;
}

/* HOME — all-products API state */
body.lm-code-ui .lm-all-products-native{
  display:contents;
}
body.lm-code-ui .lm-products-loading,
body.lm-code-ui .lm-products-load-error{
  grid-column:1/-1;
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#6E591B;
  font-size:14px;
  font-weight:800;
  text-align:center;
}
body.lm-code-ui .lm-products-loading-dot{
  width:10px;height:10px;border-radius:50%;background:#B8962E;
  animation:lmPulse 1s ease-in-out infinite alternate;
}
@keyframes lmPulse{to{opacity:.25;transform:scale(.75)}}

@media(max-width:767px){
  body.lm-code-ui .cf-code-pp .cf-premium-fields{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:16px 14px 16px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-field,
  body.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-address,
  body.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-email,
  body.lm-code-ui .cf-code-pp .cf-premium-field.cf-field-other{
    grid-column:1!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-control{
    height:56px!important;
    min-height:56px!important;
    border-radius:14px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-order{
    margin-top:18px!important;
    border-radius:18px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-order-head{
    padding:18px 14px 16px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-order-title{
    font-size:21px!important;
    line-height:1.45!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-order-sub{
    font-size:12.5px!important;
  }
}


/* =========================================================
   LMOUNIR R6 — MAX PREMIUM MODERN ORDER FORM
   ========================================================= */

body.lm-code-ui .cf-code-pp .cf-premium-order{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(184,150,46,.36)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(223,199,126,.18),transparent 28%),
    linear-gradient(180deg,#FFFEFC 0%,#FFFFFF 100%)!important;
  box-shadow:
    0 24px 60px rgba(34,34,34,.08),
    0 2px 0 rgba(255,255,255,.9) inset!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order:before{
  content:"";
  position:absolute;
  top:0;right:0;left:0;
  height:4px;
  background:linear-gradient(90deg,#DFC77E 0%,#B8962E 45%,#6E591B 100%);
}

body.lm-code-ui .cf-code-pp .cf-premium-order-head{
  padding:28px 24px 23px!important;
  background:transparent!important;
  border-bottom:1px solid rgba(184,150,46,.14)!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  margin:0 auto 11px!important;
  padding:6px 13px!important;
  border:1px solid rgba(184,150,46,.34)!important;
  border-radius:999px!important;
  background:rgba(255,251,240,.88)!important;
  color:#6E591B!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.02em!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order-title{
  font-size:29px!important;
  line-height:1.32!important;
  letter-spacing:-.02em!important;
  color:#222!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order-sub{
  max-width:520px!important;
  margin:8px auto 0!important;
  color:#7F7468!important;
  font-size:14px!important;
  line-height:1.75!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-mini-benefits{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:15px!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-mini-benefits span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  background:#F7F2E5!important;
  color:#6E591B!important;
  font-size:10.5px!important;
  font-weight:800!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-fields{
  gap:17px 15px!important;
  padding:24px!important;
  background:transparent!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-field{
  position:relative!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-field label{
  gap:7px!important;
  margin:0 4px 8px!important;
  color:#30271F!important;
  font-size:13px!important;
}

body.lm-code-ui .cf-code-pp .cf-label-icon{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:#F7F2E5!important;
  color:#6E591B!important;
}

body.lm-code-ui .cf-code-pp .cf-label-icon svg{
  width:15px!important;
  height:15px!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-control{
  height:60px!important;
  min-height:60px!important;
  padding:0 17px!important;
  border:1px solid rgba(184,150,46,.42)!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#222!important;
  font-size:14.5px!important;
  box-shadow:
    0 7px 18px rgba(34,34,34,.025),
    0 1px 0 rgba(255,255,255,.95) inset!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-control:hover{
  border-color:rgba(184,150,46,.72)!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-control:focus,
body.lm-code-ui .cf-code-pp yc-combobox:focus-within .cf-premium-control{
  border-color:#B8962E!important;
  box-shadow:
    0 0 0 4px rgba(184,150,46,.10),
    0 8px 22px rgba(34,34,34,.04)!important;
  transform:translateY(-1px)!important;
}

body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button]{
  position:relative!important;
  min-height:72px!important;
  margin-top:16px!important;
  border-radius:16px!important;
  background:
    linear-gradient(135deg,#C7A22F 0%,#B8962E 55%,#8D701C 100%)!important;
  flex-direction:row!important;
  gap:13px!important;
  box-shadow:
    0 16px 32px rgba(184,150,46,.24),
    0 1px 0 rgba(255,255,255,.25) inset!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button]:hover{
  transform:translateY(-2px)!important;
  box-shadow:
    0 20px 38px rgba(184,150,46,.30),
    0 1px 0 rgba(255,255,255,.25) inset!important;
}

body.lm-code-ui .cf-code-pp .cf-cta-bag{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.15)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}

body.lm-code-ui .cf-code-pp .cf-cta-bag-img{
  width:23px!important;
  height:23px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}

body.lm-code-ui .cf-code-pp .cf-cta-copy{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:right!important;
}

body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button] .cf-cta-main{
  font-size:18px!important;
  line-height:1.25!important;
}

body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button] .cf-cta-sub{
  margin-top:3px!important;
  font-size:11.5px!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-secure-note{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:12px 0 1px!important;
  color:#817565!important;
  font-size:10.5px!important;
  line-height:1.55!important;
  font-weight:700!important;
  text-align:center!important;
}

body.lm-code-ui .cf-code-pp .cf-secure-icon{
  width:20px!important;
  height:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#6E591B!important;
}

body.lm-code-ui .cf-code-pp .cf-secure-icon svg{
  width:18px!important;height:18px!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* exact old bag icon in HOME product CTA */
body.lm-code-ui .yc-btn-buy .cf-home-buy-bag{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  max-width:19px!important;
  flex:0 0 19px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}

/* =========================================================
   PRODUCT PAGE STICKY CTA
   visible everywhere except while the order form is in viewport
   ========================================================= */
body.lm-code-ui .cf-pp-sticky-cta{
  position:fixed!important;
  left:50%!important;
  bottom:14px!important;
  z-index:9995!important;
  width:min(760px,calc(100vw - 28px))!important;
  transform:translate(-50%,0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;
}

body.lm-code-ui .cf-pp-sticky-cta.is-hidden{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(-50%,18px)!important;
}

body.lm-code-ui .cf-pp-sticky-button{
  width:100%!important;
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 14px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,#C8A32F 0%,#B8962E 56%,#826719 100%)!important;
  color:#fff!important;
  box-shadow:
    0 18px 42px rgba(34,34,34,.22),
    0 1px 0 rgba(255,255,255,.24) inset!important;
  cursor:pointer!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

body.lm-code-ui .cf-pp-sticky-icon{
  width:43px!important;
  height:43px!important;
  flex:0 0 43px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.15)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}

body.lm-code-ui .cf-pp-sticky-bag{
  width:23px!important;
  height:23px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}

body.lm-code-ui .cf-pp-sticky-copy{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:right!important;
}

body.lm-code-ui .cf-pp-sticky-copy strong{
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.3!important;
}

body.lm-code-ui .cf-pp-sticky-copy small{
  margin-top:2px!important;
  color:rgba(255,255,255,.80)!important;
  font-size:10.5px!important;
  font-weight:700!important;
}

body.lm-code-ui .cf-pp-sticky-price{
  flex:0 0 auto!important;
  padding:8px 11px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* prevent sticky CTA covering final content */
body.lm-code-ui .cf-code-pp{padding-bottom:94px!important}

@media(max-width:767px){
  body.lm-code-ui .cf-code-pp .cf-premium-order{
    border-radius:20px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-order-head{
    padding:23px 15px 19px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-order-title{
    font-size:23px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-mini-benefits{
    gap:6px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-mini-benefits span{
    padding:5px 8px!important;
    font-size:9.5px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-fields{
    padding:17px 13px 15px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-control{
    height:57px!important;
    min-height:57px!important;
    border-radius:13px!important;
  }
  body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button]{
    min-height:68px!important;
    border-radius:14px!important;
    padding:10px 12px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-cta-bag{
    width:39px!important;height:39px!important;flex-basis:39px!important;
  }

  body.lm-code-ui .cf-pp-sticky-cta{
    bottom:10px!important;
    width:calc(100vw - 20px)!important;
  }
  body.lm-code-ui .cf-pp-sticky-button{
    min-height:62px!important;
    border-radius:16px!important;
    padding:9px 11px!important;
  }
  body.lm-code-ui .cf-pp-sticky-icon{
    width:40px!important;height:40px!important;flex-basis:40px!important;
  }
  body.lm-code-ui .cf-pp-sticky-price{
    font-size:12px!important;
    padding:7px 8px!important;
  }
}


/* =========================================================
   LMOUNIR FINAL — KSA PREMIUM POLISH
   ========================================================= */

/* Remove the white gap that was left under the footer by legacy mobile padding. */
html,
body.lm-code-ui{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
body.lm-code-ui .site-footer{
  margin-bottom:0!important;
}
body.lm-code-ui .footer-bottom{
  margin-bottom:0!important;
}
body.lm-code-ui .main-container{
  margin-bottom:0!important;
}

/* Product page itself keeps safe breathing room for the fixed CTA. */
body.lm-code-ui .cf-code-pp{
  padding-bottom:96px!important;
}

/* =========================================================
   MAX PREMIUM MODERN ORDER FORM
   ========================================================= */
body.lm-code-ui .cf-code-pp .cf-premium-order{
  isolation:isolate!important;
  border:1px solid rgba(184,150,46,.34)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 86% -5%,rgba(223,199,126,.24),transparent 31%),
    radial-gradient(circle at 8% 106%,rgba(184,150,46,.08),transparent 29%),
    linear-gradient(180deg,#FFFEFB 0%,#FFFFFF 100%)!important;
  box-shadow:
    0 28px 70px rgba(34,34,34,.09),
    0 1px 0 rgba(255,255,255,.96) inset!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order:before{
  height:4px!important;
  width:100%!important;
  left:0!important;
  right:0!important;
  background:linear-gradient(90deg,#F0D99A 0%,#B8962E 48%,#6E591B 100%)!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order-head{
  padding:30px 26px 24px!important;
  border-bottom:1px solid rgba(184,150,46,.12)!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order-badge{
  min-height:32px!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,150,46,.30)!important;
  background:linear-gradient(180deg,#FFFDF6,#F9F1D9)!important;
  box-shadow:0 6px 18px rgba(184,150,46,.08)!important;
  color:#6E591B!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order-title{
  max-width:620px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:31px!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-order-sub{
  max-width:560px!important;
  color:#7D7468!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-mini-benefits{
  margin-top:17px!important;
  gap:7px!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-mini-benefits span{
  border:1px solid rgba(184,150,46,.10)!important;
  background:rgba(247,242,229,.86)!important;
  box-shadow:0 4px 12px rgba(34,34,34,.025)!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-fields{
  gap:18px 16px!important;
  padding:26px!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-field label{
  margin-bottom:9px!important;
  color:#2D261F!important;
  font-size:13.5px!important;
}

body.lm-code-ui .cf-code-pp .cf-label-icon{
  width:28px!important;
  height:28px!important;
  flex-basis:28px!important;
  border:1px solid rgba(184,150,46,.10)!important;
  border-radius:9px!important;
  background:#F8F3E6!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-control{
  height:62px!important;
  min-height:62px!important;
  border:1px solid rgba(184,150,46,.42)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:
    0 8px 20px rgba(34,34,34,.025),
    0 1px 0 rgba(255,255,255,.98) inset!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-control:focus,
body.lm-code-ui .cf-code-pp yc-combobox:focus-within .cf-premium-control{
  border-color:#B8962E!important;
  box-shadow:
    0 0 0 4px rgba(184,150,46,.10),
    0 12px 26px rgba(34,34,34,.04)!important;
}

/* Main purchase CTA — no price, true centered typography, integrated bag icon. */
body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button]{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:74px!important;
  margin-top:17px!important;
  padding:12px 68px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:17px!important;
  background:
    linear-gradient(135deg,#CBA632 0%,#B8962E 54%,#8B6E1B 100%)!important;
  box-shadow:
    0 18px 38px rgba(184,150,46,.27),
    0 1px 0 rgba(255,255,255,.27) inset!important;
}

body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button]:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(110deg,transparent 26%,rgba(255,255,255,.12) 46%,transparent 66%)!important;
  transform:translateX(70%)!important;
  opacity:.65!important;
}

body.lm-code-ui .cf-code-pp .cf-cta-bag{
  position:absolute!important;
  right:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}

body.lm-code-ui .cf-code-pp .cf-cta-bag-img{
  width:25px!important;
  height:25px!important;
  filter:brightness(0) invert(1)!important;
}

body.lm-code-ui .cf-code-pp .cf-cta-copy{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button] .cf-cta-main,
body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button] .cf-cta-sub{
  width:100%!important;
  text-align:center!important;
}

body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button] .cf-cta-main{
  font-size:19px!important;
  font-weight:900!important;
}

body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button] .cf-cta-sub{
  margin-top:4px!important;
  font-size:11.5px!important;
  color:rgba(255,255,255,.88)!important;
}

body.lm-code-ui .cf-code-pp .cf-premium-secure-note{
  margin:13px 0 2px!important;
  color:#766B5C!important;
}

/* =========================================================
   STICKY CTA — PREMIUM, CENTERED, ICON INTEGRATED IN BUTTON
   ========================================================= */
body.lm-code-ui .cf-pp-sticky-cta{
  bottom:14px!important;
  width:min(780px,calc(100vw - 28px))!important;
}

body.lm-code-ui .cf-pp-sticky-button{
  position:relative!important;
  display:block!important;
  min-height:68px!important;
  padding:10px 92px!important;
  overflow:hidden!important;
  border-radius:19px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    linear-gradient(135deg,#C9A431 0%,#B8962E 55%,#806416 100%)!important;
  box-shadow:
    0 20px 48px rgba(34,34,34,.24),
    0 1px 0 rgba(255,255,255,.24) inset!important;
}

body.lm-code-ui .cf-pp-sticky-button:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.10) 48%,transparent 68%)!important;
}

body.lm-code-ui .cf-pp-sticky-icon{
  position:absolute!important;
  right:20px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}

body.lm-code-ui .cf-pp-sticky-bag{
  width:26px!important;
  height:26px!important;
  filter:brightness(0) invert(1)!important;
}

body.lm-code-ui .cf-pp-sticky-copy{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

body.lm-code-ui .cf-pp-sticky-copy strong,
body.lm-code-ui .cf-pp-sticky-copy small{
  width:100%!important;
  text-align:center!important;
}

body.lm-code-ui .cf-pp-sticky-copy strong{
  font-size:17px!important;
  font-weight:900!important;
}

body.lm-code-ui .cf-pp-sticky-price{
  position:absolute!important;
  left:20px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.96)!important;
  font-size:14px!important;
  font-weight:900!important;
}

/* Mobile polish */
@media(max-width:767px){
  body.lm-code-ui .cf-code-pp{
    padding-bottom:86px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-order{
    border-radius:22px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-order-head{
    padding:24px 15px 20px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-order-title{
    font-size:24px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-fields{
    padding:18px 14px 16px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-premium-control{
    height:58px!important;
    min-height:58px!important;
    border-radius:14px!important;
  }
  body.lm-code-ui .cf-code-pp button.cf-cta[data-buy-button]{
    min-height:69px!important;
    padding:10px 54px!important;
    border-radius:15px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-cta-bag{
    right:16px!important;
    width:25px!important;
    height:25px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-cta-bag-img{
    width:22px!important;
    height:22px!important;
  }

  body.lm-code-ui .cf-pp-sticky-cta{
    bottom:9px!important;
    width:calc(100vw - 18px)!important;
  }
  body.lm-code-ui .cf-pp-sticky-button{
    min-height:63px!important;
    padding:9px 66px!important;
    border-radius:16px!important;
  }
  body.lm-code-ui .cf-pp-sticky-icon{
    right:15px!important;
    width:25px!important;
    height:25px!important;
  }
  body.lm-code-ui .cf-pp-sticky-bag{
    width:23px!important;
    height:23px!important;
  }
  body.lm-code-ui .cf-pp-sticky-price{
    left:15px!important;
    font-size:12px!important;
  }
  body.lm-code-ui .cf-pp-sticky-copy strong{
    font-size:15.5px!important;
  }
  body.lm-code-ui .cf-pp-sticky-copy small{
    font-size:9.8px!important;
  }
}


/* R2 requested: remove decorative top accent line from order form */
body.lm-code-ui .cf-code-pp .cf-premium-order:before,
body.lm-code-ui .cf-code-pp .cf-premium-order-head:before,
body.lm-code-ui .cf-code-pp .cf-premium-order-head:after{
  display:none!important;
  content:none!important;
}


/* Native floating WhatsApp — kept inside the theme, not separate Additional Code */
body.lm-code-ui .yc-whatsapp-float{
  position:fixed!important;
  left:18px!important;
  bottom:18px!important;
  z-index:9994!important;
}
body.lm-code-ui .whatsapp-float-btn{
  width:56px!important;
  height:56px!important;
  border-radius:50%!important;
  background:#25D366!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 14px 34px rgba(37,211,102,.34)!important;
  border:1px solid rgba(255,255,255,.72)!important;
}
body.lm-code-ui .whatsapp-float-icon img{
  width:28px!important;
  height:28px!important;
  filter:brightness(0) invert(1)!important;
}
@media(max-width:767px){
  body.lm-code-ui .yc-whatsapp-float{
    left:12px!important;
    bottom:82px!important; /* above PP sticky CTA on mobile */
  }
  body.lm-code-ui .whatsapp-float-btn{
    width:52px!important;
    height:52px!important;
  }
}


/* =========================================================
   LMOUNIR KSA R3 — CONVERSION COPY + BENEFIT CARDS + GLOBAL WA
   ========================================================= */

/* PP benefits: tighter, cleaner, more premium than the old large boxes */
body.lm-code-ui .cf-code-pp .cf-benefits-section{
  padding:56px 0!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(223,199,126,.12),transparent 26%),
    #F9F9F9!important;
}
body.lm-code-ui .cf-code-pp .cf-benefits-section .cf-section-head{
  max-width:690px!important;
  margin:0 auto 28px!important;
  text-align:center!important;
}
body.lm-code-ui .cf-code-pp .cf-benefits-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.lm-code-ui .cf-code-pp .cf-benefit{
  position:relative!important;
  min-height:170px!important;
  padding:22px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:14px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFDF8 100%)!important;
  border:1px solid rgba(184,150,46,.26)!important;
  border-radius:20px!important;
  box-shadow:0 12px 32px rgba(34,34,34,.045)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body.lm-code-ui .cf-code-pp .cf-benefit:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(184,150,46,.52)!important;
  box-shadow:0 18px 38px rgba(34,34,34,.075)!important;
}
body.lm-code-ui .cf-code-pp .cf-benefit:after{
  content:""!important;
  position:absolute!important;
  width:82px!important;
  height:82px!important;
  left:-28px!important;
  bottom:-32px!important;
  border-radius:50%!important;
  background:rgba(223,199,126,.10)!important;
}
body.lm-code-ui .cf-code-pp .cf-benefit-icon{
  width:44px!important;
  height:44px!important;
  margin:0!important;
  flex:0 0 44px!important;
  border:1px solid rgba(184,150,46,.18)!important;
  border-radius:13px!important;
  background:#F7F2E5!important;
  color:#6E591B!important;
}
body.lm-code-ui .cf-code-pp .cf-benefit-icon img,
body.lm-code-ui .cf-code-pp .cf-benefit-icon svg{
  width:22px!important;
  height:22px!important;
  object-fit:contain!important;
}
body.lm-code-ui .cf-code-pp .cf-benefit-copy{
  position:relative!important;
  z-index:2!important;
}
body.lm-code-ui .cf-code-pp .cf-benefit h3{
  margin:0 0 6px!important;
  color:#222!important;
  font-size:16px!important;
  line-height:1.45!important;
  font-weight:900!important;
}
body.lm-code-ui .cf-code-pp .cf-benefit p{
  margin:0!important;
  color:#746958!important;
  font-size:12.5px!important;
  line-height:1.8!important;
  font-weight:600!important;
}

/* Guaranteed native floating WhatsApp from theme.liquid */
body.lm-code-ui .lm-global-wa-native{
  position:fixed!important;
  left:20px!important;
  bottom:20px!important;
  z-index:9996!important;
  width:58px!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#25D366!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:
    0 16px 38px rgba(37,211,102,.30),
    0 1px 0 rgba(255,255,255,.32) inset!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
body.lm-code-ui .lm-global-wa-native:hover{
  transform:translateY(-3px) scale(1.02)!important;
  box-shadow:0 20px 44px rgba(37,211,102,.38)!important;
}
body.lm-code-ui .lm-global-wa-icon{
  width:29px!important;
  height:29px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.lm-code-ui .lm-global-wa-icon img,
body.lm-code-ui .lm-global-wa-icon svg{
  width:29px!important;
  height:29px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}
body.lm-code-ui .lm-global-wa-badge{
  position:absolute!important;
  top:-2px!important;
  right:-2px!important;
  width:20px!important;
  height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#FF3B30!important;
  color:#fff!important;
  border:2px solid #fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* Hide any old floating WA markup from older section versions if cached. */
body.lm-code-ui .yc-whatsapp-float{
  display:none!important;
}

@media(max-width:900px){
  body.lm-code-ui .cf-code-pp .cf-benefits-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  body.lm-code-ui .cf-code-pp .cf-benefits-section{
    padding:42px 0!important;
  }
  body.lm-code-ui .cf-code-pp .cf-benefits-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-benefit{
    min-height:0!important;
    padding:16px!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:13px!important;
    border-radius:16px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-benefit-icon{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-benefit h3{
    font-size:15px!important;
  }
  body.lm-code-ui .cf-code-pp .cf-benefit p{
    font-size:11.5px!important;
    line-height:1.65!important;
  }

  body.lm-code-ui .lm-global-wa-native{
    left:12px!important;
    bottom:84px!important; /* above PP sticky CTA */
    width:52px!important;
    height:52px!important;
  }
  body.lm-code-ui .lm-global-wa-icon,
  body.lm-code-ui .lm-global-wa-icon img,
  body.lm-code-ui .lm-global-wa-icon svg{
    width:26px!important;
    height:26px!important;
  }
}


/* ===== LMOUNIR R4 fixes: cleaner mini pills, exact favicon, tidier home-page layout ===== */
body.lm-code-ui .cf-code-pp .cf-premium-mini-benefits span{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  background:#F7F2E6!important;
  border:1px solid rgba(223,199,126,.50)!important;
  color:#6E591B!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}
body.lm-code-ui .cf-code-pp .cf-premium-mini-benefits span::before,
body.lm-code-ui .cf-code-pp .cf-premium-mini-benefits span::after{
  content:none!important;
  display:none!important;
}

/* Home hero pillars/cards */
body.lm-code-ui .store-banner-pillars{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  padding-top:26px!important;
  border-top:1px solid #DFC77E!important;
  align-items:stretch!important;
}
body.lm-code-ui .banner-pillar-item{
  min-height:112px!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:56px 1fr!important;
  gap:14px!important;
  align-items:center!important;
  padding:18px 18px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFDF8 100%)!important;
  border:1px solid rgba(223,199,126,.95)!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(34,34,34,.05)!important;
}
body.lm-code-ui .banner-pillar-item > div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}
body.lm-code-ui .banner-pillar-icon{
  width:56px!important;
  height:56px!important;
  border-radius:16px!important;
  background:#F7F3E8!important;
  border:1px solid rgba(223,199,126,.44)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
body.lm-code-ui .banner-pillar-icon img,
body.lm-code-ui .banner-pillar-icon svg{
  width:24px!important;
  height:24px!important;
  object-fit:contain!important;
}
body.lm-code-ui .banner-pillar-item strong{
  margin:0 0 4px!important;
  color:#222222!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
body.lm-code-ui .banner-pillar-item small{
  margin:0!important;
  color:#8A6D28!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:700!important;
}

/* Home generic benefit cards if used later */
body.lm-code-ui .benefits-grid{
  align-items:stretch!important;
}
body.lm-code-ui .benefit-card{
  height:100%!important;
  min-height:168px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}

@media(max-width:900px){
  body.lm-code-ui .store-banner-pillars{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.lm-code-ui .banner-pillar-item{
    min-height:0!important;
    padding:16px!important;
    grid-template-columns:50px 1fr!important;
    border-radius:16px!important;
  }
  body.lm-code-ui .banner-pillar-icon{
    width:50px!important;
    height:50px!important;
    border-radius:14px!important;
  }
  body.lm-code-ui .banner-pillar-item strong{
    font-size:17px!important;
  }
  body.lm-code-ui .banner-pillar-item small{
    font-size:13px!important;
  }
}


/* =========================================================
   LMOUNIR — PREMIUM 2-SLIDE HERO
   ========================================================= */
body.lm-code-ui .lm-hero-slider{
  position:relative;
  width:100%;
  padding:30px 0 24px;
  background:#F9F9F9;
  overflow:hidden;
}
body.lm-code-ui .lm-hero-slider__viewport{
  position:relative;
  width:min(1400px,calc(100% - 40px));
  min-height:610px;
  margin:0 auto;
  overflow:hidden;
  border-radius:28px;
  box-shadow:0 24px 58px rgba(34,34,34,.12);
  background:#222;
}
body.lm-code-ui .lm-hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transform:scale(1.015);
  transition:opacity .55s ease,transform .7s ease,visibility .55s ease;
}
body.lm-code-ui .lm-hero-slide.is-active{
  position:relative;
  opacity:1;
  visibility:visible;
  transform:scale(1);
  z-index:2;
}
body.lm-code-ui .lm-hero-slide__media,
body.lm-code-ui .lm-hero-slide__media img,
body.lm-code-ui .lm-hero-slide__overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
body.lm-code-ui .lm-hero-slide__media img{
  object-fit:cover;
  object-position:center;
}
body.lm-code-ui .lm-hero-slide__overlay{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(20,18,14,.12) 0%,rgba(20,18,14,.30) 38%,rgba(20,18,14,var(--lm-slide-overlay,.58)) 100%);
}
body.lm-code-ui .lm-hero-slide__container{
  position:relative;
  z-index:2;
  min-height:610px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
body.lm-code-ui .lm-hero-slide__content{
  width:min(560px,48%);
  margin-right:auto;
  margin-left:0;
  padding:58px 22px;
  color:#fff;
  text-align:right;
}
body.lm-code-ui .lm-hero-slide__eyebrow{
  display:inline-block;
  margin-bottom:15px;
  color:#DFC77E;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
body.lm-code-ui .lm-hero-slide__title{
  margin:0 0 17px;
  color:#fff;
  font-size:50px;
  line-height:1.28;
  font-weight:900;
  letter-spacing:-.025em;
}
body.lm-code-ui .lm-hero-slide__text{
  max-width:520px;
  margin:0 0 27px;
  color:rgba(255,255,255,.90);
  font-size:16px;
  line-height:1.95;
  font-weight:600;
}
body.lm-code-ui .lm-hero-slide__button{
  min-width:190px;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:13px 24px;
  border-radius:9px;
  background:#B8962E;
  color:#fff!important;
  font-size:14px;
  font-weight:900;
  box-shadow:0 12px 28px rgba(0,0,0,.20);
  transition:transform .2s ease,background .2s ease;
}
body.lm-code-ui .lm-hero-slide__button:hover{
  transform:translateY(-2px);
  background:#C6A236;
}
body.lm-code-ui .lm-hero-slider__controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  margin-top:16px;
}
body.lm-code-ui .lm-hero-slider__nav{
  width:38px;
  height:38px;
  border:1px solid rgba(184,150,46,.35);
  border-radius:50%;
  background:#fff;
  color:#6E591B;
  font-size:18px;
  cursor:pointer;
}
body.lm-code-ui .lm-hero-slider__dots{
  display:flex;
  align-items:center;
  gap:7px;
}
body.lm-code-ui .lm-hero-slider__dot{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#D9CDAA;
  cursor:pointer;
  transition:width .2s ease,background .2s ease;
}
body.lm-code-ui .lm-hero-slider__dot.is-active{
  width:28px;
  background:#B8962E;
}
@media(max-width:760px){
  body.lm-code-ui .lm-hero-slider{
    padding:14px 0 18px;
  }
  body.lm-code-ui .lm-hero-slider__viewport{
    width:calc(100% - 24px);
    min-height:520px;
    border-radius:20px;
  }
  body.lm-code-ui .lm-hero-slide__container{
    min-height:520px;
    align-items:flex-end;
  }
  body.lm-code-ui .lm-hero-slide__overlay{
    background:linear-gradient(180deg,rgba(20,18,14,.06) 0%,rgba(20,18,14,.38) 43%,rgba(20,18,14,.90) 100%);
  }
  body.lm-code-ui .lm-hero-slide__content{
    width:100%;
    padding:210px 18px 30px;
  }
  body.lm-code-ui .lm-hero-slide__title{
    font-size:31px;
    line-height:1.35;
  }
  body.lm-code-ui .lm-hero-slide__text{
    font-size:13px;
    line-height:1.75;
  }
  body.lm-code-ui .lm-hero-slide__button{
    width:100%;
    min-height:50px;
  }
}


/* =========================================================
   LMOUNIR — requested auto-rotation + exact hero icons
   ========================================================= */

/* Announcement: one message at a time on every page/device */
body.lm-code-ui .announcement-content{
  position:relative!important;
  overflow:hidden!important;
}
body.lm-code-ui .announcement-line{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.lm-code-ui .announcement-line.is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Hero CTA uses the existing LMOUNIR bag icon */
body.lm-code-ui .lm-hero-slide__button{
  gap:10px!important;
}
body.lm-code-ui .lm-hero-slide__bag{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}

/* Hero navigation uses the exact arrow images supplied by user */
body.lm-code-ui .lm-hero-slider__nav{
  width:48px!important;
  height:48px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.lm-code-ui .lm-hero-slider__nav img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  display:block!important;
}
body.lm-code-ui .lm-hero-slider__prev img{
  width:42px!important;
  height:42px!important;
}
body.lm-code-ui .lm-hero-slider__next img{
  width:38px!important;
  height:38px!important;
}

@media(max-width:767px){
  body.lm-code-ui .lm-hero-slider__nav{
    width:42px!important;
    height:42px!important;
  }
  body.lm-code-ui .lm-hero-slider__nav img{
    width:36px!important;
    height:36px!important;
  }
  body.lm-code-ui .lm-hero-slider__next img{
    width:34px!important;
    height:34px!important;
  }
}


/* LMOUNIR FIX — arrows keep their original orientation */
body.lm-code-ui .lm-hero-slider__nav,
body.lm-code-ui .lm-hero-slider__nav img{
  transform:none!important;
}
body.lm-code-ui .lm-hero-slider__controls{
  direction:rtl!important;
}


/* =========================================================
   LMOUNIR — HEADER CENTER TAGLINE
   Visible on all pages, desktop + mobile
   ========================================================= */
body.lm-code-ui .header-container{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
}

body.lm-code-ui .brand-logo{
  grid-column:1!important;
  justify-self:start!important;
}

body.lm-code-ui .header-tagline{
  grid-column:2!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:0 12px!important;
  text-align:center!important;
  color:#222222!important;
  white-space:normal!important;
}

body.lm-code-ui .header-tagline strong{
  display:block!important;
  max-width:560px!important;
  color:#222222!important;
  font-size:16px!important;
  line-height:1.45!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}

body.lm-code-ui .header-tagline__dot{
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  border-radius:50%!important;
  background:#B8962E!important;
  box-shadow:0 0 0 4px rgba(184,150,46,.10)!important;
}

body.lm-code-ui .header-actions{
  grid-column:3!important;
  justify-self:end!important;
}

@media(max-width:760px){
  body.lm-code-ui .site-header{
    padding:10px 0!important;
  }

  body.lm-code-ui .header-container{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  body.lm-code-ui .chicify-logo-img{
    max-height:52px!important;
  }

  body.lm-code-ui .header-tagline{
    gap:6px!important;
    padding:0 4px!important;
  }

  body.lm-code-ui .header-tagline strong{
    max-width:100%!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    font-weight:900!important;
  }

  body.lm-code-ui .header-tagline__dot{
    width:4px!important;
    height:4px!important;
    flex-basis:4px!important;
    box-shadow:none!important;
  }

  /* keep Instagram compact so the phrase remains visible */
  body.lm-code-ui .btn-social-header{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    border-radius:50%!important;
  }

  body.lm-code-ui .btn-social-header .social-username{
    display:none!important;
  }

  body.lm-code-ui .btn-social-header .cf-icon-sm{
    width:20px!important;
    height:20px!important;
  }

  /* CTA can stay hidden on narrow screens to preserve the centered phrase */
  body.lm-code-ui .btn-header{
    display:none!important;
  }
}


/* LMOUNIR R9: premium gallery + stronger FAQ answers */
body.lm-code-ui .cf-code-pp .cf-main-media{
  aspect-ratio: 1 / 1;
  min-height: 0;
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(180deg,#ffffff 0%,#fcfaf5 100%);
  border: 1px solid rgba(184,150,46,.18);
  box-shadow: 0 22px 70px rgba(17,24,39,.07);
}
body.lm-code-ui .cf-code-pp .cf-main-media img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
body.lm-code-ui .cf-code-pp .cf-thumbs{
  margin-top: 18px;
  overflow: hidden;
}
body.lm-code-ui .cf-code-pp .cf-thumb-strip{
  display: flex;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 6px 18% 6px 2px;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
body.lm-code-ui .cf-code-pp .cf-thumb-strip::-webkit-scrollbar{
  display: none;
}
body.lm-code-ui .cf-code-pp .cf-thumb-native{
  position: relative;
  flex: 0 0 108px;
  width: 108px;
  height: 108px;
  border-radius: 20px;
  border: 1px solid rgba(184,150,46,.22);
  background: linear-gradient(180deg,#ffffff 0%,#faf8f1 100%);
  box-shadow: 0 12px 28px rgba(17,24,39,.06);
  overflow: hidden;
  cursor: pointer;
  scroll-snap-align: start;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body.lm-code-ui .cf-code-pp .cf-thumb-native:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(17,24,39,.1);
}
body.lm-code-ui .cf-code-pp .cf-thumb-native img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}
body.lm-code-ui .cf-code-pp .cf-thumb-native:has(input:checked){
  border-color: #B8962E;
  box-shadow: 0 0 0 2px rgba(184,150,46,.18), 0 16px 32px rgba(184,150,46,.12);
  transform: translateY(-1px);
}
body.lm-code-ui .cf-code-pp .cf-thumbs yc-slider-arrows,
body.lm-code-ui .cf-code-pp .cf-thumbs .slider-arrows,
body.lm-code-ui .cf-code-pp .cf-thumbs [data-arrow]{
  display: none !important;
}
body.lm-code-ui .cf-code-pp .cf-faq-a{
  line-height: 1.9;
  color: #5b6470;
}
@media (max-width: 767px){
  body.lm-code-ui .cf-code-pp .cf-main-media{
    border-radius: 22px;
  }
  body.lm-code-ui .cf-code-pp .cf-thumb-strip{
    gap: 12px;
    padding-inline-end: 28%;
  }
  body.lm-code-ui .cf-code-pp .cf-thumb-native{
    flex-basis: 94px;
    width: 94px;
    height: 94px;
    border-radius: 18px;
  }
}
