/* STORE FINAL UI OVERRIDES - isolated presentation layer */
:root{--sf-green:#08764b;--sf-green-dark:#063d29;--sf-mint:#eef8f3;--sf-line:#dfeae5;--sf-ink:#13231d;--sf-muted:#718078}
html,body{max-width:100%;overflow-x:hidden}
body{font-family:Cairo,Arial,sans-serif;color:var(--sf-ink)}
a{text-decoration:none!important}

/* Header */
.exact-header{display:block!important;position:relative!important;background:#fff!important;border-bottom:1px solid var(--sf-line)!important;box-shadow:0 3px 18px rgba(15,60,42,.05)!important;z-index:100!important}
.exact-top{background:var(--sf-green-dark)!important;color:#fff!important}
.exact-top .topbar-inner{width:min(1180px,92%)!important;margin:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:32px!important;padding:5px 0!important}
.exact-top a,.exact-top span{color:#fff!important;text-decoration:none!important;font-size:11px!important;white-space:nowrap!important}
.exact-nav{width:min(1180px,92%)!important;margin:auto!important;height:76px!important;display:grid!important;grid-template-columns:150px minmax(250px,1fr) 260px!important;align-items:center!important;gap:20px!important;direction:ltr!important}
.exact-nav .header-cart{grid-column:1!important;grid-row:1!important;order:1!important;direction:rtl!important;display:flex!important;align-items:center!important;justify-self:start!important;gap:8px!important;position:relative!important;padding:8px 0!important;color:var(--sf-ink)!important}
.exact-nav .header-cart .cart-icon{font-size:25px!important;line-height:1!important}
.exact-nav .header-cart b{font-size:14px!important;line-height:1.3!important;display:block!important}
.exact-nav .header-cart small{font-size:10px!important;color:var(--sf-muted)!important;display:block!important}
.exact-nav .header-cart em{position:absolute!important;left:13px!important;right:auto!important;top:2px!important;background:var(--sf-green)!important;color:#fff!important;min-width:19px!important;height:19px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:9px!important;font-style:normal!important;border:2px solid #fff!important}
.exact-nav .header-search{grid-column:2!important;grid-row:1!important;order:2!important;width:100%!important;height:44px!important;display:flex!important;border:1px solid #cfdcd6!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;direction:ltr!important;box-shadow:0 3px 12px rgba(0,0,0,.025)!important}
.exact-nav .header-search select{height:100%!important;border:0!important;border-right:1px solid var(--sf-line)!important;background:#f8fbf9!important;padding:0 13px!important;font:inherit!important;color:#394b43!important;outline:0!important;direction:rtl!important}
.exact-nav .header-search input{flex:1!important;min-width:0!important;border:0!important;outline:0!important;padding:0 14px!important;font:inherit!important;font-size:13px!important;direction:rtl!important;color:var(--sf-ink)!important}
.exact-nav .header-search button{flex:0 0 48px!important;width:48px!important;height:44px!important;border:0!important;background:var(--sf-green)!important;color:#fff!important;font-size:21px!important;cursor:pointer!important}
.exact-nav .logo{grid-column:3!important;grid-row:1!important;order:3!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:9px!important;direction:rtl!important;min-width:0!important;color:var(--sf-ink)!important}
.exact-nav .logo-mark{width:46px!important;height:46px!important;border-radius:15px!important;background:var(--sf-mint)!important;color:var(--sf-green)!important;font-size:25px!important;display:grid!important;place-items:center!important}
.exact-nav .logo b{display:block!important;font-size:20px!important;line-height:1.25!important;color:var(--sf-green-dark)!important;white-space:nowrap!important}
.exact-nav .logo small{display:block!important;font-size:10px!important;line-height:1.3!important;color:var(--sf-muted)!important;white-space:nowrap!important}
.nav-links{width:min(1180px,92%)!important;margin:auto!important;height:43px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;border-top:1px solid #f0f4f2!important;scrollbar-width:none!important;direction:rtl!important}
.nav-links::-webkit-scrollbar{display:none!important}
.nav-links a{flex:0 0 auto!important;color:#263a32!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;line-height:1!important;padding:12px 2px 10px!important;border:0!important;background:transparent!important}
.nav-links a:hover{color:var(--sf-green)!important}

/* Footer */
footer{display:block!important;background:linear-gradient(145deg,#063d29,#07563a)!important;color:#e8f5ef!important;padding:42px 0 0!important;margin-top:30px!important}
.exact-footer{width:min(1180px,92%)!important;margin:auto!important;display:grid!important;grid-template-columns:2fr 1fr 1fr 1fr!important;gap:28px!important;padding-bottom:30px!important}
.exact-footer>div{min-width:0!important}
.exact-footer .logo{display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:12px!important;direction:rtl!important}
.exact-footer .logo-mark{width:45px!important;height:45px!important;background:rgba(255,255,255,.1)!important;color:#a8e8c9!important}
.exact-footer .logo b{display:block!important;color:#fff!important;font-size:18px!important}
.exact-footer .logo small{display:block!important;color:#b8d9cb!important;font-size:9px!important}
.exact-footer h4{color:#fff!important;font-size:15px!important;margin:2px 0 10px!important}
.exact-footer p,.exact-footer a{display:block!important;color:#c6dfd4!important;font-size:12px!important;line-height:1.9!important;margin:5px 0!important;text-decoration:none!important;overflow-wrap:anywhere!important}
.exact-footer p{margin:5px 0!important}
.exact-footer .footer-brand>p{max-width:390px!important;color:#cfe4da!important}
.social-row{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:14px!important}
.social-row a{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;border-radius:50%!important;overflow:hidden!important;padding:6px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;text-decoration:none!important}
.social-row a img{display:block!important;width:100%!important;height:100%!important;max-width:28px!important;max-height:28px!important;min-width:0!important;min-height:0!important;object-fit:contain!important;margin:auto!important}
.copyright{border-top:1px solid rgba(255,255,255,.12)!important;color:#aacfc0!important;text-align:center!important;padding:13px 12px!important;font-size:10px!important}

/* Mobile bottom navigation */
.mobile-bottom-nav{position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;height:76px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;padding:7px!important;background:rgba(255,255,255,.96)!important;border:1px solid #dce9e3!important;border-radius:25px!important;box-shadow:0 12px 35px rgba(13,53,38,.16)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;z-index:9999!important;direction:rtl!important}
.mobile-bottom-nav a{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;height:62px!important;border-radius:19px!important;color:#50655d!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important}
.mobile-bottom-nav a span{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;font-size:21px!important;line-height:1!important}
.mobile-bottom-nav a b{font-size:10px!important;line-height:1.2!important;color:inherit!important;white-space:nowrap!important}
.mobile-bottom-nav a:hover,.mobile-bottom-nav a:focus{background:var(--sf-mint)!important;color:var(--sf-green)!important}
.mobile-bottom-nav a:nth-child(1){background:var(--sf-mint)!important;color:var(--sf-green)!important}
.mobile-bottom-nav em{position:absolute!important;top:2px!important;right:24%!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:10px!important;background:#e84d4d!important;color:#fff!important;font-style:normal!important;font-size:8px!important;display:grid!important;place-items:center!important}
body{padding-bottom:0!important}

/* Remove accidental giant social-image presentation on any viewport */
footer img{max-width:100%!important;height:auto!important}
footer .social-row img,.whatsapp-float img{width:auto!important;height:auto!important;max-width:28px!important;max-height:28px!important;object-fit:contain!important}
.whatsapp-float{position:fixed!important;right:18px!important;bottom:105px!important;width:52px!important;height:52px!important;border-radius:50%!important;background:#25d366!important;color:#fff!important;display:grid!important;place-items:center!important;z-index:9998!important;overflow:hidden!important;border:3px solid #fff!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.whatsapp-float img{display:block!important;width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important}
.whatsapp-float svg{width:28px!important;height:28px!important}

@media(min-width:901px){.mobile-bottom-nav{display:none!important}.whatsapp-float{bottom:22px!important}}
@media(max-width:900px){
  body{padding-bottom:96px!important}
  .exact-top .topbar-inner{width:calc(100% - 24px)!important}
  .exact-nav{width:calc(100% - 24px)!important;height:112px!important;grid-template-columns:68px minmax(0,1fr) minmax(116px,auto)!important;grid-template-rows:54px 46px!important;gap:6px!important}
  .exact-nav .header-cart{grid-column:1!important;grid-row:1!important}
  .exact-nav .header-search{grid-column:2!important;grid-row:1!important;height:42px!important}
  .exact-nav .header-search select{display:none!important}
  .exact-nav .header-search button{height:42px!important;flex-basis:42px!important;width:42px!important}
  .exact-nav .header-search input{height:40px!important;font-size:12px!important}
  .exact-nav .logo{grid-column:3!important;grid-row:1!important}
  .exact-nav .logo b{font-size:15px!important}.exact-nav .logo small{font-size:8px!important}.exact-nav .logo-mark{width:40px!important;height:40px!important;font-size:22px!important}
  .nav-links{width:100%!important;height:39px!important;padding:0 12px!important;justify-content:flex-start!important;gap:20px!important}
  .nav-links a{font-size:10px!important;padding:12px 1px 9px!important}
  footer{padding-top:30px!important}
  .exact-footer{width:calc(100% - 24px)!important;grid-template-columns:1fr 1fr!important;gap:20px 15px!important}
  .exact-footer .footer-brand{grid-column:1/-1!important}
}
@media(max-width:520px){
  .exact-top .topbar-inner{min-height:28px!important;font-size:8px!important;justify-content:center!important}
  .exact-top .topbar-inner span:nth-child(n+3){display:none!important}
  .exact-nav{width:calc(100% - 24px)!important;height:106px!important;grid-template-columns:58px minmax(0,1fr) minmax(105px,auto)!important;grid-template-rows:51px 43px!important}
  .exact-nav .header-cart b{font-size:11px!important}.exact-nav .header-cart small{font-size:7px!important}.exact-nav .header-cart .cart-icon{font-size:22px!important}
  .exact-nav .logo b{font-size:13px!important}.exact-nav .logo small{font-size:7px!important}.exact-nav .logo-mark{width:37px!important;height:37px!important;font-size:20px!important}
  .exact-nav .header-search{height:40px!important}.exact-nav .header-search input{height:38px!important;font-size:11px!important}.exact-nav .header-search button{height:38px!important;flex-basis:38px!important;width:38px!important;font-size:18px!important}
  .nav-links{height:37px!important;gap:16px!important}
  .nav-links a{font-size:9px!important;padding:11px 1px 9px!important}
  .mobile-bottom-nav{left:8px!important;right:8px!important;bottom:8px!important;height:72px!important;border-radius:23px!important;padding:6px!important}
  .mobile-bottom-nav a{height:60px!important;border-radius:17px!important;gap:2px!important}.mobile-bottom-nav a span{font-size:19px!important}.mobile-bottom-nav a b{font-size:9px!important}
  .whatsapp-float{right:14px!important;bottom:88px!important;width:48px!important;height:48px!important}
  .exact-footer{grid-template-columns:1fr 1fr!important;gap:18px 12px!important}
  .exact-footer .logo b{font-size:14px!important}.exact-footer h4{font-size:13px!important}.exact-footer p,.exact-footer a{font-size:10px!important;line-height:1.8!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}.social-row a{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;padding:5px!important}.social-row a img{max-width:24px!important;max-height:24px!important}
}

/* =========================================================
   CHARFA V3 — PREMIUM RESPONSIVE STOREFRONT
   Presentation-only layer. No PHP/business logic changed.
   ========================================================= */
:root{
  --sf-green:#087b50;
  --sf-green-2:#0aa866;
  --sf-green-dark:#063d2b;
  --sf-mint:#eff9f4;
  --sf-mint-2:#e5f5ed;
  --sf-line:#dbe9e2;
  --sf-ink:#10231b;
  --sf-muted:#74817b;
  --sf-gold:#d5a800;
  --sf-shadow:0 14px 42px rgba(8,66,45,.10);
}

html{scroll-behavior:smooth}
body{background:#fff;color:var(--sf-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select{font-family:inherit}

/* Header: cleaner hierarchy and stronger brand presence */
.exact-header{box-shadow:0 6px 24px rgba(6,61,43,.055)!important}
.exact-top .topbar-inner{max-width:1240px!important}
.exact-nav{max-width:1240px!important;height:80px!important;grid-template-columns:170px minmax(300px,1fr) 285px!important;gap:24px!important}
.exact-nav .header-search{height:48px!important;border-radius:15px!important;border-color:#cfe0d8!important;box-shadow:0 5px 18px rgba(8,66,45,.045)!important}
.exact-nav .header-search button{height:48px!important;width:52px!important;flex-basis:52px!important;background:linear-gradient(135deg,var(--sf-green),var(--sf-green-2))!important}
.exact-nav .logo-mark{box-shadow:inset 0 0 0 1px rgba(8,123,80,.06)!important}
.nav-links{max-width:1240px!important;height:45px!important;gap:34px!important}
.nav-links a{position:relative!important;transition:color .18s ease!important}
.nav-links a:after{content:"";position:absolute;right:0;left:0;bottom:3px;height:2px;border-radius:3px;background:var(--sf-green);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.nav-links a:hover:after{transform:scaleX(1)}

/* Hero: premium surface, controlled height and readable content */
.hero-exact{width:min(1240px,92%)!important;margin:28px auto 22px!important;box-shadow:0 24px 70px rgba(0,74,48,.15)!important}
.hero-exact .hero-copy{max-width:690px!important}
.hero-exact .hero-actions .btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.hero-exact .hero-actions .btn:hover{transform:translateY(-2px);filter:brightness(1.02);box-shadow:0 16px 30px rgba(0,45,28,.18)!important}
.hero-product{transition:transform .35s ease,opacity .35s ease,box-shadow .35s ease!important}
.hero-product:hover{box-shadow:0 28px 55px rgba(0,45,28,.27)!important}

/* Trust cards: compact, premium and consistent */
.trust-strip{max-width:1240px!important;margin:20px auto 58px!important;gap:14px!important}
.trust-strip>div{min-height:78px!important;padding:14px 18px!important;display:grid!important;grid-template-columns:42px 1fr!important;grid-template-rows:auto auto!important;column-gap:11px!important;align-items:center!important;border:1px solid var(--sf-line)!important;border-radius:18px!important;box-shadow:0 7px 24px rgba(15,67,48,.06)!important;background:linear-gradient(180deg,#fff,#fbfdfc)!important}
.trust-strip>div .ficon{grid-row:1/3!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;background:var(--sf-mint)!important;border-radius:14px!important;font-size:21px!important}
.trust-strip>div b{font-size:14px!important;line-height:1.25!important}
.trust-strip>div span:last-child{font-size:10px!important;color:var(--sf-muted)!important;line-height:1.45!important}

/* Homepage section rhythm */
.exact-section,.exact-products,.why-exact,.reviews-exact{width:100%!important}
.home-cat-section{width:min(1240px,92%)!important;margin:0 auto!important;padding-bottom:22px!important}
.home-cat-head{margin-bottom:20px!important}
.home-cat-card{box-shadow:0 12px 34px rgba(15,67,48,.075)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.home-cat-card:hover{transform:translateY(-4px)!important;box-shadow:0 20px 42px rgba(15,67,48,.13)!important}
.home-cat-image{background:linear-gradient(180deg,#f5faf7,#edf6f1)!important}

/* Product cards: stronger retail hierarchy */
.exact-products{background:#f6faf8!important}
.exact-products>.container{padding-top:46px!important;padding-bottom:48px!important}
.exact-products .section-head{margin-bottom:22px!important}
.exact-products .section-head h2{font-size:32px!important;font-weight:950!important}
.exact-products .home-products-grid{gap:16px!important}
.product-card{border-color:#dce9e3!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(15,67,48,.055)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.product-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 42px rgba(15,67,48,.12)!important;border-color:#c9ded4!important}
.product-image{background:linear-gradient(180deg,#fbfdfc,#f3f8f5)!important}
.product-image em{background:#0b9b60!important;color:#fff!important;border:0!important;padding:5px 10px!important;box-shadow:0 4px 12px rgba(8,123,80,.18)!important}
.product-name{color:var(--sf-ink)!important}
.price{color:var(--sf-green)!important;font-weight:950!important}
.card-rating b{color:var(--sf-gold)!important}
.add-btn{border:1px solid #acd9c3!important;background:#f2fbf6!important;color:#086d48!important;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important}
.add-btn:hover{background:var(--sf-green)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(8,123,80,.16)!important}

/* Promo blocks */
.promo-row{max-width:1240px!important;gap:14px!important;margin-top:8px!important;margin-bottom:10px!important}
.promo{border:1px solid #d6e8df!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(15,67,48,.05)!important}
.promo .btn{border-radius:13px!important}

/* Why-us and reviews */
.why-exact{max-width:1240px!important;padding-top:34px!important;padding-bottom:34px!important}
.why-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.why-grid>div{background:#fff!important;border:1px solid var(--sf-line)!important;border-radius:20px!important;padding:24px 18px!important;box-shadow:0 8px 26px rgba(15,67,48,.055)!important;text-align:center!important;transition:transform .18s ease,box-shadow .18s ease!important}
.why-grid>div:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(15,67,48,.10)!important}
.why-grid strong{width:48px!important;height:48px!important;margin:0 auto 10px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:var(--sf-mint)!important;color:var(--sf-green)!important;font-size:24px!important}
.why-grid b{display:block!important;font-size:15px!important;margin-bottom:4px!important}
.why-grid span{display:block!important;color:var(--sf-muted)!important;font-size:11px!important;line-height:1.7!important}
.reviews-exact{background:#f6faf8!important}
.reviews-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.reviews-grid article{background:#fff!important;border:1px solid var(--sf-line)!important;border-radius:18px!important;padding:18px!important;box-shadow:0 7px 24px rgba(15,67,48,.045)!important}
.reviews-grid .stars{color:var(--sf-gold)!important;letter-spacing:2px!important;font-size:12px!important;margin-bottom:6px!important}
.reviews-grid article b{font-size:12px!important}
.reviews-grid article p{color:var(--sf-muted)!important;font-size:11px!important;line-height:1.75!important;margin:7px 0 0!important}
.newsletter{border:1px solid #cfe5da!important;border-radius:20px!important;box-shadow:0 8px 28px rgba(15,67,48,.06)!important}

/* Footer: structured, less empty, stronger contrast */
footer{margin-top:26px!important;padding-top:48px!important}
.exact-footer{max-width:1240px!important;grid-template-columns:1.8fr 1fr 1fr 1.1fr!important;gap:34px!important}
.exact-footer h4{font-size:16px!important;margin-bottom:12px!important}
.exact-footer p,.exact-footer a{font-size:12px!important;line-height:1.9!important}
.exact-footer a{transition:color .18s ease,transform .18s ease!important}
.exact-footer a:hover{color:#fff!important;transform:translateX(-2px)!important}

/* Desktop */
@media(min-width:901px){
  .mobile-bottom-nav{display:none!important}
  .hero-exact{min-height:560px!important}
  .hero-exact .hero-product-stage{height:430px!important}
  .exact-products .home-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* Tablet / phone */
@media(max-width:900px){
  body{padding-bottom:112px!important}
  .exact-top .topbar-inner{width:calc(100% - 20px)!important;min-height:29px!important;overflow:hidden!important}
  .exact-top a,.exact-top span{font-size:9px!important}
  .exact-nav{width:calc(100% - 20px)!important;height:86px!important;grid-template-columns:58px minmax(0,1fr) minmax(118px,auto)!important;grid-template-rows:50px 36px!important;gap:4px!important}
  .exact-nav .header-search{height:42px!important}
  .exact-nav .header-search button{height:42px!important;width:42px!important;flex-basis:42px!important}
  .exact-nav .logo{gap:7px!important}
  .exact-nav .logo b{font-size:14px!important}
  .exact-nav .logo small{font-size:8px!important}
  .exact-nav .logo-mark{width:39px!important;height:39px!important}
  .exact-nav .header-cart{padding:5px 0!important}
  .nav-links{height:38px!important;gap:20px!important}
  .nav-links a{font-size:10px!important}
  .hero-exact{width:calc(100% - 20px)!important;margin:18px auto 16px!important}
  .trust-strip{width:calc(100% - 20px)!important;margin:16px auto 38px!important;gap:10px!important}
  .trust-strip>div{min-height:74px!important;padding:11px 12px!important;grid-template-columns:38px 1fr!important;column-gap:9px!important}
  .trust-strip>div .ficon{width:38px!important;height:38px!important;border-radius:12px!important;font-size:19px!important}
  .home-cat-section{width:calc(100% - 20px)!important}
  .home-cat-head{gap:8px!important}
  .home-cat-title{font-size:28px!important}
  .home-cat-sub{font-size:14px!important}
  .home-cat-all{font-size:13px!important}
  .exact-products>.container{padding-top:34px!important;padding-bottom:36px!important}
  .exact-products .section-head h2{font-size:27px!important}
  .exact-products .home-products-grid{gap:10px!important}
  .promo-row{width:calc(100% - 20px)!important}
  .why-exact{padding-top:26px!important;padding-bottom:26px!important}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  footer{padding-top:34px!important}
  .exact-footer{width:calc(100% - 20px)!important}
  .whatsapp-float{right:14px!important;bottom:92px!important;z-index:10000!important}
}

@media(max-width:520px){
  body{padding-bottom:108px!important}
  .exact-nav{width:calc(100% - 16px)!important;height:80px!important;grid-template-columns:52px minmax(0,1fr) minmax(104px,auto)!important;grid-template-rows:47px 33px!important}
  .exact-nav .header-search{height:39px!important}
  .exact-nav .header-search input{height:37px!important;font-size:11px!important;padding:0 10px!important}
  .exact-nav .header-search button{height:39px!important;width:39px!important;flex-basis:39px!important;font-size:17px!important}
  .exact-nav .header-cart b{font-size:10px!important}
  .exact-nav .header-cart small{font-size:7px!important}
  .exact-nav .header-cart .cart-icon{font-size:20px!important}
  .exact-nav .logo b{font-size:12px!important}
  .exact-nav .logo small{font-size:7px!important}
  .exact-nav .logo-mark{width:35px!important;height:35px!important;font-size:19px!important;border-radius:12px!important}
  .nav-links{height:35px!important;padding:0 8px!important;gap:15px!important}
  .nav-links a{font-size:9px!important;padding:10px 1px 8px!important}
  .hero-exact{width:calc(100% - 16px)!important;border-radius:22px!important;margin:14px auto!important}
  .hero-exact h1{font-size:34px!important}
  .hero-exact p{font-size:12.5px!important}
  .hero-exact .hero-basket{min-height:190px!important}
  .hero-product-stage{height:190px!important}
  .trust-strip{width:calc(100% - 16px)!important;grid-template-columns:1fr!important;margin-bottom:30px!important}
  .trust-strip>div{min-height:68px!important}
  .home-cat-section{width:calc(100% - 16px)!important}
  .home-cat-title{font-size:25px!important}
  .home-cat-sub{font-size:13px!important}
  .home-cat-all{font-size:12px!important}
  .home-cat-track{gap:10px!important;padding-bottom:12px!important}
  .home-cat-card{flex-basis:calc((100% - 10px)/2)!important;border-radius:18px!important}
  .home-cat-name{font-size:16px!important}
  .home-cat-desc{font-size:12px!important}
  .exact-products>.container{padding-top:28px!important;padding-bottom:30px!important}
  .exact-products .section-head h2{font-size:24px!important}
  .exact-products .home-products-grid{gap:9px!important}
  .exact-products .home-product-wrap .product-image{flex-basis:164px!important;height:164px!important;min-height:164px!important}
  .exact-products .home-product-wrap .product-meta{padding:8px!important}
  .exact-products .home-product-wrap .product-name{font-size:11px!important;line-height:1.45!important}
  .exact-products .home-product-wrap .price{font-size:12px!important}
  .exact-products .home-product-wrap .price del{font-size:8px!important}
  .exact-products .home-product-wrap .card-rating{font-size:9px!important}
  .exact-products .home-product-wrap .add-btn{height:38px!important;min-height:38px!important;font-size:10px!important;border-radius:10px!important}
  .promo-row{width:calc(100% - 16px)!important}
  .promo{padding:14px!important;border-radius:17px!important}
  .why-grid{grid-template-columns:1fr 1fr!important}
  .reviews-grid{grid-template-columns:1fr!important}
  .newsletter{width:calc(100% - 16px)!important}
  .mobile-bottom-nav{left:8px!important;right:8px!important;bottom:7px!important;height:72px!important}
  .whatsapp-float{right:12px!important;bottom:86px!important;width:46px!important;height:46px!important}
  .exact-footer{width:calc(100% - 16px)!important}
}

/* Safe-area support for modern phones */
@supports(padding:max(0px)){
  @media(max-width:900px){
    .mobile-bottom-nav{bottom:max(8px,env(safe-area-inset-bottom))!important}
    body{padding-bottom:max(108px,calc(100px + env(safe-area-inset-bottom)))!important}
  }
}

/* Final mobile footer readability fix: keep Arabic words and phone numbers intact. */
@media(max-width:520px){
  .exact-footer{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px 10px!important;
    align-items:start!important;
  }
  .exact-footer .footer-brand{grid-column:1/-1!important;}
  .exact-footer>div:not(.footer-brand){min-width:0!important;}
  .exact-footer h4,
  .exact-footer p,
  .exact-footer a{
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  .exact-footer>div:not(.footer-brand) h4,
  .exact-footer>div:not(.footer-brand) a,
  .exact-footer>div:not(.footer-brand) p{
    white-space:nowrap!important;
  }
  .exact-footer>div:last-child p:first-of-type{
    direction:ltr!important;
    unicode-bidi:plaintext!important;
    text-align:right!important;
  }
}

/* Final Arabic footer word-wrap fix */
@media(max-width:520px){.exact-footer p,.exact-footer a{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}.exact-footer>div:last-child p:first-of-type{white-space:nowrap!important}.exact-footer>div{min-width:0!important}}

/* Final footer Arabic typography: never split a word or phrase inside navigation/contact items. */
@media (max-width: 700px){
  .exact-footer>div:not(.footer-brand) h4,
  .exact-footer>div:not(.footer-brand) a,
  .exact-footer>div:not(.footer-brand) p{
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  .exact-footer>div:not(.footer-brand){
    min-width:max-content!important;
  }
}


/* FINAL MOBILE FOOTER FIX: keep all Arabic navigation/contact words intact.
   Only affects the footer on small screens; desktop and landing content are unchanged. */
@media (max-width: 700px){
  .exact-footer{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:20px 18px !important;
    align-items:start !important;
  }
  .exact-footer .footer-brand{grid-column:1/-1 !important;}
  .exact-footer>div:not(.footer-brand){min-width:0 !important;}
  .exact-footer>div:not(.footer-brand) h4,
  .exact-footer>div:not(.footer-brand) a,
  .exact-footer>div:not(.footer-brand) p{
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
  }
  .exact-footer>div:not(.footer-brand) h4,
  .exact-footer>div:not(.footer-brand) a,
  .exact-footer>div:not(.footer-brand) p:not(.footer-help){
    white-space:nowrap !important;
  }
  .exact-footer .footer-help{white-space:normal !important;}
}

/* === FINAL OVERRIDE — MOBILE FOOTER: Arabic words must never split === */
@media (max-width:700px){
  footer .exact-footer{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:24px 20px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:visible!important;
  }
  footer .exact-footer .footer-brand{
    grid-column:1 / -1!important;
    min-width:0!important;
  }
  footer .exact-footer>div:not(.footer-brand){
    min-width:0!important;
    width:100%!important;
  }
  footer .exact-footer>div:not(.footer-brand) h4,
  footer .exact-footer>div:not(.footer-brand) a,
  footer .exact-footer>div:not(.footer-brand) p{
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  footer .exact-footer>div:last-child p:first-of-type{
    white-space:nowrap!important;
    direction:ltr!important;
    unicode-bidi:plaintext!important;
  }
  footer .exact-footer .footer-help{
    white-space:normal!important;
  }
}

.header-search a.hs-ic,.exact-nav .header-search a.hs-ic{flex:0 0 40px!important;width:40px!important;display:grid!important;place-items:center!important;font-size:17px!important;text-decoration:none!important;background:#fff!important;border-right:1px solid #e5eee9!important;line-height:1!important}
@media(max-width:600px){.header-search a.hs-ic,.exact-nav .header-search a.hs-ic{flex-basis:34px!important;width:34px!important;font-size:15px!important}.header-search a.hs-ic[href$="voice.php"],.exact-nav .header-search a.hs-ic[href$="voice.php"]{display:none!important}}