*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#151515;background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:99}
.page-w{max-width:60rem;margin:0 auto;padding:3rem 1rem}
.page-w h1{font-weight:800;font-size:2rem;margin:0 0 1.5rem}
.grid-p{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}
.grid-p a{text-decoration:none}
.btn-y{display:inline-block;background:var(--primary,#f2c40f);color:#151515;border:0;border-radius:.5rem;padding:.9rem 1.5rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:none;font-size:1rem}
.cart-row{display:grid;grid-template-columns:80px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid #ece7d6}
.cart-row input{width:4rem;padding:.4rem}
.cart-total{display:flex;justify-content:space-between;font-weight:700;font-size:1.2rem;margin:1.5rem 0}