.paint-select{--ink:#0a0f14;--paper:#f6f6f4;--accent:#fdc203;--accent-dark:#e5af00;--accent-soft:#fff8e1;--line:#e3e1dc;background:var(--paper);color:var(--ink);padding:clamp(40px,5vw,68px) max(16px,calc((100vw - 1400px)/2))}.paint-select *{box-sizing:border-box}.paint-select>header{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:44px;align-items:end;margin-bottom:30px}.paint-select>header>p{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#6f6a5e;margin:0 0 -22px}.paint-select>header h2{font-size:clamp(26px,3.2vw,40px);line-height:1.1;letter-spacing:-.02em;margin:0}.paint-select>header aside{border-left:4px solid var(--accent-dark);padding-left:18px;font-size:15px;line-height:1.45}.paint-select>header aside b,.paint-select>header aside span{display:block}.paint-select>header aside span{margin-top:6px}.paint-select__band{display:grid;grid-template-columns:minmax(330px,1fr) minmax(300px,.72fr);border:1px solid var(--line);border-bottom:0;background:#fff}.paint-select__band:first-of-type{border-radius:14px 14px 0 0;overflow:hidden}.paint-select__logic{padding:28px;border-right:1px solid var(--line)}.paint-select__logic>span{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--accent);font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:20px}.paint-select__logic>p,.paint-select__range>div:first-child>p{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#6f6a5e;margin:0 0 10px}.paint-select__logic h3,.paint-select__range h3{font-size:clamp(20px,2.2vw,28px);line-height:1.12;letter-spacing:-.015em;margin:0 0 18px}.paint-select__logic ul{list-style:none;padding:0;margin:0}.paint-select__logic li{border-top:1px solid var(--line);padding:11px 0;font-size:14px;line-height:1.4}.paint-select__pair{display:grid;grid-template-columns:1fr 1fr;min-width:0}.paint-select__pair--trio{grid-template-columns:repeat(3,minmax(0,1fr))}.paint-select .hs-product{border-right:1px solid var(--line)}.paint-select .hs-product:last-child{border-right:0}.paint-select__range{border:1px solid var(--line);border-radius:0 0 14px 14px;background:var(--ink);color:#fff;padding:28px}.paint-select__range>div:first-child{max-width:900px}.paint-select__range>div:first-child>p{color:var(--accent)}.paint-select__range>div:first-child>span{font-size:14px;line-height:1.45}.paint-select__range-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;background:#fff;color:var(--ink)}.paint-select__range>a{display:inline-block;background:var(--accent);color:var(--ink);border-radius:8px;padding:13px 16px;margin-top:20px;margin-right:8px;text-decoration:none;font-weight:700}.paint-select__range>a:hover{background:var(--accent-dark)}.hs-product{padding:19px;display:flex;flex-direction:column;min-width:0;background:#fff}.hs-product>a:first-child{display:block;background:#f8f8f8;border-radius:8px;overflow:hidden}.hs-product img{display:block;width:100%;height:180px;object-fit:contain;mix-blend-mode:multiply}.hs-product>small{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#6f6a5e;margin-top:12px}.hs-product>b{font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:7px}.hs-product h4{font-size:16px;line-height:1.2;margin:6px 0 11px}.hs-product h4 a{color:inherit;text-decoration:none}.hs-product>div{display:flex;align-items:center;gap:9px;margin:auto 0 11px}.hs-product>div strong{font-size:20px}.hs-product em{font-size:9px;font-weight:700;letter-spacing:.05em;color:#176e45;text-transform:uppercase;font-style:normal}.hs-product form{display:flex;gap:6px}.hs-product input{width:52px;border:1px solid var(--ink);border-radius:6px;font-weight:700;text-align:center}.hs-product button{flex:1;border:0;border-radius:8px;background:var(--ink);color:#fff;padding:10px;font-weight:700;cursor:pointer}.hs-product button:hover{background:var(--accent);color:var(--ink)}@media(max-width:980px){.paint-select>header,.paint-select__band{grid-template-columns:1fr}.paint-select>header>p{margin:0}.paint-select__logic{border-right:0;border-bottom:1px solid var(--line)}.paint-select__pair--trio{grid-template-columns:1fr 1fr}}@media(max-width:680px){.paint-select{padding-left:12px;padding-right:12px}.paint-select__pair,.paint-select__pair--trio,.paint-select__range-grid{grid-template-columns:1fr}.paint-select .hs-product{border-right:0;border-bottom:1px solid var(--line)}}
/*# sourceMappingURL=/cdn/shop/t/25/compiled_assets/styles.css.map?subset=AAAAAAAg */