@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--green:#134738;--green2:#27644e;--text:#213c32;--muted:#788880;--line:#e3e9e2;--paper:#f8faf6;--cream:#fff9eb;--pale:#eff5ed;--gold:#d4a25c;--radius:18px;--shadow:0 20px 55px rgba(19,71,56,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.55 Tajawal,Arial,sans-serif;color:var(--text);background:#fcfdfb}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9fcca2;outline-offset:2px}a{text-decoration:none;color:inherit}.shell{max-width:1270px;margin:0 auto;padding-inline:30px}.announcement{background:var(--green);color:#fff;text-align:center;padding:9px 12px;font-size:12px;letter-spacing:.04px}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.branding{display:flex;align-items:center;gap:12px}.branding strong{font-family:Georgia,serif;font-size:25px;letter-spacing:-1px;color:var(--green);display:block;line-height:1}.branding small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.symbol{border-radius:17px;background:var(--green);color:#fff;height:50px;width:50px;display:grid;place-items:center;font-size:28px}.navright{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.mutelink{color:#647d6f}.navcart{background:var(--pale);color:var(--green);border:0;border-radius:13px;padding:13px 16px;font-weight:800}.count{display:inline-block;background:var(--green);color:#fff;border-radius:20px;padding:1px 8px;margin-right:8px;font-size:12px}.hero{background:linear-gradient(104deg,#ecf6ed 0%,#f7f7ed 65%,#faf0dc 100%);overflow:hidden}.heroGrid{min-height:358px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px}.eyebrow{font-size:12px;font-weight:800;color:var(--green2);letter-spacing:.2px}.dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#60ad67;margin-left:5px}.hero h1{font-size:clamp(31px,3.45vw,51px);line-height:1.28;margin:12px 0;color:#184a36;font-weight:800;letter-spacing:-1px}.hero em{color:#688b64;font-style:normal}.hero p{max-width:590px;font-size:15px;line-height:1.85;color:#5e7566;margin-bottom:22px}.primaryCta{background:var(--green);color:#fff;border-radius:13px;font-size:14px;font-weight:800;padding:14px 24px;display:inline-flex;gap:20px;align-items:center}.primaryCta span{font-size:20px}.heroBenefits{display:flex;gap:13px;flex-wrap:wrap;color:#59806e;font-size:12px;font-weight:700;margin-top:22px}.heroArtwork{height:300px;position:relative;display:grid;place-items:center}.heroArtwork img{object-fit:contain;position:relative;z-index:1;width:min(430px,100%);filter:drop-shadow(0 24px 19px rgba(23,75,49,.14));mix-blend-mode:multiply}.circle{position:absolute;border-radius:50%}.circleOne{background:#dcead8;height:285px;width:285px}.circleTwo{background:#e4eddb;height:345px;width:345px;opacity:.4}.sticker{position:absolute;left:1%;bottom:35px;transform:rotate(-11deg);border-radius:50%;background:#f9e9c8;border:4px solid #fff;padding:15px;z-index:2;text-align:center;font-weight:800;color:#8f612a;line-height:1.2}.services{display:flex;justify-content:space-between;gap:20px;margin-top:30px;margin-bottom:22px}.services>div{border:1px solid var(--line);border-radius:16px;background:white;padding:16px 22px;display:flex;align-items:center;gap:12px;flex:1;font-weight:800;font-size:13px}.serviceIcon{background:var(--pale);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px}.shopSection{padding-top:35px;padding-bottom:70px}.sectionHead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.sectionHead h2{font-size:34px;line-height:1;margin:9px 0 6px}.sectionHead p{color:var(--muted);margin:0;font-size:13px}.searchBox{display:flex;align-items:center;border:1px solid #dbe5dc;border-radius:14px;background:#fff;width:min(350px,100%);height:48px;padding:0 14px;gap:10px}.searchBox span{color:#89a293;font-size:27px}.searchBox input{border:0;outline:0;flex:1;min-width:0;background:transparent}.catalogLayout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;align-items:start}.catNav{position:sticky;top:102px;padding:18px 12px;background:#fff;border:1px solid var(--line);border-radius:18px}.catNav>strong{display:block;padding:5px 13px 15px;color:#274f3d}.categoryList{display:grid;gap:6px}.categoryList button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#597568;border-radius:12px;padding:12px;min-height:44px;text-align:right;font-weight:700;width:100%}.categoryList button:hover{background:#f5f7f3}.categoryList button.selected{color:var(--green);background:#e9f4e9}.categoryList .categoryEmoji{font-size:21px}.filterHead{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:17px}.filterHead h3{font-size:23px;margin:0}.filterHead p{font-size:12px;color:var(--muted);margin:1px 0}.results{font-size:12px;color:var(--muted)}.productsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product{background:white;min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.pImage{height:194px;background:#f6f8f3;display:grid;place-items:center;overflow:hidden;position:relative}.pImage img{height:100%;width:100%;object-fit:contain;background:#fff}.pEmoji{font-size:68px}.pDisabled{position:absolute;top:11px;right:11px;border-radius:20px;background:#ffffffdd;color:#806d46;padding:3px 9px;font-size:11px;font-weight:800}.productBody{padding:16px}.productBody h4{margin:0;font-size:16px;min-height:25px;line-height:1.35}.sku{color:#a1afa5;font-size:10px;margin-top:3px;direction:ltr;text-align:right}.weightLabel{font-size:12px;color:#748c7c;margin:7px 0 15px}.pBottom{display:flex;justify-content:space-between;align-items:center;gap:7px}.price{font-weight:800;font-size:18px;color:var(--green)}.price small{font-size:11px;color:var(--muted);font-weight:500}.addBtn{background:var(--green);color:white;border:0;border-radius:11px;padding:9px 12px;font-weight:800;white-space:nowrap}.qtyRow{display:flex;align-items:center;gap:7px}.qtyRow button{border:1px solid #cbdacc;background:#eef5ed;color:var(--green);width:31px;height:31px;border-radius:10px;font-size:18px;line-height:1}.qtyRow b{width:17px;text-align:center}.emptyState{padding:50px 20px;background:#fff;border:1px dashed #b9c9b7;border-radius:18px;text-align:center;grid-column:1/-1;color:#7e8f7e}.noteSection{margin-bottom:65px;background:#f1f6ed;border-radius:18px;padding-block:22px;display:flex;gap:18px;align-items:center}.noteSection>span{font-size:36px}.noteSection h3{margin:0;font-size:17px}.noteSection p{margin:3px 0 0;font-size:12px;color:#6a8570}footer{border-top:1px solid var(--line);background:#f6f9f5}.footerInner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:26px;font-size:13px;color:#697d70}.footerInner b{font:24px Georgia;color:var(--green)}.footerInner p{margin:5px 0}.mobileBar{display:none}.overlay{position:fixed;inset:0;z-index:40;display:none}.overlay.open{display:block}.overlayShade{position:absolute;inset:0;background:#10241ecc}.cartPanel{background:#fff;position:absolute;left:0;top:0;bottom:0;width:min(490px,100%);display:flex;flex-direction:column;box-shadow:var(--shadow)}.cartHeader{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line)}.cartHeader h2{margin:3px 0 0}.roundClose{width:37px;height:37px;border:0;border-radius:11px;background:#f1f5f0;color:var(--green)}.cartContent{padding:20px 25px 35px;overflow-y:auto}.cartItem{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.cartItem strong{display:block;font-size:14px}.cartItem small{color:var(--muted);font-size:11px;display:block}.cartItem .cartPrice{font-size:13px;font-weight:800;margin:5px 0}.checkoutSection{padding-top:15px}.checkoutSection h3{font-size:16px;margin:18px 0 10px}.checkoutSection label{display:block;font-size:12px;color:#577263;font-weight:800;margin:13px 0 5px}.checkoutSection input,.checkoutSection select,.checkoutSection textarea,.adminPanel input,.adminPanel select{border:1px solid #dae5da;padding:11px 12px;border-radius:11px;width:100%;background:#fcfefa;color:var(--text)}.paymentOptions{display:grid;gap:9px}.paymentOpt{border:1px solid #dae4d7;border-radius:13px;padding:11px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;cursor:pointer}.paymentOpt input{width:17px}.paySummary{background:#f5f8f4;border-radius:14px;padding:13px 16px;margin-top:18px}.paySummary>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;color:#677c6d}.paySummary strong{color:var(--text)}.paySummary .grand{border-top:1px solid #dbe6da;margin-top:6px;padding-top:11px;font-weight:800;font-size:17px;color:var(--green)}.micro{font-size:11px;color:var(--muted);line-height:1.7}.button{border:0;border-radius:12px;padding:12px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px}.button.primary{background:var(--green);color:#fff}.button.secondary{background:#e8f0e8;color:var(--green)}.button.outline{border:1px solid var(--line);background:#fff;color:var(--green)}.button.full{width:100%}.button:disabled{opacity:.45}.errorBox{padding:11px;border-radius:9px;background:#fff2ee;color:#a93f21;margin:12px 0;font-size:12px}.notice{background:#fff1db;color:#785d33;border-radius:10px;padding:12px;margin-bottom:15px;font-size:12px}.hidden{display:none!important}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#193f30;color:#fff;padding:14px 23px;border-radius:12px;box-shadow:var(--shadow);z-index:80;max-width:90vw;font-size:13px}.adminShell{max-width:1180px;margin:auto;padding:25px}.adminHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.adminHeader h1{font-size:27px;margin:0}.adminHeader p{margin:5px 0;color:var(--muted);font-size:12px}.adminTabs{display:flex;gap:9px;overflow-x:auto;margin:12px 0 22px}.adminTabs button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 17px;white-space:nowrap;color:var(--text);font-weight:800}.adminTabs button.selected{background:var(--green);color:white}.adminPanel{border:1px solid var(--line);background:white;border-radius:17px;padding:20px}.adminPanel h2{margin:0 0 15px}.adminPanel label{display:block;font-weight:700;font-size:12px;margin:13px 0 5px}.adminPanel table{border-collapse:collapse;width:100%;font-size:12px}.adminPanel td,.adminPanel th{text-align:right;padding:11px;border-bottom:1px solid var(--line);vertical-align:middle}.adminPanel input[type=number]{max-width:120px;min-width:90px}.adminPanel input[type=checkbox]{width:auto;accent-color:var(--green);transform:scale(1.15)}.adminGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.adminPanel .button{margin-top:13px}.adminHint{padding:10px 14px;background:#f4f8f2;border-radius:10px;color:#526f5d;font-size:12px;margin:16px 0}.tableScroll{overflow:auto}.statusPill{display:inline-block;background:#f2f5ef;border-radius:30px;padding:4px 8px;color:#506b56}.resultCard{max-width:550px;margin:55px auto;background:white;border:1px solid var(--line);border-radius:25px;padding:32px;text-align:center}.resultCard h1{color:var(--green);font-size:26px}.resultCard p{color:#718274}.resultCard .number{font-size:22px;font-weight:800;direction:ltr}.resultCard .button{margin-top:15px}@media(max-width:1120px){.productsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogLayout{grid-template-columns:210px minmax(0,1fr)}.heroGrid{min-height:340px}.heroArtwork{height:270px}.heroArtwork img{width:345px}}@media(max-width:780px){.shell{padding-inline:18px}.nav{height:65px}.branding strong{font-size:22px}.symbol{width:42px;height:42px}.navright .mutelink{display:none}.navcart{padding:10px}.heroGrid{grid-template-columns:1fr;padding-top:32px;padding-bottom:25px;gap:0}.heroArtwork{height:168px}.heroArtwork img{width:230px}.circleOne{height:180px;width:180px}.circleTwo{height:215px;width:215px}.sticker{font-size:11px;padding:9px;left:20%}.hero h1{font-size:34px}.hero p{font-size:13px;margin-bottom:15px}.heroBenefits{margin-top:17px;font-size:11px}.services{margin-block:14px;gap:7px}.services>div{flex-direction:column;text-align:center;padding:9px 3px;font-size:10px;gap:4px;line-height:1.2}.serviceIcon{width:30px;height:30px;font-size:16px}.shopSection{padding-top:28px}.sectionHead{display:block}.sectionHead h2{font-size:27px}.searchBox{width:100%;margin-top:16px}.catalogLayout{display:block}.catNav{position:static;border:0;padding:0;background:transparent;margin-bottom:18px}.catNav>strong{display:none}.categoryList{display:flex;overflow-x:auto;padding:2px 0 9px}.categoryList button{flex-shrink:0;white-space:nowrap;background:#fff;border:1px solid var(--line);width:auto;padding:9px 11px}.categoryList .categoryEmoji{font-size:17px}.productsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pImage{height:155px}.productBody{padding:11px}.productBody h4{font-size:13px}.price{font-size:15px}.addBtn{font-size:11px;padding:8px 9px}.filterHead h3{font-size:20px}.footerInner{display:block}.noteSection{margin-bottom:85px}.mobileBar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-top:1px solid var(--line);padding:12px 17px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -10px 25px #183b2910}.mobileBar small{display:block;color:var(--muted);font-size:10px}.mobileBar strong{font-size:14px}.mobileBar .button{font-size:12px}.cartPanel{width:100%}.adminShell{padding:15px}.adminGrid{grid-template-columns:1fr}.adminPanel{padding:14px}.adminHeader h1{font-size:20px}}@media(max-width:370px){.pImage{height:135px}.productsGrid{gap:7px}.productBody{padding:8px}.pBottom{flex-wrap:wrap}.services>div{font-size:9px}}

