@font-face{font-family:StudioFutura;src:local('Futura Medium'),local('Futura-Medium'),local('Futura')}*{box-sizing:border-box}body{margin:0;background:#e3dfdc;color:#171916;font:18px StudioFutura,Futura,'Century Gothic',Arial,'PingFang SC','Microsoft YaHei',sans-serif}main{max-width:1400px;margin:auto;padding:60px 6%}header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:64px}h1{font-weight:400;letter-spacing:3px;font-size:28px;margin:0 0 12px}header p{font-size:12px;color:#5d6059;margin:0;letter-spacing:1px}header img{max-width:80px;max-height:90px;object-fit:contain}#coffee-selection{column-count:2;column-gap:100px}.coffee{break-inside:avoid;page-break-inside:avoid;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 22px;margin-bottom:36px;line-height:1.45}.coffee h2{font:inherit;font-size:18px;font-weight:400;margin:0;overflow-wrap:anywhere}.coffee .price{white-space:nowrap;align-self:start}.coffee .detail,.coffee .flavor{grid-column:1/-1;margin:0;overflow-wrap:anywhere}.coffee .detail{font-size:16px}.coffee .flavor{font-size:17px}#quote-note{font-size:13px;color:#5d6059;white-space:pre-wrap;margin-top:35px}#quote-message{font-size:14px;line-height:1.7;color:#5d6059}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #17191622;padding-top:20px;margin-top:38px;font-size:10px;color:#72746d} @media(max-width:700px){main{padding:35px 24px}header{margin-bottom:40px}h1{font-size:25px}#coffee-selection{column-count:1}.coffee{margin-bottom:30px;gap:5px 14px}.coffee h2,.coffee .price{font-size:17px}.coffee .detail,.coffee .flavor{font-size:15px}footer{font-size:9px;flex-wrap:wrap}}

.quote-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-25px 0 36px;font-size:12px;color:#5d6059}.quote-controls select{font:inherit;background:transparent;border:1px solid #17191644;color:#171916;border-radius:4px;padding:9px 28px 9px 12px}.quote-controls span{font-size:10px}.quote-controls select:focus-visible{outline:2px solid #3b4934;outline-offset:3px}#coffee-selection.grouped{column-count:1}.origin-items{column-count:2;column-gap:100px}.origin-heading{font-size:13px;letter-spacing:2px;font-weight:400;border-bottom:1px solid #17191633;padding-bottom:12px;margin:0 0 28px;color:#5d6059}.origin-group{margin-bottom:30px}@media(max-width:700px){.quote-controls{margin:-12px 0 32px;gap:10px}.quote-controls span{width:100%}.origin-items{column-count:1}}