:root{--onyx: #000000;--white: #FAF9F7;--bone: #EFEAE3;--ivory: #D9D4C8;--sand: #AE987C;--cloud: #FAF9F7;--radius: 12px;--max: 720px;--font: "Avenir Next", Avenir, Helvetica, Arial, sans-serif}.wrap{width:min(100% - 32px,var(--max));margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-weight:600;font-size:16px;text-decoration:none;border-radius:999px;padding:16px 28px;border:2px solid transparent;cursor:pointer;transition:opacity .15s ease,transform .15s ease;text-align:center;line-height:1.2}.btn:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--onyx);border-color:var(--onyx)}.btn-row{display:flex;flex-direction:column;gap:12px;margin-top:16px}.style-match{background:var(--cloud);border-top:1px solid var(--ivory);border-bottom:1px solid var(--ivory);padding:32px 0}.style-match-card{background:var(--bone);border:1px solid var(--ivory);border-radius:var(--radius);padding:20px 18px}.style-match-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}.section-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sand);font-weight:600;margin-bottom:10px}.style-match-card h2{font-size:clamp(26px,4.5vw,34px);line-height:1.15;letter-spacing:-.02em;font-weight:700;margin-bottom:10px}.style-match-card .sub{font-size:17px;color:#3a3a3a;max-width:42ch;margin-bottom:0}.style-match-visual{border-radius:var(--radius);overflow:hidden;background:var(--bone);aspect-ratio:auto;height:200px;max-height:200px}.style-match-visual img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.style-match-points{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:10px}.style-match-points li{font-size:15px;color:#333;padding-left:22px;position:relative}.style-match-points li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--sand)}@media(min-width:520px){.btn-row{flex-direction:row;align-items:center}.btn-row .btn{width:auto;min-width:220px}}@media(min-width:640px){.style-match-grid{grid-template-columns:1.1fr .9fr;gap:28px}.style-match-visual{max-height:300px;aspect-ratio:auto;height:300px}.style-match-visual img{object-position:center 30%}}@media(min-width:768px){.style-match{padding:48px 0}}
/*# sourceMappingURL=/cdn/shop/t/154/assets/style-match.css.map */