/* Owner sign-up journey: /advertising -> account -> website check -> pay & go live.
   Builds on the brand tokens in new.css (--bdm-purple, --bdm-ink, --bdm-tint...). */
.bdm-su{
	--su-line:#e6dcf7;
	--su-muted:#6f6880;
	--su-ok:#1d7a3e;
	--su-ok-bg:#e7f7ec;
	--su-err:#b42318;
	--su-err-bg:#fdecec;
	color:var(--bdm-ink, #241436);
	font-size:1rem;
	line-height:1.55;
	text-align:left;
}
.bdm-su-page{padding:48px 0 56px;}
.bdm-su *, .bdm-su *::before, .bdm-su *::after{box-sizing:border-box;}

/* ---------- step tracker (the journey every owner goes through) ---------- */
.bdm-su-steps{list-style:none; margin:0 auto 32px; padding:0; display:flex; max-width:760px; counter-reset:su;}
.bdm-su-steps li{flex:1 1 0; position:relative; text-align:center; padding-top:46px; font-size:.82rem; font-weight:600; color:var(--su-muted); counter-increment:su; margin:0;}
.bdm-su-steps li::before{
	content:counter(su); position:absolute; top:0; left:50%; transform:translateX(-50%);
	width:34px; height:34px; border-radius:50%; line-height:30px; font-size:.9rem; font-weight:700;
	background:#fff; border:2px solid var(--su-line); color:var(--su-muted); z-index:1;
}
.bdm-su-steps li::after{content:""; position:absolute; top:16px; left:-50%; width:100%; height:2px; background:var(--su-line);}
.bdm-su-steps li:first-child::after{display:none;}
.bdm-su-steps li small{display:block; font-weight:500; font-size:.75rem; color:var(--su-muted);}
.bdm-su-steps li.is-done{color:var(--bdm-ink, #241436);}
.bdm-su-steps li.is-done::before{content:"\2713"; background:var(--bdm-purple); border-color:var(--bdm-purple); color:#fff;}
.bdm-su-steps li.is-done::after, .bdm-su-steps li.is-current::after{background:var(--bdm-purple);}
.bdm-su-steps li.is-current{color:var(--bdm-purple);}
.bdm-su-steps li.is-current::before{background:var(--bdm-purple); border-color:var(--bdm-purple); color:#fff; box-shadow:0 0 0 6px rgba(139,49,240,.15);}
@media (max-width:575px){
	.bdm-su-steps li{font-size:.7rem; padding-top:42px;}
	.bdm-su-steps li small{display:none;}
}

/* ---------- cards & type ---------- */
.bdm-su-card{background:#fff; border:1px solid var(--su-line); border-radius:16px; padding:32px; box-shadow:0 6px 24px rgba(139,49,240,.07);}
.bdm-su-card + .bdm-su-card{margin-top:20px;}
.bdm-su-narrow{max-width:640px; margin-left:auto; margin-right:auto;}
.bdm-su-eyebrow{display:block; font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--bdm-purple); margin-bottom:6px;}
.bdm-su h1, .bdm-su h2, .bdm-su h3{color:var(--bdm-ink, #241436); font-weight:700; line-height:1.25; margin:0 0 12px;}
.bdm-su h1, .bdm-su .bdm-su-h1{font-size:clamp(1.6rem, 3.2vw, 2.1rem);}
.bdm-su h2{font-size:clamp(1.3rem, 2.4vw, 1.6rem);}
.bdm-su h3{font-size:1.1rem;}
.bdm-su-lead{font-size:1.06rem; color:var(--su-muted); margin:0 0 24px;}
.bdm-su p{margin:0 0 14px;}
.bdm-su a:not(.bdm-su-btn){color:var(--bdm-purple); text-decoration:underline; text-underline-offset:2px;}
@media (max-width:575px){ .bdm-su-card{padding:22px 18px;} .bdm-su-page{padding:32px 0 40px;} }

/* ---------- buttons ---------- */
.bdm-su-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:10px;
	background:var(--bdm-purple-btn, #a238fd); color:#fff!important; border:0; border-radius:10px;
	padding:14px 32px; font-weight:700; font-size:1rem; line-height:1.2; text-decoration:none!important; cursor:pointer;
	transition:background .15s, transform .15s, box-shadow .15s; box-shadow:0 6px 16px rgba(139,49,240,.25);
}
.bdm-su-btn:hover{background:var(--bdm-purple-dark, #7a2bf5); transform:translateY(-1px);}
.bdm-su-btn:focus-visible, .bdm-su-choice:focus-visible, .bdm-su-toggle button:focus-visible{outline:3px solid var(--bdm-blue, #32b7fb); outline-offset:2px;}
.bdm-su-btn--ghost{background:#fff; color:var(--bdm-purple)!important; border:1px solid var(--bdm-purple); box-shadow:none;}
.bdm-su-btn--ghost:hover{background:var(--bdm-tint, #f5f0ff);}
.bdm-su-btn--block{display:flex; width:100%;}
.bdm-su-actions{display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:24px;}
.bdm-su-actions small{color:var(--su-muted);}

/* ---------- forms ---------- */
.bdm-su-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px 18px;}
.bdm-su-grid .bdm-su-span{grid-column:1 / -1;}
@media (max-width:575px){ .bdm-su-grid{grid-template-columns:1fr;} }
.bdm-su-field label{display:block; font-weight:600; font-size:.9rem; margin-bottom:6px;}
.bdm-su-field .form-control, .bdm-su-input{
	display:block; width:100%; min-width:0; height:auto; padding:12px 14px; font-size:1rem; color:var(--bdm-ink, #241436);
	background:#fff; border:1px solid #d9cdee; border-radius:10px; transition:border-color .15s, box-shadow .15s;
}
.bdm-su-field .form-control:focus, .bdm-su-input:focus{border-color:var(--bdm-purple); box-shadow:0 0 0 4px rgba(139,49,240,.14); outline:0;}
.bdm-su-field .form-control[readonly]{background:var(--bdm-tint, #f5f0ff); color:var(--su-muted);}
.bdm-su-hint{display:block; font-size:.85rem; color:var(--su-muted); margin-top:6px;}
.bdm-su label.error, .bdm-su .error:not(input){color:var(--su-err); font-size:.85rem; font-weight:500; margin-top:6px; display:block;}
.bdm-su input.error{border-color:var(--su-err);}
.bdm-su-check{display:flex; gap:12px; align-items:flex-start; margin-top:14px; font-size:.93rem;}
.bdm-su-check input{width:20px; height:20px; margin-top:2px; flex:0 0 auto; accent-color:var(--bdm-purple);}
.bdm-su-check label.error{flex-basis:100%;}
.bdm-su-check{flex-wrap:wrap;}
.bdm-su-check > label:not(.error){flex:1 1 0; margin:0;}

/* ---------- notices ---------- */
.bdm-su-note{border-radius:12px; padding:14px 18px; margin:0 0 20px; background:var(--bdm-tint, #f5f0ff); border:1px solid var(--su-line); font-size:.95rem;}
.bdm-su-note b{display:block; margin-bottom:2px;}
.bdm-su-note--error{background:var(--su-err-bg); border-color:#f5c2c0; color:var(--su-err);}
.bdm-su-note--ok{background:var(--su-ok-bg); border-color:#bfe5cb; color:var(--su-ok);}

/* ---------- property type tiles & yes/no toggles ---------- */
.bdm-su-choices{display:grid; grid-template-columns:repeat(3, 1fr); gap:12px;}
@media (max-width:767px){ .bdm-su-choices{grid-template-columns:repeat(2, 1fr);} }
.bdm-su-choice{
	display:flex; flex-direction:column; align-items:center; gap:8px; padding:18px 10px; text-align:center;
	background:#fff; border:1px solid var(--su-line); border-radius:14px; cursor:pointer; font-weight:600; font-size:.92rem; color:var(--bdm-ink, #241436);
	transition:border-color .15s, box-shadow .15s, background .15s;
}
.bdm-su-choice img{width:56px; height:56px; object-fit:contain;}
.bdm-su-choice:hover{border-color:var(--bdm-purple);}
.bdm-su-choice.is-active{border-color:var(--bdm-purple); background:var(--bdm-tint, #f5f0ff); box-shadow:inset 0 0 0 1px var(--bdm-purple);}
.bdm-su-facility{display:flex; align-items:center; gap:14px; padding:12px 0; border-top:1px solid var(--su-line);}
.bdm-su-facility:first-of-type{border-top:0;}
.bdm-su-facility img{width:44px; height:44px; object-fit:contain;}
.bdm-su-facility span{flex:1 1 auto; font-weight:600;}
.bdm-su-toggle{display:inline-flex; border:1px solid var(--bdm-purple); border-radius:999px; overflow:hidden;}
.bdm-su-toggle button{background:#fff; color:var(--bdm-purple); border:0; padding:8px 20px; font-weight:600; cursor:pointer;}
.bdm-su-toggle button.active{background:var(--bdm-purple); color:#fff;}

/* ---------- price block ---------- */
.bdm-su-price{display:flex; align-items:baseline; gap:8px; margin:6px 0 4px;}
.bdm-su-price strong{font-size:2.6rem; line-height:1; color:var(--bdm-purple); font-weight:800;}
.bdm-su-price span{color:var(--su-muted); font-weight:600;}
.bdm-su-ticks{list-style:none; padding:0; margin:18px 0 0;}
.bdm-su-ticks li{position:relative; padding-left:30px; margin:0 0 10px;}
.bdm-su-ticks li::before{content:"\2713"; position:absolute; left:0; top:1px; width:20px; height:20px; border-radius:50%; background:var(--bdm-tint, #f5f0ff); color:var(--bdm-purple); font-size:.75rem; font-weight:800; text-align:center; line-height:20px;}
.bdm-su-summary{display:flex; justify-content:space-between; gap:12px; padding:14px 0; border-top:1px solid var(--su-line);}
.bdm-su-summary:last-child{border-bottom:1px solid var(--su-line);}
.bdm-su-summary span{color:var(--su-muted);}
.bdm-su-secure svg{flex:0 0 auto;}
.bdm-su-secure{display:flex; align-items:center; gap:8px; font-size:.85rem; color:var(--su-muted); margin-top:14px;}

/* ---------- landing (/advertising) ---------- */
.bdm-su-hero{display:grid; grid-template-columns:1.2fr .8fr; gap:28px; align-items:stretch;}
@media (max-width:991px){ .bdm-su-hero{grid-template-columns:1fr;} }
.bdm-su-hero .bdm-su-card + .bdm-su-card{margin-top:0;}
.bdm-su-hero .bdm-su-card--price{background:var(--bdm-tint, #f5f0ff); border-color:var(--su-line); box-shadow:none;}
.bdm-su-how{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; margin:36px 0 0; padding:0; list-style:none; counter-reset:how;}
@media (max-width:991px){ .bdm-su-how{grid-template-columns:repeat(2, 1fr);} }
@media (max-width:575px){ .bdm-su-how{grid-template-columns:1fr;} }
.bdm-su-how li{counter-increment:how; margin:0; padding:18px; border:1px solid var(--su-line); border-radius:14px; background:#fff;}
.bdm-su-how li::before{content:counter(how); display:inline-block; width:28px; height:28px; border-radius:50%; background:var(--bdm-purple); color:#fff; font-weight:700; text-align:center; line-height:28px; font-size:.85rem; margin-bottom:10px;}
.bdm-su-how b{display:block; margin-bottom:4px;}
.bdm-su-how p{margin:0; font-size:.92rem; color:var(--su-muted);}
.bdm-su-gallery{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin-top:40px;}
@media (max-width:767px){ .bdm-su-gallery{grid-template-columns:1fr;} }
.bdm-su-gallery figure{margin:0;}
.bdm-su-gallery img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:14px; display:block;}
.bdm-su-gallery figcaption{margin-top:10px; font-weight:700; color:var(--bdm-ink, #241436); line-height:1.3;}
.bdm-su-gallery figcaption small{display:block; font-weight:500; color:var(--su-muted);}

/* ---------- modals (account creation) ---------- */
.bdm-su-modal .modal-content{border:0; border-radius:18px; overflow:hidden;}
.bdm-su-modal .modal-body{padding:0;}
.bdm-su-modal .bdm-su{padding:30px 32px 28px;}
.bdm-su-modal .bdm-su-steps{margin-bottom:24px;}
.bdm-su-modal .close{position:absolute; right:16px; top:12px; font-size:1.8rem; z-index:2; opacity:.6;}
@media (max-width:575px){ .bdm-su-modal .bdm-su{padding:24px 18px;} }
.bdm-su-switch{text-align:center; margin-top:18px; font-size:.93rem; color:var(--su-muted);}
.bdm-su-linkbtn{background:none; border:0; padding:0; color:var(--bdm-purple); font-weight:600; text-decoration:underline; text-underline-offset:2px; cursor:pointer;}
.bdm-su-facility{flex-wrap:wrap;}

@media (prefers-reduced-motion:reduce){ .bdm-su *{transition:none!important;} .bdm-su-btn:hover{transform:none;} }