@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--green:#075b35;--green2:#0b7a45;--ink:#10221b;--muted:#68756f;--bg:#f6f9f7;--card:#fff;--line:#e5ece8;--gold:#e7ad37;--shadow:0 16px 45px rgba(10,45,30,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#053c25;color:#fff;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;padding:8px 0}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{height:82px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:11px;min-width:220px}.logo-mark,.brand-mark{display:grid;place-items:center;background:#e8f6ef;color:var(--green2);font-weight:800;border-radius:18px;width:50px;height:50px;font-size:28px}.logo b{display:block;font-size:20px}.logo small{display:block;color:var(--muted);font-size:11px}.nav nav{display:flex;gap:24px;align-items:center;flex:1;justify-content:center}.nav nav a{font-weight:600;color:#33443d;font-size:14px}.nav nav a:hover{color:var(--green2)}.cart-btn{border:1px solid var(--line);padding:10px 14px;border-radius:14px}.cart-btn span{background:var(--green2);color:#fff;border-radius:20px;padding:1px 7px;font-size:12px}.hero{width:min(1180px,92%);margin:28px auto;min-height:420px;border-radius:28px;background:linear-gradient(110deg,#063a25,#0a7543);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative}.hero-copy{padding:65px 65px}.eyebrow{color:#169b5b;font-size:13px;font-weight:800;letter-spacing:.2px}.hero .eyebrow{color:#8ff0bd}.hero h1{font-size:48px;line-height:1.25;margin:12px 0}.hero p{font-size:17px;color:#dcebe4;max-width:610px}.hero-actions{display:flex;gap:12px;margin:26px 0}.btn{border:0;border-radius:13px;padding:12px 22px;font-family:inherit;font-weight:800;cursor:pointer;display:inline-block;text-align:center}.btn.primary{background:#13a95f;color:#fff}.btn.ghost{background:#fff;color:var(--green);border:1px solid var(--line)}.hero-points{display:flex;gap:22px;font-size:12px;color:#d9eee4}.hero-art{position:relative;background:radial-gradient(circle at 50% 45%,#16945255,transparent 55%);display:grid;place-items:center}.cart-art{font-size:150px;filter:drop-shadow(0 20px 25px #001b0e55)}.floating-card{position:absolute;top:28px;left:30px;background:#ffffffee;color:var(--ink);padding:12px 18px;border-radius:16px;box-shadow:var(--shadow)}.floating-card b,.floating-card small{display:block}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px auto 55px}.features>div{padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px #0a33200a}.features b,.features span{display:block}.features span{font-size:12px;color:var(--muted)}.section{padding:20px 0 65px}.soft{background:var(--bg);max-width:none}.soft> .container{padding-top:40px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-head h1,.section-head h2{margin:3px 0;font-size:30px}.section-head>a{color:var(--green2);font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-card{background:#fff;border:1px solid var(--line);padding:24px 14px;border-radius:18px;text-align:center;transition:.2s}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-icon{width:48px;height:48px;border-radius:15px;background:#eaf8f0;color:var(--green2);display:grid;place-items:center;margin:0 auto 10px;font-size:23px}.category-card b,.category-card span{display:block}.category-card span{font-size:11px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{height:245px;background:#f7f9f8;display:grid;place-items:center;position:relative;overflow:hidden}.product-image img{display:block;width:auto;height:auto;max-width:calc(100% - 20px);max-height:calc(100% - 20px);object-fit:contain;padding:0;margin:auto}.product-image span{font-size:70px}.product-image em{position:absolute;top:12px;right:12px;background:#fff1d5;color:#8d6100;padding:3px 9px;border-radius:20px;font-style:normal;font-size:11px;font-weight:800}.product-meta{padding:14px}.product-meta small{color:var(--green2);font-size:11px}.product-name{display:block;font-weight:800;margin:3px 0 7px}.price{font-weight:800;font-size:17px}.price del{color:#a0aaa5;font-size:12px;margin-right:6px}.add-btn{width:100%;margin-top:11px;border:1px solid #a8d9c0;background:#f2fbf6;color:var(--green);border-radius:10px;padding:9px;font-family:inherit;font-weight:800;cursor:pointer}.add-btn:disabled{opacity:.5;cursor:not-allowed}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px auto 70px}.trust div{background:#073e27;color:#fff;padding:24px;border-radius:18px}.trust strong,.trust span{display:block}.trust span{font-size:12px;color:#cde4d8}.page{padding:55px 0 90px;min-height:60vh}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.search-box{display:flex;border:1px solid var(--line);border-radius:13px;overflow:hidden;width:min(390px,100%)}.search-box input{border:0;padding:12px;outline:0;flex:1;font-family:inherit}.search-box button{border:0;background:var(--green);color:#fff;width:48px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.chips a{border:1px solid var(--line);padding:6px 14px;border-radius:30px;font-size:12px}.chips a.active{background:var(--green);color:#fff}.product-detail,.checkout-layout,.cart-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-image{min-height:500px;background:#f7f9f8;border-radius:25px;display:grid;place-items:center}.detail-image img{display:block;width:auto;height:auto;max-width:calc(100% - 40px);max-height:calc(100% - 40px);object-fit:contain;padding:0;margin:auto}.detail-copy{padding:35px 0}.detail-copy h1{font-size:40px;line-height:1.25}.price.big{font-size:28px;margin:20px 0}.stock{background:#eaf8f0;color:var(--green);padding:8px 12px;border-radius:10px;display:inline-block}.buy-form{display:flex;gap:10px;margin-top:25px}.buy-form input{width:90px;border:1px solid var(--line);border-radius:12px;padding:12px}.cart-items,.panel,.summary{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.cart-row{display:grid;grid-template-columns:75px 1fr 85px 120px;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.thumb{width:75px;height:75px;border-radius:13px;background:#f7f9f8;display:grid;place-items:center;overflow:hidden}.thumb img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:auto}.cart-info span{display:block;color:var(--muted);font-size:12px}.cart-row input{width:70px;padding:8px;border:1px solid var(--line);border-radius:8px}.summary{height:max-content;box-shadow:var(--shadow)}.summary>div{display:flex;justify-content:space-between;padding:7px 0}.summary .total{font-size:19px}.link{border:0;background:none;font-family:inherit;cursor:pointer}.danger{color:#b33}.full{width:100%;margin-top:15px}.checkout-layout{grid-template-columns:1.4fr .6fr}.panel label,.form-grid label{display:block;font-weight:700;font-size:13px;margin-bottom:13px}.panel input,.panel textarea,.panel select,.form-grid input,.form-grid textarea,.form-grid select{display:block;width:100%;border:1px solid var(--line);border-radius:11px;padding:11px;font:inherit;margin-top:5px;outline:0}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid{display:grid;gap:12px}.cod{background:#f3faf6;border:1px solid #d9eee2;padding:13px;border-radius:12px;margin-top:12px}.alert{padding:12px;border-radius:12px;margin:12px 0}.alert.danger{background:#fff0f0;color:#8b2525}.alert.success{background:#ecfbf2;color:#11643a}.empty{padding:60px;text-align:center;background:var(--bg);border-radius:20px;color:var(--muted);grid-column:1/-1}.empty.large{font-size:18px}footer{background:#063a25;color:#dcebe4;padding-top:45px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding-bottom:35px}.footer-grid a,.footer-grid p{display:block;color:#bcd6ca;font-size:13px;margin:5px 0}.copyright{border-top:1px solid #ffffff1a;text-align:center;padding:15px;font-size:11px;color:#9fc1b0}.success-box{max-width:650px;margin:30px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:25px;padding:60px 25px;box-shadow:var(--shadow)}.success-icon{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:#e9f8ef;color:var(--green2);font-size:40px;margin:auto}.install-page{background:linear-gradient(135deg,#eaf7ef,#f7faf8);min-height:100vh;display:grid;place-items:center}.install-card{width:min(650px,92%);background:#fff;border-radius:25px;padding:35px;box-shadow:var(--shadow)}.install-card h1{text-align:center}.brand-mark{margin:auto}.muted{color:var(--muted);font-size:13px}.install-card hr{border:0;border-top:1px solid var(--line);grid-column:1/-1}.install-card .form-grid{grid-template-columns:1fr 1fr}
@media(max-width:900px){.nav{height:70px}.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:180px}.hero-copy{padding:38px 28px}.hero h1{font-size:35px}.features,.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:1fr}.product-detail,.checkout-layout,.cart-layout{grid-template-columns:1fr}.detail-image{min-height:320px}.footer-grid{grid-template-columns:1fr 1fr}.page-title{display:block}.search-box{margin-top:15px}.install-card .form-grid{grid-template-columns:1fr}}
@media(max-width:520px){.topbar-inner{font-size:10px}.topbar-inner span:nth-child(2){display:none}.logo{min-width:0}.logo b{font-size:16px}.logo-mark{width:42px;height:42px;font-size:22px}.cart-btn{padding:7px 10px}.hero{margin-top:15px;border-radius:20px}.hero-copy{padding:30px 20px}.hero h1{font-size:31px}.hero p{font-size:14px}.hero-actions{flex-direction:column}.hero-points{gap:8px;flex-wrap:wrap}.features{gap:9px;margin-bottom:35px}.features>div{padding:13px}.features b{font-size:12px}.features span{font-size:10px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{gap:10px}.product-image{height:175px}.product-meta{padding:10px}.product-name{font-size:13px}.price{font-size:14px}.add-btn{font-size:11px}.section{padding-bottom:40px}.section-head h1,.section-head h2{font-size:24px}.cart-row{grid-template-columns:58px 1fr 65px}.cart-row>div:last-child{grid-column:2/-1}.thumb{width:58px;height:58px}.footer-grid{grid-template-columns:1fr}.detail-copy h1{font-size:30px}.buy-form{flex-wrap:wrap}.buy-form .btn{flex:1}.form-grid.two{grid-template-columns:1fr}}

.category-icon img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:inherit;margin:auto}.category-icon{overflow:hidden}.weight-choice{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px}.weight-choice select{padding:11px;border:1px solid var(--line);border-radius:11px;font:inherit;background:#fff}.order-summary-success{background:#f7faf8;border:1px solid var(--line);border-radius:15px;padding:14px;text-align:right;margin:20px 0}.order-summary-success div{display:flex;justify-content:space-between;padding:6px 0}.footer-grid a{word-break:break-word}
/* FINAL CATEGORY IMAGE SIZE FIX */
.category-grid .category-card{overflow:hidden!important;min-width:0!important;max-width:100%!important}
.category-grid .category-card .category-icon{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;min-height:64px!important;max-height:64px!important;overflow:hidden!important;margin-left:auto!important;margin-right:auto!important}
.category-grid .category-card .category-icon img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important;border-radius:inherit!important;margin:auto!important}
.category-upload-preview{display:block!important;width:160px!important;height:160px!important;max-width:160px!important;max-height:160px!important;object-fit:contain!important}
.category-table-img{display:block!important;width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important}
@media(max-width:520px){.category-grid .category-card .category-icon{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;min-height:56px!important;max-height:56px!important}}

