.options-guide{font-size:16px;line-height:1.75;color:var(--hhi-ink)}
.options-intro{max-width:66ch;font-size:18px;color:var(--hhi-muted);margin:0 0 28px}
.options-glass-sample::before{width:65px;height:260px;left:20%;top:-40px;box-shadow:110px 0 #a4b3a8}.options-glass-sample.basic-glass-sandblasted::before{filter:blur(14px)}
.options-finish-control{border:0;padding:0;margin:0;display:flex;gap:12px;flex-wrap:wrap}.options-finish-control legend{font-weight:700;margin-bottom:12px;font-size:16px}.options-finish-control label{position:relative;cursor:pointer}.options-finish-control input{position:absolute;opacity:0;width:1px;height:1px}.options-finish-control label>span{display:flex;align-items:center;gap:12px;border:1px solid var(--hhi-line);border-radius:8px;padding:10px 20px;min-height:52px}.options-finish-control .basic-metal{width:30px;height:30px;border-radius:50%}.options-finish-control input:checked+span{border-color:var(--hhi-indigo);box-shadow:inset 0 0 0 1px var(--hhi-indigo);background:var(--hhi-lilac)}.options-finish-control input:focus-visible+span{outline:3px solid var(--hhi-indigo);outline-offset:4px}.options-guide-status{font-size:14px;color:var(--hhi-muted);margin:12px 0 24px}
.options-hardware-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 40px}.options-hardware-photo{background:var(--hhi-lilac);border-radius:12px;padding:28px;display:grid;place-items:center;height:270px}.options-hardware-photo img{width:100%;height:210px;object-fit:contain;mix-blend-mode:multiply}.options-guide h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:20px 0 10px}.options-hardware-grid p{color:var(--hhi-muted);margin:0}.options-guide-note{background:var(--hhi-lilac);padding:28px 32px;border-radius:12px}.options-guide-note h2{margin-top:0}.options-guide-note p{max-width:65ch}.options-guide-note .hhi-button{margin-top:12px}.options-boundary{font-size:15px;color:var(--hhi-muted);max-width:76ch;margin-top:28px}.options-guide a{text-underline-offset:4px}.options-glass-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}.options-glass-grid .options-glass-sample{display:block;width:100%;height:180px;border-radius:8px;border:8px solid #dad9d5;box-shadow:inset 0 0 0 1px #a6a5a1}.options-glass-grid h2{font-size:24px}.options-glass-grid p{font-size:16px}
@media(max-width:760px){.options-hardware-grid{grid-template-columns:1fr;gap:28px}.options-hardware-photo{height:220px}.options-hardware-photo img{height:180px}.options-guide-note{padding:24px}.options-intro{font-size:17px}.options-glass-grid{grid-template-columns:1fr}.options-glass-grid .options-glass-sample{max-width:360px}.options-guide .hhi-button{width:100%;justify-content:center}}