/* HKD FINAL VISUAL POLISH 2026-09-30
   Purpose: preserve approved cinematic master, remove legacy conflicts, make every later step readable and consistent.
*/
:root{--fp-gold:#efc96f;--fp-bg:#090a08;--fp-card:#11120f;--fp-card2:#171812;--fp-white:#f8f5ee;--fp-muted:#c9c0b5;--fp-green:#bdecae}

/* later steps: clean single canvas */
body.wow-ui .step:not([data-step="1"]):not([data-step="10"]){
  min-height:820px!important;
  padding:24px 28px 38px!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(7,8,7,.02) 0%,rgba(7,8,7,.06) 28%,rgba(7,8,7,.70) 43%,rgba(7,8,7,.96) 100%),
    url('../assets/makeover/frontmann-master-later.jpg') left top/auto 100% no-repeat!important;
  border:1px solid rgba(239,201,111,.20)!important;
  border-radius:28px!important;
}
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.stepno,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>h2,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.lead,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.guide,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.helperline{display:none!important}

/* one real comic speech bubble — always on the right of Frontmann */
body.wow-ui .fm-master-guide{
  margin:18px 1.5% 26px 38%!important;
  width:60.5%!important;
  max-width:none!important;
  position:relative!important;
  z-index:20!important;
}
body.wow-ui .fm-master-bubble{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-height:170px!important;
  padding:22px 28px 20px!important;
  background:linear-gradient(145deg,rgba(24,22,16,.985),rgba(10,11,9,.995))!important;
  border:2px solid var(--fp-gold)!important;
  border-radius:42% 58% 44% 56% / 44% 42% 58% 56%!important;
  color:var(--fp-white)!important;
  box-shadow:0 24px 55px rgba(0,0,0,.34),inset 0 0 36px rgba(239,201,111,.04)!important;
  overflow:visible!important;
}
body.wow-ui .fm-master-bubble::before{
  content:""!important;display:block!important;position:absolute!important;z-index:-2!important;
  left:-86px!important;bottom:12px!important;width:112px!important;height:70px!important;
  background:var(--fp-gold)!important;clip-path:polygon(100% 0,100% 100%,0 72%)!important;
  transform:rotate(-10deg)!important;
}
body.wow-ui .fm-master-bubble::after{
  content:""!important;display:block!important;position:absolute!important;z-index:-1!important;
  left:-78px!important;bottom:17px!important;width:104px!important;height:60px!important;
  background:#11110e!important;clip-path:polygon(100% 0,100% 100%,0 72%)!important;
  transform:rotate(-10deg)!important;
}
body.wow-ui .fm-master-kicker{font-size:9px!important;letter-spacing:.17em!important;color:var(--fp-gold)!important}
body.wow-ui .fm-master-say{font-family:"Comic Sans MS","Segoe Print",cursive!important;font-size:clamp(22px,2.0vw,31px)!important;line-height:1.04!important;max-width:92%!important}
body.wow-ui .fm-master-sub{font-size:11px!important;line-height:1.45!important;color:var(--fp-muted)!important;max-width:90%!important}
body.wow-ui .fm-master-topics{gap:7px!important;margin-top:13px!important}
body.wow-ui .fm-master-topics button{font-size:9px!important;padding:7px 10px!important;background:rgba(255,255,255,.035)!important;color:#f3dfb4!important}
body.wow-ui .fm-master-answer{font-size:10.5px!important;line-height:1.5!important;color:#d6cec2!important}

/* all actual controls live on the right and never collapse into tiny columns */
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.shapegrid,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.areagrid,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.cataloghead,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.catalog,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.area-decor-choice,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.flexnote,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.choice,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.numberline,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.servicegrid,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.support,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.upload,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.photo,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.ai,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.ai-compare,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.summary,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.finish-roadmap,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.after,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.extras-stage,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.closing-cue,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.required-note,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.form,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>h3,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.pay,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.checkout-confidence,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.legal,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.msg,
body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.nav{
  margin-left:38%!important;width:60.5%!important;max-width:none!important;box-sizing:border-box!important;min-width:0!important;
}

/* Step 2 */
body.wow-ui .shapegrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
body.wow-ui .shape{min-width:0!important;min-height:245px!important;padding:0!important;border-radius:22px!important;border:1px solid rgba(239,201,111,.22)!important;background:#11120f!important;overflow:hidden!important;box-shadow:none!important;transform:none!important}
body.wow-ui .shape>img{width:100%!important;height:160px!important;object-fit:cover!important;position:relative!important;inset:auto!important}
body.wow-ui .shape>span{position:relative!important;inset:auto!important;display:block!important;padding:16px 17px 18px!important;background:#11120f!important;z-index:2!important;color:#fff!important}
body.wow-ui .shape>span b{font-size:17px!important;color:#fff!important}
body.wow-ui .shape>span small{display:block!important;margin-top:4px!important;font-size:10px!important;color:#bdb5aa!important}
body.wow-ui .shape:after,.wow-ui .shape .plan{display:none!important}
body.wow-ui .shape:has(input:checked){outline:none!important;border-color:var(--fp-gold)!important;box-shadow:0 0 0 1px rgba(239,201,111,.40)!important}

/* Step 3 exactly equal cards */
body.wow-ui .areagrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
body.wow-ui .area{display:grid!important;grid-template-columns:28px 44px 1fr!important;align-items:center!important;gap:12px!important;min-height:160px!important;height:160px!important;padding:22px!important;background:#11120f!important;border:1px solid rgba(239,201,111,.22)!important;border-radius:22px!important;color:#fff!important}
body.wow-ui .area input{width:20px!important;height:20px!important;margin:0!important;accent-color:var(--fp-gold)!important}
body.wow-ui .areaicon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:#2a261a!important;color:var(--fp-gold)!important;font-size:22px!important}
body.wow-ui .area b{font-size:17px!important;color:#fff!important}
body.wow-ui .area small{display:block!important;margin-top:5px!important;font-size:10px!important;color:#bdb5aa!important;line-height:1.4!important}
body.wow-ui .area:has(input:checked){border-color:var(--fp-gold)!important;background:linear-gradient(180deg,rgba(239,201,111,.12),#11120f)!important}

/* Step 4 — 3 product group windows, no ghost filters */
body.wow-ui .cataloghead{display:block!important;background:transparent!important;border:0!important;padding:0!important}
body.wow-ui .filterchips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 12px!important}
body.wow-ui .filterchips button[data-filter="Alle"]{display:none!important}
body.wow-ui .filterchips button{display:block!important;min-width:0!important;min-height:105px!important;padding:17px!important;border-radius:20px!important;border:1px solid rgba(239,201,111,.22)!important;background:#11120f!important;color:#fff!important;text-align:left!important;box-shadow:none!important}
body.wow-ui .filterchips button b{display:block!important;font-size:16px!important;color:#fff!important}
body.wow-ui .filterchips button span{display:block!important;margin-top:6px!important;font-size:9.5px!important;line-height:1.4!important;color:#aba297!important}
body.wow-ui .filterchips button.active{border-color:var(--fp-gold)!important;background:linear-gradient(180deg,rgba(239,201,111,.14),#11120f)!important}
body.wow-ui .search{display:block!important;width:100%!important;min-width:0!important;padding:13px 15px!important;background:#0d0e0c!important;border:1px solid rgba(239,201,111,.20)!important;border-radius:15px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.wow-ui .catalog{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;max-height:520px!important;overflow:auto!important;padding:2px!important}
body.wow-ui .product{min-width:0!important;background:#10110e!important;border:1px solid rgba(239,201,111,.16)!important;border-radius:19px!important;overflow:hidden!important;color:#fff!important;box-shadow:none!important;transform:none!important}
body.wow-ui .product .media{height:145px!important;aspect-ratio:auto!important;background:#191a17!important}
body.wow-ui .product .copy{padding:13px!important;background:#10110e!important}
body.wow-ui .product .copy b{font-size:14px!important;color:#fff!important}
body.wow-ui .product .copy small{display:block!important;font-size:9px!important;color:#9f978d!important}
body.wow-ui .product.selected{outline:none!important;border-color:var(--fp-gold)!important;box-shadow:0 0 0 1px rgba(239,201,111,.4)!important}
body.wow-ui .lookmode{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body.wow-ui .lookmode label{background:#11120f!important;color:#fff!important;border:1px solid rgba(239,201,111,.22)!important;border-radius:16px!important;padding:14px!important}

/* Step 5 */
body.wow-ui .choice label,body.wow-ui .numberline{background:#11120f!important;color:#fff!important;border:1px solid rgba(239,201,111,.20)!important;border-radius:18px!important;padding:16px!important}
body.wow-ui .numberline input{background:#0d0e0c!important;color:#fff!important;border:1px solid rgba(239,201,111,.22)!important}

/* Step 6 — reset all legacy service rules */
body.wow-ui .service-scale{display:none!important}
body.wow-ui .servicegrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:0!important}
body.wow-ui .servicegrid label,
body.wow-ui .servicegrid label:nth-child(1),body.wow-ui .servicegrid label:nth-child(2),body.wow-ui .servicegrid label:nth-child(3),body.wow-ui .servicegrid label:nth-child(4){
  position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;
  min-width:0!important;width:auto!important;height:190px!important;min-height:190px!important;padding:22px 22px 18px!important;
  border:1px solid rgba(239,201,111,.22)!important;border-radius:22px!important;background:#10110e!important;color:#fff!important;
  box-shadow:none!important;transform:none!important;overflow:hidden!important;grid-template-columns:none!important;gap:0!important;
}
body.wow-ui .servicegrid label::before,body.wow-ui .servicegrid label::after{display:none!important;content:none!important}
body.wow-ui .servicegrid label>input{position:absolute!important;right:18px!important;top:18px!important;width:20px!important;height:20px!important;margin:0!important;accent-color:var(--fp-gold)!important}
body.wow-ui .servicegrid label>span{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;padding:0 30px 0 0!important;grid-template-columns:none!important;gap:0!important}
body.wow-ui .servicegrid label b{display:block!important;font-size:19px!important;line-height:1.15!important;color:#fff!important;white-space:normal!important}
body.wow-ui .servicegrid label small{display:block!important;margin-top:9px!important;font-size:10.5px!important;line-height:1.45!important;color:#bdb5aa!important;max-width:none!important;white-space:normal!important}
body.wow-ui .servicegrid label em{display:block!important;margin-top:auto!important;padding-top:14px!important;font-style:normal!important;font-size:12px!important;font-weight:900!important;color:var(--fp-gold)!important;white-space:normal!important}
body.wow-ui .servicegrid label:has(input:checked){border-color:var(--fp-gold)!important;background:linear-gradient(180deg,rgba(239,201,111,.14),#10110e)!important;box-shadow:0 0 0 1px rgba(239,201,111,.38)!important;color:#fff!important;padding-left:22px!important}
body.wow-ui .support{display:block!important;padding:16px!important;background:#10110e!important;border:1px solid rgba(239,201,111,.16)!important;border-radius:18px!important}
body.wow-ui .support b{color:#fff!important}.wow-ui .support span{color:#bdb5aa!important}.wow-ui .support button{color:var(--fp-gold)!important}

/* Step 7 */
body.wow-ui .upload{min-height:180px!important;margin-top:0!important;background:linear-gradient(145deg,#12130f,#0b0c0a)!important;border:1px dashed rgba(239,201,111,.48)!important;border-radius:22px!important;color:#fff!important}
body.wow-ui .upload span{color:var(--fp-gold)!important}.wow-ui .upload b{color:#fff!important}.wow-ui .upload small{color:#c0b8ad!important}
body.wow-ui .ai{display:flex!important;gap:14px!important;align-items:flex-start!important;padding:20px!important;background:#10110e!important;border:1px solid rgba(239,201,111,.18)!important;border-radius:20px!important;color:#fff!important}
body.wow-ui .ai>span{color:var(--fp-gold)!important}.wow-ui .ai b{color:#fff!important}.wow-ui .ai small{color:#bdb5aa!important}
body.wow-ui .ai .primary{background:linear-gradient(135deg,#efc96f,#e4ac47)!important;color:#17130b!important;border:0!important}
body.wow-ui .photo{background:#0d0e0c!important;border:1px solid rgba(239,201,111,.18)!important}.wow-ui .photo img{background:#0d0e0c!important}

/* Step 8 */
body.wow-ui .summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:0!important}
body.wow-ui .summary>*{display:block!important;background:#10110e!important;color:#fff!important;border:1px solid rgba(239,201,111,.18)!important;border-radius:18px!important;padding:18px!important;box-shadow:none!important}
body.wow-ui .finish-roadmap,body.wow-ui .extras-stage,body.wow-ui .after,body.wow-ui .closing-cue{background:#10110e!important;color:#fff!important;border:1px solid rgba(239,201,111,.18)!important;border-radius:22px!important}
body.wow-ui .after,body.wow-ui .closing-cue{padding:18px!important}
body.wow-ui .finish-roadmap{padding:26px!important}.wow-ui .finish-roadmap h3,.wow-ui .extras-stage h3{color:#fff!important}

/* Step 9 */
body.wow-ui .required-note{color:#c6beb2!important}
body.wow-ui .form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
body.wow-ui .form label{display:block!important;background:transparent!important;border:0!important;padding:0!important;color:#d5cdc1!important;font-size:11px!important}
body.wow-ui .form input{display:block!important;width:100%!important;margin-top:5px!important;padding:13px!important;background:#0d0e0c!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(239,201,111,.22)!important;border-radius:14px!important}
body.wow-ui .step[data-step="9"]>h3{display:block!important;color:#fff!important;margin-top:22px!important}
body.wow-ui .pay{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body.wow-ui .pay label{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;min-height:105px!important;padding:16px!important;background:#11120f!important;color:#fff!important;border:1px solid rgba(239,201,111,.20)!important;border-radius:18px!important;transform:none!important}
body.wow-ui .pay label b{color:#fff!important}.wow-ui .pay label small{display:block!important;color:#bbb3a8!important;font-size:9px!important;line-height:1.35!important}
body.wow-ui .pay label:has(input:checked){border-color:var(--fp-gold)!important;background:rgba(239,201,111,.10)!important;color:#fff!important}
body.wow-ui .checkout-confidence{padding:22px!important;background:#10110e!important;color:#fff!important;border:1px solid rgba(239,201,111,.18)!important;border-radius:22px!important}
body.wow-ui .checkout-confidence h3{color:#fff!important}.wow-ui .confidence-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.wow-ui .confidence-grid>div{background:#151611!important;border:1px solid rgba(239,201,111,.13)!important;color:#fff!important;border-radius:14px!important;padding:13px!important}.wow-ui .checkout-confidence details{background:#11120f!important;border:1px solid rgba(239,201,111,.16)!important;color:#c6beb2!important}.wow-ui .checkout-confidence summary{color:#fff!important}.wow-ui .advice-last{background:#11120f!important;color:var(--fp-gold)!important;border:1px solid rgba(239,201,111,.26)!important;border-radius:999px!important;padding:12px 16px!important}
body.wow-ui .legal{padding:15px!important;background:#10110e!important;color:#c6beb2!important;border:1px solid rgba(239,201,111,.16)!important;border-radius:18px!important}

/* navigation */
body.wow-ui .nav{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:18px!important}
body.wow-ui .nav .primary{background:linear-gradient(135deg,#efc96f,#e4ac47)!important;color:#17130b!important;border:0!important;border-radius:999px!important}
body.wow-ui .nav .secondary{background:#11120f!important;color:#fff!important;border:1px solid rgba(239,201,111,.30)!important;border-radius:999px!important}

/* responsive */
@media(max-width:1180px){
 body.wow-ui .fm-master-guide{margin-left:32%!important;width:66.5%!important}
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.shapegrid,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.areagrid,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.cataloghead,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.catalog,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.area-decor-choice,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.flexnote,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.choice,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.numberline,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.servicegrid,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.support,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.upload,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.photo,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.ai,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.ai-compare,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.summary,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.finish-roadmap,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.after,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.extras-stage,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.closing-cue,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.required-note,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.form,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>h3,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.pay,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.checkout-confidence,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.legal,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.msg,
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>.nav{margin-left:32%!important;width:66.5%!important}
}
@media(max-width:760px){
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"]){padding:18px 12px 28px!important;background:linear-gradient(180deg,rgba(7,8,7,.12),rgba(7,8,7,.98) 36%),url('../assets/makeover/frontmann-master-later.jpg') left top/auto 360px no-repeat!important}
 body.wow-ui .fm-master-guide{margin:150px 0 18px 4%!important;width:94%!important}
 body.wow-ui .fm-master-bubble{min-height:0!important;padding:16px 17px 15px!important;border-radius:30px!important}
 body.wow-ui .fm-master-bubble::before{left:-28px!important;bottom:18px!important;width:42px!important;height:30px!important}
 body.wow-ui .fm-master-bubble::after{left:-24px!important;bottom:20px!important;width:37px!important;height:25px!important}
 body.wow-ui .fm-master-say{font-size:19px!important}
 body.wow-ui .step:not([data-step="1"]):not([data-step="10"])>*:not(.fm-master-guide){margin-left:0!important;width:100%!important}
 body.wow-ui .shapegrid,body.wow-ui .areagrid,body.wow-ui .servicegrid,body.wow-ui .catalog,body.wow-ui .summary,body.wow-ui .pay,body.wow-ui .form,body.wow-ui .confidence-grid{grid-template-columns:1fr!important}
 body.wow-ui .filterchips{grid-template-columns:1fr!important}
 body.wow-ui .area{height:auto!important;min-height:145px!important}
}