.whatsapp-float{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;z-index:1000;box-shadow:0 10px 30px #0002;border:3px solid #fff}.whatsapp-float svg{width:31px;height:31px}.whatsapp-float:hover{transform:translateY(-2px)}
.category-icon img,.product-image img,.detail-image img,.thumb img{display:block;max-width:100%;max-height:100%;object-fit:contain;margin:auto}
@media(max-width:520px){.whatsapp-float{width:52px;height:52px;right:14px;bottom:14px}.whatsapp-float svg{width:28px;height:28px}}

/* FINAL IMAGE DISPLAY FIX: preserve complete uploaded image without cropping */
.product-image{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.product-image img{width:auto!important;height:auto!important;max-width:calc(100% - 20px)!important;max-height:calc(100% - 20px)!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:auto!important}
.category-icon{display:flex!important;align-items:center!important;justify-content:center!important}
.category-icon img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:auto!important}
.detail-image{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.detail-image img{width:auto!important;height:auto!important;max-width:calc(100% - 40px)!important;max-height:calc(100% - 40px)!important;object-fit:contain!important;margin:auto!important}
.thumb{display:flex!important;align-items:center!important;justify-content:center!important}
.thumb img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:auto!important}


/* ===== FINAL RESPONSIVE + IMAGE SAFETY PATCH ===== */
html,body{width:100%;max-width:100%;min-width:0;margin:0;padding:0;overflow-x:hidden}
img{max-width:100%;height:auto}
.container{width:92%;max-width:1180px;margin-left:auto;margin-right:auto}
.hero{width:92%;max-width:1180px;margin-left:auto;margin-right:auto}
.nav,.topbar-inner,.section,.trust,.soft> .container,.page,footer>.container{max-width:1180px}
.product-grid,.category-grid{width:100%;min-width:0}
.product-card,.category-card,.product-image,.category-icon{min-width:0;max-width:100%}
.product-image img,.detail-image img,.thumb img,.category-icon img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.product-image{height:245px;min-width:0}
.category-icon{width:64px;height:64px;flex:0 0 64px}
@media(max-width:900px){
  .container,.hero{width:92%;max-width:none}
  .nav{width:92%;gap:12px}
  .logo{flex:1;min-width:0}
  .logo>span:last-child{min-width:0}
  .logo b,.logo small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero{grid-template-columns:1fr;min-width:0}
  .hero-art{min-width:0}
}
@media(max-width:520px){
  .container,.hero,.nav{width:calc(100% - 28px);max-width:none}
  .topbar-inner{width:calc(100% - 28px)}
  .hero{margin-left:14px;margin-right:14px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-image{height:175px}
  .category-icon{width:56px;height:56px;flex-basis:56px}
  .section-head{gap:10px}
  .section-head h1,.section-head h2{font-size:24px;line-height:1.35}
}


/* =========================================================
   EXACT PREMIUM STOREFRONT — visual layer only
   ========================================================= */
:root{--xgreen:#006b3d;--xgreen2:#0a8a4f;--xdeep:#004c2c;--xmint:#eef9f3;--xline:#e4ebe7;--xtext:#16221d;--xmuted:#76817c;--xshadow:0 10px 32px rgba(0,67,38,.08)}
body{background:#fff;color:var(--xtext)}
.exact-top{background:var(--xdeep);font-size:11px}.exact-top .topbar-inner{padding:7px 0;gap:22px;align-items:center}.exact-top .topbar-inner span{white-space:nowrap}
.exact-header{position:relative;top:auto;background:#fff;box-shadow:0 1px 0 #edf2ef;z-index:20}.exact-nav{height:91px;display:grid;grid-template-columns:250px 1fr 180px;align-items:center;gap:25px}.exact-nav .logo{order:3;justify-self:end;min-width:0}.exact-nav .logo b{font-size:23px}.exact-nav .logo small{font-size:12px}.exact-nav .logo-mark{width:51px;height:51px;border-radius:17px;font-size:29px}.header-search{order:2;height:45px;border:1px solid #dce6e1;border-radius:11px;display:flex;overflow:hidden;background:#fff}.header-search select{border:0;border-left:1px solid #e6ece9;background:#fff;padding:0 10px;font-family:inherit;color:#52605a;outline:0}.header-search input{border:0;outline:0;flex:1;padding:0 14px;font-family:inherit;font-size:12px;direction:rtl}.header-search button{width:52px;border:0;background:var(--xgreen);color:#fff;font-size:23px}.header-cart{order:1;display:flex;align-items:center;gap:9px;justify-self:start;position:relative;padding-left:12px}.header-cart .cart-icon{font-size:26px}.header-cart b,.header-cart small{display:block}.header-cart b{font-size:14px}.header-cart small{font-size:10px;color:var(--xmuted)}.header-cart em{position:absolute;top:-8px;right:31px;background:var(--xgreen);color:#fff;font-style:normal;border-radius:50%;min-width:21px;height:21px;display:grid;place-items:center;font-size:10px;border:2px solid #fff}.nav-links{height:50px;display:flex;align-items:center;justify-content:center;gap:40px;border-top:1px solid #f1f4f2}.nav-links a{font-size:13px;font-weight:700;color:#33413b;padding:14px 4px;position:relative}.nav-links a.active{color:var(--xgreen)}.nav-links a.active:after{content:"";position:absolute;right:0;left:0;bottom:0;height:2px;background:var(--xgreen)}
.hero-exact{width:min(1180px,94%);min-height:400px;margin:22px auto 18px;border-radius:25px;position:relative;display:grid;grid-template-columns:1.03fr .97fr;overflow:hidden;background:linear-gradient(90deg,#064b2d,#007744 58%,#e8f5ed 100%);box-shadow:var(--xshadow);isolation:isolate}.hero-exact:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 45%,rgba(255,255,255,.45),transparent 34%);pointer-events:none}.hero-exact .hero-copy{padding:44px 58px;position:relative;z-index:4}.hero-exact .eyebrow{color:#b9f0d0;font-size:12px}.hero-exact h1{font-size:48px;line-height:1.18;margin:10px 0 10px;color:#fff}.hero-exact h1 b{color:#b9f0d0}.hero-exact p{font-size:15px;line-height:1.9;max-width:510px;color:#eef8f3;margin:0}.hero-exact .hero-actions{margin:22px 0 16px;display:flex;gap:12px}.hero-exact .btn{padding:11px 26px;border-radius:10px;font-size:13px}.hero-exact .btn.primary{background:#08a85c}.hero-exact .btn.ghost{border:1px solid #d7e5de;color:var(--xgreen);background:#fff}.hero-exact .hero-points{display:flex;gap:23px;color:#e8f7ef;font-size:11px}.hero-review{position:absolute;right:42px;top:20px;background:#fff;color:#26352f;border-radius:18px;padding:8px 13px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 25px rgba(0,0,0,.1);z-index:5}.avatars{display:flex;direction:ltr}.avatars i{font-style:normal;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e8f3ee;color:var(--xgreen);font-size:10px;border:2px solid #fff;margin-left:-7px}.hero-review b,.hero-review strong{display:block;font-size:9px}.hero-review strong{color:#efa900;letter-spacing:1px}.hero-basket{position:relative;min-height:400px;z-index:2;display:flex;align-items:flex-end;justify-content:center}.basket-products{position:absolute;z-index:3;bottom:120px;right:14%;width:76%;height:230px}.hero-prod{position:absolute;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(0,0,0,.18));max-width:40%;max-height:145px}.hp1{right:3%;bottom:35px;transform:rotate(7deg)}.hp2{right:25%;bottom:60px;max-height:165px}.hp3{right:48%;bottom:50px;max-height:150px}.hp4{right:66%;bottom:62px;max-height:150px}.hp5{right:38%;bottom:8px;max-height:100px}.basket-body{position:absolute;z-index:4;bottom:26px;width:72%;height:150px;border:15px solid #0e8650;border-top-width:20px;border-radius:8px 8px 25px 25px;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.22) 24px 31px),linear-gradient(#15965b,#0a7543);transform:perspective(250px) rotateX(-4deg);box-shadow:0 20px 25px rgba(0,0,0,.2)}.basket-body:before{content:"";position:absolute;left:-40px;top:-105px;width:90%;height:125px;border:13px solid #15965b;border-bottom:0;border-radius:70px 70px 0 0;transform:rotate(-18deg);opacity:.95}.basket-handle{display:none}.hero-leaf{position:absolute;right:-30px;bottom:0;width:250px;height:270px;background:radial-gradient(ellipse at bottom,#7bcf94 0 28%,transparent 29%),radial-gradient(ellipse at 35% 45%,#64b77d 0 22%,transparent 23%),radial-gradient(ellipse at 70% 40%,#4ca96d 0 20%,transparent 21%);opacity:.25}.hero-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:6px}.hero-dots b{width:7px;height:7px;border-radius:50%;background:#cbdad2}.hero-dots b.active{background:#0ca45b;width:9px;height:9px}
.features-exact{margin-top:0;margin-bottom:45px;gap:14px}.features-exact>div{min-height:74px;padding:12px 16px;border-radius:16px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}.features-exact .ficon{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#eff8f3;color:var(--xgreen);display:grid;place-items:center;font-size:19px}.features-exact b{font-size:13px}.features-exact>div>span:last-child{font-size:9px}
.exact-section{padding-top:5px;padding-bottom:48px}.exact-section .section-head,.exact-products .section-head{margin-bottom:17px}.exact-section h2,.exact-products h2,.why-exact h2,.reviews-exact h2{font-size:26px}.category-exact{grid-template-columns:repeat(6,1fr);gap:15px}.category-exact .category-card{padding:15px 10px;border-radius:18px;min-height:132px}.category-exact .category-icon{width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;border-radius:50%;background:#f1f8f4}.category-exact .category-icon img{padding:5px}.category-exact .category-card b{font-size:12px}.category-exact .category-card span{font-size:9px}
.exact-products{padding-top:36px;padding-bottom:38px}.product-exact{grid-template-columns:repeat(5,1fr);gap:12px}.product-wrap{position:relative}.product-exact .product-card{border-radius:15px;box-shadow:none}.product-exact .product-image{height:200px;background:#fff}.product-exact .product-meta{padding:10px}.product-exact .product-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-exact .price{font-size:15px}.product-exact .add-btn{font-size:10px;padding:7px;border-radius:9px}.fake-rating{position:absolute;z-index:4;left:9px;bottom:77px;font-size:9px;color:#f0b000;background:#fff;border-radius:8px;padding:2px 4px}.product-exact .product-image em{background:#07924f;color:#fff;font-size:9px}
.promo-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px;margin-bottom:42px}.promo{min-height:86px;border-radius:16px;background:#edf8f2;border:1px solid #dceee4;padding:11px 16px;display:flex;align-items:center;gap:14px;overflow:hidden}.promo .promo-art{font-size:37px}.promo>div:nth-child(2){flex:1}.promo b,.promo span{display:block}.promo b{color:var(--xgreen);font-size:15px}.promo span{color:var(--xmuted);font-size:10px}.promo .btn{font-size:10px;padding:8px 15px}.why-exact{padding-top:0;padding-bottom:42px}.why-grid{grid-template-columns:repeat(4,1fr);gap:13px}.why-grid>div{padding:19px 13px;border:1px solid var(--xline);border-radius:16px;text-align:center}.why-grid strong{width:44px;height:44px;background:#eef8f2;color:var(--xgreen);font-size:23px;border-radius:13px;margin:auto auto 8px;display:grid;place-items:center}.why-grid b{font-size:12px}.why-grid span{font-size:9px;color:var(--xmuted);display:block;margin-top:2px}.reviews-exact{padding-top:35px;padding-bottom:42px}.reviews-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.reviews-grid article{background:#fff;border:1px solid var(--xline);border-radius:16px;padding:16px;min-height:125px}.reviews-grid .stars{color:#0a8a4f;font-size:13px;letter-spacing:1px}.reviews-grid b{font-size:11px}.reviews-grid p{font-size:9px;color:var(--xmuted);margin:5px 0 0}.newsletter{margin-top:20px;margin-bottom:30px;background:linear-gradient(90deg,#064c2d,#087b46);color:#fff;border-radius:16px;min-height:72px;padding:10px 20px;display:flex;align-items:center;gap:15px}.newsletter-icon{font-size:28px}.newsletter>div:nth-child(2){flex:1}.newsletter b,.newsletter span{display:block}.newsletter b{font-size:14px}.newsletter span{font-size:9px;color:#d4ebdf}.newsletter form{display:flex;width:360px;background:#fff;border-radius:9px;overflow:hidden}.newsletter input{flex:1;border:0;outline:0;padding:9px;font-family:inherit;font-size:10px}.newsletter button{border:0;background:#0b9b56;color:#fff;padding:0 18px;font-family:inherit;font-weight:800}
.exact-header + .hero-exact + .features-exact + .exact-section{}
@media(max-width:900px){.reviews-grid{grid-template-columns:repeat(2,1fr)}.exact-nav{height:78px;grid-template-columns:180px 1fr 125px;gap:12px}.header-search select{display:none}.nav-links{gap:20px;overflow:auto;justify-content:flex-start}.nav-links a{white-space:nowrap}.hero-exact{grid-template-columns:1fr;min-height:570px}.hero-exact .hero-copy{padding:34px 30px}.hero-exact h1{font-size:39px}.hero-basket{min-height:270px}.basket-products{bottom:95px}.basket-body{bottom:14px}.category-exact{grid-template-columns:repeat(3,1fr)}.product-exact{grid-template-columns:repeat(3,1fr)}.promo-row{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.reviews-grid{grid-template-columns:1fr}.newsletter{flex-wrap:wrap}.newsletter form{width:100%}}
@media(max-width:520px){.reviews-grid{grid-template-columns:1fr}.exact-top .topbar-inner{width:calc(100% - 28px);justify-content:center}.exact-top .topbar-inner span:nth-child(n+3){display:none}.exact-nav{width:calc(100% - 28px);grid-template-columns:1fr auto;height:75px;gap:8px}.exact-nav .logo{order:1;justify-self:end}.exact-nav .logo b{font-size:17px}.exact-nav .logo-mark{width:43px;height:43px;font-size:24px}.header-search{position:absolute;top:80px;right:14px;left:14px;z-index:5}.header-cart{order:2}.header-cart span:nth-child(2){display:none}.header-cart em{right:22px}.nav-links{margin-top:58px;height:43px;width:calc(100% - 28px);gap:21px}.nav-links a{font-size:10px}.hero-exact{width:calc(100% - 28px);margin-top:14px;min-height:600px}.hero-exact .hero-copy{padding:28px 19px 15px}.hero-review{right:18px;top:14px}.hero-exact .eyebrow{margin-top:55px}.hero-exact h1{font-size:32px}.hero-exact p{font-size:12px}.hero-exact .hero-actions{flex-direction:row}.hero-exact .btn{padding:9px 14px;font-size:10px}.hero-exact .hero-points{gap:8px;font-size:9px}.hero-basket{min-height:250px}.basket-products{bottom:92px;right:8%;width:84%}.hero-prod{max-height:120px}.basket-body{width:72%;height:115px;border-width:11px}.category-exact{grid-template-columns:repeat(3,1fr);gap:8px}.category-exact .category-card{min-height:116px;padding:11px 5px}.category-exact .category-icon{width:55px!important;height:55px!important;min-width:55px!important;min-height:55px!important}.category-exact .category-card b{font-size:10px}.product-exact{grid-template-columns:repeat(2,1fr);gap:9px}.product-exact .product-image{height:160px}.fake-rating{bottom:68px}.promo{padding:10px}.promo b{font-size:12px}.why-grid{grid-template-columns:repeat(2,1fr)}.newsletter{padding:13px;display:grid;grid-template-columns:32px 1fr;gap:6px}.newsletter form{grid-column:1/-1}.features-exact{grid-template-columns:repeat(2,1fr);gap:8px}.features-exact>div{min-height:73px;padding:9px}.features-exact b{font-size:10px}.features-exact>div>span:last-child{font-size:8px}.exact-section h2,.exact-products h2,.why-exact h2,.reviews-exact h2{font-size:21px}}
.exact-footer{grid-template-columns:2fr 1fr 1fr 1fr}.exact-footer .logo{margin-bottom:10px}.exact-footer h4{color:#fff;margin:0 0 9px}.exact-footer p{font-size:11px;line-height:1.8}.social-row{display:flex;gap:7px}.social-row a{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0a6940;color:#fff;font-weight:800}.copyright{font-size:9px}@media(max-width:900px){.exact-footer{grid-template-columns:1fr 1fr}}@media(max-width:520px){.exact-footer{grid-template-columns:1fr}}


/* Final precision responsive correction: keep the reference homepage composition clean on phones. */
@media(max-width:520px){
  body{overflow-x:hidden}
  .container{width:calc(100% - 28px)}
  .exact-top .topbar-inner{height:30px;padding:0;gap:12px;font-size:8px;white-space:nowrap;overflow:hidden}
  .exact-header{position:relative}
  .exact-nav{height:68px;width:calc(100% - 28px);display:flex;justify-content:space-between;align-items:center;gap:8px}
  .exact-nav .logo{order:2;min-width:0;gap:7px;flex:0 0 auto}
  .exact-nav .logo-mark{width:40px;height:40px;border-radius:14px;font-size:23px}
  .exact-nav .logo b{font-size:15px;line-height:1.2}
  .exact-nav .logo small{font-size:8px;line-height:1.3}
  .exact-nav .header-cart{order:1;display:flex;align-items:center;gap:5px;min-width:44px}
  .exact-nav .cart-icon{font-size:22px}
  .exact-nav .header-cart em{position:absolute;right:auto;left:34px;top:12px;min-width:17px;height:17px;font-size:9px}
  .header-search{position:relative;order:3;top:auto;right:auto;left:auto;flex:1;min-width:0;width:auto;margin:0}
  .header-search input{height:38px;font-size:10px;padding:8px 10px}
  .header-search button{width:38px;height:38px}
  .header-search select{display:none}
  .nav-links{width:calc(100% - 28px);margin:0 auto;height:43px;display:flex;gap:19px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;border-top:1px solid #f0f3f1}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{font-size:10px;flex:0 0 auto;padding-top:9px}

  .hero-exact{width:calc(100% - 28px);margin:16px auto 12px;min-height:0;height:auto;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:stretch;overflow:hidden}
  .hero-exact .hero-copy{padding:25px 14px 22px;display:flex;flex-direction:column;justify-content:center;min-width:0}
  .hero-review{position:static;order:0;align-self:flex-start;margin-bottom:9px;padding:5px 7px;border-radius:12px;gap:5px}
  .avatars i{width:19px;height:19px;font-size:7px}
  .hero-review b,.hero-review strong{font-size:6px}
  .hero-exact .eyebrow{font-size:7px;margin:0;color:#9ff1c2;line-height:1.5}
  .hero-exact h1{font-size:25px;line-height:1.18;margin:7px 0 8px;word-break:keep-all}
  .hero-exact p{font-size:9px;line-height:1.8;margin:0;color:#edf8f2}
  .hero-exact .hero-actions{gap:6px;margin:13px 0 10px}
  .hero-exact .btn{padding:8px 9px;border-radius:8px;font-size:8px;white-space:nowrap}
  .hero-exact .hero-points{gap:5px;font-size:6px;line-height:1.5;white-space:nowrap}
  .hero-basket{min-height:0;height:100%;min-height:305px;align-self:stretch}
  .basket-products{bottom:86px;right:3%;width:96%;height:190px}
  .hero-prod{max-width:43%;max-height:112px}
  .hp1{right:1%;bottom:27px}.hp2{right:22%;bottom:49px;max-height:125px}.hp3{right:45%;bottom:41px;max-height:110px}.hp4{right:66%;bottom:52px;max-height:105px}.hp5{right:38%;bottom:3px;max-height:70px}
  .basket-body{bottom:13px;width:88%;height:106px;border-width:10px;border-top-width:14px;border-radius:7px 7px 20px 20px}
  .basket-body:before{left:-20px;top:-75px;width:92%;height:90px;border-width:9px;border-bottom:0}
  .hero-leaf{width:150px;height:190px;right:-35px}
  .hero-dots{bottom:4px;left:52%;gap:4px}.hero-dots b{width:5px;height:5px}.hero-dots b.active{width:7px;height:7px}

  .features-exact{margin:0 auto 30px;grid-template-columns:repeat(2,1fr);gap:8px}
  .features-exact>div{min-height:68px;padding:8px 7px;border-radius:13px;grid-template-columns:28px 1fr;column-gap:6px}
  .features-exact .ficon{width:28px;height:28px;border-radius:9px;font-size:14px}.features-exact b{font-size:9px}.features-exact>div>span:last-child{font-size:7px}

  .exact-section{padding-top:0;padding-bottom:34px}.exact-section .section-head,.exact-products .section-head{margin-bottom:13px}.exact-section h2,.exact-products h2,.why-exact h2,.reviews-exact h2{font-size:20px}.section-head>a{font-size:9px}
  .category-exact{grid-template-columns:repeat(3,1fr);gap:8px}.category-exact .category-card{min-height:111px;padding:10px 5px;border-radius:14px}.category-exact .category-icon{width:55px!important;height:55px!important;min-width:55px!important;min-height:55px!important;margin-bottom:6px}.category-exact .category-card b{font-size:9px}.category-exact .category-card span{font-size:7px}

  .exact-products{padding-top:28px;padding-bottom:30px}.product-exact{grid-template-columns:repeat(2,1fr);gap:8px}.product-exact .product-card{border-radius:13px}.product-exact .product-image{height:165px}.product-exact .product-meta{padding:9px}.product-exact .product-name{font-size:10px}.product-exact .price{font-size:13px}.product-exact .price del{font-size:8px}.product-exact .add-btn{font-size:8px;padding:7px 4px;margin-top:7px}.fake-rating{bottom:65px;left:7px;font-size:7px}.product-exact .product-image em{font-size:7px;padding:2px 6px}

  .promo-row{grid-template-columns:1fr;gap:8px;margin-top:12px;margin-bottom:30px}.promo{min-height:73px;border-radius:14px;padding:8px 10px;gap:8px}.promo .promo-art{font-size:28px}.promo b{font-size:10px}.promo span{font-size:7px}.promo .btn{font-size:8px;padding:7px 9px}
  .why-exact{padding-bottom:32px}.why-grid{grid-template-columns:repeat(2,1fr);gap:8px}.why-grid>div{padding:14px 7px;border-radius:13px}.why-grid strong{width:36px;height:36px;border-radius:10px;font-size:18px}.why-grid b{font-size:9px}.why-grid span{font-size:7px}
  .reviews-exact{padding-top:28px;padding-bottom:30px}.reviews-grid{grid-template-columns:1fr;gap:8px}.reviews-grid article{padding:13px;border-radius:13px}.reviews-grid .stars{font-size:10px}.reviews-grid b{font-size:9px}.reviews-grid p{font-size:8px}
  .newsletter{margin:14px auto 24px;border-radius:13px;min-height:65px;padding:10px;grid-template-columns:28px 1fr;gap:5px}.newsletter-icon{font-size:22px}.newsletter b{font-size:10px}.newsletter span{font-size:7px}.newsletter form{height:31px}.newsletter input{font-size:8px;padding:6px}.newsletter button{font-size:8px;padding:0 12px}
  .exact-footer{grid-template-columns:1fr 1fr;gap:20px;padding-bottom:22px}.exact-footer .logo b{font-size:15px}.exact-footer .logo small{font-size:8px}.exact-footer p,.exact-footer a{font-size:8px}.exact-footer h4{font-size:10px}.copyright{font-size:7px}
}

/* =========================================================
   FINAL MOBILE HARDENING — storefront only
   Keeps all PHP, admin, cart, checkout and database logic intact.
   ========================================================= */
@media (max-width: 600px){
  html,body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  body{font-size:14px!important}
  .container{width:calc(100% - 24px)!important;max-width:none!important}

  /* Header: three clean rows, no overlap */
  .exact-top .topbar-inner{width:calc(100% - 24px)!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;overflow:hidden!important;padding:0!important;font-size:8px!important;white-space:nowrap!important}
  .exact-top .topbar-inner span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .exact-top .topbar-inner span:nth-child(n+3){display:none!important}

  .exact-header{width:100%!important;position:relative!important;overflow:visible!important}
  .exact-nav{width:calc(100% - 24px)!important;height:116px!important;margin:0 auto!important;padding:8px 0!important;display:grid!important;grid-template-columns:minmax(55px,1fr) auto!important;grid-template-rows:52px 48px!important;gap:7px!important;align-items:center!important}
  .exact-nav .logo{grid-column:2!important;grid-row:1!important;order:0!important;display:flex!important;align-items:center!important;justify-self:end!important;min-width:0!important;max-width:100%!important;gap:6px!important}
  .exact-nav .logo>span:last-child{min-width:0!important;text-align:right!important}
  .exact-nav .logo b{display:block!important;font-size:15px!important;line-height:1.15!important;white-space:nowrap!important}
  .exact-nav .logo small{display:block!important;font-size:8px!important;line-height:1.2!important;white-space:nowrap!important}
  .exact-nav .logo-mark{width:39px!important;height:39px!important;min-width:39px!important;border-radius:13px!important;font-size:22px!important}

  .exact-nav .header-cart{grid-column:1!important;grid-row:1!important;order:0!important;justify-self:start!important;display:flex!important;align-items:center!important;min-width:50px!important;padding:0!important;gap:5px!important;position:relative!important}
  .exact-nav .header-cart .cart-icon{font-size:24px!important;line-height:1!important}
  .exact-nav .header-cart span:nth-child(2){display:block!important}
  .exact-nav .header-cart b{font-size:12px!important;line-height:1.2!important}
  .exact-nav .header-cart small{font-size:8px!important;line-height:1.2!important;white-space:nowrap!important}
  .exact-nav .header-cart em{left:15px!important;right:auto!important;top:-6px!important;min-width:17px!important;width:17px!important;height:17px!important;font-size:8px!important;border-width:1px!important}

  .exact-nav .header-search{grid-column:1/-1!important;grid-row:2!important;order:0!important;position:relative!important;inset:auto!important;width:100%!important;height:44px!important;margin:0!important;border-radius:11px!important;display:flex!important;min-width:0!important}
  .exact-nav .header-search select{display:none!important}
  .exact-nav .header-search input{display:block!important;min-width:0!important;width:100%!important;height:42px!important;font-size:12px!important;padding:0 12px!important}
  .exact-nav .header-search button{flex:0 0 44px!important;width:44px!important;height:42px!important;font-size:20px!important}

  .nav-links{width:100%!important;height:42px!important;margin:0!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:22px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;border-top:1px solid #edf2ef!important;border-bottom:1px solid #edf2ef!important;scrollbar-width:none!important}
  .nav-links::-webkit-scrollbar{display:none!important}
  .nav-links a{flex:0 0 auto!important;font-size:11px!important;line-height:1!important;padding:13px 2px 11px!important;white-space:nowrap!important}

  /* Hero: one controlled card, text first, image second */
  .hero-exact{width:calc(100% - 24px)!important;margin:14px auto 12px!important;border-radius:20px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto 245px!important;min-height:0!important;height:auto!important;overflow:hidden!important}
  .hero-exact .hero-copy{grid-row:1!important;padding:24px 18px 17px!important;min-width:0!important;display:block!important}
  .hero-review{position:static!important;width:max-content!important;max-width:100%!important;margin:0 0 9px auto!important;padding:5px 8px!important;border-radius:11px!important;gap:5px!important}
  .avatars i{width:19px!important;height:19px!important;font-size:7px!important}
  .hero-review b,.hero-review strong{font-size:7px!important}
  .hero-exact .eyebrow{display:block!important;margin:0!important;font-size:9px!important;line-height:1.5!important}
  .hero-exact h1{font-size:32px!important;line-height:1.15!important;margin:7px 0 8px!important;word-break:normal!important;overflow-wrap:normal!important}
  .hero-exact p{font-size:12px!important;line-height:1.8!important;max-width:none!important;margin:0!important}
  .hero-exact .hero-actions{display:flex!important;flex-direction:row!important;gap:7px!important;margin:13px 0 10px!important}
  .hero-exact .hero-actions .btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:8px 12px!important;font-size:10px!important;line-height:1.3!important;white-space:nowrap!important;flex:1 1 0!important}
  .hero-exact .hero-points{display:flex!important;justify-content:space-between!important;gap:6px!important;font-size:8px!important;line-height:1.5!important;white-space:nowrap!important}
  .hero-basket{grid-row:2!important;min-height:0!important;height:245px!important;width:100%!important;overflow:hidden!important}
  .basket-products{bottom:67px!important;right:2%!important;width:96%!important;height:160px!important}
  .hero-prod{max-width:42%!important;max-height:105px!important}
  .hp1{right:1%!important;bottom:20px!important}.hp2{right:21%!important;bottom:35px!important;max-height:112px!important}.hp3{right:44%!important;bottom:32px!important;max-height:100px!important}.hp4{right:65%!important;bottom:42px!important;max-height:96px!important}.hp5{right:37%!important;bottom:0!important;max-height:64px!important}
  .basket-body{bottom:8px!important;width:84%!important;height:88px!important;border-width:9px!important;border-top-width:12px!important}
  .basket-body:before{left:-18px!important;top:-65px!important;width:92%!important;height:78px!important;border-width:8px!important;border-bottom:0!important}
  .hero-leaf{width:130px!important;height:160px!important;right:-35px!important}
  .hero-dots{bottom:3px!important}

  /* Feature cards */
  .features-exact{width:calc(100% - 24px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 auto 28px!important}
  .features-exact>div{min-width:0!important;min-height:70px!important;padding:9px!important;grid-template-columns:28px minmax(0,1fr)!important;column-gap:6px!important;border-radius:13px!important}
  .features-exact .ficon{width:28px!important;height:28px!important;font-size:14px!important}
  .features-exact b{font-size:10px!important;line-height:1.35!important}.features-exact>div>span:last-child{font-size:7px!important;line-height:1.4!important}

  /* Sections */
  .exact-section,.exact-products,.why-exact,.reviews-exact{width:100%!important;max-width:none!important}
  .exact-section>.section-head,.exact-products>.container>.section-head,.why-exact>.section-head,.reviews-exact .section-head{padding-left:12px!important;padding-right:12px!important}
  .exact-section h2,.exact-products h2,.why-exact h2,.reviews-exact h2{font-size:21px!important;line-height:1.35!important;margin:3px 0!important}
  .section-head>a{font-size:10px!important;white-space:nowrap!important}

  .category-exact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:0 12px!important}
  .category-exact .category-card{min-width:0!important;min-height:128px!important;padding:13px 7px!important;border-radius:15px!important}
  .category-exact .category-icon{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;margin-bottom:7px!important}
  .category-exact .category-card b{font-size:11px!important;line-height:1.35!important}.category-exact .category-card span{font-size:8px!important}

  .exact-products{padding-top:25px!important;padding-bottom:28px!important}
  .product-exact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:0!important}
  .product-exact .product-card{min-width:0!important;border-radius:14px!important;overflow:hidden!important}
  .product-exact .product-image{height:165px!important;min-width:0!important}
  .product-exact .product-meta{padding:9px!important;min-width:0!important}.product-exact .product-name{font-size:10px!important;line-height:1.5!important}.product-exact .price{font-size:13px!important}.product-exact .price del{font-size:8px!important}.product-exact .add-btn{font-size:9px!important;padding:7px 4px!important;white-space:nowrap!important}.fake-rating{font-size:7px!important;bottom:66px!important}

  .promo-row{width:calc(100% - 24px)!important;grid-template-columns:1fr!important;gap:9px!important;margin:12px auto 28px!important}
  .promo{min-height:80px!important;padding:10px!important;border-radius:14px!important;gap:8px!important}.promo .promo-art{font-size:28px!important}.promo b{font-size:11px!important;line-height:1.45!important}.promo span{font-size:8px!important;line-height:1.5!important}.promo .btn{font-size:9px!important;padding:8px 10px!important;white-space:nowrap!important}

  .why-exact{padding-bottom:28px!important}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 12px!important}.why-grid>div{min-width:0!important;padding:13px 7px!important;border-radius:13px!important}.why-grid strong{width:36px!important;height:36px!important;font-size:18px!important}.why-grid b{font-size:10px!important;line-height:1.35!important}.why-grid span{font-size:8px!important;line-height:1.45!important}

  .reviews-exact{padding-top:27px!important;padding-bottom:28px!important}.reviews-grid{grid-template-columns:1fr!important;gap:9px!important;padding:0 12px!important}.reviews-grid article{padding:14px!important;border-radius:14px!important}.reviews-grid .stars{font-size:11px!important}.reviews-grid b{font-size:10px!important}.reviews-grid p{font-size:9px!important;line-height:1.8!important}

  .newsletter{width:calc(100% - 24px)!important;margin:12px auto 22px!important;padding:13px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:7px!important;border-radius:14px!important;min-height:0!important}.newsletter-icon{font-size:23px!important}.newsletter b{font-size:11px!important;line-height:1.5!important}.newsletter span{font-size:8px!important;line-height:1.5!important}.newsletter form{grid-column:1/-1!important;width:100%!important;height:38px!important}.newsletter input{font-size:9px!important;min-width:0!important;padding:7px!important}.newsletter button{font-size:9px!important;padding:0 13px!important}

  .exact-footer{width:100%!important;grid-template-columns:1fr 1fr!important;gap:20px!important;padding:30px 12px 22px!important}.exact-footer>div{min-width:0!important}.exact-footer .logo b{font-size:14px!important}.exact-footer .logo small{font-size:8px!important}.exact-footer p,.exact-footer a{font-size:8px!important;line-height:1.8!important;overflow-wrap:anywhere!important}.exact-footer h4{font-size:11px!important;margin-bottom:8px!important}.copyright{font-size:7px!important;padding:12px!important}
}

@media (max-width:380px){
  .exact-nav{height:112px!important;grid-template-rows:50px 46px!important}
  .exact-nav .logo b{font-size:14px!important}.exact-nav .logo small{font-size:7px!important}
  .exact-nav .header-cart b{font-size:11px!important}.exact-nav .header-cart small{font-size:7px!important}
  .nav-links{gap:17px!important}.nav-links a{font-size:10px!important}
  .hero-exact{grid-template-rows:auto 220px!important}.hero-basket{height:220px!important}.hero-exact h1{font-size:29px!important}.hero-exact p{font-size:11px!important}.hero-exact .hero-points{font-size:7px!important}
  .product-exact .product-image{height:145px!important}
}


/* =========================================================
   CHARFA FINAL PREMIUM POLISH — last visual layer
   Safe: does not change PHP/database logic.
   ========================================================= */
:root{
  --premium-green:#075c38;
  --premium-green-2:#0aa35a;
  --premium-dark:#043c26;
  --premium-mint:#eef8f3;
  --premium-line:#e3ece7;
  --premium-text:#12221b;
  --premium-muted:#6f7d76;
  --premium-shadow:0 12px 35px rgba(4,60,38,.08);
}

/* Prevent the "half page" / horizontal overflow look on any viewport. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{background:#fff;color:var(--premium-text)}
img{max-width:100%;}

/* Header */
.exact-header{box-shadow:0 1px 0 rgba(7,92,56,.08)}
.exact-nav{max-width:1180px}
.nav-links{max-width:1180px}

/* Homepage hero: compact, balanced and readable. */
.hero-exact{
  min-height:360px;
  height:360px;
  margin:20px auto 16px;
  width:min(1180px,94%);
  border-radius:24px;
  grid-template-columns:1.04fr .96fr;
}
.hero-exact .hero-copy{padding:38px 52px}
.hero-exact h1{font-size:44px;margin:9px 0 9px}
.hero-exact p{font-size:14px;max-width:520px}
.hero-exact .hero-actions{margin:18px 0 13px}
.hero-exact .btn{padding:11px 23px}
.hero-basket{min-height:360px}
.basket-products{bottom:108px;height:205px}
.hero-prod{max-height:132px}
.basket-body{bottom:20px;height:128px}
.hero-leaf{width:220px;height:240px}

/* Category cards: equal size, never let an uploaded image control layout. */
.category-exact{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.category-exact .category-card{
  min-width:0;
  min-height:145px;
  padding:15px 10px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.category-exact .category-icon{
  width:72px!important;height:72px!important;
  min-width:72px!important;min-height:72px!important;
  flex:0 0 72px;
}
.category-exact .category-icon img{
  width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Product cards: fixed media box + contain = complete uploaded image. */
.product-exact{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.product-exact .product-card{min-width:0;border-radius:17px}
.product-exact .product-image{
  height:220px;
  min-height:220px;
  width:100%;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#fff;
  padding:10px;
}
.product-exact .product-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
}
.product-exact .product-meta{padding:12px}
.product-exact .product-name{font-size:13px}
.product-exact .price{font-size:16px}

/* More breathing room without giant empty areas. */
.exact-section{padding-bottom:38px}
.exact-products{padding-top:34px;padding-bottom:34px}
.promo-row{margin-top:16px;margin-bottom:34px}
.why-exact{padding-bottom:34px}
.reviews-exact{padding-top:30px;padding-bottom:34px}

/* Landing page: premium product-first layout. */
.lp-wrap{width:min(1120px,94%);padding:18px 0 50px}
.lp-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:26px}
.lp-media{min-height:500px;padding:28px}
.lp-media img{
  width:100%;
  height:440px;
  max-width:500px;
  max-height:440px;
  object-fit:contain;
}
.lp-copy{padding:36px 38px}
.lp-copy h1{font-size:clamp(30px,3.4vw,45px)}
.lp-sub{font-size:17px}
.lp-desc{font-size:15px}
.lp-price{font-size:32px}
.lp-form{padding:16px;border-radius:16px}
.lp-form-title{font-size:18px}
.lp-trust div{font-size:10px}

/* Mobile: two-column product grid, three-column categories, no oversized hero. */
@media(max-width:900px){
  .hero-exact{height:auto;min-height:0;grid-template-columns:1fr}
  .hero-exact .hero-copy{padding:30px 28px}
  .hero-basket{min-height:250px}
  .category-exact{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-exact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .hero-exact{
    width:calc(100% - 24px);
    margin:12px auto;
    min-height:0;
    height:auto;
    border-radius:19px;
  }
  .hero-exact .hero-copy{padding:22px 15px 15px}
  .hero-exact h1{font-size:28px;line-height:1.18}
  .hero-exact p{font-size:10px;line-height:1.8}
  .hero-exact .hero-actions{gap:6px;margin:11px 0}
  .hero-exact .btn{font-size:9px;padding:8px 10px}
  .hero-exact .hero-points{font-size:7px;gap:6px}
  .hero-basket{min-height:220px}
  .basket-products{bottom:72px;height:150px}
  .hero-prod{max-height:90px}
  .basket-body{bottom:10px;height:88px;border-width:9px;border-top-width:11px}
  .category-exact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .category-exact .category-card{min-height:128px;padding:10px 5px}
  .category-exact .category-icon{
    width:58px!important;height:58px!important;
    min-width:58px!important;min-height:58px!important;flex-basis:58px;
  }
  .category-exact .category-card b{font-size:10px}
  .category-exact .category-card span{font-size:8px}
  .product-exact{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .product-exact .product-image{height:185px;min-height:185px;padding:8px}
  .product-exact .product-meta{padding:9px}
  .product-exact .product-name{font-size:11px}
  .product-exact .price{font-size:14px}
  .product-exact .add-btn{font-size:9px}
  .lp-wrap{width:calc(100% - 20px);padding:10px 0 30px}
  .lp-card{grid-template-columns:1fr;border-radius:20px}
  .lp-media{min-height:320px;padding:18px}
  .lp-media img{height:290px;max-height:290px}
  .lp-copy{padding:24px 16px 20px}
  .lp-copy h1{font-size:31px}
  .lp-sub{font-size:15px}
  .lp-desc{font-size:14px;line-height:1.85}
  .lp-price{font-size:29px}
  .lp-form{padding:13px}
  .lp-form-title{font-size:17px}
  .lp-trust div{font-size:9px}
}

/* Live shipping summary */
.checkout-layout .panel{box-shadow:0 12px 35px rgba(4,55,34,.07)}
.checkout-layout .summary{position:sticky;top:105px}
.summary h3{margin-top:0;font-size:20px;color:var(--ink)}
.summary>div{border-bottom:1px dashed #dce9e2}
.summary>div:last-child{border-bottom:0}
.summary small{color:var(--green2);font-size:11px;font-weight:700}
.summary .total{margin-top:8px;padding:13px 10px;background:#eaf8f0;border-radius:12px;color:#075b37}
.shipping-live-note{margin-top:12px;padding:11px 14px;border:1px solid #cfe9db;background:#f1faf5;color:#126341;border-radius:12px;font-size:12px;font-weight:700;text-align:center}
#citySelect{cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23065f39' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 14px center;background-size:14px;padding-left:40px}
@media(max-width:900px){.checkout-layout .summary{position:static}.shipping-live-note{font-size:11px}.summary{order:2}.checkout-layout .panel{order:1}}

/* FINAL RESPONSIVE HEADER — cart left, search center, logo right */
.exact-nav{
  direction:ltr!important;
  position:relative!important;
  box-sizing:border-box!important;
}
.exact-nav .header-cart{
  grid-column:1!important;grid-row:1!important;
  justify-self:start!important;order:1!important;
  direction:rtl!important;min-width:0!important;
}
.exact-nav .header-search{
  grid-column:2!important;grid-row:1!important;
  justify-self:stretch!important;order:2!important;
  min-width:0!important;
}
.exact-nav .logo{
  grid-column:3!important;grid-row:1!important;
  justify-self:end!important;order:3!important;
  direction:rtl!important;min-width:0!important;
}

@media(max-width:900px){
  .exact-nav{
    width:calc(100% - 24px)!important;
    height:116px!important;
    margin:0 auto!important;
    padding:8px 0!important;
    display:grid!important;
    grid-template-columns:minmax(70px,1fr) minmax(0,1.6fr) minmax(120px,auto)!important;
    grid-template-rows:52px 48px!important;
    gap:7px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .exact-nav .header-cart{
    grid-column:1!important;grid-row:1!important;
    justify-self:start!important;
    display:flex!important;align-items:center!important;
    gap:5px!important;padding:0!important;
    position:relative!important;min-width:55px!important;
  }
  .exact-nav .header-cart .cart-icon{font-size:24px!important;line-height:1!important}
  .exact-nav .header-cart b{font-size:12px!important;line-height:1.2!important}
  .exact-nav .header-cart small{font-size:8px!important;line-height:1.2!important;white-space:nowrap!important}
  .exact-nav .header-cart em{
    left:15px!important;right:auto!important;top:-6px!important;
    min-width:17px!important;width:17px!important;height:17px!important;
    font-size:8px!important;border-width:1px!important;
  }

  .exact-nav .header-search{
    grid-column:2!important;grid-row:1!important;
    position:relative!important;inset:auto!important;
    width:100%!important;height:44px!important;
    margin:0!important;display:flex!important;
    min-width:0!important;overflow:hidden!important;
  }
  .exact-nav .header-search select{display:none!important}
  .exact-nav .header-search input{
    display:block!important;flex:1 1 auto!important;
    min-width:0!important;width:auto!important;height:42px!important;
    font-size:12px!important;padding:0 10px!important;
  }
  .exact-nav .header-search button{
    flex:0 0 44px!important;width:44px!important;height:42px!important;
    font-size:20px!important;
  }

  .exact-nav .logo{
    grid-column:3!important;grid-row:1!important;
    justify-self:end!important;
    display:flex!important;align-items:center!important;
    gap:6px!important;max-width:100%!important;
  }
  .exact-nav .logo>span:last-child{min-width:0!important;text-align:right!important}
  .exact-nav .logo b{font-size:15px!important;line-height:1.15!important;white-space:nowrap!important}
  .exact-nav .logo small{font-size:8px!important;line-height:1.2!important;white-space:nowrap!important}
  .exact-nav .logo-mark{
    width:39px!important;height:39px!important;min-width:39px!important;
    border-radius:13px!important;font-size:22px!important;
  }

  .nav-links{
    width:100%!important;height:42px!important;
    margin:0!important;padding:0 12px!important;
    display:flex!important;align-items:center!important;
    justify-content:flex-start!important;gap:20px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    white-space:nowrap!important;scrollbar-width:none!important;
  }
  .nav-links::-webkit-scrollbar{display:none!important}
  .nav-links a{
    flex:0 0 auto!important;font-size:11px!important;
    line-height:1!important;padding:13px 2px 11px!important;
    white-space:nowrap!important;
  }
}

@media(max-width:600px){
  .exact-nav{
    grid-template-columns:76px minmax(0,1fr) minmax(118px,auto)!important;
  }
  .exact-nav .header-cart span:nth-child(2){display:block!important}
  .exact-nav .header-search{border-radius:11px!important}
  .exact-nav .logo b{font-size:14px!important}
  .exact-nav .logo small{font-size:8px!important}
  .hero-exact{
    width:calc(100% - 24px)!important;
    margin:14px auto 12px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto 245px!important;
    min-height:0!important;height:auto!important;
    overflow:hidden!important;
  }
  .hero-exact .hero-copy{padding:24px 18px 17px!important;min-width:0!important}
  .hero-exact h1{
    font-size:32px!important;line-height:1.15!important;
    margin:7px 0 8px!important;word-break:normal!important;
  }
  .hero-exact p{font-size:12px!important;line-height:1.8!important;max-width:none!important}
  .hero-exact .hero-actions{display:flex!important;gap:7px!important;margin:13px 0 10px!important}
  .hero-exact .hero-actions .btn{
    flex:1 1 0!important;min-width:0!important;
    min-height:40px!important;font-size:10px!important;
    padding:8px 10px!important;white-space:nowrap!important;
  }
  .hero-exact .hero-points{font-size:8px!important;gap:5px!important;white-space:nowrap!important}
  .hero-basket{height:245px!important;min-height:0!important}
  .category-exact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-exact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-exact .product-image{
    height:185px!important;min-height:185px!important;
    width:100%!important;overflow:hidden!important;
  }
  .product-exact .product-image img{
    width:100%!important;height:100%!important;
    max-width:100%!important;max-height:100%!important;
    object-fit:contain!important;
  }
}
@media(max-width:380px){
  .exact-nav{
    grid-template-columns:64px minmax(0,1fr) minmax(105px,auto)!important;
    height:116px!important;
  }
  .exact-nav .logo b{font-size:13px!important}
  .exact-nav .logo small{font-size:7px!important}
  .exact-nav .header-cart b{font-size:11px!important}
  .exact-nav .header-cart small{font-size:7px!important}
  .nav-links{gap:16px!important}
}

/* FINAL IMAGE RELIABILITY / RESPONSIVE OVERRIDES */
.category-exact .category-icon{
  width:86px!important;height:86px!important;min-width:86px!important;min-height:86px!important;
  border-radius:50%;overflow:hidden;display:flex!important;align-items:center!important;justify-content:center!important;
  background:#eef8f3;
}
.category-exact .category-icon img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;
}
.product-exact .product-image img,
.product-card .product-image img{
  display:block!important;visibility:visible!important;opacity:1!important;
  object-fit:contain!important;object-position:center!important;
}
@media(max-width:600px){
  .category-exact .category-icon{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important}
  .category-exact .category-card{min-height:145px!important}
  .product-exact .product-image{height:190px!important;min-height:190px!important}
  .product-exact .product-image img{width:100%!important;height:100%!important}
}
@media(max-width:380px){
  .category-exact .category-icon{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important}
  .product-exact .product-image{height:170px!important;min-height:170px!important}
}

/* Editable pages */
.content-page{max-width:900px;margin:35px auto;padding:35px;min-height:360px}
.content-page h1{font-size:34px;margin:8px 0 24px}
.page-content{font-size:16px;line-height:2.1;color:var(--muted);white-space:normal}
@media(max-width:520px){.content-page{padding:22px;margin:20px auto}.content-page h1{font-size:27px}.page-content{font-size:14px}}

/* Category cards: clean square layout on every screen size */
.category-exact {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}
.category-exact .category-card {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 18px 12px !important;
  border-radius: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.category-exact .category-icon {
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  min-height: 82px !important;
  flex: 0 0 82px !important;
  border-radius: 50% !important;
  margin: 0 auto 12px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}
.category-exact .category-icon img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 5px !important;
  margin: 0 !important;
}
.category-exact .category-card b {
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-align: center !important;
  white-space: normal !important;
}
.category-exact .category-card span {
  font-size: 10px !important;
  line-height: 1.4 !important;
  text-align: center !important;
  margin-top: 3px !important;
}

@media (max-width: 900px) {
  .category-exact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .category-exact .category-card {
    aspect-ratio: 1 / 1 !important;
    padding: 15px 10px !important;
  }
  .category-exact .category-icon {
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    flex-basis: 76px !important;
  }
}

@media (max-width: 520px) {
  .category-exact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 12px !important;
  }
  .category-exact .category-card {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    padding: 12px 7px !important;
    border-radius: 16px !important;
  }
  .category-exact .category-icon {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    flex-basis: 68px !important;
    margin-bottom: 9px !important;
  }
  .category-exact .category-card b {
    font-size: 12px !important;
  }
  .category-exact .category-card span {
    font-size: 9px !important;
  }
}


/* FINAL CATEGORY PRESENTATION — large square cards, clear images */
.category-exact{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.category-exact .category-card{
  aspect-ratio:1/1!important;
  min-height:0!important;
  height:auto!important;
  padding:24px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:22px!important;
}
.category-exact .category-icon{
  width:112px!important;height:112px!important;
  min-width:112px!important;min-height:112px!important;
  margin:0 auto 18px!important;
  border-radius:50%!important;
  background:#f1f8f4!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;
}
.category-exact .category-icon img{
  display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;
  padding:7px!important;margin:0!important;
}
.category-exact .category-card b{font-size:20px!important;line-height:1.35!important}
.category-exact .category-card span{font-size:14px!important;line-height:1.5!important;margin-top:5px!important}
@media(max-width:900px){
  .category-exact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .category-exact .category-card{padding:18px 12px!important;border-radius:20px!important}
  .category-exact .category-icon{width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;margin-bottom:14px!important}
  .category-exact .category-card b{font-size:18px!important}
  .category-exact .category-card span{font-size:12px!important}
}
@media(max-width:520px){
  .category-exact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .category-exact .category-card{aspect-ratio:1/1!important;min-height:170px!important;padding:14px 8px!important;border-radius:18px!important}
  .category-exact .category-icon{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;margin-bottom:11px!important}
  .category-exact .category-icon img{padding:5px!important}
  .category-exact .category-card b{font-size:15px!important}
  .category-exact .category-card span{font-size:10px!important}
}

/* Shipping selection: make the live price visibly update */
#citySelect{font-variant-numeric:tabular-nums}
#shippingFeeValue,#orderTotalValue{font-variant-numeric:tabular-nums}
.shipping-live-note{font-weight:700}

/* Image resilience: never let a failed upload leave a broken-image icon. */
img.img-error{visibility:hidden;background:linear-gradient(135deg,#eef8f3,#f7faf9);position:relative;}
img.img-error::after{content:'صورة المنتج';visibility:visible;position:absolute;inset:0;display:grid;place-items:center;color:#147a52;font-weight:700;font-size:14px;}


/* =========================================================
   CHARFA — FINAL MOBILE/RESPONSIVE POLISH
   Requested improvements: compact header/hero, smaller square
   categories, consistent product media, and a clear trust strip.
   ========================================================= */

/* Keep the first viewport focused on shopping. */
.exact-nav{height:70px!important}
.nav-links{height:40px!important}
.hero-exact{
  min-height:320px!important;
  height:320px!important;
  margin:14px auto 12px!important;
}
.hero-exact .hero-copy{padding:30px 44px!important}
.hero-basket{min-height:320px!important}

/* Trust strip: three strong, compact reassurance points. */
.trust-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 auto 38px!important;
}
.trust-strip>div{
  min-width:0!important;
  min-height:74px!important;
  padding:12px 14px!important;
  border:1px solid var(--premium-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 6px 20px rgba(4,60,38,.05)!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:9px!important;
}
.trust-strip .ficon{
  width:38px!important;height:38px!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;
  background:var(--premium-mint)!important;font-size:18px!important;
}
.trust-strip b{font-size:13px!important;line-height:1.4!important}
.trust-strip>div>span:last-child{font-size:10px!important;color:var(--premium-muted)!important;line-height:1.5!important}

/* Categories: still square, but compact enough to show 6+ on phones. */
.category-exact{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
}
.category-exact .category-card{
  aspect-ratio:1/1!important;
  min-height:0!important;
  padding:12px 8px!important;
  border-radius:18px!important;
}
.category-exact .category-icon{
  width:72px!important;height:72px!important;
  min-width:72px!important;min-height:72px!important;
  flex-basis:72px!important;
  margin-bottom:9px!important;
}
.category-exact .category-card b{font-size:14px!important;line-height:1.3!important}
.category-exact .category-card span{font-size:9px!important;margin-top:3px!important}

/* Product photos: identical media boxes, no stretching/cropping. */
.product-exact .product-image{
  height:220px!important;
  min-height:220px!important;
  background:#fff!important;
  padding:10px!important;
}
.product-exact .product-image img{
  width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;
}

@media(max-width:900px){
  .exact-nav{height:66px!important}
  .nav-links{height:39px!important}
  .hero-exact{
    min-height:0!important;height:auto!important;
    grid-template-rows:auto 205px!important;
  }
  .hero-exact .hero-copy{padding:22px 20px 14px!important}
  .hero-basket{height:205px!important;min-height:205px!important}
  .category-exact{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .category-exact .category-card{padding:10px 6px!important;border-radius:16px!important}
  .category-exact .category-icon{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;flex-basis:62px!important}
  .category-exact .category-card b{font-size:12px!important}
  .category-exact .category-card span{font-size:8px!important}
  .product-exact .product-image{height:180px!important;min-height:180px!important}
}

@media(max-width:520px){
  .exact-nav{height:62px!important}
  .nav-links{height:38px!important}
  .hero-exact{
    width:calc(100% - 24px)!important;
    margin:10px auto 10px!important;
    grid-template-rows:auto 185px!important;
    border-radius:18px!important;
  }
  .hero-exact .hero-copy{padding:18px 15px 12px!important}
  .hero-review{margin-bottom:6px!important}
  .hero-exact .eyebrow{font-size:8px!important}
  .hero-exact h1{font-size:27px!important;margin:5px 0 6px!important}
  .hero-exact p{font-size:10px!important;line-height:1.7!important}
  .hero-exact .hero-actions{margin:9px 0 7px!important}
  .hero-exact .hero-actions .btn{min-height:35px!important;padding:7px 9px!important;font-size:9px!important}
  .hero-exact .hero-points{font-size:7px!important}
  .hero-basket{height:185px!important;min-height:185px!important}

  .trust-strip{
    width:calc(100% - 24px)!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:0 auto 26px!important;
  }
  .trust-strip>div{
    min-height:58px!important;
    padding:8px 10px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    column-gap:8px!important;
    border-radius:13px!important;
  }
  .trust-strip .ficon{width:34px!important;height:34px!important;font-size:16px!important}
  .trust-strip b{font-size:11px!important}
  .trust-strip>div>span:last-child{font-size:8px!important}

  .exact-section{padding-bottom:26px!important}
  .exact-section .section-head{margin-bottom:10px!important}
  .exact-section h2{font-size:20px!important}
  .category-exact{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0 12px!important;
  }
  .category-exact .category-card{
    aspect-ratio:1/1!important;
    min-height:0!important;
    padding:8px 4px!important;
    border-radius:14px!important;
  }
  .category-exact .category-icon{
    width:54px!important;height:54px!important;
    min-width:54px!important;min-height:54px!important;
    flex-basis:54px!important;
    margin-bottom:6px!important;
  }
  .category-exact .category-icon img{padding:4px!important}
  .category-exact .category-card b{font-size:9px!important;line-height:1.3!important}
  .category-exact .category-card span{font-size:7px!important;line-height:1.3!important}

  .exact-products{padding-top:22px!important}
  .product-exact .product-image{height:155px!important;min-height:155px!important;padding:8px!important}
  .product-exact .product-meta{padding:8px!important}
  .product-exact .product-name{font-size:10px!important}
  .product-exact .price{font-size:12px!important}
}

@media(max-width:380px){
  .category-exact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-exact .category-icon{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;flex-basis:62px!important}
  .category-exact .category-card b{font-size:11px!important}
  .product-exact .product-image{height:150px!important;min-height:150px!important}
}

/* Professional editable contact page */
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.contact-card{display:flex;flex-direction:column;gap:8px;min-height:92px;padding:18px;border:1px solid #e5ece8;border-radius:16px;background:#fbfdfc;text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.contact-card:hover{transform:translateY(-2px);border-color:#b8d7c8;box-shadow:0 8px 24px rgba(20,80,50,.08)}
.contact-card b{font-size:14px;color:#145b3d}.contact-card span{font-size:13px;color:#64736c;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:760px){.contact-cards{grid-template-columns:1fr 1fr;gap:10px}.contact-card{padding:14px;min-height:82px}.contact-card b{font-size:12px}.contact-card span{font-size:11px}}
@media(max-width:420px){.contact-cards{grid-template-columns:1fr}}

/* Professional social links on About / Contact pages */
.page-social{margin-top:34px;padding-top:28px;border-top:1px solid #e7eee9;text-align:center}
.page-social-heading h2{margin:7px 0 8px;font-size:25px;color:#10251d}
.page-social-heading p{margin:0;color:#66746e;font-size:14px;line-height:1.8}
.social-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.social-card{min-height:125px;padding:16px 10px;border:1px solid #e2ebe6;border-radius:18px;background:#fbfdfc;color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.social-card:hover{transform:translateY(-2px);border-color:#9ac8b1;box-shadow:0 8px 24px rgba(20,80,50,.08)}
.social-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eef7f2;color:#087642;font-size:26px;font-weight:800;line-height:1}
.social-card strong{font-size:14px;color:#164f38}
.social-card small{font-size:11px;color:#6a7771}
.readonly-field input{background:#f3f6f4!important;color:#68736f!important;cursor:not-allowed}
@media(max-width:760px){.social-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-card{min-height:115px;padding:12px 8px}.social-icon{width:46px;height:46px;font-size:23px}.page-social-heading h2{font-size:22px}}
@media(max-width:420px){.social-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card strong{font-size:13px}.social-card small{font-size:10px}}

/* Categories directory: the main "الأقسام" link shows categories only. */
.categories-page{padding-top:42px}.categories-title{margin-bottom:28px}.categories-title h1{margin:5px 0 6px;font-size:34px}.category-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.category-directory-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;min-height:118px;transition:.2s}.category-directory-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#bfe5cf}.category-directory-icon{width:78px;height:78px;flex:0 0 78px;border-radius:18px;background:#eff9f3;display:grid;place-items:center;overflow:hidden}.category-directory-icon img{width:100%;height:100%;object-fit:contain;padding:7px}.category-directory-icon span{font-size:30px;color:var(--green2)}.category-directory-card h2{font-size:19px;margin:0 0 3px}.category-directory-card span{color:var(--muted);font-size:12px}.category-arrow{margin-right:auto;color:var(--green2);font-size:22px}@media(max-width:900px){.category-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.categories-page{padding-top:28px}.categories-title h1{font-size:27px}.category-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.category-directory-card{min-height:150px;padding:12px 8px;flex-direction:column;justify-content:center;text-align:center;gap:8px}.category-directory-icon{width:62px;height:62px;flex:0 0 62px}.category-directory-card h2{font-size:14px;line-height:1.4}.category-directory-card span{font-size:10px}.category-arrow{margin:0;font-size:16px}}

.social-row a{overflow:hidden;padding:4px}.social-row a img{width:100%;height:100%;object-fit:contain;display:block}.whatsapp-float img{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%}


/* FINAL FIX: categories directory = exactly 2 cards per row on phones */
@media (max-width: 520px){
  .category-directory-2col{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
  }
  .category-directory-2col .category-directory-card{
    min-width:0 !important;
    min-height:150px !important;
    padding:10px !important;
    gap:7px !important;
    flex-direction:column !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .category-directory-2col .category-directory-icon{
    width:68px !important;
    height:68px !important;
    flex:0 0 68px !important;
  }
  .category-directory-2col .category-directory-card h2{
    font-size:14px !important;
    line-height:1.35 !important;
  }
  .category-directory-2col .category-directory-card span{font-size:10px !important}
  .category-directory-2col .category-arrow{
    margin:0 !important;
    font-size:17px !important;
  }
}

/* FINAL FIX: uploaded social icons stay small in the admin preview */
.social-upload-form .social-icon-preview{
  width:70px !important;
  height:70px !important;
  max-width:70px !important;
  max-height:70px !important;
  min-width:70px !important;
  min-height:70px !important;
  object-fit:contain !important;
  display:block !important;
  padding:6px !important;
  margin:8px 0 0 !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  background:#f7f9f8 !important;
}

/* FINAL MOBILE CATEGORY + SOCIAL UPLOAD OVERRIDES */
@media(max-width:520px){.categories-page .category-directory{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.categories-page .category-directory-card{width:100%!important;min-width:0!important}}

/* HARD FIX: Categories directory must always show exactly 2 categories per row */
.categories-page .category-directory{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
}
.categories-page .category-directory-card{
  width:100% !important;
  min-width:0 !important;
}
@media(max-width:520px){
  .categories-page .category-directory{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .categories-page .category-directory-card{min-height:145px !important;padding:10px !important}
}

/* CATEGORIES PAGE ONLY: keep category items two per row. */
.categories-page .category-directory{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
.categories-page .category-directory-card{
  width:100% !important;
  min-width:0 !important;
}
@media(max-width:520px){
  .categories-page .category-directory{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
}


/* Product gallery + rich description additions. Existing storefront styles remain unchanged. */
.product-gallery{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important;background:transparent!important}
.detail-main-image{min-height:320px;width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden}
.detail-main-image img{width:100%;height:100%;max-height:560px;object-fit:contain;display:block}
.product-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px}.product-thumb{width:78px;height:78px;flex:0 0 78px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.product-thumb.active{border:2px solid var(--green2)}.product-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.product-description{line-height:1.9;font-size:15px;margin:15px 0}.product-description p{margin:0 0 12px}.product-description h2,.product-description h3,.product-description h4{margin:16px 0 8px}.product-description ul,.product-description ol{padding-right:24px}.product-description img{display:block;max-width:100%;height:auto;margin:16px auto;border-radius:12px}.description-content-image{display:block;max-width:100%;height:auto;margin:16px auto;border-radius:12px}
.description-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#f7faf8}.description-toolbar button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer;font-family:inherit}.description-editor{min-height:220px;border:1px solid var(--line);border-radius:0 0 12px 12px;padding:14px;background:#fff;line-height:1.9;outline:none}.description-editor img{display:block;max-width:100%;height:auto;margin:14px auto;border-radius:10px}.description-editor:focus{border-color:#9ccdb4}.gallery-admin-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.gallery-admin-item{width:120px;padding:7px!important;border:1px solid var(--line);border-radius:10px;background:#fff}.gallery-admin-item img{width:100%;height:90px;object-fit:contain;display:block}.gallery-admin-item span{display:block;font-size:11px;margin-top:5px}.gallery-admin-item input{width:auto!important}
@media(max-width:520px){.detail-main-image{min-height:300px}.product-thumbs{gap:6px}.product-thumb{width:68px;height:68px;flex-basis:68px}.product-description{font-size:15px}.description-toolbar button{padding:6px 8px;font-size:11px}.gallery-admin-item{width:100px}.gallery-admin-item img{height:75px}}
/* Keep product listings at exactly 2 cards per row on phones, including category-filtered products. */
@media(max-width:520px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.categories-page .category-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}

/* DEFINITIVE MOBILE LAYOUT FIX — product gallery and category grids */
.product-gallery{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-width:0!important;gap:12px!important;background:transparent!important;}
.product-gallery .detail-main-image{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:clamp(300px,72vw,560px)!important;min-height:0!important;max-height:560px!important;box-sizing:border-box!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;}
.product-gallery .detail-main-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;}
.product-gallery .product-thumbs{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:82px!important;min-height:82px!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px!important;box-sizing:border-box!important;}
.product-gallery .product-thumb{display:block!important;position:relative!important;width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;flex:0 0 76px!important;box-sizing:border-box!important;padding:4px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important;}
.product-gallery .product-thumb img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;}
@media(max-width:900px){
  .product-detail{grid-template-columns:1fr!important;gap:20px!important;}
  .product-gallery .detail-main-image{height:clamp(280px,78vw,520px)!important;}
  .product-gallery .product-thumbs{height:74px!important;min-height:74px!important;}
  .product-gallery .product-thumb{width:66px!important;height:66px!important;min-width:66px!important;max-width:66px!important;flex-basis:66px!important;}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .categories-page .category-directory{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;}
  .categories-page .category-directory-card{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
}

/* FINAL GALLERY STRUCTURE FIX: main image always above thumbnails */
.product-gallery-fixed{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;gap:12px!important;}
.product-gallery-fixed>.detail-main-image{display:flex!important;order:1!important;position:relative!important;flex:0 0 auto!important;width:100%!important;height:clamp(300px,72vw,560px)!important;min-height:300px!important;max-height:560px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.product-gallery-fixed>.detail-main-image>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;}
.product-gallery-fixed>.product-thumbs{display:flex!important;order:2!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;width:100%!important;height:82px!important;min-height:82px!important;max-height:82px!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;padding:2px!important;}
.product-gallery-fixed>.product-thumbs>.product-thumb{display:block!important;position:relative!important;order:initial!important;width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;min-height:76px!important;max-height:76px!important;flex:0 0 76px!important;padding:4px!important;box-sizing:border-box!important;overflow:hidden!important;}
.product-gallery-fixed>.product-thumbs>.product-thumb>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;}
@media(max-width:900px){.product-gallery-fixed>.detail-main-image{height:clamp(280px,78vw,520px)!important;min-height:280px!important}.product-gallery-fixed>.product-thumbs{height:74px!important;min-height:74px!important;max-height:74px!important}.product-gallery-fixed>.product-thumbs>.product-thumb{width:66px!important;height:66px!important;min-width:66px!important;max-width:66px!important;min-height:66px!important;max-height:66px!important;flex-basis:66px!important}}


/* FINAL PRICE PRESENTATION — current price highlighted, old price subdued */
.price{
  color:var(--green2);
  font-weight:900;
  font-size:18px;
  letter-spacing:.1px;
}
.price del{
  color:#9aa49f;
  font-size:12px;
  font-weight:600;
  text-decoration-thickness:2px;
  text-decoration-color:#9aa49f;
  margin-right:8px;
}
.price.big{
  color:var(--green2);
  font-size:32px;
  font-weight:900;
}
.price.big del{
  color:#a1aaa6;
  font-size:14px;
  font-weight:600;
}
.lp-price{
  color:var(--green2);
  font-weight:900;
}

/* PRICE FIX V2: force a clear professional current/old price contrast */
.detail-copy .price.big, .detail-copy #priceDisplay { color:#075b35 !important; font-size:36px !important; font-weight:950 !important; display:flex !important; align-items:baseline !important; justify-content:flex-start !important; gap:12px !important; }
.detail-copy .price.big del, .detail-copy #priceDisplay del { color:#9aa49f !important; font-size:15px !important; font-weight:650 !important; text-decoration:line-through !important; text-decoration-thickness:2px !important; text-decoration-color:#9aa49f !important; }
.lp-price { color:#075b35 !important; }
.lp-price del { color:#9aa49f !important; }
@media(max-width:600px){ .detail-copy .price.big, .detail-copy #priceDisplay { font-size:34px !important; gap:10px !important; } .detail-copy .price.big del, .detail-copy #priceDisplay del { font-size:14px !important; } }


/* PROFESSIONAL PRODUCT PAGE FINAL POLISH — keeps all existing functionality */
.product-detail{align-items:start;gap:30px!important}
.product-gallery-fixed{position:sticky;top:96px}
.detail-copy{padding:12px 0 30px!important}
.detail-copy .eyebrow{display:inline-block;background:#eef8f3;color:#087a4b!important;padding:6px 12px;border-radius:999px;font-size:13px!important;margin-bottom:10px}
.detail-copy h1{font-size:34px!important;line-height:1.45!important;margin:8px 0 14px!important;color:#10251c}
.detail-copy .price.big,.detail-copy #priceDisplay{color:#087a4b!important;font-size:30px!important;font-weight:900!important;display:flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important;margin:12px 0 18px!important}
.detail-copy .price.big del,.detail-copy #priceDisplay del{color:#a1aaa6!important;font-size:14px!important;font-weight:600!important;text-decoration:line-through!important}
.product-description{font-size:15px!important;line-height:1.9!important;color:#34443d!important;margin:18px 0!important}
.product-description img,.product-description .description-content-image{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:420px!important;object-fit:contain!important;margin:18px auto!important;border-radius:14px!important}
.stock{font-size:14px!important;font-weight:800!important}
.buy-form{align-items:stretch!important;flex-wrap:wrap!important}
.buy-form .btn.primary{min-height:48px!important;padding:11px 24px!important;font-size:15px!important}
.product-gallery-fixed>.detail-main-image{height:430px!important;min-height:430px!important;max-height:430px!important;border-radius:20px!important;box-shadow:0 8px 30px rgba(5,60,37,.06)!important}
.product-gallery-fixed>.detail-main-image>img{width:100%!important;height:100%!important;object-fit:contain!important;padding:18px!important}
.product-gallery-fixed>.product-thumbs{justify-content:center!important;height:78px!important;min-height:78px!important;max-height:78px!important}
.product-gallery-fixed>.product-thumbs>.product-thumb{width:70px!important;height:70px!important;min-width:70px!important;max-width:70px!important;min-height:70px!important;max-height:70px!important;border-radius:12px!important}
@media(max-width:900px){
  .product-detail{gap:14px!important}
  .product-gallery-fixed{position:static!important}
  .product-gallery-fixed>.detail-main-image{height:360px!important;min-height:360px!important;max-height:360px!important;border-radius:18px!important}
  .product-gallery-fixed>.detail-main-image>img{padding:12px!important}
  .product-gallery-fixed>.product-thumbs{justify-content:flex-start!important;height:74px!important;min-height:74px!important;max-height:74px!important}
  .product-gallery-fixed>.product-thumbs>.product-thumb{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;min-height:64px!important;max-height:64px!important;flex-basis:64px!important}
  .detail-copy{padding:4px 0 25px!important}
  .detail-copy .eyebrow{font-size:12px!important;padding:5px 10px!important}
  .detail-copy h1{font-size:29px!important;line-height:1.45!important;margin:6px 0 10px!important}
  .detail-copy .price.big,.detail-copy #priceDisplay{font-size:29px!important;gap:9px!important;margin:10px 0 16px!important}
  .detail-copy .price.big del,.detail-copy #priceDisplay del{font-size:13px!important}
  .product-description{font-size:15px!important;line-height:1.85!important}
  .product-description img,.product-description .description-content-image{max-height:360px!important;width:auto!important;max-width:100%!important;margin:14px auto!important}
}

/* =========================================================
   CHARFA STORE V5 — PREMIUM E-COMMERCE PRESENTATION
   Visual-only layer. Keeps existing PHP/database/functions.
   ========================================================= */
:root{
  --premium-green:#087a4b;
  --premium-green-dark:#045c38;
  --premium-ink:#10241c;
  --premium-muted:#6c7973;
  --premium-line:#e5ece8;
  --premium-soft:#f7faf8;
  --premium-shadow:0 18px 50px rgba(4,60,38,.08);
}

/* Global polish */
body{background:#fff;color:var(--premium-ink)}
.header{box-shadow:0 2px 18px rgba(10,45,30,.04)}
.container{max-width:1180px}
.btn.primary,.add-btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn.primary:hover,.add-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(8,122,75,.18)}

/* Product page: balanced desktop layout */
.product-detail{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;gap:44px!important;align-items:start!important}
.product-gallery-fixed{position:sticky!important;top:98px!important}
.product-gallery-fixed>.detail-main-image{
  height:500px!important;min-height:500px!important;max-height:500px!important;
  background:linear-gradient(180deg,#fff 0%,#f9fbfa 100%)!important;
  border:1px solid #e3ebe7!important;border-radius:26px!important;
  box-shadow:0 16px 45px rgba(4,60,38,.07)!important;
}
.product-gallery-fixed>.detail-main-image>img{padding:26px!important}
.product-gallery-fixed>.product-thumbs{height:84px!important;min-height:84px!important;max-height:84px!important;gap:12px!important;padding:5px 2px!important}
.product-gallery-fixed>.product-thumbs>.product-thumb{
  width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;
  min-height:76px!important;max-height:76px!important;border-radius:15px!important;
  border:1px solid #e1e9e5!important;transition:.18s ease!important;background:#fff!important;
}
.product-gallery-fixed>.product-thumbs>.product-thumb:hover{border-color:#8bc7a8!important;transform:translateY(-2px)}
.product-gallery-fixed>.product-thumbs>.product-thumb.active{border:2px solid var(--premium-green)!important;box-shadow:0 5px 16px rgba(8,122,75,.12)!important}

/* Product information */
.detail-copy{padding:20px 0 40px!important}
.detail-copy .eyebrow{
  background:#eef8f3!important;color:var(--premium-green)!important;
  padding:7px 14px!important;border-radius:999px!important;font-size:13px!important;
  font-weight:800!important;margin-bottom:14px!important;
}
.detail-copy h1{
  font-size:38px!important;line-height:1.42!important;letter-spacing:-.3px!important;
  color:#10241c!important;margin:8px 0 15px!important;font-weight:800!important;
}
.detail-copy .price.big,.detail-copy #priceDisplay{
  display:flex!important;align-items:baseline!important;justify-content:flex-start!important;
  flex-wrap:wrap!important;gap:13px!important;margin:12px 0 22px!important;
  color:var(--premium-green)!important;font-size:32px!important;font-weight:900!important;
}
.detail-copy .price.big del,.detail-copy #priceDisplay del{
  color:#9ca7a2!important;font-size:15px!important;font-weight:600!important;
  text-decoration:line-through!important;text-decoration-thickness:2px!important;
}
.stock{border-radius:999px!important;padding:8px 14px!important;font-size:13px!important;font-weight:800!important}
.product-description{
  background:#fbfdfc!important;border:1px solid #e8efeb!important;border-radius:18px!important;
  padding:17px 18px!important;margin:22px 0!important;color:#3a4b43!important;
  font-size:15px!important;line-height:2!important;
}
.product-description img,.product-description .description-content-image{
  display:block!important;width:auto!important;max-width:100%!important;height:auto!important;
  max-height:390px!important;object-fit:contain!important;margin:16px auto!important;
  border-radius:15px!important;
}
.buy-form{margin-top:20px!important;gap:10px!important}
.buy-form .btn.primary{min-height:52px!important;padding:12px 28px!important;border-radius:14px!important;font-size:16px!important}
.buy-form input,.buy-form select{min-height:50px!important;border-radius:13px!important}

/* Mobile: premium, compact and readable */
@media(max-width:900px){
  .product-detail{grid-template-columns:1fr!important;gap:8px!important}
  .product-gallery-fixed{position:static!important}
  .product-gallery-fixed>.detail-main-image{
    height:340px!important;min-height:340px!important;max-height:340px!important;
    border-radius:20px!important;box-shadow:0 10px 28px rgba(4,60,38,.06)!important;
  }
  .product-gallery-fixed>.detail-main-image>img{padding:14px!important}
  .product-gallery-fixed>.product-thumbs{
    justify-content:center!important;height:76px!important;min-height:76px!important;max-height:76px!important;
    gap:9px!important;
  }
  .product-gallery-fixed>.product-thumbs>.product-thumb{
    width:62px!important;height:62px!important;min-width:62px!important;max-width:62px!important;
    min-height:62px!important;max-height:62px!important;border-radius:12px!important;
  }
  .detail-copy{padding:8px 2px 28px!important}
  .detail-copy .eyebrow{font-size:11px!important;padding:5px 10px!important;margin-bottom:8px!important}
  .detail-copy h1{
    font-size:25px!important;line-height:1.48!important;letter-spacing:0!important;
    margin:5px 0 10px!important;
  }
  .detail-copy .price.big,.detail-copy #priceDisplay{
    font-size:28px!important;gap:9px!important;margin:8px 0 14px!important;
  }
  .detail-copy .price.big del,.detail-copy #priceDisplay del{font-size:13px!important}
  .product-description{
    font-size:14px!important;line-height:1.9!important;padding:14px!important;
    border-radius:15px!important;margin:16px 0!important;
  }
  .product-description img,.product-description .description-content-image{
    max-width:100%!important;max-height:300px!important;margin:12px auto!important;border-radius:12px!important;
  }
  .stock{font-size:12px!important;padding:7px 12px!important}
  .buy-form{margin-top:16px!important}
  .buy-form .btn.primary{font-size:14px!important;min-height:50px!important;padding:10px 18px!important}
}

@media(max-width:520px){
  .container{width:calc(100% - 28px)!important}
  .product-gallery-fixed>.detail-main-image{
    height:315px!important;min-height:315px!important;max-height:315px!important;
  }
  .product-gallery-fixed>.detail-main-image>img{padding:10px!important}
  .detail-copy h1{font-size:23px!important;line-height:1.5!important}
  .detail-copy .price.big,.detail-copy #priceDisplay{font-size:26px!important}
  .detail-copy .price.big del,.detail-copy #priceDisplay del{font-size:12px!important}
  .product-description{font-size:13px!important;line-height:1.9!important}
}

@media(max-width:380px){
  .product-gallery-fixed>.detail-main-image{height:295px!important;min-height:295px!important;max-height:295px!important}
  .detail-copy h1{font-size:21px!important}
  .detail-copy .price.big,.detail-copy #priceDisplay{font-size:24px!important}
}

/* Home/category product cards: cleaner premium rhythm */
.product-card{border-radius:18px!important;box-shadow:0 5px 22px rgba(10,45,30,.045)!important}
.product-card:hover{box-shadow:0 15px 35px rgba(10,45,30,.09)!important}
.product-image{background:linear-gradient(180deg,#fafcfb,#f5f8f6)!important}
.product-meta{padding:15px!important}
.product-name{line-height:1.55!important}
.price{color:var(--premium-green)!important}
.price del{color:#9ca7a2!important}

/* Keep descriptions/images inside their containers everywhere */
img{max-width:100%}
.product-description,.detail-copy{min-width:0;overflow:hidden}

/* =========================================================
   CHARFA CART FINAL FIX — safe removal + premium mobile layout
   ========================================================= */
.cart-layout{align-items:start!important;gap:24px!important}
.cart-items{min-width:0!important;overflow:hidden!important}
.cart-row{grid-template-columns:78px minmax(0,1fr) 82px 120px!important;gap:14px!important;min-width:0!important}
.cart-info{min-width:0!important}
.cart-info b{display:block;font-size:15px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
.cart-row>input[type="number"]{width:76px!important;min-height:42px!important;text-align:center!important;font-family:inherit!important}
.cart-row>div:last-child{min-width:0!important;text-align:center!important}
.cart-row>div:last-child strong{display:block;color:var(--premium-green)!important;font-size:15px!important;white-space:nowrap!important}
.cart-row .danger{display:inline-block!important;margin-top:4px!important;color:#b44b4b!important;font-size:12px!important}
.cart-items>.btn{margin-top:18px!important}
.summary{position:sticky!important;top:95px!important}
.summary .total{background:#eef8f3!important;border-radius:14px!important;padding:12px!important;color:var(--premium-green)!important}

@media(max-width:900px){
  .cart-layout{grid-template-columns:1fr!important;gap:14px!important}
  .summary{position:static!important;order:2!important}
  .cart-items{order:1!important;padding:14px!important;border-radius:18px!important}
  .cart-row{grid-template-columns:64px minmax(0,1fr) 58px!important;grid-template-areas:"thumb info price" "thumb qty price"!important;gap:7px 10px!important;padding:15px 0!important;align-items:center!important}
  .cart-row .thumb{grid-area:thumb!important;width:64px!important;height:64px!important}
  .cart-row .cart-info{grid-area:info!important}
  .cart-row>input[type="number"]{grid-area:qty!important;width:58px!important;height:38px!important;padding:5px!important}
  .cart-row>div:last-child{grid-area:price!important;align-self:center!important}
  .cart-row>div:last-child strong{font-size:14px!important}
  .cart-row .danger{font-size:11px!important}
}

@media(max-width:520px){
  .page{padding-top:28px!important}
  .section-head{margin-bottom:14px!important}
  .section-head h1{font-size:25px!important;line-height:1.4!important}
  .cart-items{padding:12px!important}
  .cart-row{grid-template-columns:58px minmax(0,1fr) 67px!important;grid-template-areas:"thumb info price" "thumb qty price"!important;gap:5px 8px!important;padding:13px 0!important}
  .cart-row .thumb{width:58px!important;height:58px!important;border-radius:12px!important}
  .cart-info b{font-size:13px!important;line-height:1.5!important}
  .cart-info span{font-size:10px!important;line-height:1.5!important}
  .cart-row>input[type="number"]{width:52px!important;height:34px!important;font-size:13px!important}
  .cart-row>div:last-child strong{font-size:13px!important}
  .cart-row .danger{font-size:10px!important}
  .summary{padding:15px!important}
  .summary h3{font-size:17px!important}
  .summary>div{font-size:13px!important}
  .summary .total{font-size:16px!important}
  .cart-items>.btn{width:100%!important;font-size:13px!important}

/* ===== FINAL FIX: تكبير صور بطاقات صفحة الأقسام ===== */
.categories-page .category-directory-card{
    overflow:hidden !important;
}

.categories-page .category-directory-icon{
    width:220px !important;
    height:180px !important;
    flex:0 0 180px !important;
    border-radius:20px 20px 0 0 !important;
    overflow:hidden !important;
    background:#eff9f3 !important;
}

.categories-page .category-directory-icon img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center !important;
    padding:0 !important;
    display:block !important;
}

@media(max-width:520px){
    .categories-page .category-directory-card{
        min-height:285px !important;
        padding:0 0 14px !important;
        flex-direction:column !important;
        justify-content:flex-start !important;
        align-items:stretch !important;
        gap:10px !important;
        text-align:center !important;
    }

    .categories-page .category-directory-icon{
        width:100% !important;
        height:170px !important;
        flex:0 0 170px !important;
        border-radius:20px 20px 0 0 !important;
    }

    .categories-page .category-directory-card h2{
        margin:4px 8px 0 !important;
        font-size:17px !important;
        line-height:1.4 !important;
    }

    .categories-page .category-directory-card > span{
        margin:0 8px !important;
        font-size:11px !important;
    }

    .categories-page .category-arrow{
        margin:0 auto !important;
    }
}


/* FIX: category images must remain fully visible; do not crop uploaded images */
.category-card img,
.category-card-image img,
.category-image img,
.category-card .category-image,
.category-card-image,
.category-image {
  object-fit: contain !important;
  object-position: center !important;
  width: 100%;
  height: auto;
}

}

/* =========================================================
   CHARFA STORE — FINAL STOREFRONT GRID + MOBILE UX
   Two products per row on phones; stable cards; no business logic changes.
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
.product-grid{width:100%;min-width:0;align-items:stretch}
.product-card{min-width:0;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e3ece7;border-radius:18px;overflow:hidden}
.product-image{flex:0 0 245px;height:245px;min-height:245px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f7faf8}
.product-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:8px;margin:0}
.product-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;padding:13px}
.product-meta small{display:block;min-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:4.5em;max-height:4.5em;line-height:1.5;font-weight:800;word-break:break-word}
.price{display:flex;align-items:center;gap:7px;min-height:34px;white-space:nowrap;overflow:hidden}
.card-rating{min-height:22px;display:flex;align-items:center;gap:4px;direction:ltr}
.product-meta form{margin-top:auto}
.add-btn{width:100%;min-height:42px;height:42px;margin-top:8px;border-radius:12px;font-weight:900;white-space:nowrap}

@media (max-width:900px){
  .product-grid,.product-exact,.home-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .product-image{flex-basis:190px;height:190px;min-height:190px}
  .product-meta{padding:10px}
  .product-name{font-size:13px;line-height:1.48;min-height:4.44em;max-height:4.44em}
  .price{font-size:14px;min-height:31px}
  .price del{font-size:10px}
  .card-rating{font-size:10px;min-height:21px}
  .add-btn{height:40px;min-height:40px;font-size:11px;margin-top:7px}
}
@media (max-width:520px){
  .container{width:calc(100% - 24px)!important;max-width:none!important}
  .product-grid,.product-exact,.home-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .product-card{border-radius:14px}
  .product-image{flex-basis:158px;height:158px;min-height:158px}
  .product-image img{padding:5px}
  .product-meta{padding:8px}
  .product-meta small{font-size:9px;min-height:17px}
  .product-name{font-size:11px;line-height:1.48;min-height:4.44em;max-height:4.44em;margin:2px 0 4px}
  .price{font-size:12px;min-height:29px;gap:5px}
  .price del{font-size:8px}
  .card-rating{font-size:9px;min-height:20px}
  .add-btn{height:38px;min-height:38px;font-size:10px;padding:6px 3px;border-radius:10px}
}
.product-card,.product-meta,.product-name,.section-head,.home-cat-card{min-width:0;overflow-wrap:anywhere}
.social-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.social-row a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden}
.social-row a img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:600px){
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:22px 16px!important}
  .footer-grid .footer-brand{grid-column:1/-1}
  .footer-grid a,.footer-grid p{font-size:11px;line-height:1.8}
  .footer-grid h4{font-size:14px;margin-bottom:8px}
}

.minimum-order-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f3faf6;border:1px solid #d9eee2;color:#426c5b;font-size:12px;text-align:center}.checkout-submit:disabled{opacity:.55;cursor:not-allowed}