/* V4 product management */
.productDialog{border:1px solid #e2eae3;border-radius:18px;padding:22px;width:min(760px,calc(100vw - 24px));max-height:92vh;overflow-y:auto;background:white;color:var(--text);box-shadow:0 20px 90px #12251b40}
.productDialog::backdrop{background:rgba(9,33,23,.65)}
.productDialog .dialogHeading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.productDialog .dialogHeading h2{margin:0}
.productDialog .adminGrid{margin:14px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.productDialog label{font-size:13px;font-weight:700;display:block;margin:3px 0 6px}
.productDialog .wideField{grid-column:1/-1}
.productDialog input,.productDialog select,.productDialog textarea{border:1px solid #d9e5da;border-radius:11px;padding:12px;width:100%;background:#fcfefa;color:var(--text)}
.productDialog .editAvailability{display:flex;align-items:center;gap:8px;margin:16px 0}
.productDialog input[type=checkbox]{width:auto}
.productDialog .dialogActions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.productDialog .photoPreview{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--muted);font-size:12px}
.productDialog .photoPreview img{width:72px;height:72px;object-fit:contain;background:#f4f7f4;border:1px solid var(--line);border-radius:10px}
.productImageTiny{width:52px;height:52px;object-fit:contain;border-radius:9px;background:#f6f8f3;float:right;margin-left:8px}
.productControl{display:flex;flex-wrap:wrap;gap:6px}
.productControl .button{padding:8px 10px;font-size:12px}
@media(max-width:650px){.productDialog{padding:15px}.productDialog .adminGrid{grid-template-columns:1fr}}

.pDescription{font-size:12px;color:var(--muted);line-height:1.55;margin:-6px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* V5 — delivery and order operations */
.orderFilters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:10px 0 18px}
.orderFilters label{margin:0 0 6px}.orderFilters input,.orderFilters select{width:100%;min-width:0}
#panel-orders .tableScroll{margin-top:14px}#panel-orders td{min-width:116px}
#panel-orders td:first-child,#panel-orders td:nth-child(4){min-width:145px}
.miniLine{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin:3px 0}
.orderAction{display:flex!important;align-items:center;gap:7px;white-space:normal;min-width:135px}
.orderAction input{flex:0 0 auto}.orderButtons{display:grid;gap:3px}
#panel-orders .button{margin-top:4px;padding:8px 10px;font-size:12px}
#panel-orders .orderNote{margin-top:7px;width:165px;max-width:100%}
.statusPill.settled{background:#dceedd;color:#245537}.statusPill.pending{background:#fff1d8;color:#856018}
.statusPill.test{background:#f0e8fc;color:#663a94}.nowrap{white-space:nowrap}
.historyList{display:grid;gap:12px;margin-top:15px}.historyEvent{border-right:3px solid #6f9d78;padding:10px 14px;background:#f7faf7;border-radius:8px}
.historyEvent strong{display:block;font-size:14px}.historyEvent small{display:block;color:var(--muted);font-size:11px}.historyEvent p{margin:3px 0 0;font-size:12px;overflow-wrap:anywhere}
@media(max-width:780px){.orderFilters{grid-template-columns:1fr 1fr}.orderFilters>div:first-child{grid-column:1/-1}}
@media(max-width:420px){.orderFilters{grid-template-columns:1fr}.orderFilters>div:first-child{grid-column:auto}}

@media(max-width:780px){
  #panel-orders .tableScroll{overflow:visible}
  #panel-orders table,#panel-orders tbody,#panel-orders tr,#panel-orders td{display:block;width:100%}
  #panel-orders thead{display:none}
  #panel-orders tr[data-oid]{border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:12px 0;background:#fdfefc;box-shadow:0 4px 14px #183b2908}
  #panel-orders td{min-width:0!important;padding:8px 0;border-bottom:1px solid #edf1eb;overflow-wrap:anywhere}
  #panel-orders td::before{content:attr(data-label);display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:4px}
  #panel-orders td:last-child{border-bottom:0}
  #panel-orders .orderNote,#panel-orders .fulfilment{width:100%;max-width:none}
  #panel-orders .orderButtons{display:flex;gap:8px}
  #panel-orders .orderButtons .button{flex:1}
}