/* Start custom CSS *//* === Masaar TikTok landing: page-scoped CSS (no JavaScript) ===
   Editing tip: steps 2-6 of the form are hidden by the rule marked [STEPS].
   To edit them in Elementor, select them from the Structure panel. */
html{scroll-behavior:smooth}
#mt-page,#mt-page *{font-family:"Cairo",sans-serif;box-sizing:border-box}
#mt-page{overflow-x:clip}
#mt-page a{text-decoration:none}
#mt-page p a{color:inherit;text-decoration:underline;cursor:pointer}

/* --- Multi-step wizard: step state lives in hidden radios named form_step --- */
#lead-form input[name="form_step"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}
/* [STEPS] */
#lead-form [id^="mt-s"]{display:none;padding:0}
#lead-form form:has(#mt-nav1:checked) #mt-s1,
#lead-form form:has(#mt-nav2:checked) #mt-s2,
#lead-form form:has(#mt-nav3:checked) #mt-s3,
#lead-form form:has(#mt-nav4:checked) #mt-s4,
#lead-form form:has(#mt-nav5:checked) #mt-s5,
#lead-form form:has(#mt-nav6:checked) #mt-s6{display:block}

/* progress */
#lead-form [id^="mt-s"]>p:first-child{font-size:14px;font-weight:700;color:#8A6F35;line-height:1.6;margin:0}
#lead-form [id^="mt-s"]>p:first-child+div{height:6px;min-width:0;padding:0;margin:8px 0 18px;border-radius:99px;background:#EEE8DA;overflow:hidden}
#lead-form [id^="mt-s"]>p:first-child+div>div{height:100%;min-width:0;padding:0;border-radius:99px;background:#C9AB6B}
#mt-s1>p:first-child+div>div{width:16.66%}
#mt-s2>p:first-child+div>div{width:33.33%}
#mt-s3>p:first-child+div>div{width:50%}
#mt-s4>p:first-child+div>div{width:66.66%}
#mt-s5>p:first-child+div>div{width:83.33%}
#mt-s6>p:first-child+div>div{width:100%}

/* question */
#lead-form [id^="mt-s"]>h3{font-size:21px;font-weight:800;color:#173B30;line-height:1.6;margin:0 0 14px}

/* option cards */
#lead-form [id^="mt-s"]>div:has(>input[type="radio"]){position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:12px 16px;margin:0 0 10px;border:1.5px solid #D9D1BD;border-radius:12px;background:#FBFAF6;transition:border-color .15s,background-color .15s}
#lead-form [id^="mt-s"]>div>input[type="radio"]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border:0;opacity:0;cursor:pointer;z-index:2;border-radius:12px}
#lead-form [id^="mt-s"]>div:has(>input[type="radio"])>p{font-size:17px;font-weight:600;color:#26352E;line-height:1.6;margin:0;pointer-events:none}
#lead-form [id^="mt-s"]>div:has(>input[type="radio"])::before{content:"";position:static;display:block;flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:2px solid #B9B09A;background:#fff}
#lead-form [id^="mt-s"]>div:has(>input[type="radio"]:checked){border-color:#B0915A;background:#F6EFDD}
#lead-form [id^="mt-s"]>div:has(>input[type="radio"]:checked)::before{border-color:#173B30;background:radial-gradient(circle,#173B30 0 5px,#fff 6px)}
#lead-form [id^="mt-s"]>div:has(>input[type="radio"]:focus-visible){outline:3px solid rgba(185,155,96,.5)}

/* nav rows */
#lead-form [id^="mt-s"]>div:has(>label[for^="mt-nav"]){display:flex;flex-direction:row;gap:10px;padding:0;margin:18px 0 0}
#lead-form label[for^="mt-nav"]{display:flex;justify-content:center;align-items:center;min-height:54px;padding:0 22px;border-radius:10px;border:1.5px solid #CFC6B2;background:#fff;color:#173B30;font-size:16px;font-weight:700;line-height:1.4;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
#mt-s1 label[for="mt-nav2"],#mt-s2 label[for="mt-nav3"],#mt-s3 label[for="mt-nav4"],#mt-s4 label[for="mt-nav5"],#mt-s5 label[for="mt-nav6"]{flex:1 1 auto;border-color:#173B30;background:#173B30;color:#fff;font-size:17px;font-weight:800}
#mt-s1:not(:has(input[type="radio"]:checked)) label[for="mt-nav2"],
#mt-s2:not(:has(input[type="radio"]:checked)) label[for="mt-nav3"],
#mt-s3:not(:has(input[type="radio"]:checked)) label[for="mt-nav4"],
#mt-s4:not(:has(input[type="radio"]:checked)) label[for="mt-nav5"],
#mt-s5:not(:has(input[type="radio"]:checked)) label[for="mt-nav6"]{opacity:.4;pointer-events:none}
#mt-s6 label[for="mt-nav5"]{flex:1 1 auto;min-height:46px;border-color:transparent;background:transparent;font-size:15px}
#lead-form #mt-s6>div:has(>label[for^="mt-nav"]){margin-top:8px}

/* contact step */
#mt-s6>div:has(>input:not([type="checkbox"])){padding:0;margin:0 0 14px}
#mt-s6>div>label:not([for^="mt-nav"]){display:block;font-size:15px;font-weight:700;color:#173B30;line-height:1.5;margin:0 0 6px}
#mt-s6 input[type="text"],#mt-s6 input[type="tel"],#mt-s6 input[type="email"]{width:100%;height:54px;padding:0 14px;font-size:16px;color:#173B30;border:1.5px solid #D9D1BD;border-radius:10px;background:#FBFAF6}
#mt-s6 input[type="tel"],#mt-s6 input[type="email"]{direction:ltr;text-align:right}
#mt-s6 input:focus{border-color:#B0915A;box-shadow:0 0 0 3px rgba(185,155,96,.28);outline:none}
#mt-s6>div>p{font-size:13px;color:#6B776F;line-height:1.6;margin:6px 0 0}
#mt-s6>div:has(>input[type="checkbox"]){display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:0;margin:4px 0 16px}
#mt-s6 input[type="checkbox"]{flex:0 0 24px;width:24px;height:24px;margin:3px 0 0;color:#fff;border:1.5px solid #173B30;border-radius:5px;cursor:pointer}
#mt-s6 input[type="checkbox"]:checked{background-color:#173B30}
#mt-s6>div:has(>input[type="checkbox"])>p{font-size:14px;color:#3F4F47;line-height:1.8;margin:0}
#mt-s6 button[type="submit"]{width:100%;min-height:58px;padding:12px 16px;border:0;border-radius:10px;background:#C9AB6B;color:#14261F;font-size:18px;font-weight:800;line-height:1.5;cursor:pointer}
#mt-s6 button[type="submit"]:hover{background:#D9BF85}

/* result states */
#lead-form form.form-state-success [id^="mt-s"]{display:none !important}
#lead-form form>div:not([id])>p{font-size:17px;font-weight:700;line-height:1.9;margin:0}

/* hide mobile sticky CTA once the visitor starts answering */
#mt-page:has(#lead-form input[type="radio"]:not([name="form_step"]):checked)>a:last-child{display:none}/* End custom CSS */