/* Mobile-first configurator. Stable header/footer; questions scroll independently. */
[hidden]{display:none!important}html{scrollbar-gutter:stable}.quiz-open{overflow:hidden}
.brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:0;line-height:1}.brand-mark{display:block!important;width:54px;height:54px;flex:0 0 54px;margin:0!important;overflow:hidden;border-radius:0}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand .brand-name{margin:0;font-family:Arial,sans-serif;font-size:25px;font-weight:700;letter-spacing:.7px;color:#30302d;line-height:1}.brand-name small{display:block;font-size:9px;font-weight:400;letter-spacing:.3px;margin-top:7px}.site-header .brand-name{font-size:25px}.quiz-teaser-note{display:block;margin-top:14px;font-size:12px;color:var(--muted)}.quiz-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-preview button{padding:12px;border:1px solid #e2e2dc;background:white;border-radius:12px;text-align:left;transition:border-color .15s}.quiz-preview button:hover{border-color:var(--brand)}.quiz-preview img{width:100%;height:150px;object-fit:contain}.quiz-preview span{display:block;font-size:13px;padding:8px 4px 0}
#quiz-dialog{padding:0;border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;background:#fff;overflow:hidden;color:#30302d}#quiz-dialog::backdrop{background:#252824aa;backdrop-filter:blur(5px)}.quiz-shell{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;max-width:720px;margin:auto}.q-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 12px;gap:20px}.q-header .brand-mark{width:40px;height:40px;flex-basis:40px}.q-header .brand-name{font-size:20px}.q-header .brand-name small{font-size:8px;margin-top:5px}.q-header #quiz-close{width:44px;height:44px;border:1px solid #e7e6e2;border-radius:50%;background:white;color:#6d6e66;font-size:27px;font-weight:400;line-height:1}.q-progress{padding:0 22px;display:grid;grid-template-columns:1fr auto;gap:10px;font-size:11px;color:#717368}.q-progress-track{grid-column:1/-1;height:3px;background:#f0f0eb;border-radius:3px;overflow:hidden}.q-progress-track #progress{height:100%;background:var(--brand);transition:width .2s}.q-viewport{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 22px 16px;scrollbar-gutter:stable;overflow-anchor:none}#quiz-content{max-width:540px;margin:auto}.q-question-heading{min-height:108px}.q-question-heading h2{font-size:28px;line-height:1.12;letter-spacing:-.9px;margin:0 0 12px;font-weight:500;max-width:410px}.q-question-heading h2:focus{outline:0}.q-question-heading p{font-size:13px;line-height:1.5;margin:0 0 18px;color:#75786f;max-width:380px}.q-shapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.q-shape{border:1px solid #e1e3db;border-radius:12px;background:#fff;padding:8px 9px 10px;text-align:left;min-width:0}.q-shape img{display:block;width:100%;height:130px;object-fit:contain;mix-blend-mode:multiply}.q-shape>span{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 0;font-size:13px;line-height:20px}.q-shape i,.q-option i{border:1px solid #d5d8ce;flex:0 0 18px;width:18px;height:18px;border-radius:50%;font-size:10px;font-style:normal;text-align:center;line-height:17px;color:transparent}.q-shape.selected,.q-option.selected,.q-size.selected{border-color:var(--brand);box-shadow:inset 0 0 0 .5px var(--brand);background:#fff9f6}.q-shape.selected i,.q-option.selected i{border-color:var(--brand);background:var(--brand);color:white}.q-caption{font-size:11px;line-height:1.5;color:#7c8077;margin:16px 0 0}.q-size-explainer{font-size:12px;color:#797c72;margin:-8px 0 16px}.q-size-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.q-size{padding:18px 16px;text-align:left;border:1px solid #e1e3db;border-radius:10px;background:white}.q-size strong{display:block;font-size:23px;letter-spacing:-.5px;font-weight:500;line-height:1.3}.q-size>span{display:block;font-size:11px;color:#7b7d73;margin-top:3px}.q-size-secondary{margin-top:12px;display:grid;gap:9px}.q-option{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid #e1e3db;border-radius:10px;background:white;width:100%;min-height:76px}.q-option>span:nth-last-child(2){flex:1}.q-option b{display:block;font-size:14px;font-weight:500;line-height:1.3}.q-option small{display:block;font-size:11px;color:#7b7d73;line-height:1.5;margin-top:5px}.q-option-symbol{font-size:24px;color:#8e9285;width:25px;text-align:center}.q-option>span:last-child:not(:first-child){font-size:19px;color:#959889}.q-option>span:only-child,.q-option>span:has(b){flex:1}.q-materials{display:grid;gap:12px}.q-material{min-height:102px;padding:14px}.q-material>span:has(b){flex:1}.q-material .q-swatch{width:68px;height:68px;flex:0 0 68px;border-radius:50%;border:5px solid white;box-shadow:0 1px 4px #30281715}.swatch-0{background:repeating-linear-gradient(92deg,#bda07e 0,#c3a987 2px,#c8ad8a 5px,#bc9f7d 8px)}.swatch-1{background:linear-gradient(115deg,transparent 38%,#bfbdb455 39%,transparent 41%),linear-gradient(40deg,#e5e4df 55%,#cac7bd 56%,#f1f0eb 58%)}.q-material .swatch-2{display:flex;align-items:center;justify-content:center;background:#f3f3ee;color:#8c9082;font-size:27px;font-weight:400}.q-timing{display:grid;gap:12px}.q-timing .q-option{min-height:86px}.q-dimension{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;font-size:13px}.q-dimension>div{position:relative;width:130px}.q-dimension input{font-size:17px!important;padding-right:32px!important;margin:0!important}.q-dimension>div>span{position:absolute;right:13px;top:13px;color:#8d9086}.q-dimension input[aria-invalid=true]{border-color:#b83224}.q-upload{border:1px dashed #b7bcad;border-radius:13px;padding:25px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fafbf8;cursor:pointer}.q-upload-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e5d9;border-radius:50%;font-size:28px;color:#8b947d;margin-bottom:3px}.q-upload strong{font-size:15px;font-weight:500}.q-upload>span:not(.q-upload-icon){font-size:11px;color:#8a8e82}.q-upload input{width:1px;height:1px;opacity:0;position:absolute}.q-upload:focus-within{outline:2px solid var(--brand);outline-offset:3px}.q-comment{display:block;font-size:13px;margin-top:22px}.q-comment>span{font-size:11px;color:#8a8e82}.q-comment textarea{font-size:14px;min-height:80px}.q-file{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.q-file img,.q-file-icon{width:48px;height:48px;border-radius:6px;object-fit:cover}.q-file>span:has(small){flex:1;font-size:11px;overflow-wrap:anywhere;min-width:0}.q-file small{display:block;color:#818779}.q-file button{border:0;background:none;width:44px;height:44px;flex:0 0 44px;color:#747b6e;font-size:22px}.q-file-icon{background:#f3f4ee;text-align:center;line-height:48px;color:#969e8b}.q-contact-summary{padding:13px 15px;margin-bottom:18px;background:#f5f6f2;border-radius:8px;font-size:12px;line-height:1.6}.q-contact-summary span{color:#858b7b;font-size:11px}.q-contact-summary strong{display:block;color:var(--brand);font-weight:500;font-size:22px;margin-top:5px}#quiz-form label{display:block;font-size:12px;margin-bottom:12px}#quiz-form .check{display:flex;font-size:11px;line-height:1.5}#quiz-form input:not([type=checkbox]),#quiz-form select{font-size:16px;padding:12px}#quiz-form .field-row{display:grid;grid-template-columns:1fr;gap:0}.q-extras{padding:8px 0;border:0}.q-extras summary{font-size:12px;color:#72796b}.q-extras .extra-options{margin-top:12px}.q-extras .extra-options label{display:flex;align-items:center;gap:6px}#quiz-form input[type=checkbox]{accent-color:var(--brand)}.q-footer{display:block;width:100%;margin:0;max-width:none;border-top:1px solid #efefea;padding:0 22px max(12px,env(safe-area-inset-bottom));background:#fff}.q-footer #quiz-error{height:34px;overflow:auto;font-size:11px;line-height:1.3;color:#ad3723;margin:0;padding:5px 0 0}.q-actions{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;max-width:540px;margin:auto}.q-back{border:1px solid #dfe3d9;border-radius:8px;background:#fff;font-size:24px;color:#656e59;min-height:52px}.q-back:disabled{opacity:.3;cursor:default}.q-actions .btn{width:100%;min-height:52px;padding:14px 22px;border-radius:8px;font-size:14px}.q-actions .btn:disabled{background:#eeeee8;color:#95988b;opacity:1;cursor:default}.q-footer-note{display:block;font-size:9px;color:#909485;text-align:center;margin:12px 0 0}.q-result{padding-top:8px}.q-result h2{font-size:29px}.q-checkmark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#edf2e9;color:#567742;margin-bottom:24px;font-size:24px}.q-result .result-price{font-size:43px;line-height:1.1;margin:20px 0 10px}.q-result>p{font-size:13px}.q-result .q-basis{font-size:12px}.q-result-note{border-top:1px solid #e8eade;padding-top:18px;margin-top:28px;line-height:1.65;font-size:13px}.q-result-note small{font-size:10px;color:#8a9180}.q-text-button{background:none;border:0;border-bottom:1px solid #c3caba;padding:0;font-size:12px;color:#757f68;margin-top:24px}.q-footer-note,.q-caption{letter-spacing:0}.q-result h2:focus{outline:none}
@media(min-width:701px){#quiz-dialog{width:660px;height:min(880px,calc(100dvh - 48px));max-width:calc(100vw - 40px);margin:auto;border-radius:20px;box-shadow:0 24px 90px #15190b33}.q-header{padding:22px 32px 16px}.q-progress{padding:0 34px}.q-viewport{padding:30px 38px 20px}.q-question-heading{min-height:102px}.q-question-heading h2{font-size:33px;max-width:490px}.q-shape img{height:160px}.q-shape>span{font-size:15px}.q-footer{padding-left:38px;padding-right:38px;padding-bottom:18px}.q-size{padding:21px}.q-material{min-height:108px}.q-question-heading p{max-width:none}}
@media(max-width:700px){.site-header .brand-mark{width:43px;height:43px;flex-basis:43px}.site-header .brand-name{font-size:20px}.site-header .brand-name small{font-size:7px}.site-header{height:78px}.quiz-section{gap:24px}.quiz-intro h2 br{display:none}.quiz-intro>p{font-size:14px}.quiz-intro .btn{width:100%}.quiz-preview img{height:116px}.hero{padding-top:205px}.hero>picture{height:245px}.photo-note{top:170px}.hero-copy h1{font-size:34px}.brand-name small{font-size:8px}.q-viewport{padding-top:22px}.q-option>span:last-child:has(b){font-size:14px}}
@media(max-width:360px){.q-header{padding:10px 16px}.q-progress{padding:0 16px}.q-viewport{padding:18px 16px 12px}.q-question-heading{min-height:104px}.q-question-heading h2{font-size:25px}.q-shape img{height:105px}.q-shape>span{font-size:12px}.q-footer{padding-left:16px;padding-right:16px}.q-size{padding:14px}.q-size strong{font-size:21px}.q-material .q-swatch{width:56px;height:56px;flex-basis:56px}.q-option{padding:12px}.q-material{min-height:88px}}
@media(max-height:700px){.q-question-heading{min-height:95px}.q-shape img{height:110px}.q-viewport{padding-top:18px}.q-footer-note{margin-top:8px}.q-header{padding-top:10px;padding-bottom:8px}}

.q-option>.q-option-symbol{flex:0 0 26px!important}.q-option>span:has(b){flex:1!important;color:inherit!important;font-size:14px!important}.q-exact-intro{display:flex;gap:22px;align-items:center;padding-bottom:16px;margin-bottom:10px;border-bottom:1px solid #eee}.q-exact-intro img{width:130px;height:100px;object-fit:contain}.q-exact-intro span{font-size:17px}.q-exact-intro small{display:block;font-size:11px;color:#838a78;margin-top:5px}.q-dimension{margin-top:16px}.q-dimension>div{width:145px}.q-dimension input{min-height:52px}

/* v3: tactile studio background, flat plan drawings. */
.smile-landing{background:#f4efe6;isolation:isolate}
.smile-landing::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#faf7ef75,#faf7ef75),url('/static/img/backgrounds/studio-paper-v3.webp') center/cover no-repeat}
.smile-landing .hero-copy,.smile-landing .facts-grid article,.smile-landing .salon-grid article{background:#fffdf8}
.quiz-preview button{background:#fffdf5e8;border-color:#cec5b5;box-shadow:0 6px 18px #4e382608}
.quiz-preview img{height:145px;padding:8px 12px}
#quiz-dialog{background:#f3eee4 url('/static/img/backgrounds/studio-paper-v3.webp') center/cover no-repeat}
#quiz-dialog::backdrop{background:#302b2280;backdrop-filter:blur(8px)}
.q-header{background:#fffdf6b8}.q-progress{background:#fffdf6b8;padding-bottom:14px}
.q-progress-track{background:#d9d2c4}.q-question-heading p,.q-caption,.q-size-explainer{color:#655f53}
.q-shape{background:#fffdf7ed;border-color:#cfc6b7;border-radius:10px;padding:8px 10px 14px;box-shadow:0 3px 12px #3e2d1c06}
.q-shape img{height:122px;padding:5px 0 10px;mix-blend-mode:multiply}
.q-shape>span{font-size:14px}.q-shape.selected{background:#fff4e7;border-color:var(--brand)}
.q-size,.q-option{background:#fffdf8f5;border-color:#cfc6b7}
.q-footer{background:#fffdf8f5;border-color:#d9d0c0}.q-contact-summary{background:#fffdf4e8;border:1px solid #d9d0c0}
.q-upload{background:#fffdf6e8}.q-caption{max-width:310px}.q-question-heading{min-height:112px}
@media(min-width:701px){.q-shape img{height:150px}.q-question-heading{min-height:112px}}
@media(max-width:700px){.smile-landing::before{background-image:linear-gradient(#faf7ef85,#faf7ef85),url('/static/img/backgrounds/studio-paper-v3-mobile.webp')}.quiz-preview img{height:108px;padding:0}#quiz-dialog{background-image:url('/static/img/backgrounds/studio-paper-v3-mobile.webp')}.q-header{padding-bottom:10px}.q-viewport{padding-top:20px}}
@media(max-width:360px),(max-height:700px){.q-shape img{height:100px}.q-question-heading{min-height:102px}}

/* Explicit colors prevent iOS Safari native blue button labels. */
button{appearance:none;-webkit-appearance:none;color:inherit}
button.primary,button.btn{color:#fff}
button.text-button{color:var(--accent,var(--brand,#c94327))}