:root{--bg:#faf8f3;--surface:#fff;--text:#2b2b2b;--muted:#837b6c;--slate:#2d3e50;--accent:#6b8e4e;--accent-2:#c26b3f;--border:#e9e3d7;--radius:14px;--shadow:0 2px 10px #2d3e500f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;display:flex}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.main{flex:1 0 auto;padding-top:28px;padding-bottom:48px}.muted{color:var(--muted)}.accent{color:var(--accent)}.site-header{background:var(--slate);color:#fff;z-index:10;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;height:66px;display:flex}.brand{flex-direction:column;line-height:1.15;display:flex}.brand__name{letter-spacing:2px;font-size:18px;font-weight:700}.brand__tag{letter-spacing:1px;color:#aab6c2;text-transform:uppercase;font-size:11px}.nav{align-items:center;gap:22px;font-size:15px;display:flex}.nav a:hover{color:#d7e3c8}.cart{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:14px}.hero{padding:18px 0 26px}.hero h1{color:var(--slate);margin:0 0 8px;font-size:clamp(26px,4vw,40px);line-height:1.15}.hero p{color:var(--muted);margin:0;font-size:17px}.chips{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-size:14px;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card__img{aspect-ratio:4/3;background:#f1ede4;justify-content:center;align-items:center;display:flex;overflow:hidden}.card__img img{object-fit:cover;width:100%;height:100%}.card__noimg{color:var(--muted);font-size:13px}.card__body{flex-direction:column;gap:6px;padding:12px 14px 16px;display:flex}.card__name{color:var(--slate);font-weight:600}.card__price{color:var(--accent);font-weight:700}.card__unit{color:var(--muted);font-size:14px;font-weight:400}.empty{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);padding:40px}.page-title{color:var(--slate);margin:8px 0 22px}.product{grid-template-columns:1.1fr 1fr;align-items:start;gap:36px;display:grid}.product__gallery img,.product__noimg{border-radius:var(--radius);border:1px solid var(--border);background:#f1ede4;width:100%}.product__noimg{aspect-ratio:4/3;color:var(--muted);justify-content:center;align-items:center;display:flex}.product__info h1{color:var(--slate);margin:10px 0 12px;font-size:30px}.crumb{color:var(--muted);font-size:14px}.crumb:hover{color:var(--accent)}.product__price{color:var(--accent);margin-bottom:12px;font-size:26px;font-weight:700}.badge{border-radius:999px;margin-bottom:18px;padding:4px 12px;font-size:13px;display:inline-block}.badge--ok{color:#4c6a2f;background:#e7f0dd}.badge--no{color:#a24a2c;background:#f4e2dc}.product__desc{color:#40453f;margin-bottom:22px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 22px;font-size:16px}.btn:disabled{cursor:not-allowed;background:#c3cbb8}.site-footer{background:var(--slate);color:#cdd6df;flex-shrink:0}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:22px 20px;font-size:14px;display:flex}.card__link{flex-direction:column;display:flex}.card__actions{margin-top:auto;padding:0 14px 14px}.addcart{border-radius:10px;width:100%;padding:9px;font-size:14px}.addcart--done{background:#4c6a2f}.qty{border:1px solid var(--border);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.qty button{cursor:pointer;background:#f1ede4;border:none;width:30px;height:30px;font-size:16px}.qty span{text-align:center;min-width:34px}.cart-list{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.cart-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:56px 1fr auto auto 28px;align-items:center;gap:14px;padding:10px 14px;display:grid}.cart-row__img{background:#f1ede4;border-radius:8px;width:56px;height:56px;overflow:hidden}.cart-row__img img{object-fit:cover;width:100%;height:100%}.cart-row__name a{color:var(--slate);font-weight:600}.cart-row__sum{color:var(--accent);white-space:nowrap;font-weight:700}.cart-row__del{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:16px}.cart-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.cart-total{font-size:20px}.checkout__grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:30px;display:grid}.checkout__form{flex-direction:column;gap:14px;display:flex}.checkout__form label{color:var(--muted);flex-direction:column;gap:5px;font-size:14px;display:flex}.checkout__form input,.checkout__form textarea,.checkout__form select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;padding:10px 12px}.checkout__form textarea{resize:vertical;min-height:70px}.req{color:var(--accent-2);margin-left:3px}.err{color:#a24a2c;background:#f4e2dc;border-radius:9px;padding:10px 12px;font-size:14px}.checkout__note{margin:2px 0 0;font-size:13px}.checkout__summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.checkout__summary h3{color:var(--slate);margin:0 0 12px}.checkout__line{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;display:flex}.checkout__total{text-align:right;margin-top:14px;font-size:18px}@media (max-width:720px){.product{grid-template-columns:1fr;gap:20px}.brand__tag{display:none}.checkout__grid{grid-template-columns:1fr;gap:20px}.cart-row{grid-template-columns:48px 1fr auto;grid-template-areas:"img name name""img qty sum";row-gap:8px}.cart-row__img{grid-area:img}.cart-row__name{grid-area:name}.qty{grid-area:qty}.cart-row__sum{text-align:right;grid-area:sum}.cart-row__del{display:none}}
