/* GarderobeMaster Cost Quiz v7. Uses approved static screens + exact transparent hit areas. */
.gmq7{
  --gmq7-light:#f5f1ea;
  --gmq7-cream:#fbf8f2;
  --gmq7-brass:#b89667;
  --gmq7-brass2:#9f7542;
  --gmq7-text:#171717;
  --gmq7-dark:#101112;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:56px 24px!important;
  background:linear-gradient(180deg,#f6f0e7 0%,#fbf7f0 100%)!important;
  font-family:Manrope,Arial,sans-serif!important;
  color:var(--gmq7-text)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  position:relative!important;
  z-index:2!important;
}
.gmq7 *{box-sizing:border-box!important;}
.gmq7__wrap{
  width:min(1320px,calc(100vw - 48px))!important;
  margin:0 auto!important;
  position:relative!important;
}
.gmq7__canvas{
  position:relative!important;
  width:100%!important;
  margin:0 auto!important;
  line-height:0!important;
  display:block!important;
  transform:translateZ(0);
}
.gmq7__img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  user-select:none!important;
  pointer-events:none!important;
}
.gmq7__hotspot,
.gmq7__click,
.gmq7 button.gmq7__hotspot,
.gmq7 button.gmq7__click{
  position:absolute!important;
  z-index:30!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  font-size:0!important;
  color:transparent!important;
  overflow:hidden!important;
}
.gmq7__hotspot:focus,
.gmq7__hotspot:focus-visible,
.gmq7__click:focus,
.gmq7__click:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}
.gmq7__hotspot::before,
.gmq7__click::before{content:none!important;}

/* Screen 1, image 2048x1271. Click the three cards and the three tabs. */
.gmq7[data-step="1"] .gmq7__shape-nisha-card{left:8.0%;top:29.5%;width:17.8%;height:39.5%;}
.gmq7[data-step="1"] .gmq7__shape-corner-card{left:23.4%;top:25.8%;width:19.4%;height:44.0%;}
.gmq7[data-step="1"] .gmq7__shape-p-card{left:43.0%;top:29.5%;width:17.8%;height:39.5%;}
.gmq7[data-step="1"] .gmq7__shape-nisha-tab{left:59.8%;top:12.8%;width:10.8%;height:16.2%;}
.gmq7[data-step="1"] .gmq7__shape-corner-tab{left:59.8%;top:33.5%;width:10.8%;height:16.5%;}
.gmq7[data-step="1"] .gmq7__shape-p-tab{left:59.8%;top:54.0%;width:10.8%;height:16.5%;}

/* Screen 2, image 1586x992. Only size cards are active. */
.gmq7[data-step="2"] .gmq7__size-1{left:10.2%;top:74.2%;width:14.8%;height:9.4%;}
.gmq7[data-step="2"] .gmq7__size-2{left:26.2%;top:74.2%;width:15.3%;height:9.4%;}
.gmq7[data-step="2"] .gmq7__size-3{left:42.6%;top:74.2%;width:14.8%;height:9.4%;}

/* Screen 3, image 1672x941. Result cards + inline form. */
.gmq7[data-step="3"] .gmq7__offer-1{left:5.2%;top:53.8%;width:19.8%;height:26.0%;}
.gmq7[data-step="3"] .gmq7__offer-2{left:25.0%;top:53.8%;width:19.8%;height:26.0%;}
.gmq7[data-step="3"] .gmq7__offer-3{left:43.7%;top:53.8%;width:19.8%;height:26.0%;}

