.hero-configurator{position:absolute;z-index:7;left:50%;top:69%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:20px;opacity:var(--surface-opacity);color:#f3f9ff;text-shadow:0 1px 8px #00264f}
.hero-model-controls{display:flex;align-items:center;justify-content:center;gap:6px}
.preview-model{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;flex:0 0 44px;border-radius:50%;border:1px solid #e5f2ffa6;background:#06356877;color:white;font-size:11px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px)}.preview-model[aria-checked="true"]{background:#a3cfff;color:#062342;border-color:transparent;text-shadow:none}
.preview-model:disabled{cursor:default;opacity:.65}.preview-reference-note{position:absolute;top:63px;left:0;right:0;text-align:center;font-size:9px;white-space:nowrap;line-height:1.5}
.surface-copy.hero-caption{bottom:9%}
@media(max-width:700px){.hero-configurator{top:67%;gap:10px;width:330px;max-width:95%}.hero-model-controls{gap:4px}.surface-copy.hero-caption{bottom:9%}.preview-reference-note{font-size:8px}}
@media(max-width:360px){.hero-configurator{gap:2px}.hero-model-controls{gap:0}.hero-model-controls .preview-model{width:42px;flex-basis:42px}}
@media(min-width:701px) and (max-height:760px){.hero-configurator{top:65%}.surface-copy.hero-caption{bottom:7%}}

/* Bring the model choices closer to the caption after removing the finish controls. */
.hero-configurator{top:calc(69% + 4px);flex-direction:column;gap:6px}
@media(max-width:700px){.hero-configurator{top:calc(67% + 12px);gap:4px}}
@media(min-width:701px) and (max-height:760px){.hero-configurator{top:calc(65% + 4px)}}

/* Warm product-family accent for the main invitation; WhatsApp retains its own green. */
.surface-copy.hero-caption .button{background:linear-gradient(120deg,#ff8a38,#ff6224);color:#05243b;border:0}
.surface-copy.hero-caption .button:hover{background:linear-gradient(120deg,#ff9a50,#ff7435)}