:root{--bg:#e4ebe6;--ink:#1d3127;--mut:#586d5f;--green:#16a34a;--green-2:#2dd36f;--sd:rgba(146,166,153,.62);--sl:rgba(255,255,255,.95);
--raise:9px 9px 20px var(--sd),-9px -9px 20px var(--sl);--raise-s:5px 5px 11px var(--sd),-5px -5px 11px var(--sl);--press:inset 5px 5px 11px var(--sd),inset -5px -5px 11px var(--sl)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:light}
body{margin:0;font:16px/1.5 Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:24px 16px}
.top{position:sticky;top:0;z-index:9;display:flex;gap:14px;align-items:center;padding:12px 20px;background:var(--bg);box-shadow:0 8px 20px -10px var(--sd);flex-wrap:wrap}
.logo{font:700 24px Fraunces,serif;text-decoration:none;color:var(--ink)}
.search{display:flex;flex:1;min-width:220px;max-width:520px;margin:auto;border-radius:999px;box-shadow:var(--press);overflow:hidden}
.search input{flex:1;padding:11px 18px;border:0;outline:0;background:transparent;color:var(--ink);box-shadow:none;border-radius:0}
.search input::placeholder{color:var(--mut)}
.search button{border:0;background:linear-gradient(135deg,var(--green-2),var(--green));color:#fff;padding:0 20px;border-radius:999px;margin:4px;font-weight:800;cursor:pointer}
nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
nav a{text-decoration:none;padding:9px 16px;border-radius:999px;background:var(--bg);box-shadow:var(--raise-s);font-weight:700;font-size:14px;transition:box-shadow .2s}
nav a:hover{box-shadow:var(--press)}nav a.btn{background:linear-gradient(135deg,var(--green-2),var(--green));color:#fff}
h1,h2{font-family:Fraunces,serif}
h2{font-weight:700;font-size:24px;border-left:5px solid var(--green);padding-left:12px;margin:32px 0 16px}
.chips{display:flex;gap:12px;flex-wrap:wrap}
.chips a{padding:9px 18px;border-radius:999px;background:var(--bg);box-shadow:var(--raise-s);text-decoration:none;font-weight:700;font-size:14px}
.chips a.on{box-shadow:var(--press);color:var(--green)}
.row{display:flex;gap:18px;overflow-x:auto;padding:14px 14px 24px}.row .card{min-width:220px;flex:0 0 220px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px;padding:6px}
.card{position:relative;background:var(--bg);box-shadow:var(--raise);border-radius:24px;padding:14px;display:flex;flex-direction:column;gap:8px}
.card img,.ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;background:var(--bg)}.ph{display:grid;place-items:center;color:var(--mut);box-shadow:var(--press)}
.off{position:absolute;top:18px;left:18px;background:linear-gradient(135deg,#ff7a7a,#e11d48);color:#fff;font:800 12px Manrope;padding:4px 12px;border-radius:99px;box-shadow:3px 3px 8px rgba(225,29,72,.35)}
.price{color:var(--green);font-weight:800;font-size:19px}.price s{color:#84978b;font-weight:400;font-size:13px;margin-left:6px}
.b{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:14px;border:0;background:var(--bg);color:var(--ink);box-shadow:var(--raise-s);text-decoration:none;font:800 14px Manrope,sans-serif;cursor:pointer;transition:box-shadow .2s}
.b:active{box-shadow:var(--press)}
.b.wa{background:linear-gradient(135deg,#34d27b,#16a34a);color:#fff;box-shadow:5px 5px 12px rgba(22,163,74,.38),-4px -4px 10px var(--sl)}
.b.p{background:linear-gradient(135deg,var(--green-2),var(--green));color:#fff}
.b.d{background:linear-gradient(135deg,#ff7a7a,#e11d48);color:#fff;box-shadow:5px 5px 12px rgba(225,29,72,.3),-4px -4px 10px var(--sl)}
.box{background:var(--bg);box-shadow:var(--raise);border-radius:26px;padding:24px;margin-bottom:24px}
form.f{display:grid;gap:14px;max-width:520px}
input,select,textarea{padding:12px 14px;border:0;outline:0;border-radius:14px;font:inherit;width:100%;background:var(--bg);color:var(--ink);box-shadow:var(--press)}
input[type=checkbox],input[type=radio]{width:auto;box-shadow:none}input[type=color]{padding:4px;height:46px}input[type=file]{padding:10px}
label{font-weight:700;font-size:14px;display:block}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:10px 8px;border-bottom:1px solid rgba(146,166,153,.35);text-align:left;vertical-align:middle}
.tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.tabs a{padding:9px 18px;border-radius:999px;background:var(--bg);box-shadow:var(--raise-s);text-decoration:none;font-weight:800}.tabs a.on{box-shadow:var(--press);color:var(--green)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.stats div{background:var(--bg);box-shadow:var(--raise);border-radius:20px;padding:18px;color:var(--mut);font-weight:700}.stats b{font-size:30px;display:block;color:var(--green)}
.msg{padding:12px 16px;border-radius:14px;background:var(--bg);box-shadow:var(--press);margin-bottom:14px;font-weight:700}.err{color:#c01c45}
.tw{overflow-x:auto}form.i{display:inline-block;margin:2px}form.i .b{display:inline-flex;padding:8px 14px}form.i select{width:auto;display:inline-block}
details summary{cursor:pointer}
footer{text-align:center;padding:34px;color:var(--mut)}
.stars{color:#f5a623;font-size:15px;letter-spacing:1px;white-space:nowrap}.stars small{color:var(--mut);letter-spacing:0;font-weight:700;font-size:12.5px}
:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media (max-width:640px){.top{padding:10px 14px}.search{order:3;max-width:none;flex-basis:100%}.grid{grid-template-columns:1fr 1fr;gap:14px}.box{padding:18px;border-radius:22px}}
@media (max-width:380px){.grid{grid-template-columns:1fr}}

/* seller pages + seller name links */
.seller-link,.sell{display:inline-block;color:var(--green);background:var(--bg);box-shadow:var(--press);padding:3px 12px;border-radius:99px;font-weight:800;text-decoration:none}
.seller-link:hover,.sell:hover{box-shadow:var(--raise-s)}.sell{align-self:flex-start;font-size:12px;margin:2px 0}
.seller-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:26px}
.seller-av{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font:700 38px Fraunces,serif;color:#fff;background:linear-gradient(135deg,var(--green-2),var(--green));box-shadow:var(--raise-s);flex:none}
.seller-info{flex:1;min-width:200px}.seller-meta{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0;padding:0}
.seller-meta span{background:var(--bg);box-shadow:var(--press);padding:5px 14px;border-radius:99px;font-size:13px;font-weight:700;color:var(--mut)}
.seller-wa{padding:13px 24px}
@media (max-width:640px){.seller-head{padding:18px;gap:14px}.seller-av{width:64px;height:64px;font-size:28px}.seller-wa{width:100%}}