article{max-width:1280px;margin:auto;padding:35px 5% 60px}article h1{font:clamp(28px,4vw,48px)/1.15 Georgia,serif}article h2{margin:36px 0 15px}article p{margin:12px 0}.links{display:flex;flex-wrap:wrap;gap:12px}.links a,article p a{text-decoration:underline}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:26px}.tile img{width:100%;height:220px;object-fit:cover;border-radius:5px}.tile h3{margin-top:10px;font-size:16px}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px;margin-top:24px}.detail img{width:100%;border-radius:6px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid #deded3;padding:8px 5px;overflow-wrap:anywhere}td:last-child{white-space:nowrap}footer{gap:16px;flex-wrap:wrap}@media(max-width:720px){.detail{display:block}.detail img{margin-bottom:20px}header nav{display:flex;gap:10px;font-size:12px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile img{height:155px}}
.add,#basket button{background:#46533c;color:white;border:0;border-radius:5px;padding:9px 13px}.detail>div{min-width:0}#basket section{padding:16px 0;border-bottom:1px solid #deded3}#basket section a{font-size:1.15rem;text-decoration:underline}#basket button{margin-right:6px}header nav{align-items:center;flex-wrap:wrap}@media(max-width:620px){header{flex-wrap:wrap}.detail tr{display:grid;grid-template-columns:1fr auto}.detail tr:first-child{display:none}.detail td{white-space:normal}.detail td:first-child{grid-column:1/-1}.detail td:last-child{grid-column:1/-1}.detail .add{width:100%}}
.basket-photo{width:100px;height:100px;object-fit:cover;float:left;margin:0 18px 10px 0;border-radius:5px}#basket section{display:flow-root}#basket h2,#basket h3{margin-bottom:12px}@media(max-width:480px){.basket-photo{width:70px;height:70px;margin-right:12px}}