:root{--green:#0b8f55;--green2:#14aa67;--lime:#e8f8ee;--ink:#18231f;--muted:#6c7772;--line:#e8ece9;--bg:#f7f8f6;--orange:#ff8a28;--shadow:0 8px 30px rgba(23,46,36,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,h4{font-family:"Plus Jakarta Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1240px,calc(100% - 40px));margin:auto}.announcement{background:#0b6e45;color:#fff;font-size:12px}.announcement-inner{height:31px;display:flex;align-items:center;justify-content:center;gap:35px}.header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 18px rgba(0,0,0,.05)}.header-main{height:82px;display:flex;align-items:center;gap:18px}.logo{display:flex;align-items:center;gap:9px;min-width:160px}.logo-box{height:43px;width:43px;border-radius:13px;background:linear-gradient(135deg,#0b8f55,#16b86e);color:#fff;display:grid;place-items:center;font:800 24px "Plus Jakarta Sans";box-shadow:0 7px 16px #0b8f5533}.logo b{display:block;font:800 20px "Plus Jakarta Sans";letter-spacing:-1px}.logo small{font-size:8px;letter-spacing:3px;color:var(--green);font-weight:800}.location{border:0;background:#f6f8f6;border-radius:11px;padding:8px 12px;display:flex;gap:8px;align-items:center;text-align:left;cursor:pointer}.location small,.location strong{display:block}.location small{font-size:10px;color:#7c8580}.location strong{font-size:12px}.pin{font-size:22px;color:var(--green)}.search{height:45px;background:#f3f5f3;border:1px solid #e8ece9;border-radius:11px;display:flex;align-items:center;flex:1;max-width:590px}.search>span{font-size:22px;color:#79837e;margin-left:13px}.search input{flex:1;border:0;background:transparent;outline:0;padding:0 10px;font:inherit}.search button{height:100%;border:0;border-radius:0 11px 11px 0;padding:0 18px;background:var(--green);color:#fff;font-weight:700}.head-actions{margin-left:auto;display:flex;gap:11px;align-items:center}.head-link,.cart-btn{padding:9px 12px;border-radius:10px;white-space:nowrap}.head-link:hover{background:#f3f7f4}.cart-btn{background:#eaf8ef;color:#087a47;display:flex;gap:7px;align-items:center}.cart-btn b{background:var(--green);color:#fff;border-radius:12px;padding:1px 7px;font-size:11px}.icon-btn,.mobile-menu{display:none}.nav-inner{height:45px;display:flex;align-items:center;gap:26px;overflow:auto;white-space:nowrap}.nav-inner a{font-size:13px;font-weight:700;color:#46514c}.nav-inner a:hover{color:var(--green)}.offers-link{color:#ed6d18!important}.hero{padding:24px 0 8px}.hero-banner{min-height:355px;border-radius:24px;overflow:hidden;background:linear-gradient(100deg,#083f2c 0%,#0b7650 55%,#16a66a 100%);position:relative;color:#fff}.hero-banner:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-120px;top:-140px;background:rgba(255,255,255,.08)}.hero-content{position:relative;z-index:1;padding:58px 54px;max-width:690px}.hero-kicker{display:inline-block;background:#ffffff20;border:1px solid #ffffff2e;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:700}.hero h1{font-size:42px;line-height:1.08;margin:14px 0 12px;letter-spacing:-1.8px}.hero p{font-size:16px;color:#e2f5eb;max-width:500px}.hero-actions{display:flex;gap:10px;margin-top:24px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer;font:700 14px "DM Sans"}.btn-green{background:#fff;color:#087b49}.btn-dark{background:#087d4b;color:#fff}.hero-visual{position:absolute;right:35px;bottom:0;width:410px;height:320px;display:flex;align-items:end;justify-content:center;z-index:1}.hero-basket{font-size:135px;filter:drop-shadow(0 18px 18px #003b2550)}.section{padding:35px 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.section-title h2{margin:3px 0;font-size:22px}.section-title p{margin:0;color:var(--muted);font-size:13px}.view-all{color:var(--green);font-weight:800;font-size:13px}.cat-row{display:grid;grid-template-columns:repeat(7,1fr);gap:13px}.cat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px 10px;text-align:center;transition:.2s;box-shadow:0 2px 8px #00000003}.cat:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cde7d8}.cat-icon{height:62px;width:62px;margin:auto auto 9px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:var(--lime)}.cat strong{display:block;font-size:12px}.deal-head{background:#fff4e9;border:1px solid #ffe3c6;border-radius:15px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.deal-head strong{color:#d8610d}.deal-head span{font-size:12px;color:#8a6a51}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.p-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0;transition:.2s}.p-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.p-photo{display:block;height:195px;background:#f3f6f3;position:relative}.p-photo img{width:100%;height:100%;object-fit:cover}.discount{position:absolute;left:9px;top:9px;background:#e6f8ed;color:#087d4b;font-size:10px;font-weight:900;padding:5px 7px;border-radius:6px}.heart{position:absolute;right:9px;top:9px;width:30px;height:30px;border:0;background:#fff;border-radius:50%;box-shadow:0 3px 12px #0002;font-size:17px;color:#68736e;cursor:pointer}.heart.liked{color:#e44b53}.p-body{padding:12px}.delivery-time{font-size:10px;color:#0b8f55;font-weight:800;margin-bottom:5px}.p-body h3{font-size:14px;line-height:1.35;margin:0 0 4px}.p-body p{margin:0 0 12px;color:#89918d;font-size:11px}.p-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px}.p-bottom strong{font-size:16px}.p-bottom del{display:block;color:#9ba29f;font-size:10px}.add-btn{border:1px solid #0e9a5c;background:#e9f8ef;color:#07844c;border-radius:7px;padding:6px 12px;font-size:11px;font-weight:900;cursor:pointer}.add-btn:hover{background:var(--green);color:#fff}.promo-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px}.promo{min-height:155px;border-radius:18px;padding:25px;position:relative;overflow:hidden}.promo h3{font-size:19px;margin:0 0 5px;max-width:220px}.promo p{font-size:12px;color:#637069}.promo:first-child{background:#dff5e8}.promo:nth-child(2){background:#fff0d9}.promo:nth-child(3){background:#e9e6ff}.promo-icon{position:absolute;right:18px;bottom:-8px;font-size:70px}.benefit{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.trust-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}.trust-grid>div{display:flex;gap:10px;justify-content:center;border-right:1px solid var(--line)}.trust-grid>div:last-child{border:0}.trust-grid b{color:var(--green);background:#e9f8ef;width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.trust-grid strong,.trust-grid small{display:block}.trust-grid strong{font-size:12px}.trust-grid small{font-size:10px;color:#7e8984}.footer{background:#15201c;color:#dce6e0;padding-top:40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:35px}.footer-logo b{color:#fff}.footer p{color:#98a7a0;font-size:12px;max-width:270px}.footer h4{color:#fff;font-size:13px}.footer-grid>a,.footer-grid>div>a{display:block;color:#aab8b1;font-size:12px;margin:9px 0}.socials{display:flex;gap:8px}.socials span{width:31px;height:31px;border:1px solid #33413b;border-radius:50%;display:grid;place-items:center}.app-buttons{display:flex;gap:7px}.app-buttons span{border:1px solid #39473f;border-radius:7px;padding:8px;font-size:10px}.muted-light{color:#98a7a0!important}.footer-bottom{text-align:center;border-top:1px solid #2d3934;padding:15px;font-size:11px;color:#84928b}.mobile-cart{display:none}.page-top{padding:32px 0 16px}.page-top h1{margin:3px 0;font-size:28px}.shop-layout{display:grid;grid-template-columns:215px 1fr;gap:20px;padding-bottom:45px}.filters{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;height:max-content}.filters h3{font-size:14px;margin:2px 0 10px}.filters a{display:block;padding:9px;border-radius:8px;font-size:12px}.filters a:hover{background:#edf8f1;color:var(--green)}.product-detail{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px auto 50px}.detail-photo{height:520px;border-radius:18px;background:#f4f6f4;overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-info{padding:12px 5px}.detail-info h1{font-size:34px;line-height:1.15;margin:8px 0}.stars{color:#f2ae00;font-size:18px}.stars span{color:#79847f;font-size:12px}.detail-price{font-size:31px;color:var(--green);font-weight:900;margin:20px 0}.detail-price del{color:#9aa39e;font-size:13px;margin-left:7px}.desc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;color:#56625d}.buy-line{display:flex;gap:10px;margin-top:22px}.qty{width:70px;border:1px solid #d8dfdb;border-radius:9px;padding:11px;text-align:center}.buy{flex:1;background:var(--green);color:#fff;border-radius:9px;border:0;font-weight:800}.summary-layout{display:grid;grid-template-columns:1fr 330px;gap:20px}.cart-box,.summary,.form-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.cart-item{display:grid;grid-template-columns:72px 1fr 110px 100px 60px;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-item img{width:72px;height:72px;object-fit:cover;border-radius:10px}.cart-item h3{font-size:13px;margin:0}.cart-item small{color:#8a9490}.cart-item input{width:55px;padding:8px;border:1px solid #d8dfdb;border-radius:7px}.remove{border:0;background:transparent;color:#dc5656;cursor:pointer}.summary h2{font-size:18px;margin-top:0}.sumline{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.grand{font-size:18px;font-weight:900}.full{width:100%;margin-top:15px}.form-box label{display:block;font-size:12px;font-weight:700;margin-bottom:14px}.form-box input,.form-box textarea,.form-box select{width:100%;display:block;border:1px solid #d8e0db;border-radius:9px;padding:11px;margin-top:5px;font:inherit}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.wide{grid-column:1/-1}.narrow{max-width:570px;margin:40px auto}.success{text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:70px 25px;margin:40px auto;max-width:650px}.success-icon{margin:auto auto 18px;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#e5f8ec;color:var(--green);font-size:35px}.adminbar{background:#16211d;color:#fff;padding:15px}.adminbar .container{display:flex;gap:20px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:12px}th{background:#f4f7f5}
@media(max-width:1050px){.hero-visual{opacity:.45}.product-grid{grid-template-columns:repeat(4,1fr)}.cat-row{grid-template-columns:repeat(4,1fr)}.promo-grid{grid-template-columns:1fr 1fr}.promo:first-child{grid-column:1/-1}.shop-layout{grid-template-columns:180px 1fr}}
@media(max-width:760px){.container{width:calc(100% - 24px)}.announcement-inner{gap:12px}.hide-sm{display:none}.header-main{height:auto;padding:10px 0;flex-wrap:wrap}.mobile-menu{display:grid;background:transparent;border:0;font-size:20px}.logo{min-width:auto}.location{display:none}.search{order:5;max-width:none;flex-basis:100%}.head-link span,.cart-btn span{display:none}.nav-inner{display:none;height:auto;flex-wrap:wrap;padding:8px 0}.nav-inner a{padding:7px 4px}.header #mainNav.open .nav-inner{display:flex}.hero-banner{min-height:340px}.hero-content{padding:38px 25px}.hero h1{font-size:34px}.hero-visual{right:-30px}.hero-basket{font-size:100px}.cat-row{grid-template-columns:repeat(4,1fr);gap:8px}.cat{padding:12px 5px}.cat-icon{height:48px;width:48px;font-size:27px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.p-photo{height:170px}.p-body{padding:10px}.p-body h3{font-size:13px}.promo-grid{grid-template-columns:1fr}.promo:first-child{grid-column:auto}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line);padding:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.mobile-cart{display:flex;position:fixed;z-index:60;bottom:10px;left:12px;right:12px;background:#17231e;color:#fff;border-radius:12px;padding:8px 9px 8px 14px;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #0004}.mobile-cart a{background:var(--green);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800}.product-detail{grid-template-columns:1fr;padding:15px;gap:15px}.detail-photo{height:340px}.detail-info h1{font-size:28px}.shop-layout,.summary-layout{grid-template-columns:1fr}.filters{display:flex;flex-direction:row;overflow:auto;gap:5px}.filters h3{display:none}.filters a{white-space:nowrap}.cart-item{grid-template-columns:60px 1fr 70px}.cart-item>form:nth-of-type(1){grid-column:2}.cart-item>strong{grid-column:3}.cart-item>form:nth-of-type(2){grid-column:2}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}
@media(max-width:420px){.cat-row{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:29px}.hero p{font-size:14px}.hero-visual{display:none}.footer-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}}

/* Customer account and registration */
.account-card{max-width:720px;margin:0 auto}
.account-card label{display:block;margin-bottom:18px;font-weight:700;color:#263244}
.account-card input,.account-card textarea{margin-top:8px}
.center{text-align:center}
.success-alert{background:#e9f9ef;color:#137443;border:1px solid #bdebcf;border-radius:12px;padding:13px 15px;margin-bottom:18px;font-weight:600}
.account-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:24px;align-items:start}
.account-detail{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e8edf0}
.account-detail span{color:#687582}.account-detail strong{text-align:right;overflow-wrap:anywhere}
.logout-link{display:block;text-align:center;margin-top:16px;color:#c62828;font-weight:700;text-decoration:none}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:16px}.row-between h2{margin:0}
.badge{min-width:28px;height:28px;border-radius:999px;background:#e8f8ef;color:#087a46;display:inline-grid;place-items:center;font-weight:800}
.orders-list{margin-top:14px}.order-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e8edf0}.order-row>div:last-child{text-align:right}.order-row small{display:block;color:#74808c;margin-top:4px}
.empty-state{text-align:center;padding:35px 10px}.empty-icon{font-size:42px;margin-bottom:8px}.empty-state h3{margin:8px 0}.empty-state p{color:#74808c;margin:0 0 18px}
.account-divider{display:flex;align-items:center;gap:12px;color:#87919a;margin:22px 0}.account-divider:before,.account-divider:after{content:"";height:1px;background:#e5e9ec;flex:1}.account-divider span{font-size:13px;white-space:nowrap}
@media(max-width:800px){.account-layout{grid-template-columns:1fr}.account-detail{align-items:flex-start}.order-row{font-size:14px}}

/* Payment gateway / admin settings */
.adminbar-inner{display:flex;align-items:center;gap:20px}.adminbar-inner a{color:#fff;text-decoration:none;font-size:13px}.settings-card{border:1px solid var(--line);border-radius:14px;padding:20px;margin:18px 0;background:#fbfcfb}.settings-card h2{margin-top:0;font-size:18px}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;background:#eef9f2;border:1px solid #d2eedc;border-radius:12px;padding:15px;margin-bottom:18px}.switch-row span{display:block}.switch-row small,.method-option small{display:block;color:#718078;font-weight:400;margin-top:3px}.switch-row input{width:20px!important;height:20px!important;margin:0!important}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.method-option{display:flex!important;align-items:flex-start;gap:12px;border:1px solid #dfe7e2;border-radius:12px;padding:14px;background:#fff}.method-option input{width:18px!important;height:18px!important;margin:2px 0 0!important}.method-option span{font-weight:700}.setup-list{padding-left:22px;color:#53615a}.setup-list li{margin:9px 0}.online-pay-box{text-align:center;background:#eef9f2;border:1px solid #cdebd8;border-radius:16px;padding:28px;margin-bottom:15px}.online-pay-box h2{margin:5px 0}.payment-choice-list{display:grid;gap:10px;margin-bottom:18px}.payment-choice{display:flex!important;align-items:center;gap:12px;border:1px solid #dce5df;border-radius:12px;padding:14px;background:#fff;cursor:pointer}.payment-choice input{width:18px!important;height:18px!important;margin:0!important}.payment-choice span{flex:1}.payment-choice span small{display:block;color:#75817b;font-weight:400;margin-top:2px}.payment-choice strong{color:var(--green)}
@media(max-width:700px){.method-grid{grid-template-columns:1fr}.adminbar-inner{flex-wrap:wrap;gap:10px}.adminbar-inner strong{width:100%}}

/* Admin product form */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.form-box{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.05)}
.form-box label{display:block;font-weight:600;margin-bottom:16px}
.form-box input,.form-box select,.form-box textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:12px 13px;border:1px solid #d7dce2;border-radius:10px;background:#fff;font:inherit}
.form-box textarea{resize:vertical}.form-actions{display:flex;gap:12px;margin-top:20px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto;margin:0}.error-box{background:#fff1f2;border:1px solid #fecdd3;padding:16px;border-radius:12px;margin:0 0 18px}.error-box ul{margin:8px 0 0 20px}.benefit{padding:14px 16px;border-radius:12px;background:#ecfdf5;margin-bottom:18px}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%;text-align:center}}