@import url('/assets/style.css');
:root{--green:#124c3e;--gold:#ba8853}body{margin:0;background:#faf8f3;color:#253b34;font-family:system-ui,sans-serif}body>header,body>footer{max-width:1200px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:var(--green)}.brand{font-size:30px;font-weight:800;text-decoration:none}.brand span{color:var(--gold)}main{max-width:1152px;margin:auto;padding:24px}.hero{background:var(--green);color:#fff;padding:60px 48px;border-radius:18px;margin-bottom:32px}.hero h1{font-size:clamp(30px,5vw,58px);max-width:800px;line-height:1.12}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.card{background:#fff;padding:24px;border:1px solid #e6e3d9;border-radius:12px}.card img{width:100%;height:230px;object-fit:contain;background:#f5f3ed;border-radius:8px}.price{font-size:22px;font-weight:750}.button,button{display:inline-block;background:var(--green);color:white;border:0;padding:12px 20px;border-radius:6px;text-decoration:none;cursor:pointer}input,textarea,select{box-sizing:border-box;padding:12px;border:1px solid #bbb;border-radius:5px;width:100%;font:inherit}input[type=checkbox]{width:auto}label{display:block;margin:14px 0 5px}form{max-width:650px}table{border-collapse:collapse;width:100%;display:block;overflow:auto}td,th{padding:12px;text-align:left;border-bottom:1px solid #ddd}.error{padding:15px;background:#ffebe7;color:#872d20}.notice{padding:15px;background:#e0eee4}.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px}.detail img{width:100%;max-height:550px;object-fit:contain}small{color:#536b61}.filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filters a{padding:8px 14px;background:white;border:1px solid #ddd;border-radius:20px}footer{border-top:1px solid #ddd}.prose{white-space:pre-wrap}.checkout-total{font-size:24px;font-weight:bold}@media(max-width:650px){body>header,body>footer{display:block}.hero{padding:30px 24px}.detail{grid-template-columns:1fr}nav{margin-top:15px;gap:12px}}