:root{--ink:#213b35;--cream:#f5f0e7;--coral:#dd654c;--sage:#aeb9a0;--line:#d7d2c8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:25px 6%;border-bottom:1px solid var(--line)}.brand{font:600 34px 'Playfair Display';letter-spacing:-2px;text-decoration:none;color:var(--ink)}.brand span{color:var(--coral)}.back{font-size:13px;color:var(--ink);text-decoration:none}.intro{padding:85px 10% 60px;max-width:850px}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:600;margin:0 0 18px}h1,h2{font:500 58px/1.03 'Playfair Display';letter-spacing:-2px;margin:0}h1 em,h2 em{font-style:italic}.intro>p:last-child{max-width:450px;line-height:1.7;color:#536761;margin:26px 0 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:55px;padding:0 10% 100px;align-items:start}.notice{background:var(--sage);padding:17px 20px;display:flex;justify-content:space-between;margin-bottom:16px;font-size:13px}.notice span{color:#405c54}.category{margin-bottom:38px}.category h3{font:500 33px 'Playfair Display';margin:0 0 14px}.piece{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;border-top:1px solid var(--line);padding:16px 0}.piece strong{font:500 19px 'Playfair Display'}.piece small{display:block;color:#65736e;font-size:12px;margin-top:3px}.piece>span{font-size:13px;color:var(--coral);white-space:nowrap}.quantity{display:flex;border:1px solid var(--line);align-items:center}.quantity button{width:29px;height:30px;border:0;background:transparent;cursor:pointer;font-size:17px;color:var(--ink)}.quantity b{min-width:24px;text-align:center;font-size:13px}.summary{background:var(--ink);color:var(--cream);padding:30px;position:sticky;top:15px}.summary h2{font-size:35px}.summary .eyebrow{color:#b9c5b6}.summary-items{margin-top:24px}.summary-row{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding:12px 0;font-size:13px}.summary-row span:last-child{color:#cad5c5}.empty{color:#b9c5b6;font-size:13px}.delivery{margin-top:22px;border-top:1px solid rgba(255,255,255,.2);padding-top:18px}.delivery label,label{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.delivery input,form input,form textarea{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid #9ca9a1;background:transparent;padding:10px 0;color:inherit;font:14px 'DM Sans';outline:none}.delivery p{font-size:11px;color:#b9c5b6;line-height:1.5}.total{border-top:1px solid rgba(255,255,255,.2);padding-top:18px;display:flex;justify-content:space-between;align-items:end}.total strong{font:500 29px 'Playfair Display'}.minimum{font-size:11px;color:#f1b4a6;line-height:1.4}.button{background:var(--coral);color:white;border:0;padding:15px 18px;font:600 12px 'DM Sans';cursor:pointer;display:inline-flex;gap:22px;align-items:center}.button:disabled{opacity:.45;cursor:not-allowed}.button span{font-size:19px}.summary .button{width:100%;justify-content:space-between;margin-top:8px}.contact-box{background:var(--sage);padding:85px 10%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-box h2{font-size:46px}.contact-box>div>p:last-child{line-height:1.6;max-width:350px}.contact-box form{display:grid;gap:17px}.contact-box textarea{height:74px;resize:vertical}.contact-box #success{font-size:13px;margin:0;color:#315548}@media(max-width:850px){h1{font-size:48px}.layout{grid-template-columns:1fr;padding:0 7% 70px}.intro{padding:60px 7% 45px}.summary{position:static}.contact-box{grid-template-columns:1fr;padding:65px 7%;gap:40px}.notice{display:block}.notice span{display:block;margin-top:5px}}
