*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:#faf9f7;color:#1c1a17;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.shell{max-width:390px;margin:0 auto;background:#faf9f7;min-height:100vh}
a{color:inherit;text-decoration:none}
a:hover{color:#8a8378}
img{display:block;max-width:100%}

.top{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 18px;border-bottom:1px solid #e7e3dc}
.logo{font-size:17px;letter-spacing:.28em;text-transform:uppercase;font-weight:500}
.logo small{display:block;font-size:7.5px;letter-spacing:.34em;color:#a09889;margin-top:5px;font-weight:400}
.bag{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.14em;color:#6d675d}
.back{padding:16px 20px 0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8a8378}

.hero{padding:44px 20px 40px}
.hero .kicker{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#a09889;margin-bottom:18px}
.hero h1{font-size:29px;line-height:1.24;font-weight:400;letter-spacing:-.01em;text-wrap:pretty}
.hero p{margin-top:16px;font-size:13.5px;color:#736d63;max-width:29ch;text-wrap:pretty}

.railhead{display:flex;justify-content:space-between;align-items:baseline;padding:0 20px 14px;border-bottom:1px solid #e7e3dc}
.railhead span{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#a09889}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 14px;padding:26px 20px 56px}
.card .shot{background:#fff;border:1px solid #eeeae3;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;overflow:hidden}
.card .shot img{width:100%;height:100%;object-fit:contain}
.card h2{margin-top:12px;font-size:13px;font-weight:500;letter-spacing:.01em}
.card .meta{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a09889;margin-top:3px}
.card .price{font-size:13px;color:#4a4640;margin-top:6px}

.pdp-shot{background:#fff;border-bottom:1px solid #eeeae3;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;margin-top:16px}
.pdp-shot img{width:100%;height:100%;object-fit:contain}
.pdp{padding:30px 20px 64px}
.pdp .brand{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#a09889}
.pdp h1{font-size:22px;font-weight:400;margin-top:12px;letter-spacing:-.005em}
.pdp .price{font-size:16px;margin-top:12px;color:#1c1a17}
.rule{height:1px;background:#e7e3dc;margin:28px 0}
.label{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#a09889;margin-bottom:12px}
.sizes{display:flex;gap:8px;flex-wrap:wrap}
.chip{min-width:46px;min-height:46px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd7cd;background:#fff;font-size:12.5px;letter-spacing:.06em;color:#4a4640}
.chip.on{border-color:#1c1a17;color:#1c1a17}
.colour{font-size:14px;color:#4a4640}
.desc{font-size:14px;color:#5c574e;text-wrap:pretty}
.add{width:100%;min-height:52px;margin-top:30px;background:#1c1a17;color:#faf9f7;border:0;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;font-family:inherit;cursor:pointer}
.care{margin-top:26px;font-size:11.5px;color:#a09889;letter-spacing:.02em;line-height:1.9}
.foot{border-top:1px solid #e7e3dc;padding:26px 20px 40px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#b3aca0}