:root{--ink:#0b1b24;--deep:#07131a;--page:#f6f8f7;--surface:#fff;--text:#102029;--muted:#6d7b82;--border:#dbe3e0;--sunset:#c95735;--clay:#9f6a4b;--teal:#12a894;--aqua:#eaf8f5;--gold:#d9b35d}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:15px/1.6 Inter,Arial,sans-serif}.nav{position:sticky;top:0;z-index:10;background:rgba(246,248,247,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:16px 5%;display:flex;align-items:center;gap:30px}.brand{font:700 27px 'Playfair Display',serif;font-style:italic;color:var(--ink);text-decoration:none}.navlinks{display:flex;gap:24px;flex:1}.nav a{color:inherit;text-decoration:none}.navlinks a{color:var(--muted)}.navactions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff!important;border:0;border-radius:12px;padding:10px 17px;font-weight:700;text-decoration:none;cursor:pointer}.btn.ghost{background:transparent;color:var(--ink)!important;border:1px solid var(--border)}main{min-height:75vh}.flash{max-width:1100px;margin:18px auto;padding:12px 16px;border-radius:10px}.success{background:#eaf8f5;color:#087d70}.error{background:#fff0ed;color:#a33420}.hero{padding:80px 6% 70px;max-width:1200px;margin:auto}.hero h1{font:700 clamp(48px,7vw,86px)/1.05 'Playfair Display',serif;margin:0 0 25px;max-width:800px}.hero h1 span{color:var(--sunset)}.hero p{max-width:680px;color:var(--muted);font-size:18px}.search{display:flex;background:#fff;border:2px solid var(--border);border-radius:18px;padding:8px;box-shadow:0 12px 35px #0b1b2410;margin-top:28px;max-width:850px}.search input{flex:1;border:0;outline:0;padding:13px;font-size:16px}.search button{border:0;background:var(--sunset);color:#fff;border-radius:12px;padding:0 26px;font-weight:700}.section{padding:55px 6%;max-width:1250px;margin:auto}.section h2{font:700 34px 'Playfair Display',serif}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 8px 25px #0b1b2408}.card h3{margin:8px 0}.muted{color:var(--muted)}.category{min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.icon{font-size:30px}.listing-img{width:100%;height:190px;object-fit:cover;border-radius:14px}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em}.badge.green{background:#e7f8f0;color:#087a50}.badge.amber{background:#fff6dc;color:#936500}.badge.red{background:#ffebe7;color:#a33420}.badge.slate{background:#eef1f2;color:#657177}.meta{font-size:13px;color:var(--muted)}.price{font-weight:800;color:var(--sunset)}.cta{background:var(--ink);color:#fff;padding:55px 6%;text-align:center}.cta h2{font:700 38px 'Playfair Display',serif}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;max-width:1100px;margin:50px auto;padding:0 20px}.panel{background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px}.form{display:grid;gap:15px}.form label{font-weight:700;font-size:13px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px;background:#fff;font:inherit}.form textarea{min-height:120px}.full{grid-column:1/-1}.notice{padding:14px;border-radius:12px;background:var(--aqua);color:#086f64}.dashboard{max-width:1200px;margin:35px auto;padding:0 20px}.dashhead{display:flex;justify-content:space-between;align-items:center;gap:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.stat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px}.stat strong{font-size:30px;display:block}.tablewrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--border);white-space:nowrap}.table th{font-size:12px;text-transform:uppercase;color:var(--muted)}footer{background:var(--deep);color:#dfe8e9;padding:40px 6%;display:flex;justify-content:space-between;gap:30px}footer a{display:block;color:#fff;text-decoration:none;margin:5px}.adminnav{background:var(--ink);color:#fff;padding:13px 4%;display:flex;gap:18px;align-items:center}.adminnav a{color:#fff;text-decoration:none}.adminmain{max-width:1300px;margin:25px auto;padding:0 18px}.danger{color:#a33420}.small{font-size:12px}@media(max-width:800px){.nav{flex-wrap:wrap}.navlinks{order:3;width:100%;overflow:auto}.grid,.grid.four,.stats,.split{grid-template-columns:1fr 1fr}.hero{padding-top:50px}.search{flex-direction:column}.search button{height:48px}.dashhead{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.grid,.grid.four,.stats,.split{grid-template-columns:1fr}.navactions{margin-left:auto}.navlinks{gap:14px}.brand{font-size:23px}.hero h1{font-size:49px}footer{flex-direction:column}}

.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.sectionhead h2{margin:4px 0}.sectionhead a{color:var(--ink);font-weight:700}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--sunset)}.filterbar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;background:#fff;border:1px solid var(--border);padding:12px;border-radius:16px;margin:22px 0}.filterbar input,.filterbar select{min-width:0;border:1px solid var(--border);border-radius:10px;padding:11px;font:inherit}.listing-card{display:flex;flex-direction:column;gap:4px}.listing-card .btn{margin-top:auto}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1150px;margin:auto}.detail-img{width:100%;max-height:650px;object-fit:cover;border-radius:22px}.actions{display:flex;gap:10px;flex-wrap:wrap}.business-summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.dark{background:var(--ink);color:#fff}.dark p{color:#d5e0e2}.btn.light{background:#fff;color:var(--ink)!important}.empty{text-align:center;margin-top:30px}.topgap{margin-top:15px}.inline{display:inline-flex;align-items:center;gap:5px;margin:2px}.inline input{max-width:170px;border:1px solid var(--border);border-radius:8px;padding:7px}.smallbtn{padding:7px 10px;font-size:12px}.inlineform{display:flex;align-items:center;grid-template-columns:1fr auto}.push{margin-left:auto}.adminnav{position:sticky;top:0;z-index:20;flex-wrap:wrap}.adminnav a{font-size:13px}.adminmain{min-height:85vh}.admin-login{margin-top:70px}.tablewrap{max-width:100%;overflow-x:auto}.table td,.table th{vertical-align:top}.code,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.flash{position:relative;z-index:30}@media(max-width:900px){.filterbar{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}.adminnav{gap:10px}}@media(max-width:600px){.filterbar{grid-template-columns:1fr}.sectionhead{align-items:flex-start;flex-direction:column}.business-summary{align-items:flex-start;flex-direction:column}.adminnav .push{margin-left:0}.detail-img{max-height:400px}}

