@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');*{box-sizing:border-box}body{margin:0;color:#172019;background:#f6f4ed;font-family:Manrope,Arial}a{color:inherit;text-decoration:none}header{height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d7cf}.logo{font-size:22px;font-weight:700;letter-spacing:.16em}.logo i{display:block;font:8px 'DM Mono';letter-spacing:.25em;margin-top:3px}nav{display:flex;gap:30px;font-size:12px}.back{font-size:11px}.hero{height:390px;background:linear-gradient(90deg,#162017aa,#16201722),url('assets/series-accessories.png') center/cover;display:flex;align-items:end;padding:55px 8%;color:#fff}.hero p{font:10px 'DM Mono';letter-spacing:.12em;color:#c7d474}.hero h1{font-size:64px;letter-spacing:-.06em;margin:12px 0;font-weight:500}.hero span{font:15px 'Playfair Display'}main{max-width:1450px;margin:auto;padding:55px 7%;display:grid;grid-template-columns:240px 1fr;gap:55px}aside{display:flex;flex-direction:column;gap:15px;font-size:12px}aside>b{font:10px 'DM Mono';letter-spacing:.12em;margin-bottom:4px}aside a{padding:8px 0;border-bottom:1px solid #ddd}aside label{font-size:12px}aside hr{width:100%;border:0;border-top:1px solid #bbb;margin:15px 0}.listing-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8d5cd;padding-bottom:18px}.listing-head p{font-weight:700;margin:0}.listing-head select{background:transparent;border:0;font:12px Manrope}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:28px}.product img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#d4d4cc;border-radius:8px}.product small{display:block;font:9px 'DM Mono';letter-spacing:.1em;color:#687363;margin-top:15px}.product h2{margin:9px 0;font:28px 'Playfair Display'}.product p{margin:0;color:#6f786d;font-size:12px}.product a{display:inline-block;margin-top:15px;border-bottom:1px solid;font-size:11px;padding-bottom:3px}@media(max-width:700px){header{padding:0 6%}nav{display:none}.hero{height:300px;padding:35px 7%}.hero h1{font-size:47px}main{grid-template-columns:1fr;padding:38px 7%;gap:30px}aside{display:none}.products{grid-template-columns:1fr 1fr;gap:15px}.product h2{font-size:22px}}
