:root{--ink:#17212b;--muted:#65707b;--line:#e7eaed;--green:#167b50;--pale:#f4f7f6;--white:#fff}*{box-sizing:border-box}body{margin:0;font:16px/1.55 Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,.button{border:0;background:var(--green);color:#fff;padding:.72rem 1rem;cursor:pointer;font-weight:700;display:inline-block;border-radius:4px}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}button:disabled{opacity:.5;cursor:not-allowed}.site-header{height:70px;display:flex;align-items:center;padding:0 5%;border-bottom:1px solid var(--line);gap:28px;position:sticky;top:0;background:#fff;z-index:5}.brand{font-weight:800;font-size:1.1rem;color:var(--green);margin-right:auto}.site-header nav{display:flex;gap:20px}.site-header nav a:hover{color:var(--green)}.cart-link{position:relative;font-size:1.2rem}.cart-link span{position:absolute;top:-10px;right:-12px;background:var(--green);color:#fff;border-radius:50%;font-size:.65rem;padding:1px 5px}.menu-toggle{display:none}.hero{min-height:430px;background:var(--pale);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:4rem 10%;gap:3rem}.hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.05;margin:.3rem 0 1rem}.hero p{max-width:550px;color:var(--muted);font-size:1.1rem}.hero-art{font-size:11rem;color:#bee0cf;text-align:center}.eyebrow,small,.muted{color:var(--muted);letter-spacing:.03em}.section{padding:4rem 8%;max-width:1440px;margin:auto}.gray{background:var(--pale);max-width:none;padding-left:8%;padding-right:8%}.section-head,.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-head h2{margin:0}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.category-card{min-height:140px;padding:1.2rem;background:var(--pale);display:flex;flex-direction:column;justify-content:end;gap:4px;border:1px solid var(--line)}.category-card img{height:120px;object-fit:cover;width:100%;margin:-1.2rem -1.2rem 1rem;width:calc(100% + 2.4rem)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}.product-card{border:1px solid var(--line);background:#fff;transition:transform .2s}.product-card:hover{transform:translateY(-3px)}.product-image{height:230px;background:var(--pale);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#aab}.product-image img{height:100%;width:100%;object-fit:cover}.product-copy{padding:1rem}.product-copy h3{font-size:1rem;margin:.35rem 0}.price{font-weight:800}.price del{color:var(--muted);font-weight:400;margin-right:5px}.promo{margin:2rem 8%;padding:3rem;background:#213b31 center/cover;color:#fff}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center}.benefits i{font-size:2rem;color:var(--green)}footer{background:#17212b;color:#fff;padding:3rem 8%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer a{display:block;color:#d7dde0;margin:.5rem 0}.copyright{background:#11191f;color:#aaa;text-align:center;padding:1rem;font-size:.85rem}.filters,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:1.5rem}.filters input,.filters select,input,textarea,select{width:100%;padding:.7rem;border:1px solid #cbd2d6;background:#fff;border-radius:3px;font:inherit}.pagination{margin:2rem 0;display:flex;gap:5px}.pagination a{padding:.4rem .7rem;border:1px solid var(--line)}.pagination .active{background:var(--green);color:#fff}.product-page{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.main-image{height:460px;background:var(--pale)}.main-image img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:8px;margin-top:8px}.thumbs button{padding:0;background:none;border:1px solid var(--line);width:70px;height:70px}.thumbs img{width:100%;height:100%;object-fit:cover}.big{font-size:1.5rem}.choice{display:inline-block;width:auto;margin:0 12px 10px 0}.choice input{width:auto}.quantity{display:flex;width:150px;margin:1rem 0}.quantity input{text-align:center}.quantity button{padding:.3rem .8rem}.cart-row{display:grid;grid-template-columns:70px 1fr 80px 100px auto;align-items:center;gap:15px;padding:1rem;border-bottom:1px solid var(--line)}.cart-row img{width:65px;height:65px;object-fit:cover}.cart-row small,.cart-row span{display:block}.cart-total{margin:2rem 0 0 auto;max-width:340px;text-align:right}.cart-total strong,.summary strong{float:right}.checkout{display:grid;grid-template-columns:1fr 350px;gap:4rem}.checkout-form label,.form label,.login label{display:block;margin:.75rem 0;font-weight:700}.summary,.panel{padding:1.5rem;border:1px solid var(--line);background:#fff}.empty{text-align:center;padding:3rem;background:var(--pale)}.success-icon{font-size:3rem;color:var(--green)}.flash{padding:.8rem 8%;}.flash.success{background:#daf1e5}.flash.error,.error{background:#ffe3e3;color:#8d1d1d}.prose{max-width:800px;min-height:50vh}
.admin{background:#f4f6f7;display:grid;grid-template-columns:240px 1fr}.admin aside{min-height:100vh;background:#17212b;color:#dce5e7;padding:1.5rem;position:fixed;width:240px}.admin aside a{display:block;padding:.7rem 0}.admin-main{grid-column:2;padding:0 3% 3%}.admin-main>header{height:70px;display:flex;justify-content:flex-end;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:1.5rem 0}.stats div{background:#fff;padding:1.2rem;border:1px solid var(--line)}.stats strong{display:block;font-size:2rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--line)}.danger{color:#b52121}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.login{min-height:100vh;display:grid;place-items:center;background:var(--pale)}.login form{width:min(400px,90%);padding:2rem;background:#fff;border:1px solid var(--line)}
@media(max-width:700px){.site-header{gap:15px;height:60px}.menu-toggle{display:block;background:none;color:var(--ink);padding:0}.site-header nav{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;padding:1rem;border-bottom:1px solid var(--line);flex-direction:column}.site-header nav.open{display:flex}.hero,.product-page,.checkout{grid-template-columns:1fr;padding:2.5rem 6%;gap:2rem}.hero-art{display:none}.section{padding:2.5rem 6%}.gray{padding-left:6%;padding-right:6%}.benefits,footer{grid-template-columns:1fr 1fr}.cart-row{grid-template-columns:55px 1fr 60px;gap:8px}.cart-row strong{grid-column:2}.cart-row button{grid-column:3}.admin{display:block}.admin aside{transform:translateX(-100%);transition:.2s;z-index:10}.admin aside.open{transform:translateX(0)}.admin-main{padding:0 4% 2rem}.stats,.admin-columns{grid-template-columns:1fr 1fr}.panel{overflow-x:auto}.promo{margin:1rem 6%}.main-image{height:330px}}