:root {
  color-scheme: only light;
  --g: #3A6B20; --dg: #1E4010; --lg: #EBF3E4;
  --soil: #111008; --bg: #FFFFFF; --bg2: #F7F7F5;
  --warm: #F5EDD8; --terra: #B54010;
  --neon: #39FF8A; --border: #E0DDD6; --muted: #5A5650;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Tajawal',sans-serif; background:#fff !important; color:#111008 !important; overflow-x:hidden; }
body, body * { -webkit-color-scheme: light; color-scheme: light; }
input, select, textarea { background:#fff !important; color:#111008 !important; border-color:#E0DDD6 !important; }
nav { background:#fff !important; }
.page { background:#fff !important; }
.adm-card { background:#fff !important; color:#111008 !important; }
.adm-body { background:#fff !important; }
.adm-box { background:#fff !important; }
.qt-wrap { background:#F5EDD8 !important; }
.warm { background:#F5EDD8 !important; }
.page { display:none; }
.page.active { display:block; }
.wall-sticker { position:relative; width:240px; padding:26px 20px 20px; border-radius:4px; box-shadow:0 6px 18px rgba(0,0,0,.14); text-decoration:none; display:block; transition:transform .25s, box-shadow .25s; overflow:hidden; box-sizing:border-box; }
.wall-sticker:hover { transform:rotate(0deg) scale(1.03) !important; box-shadow:0 12px 30px rgba(0,0,0,.2); z-index:5; }
.wall-pin { position:absolute; top:-9px; left:50%; transform:translateX(-50%); width:18px; height:18px; border-radius:50%; box-shadow:0 2px 5px rgba(0,0,0,.3); border:2px solid rgba(255,255,255,.6); }
.wall-sticker-img { width:100%; border-radius:3px; overflow:hidden; margin-bottom:12px; }
.wall-sticker-img img { width:100%; display:block; object-fit:cover; max-height:170px; }
.wall-sticker-title { font-size:1.05rem; font-weight:800; color:#2A2418; margin-bottom:7px; line-height:1.4;  word-break:break-word; overflow-wrap:anywhere; }
.wall-sticker-text { font-size:.86rem; font-weight:400; color:#4A4438; line-height:1.65; white-space:pre-wrap; word-break:break-word; overflow-wrap:anywhere; }
.wall-sticker-cta { margin-top:12px; font-size:.82rem; font-weight:800; color:#1E4010; }
@media(max-width:600px){ .wall-sticker { width:100%; max-width:300px; } }

nav {
  position:fixed; top:0; width:100%; z-index:300; height:62px;
  padding:0 48px; display:flex; justify-content:space-between; align-items:center;
  background:#fff; border-bottom:1.5px solid #E0DDD6;
}
.nav-logo { display:flex; align-items:center; gap:9px; cursor:pointer; }
.nav-logo img { height:34px; width:34px; object-fit:cover; border-radius:7px; }
.nav-logo span { font-size:1.1rem; font-weight:900; color:#111008; }
.nav-links { display:flex; gap:4px; }
.nav-links a {
  text-decoration:none; font-size:0.87rem; font-weight:600;
  color:#5A5650; padding:7px 13px; border-radius:8px; transition:all .2s;
}
.nav-links a:hover, .nav-links a.on { background:#EBF3E4; color:#3A6B20; }
.nav-right { display:flex; align-items:center; gap:10px; }
.cart-btn {
  display:flex; align-items:center; gap:6px;
  background:#111008; color:#fff; padding:7px 16px; border-radius:100px;
  font-family:'Tajawal',sans-serif; font-size:0.82rem; font-weight:700;
  border:none; cursor:pointer; transition:background .2s;
}
.cart-btn:hover { background:#3A6B20; }
.cart-count {
  background:#B54010; color:#fff; width:18px; height:18px;
  border-radius:50%; font-size:0.68rem; font-weight:900;
  display:flex; align-items:center; justify-content:center;
}
.nav-ig {
  display:flex; align-items:center; gap:6px; text-decoration:none;
  font-size:0.8rem; font-weight:700; color:#3A6B20;
  border:1.5px solid #3A6B20; padding:6px 13px; border-radius:100px; transition:all .2s;
}
.nav-ig:hover { background:#3A6B20; color:#fff; }

.btn-p {
  background:#3A6B20; color:#fff; padding:12px 26px; border-radius:100px;
  font-family:'Tajawal',sans-serif; font-size:0.9rem; font-weight:700;
  border:none; cursor:pointer; text-decoration:none;
  transition:all .22s; display:inline-flex; align-items:center; gap:7px;
}
.btn-p:hover { background:#1E4010; transform:translateY(-2px); }
.btn-s {
  background:transparent; color:#111008; padding:12px 26px; border-radius:100px;
  font-family:'Tajawal',sans-serif; font-size:0.9rem; font-weight:600;
  border:1.5px solid #E0DDD6; cursor:pointer; text-decoration:none;
  transition:all .22s; display:inline-flex; align-items:center; gap:7px;
}
.btn-s:hover { border-color:#3A6B20; color:#3A6B20; }

.hero { min-height:100vh; padding-top:62px; display:grid; grid-template-columns:52% 48%; overflow:hidden; }
.hero-left { display:flex; flex-direction:column; justify-content:center; padding:70px 48px 70px 56px; background:#fff; }
.eyebrow {
  font-size:0.65rem; font-weight:700; letter-spacing:3.5px; text-transform:uppercase;
  color:#3A6B20; margin-bottom:20px; display:flex; align-items:center; gap:9px;
}
.eyebrow::before { content:''; display:block; width:20px; height:2px; background:#3A6B20; flex-shrink:0; }
.hero-title { font-size:clamp(3rem,5.5vw,5.6rem); font-weight:900; line-height:.97; letter-spacing:-3px; margin-bottom:20px; color:#111008; }
.hero-title em { font-style:normal; color:#3A6B20; }
.hero-body { font-size:1rem; font-weight:400; line-height:1.8; color:#5A5650; max-width:390px; margin-bottom:36px; }
.hero-btns { display:flex; gap:12px; flex-wrap:wrap; }
.hero-right { position:relative; overflow:hidden; background:#ddd; }
.hero-right img.main { width:100%; height:100%; object-fit:cover; display:block; }
.float-stack { position:absolute; bottom:28px; right:28px; display:flex; flex-direction:column; align-items:flex-end; gap:10px; max-width:78%; }
.hero-float {
  background:rgba(255,255,255,.97);
  border-radius:14px; padding:13px 17px; box-shadow:0 6px 22px rgba(0,0,0,.13);
  animation:floatY 4s ease-in-out infinite; display:block; text-decoration:none;
}
a.hero-float { cursor:pointer; transition:transform .15s; }
a.hero-float:active { transform:scale(.95); }
.float-num { font-size:1.4rem; font-weight:900; color:#111008; line-height:1; }
.float-lbl { font-size:0.65rem; color:#5A5650; margin-top:2px; font-weight:500; }
.hero-neon { position:absolute; top:26px; left:26px; background:rgba(0,0,0,.8); border-radius:9px; overflow:hidden; border:1px solid rgba(57,255,138,.3); }
.hero-neon img { width:135px; height:50px; object-fit:cover; display:block; }
@keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }

.marquee { background:#111008; padding:11px 0; overflow:hidden; }
.m-track { display:flex; width:max-content; animation:scrollX 26s linear infinite; }
.m-item { color:#fff; font-size:0.77rem; font-weight:600; letter-spacing:2.5px; text-transform:uppercase; padding:0 22px; white-space:nowrap; display:flex; align-items:center; gap:14px; }
.m-item::after { content:'✦'; color:#39FF8A; font-size:0.5rem; }
@keyframes scrollX { from{transform:translateX(0)} to{transform:translateX(50%)} }

.s-eye { font-size:0.64rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#B54010; margin-bottom:11px; }
.s-title { font-size:clamp(1.75rem,2.9vw,2.6rem); font-weight:900; line-height:1.1; letter-spacing:-1.5px; color:#111008; }

.story-wrap { padding:90px 56px; max-width:1120px; margin:0 auto; }
.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.story-body { font-size:0.97rem; line-height:1.85; color:#5A5650; margin-top:16px; }
.story-body p+p { margin-top:13px; }
.photo-grid { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:200px 200px; gap:9px; }
.photo-grid img { width:100%; height:100%; object-fit:cover; border-radius:12px; transition:transform .4s; }
.photo-grid img:hover { transform:scale(1.03); }
.photo-grid .tall { grid-row:span 2; height:100%; }

.how-wrap { background:#111008; padding:90px 56px; }
.how-inner { max-width:1040px; margin:0 auto; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.step { padding:26px 20px; border:1px solid rgba(255,255,255,.07); border-radius:14px; transition:all .28s; }
.step:hover { border-color:rgba(58,107,32,.4); background:rgba(58,107,32,.07); transform:translateY(-4px); }
.step-n { font-size:0.58rem; font-weight:700; letter-spacing:2px; color:#B54010; margin-bottom:10px; }
.step-i { font-size:1.7rem; margin-bottom:9px; display:block; }
.step-name { font-size:1rem; font-weight:700; color:#fff; margin-bottom:6px; }
.step-d { font-size:0.8rem; font-weight:300; color:rgba(255,255,255,.42); line-height:1.58; }

.gallery-wrap { padding:90px 56px; max-width:1120px; margin:0 auto; }
.g-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:36px; }
.g-link { font-size:0.82rem; font-weight:600; color:#3A6B20; text-decoration:none; border-bottom:1px solid #3A6B20; padding-bottom:2px; transition:opacity .2s; }
.g-link:hover { opacity:.65; }
.g-grid { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:255px 255px; gap:9px; }
.g-grid .wide { grid-column:span 2; }
.g-grid img { width:100%; height:100%; object-fit:cover; border-radius:12px; transition:all .32s; }
.g-grid img:hover { transform:scale(1.02); }

.qt-wrap { padding:80px 56px; background:#F5EDD8; text-align:center; }
.qt-inner { max-width:680px; margin:0 auto; }
.qt-mark { font-size:4rem; color:#3A6B20; line-height:.5; display:block; margin-bottom:22px; font-family:Georgia,serif; opacity:.3; }
.qt-text { font-size:clamp(1.3rem,2.5vw,2rem); font-weight:700; line-height:1.45; letter-spacing:-.8px; color:#111008; margin-bottom:18px; }
.qt-text span { color:#3A6B20; }
.qt-by { font-size:0.68rem; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#5A5650; }
/* FAQ section */
.faq-wrap { padding:72px 56px; background:#fff; }
.faq-inner { max-width:760px; margin:0 auto; }
.faq-title { font-size:clamp(1.6rem,3vw,2.4rem); font-weight:900; letter-spacing:-1px; color:#111008; text-align:center; margin-bottom:36px; }
.faq-item { border:1.5px solid #E0DDD6; border-radius:16px; margin-bottom:12px; overflow:hidden; transition:border-color .2s; }
.faq-item.open { border-color:#3A6B20; }
.faq-q { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 20px; cursor:pointer; font-weight:700; font-size:1rem; color:#1E4010; background:#fff; transition:background .2s; user-select:none; }
.faq-q:hover { background:#EBF3E4; }
.faq-item.open .faq-q { background:#EBF3E4; }
.faq-icon { flex:0 0 auto; width:24px; height:24px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; color:#3A6B20; transition:transform .25s; }
.faq-item.open .faq-icon { transform:rotate(45deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height .3s ease, padding .3s ease; padding:0 20px; }
.faq-item.open .faq-a { max-height:500px; padding:4px 20px 20px; }
.faq-a p { font-size:.94rem; line-height:1.7; color:#5A5650; margin:0; }
@media(max-width:600px){ .faq-wrap { padding-left:22px; padding-right:22px; } }

.cta-wrap { background:#1E4010; padding:80px 56px; text-align:center; }
.cta-inner { max-width:520px; margin:0 auto; }
.cta-title { font-size:clamp(1.8rem,3.5vw,3rem); font-weight:900; color:#fff; line-height:1.05; letter-spacing:-2px; margin-bottom:12px; }
.cta-title span { color:#39FF8A; }
.cta-sub { font-size:0.93rem; color:rgba(255,255,255,.5); line-height:1.7; margin-bottom:32px; }
.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

.page-hero { background:#111008; padding:72px 56px 56px; padding-top:calc(62px + 52px); }
.page-hero h1 { font-size:clamp(2rem,4vw,3.3rem); font-weight:900; color:#fff; letter-spacing:-2px; margin-bottom:8px; }
.page-hero p { font-size:0.93rem; color:rgba(255,255,255,.55); max-width:520px; line-height:1.7; }
.page-hero .eyebrow { color:rgba(57,255,138,.5); margin-bottom:14px; }
.badge-host{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px;}
.badge-host .free-badge{margin-top:0;}
.free-badge {
  display:inline-flex; align-items:center; gap:7px; margin-top:14px;
  background:rgba(57,255,138,.12); border:1px solid rgba(57,255,138,.35);
  color:#39FF8A; padding:6px 16px; border-radius:100px; font-size:0.78rem; font-weight:700;
}

.order-page { padding-top:62px; min-height:100vh; background:#fff; }
.steps-bar { display:flex; justify-content:center; align-items:center; padding:22px 56px; border-bottom:1.5px solid #E0DDD6; background:#fff; }
.sbar-step { display:flex; align-items:center; gap:8px; font-size:0.82rem; font-weight:600; color:rgba(17,16,8,.3); transition:color .3s; }
.sbar-step.active { color:#3A6B20; }
.sbar-step.done { color:#111008; }
.sbar-num { width:26px; height:26px; border-radius:50%; border:1.5px solid currentColor; display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:700; flex-shrink:0; transition:all .3s; }
.sbar-step.active .sbar-num { background:#3A6B20; border-color:#3A6B20; color:#fff; }
.sbar-step.done .sbar-num { background:#111008; border-color:#111008; color:#fff; }
.sbar-line { width:44px; height:1.5px; background:#E0DDD6; margin:0 8px; flex-shrink:0; transition:background .3s; }
.sbar-line.done { background:#111008; }
.order-section { padding:40px 56px; max-width:1040px; margin:0 auto; }
.order-section h2 { font-size:1.5rem; font-weight:900; color:#111008; letter-spacing:-1px; margin-bottom:5px; }
.order-section .sub { font-size:0.88rem; color:#5A5650; margin-bottom:28px; }
.price-tag { display:inline-flex; align-items:center; background:#EBF3E4; color:#3A6B20; font-size:0.82rem; font-weight:700; padding:4px 10px; border-radius:100px; margin-top:7px; }

.pots-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:32px; }
.pot-card { border:2px solid #E0DDD6; border-radius:14px; overflow:hidden; cursor:pointer; transition:all .22s; background:#fff; }
.pot-card:hover { border-color:#3A6B20; transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.07); }
.pot-card.selected { border-color:#3A6B20; box-shadow:0 0 0 4px rgba(58,107,32,.1); }
.pot-img { height:185px; overflow:hidden; background:#fff; }
.pot-img img { width:100%; height:100%; object-fit:contain; transition:transform .4s; }
.pot-card:hover .pot-img img { transform:scale(1.05); }
.pot-info { padding:13px 15px; }
.pot-name { font-size:0.93rem; font-weight:700; color:#111008; margin-bottom:3px; }
.pot-desc { font-size:0.76rem; color:#5A5650; line-height:1.5; }
.pot-check { width:20px; height:20px; border-radius:50%; border:1.5px solid #E0DDD6; display:flex; align-items:center; justify-content:center; margin-top:8px; transition:all .22s; font-size:0.65rem; color:transparent; }
.pot-card.selected .pot-check { background:#3A6B20; border-color:#3A6B20; color:#fff; }

.plants-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:32px; }
.plant-card { border:2px solid #E0DDD6; border-radius:13px; overflow:hidden; cursor:pointer; transition:all .22s; background:#fff; }
.plant-card:hover { border-color:#3A6B20; transform:translateY(-3px); }
.plant-card.selected { border-color:#3A6B20; box-shadow:0 0 0 4px rgba(58,107,32,.1); }
.plant-img { height:165px; overflow:hidden; background:#fff; }
.plant-img img { width:100%; height:100%; object-fit:contain; transition:transform .4s; }
.plant-card:hover .plant-img img { transform:scale(1.06); }
.plant-info { padding:10px 12px; }
.plant-name { font-size:0.87rem; font-weight:700; color:#111008; margin-bottom:2px; }
.plant-type { font-size:0.7rem; color:#5A5650; }
.plant-check { width:18px; height:18px; border-radius:50%; border:1.5px solid #E0DDD6; display:flex; align-items:center; justify-content:center; margin-top:7px; transition:all .22s; font-size:0.6rem; color:transparent; }
.plant-card.selected .plant-check { background:#3A6B20; border-color:#3A6B20; color:#fff; }

.summary-box { background:#F7F7F5; border:1.5px solid #E0DDD6; border-radius:16px; padding:22px 26px; margin-bottom:22px; }
.summary-title { font-size:0.93rem; font-weight:700; color:#111008; margin-bottom:14px; }
.summary-row { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid #E0DDD6; font-size:0.88rem; }
.summary-row:last-child { border-bottom:none; }
.summary-row .lbl { color:#5A5650; }
.summary-row .val { color:#111008; font-weight:600; }
.summary-row .free { color:#3A6B20; font-weight:700; }
.summary-row .total { color:#3A6B20; font-weight:900; font-size:1rem; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-bottom:20px; }
.form-field { display:flex; flex-direction:column; gap:5px; }
.form-field label { font-size:0.78rem; font-weight:600; color:#111008; }
.form-field input, .form-field textarea { padding:10px 14px; border:1.5px solid #E0DDD6; border-radius:10px; font-family:'Tajawal',sans-serif; font-size:0.9rem; color:#111008; background:#fff; outline:none; transition:border-color .2s; }
.form-field input:focus, .form-field textarea:focus { border-color:#3A6B20; }
.form-field textarea { resize:vertical; min-height:72px; }
.form-full { grid-column:span 2; }
.order-nav { display:flex; justify-content:space-between; align-items:center; padding:20px 56px; border-top:1.5px solid #E0DDD6; background:#fff; position:sticky; bottom:0; box-shadow:0 -4px 16px rgba(0,0,0,.05); }
.btn-back { background:transparent; color:#5A5650; padding:10px 20px; border-radius:100px; font-family:'Tajawal',sans-serif; font-size:0.86rem; font-weight:600; border:1.5px solid #E0DDD6; cursor:pointer; transition:all .2s; }
.btn-back:hover { color:#111008; }
.btn-next { background:#3A6B20; color:#fff; padding:11px 28px; border-radius:100px; font-family:'Tajawal',sans-serif; font-size:0.88rem; font-weight:700; border:none; cursor:pointer; transition:all .22s; display:flex; align-items:center; gap:6px; }
.btn-next:hover { background:#1E4010; transform:translateY(-2px); }
.btn-next:disabled { background:rgba(17,16,8,.12); color:rgba(17,16,8,.3); cursor:not-allowed; transform:none; }

.shop-page { padding-top:62px; background:#fff; }
.shop-filters { display:flex; gap:8px; padding:22px 56px; flex-wrap:wrap; border-bottom:1.5px solid #E0DDD6; background:#fff; position:sticky; top:62px; z-index:100; }
.filter-btn { padding:7px 16px; border-radius:100px; font-family:'Tajawal',sans-serif; font-size:0.8rem; font-weight:600; border:1.5px solid #E0DDD6; background:transparent; color:#5A5650; cursor:pointer; transition:all .2s; }
.filter-btn:hover, .filter-btn.on { background:#3A6B20; color:#fff; border-color:#3A6B20; }
.shop-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; padding:36px 56px; max-width:1160px; margin:0 auto; }
.shop-card { background:#fff; border:1.5px solid #E0DDD6; border-radius:14px; overflow:hidden; transition:all .25s; }
.shop-card:hover { border-color:#3A6B20; transform:translateY(-4px); box-shadow:0 10px 26px rgba(0,0,0,.08); }
.shop-img { height:185px; overflow:hidden; background:#fff; position:relative; }
.shop-img img { width:100%; height:100%; object-fit:contain; transition:transform .4s; display:block; }
.shop-card:hover .shop-img img { transform:scale(1.06); }
.shop-badges-wrap { position:absolute; top:9px; right:9px; display:flex; flex-direction:column; gap:5px; align-items:flex-end; z-index:2; }
.shop-badge { background:#B54010; color:#fff; font-size:0.65rem; font-weight:700; padding:3px 8px; border-radius:100px; white-space:nowrap; box-shadow:0 1px 4px rgba(0,0,0,.12); }
.shop-badge.new { background:#3A6B20; }
.shop-info { padding:13px 14px; }
.shop-cat { font-size:0.63rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#3A6B20; margin-bottom:4px; }
.shop-name { font-size:0.9rem; font-weight:700; color:#111008; margin-bottom:3px; line-height:1.3; }
.shop-desc { font-size:0.73rem; color:#5A5650; line-height:1.5; margin-bottom:10px; }
.shop-footer { display:flex; justify-content:space-between; align-items:center; }
.shop-price { font-size:1rem; font-weight:900; color:#111008; }
.shop-price span { font-size:0.72rem; font-weight:400; color:#5A5650; }
.add-btn { width:30px; height:30px; background:#3A6B20; color:#fff; border:none; border-radius:50%; cursor:pointer; font-size:1.15rem; transition:all .2s; display:flex; align-items:center; justify-content:center; font-weight:900; line-height:1; }
.add-btn:hover { background:#1E4010; transform:scale(1.1); }

.cart-page { padding-top:62px; min-height:100vh; background:#F7F7F5; }
.cart-hero { background:#fff; border-bottom:1.5px solid #E0DDD6; padding:32px 56px; }
.cart-hero h1 { font-size:1.8rem; font-weight:900; color:#111008; letter-spacing:-1px; }
.cart-hero p { font-size:0.88rem; color:#5A5650; margin-top:4px; }
.cart-layout { display:grid; grid-template-columns:1fr 380px; gap:24px; padding:32px 56px; max-width:1120px; margin:0 auto; align-items:start; }
.cart-items { background:#fff; border:1.5px solid #E0DDD6; border-radius:16px; overflow:hidden; }
.cart-item { display:grid; grid-template-columns:70px 1fr auto; gap:14px; align-items:center; padding:18px 20px; border-bottom:1px solid #E0DDD6; }
.cart-item:last-child { border-bottom:none; }
.cart-item-img { width:70px; height:70px; border-radius:10px; object-fit:cover; background:#EBF3E4; }
.cart-item-name { font-size:0.93rem; font-weight:700; color:#111008; margin-bottom:3px; }
.cart-item-cat { font-size:0.72rem; color:#5A5650; }
.cart-item-price { font-size:1rem; font-weight:900; color:#111008; white-space:nowrap; }
.cart-item-controls { display:flex; align-items:center; gap:8px; margin-top:8px; }
.qty-btn { width:26px; height:26px; border-radius:50%; border:1.5px solid #E0DDD6; background:#fff; color:#111008; font-size:0.95rem; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s; }
.qty-btn:hover { border-color:#3A6B20; color:#3A6B20; }
.qty-num { font-size:0.88rem; font-weight:700; color:#111008; min-width:20px; text-align:center; }
.remove-btn { background:none; border:none; color:#5A5650; font-size:0.78rem; cursor:pointer; padding:4px 8px; border-radius:6px; transition:all .2s; font-family:'Tajawal',sans-serif; }
.remove-btn:hover { color:#B54010; background:rgba(181,64,16,.06); }
.cart-empty { padding:60px 24px; text-align:center; }
.cart-empty .ei { font-size:3rem; margin-bottom:14px; display:block; }
.cart-empty p { font-size:1rem; color:#5A5650; }
.cart-empty a { color:#3A6B20; font-weight:700; text-decoration:none; }
.cart-summary { background:#fff; border:1.5px solid #E0DDD6; border-radius:16px; padding:24px; position:sticky; top:90px; }
.cart-summary h3 { font-size:1.05rem; font-weight:700; color:#111008; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #E0DDD6; }
.cs-row { display:flex; justify-content:space-between; font-size:0.88rem; padding:7px 0; }
.cs-row .lbl { color:#5A5650; }
.cs-row .val { color:#111008; font-weight:600; }
.cs-total { border-top:1.5px solid #E0DDD6; margin-top:8px; padding-top:14px; display:flex; justify-content:space-between; }
.cs-total .lbl { font-size:0.95rem; font-weight:700; color:#111008; }
.cs-total .val { font-size:1.15rem; font-weight:900; color:#3A6B20; }
.cs-free { display:flex; align-items:center; gap:7px; background:#EBF3E4; color:#3A6B20; padding:10px 14px; border-radius:10px; margin:14px 0; font-size:0.82rem; font-weight:600; }
.checkout-btn { width:100%; background:#3A6B20; color:#fff; padding:14px; border-radius:12px; font-family:'Tajawal',sans-serif; font-size:0.95rem; font-weight:700; border:none; cursor:pointer; transition:all .22s; margin-top:4px; }
.checkout-btn:hover { background:#1E4010; }
.checkout-btn:disabled { background:rgba(17,16,8,.12); color:rgba(17,16,8,.3); cursor:not-allowed; }
.checkout-form { margin-top:20px; border-top:1.5px solid #E0DDD6; padding-top:20px; display:none; }
.checkout-form h4 { font-size:0.93rem; font-weight:700; color:#111008; margin-bottom:14px; }
.cf-field { display:flex; flex-direction:column; gap:5px; margin-bottom:12px; }
.cf-field label { font-size:0.76rem; font-weight:600; color:#111008; }
.cf-field input { padding:9px 13px; border:1.5px solid #E0DDD6; border-radius:9px; font-family:'Tajawal',sans-serif; font-size:0.88rem; color:#111008; background:#fff; outline:none; transition:border-color .2s; }
.cf-field input:focus { border-color:#3A6B20; }
.send-btn { width:100%; background:#111008; color:#fff; padding:13px; border-radius:12px; font-family:'Tajawal',sans-serif; font-size:0.9rem; font-weight:700; border:none; cursor:pointer; transition:all .22s; }
.send-btn:hover { background:#3A6B20; }

.success-wrap { min-height:55vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:56px 36px; background:#fff; }
.success-wrap .si { font-size:3.8rem; margin-bottom:16px; }
.success-wrap h2 { font-size:1.85rem; font-weight:900; color:#111008; margin-bottom:8px; }
.success-wrap p { font-size:0.93rem; color:#5A5650; max-width:340px; line-height:1.7; margin-bottom:26px; }

.services-page { padding-top:62px; }
.services-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:60px 56px; max-width:1080px; margin:0 auto; }
.srv-card { background:#fff; border:1.5px solid #E0DDD6; border-radius:18px; padding:32px 28px; transition:all .28s; }
.srv-card:hover { border-color:#3A6B20; transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,0,0,.07); }
.srv-featured { background:#111008; border-color:#111008; grid-column:span 2; display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center; }
.srv-icon { font-size:2.2rem; margin-bottom:16px; display:block; }
.srv-name { font-size:1.2rem; font-weight:900; color:#111008; letter-spacing:-.5px; margin-bottom:9px; }
.srv-featured .srv-name { color:#fff; }
.srv-desc { font-size:0.88rem; color:#5A5650; line-height:1.75; margin-bottom:18px; }
.srv-featured .srv-desc { color:rgba(255,255,255,.55); }
.srv-list { list-style:none; display:flex; flex-direction:column; gap:7px; margin-bottom:22px; }
.srv-list li { font-size:0.83rem; color:#5A5650; display:flex; align-items:flex-start; gap:7px; }
.srv-featured .srv-list li { color:rgba(255,255,255,.58); }
.srv-list li::before { content:'✓'; color:#3A6B20; font-weight:700; font-size:0.78rem; flex-shrink:0; margin-top:2px; }
.srv-featured .srv-list li::before { color:#39FF8A; }
.srv-img { border-radius:13px; overflow:hidden; height:250px; }
.srv-img img { width:100%; height:100%; object-fit:cover; }
.contact-wrap { background:#F7F7F5; padding:60px 56px; border-top:1.5px solid #E0DDD6; }
.contact-inner { max-width:640px; margin:0 auto; }
.c-form { display:flex; flex-direction:column; gap:13px; margin-top:24px; }
.c-row { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.c-field { display:flex; flex-direction:column; gap:7px; }
.c-field label { font-size:0.8rem; font-weight:700; color:#111008; margin-bottom:1px; }
.c-field input, .c-field select, .c-field textarea { padding:10px 14px; border:1.5px solid #E0DDD6; border-radius:10px; font-family:'Tajawal',sans-serif; font-size:0.88rem; color:#111008; background:#fff; outline:none; transition:border-color .2s; }
.c-field select { cursor:pointer; }
.c-field input:focus, .c-field select:focus, .c-field textarea:focus { border-color:#3A6B20; }
.c-field textarea { resize:vertical; min-height:88px; }
.c-submit { background:#3A6B20; color:#fff; padding:13px; border-radius:11px; font-family:'Tajawal',sans-serif; font-size:0.93rem; font-weight:700; border:none; cursor:pointer; transition:all .22s; }
.c-submit:hover { background:#1E4010; }

.blog-page { padding-top:62px; }
.blog-featured { display:grid; grid-template-columns:1fr 1fr; border-radius:18px; overflow:hidden; border:1.5px solid #E0DDD6; cursor:pointer; margin-bottom:28px; transition:all .25s; }
.blog-featured:hover { border-color:#3A6B20; transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,0,0,.08); }
.blog-feat-img { height:300px; display:flex; align-items:center; justify-content:center; font-size:5.5rem; }
.blog-feat-body { padding:32px 28px; background:#fff; display:flex; flex-direction:column; justify-content:center; }
.blog-feat-title { font-size:1.5rem; font-weight:900; color:#111008; letter-spacing:-1px; line-height:1.2; margin-bottom:12px; }
.blog-feat-desc { font-size:0.88rem; color:#5A5650; line-height:1.75; margin-bottom:18px; }
.blog-meta { display:flex; align-items:center; gap:10px; font-size:0.72rem; color:#5A5650; }
.blog-cat { font-size:0.62rem; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:#3A6B20; margin-bottom:10px; }
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.blog-card { background:#fff; border:1.5px solid #E0DDD6; border-radius:15px; overflow:hidden; cursor:pointer; transition:all .25s; }
.blog-card:hover { border-color:#3A6B20; transform:translateY(-4px); box-shadow:0 10px 24px rgba(0,0,0,.08); }
.blog-card-img { height:160px; display:flex; align-items:center; justify-content:center; font-size:3.5rem; }
.blog-card-body { padding:16px 18px; }
.blog-card-title { font-size:0.97rem; font-weight:900; color:#111008; line-height:1.3; margin-bottom:7px; letter-spacing:-.4px; }
.blog-card-desc { font-size:0.78rem; color:#5A5650; line-height:1.6; margin-bottom:11px; }
.blog-time { font-size:0.7rem; color:#5A5650; }
.post-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:500; overflow-y:auto; padding:80px 20px 40px; }
.post-box { max-width:700px; margin:0 auto; background:#fff; border-radius:20px; overflow:hidden; }

footer { background:#111008; padding:30px 56px; display:flex; justify-content:space-between; align-items:center; }
.f-logo { display:flex; align-items:center; gap:8px; }
.f-logo img { height:30px; width:30px; object-fit:cover; border-radius:6px; }
.f-logo span { font-size:0.97rem; font-weight:900; color:#fff; }
.f-copy { font-size:0.7rem; color:rgba(255,255,255,.28); }
.f-ig a { display:flex; align-items:center; gap:6px; text-decoration:none; color:rgba(255,255,255,.4); font-size:0.77rem; transition:color .2s; }
.f-ig a:hover { color:#39FF8A; }

.toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(80px); background:#111008; color:#fff; padding:11px 22px; border-radius:100px; font-size:0.86rem; font-weight:600; z-index:999; transition:transform .32s ease; white-space:nowrap; box-shadow:0 4px 16px rgba(0,0,0,.2); }
.toast.show { transform:translateX(-50%) translateY(0); }

.reveal { opacity:1; transform:none; transition:opacity .62s ease, transform .62s ease; }
.reveal.vis { opacity:1; transform:none; }

@media(max-width:960px) {
  .hero { grid-template-columns:1fr; }
  .hero-right { height:58vw; min-height:260px; }
  .hero-left { padding:54px 22px 38px; }
  nav { padding:0 16px; }
  .nav-links { display:none; }
  .story-wrap, .gallery-wrap { padding:60px 22px; }
  .story-grid { grid-template-columns:1fr; gap:28px; }
  .how-wrap, .qt-wrap, .cta-wrap, .contact-wrap { padding-left:22px; padding-right:22px; }
  .steps { grid-template-columns:1fr 1fr; }
  .g-grid { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .g-grid .wide { grid-column:span 2; height:200px; }
  .g-grid img { height:175px; }
  .order-section, .order-nav, .shop-filters, .cart-hero { padding-left:22px; padding-right:22px; }
  .pots-grid { grid-template-columns:1fr 1fr; }
  .plants-grid { grid-template-columns:repeat(2,1fr); }
  .services-grid { grid-template-columns:1fr; padding:40px 22px; }
  .srv-featured { grid-column:span 1; grid-template-columns:1fr; }
  .shop-grid { grid-template-columns:repeat(2,1fr); padding:24px 22px; }
  .cart-layout { grid-template-columns:1fr; padding:22px; }
  .cart-summary { position:static; }
  .c-row { grid-template-columns:1fr; }
  footer { padding:24px 18px; flex-direction:column; gap:10px; text-align:center; }
  .blog-featured { grid-template-columns:1fr; }
  .blog-feat-img { height:200px; }
  .blog-grid { grid-template-columns:1fr 1fr; }
  .blog-feat-body { padding:22px; }
  .page-hero { padding-left:22px; padding-right:22px; }
}
@media(max-width:600px) {
  .pots-grid, .shop-grid { grid-template-columns:1fr 1fr; }
  .steps { grid-template-columns:1fr; }
  .photo-grid { grid-template-columns:1fr; grid-template-rows:auto; }
  .photo-grid .tall { grid-row:span 1; height:210px; }
  .photo-grid img { height:180px; }
  .form-grid { grid-template-columns:1fr; }
  .form-full { grid-column:span 1; }
  .blog-grid { grid-template-columns:1fr; }
}

/* ── ADM ── */
.adm{padding-top:62px;min-height:100vh;background:#F2F2F0!important;color:#111008!important;}
.adm *{box-sizing:border-box;}
.adm-bar{background:#111008;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;}
.adm-bar h1{font-size:1.05rem;font-weight:900;color:#fff;}
.adm-bar p{font-size:.7rem;color:rgba(255,255,255,.38);margin-top:1px;}
.adm-out{background:rgba(255,255,255,.1);border:none;color:#fff;padding:7px 14px;border-radius:100px;font-family:'Tajawal',sans-serif;font-size:.76rem;font-weight:600;cursor:pointer;display:none;white-space:nowrap;}
.adm-lw{max-width:400px;margin:32px auto;padding:0 18px;}
.adm-lcard{background:#fff!important;border-radius:18px;border:1px solid #E0DDD6;padding:24px 20px;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.adm-lcard h2{font-size:1rem;font-weight:900;color:#111008!important;margin-bottom:4px;}
.adm-lcard p{font-size:.78rem;color:#5A5650;margin-bottom:18px;}
.adm-inp{width:100%;padding:14px 15px;border:1.5px solid #E0DDD6;border-radius:11px;font-family:'Tajawal',sans-serif;font-size:1rem;color:#111008!important;background:#fff!important;outline:none;transition:border-color .2s;-webkit-appearance:none;display:block;margin-bottom:10px;}
.adm-inp:focus{border-color:#3A6B20;}
.adm-inp::placeholder{color:#BBB;}
.adm-pbtn{width:100%;background:#3A6B20;color:#fff;padding:14px;border-radius:11px;font-family:'Tajawal',sans-serif;font-size:.95rem;font-weight:700;border:none;cursor:pointer;-webkit-appearance:none;}
.adm-pbtn:active{background:#1E4010;transform:scale(.98);}
.adm-pbtn.sec{background:transparent;color:#5A5650;border:1.5px solid #E0DDD6;margin-top:8px;}
.adm-perr{background:#FEE8E2;color:#B54010;border-radius:9px;padding:9px 13px;font-size:.8rem;font-weight:600;margin-bottom:10px;display:none;text-align:center;}
.adm-dash{display:none;}
.adm-dash.on{display:block;}
.adm-bnav{position:fixed;top:0;right:0;bottom:0;width:250px;max-width:82vw;background:#fff;border-left:1px solid #E0DDD6;display:flex;flex-direction:column;z-index:500;padding:0 0 env(safe-area-inset-bottom);transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-4px 0 24px rgba(0,0,0,.12);}
.adm-bnav.open{transform:translateX(0);}
.adm-bnav-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1.5px solid #EFEDE8;font-weight:800;color:#1E4010;font-size:.95rem;position:sticky;top:0;background:#fff;z-index:2;}
.adm-menu-x{background:none;border:none;font-size:1.1rem;color:#8A8680;cursor:pointer;padding:4px 8px;border-radius:8px;}
.adm-menu-x:active{background:#F0EEEA;}
.adm-nb{display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px 18px;background:none;border:none;border-bottom:1px solid #F5F3EF;cursor:pointer;font-family:'Tajawal',sans-serif;font-size:.92rem;font-weight:600;color:#5A5650;-webkit-tap-highlight-color:transparent;text-align:right;width:100%;}
.adm-nb .ni{font-size:1.35rem;line-height:1;width:26px;text-align:center;flex:0 0 auto;}
.adm-nb.on{color:#3A6B20;background:#EBF3E4;font-weight:800;}
.adm-menu-btn{display:none;position:fixed;bottom:18px;right:18px;z-index:400;background:#3A6B20;color:#fff;border:none;border-radius:100px;padding:13px 22px;font-family:'Tajawal',sans-serif;font-size:.92rem;font-weight:800;cursor:pointer;box-shadow:0 4px 16px rgba(58,107,32,.4);align-items:center;gap:8px;-webkit-tap-highlight-color:transparent;}
body.adm-active .adm-menu-btn{display:flex;}
.adm-menu-btn span{font-size:1.15rem;}
.adm-menu-btn:active{transform:scale(.96);}
.adm-menu-ov{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:450;opacity:0;visibility:hidden;transition:opacity .28s;}
.adm-menu-ov.open{opacity:1;visibility:visible;}
.adm-pan{display:none;padding:16px 16px 90px;}
.adm-pan.on{display:block;}
@media(min-width:680px){.adm-pan{max-width:680px;margin:0 auto;padding:24px 32px 100px;}}
.adm-st{font-size:.9rem;font-weight:900;color:#111008;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;}
.adm-st small{font-size:.7rem;color:#5A5650;font-weight:400;}
.adm-prow{background:#fff!important;border-radius:12px;border:1px solid #E0DDD6;margin-bottom:8px;display:flex;align-items:center;gap:10px;padding:10px 12px;}
.adm-prow img{width:50px;height:50px;object-fit:cover;border-radius:8px;background:#EBF3E4;flex-shrink:0;}
.adm-prow .ri{flex:1;min-width:0;}
.adm-prow .rn{font-size:.86rem;font-weight:700;color:#111008;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.adm-prow .rc{font-size:.68rem;color:#5A5650;margin-top:1px;}
.adm-prow .rp{font-size:.84rem;font-weight:900;color:#3A6B20;margin-top:2px;}
.adm-rb{font-size:.56rem;font-weight:700;padding:2px 5px;border-radius:100px;margin-left:4px;}
.adm-rb.new{background:#3A6B20;color:#fff;}
.adm-rb.hot{background:#B54010;color:#fff;}
.adm-rb.sea{background:#8B6B00;color:#fff;}
.adm-dbtn{width:36px;height:36px;background:#FEE8E2;border:none;border-radius:8px;color:#B54010;font-size:.9rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;}
.adm-fc{background:#fff!important;border-radius:16px;border:1px solid #E0DDD6;padding:18px 16px;margin-bottom:12px;}
.adm-fc h3{font-size:.9rem;font-weight:900;color:#111008;margin-bottom:14px;}
.adm .af{margin-bottom:12px;}
.adm .af label{display:block;font-size:.73rem;font-weight:700;color:#111008;margin-bottom:5px;}
.adm .af input,.adm .af select{width:100%;padding:12px 13px;border:1.5px solid #E0DDD6;border-radius:10px;font-family:'Tajawal',sans-serif;font-size:.9rem;color:#111008!important;background:#fff!important;outline:none;transition:border-color .2s;-webkit-appearance:none;}
.adm .af input:focus,.adm .af select:focus{border-color:#3A6B20;}
.adm .af2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.adm-imgz{width:100%;height:180px;background:#EBF3E4;border:2px dashed #3A6B20;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;overflow:hidden;cursor:pointer;margin-bottom:12px;}
.adm-imgz input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:5;font-size:0;}
.adm-imgz .zi{font-size:1.7rem;}
.adm-imgz .zt{font-size:.78rem;color:#3A6B20;font-weight:600;}
.adm-imgz input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;}
.adm-imgz img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#EBF3E4;display:none;}
.adm-badges{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
.adm-badge-opt{display:flex;align-items:center;gap:10px;border:1.5px solid #E0DDD6;border-radius:10px;padding:11px 14px;cursor:pointer;}
.adm-badge-opt input[type=checkbox]{width:20px;height:20px;flex-shrink:0;cursor:pointer;margin:0;}
.adm-badge-opt.new-opt{border-color:#B5D9A0;background:#EBF3E4;}
.adm-badge-opt.new-opt input{accent-color:#3A6B20;}
.adm-badge-opt.hot-opt{border-color:#F0C0A0;background:#FEF0E8;}
.adm-badge-opt.hot-opt input{accent-color:#B54010;}
.adm-badge-opt.sea-opt{border-color:#E0C060;background:#FEF8E0;}
.adm-badge-opt.sea-opt input{accent-color:#8B6B00;}
.bo-info .bo-title{font-size:.85rem;font-weight:700;color:#111008;}
.bo-info .bo-sub{font-size:.72rem;color:#5A5650;margin-top:1px;}
.bo-tag{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:100px;margin-top:4px;display:inline-block;}
.new-opt .bo-tag{background:#3A6B20;color:#fff;}
.hot-opt .bo-tag{background:#B54010;color:#fff;}
.sea-opt .bo-tag{background:#8B6B00;color:#fff;}
.adm-ok{background:#EBF3E4;color:#1E4010;border-radius:9px;padding:9px;font-size:.8rem;font-weight:600;margin-bottom:10px;display:none;text-align:center;}
.adm-oitem{background:#fff!important;border-radius:12px;border:1px solid #E0DDD6;padding:12px 13px;margin-bottom:8px;}
.adm-oih{display:flex;justify-content:space-between;align-items:center;}
.adm-oin{font-size:.86rem;font-weight:700;color:#111008;}
.adm-oip{font-size:.84rem;font-weight:700;color:#3A6B20;}
.adm-oia{display:flex;gap:6px;margin-top:8px;}
.adm-eb{padding:8px 13px;background:#EBF3E4;border:none;border-radius:8px;font-family:'Tajawal',sans-serif;font-size:.76rem;font-weight:700;color:#3A6B20;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.adm-ef{display:none;margin-top:10px;padding-top:10px;border-top:1px solid #E0DDD6;flex-direction:column;gap:8px;}
.adm-ef.on{display:flex;}
.adm-ef input{padding:10px 12px;border:1.5px solid #E0DDD6;border-radius:9px;font-family:'Tajawal',sans-serif;font-size:.88rem;color:#111008!important;background:#fff!important;outline:none;-webkit-appearance:none;}
.adm-ef input:focus{border-color:#3A6B20;}
.adm-er{display:flex;gap:7px;}
.adm-sv{flex:1;background:#3A6B20;color:#fff;padding:10px;border-radius:9px;font-family:'Tajawal',sans-serif;font-size:.84rem;font-weight:700;border:none;cursor:pointer;}
.adm-cv{padding:10px 13px;background:#F7F7F5;color:#5A5650;border:1.5px solid #E0DDD6;border-radius:9px;font-family:'Tajawal',sans-serif;font-size:.84rem;cursor:pointer;}
.adm-ai{width:100%;background:#F7F7F5;border:1.5px dashed #C8C8C8;color:#5A5650;padding:12px;border-radius:10px;font-family:'Tajawal',sans-serif;font-size:.86rem;font-weight:600;cursor:pointer;margin-top:4px;-webkit-tap-highlight-color:transparent;}
.shop-badge.new{background:#3A6B20;}
.shop-badge.hot{background:#B54010;}
.shop-badge.seasonal{background:#8B6B00;}


/* SHOP SEARCH */
.shop-search-wrap{display:flex;align-items:center;gap:9px;background:#F7F7F5;border:1.5px solid #E0DDD6;border-radius:100px;padding:9px 16px;width:100%;max-width:420px;transition:border-color .2s;}
.shop-search-wrap:focus-within{border-color:#3A6B20;background:#fff;}
.shop-search-wrap .ss-icon{font-size:.95rem;flex-shrink:0;opacity:.55;}
.shop-search-wrap input{flex:1;border:none;outline:none;background:transparent;font-family:'Tajawal',sans-serif;font-size:.9rem;color:#111008!important;min-width:0;-webkit-appearance:none;}
.shop-search-wrap input::placeholder{color:#AAA;}
.ss-clear{background:none;border:none;color:#999;font-size:1rem;cursor:pointer;padding:0 2px;display:none;line-height:1;}
.shop-noresults{text-align:center;color:#5A5650;padding:48px 24px;font-size:.95rem;display:none;}
.shop-noresults .nri{font-size:2.4rem;display:block;margin-bottom:10px;}

/* NAV ICONS + CART v2 */
.nav-right{gap:8px;}
.nav-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s;-webkit-tap-highlight-color:transparent;}
.nav-icon:active{transform:scale(.92);}
.nav-icon svg{width:17px;height:17px;display:block;}
.nav-icon.ig{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
.nav-icon.wa{background:#25D366;}
.cart-btn{background:#111008;gap:7px;padding:8px 14px;}
.cart-btn svg{width:15px;height:15px;display:block;}
.cart-btn .cart-count{background:#39FF8A;color:#111008;}
@media(max-width:480px){.cart-btn .cart-label{display:none;}.cart-btn{padding:8px 11px;}.nav-icon{width:32px;height:32px;}}
/* FOOTER SOCIAL */
.f-contact{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.f-contact a.f-line{text-decoration:none;color:rgba(255,255,255,.55);font-size:.78rem;display:flex;align-items:center;gap:6px;transition:color .2s;}
.f-contact a.f-line:hover{color:#39FF8A;}
.f-social{display:flex;gap:9px;margin-top:2px;}
.f-socials{display:flex;gap:9px;margin-top:2px;flex-wrap:wrap;}
.f-socials a{display:flex;align-items:center;justify-content:center;transition:transform .15s;-webkit-tap-highlight-color:transparent;}
.f-socials a:active{transform:scale(.92);}
.f-socials svg{display:block;}
.f-social a{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s;-webkit-tap-highlight-color:transparent;}
.f-social a:active{transform:scale(.92);}
.f-social svg{width:16px;height:16px;display:block;}
.f-social .ig{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
.f-social .wa{background:#25D366;}
.f-social .mp{background:#3A6B20;}
@media(max-width:960px){.f-contact{align-items:center;}}


.home-imgz{width:100%;height:110px;background:#EBF3E4;border:2px dashed #3A6B20;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;overflow:hidden;cursor:pointer;}
.home-imgz .zt{font-size:.74rem;color:#3A6B20;font-weight:600;}
.home-imgz input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:5;font-size:0;}
.home-imgz img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#EBF3E4;}
.adm-hgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}

/* MESSAGES */
.msg-page{padding-top:62px;min-height:100vh;background:#F7F7F5!important;}
.msg-form-card{background:#fff!important;border:1.5px solid #E0DDD6;border-radius:18px;padding:24px 20px;max-width:560px;margin:0 auto 28px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.msg-form-card h3{font-size:1rem;font-weight:900;color:#111008;margin-bottom:16px;}
.msg-imgs-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.msg-imgs-preview .mi{width:64px;height:64px;border-radius:9px;object-fit:cover;border:1.5px solid #E0DDD6;}
.msg-grid{max-width:760px;margin:0 auto;padding:0 0 40px;display:grid;grid-template-columns:1fr;gap:14px;align-items:start;}
@media(min-width:680px){.msg-grid{grid-template-columns:1fr 1fr;gap:16px;}}
.msg-card{background:#fff!important;border:1.5px solid #E0DDD6;border-radius:18px;padding:18px 20px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.msg-card .mc-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.msg-card .mc-avatar{width:40px;height:40px;border-radius:50%;background:#3A6B20;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;flex-shrink:0;}
.msg-card .mc-name{font-size:.9rem;font-weight:700;color:#111008;}
.msg-card .mc-date{font-size:.68rem;color:#999;margin-top:1px;}
.msg-card .mc-text{font-size:.9rem;color:#333;line-height:1.75;}
.msg-card .mc-imgs{display:grid;gap:8px;margin-top:12px;}
.msg-card .mc-imgs.n2,.msg-card .mc-imgs.n4{grid-template-columns:1fr 1fr;}
.msg-card .mc-imgs.n3{grid-template-columns:1fr 1fr 1fr;}
.msg-card .mc-imgs img{width:100%;border-radius:12px;cursor:pointer;border:1px solid #E0DDD6;display:block;}
.msg-card .mc-imgs.n1 img{height:auto;max-height:340px;object-fit:cover;}
.msg-card .mc-imgs.n2 img,.msg-card .mc-imgs.n3 img,.msg-card .mc-imgs.n4 img{aspect-ratio:1/1;object-fit:cover;}
.img-lb{position:fixed;inset:0;background:rgba(10,10,5,.93);z-index:999;display:none;align-items:center;justify-content:center;padding:20px;cursor:zoom-out;}
.img-lb.on{display:flex;}
.img-lb img{max-width:100%;max-height:92vh;object-fit:contain;border-radius:12px;}

/* PRODUCT MODAL */
.pm-ov{position:fixed;inset:0;background:rgba(10,10,5,.55);z-index:500;display:none;align-items:flex-end;justify-content:center;}
.pm-ov.on{display:flex;}
.pm-box{background:#fff;width:100%;max-height:88vh;overflow-y:auto;border-radius:22px 22px 0 0;position:relative;animation:pmUp .25s ease;-webkit-overflow-scrolling:touch;}
@keyframes pmUp{from{transform:translateY(40px);opacity:.5;}to{transform:translateY(0);opacity:1;}}
@media(min-width:680px){.pm-ov{align-items:center;padding:24px;}.pm-box{max-width:480px;border-radius:22px;}}
.pm-x{position:absolute;top:12px;left:12px;z-index:5;width:36px;height:36px;border-radius:50%;background:rgba(17,16,8,.55);color:#fff;border:none;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;}
.pm-imgwrap{position:relative;height:300px;background:#fff;}
.pm-gtrack{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.pm-gtrack::-webkit-scrollbar{display:none;}
.pm-gslide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;}
.pm-gslide img{width:100%;height:100%;object-fit:contain;display:block;cursor:zoom-in;}
.pm-gdots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:3;}
.pm-gdot{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.55);cursor:pointer;padding:0;transition:background .2s,width .2s;}
.pm-gdot.on{background:#fff;width:20px;border-radius:5px;}
.pm-gcount{position:absolute;bottom:12px;left:12px;background:rgba(17,16,8,.6);color:#fff;font-size:.66rem;font-weight:700;padding:4px 10px;border-radius:100px;z-index:3;}
.pm-imgwrap img{width:100%;height:100%;object-fit:contain;display:block;cursor:zoom-in;}
.pm-imgwrap .pm-noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.4rem;}
.pm-badges{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;}
.pm-badges span{font-size:.64rem;font-weight:700;padding:4px 10px;border-radius:100px;color:#fff;}
.pm-badges .new{background:#3A6B20;}.pm-badges .hot{background:#B54010;}.pm-badges .seasonal{background:#8B6B00;}
.pm-body{padding:18px 20px 22px;}
.pm-cat{font-size:.62rem;font-weight:700;letter-spacing:2px;color:#3A6B20;margin-bottom:4px;}
.pm-name{font-size:1.25rem;font-weight:900;color:#111008;letter-spacing:-.5px;margin-bottom:6px;}
.pm-desc{font-size:.88rem;color:#5A5650;line-height:1.7;margin-bottom:10px;}
.pm-details{font-size:.88rem;color:#333;line-height:1.85;background:#F7F7F5;border:1px solid #E8E5DE;border-radius:12px;padding:12px 14px;white-space:pre-wrap;margin-bottom:14px;}
.pm-foot{display:flex;gap:10px;align-items:center;margin-top:6px;}
.pm-qty{display:flex;align-items:center;gap:2px;background:#F7F7F5;border:1.5px solid #E0DDD6;border-radius:100px;padding:4px;}
.pm-qty button{width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:#111008;font-size:1.15rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.pm-qty button:active{transform:scale(.92);}
.pm-qty span{min-width:34px;text-align:center;font-size:1rem;font-weight:900;color:#111008;}
.pm-add{flex:1;background:#3A6B20;color:#fff;border:none;border-radius:100px;padding:13px 16px;font-family:'Tajawal',sans-serif;font-size:.92rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent;}
.pm-add:active{background:#1E4010;transform:scale(.98);}
.pm-add span{font-weight:900;}

/* MOBILE NAV */
.mob-btn{display:none;width:40px;height:40px;background:none;border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;-webkit-tap-highlight-color:transparent;flex-shrink:0;}
.mob-btn span{display:block;width:20px;height:2.2px;background:#111008;border-radius:3px;transition:transform .25s,opacity .2s;}
.mob-ov{position:fixed;inset:0;background:rgba(10,10,5,.45);z-index:1190;opacity:0;pointer-events:none;transition:opacity .25s;}
.mob-ov.open{opacity:1;pointer-events:auto;}
.mob-nav{position:fixed;top:0;bottom:0;right:0;width:78%;max-width:320px;background:#fff;z-index:1200;display:flex;flex-direction:column;padding:74px 26px 30px;transform:translateX(100%);transition:transform .28s ease;box-shadow:-8px 0 30px rgba(0,0,0,.12);overflow-y:auto;}
.mob-nav.open{transform:translateX(0);}
.mob-nav a{text-decoration:none;color:#111008;font-size:1.02rem;font-weight:700;padding:15px 4px;border-bottom:1px solid #F0EDE6;display:flex;align-items:center;gap:10px;-webkit-tap-highlight-color:transparent;}
.mob-nav a:active{color:#3A6B20;}
.mob-x{position:absolute;top:16px;left:16px;width:38px;height:38px;border-radius:50%;background:#F2F2F0;border:none;font-size:.95rem;color:#111008;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;}
.mob-brand{position:absolute;top:22px;right:26px;font-size:1.05rem;font-weight:900;color:#111008;}
@media(max-width:960px){.nav-links{display:none!important;}.mob-btn{display:flex;}}

.tgl-row{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;border-bottom:1px solid #F0EDE6;}
.tgl-row:last-child{border-bottom:none;}
.tgl-row .tl{font-size:.88rem;font-weight:700;color:#111008;}
.tgl{position:relative;width:46px;height:26px;flex-shrink:0;}
.tgl input{opacity:0;width:100%;height:100%;position:absolute;margin:0;cursor:pointer;z-index:2;}
.tgl .tk{position:absolute;inset:0;background:#D8D5CE;border-radius:100px;transition:background .2s;}
.tgl .tk:before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;right:3px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.tgl input:checked + .tk{background:#3A6B20;}
.tgl input:checked + .tk:before{transform:translateX(-20px);}





.shop-card.prod-hidden{display:none!important;}

.fshape-btn,.fcolor-btn{flex:1;padding:9px 6px;border-radius:9px;border:1.5px solid #D0D0CC;background:#fff;color:#5A5650;font-family:Tajawal,sans-serif;font-size:.74rem;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.fshape-btn.on,.fcolor-btn.on{border-color:#3A6B20;background:#3A6B20;color:#fff;}

.pv-card .shop-cat{font-size:1.05rem;font-weight:800;letter-spacing:0;text-transform:none;color:#1E4010;margin-bottom:2px;line-height:1.25;}
.pv-card .shop-name{font-size:0.72rem;font-weight:500;color:#8A8680;margin-bottom:3px;}
.pv-card .shop-name::before{content:'مثلاً: ';color:#A8A49E;}

.trk-ov{ -webkit-tap-highlight-color:transparent; }
@media(min-width:560px){ .trk-ov{ align-items:center; } .trk-box{ border-radius:20px; } }
.trk-step{ display:flex; align-items:center; gap:10px; padding:9px 0; }
.trk-step .dot{ width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0; }
.trk-line{ width:2px;height:14px;margin-left:12px; }
/* إخفاء شريط جوجل للترجمة */
.goog-te-banner-frame, .skiptranslate { display:none !important; }
body { top:0 !important; }
.goog-te-gadget { height:0; overflow:hidden; }
#goog-gt-tt, .goog-te-balloon-frame { display:none !important; }
.goog-text-highlight { background:none !important; box-shadow:none !important; }

@keyframes shtlehSpin{to{transform:rotate(360deg)}}

/* ═══ فاصل نباتي: غصن ثابت + أوراق تتطاير بالريح ═══ */
.branch-divider-wrap{ width:100%; padding:22px 0 12px; --bd-mult:1; }
.branch-divider{ width:100%; max-width:860px; margin:0 auto; display:block; overflow:visible; }
.branch-divider .bd-stem{ stroke-width:2.5; stroke-linecap:round; }


.branch-divider .bd-fly{ opacity:0; animation-name:bdFly; animation-iteration-count:infinite; animation-timing-function:ease-in; }
.branch-divider .bd-fly1{ transform:translate(680px,52px); animation-duration:calc(4s * var(--bd-mult)); animation-delay:0s; }
.branch-divider .bd-fly2{ transform:translate(560px,60px); animation-duration:calc(4.6s * var(--bd-mult)); animation-delay:.9s; }
.branch-divider .bd-fly3{ transform:translate(430px,56px); animation-duration:calc(4.2s * var(--bd-mult)); animation-delay:1.7s; }
.branch-divider .bd-fly4{ transform:translate(320px,62px); animation-duration:calc(5s * var(--bd-mult)); animation-delay:2.4s; }
.branch-divider .bd-fly5{ transform:translate(200px,58px); animation-duration:calc(4.4s * var(--bd-mult)); animation-delay:3.1s; }
.branch-divider .bd-fly6{ transform:translate(610px,57px); animation-duration:calc(4.8s * var(--bd-mult)); animation-delay:3.8s; }
@keyframes bdFly{ 0%{opacity:0;} 8%{opacity:1;} 100%{opacity:0;} }
.branch-divider .bd-fly .bd-leaf{ animation-name:bdLeafDrift; animation-iteration-count:infinite; animation-timing-function:linear; transform-box:fill-box; transform-origin:center; }
.branch-divider .bd-fly1 .bd-leaf{ animation-duration:calc(4s * var(--bd-mult)); animation-delay:0s; }
.branch-divider .bd-fly2 .bd-leaf{ animation-duration:calc(4.6s * var(--bd-mult)); animation-delay:.9s; }
.branch-divider .bd-fly3 .bd-leaf{ animation-duration:calc(4.2s * var(--bd-mult)); animation-delay:1.7s; }
.branch-divider .bd-fly4 .bd-leaf{ animation-duration:calc(5s * var(--bd-mult)); animation-delay:2.4s; }
.branch-divider .bd-fly5 .bd-leaf{ animation-duration:calc(4.4s * var(--bd-mult)); animation-delay:3.1s; }
.branch-divider .bd-fly6 .bd-leaf{ animation-duration:calc(4.8s * var(--bd-mult)); animation-delay:3.8s; }
@keyframes bdLeafDrift{ 0%{transform:translate(0,0) rotate(0deg);} 25%{transform:translate(-130px,-14px) rotate(-90deg);} 50%{transform:translate(-260px,6px) rotate(-180deg);} 75%{transform:translate(-400px,-10px) rotate(-270deg);} 100%{transform:translate(-540px,4px) rotate(-360deg);} }
/* ═══ صفحة الحساب (account) ═══ */
.acc-wrap { max-width:480px; margin:0 auto; padding:36px 22px 70px; }
.acc-card { background:#fff; border:1.5px solid #E0DDD6; border-radius:20px; padding:28px 24px; }
.acc-title { font-size:1.45rem; font-weight:900; color:#1E4010; text-align:center; margin-bottom:6px; }
.acc-sub { font-size:.85rem; color:#5A5650; text-align:center; margin-bottom:24px; line-height:1.6; }
.acc-lbl { display:block; font-size:.78rem; font-weight:700; color:#5A5650; margin:14px 0 5px; }
.acc-inp { width:100%; padding:12px 14px; border:1.5px solid #E0DDD6; border-radius:12px; font-family:Tajawal,sans-serif; font-size:.95rem; box-sizing:border-box; transition:border-color .2s; background:#fff; color:#111008; }
.acc-inp:focus { outline:none; border-color:#3A6B20; }
.acc-btn { width:100%; margin-top:20px; padding:13px; background:#3A6B20; color:#fff; border:none; border-radius:14px; font-family:Tajawal,sans-serif; font-size:1rem; font-weight:800; cursor:pointer; transition:background .2s; }
.acc-btn:hover { background:#1E4010; }
.acc-btn:disabled { background:#B8C4AE; cursor:default; }
.acc-btn.sec { background:#EBF3E4; color:#3A6B20; }
.acc-btn.sec:hover { background:#dcead0; }
.acc-err { display:none; background:#FBEAEA; color:#B33; border-radius:10px; padding:10px 14px; font-size:.82rem; font-weight:600; margin-top:14px; line-height:1.6; }
.acc-ok { display:none; background:#E8F5EC; color:#1E7A38; border-radius:10px; padding:10px 14px; font-size:.82rem; font-weight:600; margin-top:14px; line-height:1.6; }
.acc-link { display:block; text-align:center; margin-top:16px; font-size:.82rem; color:#3A6B20; font-weight:700; cursor:pointer; text-decoration:underline; background:none; border:none; font-family:Tajawal,sans-serif; }
.acc-code { letter-spacing:8px; text-align:center; font-size:1.4rem; font-weight:800; direction:ltr; }
.acc-row { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.acc-avatar { width:64px; height:64px; border-radius:50%; object-fit:cover; background:#EBF3E4; display:flex; align-items:center; justify-content:center; font-size:1.6rem; flex:0 0 auto; border:2px solid #E0DDD6; }
.acc-name { font-size:1.1rem; font-weight:800; color:#1E4010; }
.acc-email { font-size:.78rem; color:#5A5650; direction:ltr; text-align:right; }
.acc-sep { border:none; border-top:1.5px solid #EFEDE8; margin:24px 0; }
.acc-sec-title { font-size:.95rem; font-weight:800; color:#1E4010; margin-bottom:4px; }
@media(max-width:480px){ .acc-card{ padding:22px 16px; } }
/* ═══ أقسام حسابي القابلة للطي (أكورديون) ═══ */
.acc-section { border:1.5px solid #E0DDD6; border-radius:14px; margin-bottom:12px; overflow:hidden; background:#fff; }
.acc-head { width:100%; display:flex; align-items:center; justify-content:space-between; padding:16px 18px; background:#fff; border:none; cursor:pointer; font-family:'Tajawal',sans-serif; font-size:1rem; font-weight:800; color:#1E4010; -webkit-tap-highlight-color:transparent; transition:background .15s; }
.acc-head:hover { background:#F7F6F2; }
.acc-head .acc-chev { font-size:1.1rem; color:#7A8471; transition:transform .25s; }
.acc-section.open .acc-head .acc-chev { transform:rotate(180deg); }
.acc-body { max-height:0; overflow:hidden; transition:max-height .3s ease, padding .3s ease; padding:0 18px; }
.acc-section.open .acc-body { max-height:3000px; padding:4px 18px 18px; }
/* ═══ أقسام نافذة تفاصيل العميل (طي/فتح) ═══ */
.cd-sec { border:1px solid #EFEDE8; border-radius:10px; margin-bottom:10px; overflow:hidden; }
.cd-sec-head { width:100%; display:flex; align-items:center; justify-content:space-between; padding:12px 14px; background:#F7F6F2; border:none; cursor:pointer; font-family:'Tajawal',sans-serif; font-size:.85rem; font-weight:800; color:#3A6B20; -webkit-tap-highlight-color:transparent; }
.cd-sec-head .cd-chev { font-size:1rem; color:#8A8680; transition:transform .25s; }
.cd-sec.open .cd-sec-head .cd-chev { transform:rotate(180deg); }
.cd-sec-body { max-height:0; overflow:hidden; transition:max-height .3s ease, padding .3s ease; padding:0 14px; }
.cd-sec.open .cd-sec-body { max-height:4000px; padding:12px 14px; }