@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--text:#151515;--muted:#888;--border:#e3e3e3;--bg:#f6f8f7;--white:#fff;--accent:#151515}body{color:var(--text);background:var(--white);font-family:Plus Jakarta Sans,sans-serif}.hc-wrap{max-width:1200px;margin:0 auto;padding:0 24px 80px}.hc-loading{height:200px;color:var(--muted);justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;display:flex}.hc-section{border-bottom:1px solid var(--border);text-align:center;padding:64px 0}.hc-section:last-child{border-bottom:none}.hc-step-label{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:500}.hc-title{color:var(--text);letter-spacing:-.02em;margin-bottom:10px;font-size:32px;font-weight:800}.hc-subtitle{color:var(--muted);margin-bottom:40px;font-size:14px}.hc-grid{text-align:left;gap:20px;margin-top:40px;display:grid}.hc-grid--3{grid-template-columns:repeat(3,1fr)}.hc-grid--4{grid-template-columns:repeat(4,1fr)}.hc-card{border:1.5px solid var(--border);cursor:pointer;background:var(--white);transition:border-color .2s;position:relative}.hc-card:hover{border-color:#aaa}.hc-card--active{border-color:var(--accent)}.hc-badge{background:var(--accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;z-index:1;padding:4px 10px;font-size:10px;font-weight:600;position:absolute;top:12px;right:12px}.hc-card-img{aspect-ratio:4/3;background:var(--bg);width:100%;overflow:hidden}.hc-card-img img{object-fit:cover;width:100%;height:100%;display:block}.hc-card-img-placeholder{background:var(--bg);width:100%;height:100%}.hc-card-body{padding:20px}.hc-card-name{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.hc-card-desc{color:var(--muted);margin-bottom:10px;font-size:13px;line-height:1.5}.hc-card-price{color:var(--text);font-size:15px;font-weight:700}.hc-card-price-sub{color:var(--muted);margin-bottom:10px;font-size:12px}.hc-features{flex-direction:column;gap:6px;margin-top:12px;list-style:none;display:flex}.hc-features li{color:#444;padding-left:14px;font-size:12px;line-height:1.4;position:relative}.hc-features li:before{content:"•";color:var(--muted);position:absolute;left:0}.hc-finishes{grid-template-columns:repeat(6,1fr);gap:12px;max-width:600px;margin:40px auto 0;display:grid}.hc-finish{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:2px;justify-content:center;align-items:center;transition:border-color .2s,transform .15s;display:flex}.hc-finish:hover{transform:scale(1.06)}.hc-finish--active{border-color:var(--accent);outline-offset:-4px;outline:2px solid #fff}.hc-finish-name{color:var(--text);margin-top:16px;font-size:14px;font-weight:600}.hc-section--receipt{background:#f6f8f7;margin:0 -24px;padding-left:24px;padding-right:24px}.hc-section--receipt .hc-step-label,.hc-section--receipt .hc-title{color:#151515}.hc-receipt-shadow{filter:drop-shadow(0 2px #00000026)drop-shadow(0 6px 24px #00000021);max-width:480px;margin:40px auto 0}.hc-receipt{background:0 0;width:100%}.hc-receipt-body{text-align:left;background:#fff;padding:24px 32px 28px}.hc-scallop{width:100%;display:block}.hc-receipt-header{text-align:center;border-bottom:1px dashed #e8e8e8;margin-bottom:16px;padding-bottom:16px}.hc-receipt-brand{color:#151515;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2px;font-size:14px;font-weight:800}.hc-receipt-type{color:#bbb;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:10px}.hc-receipt-date{color:#ccc;font-size:11px}.hc-receipt-row{justify-content:space-between;align-items:flex-start;padding:7px 0;display:flex}.hc-receipt-row--muted{color:#bbb;padding:4px 0;font-size:12px}.hc-receipt-item-name{color:#151515;font-size:14px;font-weight:600}.hc-receipt-item-sub{letter-spacing:.07em;text-transform:uppercase;color:#ccc;margin-top:2px;font-size:10px}.hc-receipt-amt{color:#151515;font-size:14px;font-weight:600}.hc-receipt-dash{border:none;border-top:1px dashed #e8e8e8;margin:10px 0}.hc-receipt-dash--solid{border-top:1.5px solid #d8d8d8}.hc-receipt-slider{padding:8px 0 10px}.hc-receipt-slider-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.hc-receipt-slider-label{letter-spacing:.1em;text-transform:uppercase;color:#bbb;font-size:10px;font-weight:600}.hc-receipt-slider-val{color:#151515;font-size:15px;font-weight:700}.hc-receipt-slider-range{color:#ccc;justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.hc-receipt-total{justify-content:space-between;align-items:baseline;padding:10px 0 6px;display:flex}.hc-receipt-total-label{letter-spacing:.12em;text-transform:uppercase;color:#151515;font-size:10px;font-weight:700}.hc-receipt-total-val{color:#151515;letter-spacing:-.02em;font-size:24px;font-weight:800}.hc-receipt-barcode{opacity:.12;justify-content:center;gap:1.5px;margin:16px 0 6px;display:flex}.hc-receipt-barcode span{background:#151515;height:24px;display:inline-block}.hc-receipt-note{text-align:center;color:#ccc;font-size:10px;line-height:1.6}input[type=range]{-webkit-appearance:none;background:var(--border);cursor:pointer;outline:none;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--text);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.hc-btn-quote{background:var(--text);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;width:100%;margin-top:24px;padding:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:background .2s;display:block}.hc-btn-quote:hover{background:#333}@media (width<=900px){.hc-grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.hc-title{font-size:24px}.hc-grid--3{grid-template-columns:1fr}.hc-grid--4{grid-template-columns:repeat(2,1fr)}.hc-finishes{grid-template-columns:repeat(4,1fr)}.hc-section{padding:40px 0}.hc-receipt-body{padding:20px 20px 24px}.hc-receipt-total-val{font-size:20px}.hc-section--receipt{margin:0 -16px;padding-left:16px;padding-right:16px}}
