*{box-sizing:border-box}body{margin:0;background:#f4efe6;color:#28251f;font-family:Arial,sans-serif}header{background:#292a24;color:#f5e9cd;text-align:center;padding:32px 16px}.logo{font:38px Georgia,serif;letter-spacing:5px}header p{color:#d7c59d}.group,.notice{max-width:900px;margin:18px auto;padding:0 16px}.notice{background:white;border-radius:12px;padding:14px;box-shadow:0 2px 8px #0001}.group h2{font:26px Georgia,serif;border-bottom:2px solid #b59b62;padding-bottom:8px}article{background:white;border-radius:12px;margin:10px 0;padding:15px;display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;align-items:center;box-shadow:0 1px 5px #0001}h3{margin:0 0 5px;font:18px Georgia,serif}article p{margin:0;color:#6b645b;font-size:14px}button{background:#34382c;color:#fff;border:0;border-radius:8px;padding:10px 13px;font-weight:700}.cart{position:-webkit-sticky;position:sticky;bottom:0;background:#fff;padding:14px 18px;box-shadow:0 -2px 10px #0002;display:flex;justify-content:center;gap:18px}@media(max-width:650px){article{grid-template-columns:1fr auto}article button{grid-column:2}.cart{justify-content:space-between}}