:root{--htt-s5: #26694a;--htt-s4: #47702f;--htt-s3: #7e5f10;--htt-s2: #99511f;--htt-s1: #8e2f27;--htt-ivory: #efeeea;--htt-track: #e2e1da;--htt-grey: #a8afc0}.htt-chip{display:inline-block;padding:3px 8px;font:600 12px/1.2 inherit;color:#efeeea;white-space:nowrap;border-radius:6px}.htt-chip--sm{padding:2px 6px;font-size:11px}.htt-chip--lg{padding:6px 12px;font-size:18px}.htt-meter{display:block;height:8px;background:var(--htt-track);border-radius:4px;overflow:hidden}.htt-meter>i{display:block;height:100%}.htt-score-big{font-size:44px;line-height:1;font-weight:600}.htt-preview{background:#fff;border:1px solid #e3e3e3;border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:center;min-height:120px}.htt-preview--dark{background:#1a1a1a;border-color:#303030}.htt-mock-rail{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.htt-mock-rail::-webkit-scrollbar{display:none}.htt-mock-slide{flex:0 0 640px;min-width:0;max-width:100%}.htt-mock-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.htt-mock-label{font-size:12px;font-weight:600}.htt-mock-frame{border:1px solid #e3e3e3;border-radius:8px;overflow:hidden;background:#fff}.htt-mock-chrome{display:flex;align-items:center;gap:10px;background:#f1f1f1;padding:8px 10px;border-bottom:1px solid #e3e3e3}.htt-mock-dots{display:flex;gap:5px}.htt-mock-dots i{width:8px;height:8px;background:#c9c9c9;display:block;border-radius:50%}.htt-mock-url{flex:1;min-width:0;background:#fff;border:1px solid #e3e3e3;border-radius:4px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:11px;color:#616161;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.htt-mock-pdp{display:grid;grid-template-columns:220px minmax(0,1fr)}.htt-mock-image{position:relative;aspect-ratio:4/5;background:#f1f0ec;border-right:1px solid #eee;display:flex;align-items:center;justify-content:center;font-size:11px;color:#9a9a9a}.htt-mock-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.htt-mock-detail{padding:18px;color:#1a1a1a}.htt-mock-eyebrow{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#777}.htt-mock-title{font-size:19px;line-height:1.25;margin:7px 0 5px}.htt-mock-price{font-size:14px;margin-bottom:14px}.htt-mock-sizes{display:flex;gap:6px;margin-bottom:14px}.htt-mock-sizes span{border:1px solid #1a1a1a;border-radius:4px;padding:5px 10px;font-size:11.5px}.htt-mock-sizes .is-on{background:#1a1a1a;color:#fff}.htt-mock-cta{background:#1a1a1a;color:#fff;text-align:center;padding:11px;border-radius:6px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.htt-mock-slot{margin-top:14px}.htt-mock-slot--tight{margin-top:8px}.htt-mock-cart{padding:16px 18px}.htt-mock-line{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;padding:12px 0;border-bottom:1px solid #eee;align-items:start}.htt-mock-thumb{position:relative;aspect-ratio:4/5;background:#f1f0ec;border-radius:4px;overflow:hidden}.htt-mock-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.htt-mock-line-title{font-size:13px;font-weight:600;color:#1a1a1a}.htt-mock-line-meta{font-size:11px;color:#777;margin-top:2px}.htt-mock-line-price{font-size:13px;color:#1a1a1a}.htt-mock-checkout{margin-top:14px;background:#1a1a1a;color:#fff;text-align:center;padding:11px;border-radius:6px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}@media(max-width:700px){.htt-mock-slide{flex:0 0 88%}.htt-mock-pdp{grid-template-columns:1fr}.htt-mock-image{border-right:0;border-bottom:1px solid #eee}}