/* EkoMarket site logo */
.brand-logo{display:flex;align-items:center;flex:0 0 auto;width:190px;height:62px;overflow:hidden}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.footer-brand{min-width:240px}.footer-brand img{display:block;width:240px;max-width:100%;height:82px;object-fit:contain;object-position:left center}.admin-brand{display:flex!important;align-items:center;gap:9px;color:#fff!important;text-decoration:none}.admin-brand img{width:70px;height:40px;object-fit:contain;background:#fff;border-radius:7px}.logo-preview{padding:16px;border:1px dashed var(--border);border-radius:14px;background:var(--page);margin:5px 0 12px}.logo-preview img{display:block;width:360px;max-width:100%;height:120px;object-fit:contain;object-position:left center;background:#fff;border-radius:10px}.checkline{display:flex!important;align-items:center;gap:8px}.checkline input{width:auto!important}@media(max-width:800px){.brand-logo{width:155px;height:55px}.admin-brand strong{display:none}}@media(max-width:560px){.brand-logo{width:145px;height:50px}.footer-brand img{width:220px;height:76px}}

/* Category/subcategory upgrade */
.topgap{margin-top:15px}.form.inlineform{display:grid;grid-template-columns:1fr auto;gap:10px}.form.inlineform select{min-width:240px}@media(max-width:700px){.form.inlineform{grid-template-columns:1fr}.form.inlineform select{min-width:0}}

.footer-legal{grid-column:1/-1;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);text-align:center}.footer-legal p{margin:0}.footer-legal a{color:inherit;font-weight:700;text-decoration:none}.footer-legal a:hover{text-decoration:underline}