.gmq7__inlineField{
  position:absolute!important;
  z-index:42!important;
  left:29.0%!important;
  top:82.1%!important;
  width:30.5%!important;
  height:5.7%!important;
  margin:0!important;
  padding:0 1.1%!important;
  border:0!important;
  outline:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#171717!important;
  font:500 clamp(10px,1.08vw,16px)/1.2 Manrope,Arial,sans-serif!important;
  box-shadow:none!important;
}
.gmq7__inlineField:focus{box-shadow:0 0 0 1px rgba(184,150,103,.45) inset!important;background:rgba(255,255,255,.18)!important;}
.gmq7__inlineFile{position:absolute!important;left:-99999px!important;opacity:0!important;width:1px!important;height:1px!important;}
.gmq7__inlineFileLabel{left:29.0%!important;top:88.9%!important;width:24.0%!important;height:5.7%!important;}
.gmq7__inlineSubmit{left:53.8%!important;top:88.9%!important;width:9.5%!important;height:5.7%!important;}
.gmq7__inlineStatus{
  position:absolute!important;
  z-index:60!important;
  left:29.0%!important;
  top:82.0%!important;
  width:34.3%!important;
  height:12.8%!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(184,150,103,.42)!important;
  color:#201a14!important;
  font:700 clamp(12px,1.2vw,18px)/1.2 Manrope,Arial,sans-serif!important;
  text-align:center!important;
}
.gmq7__inlineStatus.is-active{display:flex!important;}
.gmq7__inlineStatus.is-error{color:#8a2c24!important;border-color:rgba(138,44,36,.45)!important;}

/* Modal: approved final.png 1672x941 */
.gmq7__modalBackdrop{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  padding:32px!important;
  background:rgba(10,12,13,.72)!important;
  backdrop-filter:blur(8px)!important;
  align-items:center!important;
  justify-content:center!important;
}
.gmq7__modalBackdrop.is-active{display:flex!important;}
.gmq7__modal{
  position:relative!important;
  width:min(1280px,calc(100vw - 64px))!important;
  line-height:0!important;
}
.gmq7__modalImg{display:block!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;pointer-events:none!important;}
.gmq7__close{left:88.5%!important;top:4.5%!important;width:5.3%!important;height:9%!important;border-radius:50%!important;}
.gmq7__field,
.gmq7__textarea{
  position:absolute!important;
  z-index:42!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#171717!important;
  font:500 clamp(12px,1.25vw,18px)/1.3 Manrope,Arial,sans-serif!important;
  box-shadow:none!important;
  border-radius:14px!important;
}
.gmq7__field:focus,
.gmq7__textarea:focus{box-shadow:0 0 0 1px rgba(184,150,103,.45) inset!important;background:rgba(255,255,255,.12)!important;}
.gmq7__field{left:53.0%!important;top:38.5%!important;width:34.5%!important;height:7.0%!important;padding:0 1.2%!important;}
.gmq7__textarea{left:53.0%!important;top:63.5%!important;width:34.5%!important;height:10.0%!important;padding:1.1%!important;resize:none!important;}
.gmq7__fileInput{position:absolute!important;left:-99999px!important;opacity:0!important;width:1px!important;height:1px!important;}
.gmq7__fileLabel{left:53.0%!important;top:49.0%!important;width:34.5%!important;height:13.0%!important;}
.gmq7__submit{left:53.0%!important;top:76.0%!important;width:34.5%!important;height:9.0%!important;}
.gmq7__status{
  position:absolute!important;
  z-index:60!important;
  left:53.0%!important;
  top:76.0%!important;
  width:34.5%!important;
  height:9.0%!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(184,150,103,.42)!important;
  color:#201a14!important;
  font:700 clamp(13px,1.3vw,20px)/1.2 Manrope,Arial,sans-serif!important;
  text-align:center!important;
}
.gmq7__status.is-active{display:flex!important;}
.gmq7__status.is-error{color:#8a2c24!important;border-color:rgba(138,44,36,.45)!important;}
.gmq7.is-busy .gmq7__submit,
.gmq7.is-busy .gmq7__inlineSubmit{pointer-events:none!important;}

@media (max-width:900px){
  .gmq7{padding:28px 0!important;}
  .gmq7__wrap{width:100%!important;overflow-x:auto!important;padding:0 12px 10px!important;}
  .gmq7__canvas{width:980px!important;}
  .gmq7__modalBackdrop{padding:12px!important;align-items:flex-start!important;overflow:auto!important;}
  .gmq7__modal{width:980px!important;max-width:none!important;margin:auto 0!important;}
}