@import url('finish-swatches-v13.css');
.quiz-options[data-step=finish]{grid-template-columns:repeat(2,minmax(0,1fr))}
.quiz-options[data-step=finish] .quiz-option{min-height:80px}
.quiz-options[data-step=finish] .swatch{width:32px;height:32px;flex-shrink:0}
.preview-finish{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px}
.preview-finish:before{content:'';display:block;width:17px;height:17px;background:var(--finish-sample);border:1px solid rgba(255,255,255,.75);border-radius:4px;flex-shrink:0}
.mobile-contact-dock{display:none}
html{background:#101414;min-height:100%;scroll-padding-bottom:96px}
body{min-height:100svh}
.button.primary::after{animation:none}
@media(hover:hover) and (pointer:fine){
 .button.primary:hover,.hero-button.primary:hover{transform:scale(1.025)}
 .button.primary:hover::after{animation:gold-hover-sweep 950ms var(--ease-out) both}
}
.button.primary:active{transform:scale(.985)}
.button.primary:disabled{transform:none}
@keyframes gold-hover-sweep{0%{transform:translateX(0) skewX(-22deg);opacity:0}12%,65%{opacity:.85}100%{transform:translateX(600%) skewX(-22deg);opacity:0}}
@media(max-width:600px){
 html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
 .header{padding-top:env(safe-area-inset-top,0px)}
 .header-inner{height:84px}
 .header-phone,.header nav{display:none}
 .hero-content{padding-top:calc(128px + env(safe-area-inset-top,0px))}
 .footer{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
 .quiz-layout,.quiz-dialog-live .quiz-layout{display:block;overflow:clip}
 .quiz-preview,.quiz-dialog-live .quiz-preview{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;margin:0;height:150px;min-height:150px;aspect-ratio:auto;overflow:hidden;border-radius:16px 16px 0 0}
 .quiz-dialog-live .quiz-preview{top:0;border-radius:0}
 .preview-photo{object-position:50% 62%;width:100%;height:100%}
 .quiz-preview:before{background:linear-gradient(90deg,rgba(9,18,15,.75),rgba(9,18,15,.12) 70%),linear-gradient(0deg,rgba(9,18,15,.6),transparent)}
 .preview-header{top:12px;left:17px;gap:3px}
 .preview-header>img{width:90px;height:20px}
 .preview-header>span{font-size:10px}
 .preview-caption{left:17px;right:17px;bottom:12px;gap:3px}
 .preview-caption>strong{font-size:16px;line-height:1.2}
 .preview-caption>span{font-size:12px}
 .preview-caption .preview-finish{font-size:11px}
 .preview-finish:before{width:12px;height:12px}
 .quiz-shell,.quiz-dialog-live .quiz-shell{scroll-margin-top:calc(150px + env(safe-area-inset-top,0px));padding:25px 20px 30px}
 .quiz-options,.quiz-options[data-step=colour],.quiz-options[data-step=finish],.channel-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .quiz-options[data-step=colour] .quiz-option,.quiz-options[data-step=finish] .quiz-option{min-height:80px;flex-direction:row;align-items:center;gap:14px;padding:14px 15px}
 .quiz-options[data-step=colour] .quiz-option strong,.quiz-options[data-step=finish] .quiz-option strong{font-size:15px}
 .quiz-options[data-step=colour] .quiz-option small{font-size:13px}
 .quiz-options[data-step=colour] .swatch{width:32px;height:32px}
 .quiz-options[data-count="3"]:not([data-step="colour"])>.quiz-option:last-child,.quiz-options[data-step=extras]>.quiz-option:last-child{grid-column:auto}
 .channel-card{min-height:72px;gap:13px;padding:14px 16px}
 .channel-card strong{font-size:15px}
 .channel-icon{width:36px;height:36px}
 .channel-icon svg{width:24px;height:24px}
 .quiz-dialog-live{width:calc(100% - 16px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);overscroll-behavior:contain;scroll-padding-top:150px}
 .quiz-dialog-live .quiz-shell{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
 .dialog-tools{top:8px;z-index:12}
 .mobile-contact-dock{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) repeat(3,48px);gap:8px;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:transparent;border:0;box-shadow:none;pointer-events:none}
 .mobile-contact-dock>a,.mobile-contact-dock>button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:48px;height:48px;padding:12px;border-radius:14px;color:#fff;font-size:14px;font-weight:800;line-height:1.2;text-align:center;pointer-events:auto;box-shadow:0 3px 12px rgba(0,0,0,.16)}
 .mobile-contact-dock svg{height:23px;width:23px;flex-shrink:0;fill:currentColor}
 .mobile-contact-dock .dock-call{background:linear-gradient(112deg,#d1a44a,#f9e2a7 39%,#dcb359 70%,#bd8e35);color:#2b250f;box-shadow:inset 0 1px 0 #fff0c4,0 3px 12px rgba(0,0,0,.16)}
 .dock-call svg{width:19px;height:19px}
 .mobile-contact-dock>:not(.dock-call)>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 .dock-telegram{background:#158cbf}.dock-whatsapp{background:#168d48}.dock-max{background:#7251c7}
 .mobile-contact-dock>button:disabled{opacity:.58;cursor:default}
 .mobile-contact-dock>a:active{filter:brightness(1.15)}
 .modal-open .mobile-contact-dock{display:none}
}
@media(max-width:360px){.mobile-contact-dock{gap:7px;padding-inline:10px;grid-template-columns:minmax(0,1fr) repeat(3,44px)}.mobile-contact-dock>a,.mobile-contact-dock>button{height:46px;min-height:46px;padding:10px;gap:7px;font-size:13px}.quiz-shell,.quiz-dialog-live .quiz-shell{padding-inline:17px}}
@media(max-width:600px) and (max-height:650px){.quiz-preview,.quiz-dialog-live .quiz-preview{height:125px;min-height:125px}.preview-header>span{display:none}.quiz-shell,.quiz-dialog-live .quiz-shell{scroll-margin-top:calc(125px + env(safe-area-inset-top,0px))}.quiz-dialog-live{scroll-padding-top:125px}}
@media(prefers-reduced-motion:reduce){.button.primary:hover::after{animation:none}.button.primary{transition:none}.button.primary:hover{transform:none}}