.payment-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 6px}.payment-mode-option{display:flex!important;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--border);border-radius:14px;background:#fff;cursor:pointer}.payment-mode-option input{width:auto!important;margin-top:3px;flex:0 0 auto}.payment-mode-option span{display:flex;flex-direction:column;gap:5px}.payment-mode-option strong{font-size:14px}.payment-mode-option small{color:var(--muted);line-height:1.5}@media(max-width:700px){.payment-mode-grid{grid-template-columns:1fr}}
.hero-with-featured{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}.hero-ad{background:#fff;border:1px solid var(--border);border-radius:22px;padding:16px;box-shadow:0 12px 35px #0b1b2410}.featured-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-box{aspect-ratio:1/1;background:var(--page);border:1px solid var(--border);border-radius:14px;overflow:hidden}.featured-box>a,.featured-empty{display:flex;height:100%;padding:12px;flex-direction:column;gap:5px;text-decoration:none;color:inherit}.featured-box img{width:100%;height:58%;object-fit:cover;border-radius:9px}.featured-box strong{font-size:15px;line-height:1.25}.featured-box span,.featured-box small{color:var(--muted);font-size:12px}.featured-placeholder{height:58%;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 40px 'Playfair Display',serif}.featured-empty{justify-content:center;text-align:center;align-items:center;color:var(--muted)}.featured-empty strong{color:var(--ink)}.featured-grid.compact .featured-box{min-height:145px}.login-layout,.register-layout{grid-template-columns:1fr 1fr;align-items:center}.login-featured,.register-featured{background:#fff;border:1px solid var(--border);border-radius:22px;padding:18px}.business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.business-card{display:flex;flex-direction:column;gap:12px}.business-card-top{display:flex;gap:14px;align-items:center}.business-card h2{margin:4px 0 0;font:700 25px 'Playfair Display',serif}.business-thumb{width:78px;height:78px;object-fit:cover;border-radius:14px;border:1px solid var(--border)}.business-thumb.placeholder{display:grid;place-items:center;background:var(--ink);color:#fff;font:700 32px 'Playfair Display',serif}.two-col{grid-template-columns:1fr 1fr}.checkout-summary{display:flex;justify-content:space-between;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--aqua);font-size:18px}.password-wrap{position:relative}.password-wrap input{padding-right:48px!important}.password-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;font-size:18px;padding:7px}.table-thumb{width:42px;height:42px;object-fit:cover;border-radius:7px;vertical-align:middle;margin-right:7px}.payment-mode-option input[type=checkbox]{width:auto!important;margin-top:4px}@media(max-width:900px){.hero-with-featured,.login-layout,.register-layout,.business-grid,.two-col{grid-template-columns:1fr}}@media(max-width:600px){.featured-grid.compact .featured-box{min-height:120px}.hero-ad{order:2}}

.flash{display:flex;align-items:center;gap:12px}.flash>span{flex:1}.flash-close{border:0;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer;padding:0 4px}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0;flex-wrap:wrap}.pagination-info{color:var(--muted);font-size:13px}.disabled{opacity:.45;pointer-events:none}
.share-panel{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.share-panel>div:first-child{display:flex;flex-direction:column;gap:4px}.share-actions{display:flex;flex-wrap:wrap;gap:8px}.share-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;font-size:12px;cursor:pointer}.share-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0b1b2412}.flash{display:flex!important;align-items:center;gap:12px}.flash>span{flex:1}.flash-close{border:0;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer;padding:2px 5px;border-radius:6px}.flash-close:hover{background:#00000012}.admin-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:10px;align-items:end;margin:18px 0}.admin-filterbar .form{margin:0}.bulkbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.status-filter{min-width:170px}.category-details{margin-top:12px}.category-details summary{cursor:pointer;font-weight:700;padding:6px 0}.category-details[open] summary{margin-bottom:10px}.subcategory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.subcategory-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:9px}@media(max-width:800px){.admin-filterbar{grid-template-columns:1fr}.subcategory-list{grid-template-columns:1fr}}
.flash{display:flex!important;align-items:center;gap:12px}.flash>span{flex:1}.flash-close{border:0;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer;padding:2px 5px;border-radius:6px}.flash-close:hover{background:#00000012}.share-panel{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.share-panel>div:first-child{display:flex;flex-direction:column;gap:4px}.share-actions{display:flex;flex-wrap:wrap;gap:8px}.share-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;font-size:12px;cursor:pointer}.share-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0b1b2412}.admin-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:10px;align-items:end;margin:18px 0}.admin-filterbar .form{margin:0}.bulkbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.status-filter{min-width:170px}.category-details{margin-top:12px}.category-details summary{cursor:pointer;font-weight:700;padding:6px 0}.category-details[open] summary{margin-bottom:10px}.subcategory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.subcategory-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:9px}@media(max-width:800px){.admin-filterbar{grid-template-columns:1fr}.subcategory-list{grid-template-columns:1fr}}
.modal-notice{position:fixed;inset:0;background:#0b1b2466;display:grid;place-items:center;padding:20px;z-index:100}.modal-card{position:relative;width:min(460px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 25px 70px #0b1b2430}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer;color:var(--muted)}.modal-close:hover{color:var(--ink)}
/* Featured business rotation */
.featured-rotator{position:relative;isolation:isolate}.featured-slides{position:relative;width:100%;height:100%}.featured-slide{position:absolute;inset:0;display:flex!important;padding:12px;flex-direction:column;gap:5px;text-decoration:none;color:inherit;opacity:0;visibility:hidden;transform:translateX(10px);transition:opacity .45s ease,transform .45s ease,visibility .45s}.featured-slide.is-active{opacity:1;visibility:visible;transform:translateX(0);z-index:2}.featured-slide:hover{color:inherit}.featured-slide img{width:100%;height:58%;object-fit:cover;border-radius:9px;background:var(--border)}.featured-slide strong{font-size:15px;line-height:1.25}.featured-slide span,.featured-slide small{color:var(--muted);font-size:12px}.featured-count{position:absolute;right:9px;top:9px;z-index:4;background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800;color:var(--ink)}
.featured-rotator-grid .featured-box{cursor:pointer}.featured-rotator-grid .featured-empty{height:100%}
@media(prefers-reduced-motion:reduce){.featured-slide{transition:none}}