:root{--pink:#e94f86;--rose:#f8dbe5;--deep:#3b1725;--ink:#24151b;--muted:#76666c;--cream:#fff9fb;--white:#fff;--line:#f0e2e7;--shadow:0 20px 60px rgba(91,35,57,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}.topbar{background:var(--deep);color:#ffeef4;text-align:center;padding:8px;font-size:11px;letter-spacing:1.3px}header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--deep);font-weight:700;font-size:21px}.brand-heart{color:var(--pink);font-size:25px}.pink{color:var(--pink)}nav{display:flex;gap:24px}nav a{font-size:13px;color:#594950;text-decoration:none;font-weight:600}.nav-actions{display:flex;gap:8px}.primary,.ghost,.outline,.light-btn,button{font-family:inherit;font-weight:700;cursor:pointer;border-radius:12px;padding:11px 17px;border:0}.primary{background:var(--pink);color:#fff;box-shadow:0 8px 20px rgba(233,79,134,.22)}.primary:hover{transform:translateY(-1px)}.ghost{background:#fff;color:var(--deep);border:1px solid var(--line)}.outline{background:#fff;color:var(--pink);border:1px solid #efb6c9}.big{padding:14px 21px}.hero{min-height:650px;background:radial-gradient(circle at 80% 15%,#ffe4ee,transparent 28%),linear-gradient(135deg,#fff7fa,#fff);display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:70px 8%}.hero-copy{max-width:680px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--pink)}.hero h1,h2{font-family:'Playfair Display',serif}.hero h1{font-size:64px;line-height:1.03;margin:18px 0}.hero h1 em{color:var(--pink);font-style:normal}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:610px}.hero-buttons{display:flex;gap:12px;margin:26px 0}.trust{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#7c6971}.hero-art{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.photo-card{overflow:hidden;border-radius:30px;box-shadow:var(--shadow)}.main-photo{width:min(430px,90%);height:480px;transform:rotate(2deg)}.main-photo img,.provider-image img{width:100%;height:100%;object-fit:cover}.float-card{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:13px 16px;display:flex;align-items:center;gap:10px}.float-card b{font-size:25px;color:var(--pink)}.float-card strong{display:block;font-size:14px}.float-card small{color:var(--muted);font-size:11px}.rating-card{left:3%;top:13%}.mini-card{right:2%;bottom:13%}.mini-card span{font-size:24px}.section{padding:80px 7%;max-width:1400px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h2,.center h2{font-size:42px;margin:9px 0}.section-head p{color:var(--muted)}.pink-text{color:var(--pink)}.filters{margin:28px 0;display:flex;gap:10px;flex-wrap:wrap}.filters input,.filters select,input{padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;font-family:inherit;outline:none}.filters input:focus,input:focus{border-color:#eaa1b9}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:15px;box-shadow:0 12px 35px rgba(70,25,42,.06);position:relative;overflow:hidden}.card-photo{height:210px;border-radius:16px;overflow:hidden;margin-bottom:13px}.card-photo img{width:100%;height:100%;object-fit:cover}.card h3{margin:6px 0;font-size:20px}.card p{color:var(--muted);font-size:13px;line-height:1.55}.badge{display:inline-block;padding:5px 9px;background:#fff0f5;color:#bd3568;border-radius:20px;font-size:11px;font-weight:800}.price{font-size:20px!important;color:var(--deep)!important;font-weight:800}.card button{width:100%;margin-top:6px}.soft{max-width:none;background:#fff8fa}.center{text-align:center;margin-bottom:35px}.steps{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;position:relative}.step-icon{width:48px;height:48px;border-radius:50%;background:#fff0f5;color:var(--pink);display:grid;place-items:center;font-size:22px;margin-bottom:25px}.step>span{font-size:11px;color:#c5a6b2}.step h3{margin:8px 0}.step p{font-size:13px;line-height:1.6;color:var(--muted)}.provider-banner{max-width:1400px;margin:60px auto;padding:65px 7%;background:linear-gradient(120deg,#4a1b2c,#8c3155);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px}.provider-banner h2{font-size:44px;margin:10px 0}.provider-banner p{color:#f8dce6;line-height:1.7;max-width:650px}.light-btn{background:#fff;color:var(--deep);margin-top:12px}.provider-image{height:280px;border-radius:24px;overflow:hidden}.dashboard-section{padding-top:40px}.dashboard-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;min-height:100px}.row{padding:15px;border:1px solid var(--line);border-radius:14px;margin:10px 0}.row button{margin-right:6px}.modal{display:none;position:fixed;inset:0;z-index:100}.modal.show{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(36,11,22,.58);backdrop-filter:blur(5px)}.auth-card{position:relative;z-index:2;width:min(900px,92vw);min-height:560px;background:#fff;border-radius:28px;overflow:hidden;margin:5vh auto;display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:0 30px 100px rgba(31,7,18,.3)}.auth-visual{background:linear-gradient(160deg,rgba(61,18,37,.75),rgba(233,79,134,.65)),url('https://images.unsplash.com/photo-1529333166437-7750a6dd5a70?auto=format&fit=crop&w=900&q=85') center/cover;display:flex;align-items:end;padding:38px;color:#fff}.auth-visual h3{font-family:'Playfair Display',serif;font-size:34px;margin:10px 0}.auth-visual p{color:#ffe9f1}.big-heart{font-size:58px}.auth-panel{padding:42px 42px 28px;display:flex;flex-direction:column;justify-content:center}.close{position:absolute;right:15px;top:12px;background:#fff;color:#5b3c47;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;padding:0;font-size:23px;z-index:3}.auth-title h2{font-size:36px;margin:10px 0 4px}.auth-title p{margin-top:0;color:var(--muted);font-size:13px}.auth-title #rolePill{display:inline-block;background:#fff0f5;color:#bd3568;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800}.switch{display:grid;grid-template-columns:1fr 1fr;background:#fff6f8;padding:4px;border-radius:12px;margin:18px 0}.switch button{background:transparent;color:#8b6975}.switch button.active{background:#fff;color:var(--deep);box-shadow:0 3px 12px rgba(65,20,38,.08)}form{display:flex;flex-direction:column;gap:10px}form input{width:100%}.full{width:100%;margin-top:4px}.hidden{display:none}.role-switch{text-align:center;font-size:12px;color:var(--muted);margin:18px 0 5px}.role-switch button{background:none;color:var(--pink);padding:0}.legal{text-align:center;color:#a38d96;font-size:10px;line-height:1.5}footer{background:#2d111c;color:#f6dce5;text-align:center;padding:40px 20px}.footer-brand{font-size:22px;font-weight:800}footer p{font-size:12px}footer small{color:#bd9eaa}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding:55px 6%}.hero h1{font-size:48px}.hero-art{min-height:420px}.steps{grid-template-columns:1fr 1fr}.provider-banner{grid-template-columns:1fr}.auth-card{grid-template-columns:1fr}.auth-visual{display:none}}@media(max-width:600px){.nav-actions .ghost{display:none}.hero h1{font-size:39px}.hero-buttons{flex-direction:column}.hero-buttons button{width:100%}.section-head{display:block}.section-head h2,.center h2{font-size:34px}.steps{grid-template-columns:1fr}.provider-banner h2{font-size:35px}.auth-panel{padding:34px 22px}.main-photo{height:400px}.rating-card{left:0}.mini-card{right:0}}

/* Dashboard refresh */
.hidden{display:none!important}.dashboard-section{background:linear-gradient(180deg,#fff8fb,#fff)}.dashboard-section .section-head{align-items:center}.logout-btn{border:1px solid #f0c6d7;background:#fff;color:#b4235d;border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer}.welcome-card{display:flex;gap:24px;align-items:center;background:linear-gradient(135deg,#fff,#fff0f6);border:1px solid #f4d5e2;border-radius:26px;padding:24px;box-shadow:0 15px 45px rgba(145,48,91,.08)}.welcome-avatar{width:92px;height:92px;border-radius:50%;overflow:hidden;background:#ffdce9;display:grid;place-items:center;font-size:38px;color:#c72e68;flex:0 0 92px}.welcome-avatar img{width:100%;height:100%;object-fit:cover}.welcome-card h2{margin:4px 0}.event-title,.dashboard-subhead{margin:36px 0 18px}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.event-card{border:1px solid #f0d5df;background:#fff;border-radius:20px;padding:18px;text-align:left;display:flex;align-items:center;gap:14px;cursor:pointer;transition:.2s;box-shadow:0 8px 25px rgba(145,48,91,.05)}.event-card:hover{transform:translateY(-3px);border-color:#e99abb}.event-icon{width:48px;height:48px;border-radius:15px;background:#fff0f6;display:grid;place-items:center;font-size:24px}.event-card b{display:block;color:#421d2c}.event-card small{display:block;color:#7d6870;margin-top:4px;line-height:1.35}.event-card i{margin-left:auto;color:#c72e68;font-size:20px}.compact-card{padding-bottom:18px}.provider-grid{margin-bottom:30px}.empty-state,.error-box,.loading{padding:25px;border:1px dashed #e7c7d3;border-radius:18px;background:#fff;color:#6d5961}.error-box{color:#b4235d}.profile-edit-head{display:flex;gap:18px;align-items:center;margin-bottom:22px}.avatar-large{width:82px;height:82px;border-radius:50%;overflow:hidden;background:#ffe3ed;display:grid;place-items:center;color:#c72e68;font-size:32px;flex:0 0 82px}.avatar-large img{width:100%;height:100%;object-fit:cover}.photo-upload{display:flex;gap:12px;align-items:center}.success{color:#15803d;font-weight:700}.muted{color:#7b6a70}@media(max-width:800px){.event-grid{grid-template-columns:1fr 1fr}.welcome-card{align-items:flex-start}.welcome-avatar{width:70px;height:70px;flex-basis:70px}}@media(max-width:520px){.event-grid{grid-template-columns:1fr}.welcome-card{flex-direction:column}.photo-upload{flex-direction:column;align-items:stretch}}
.provider-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.provider-stats>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.provider-stats b{display:block;font-size:24px;color:var(--deep);margin-bottom:4px}.provider-stats span{font-size:11px;color:var(--muted)}.provider-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.tool-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:5px}.tool-card b{font-size:14px;color:var(--deep)}.tool-card small{color:var(--muted);line-height:1.35}.dash-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-item{padding:14px 16px;border:1px solid var(--line);border-radius:14px;margin:8px 0;background:#fff}.notification-item small{display:block;color:var(--muted);margin-top:5px}@media(max-width:800px){.provider-stats,.provider-tools{grid-template-columns:1fr 1fr}}@media(max-width:520px){.provider-stats,.provider-tools{grid-template-columns:1fr}.dash-actions button{width:100%}}

.large-modal{position:relative;z-index:2;width:min(900px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:26px;margin:5vh auto;padding:30px;box-shadow:0 30px 100px rgba(31,7,18,.3)}
.profile-editor{width:min(760px,94vw)}
.large-modal h2{margin-top:0}
.large-modal hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.large-modal label{display:flex;flex-direction:column;gap:7px;color:#6d5961;font-size:12px;font-weight:700}
.large-modal textarea{min-height:120px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;font:inherit;resize:vertical}
.large-modal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact-unlocked{margin-top:10px;padding:10px;border-radius:10px;background:#effaf2;color:#176b34;font-size:13px}
.contact-locked{margin-top:10px;padding:10px;border-radius:10px;background:#fff7e8;color:#8a5a00;font-size:13px}
.notification-item{padding:12px;border:1px solid var(--line);border-radius:12px;margin:8px 0;background:#fff}
.notification-item small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:600px){.large-modal{margin:2vh auto;max-height:96vh;padding:20px}.large-modal .form-grid{grid-template-columns:1fr}}
.wallet-box{margin:24px 0;padding:22px;border:1px solid #f0d5df;border-radius:24px;background:linear-gradient(135deg,#fff,#fff4f8);box-shadow:0 12px 35px rgba(70,25,42,.06)}.wallet-head{display:flex;justify-content:space-between;align-items:center}.wallet-head h2{font-size:38px;margin:6px 0;color:var(--deep)}.wallet-head p{margin:0;color:var(--muted);font-size:13px}.wallet-icon{width:58px;height:58px;border-radius:18px;background:var(--pink);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800}.wallet-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 10px}.wallet-note{padding:10px 12px;border-radius:12px;background:#fff8e8;color:#815b00;font-size:12px;margin-bottom:12px}.wallet-box details{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.wallet-box summary{cursor:pointer;font-weight:800;color:var(--deep)}.wallet-tx{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:11px 0;border-bottom:1px solid #f5e9ed;font-size:13px}.wallet-tx small{display:block;color:var(--muted);font-size:10px}.wallet-tx .credit{color:#15803d}.wallet-tx .debit{color:#b4235d}.wallet-hold-note{padding:10px;border-radius:10px;background:#fff8e8;color:#7c5700;font-size:12px;margin:8px 0}.admin-wallet-tools{display:grid;grid-template-columns:1.5fr 1fr auto;gap:10px;margin:12px 0 20px}.admin-wallet-tools input{min-width:0}@media(max-width:650px){.admin-wallet-tools{grid-template-columns:1fr}.wallet-head h2{font-size:31px}}
/* Professional customer portal */
.customer-portal{max-width:1180px;margin:0 auto}.portal-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0 24px;border-bottom:1px solid var(--line);margin-bottom:26px}.portal-title{font-weight:700;color:var(--deep);font-size:18px}.portal-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.portal-welcome{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px;border-radius:28px;background:linear-gradient(135deg,#fff4f7,#fff);border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:24px}.portal-welcome h1{font-family:'Playfair Display',serif;font-size:38px;margin:8px 0}.portal-welcome p{max-width:680px;color:var(--muted);line-height:1.7}.portal-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 8px 30px rgba(91,35,57,.15);flex:none}.portal-avatar img{width:100%;height:100%;object-fit:cover}.portal-wallet-mini{margin-bottom:24px}.portal-filters{margin:20px 0 26px}.professional-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.professional-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(91,35,57,.14)}.professional-card .profile-meta{display:flex;justify-content:space-between;align-items:center;margin:14px 0;color:var(--deep)}.professional-card .full{width:100%}.profile-detail-page{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1.05fr);gap:44px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow);max-width:1050px;margin:0 auto}.detail-photo{min-height:500px;border-radius:24px;overflow:hidden;background:#f7edf1}.detail-photo img{width:100%;height:100%;min-height:500px;object-fit:cover}.detail-content{padding:18px 12px;align-self:center}.detail-content h1{font-family:'Playfair Display',serif;font-size:48px;margin:16px 0 8px;color:var(--deep)}.detail-location{color:var(--muted);font-weight:600}.detail-bio{font-size:17px;line-height:1.8;color:var(--muted);margin:24px 0}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.detail-stats div{padding:16px;border:1px solid var(--line);border-radius:16px;text-align:center;background:var(--cream)}.detail-stats b{display:block;color:var(--deep);font-size:18px}.detail-stats small{display:block;color:var(--muted);margin-top:4px}.safety-box{background:#fff8e9;border:1px solid #f4dfac;border-radius:16px;padding:16px;margin:20px 0;color:#654c16}.safety-box p{margin:5px 0 0;color:#786a4c;line-height:1.5}.booking-page{max-width:900px;margin:0 auto}.booking-page h1{font-family:'Playfair Display',serif;font-size:42px;margin-bottom:6px}.booking-page>p{color:var(--muted);margin-bottom:26px}.portal-discover .dashboard-subhead{margin-top:0}.portal-discover .grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:850px){.portal-top{align-items:flex-start;flex-direction:column}.portal-welcome{padding:24px}.portal-welcome h1{font-size:30px}.portal-welcome .portal-avatar{display:none}.profile-detail-page{grid-template-columns:1fr;padding:18px;gap:20px}.detail-photo,.detail-photo img{min-height:360px;height:360px}.detail-content h1{font-size:38px}.portal-discover .grid{grid-template-columns:1fr}.detail-stats{grid-template-columns:1fr 1fr}.portal-actions{width:100%}.portal-actions button{flex:1}}

.finish-box{margin:12px 0;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}.finish-box small{display:block;margin:6px 0 10px;line-height:1.5}.finish-box button:disabled{opacity:.55;cursor:not-allowed}

.overtime-note{margin-top:8px;padding:10px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13px}

.profile-reputation{margin-top:18px}.profile-reputation-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-reputation-head h3{margin:0}.reputation-item{border:1px solid #eee;border-radius:14px;padding:12px;margin:10px 0;background:#fff7fa}.reputation-item small{display:block;color:#777;margin-top:4px}.reputation-item p{margin:8px 0 0;line-height:1.5}.complaint-locked{display:block;margin-top:8px}.badge{white-space:nowrap}

.profile-summary-line{padding:10px 12px;background:#fff4f8;border:1px solid #f4d7e3;border-radius:12px;margin-bottom:10px}.profile-reputation-head{margin-top:4px}
.activity-editor{margin:16px 0;padding:16px;border:1px solid #eadfe4;border-radius:16px;background:#fff7fa}.activity-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.activity-editor-head small{display:block;color:#777;margin-top:4px}.activity-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.activity-check{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#fff;border:1px solid #eadfe4;border-radius:12px;cursor:pointer}.activity-check input{width:18px;height:18px;accent-color:#ef4b87}.service-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.service-chips span{font-size:11px;padding:5px 8px;border-radius:999px;background:#fff0f5;border:1px solid #f3cad9;color:#7b3652}.detail-services{margin:16px 0}.detail-services span{font-size:12px}@media(max-width:700px){.activity-check-grid{grid-template-columns:1fr}}
.activity-editor{margin:16px 0;padding:16px;border:1px solid #eadfe4;border-radius:16px;background:#fff7fa}.activity-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.activity-editor-head small{display:block;color:#777;margin-top:4px}.activity-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.activity-check{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#fff;border:1px solid #eadfe4;border-radius:12px;cursor:pointer}.activity-check input{width:18px;height:18px;accent-color:#ef4b87}.service-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.service-chips span{font-size:11px;padding:5px 8px;border-radius:999px;background:#fff0f5;border:1px solid #f3cad9;color:#7b3652}.detail-services{margin:16px 0}.detail-services span{font-size:12px}@media(max-width:700px){.activity-check-grid{grid-template-columns:1fr}}
/* Demo review carousel */
.reviews-section{padding:72px 5vw;background:linear-gradient(180deg,#fff,#fff6f9);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.reviews-section .section-head{max-width:1180px;margin:0 auto 24px}.reviews-section .section-head p{color:var(--muted);max-width:680px;line-height:1.6}.review-controls{display:flex;gap:8px;align-items:center}.reviews-window{max-width:1180px;margin:0 auto;min-height:255px;position:relative}.reviews-track{position:relative;min-height:255px}.review-card{position:absolute;inset:0;background:#fff;border:1px solid #efdfe6;border-radius:24px;padding:25px;box-shadow:0 16px 50px rgba(77,29,47,.08);opacity:0;transform:translateX(22px) scale(.985);pointer-events:none;transition:opacity .45s ease,transform .45s ease;display:flex;flex-direction:column;justify-content:center}.review-card.active{opacity:1;transform:none;pointer-events:auto}.review-person{display:flex;align-items:center;gap:14px}.review-person img{width:66px;height:66px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 5px 18px rgba(50,20,30,.14);background:#fff0f5}.review-person b{display:block;color:var(--deep);font-size:17px}.review-person small{display:block;color:var(--muted);margin-top:4px}.review-stars{margin-left:auto;color:#f59e0b;letter-spacing:2px;white-space:nowrap}.review-card p{font-size:18px;line-height:1.7;color:#4e3e45;margin:20px 0 12px}.review-verified{font-size:11px;color:#6f5962}.review-trust{max-width:1180px;margin:18px auto 0;display:flex;gap:10px;flex-wrap:wrap}.review-trust span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #efdfe6;color:#705763;font-size:12px;font-weight:700}.buddy-reviews-section{background:#24131b;color:#fff}.buddy-reviews-section .section-head h2{color:#fff}.buddy-reviews-section .section-head p{color:#d8cbd0}.buddy-reviews-section .review-card{background:#fff;color:#3e3036}.buddy-reviews-section .review-trust span{background:#322029;border-color:#5b414d;color:#fff}.buddy-reviews-section .outline{background:transparent;border-color:#7d5c6a;color:#fff}.buddy-review-card .review-person b{color:var(--deep)}
@media(max-width:700px){.reviews-section{padding:52px 18px}.review-card{padding:20px;min-height:255px}.review-card p{font-size:15px}.review-person img{width:56px;height:56px}.review-stars{font-size:12px}.review-controls{margin-top:10px}.reviews-window,.reviews-track{min-height:300px}.review-card{min-height:300px}}

/* Mobile-first refinements */
@media(max-width:600px){
  body{overflow-x:hidden}
  header{height:auto;min-height:64px;padding:10px 14px;gap:8px}
  .brand{font-size:18px}.brand-heart{font-size:21px}.nav-actions{margin-left:auto}.nav-actions button{padding:9px 11px;font-size:11px}
  .hero{min-height:auto;padding:38px 18px 28px;gap:22px}.hero h1{font-size:37px;line-height:1.05}.hero p{font-size:15px}.hero-buttons{margin:20px 0;gap:9px}.hero-art{min-height:300px}.main-photo{height:300px}.rating-card{transform:scale(.9);transform-origin:left bottom}
  .section{padding:46px 18px}.section-head h2,.center h2{font-size:30px}.section-head p{font-size:14px}.filters{display:grid;grid-template-columns:1fr;gap:9px}.filters input,.filters select,.filters button{width:100%;min-height:46px}
  .grid{grid-template-columns:1fr!important}.profile-card{min-width:0}.event-grid{grid-template-columns:1fr!important}.event-card{padding:14px}.event-icon{width:42px;height:42px;flex:0 0 42px}
  .dashboard-section{padding:34px 12px}.dashboard-section .section-head{padding:0 4px}.dashboard-box{width:100%;overflow:visible}.portal-top{padding:4px 0 16px;margin-bottom:18px}.portal-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.portal-actions button{width:100%;min-width:0;padding:10px 8px;font-size:11px}.portal-actions .logout-btn{grid-column:1/-1}
  .portal-welcome{padding:18px;border-radius:20px;display:block}.portal-welcome h1{font-size:27px}.portal-welcome p{font-size:14px}.portal-avatar{display:none!important}
  .provider-stats{grid-template-columns:1fr 1fr!important;gap:8px}.provider-stats>div{padding:13px;border-radius:14px}.provider-stats b{font-size:19px}.provider-stats span{font-size:10px}.provider-tools{grid-template-columns:1fr 1fr!important;gap:8px}.tool-card{padding:13px;border-radius:14px}.tool-card small{font-size:10px}
  .welcome-card{padding:17px;border-radius:20px;gap:14px}.welcome-avatar{width:60px;height:60px;flex-basis:60px}.welcome-card h2{font-size:23px}.dash-actions{width:100%}.dash-actions button{width:100%}
  .wallet-box{padding:17px;border-radius:18px}.wallet-head h2{font-size:29px}.wallet-icon{width:48px;height:48px;border-radius:14px}.wallet-actions{display:grid;grid-template-columns:1fr 1fr}.wallet-actions button{width:100%;padding:10px 8px;font-size:12px}.wallet-tx{grid-template-columns:minmax(0,1fr) auto;font-size:12px}
  .row.booking-row{padding:14px!important;border-radius:16px!important;margin:10px 0!important;overflow-wrap:anywhere}.booking-row .outline,.booking-row .primary,.booking-row>button{width:100%;margin-top:7px}.finish-box{padding:12px}.finish-box button{width:100%}
  .profile-detail-page{padding:12px;border-radius:20px;gap:12px}.detail-photo,.detail-photo img{min-height:300px;height:300px;border-radius:18px}.detail-content{padding:8px 4px}.detail-content h1{font-size:32px}.detail-bio{font-size:14px;line-height:1.65}.detail-stats{grid-template-columns:1fr 1fr;gap:8px}.detail-stats div{padding:12px}
  .large-modal{width:calc(100vw - 20px);max-width:none;margin:10px auto;max-height:94vh;padding:16px;border-radius:20px}.large-modal .form-grid{grid-template-columns:1fr}.large-modal h2{font-size:26px}.chat-modal{width:calc(100vw - 12px)}.chat-messages{min-height:280px;max-height:48vh}.chat-form{display:grid;grid-template-columns:1fr auto}.chat-form button{padding:10px 13px}
  .auth-card{width:calc(100vw - 20px);margin:10px auto;border-radius:20px}.auth-panel{padding:25px 18px}.auth-panel input{min-height:46px}.auth-panel .primary{min-height:46px}
  .reviews-section{padding:44px 14px}.reviews-section .section-head{display:flex;flex-direction:column;gap:10px}.review-controls{width:100%}.review-controls button{flex:1}.reviews-window,.reviews-track,.review-card{min-height:340px}.review-card{padding:17px;border-radius:18px}.review-person{align-items:flex-start;flex-wrap:wrap}.review-person img{width:52px;height:52px}.review-person>div{min-width:0;flex:1}.review-person b{font-size:15px}.review-stars{width:100%;margin-left:66px;margin-top:-8px}.review-card p{font-size:14px;line-height:1.6;margin:16px 0 10px}.review-trust{gap:7px}.review-trust span{font-size:10px;padding:7px 9px}
}

/* IST booking picker */
.booking-picker-grid{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:12px;margin:20px 0}.booking-picker-grid label{font-weight:700;color:var(--deep);display:flex;flex-direction:column;gap:7px}.booking-picker-grid input,.booking-picker-grid select{width:100%;min-height:50px;padding:12px;border:1px solid #e7d9df;border-radius:12px;background:#fff;font:inherit;color:#2d2026}.booking-time-note{padding:12px 14px;border-radius:12px;background:#fff7fa;border:1px solid #efd6e1;color:#6b4e59;font-size:13px;line-height:1.5;margin-bottom:14px}.booking-modal{max-width:680px}.booking-modal-head h2{margin-bottom:6px}.booking-modal input[type=date],.booking-modal input[type=time]{font-size:16px}@media(max-width:700px){.booking-picker-grid{grid-template-columns:1fr;gap:10px}.booking-modal{width:calc(100vw - 18px);padding:18px}.booking-picker-grid input,.booking-picker-grid select{min-height:52px}.booking-modal .big{min-height:50px}.booking-modal-head h2{font-size:26px}}
/* Separate-page professional navigation */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.mobile-menu-btn{display:none;border:1px solid #eadde3;background:#fff;border-radius:12px;width:44px;height:44px;font-size:22px;color:var(--deep)}
.dashboard-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.quick-card{border:1px solid #eadfe4;background:#fff;border-radius:18px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:7px;cursor:pointer;font:inherit;color:var(--deep);transition:.2s}.quick-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(60,25,40,.08)}.quick-card b{font-size:16px}.quick-card small{color:var(--muted)}
.offer-grid{max-width:1180px;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.offer-card{background:#fff;border:1px solid #eadfe4;border-radius:20px;padding:24px}.offer-card>span{font-size:28px}.offer-card h3{margin:12px 0 8px}.offer-card p{color:var(--muted);line-height:1.6}.find-page{min-height:70vh}
@media(max-width:700px){.site-header{padding:10px 14px;display:flex;align-items:center;gap:8px}.mobile-menu-btn{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:100%;left:10%;width:80%;right:auto;background:#fff;border:1px solid #eadfe4;border-radius:18px;padding:10px;box-shadow:0 18px 45px rgba(40,15,25,.14);max-height:80vh;min-height:80vh;overflow-y:auto;overflow-x:hidden}.site-header nav.mobile-open{display:flex;flex-direction:column}.site-header nav a{padding:13px 12px;border-radius:10px}.site-header nav a:hover{background:#fff3f7}.site-header .nav-actions{display:flex;gap:5px}.site-header .nav-actions button{min-height:42px}.dashboard-quick-grid{grid-template-columns:1fr 1fr;gap:9px}.quick-card{padding:15px;border-radius:15px}.offer-grid{grid-template-columns:1fr}.standalone-dashboard{padding:30px 12px}.standalone-dashboard>.section-head h1{font-size:30px}}
/* MyBuddyly final navigation + mobile drawer */
.site-header{padding:12px 24px;display:flex;align-items:center;gap:20px}
.site-header .brand{flex:0 0 auto}
.site-header nav{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}
.site-header nav a{padding:10px 12px;border-radius:10px;color:var(--deep);font-weight:600;font-size:14px;text-decoration:none}
.site-header nav a:hover{background:#fff3f7}
.site-header .nav-actions{display:flex;gap:8px;align-items:center}
@media(max-width:760px){
 .site-header{padding:10px 14px;position:sticky;top:0;z-index:1000}
 .mobile-menu-btn{display:block;margin-left:auto;border:1px solid #eadfe4;background:#fff;border-radius:12px;width:44px;height:44px;font-size:21px;cursor:pointer}
 .site-header nav{position:fixed;left:0;top:0;bottom:0;width:80vw;max-width:none;padding:78px 18px 24px;background:#fff;box-shadow:18px 0 45px rgba(35,12,22,.16);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;transform:translateX(-105%);transition:transform .25s ease;z-index:1100;overflow-y:auto}
 .site-header nav.mobile-open{transform:translateX(0)}
 .site-header nav a{padding:14px 15px;font-size:15px;border-bottom:1px solid #f3e8ed}
 .site-header .nav-actions{margin-left:0}
 .site-header .nav-actions .ghost,.site-header .nav-actions .primary{min-height:42px;padding:9px 10px;font-size:12px}
 .site-header .nav-actions .logout-btn{min-height:42px}
}
@media(max-width:480px){.site-header .nav-actions .ghost,.site-header .nav-actions .primary{display:none}.brand{font-size:20px}.topbar{font-size:10px;padding:7px 10px}}
.mobile-auth-link{display:none!important}
@media(max-width:760px){.site-header nav a.mobile-auth-link{display:block!important;font-weight:700}.site-header nav a.mobile-auth-link:first-of-type{margin-top:10px;border-top:1px solid #eadfe4}}
.reviews-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;position:relative;min-height:255px}
.review-card{position:relative;inset:auto;display:none;min-height:255px}
.review-card.active{display:flex;opacity:1;transform:none;pointer-events:auto}
@media(max-width:700px){.reviews-track{grid-template-columns:1fr;min-height:320px}.review-card{min-height:300px}.review-card.active:nth-child(2){display:none}}

.directory-note{margin:12px 0 18px;padding:12px 14px;border:1px solid #eadfe4;border-radius:14px;background:#fff;color:#666;font-size:13px}.filters select,.filters input{min-width:170px}.legal-page{max-width:980px;margin:auto}.legal-content h2{margin-top:28px}.legal-content p{line-height:1.7;color:#555}.legal-note{margin-top:30px;padding:16px;border:1px solid #f0d4df;background:#fff7fa;border-radius:14px}@media(max-width:700px){.filters{display:grid!important;grid-template-columns:1fr!important}.filters select,.filters input,.filters button{width:100%!important;min-width:0}}

.terms-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff7f0;border:1px solid #f0d3b6;border-radius:16px;padding:14px;margin:14px 0}.terms-banner small{display:block;color:#666;margin-top:4px;max-width:700px}.terms-check{display:flex!important;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;color:#555}.terms-check input{width:auto!important;margin-top:3px}.sos-btn{background:#b42318!important;color:#fff!important;border:0;border-radius:10px;padding:10px 14px;cursor:pointer}.safety-actions{margin:10px 0}.legal-content h2{margin-top:28px}.legal-content p{line-height:1.7}@media(max-width:700px){.terms-banner{align-items:stretch;flex-direction:column}.terms-banner button{width:100%}.safety-actions button{flex:1;min-width:140px}}

/* =========================================================
   MyBuddyly App UI Refresh — mobile-first premium layer
   Inspired by modern companion/social app patterns.
   ========================================================= */
:root{
  --mb-primary:#e94067;
  --mb-primary-2:#ff6f91;
  --mb-blush:#fff1f5;
  --mb-surface:#ffffff;
  --mb-bg:#fbf8fa;
  --mb-text:#24151c;
  --mb-muted:#7b6870;
  --mb-border:#eee2e7;
  --mb-shadow:0 16px 45px rgba(64,25,40,.09);
}
body{background:var(--mb-bg);color:var(--mb-text);font-family:Inter,'DM Sans',Arial,sans-serif}
body:before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 85% 0%,rgba(255,111,145,.13),transparent 25%),radial-gradient(circle at 5% 35%,rgba(233,64,103,.06),transparent 23%);pointer-events:none}
.topbar{background:#29131d;padding:7px 12px;font-size:10px;letter-spacing:1.1px}
.site-header{height:72px!important;padding:10px clamp(14px,4vw,52px)!important;background:rgba(255,255,255,.9)!important;border-bottom:1px solid rgba(238,226,231,.9)!important;box-shadow:0 5px 25px rgba(60,20,35,.04);}
.brand{font-size:22px!important;letter-spacing:-.4px}.brand-heart{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--mb-primary),var(--mb-primary-2));color:#fff!important;font-size:18px;box-shadow:0 7px 18px rgba(233,64,103,.22)}
.site-header nav{gap:3px!important}.site-header nav a{padding:10px 13px!important;color:#59474f!important;font-size:13px!important;font-weight:700!important}.site-header nav a:hover{background:var(--mb-blush)!important;color:var(--mb-primary)!important}
.site-header .nav-actions button{border-radius:999px!important}.primary{background:linear-gradient(135deg,var(--mb-primary),var(--mb-primary-2))!important;border-radius:14px!important;box-shadow:0 9px 22px rgba(233,64,103,.2)!important}.outline,.ghost{border-color:#ecc9d4!important;color:var(--mb-primary)!important;background:#fff!important;border-radius:14px!important}
.hero{min-height:680px;padding:72px clamp(18px,7vw,100px);background:linear-gradient(135deg,#fff8fa 0%,#fff 58%,#fff0f5 100%);position:relative;overflow:hidden}.hero:after{content:"♥";position:absolute;right:5%;top:9%;font-size:180px;color:rgba(233,64,103,.055);transform:rotate(15deg)}
.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(42px,6vw,70px);letter-spacing:-2.2px}.hero p{font-size:17px;max-width:570px}.eyebrow{letter-spacing:1.7px}.hero-buttons .primary,.hero-buttons .outline{min-height:52px;padding:14px 22px}.trust span{background:#fff;border:1px solid var(--mb-border);padding:9px 12px;border-radius:999px;box-shadow:0 5px 16px rgba(70,25,42,.04)}
.hero-art{min-height:520px}.main-photo{width:min(390px,82%);height:500px;border:8px solid rgba(255,255,255,.82);box-shadow:0 30px 70px rgba(74,25,43,.16);transform:rotate(3deg)}.float-card{border-radius:18px;padding:12px 14px;box-shadow:var(--mb-shadow)}
.section{padding:72px clamp(16px,6vw,84px);max-width:1440px}.section-head h1,.section-head h2,.center h2{letter-spacing:-1px}.section-head h1{font-size:42px}.section-head h2,.center h2{font-size:38px}
.soft{background:linear-gradient(180deg,#fff6f9,#fff)}
.steps{gap:16px}.step,.card,.offer-card,.quick-card,.dashboard-box{border:1px solid var(--mb-border);box-shadow:var(--mb-shadow);background:rgba(255,255,255,.95)}.step{border-radius:24px;padding:24px}.step-icon{background:var(--mb-blush);color:var(--mb-primary);border-radius:15px}
.card{border-radius:24px;padding:12px;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(64,25,40,.12);border-color:#f0c5d2}.card-photo{height:235px;border-radius:19px}.card h3{font-size:19px}.badge{background:#fff0f4;color:#c52d5a}.service-chips span{background:#fff3f6!important;color:#b82b58!important;border:1px solid #f3d6df!important;border-radius:999px!important}.profile-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.profile-meta b{font-size:17px;color:#351823}.profile-meta span{font-size:11px;color:var(--mb-muted)}
.filters{padding:12px;background:#fff;border:1px solid var(--mb-border);border-radius:20px;box-shadow:0 12px 32px rgba(60,20,35,.06);align-items:center}.filters select,.filters input{min-height:48px;border-radius:14px!important;border-color:#e9dce2!important;font-size:14px}.filters button{min-height:48px}
.find-page{padding-top:48px}.directory-note{background:#fff;border-radius:16px!important;box-shadow:0 8px 22px rgba(60,20,35,.04)}
.reviews-section{padding:72px clamp(16px,6vw,84px);background:#fff}.review-card{border:1px solid var(--mb-border)!important;border-radius:24px!important;box-shadow:var(--mb-shadow)!important;background:linear-gradient(145deg,#fff,#fff8fa)!important}.review-person img{border:3px solid #fff;box-shadow:0 6px 16px rgba(50,15,30,.12)}.review-stars{color:#f0a400!important}.review-trust span{background:#fff5f7!important;border:1px solid #f0dbe2!important;border-radius:999px!important}
.provider-banner{border-radius:32px;overflow:hidden;margin:60px auto;background:linear-gradient(135deg,#321520,#7d2347 70%,#b83e69);box-shadow:0 24px 65px rgba(55,17,31,.18)}.provider-image{border-radius:25px;border:5px solid rgba(255,255,255,.15)}
.standalone-dashboard{padding-top:42px;min-height:76vh}.dashboard-section{background:transparent}.dashboard-section .section-head{margin-bottom:22px}.dashboard-section .section-head h1{font-size:40px}.welcome-card{border-radius:28px!important;box-shadow:var(--mb-shadow)!important;background:linear-gradient(135deg,#fff,#fff0f5)!important}.dashboard-quick-grid{gap:12px}.quick-card{border-radius:20px!important}.quick-card:hover{border-color:#edc4d0;transform:translateY(-3px)}
.profile-detail-page{background:#fff!important;border:1px solid var(--mb-border)!important;border-radius:30px!important;box-shadow:var(--mb-shadow)!important;overflow:hidden}.detail-photo{background:#fff0f4}.detail-content{padding:30px}.detail-content h1{font-size:42px;letter-spacing:-1px}.safety-box{margin:20px 30px;padding:16px;border-radius:18px;background:#fff7ea;border:1px solid #f1ddbd}.profile-detail-page>.primary{margin:0 30px 12px!important;width:calc(100% - 60px)!important}
.auth-card{border-radius:30px!important;box-shadow:0 35px 100px rgba(31,7,18,.28)!important}.auth-visual{background:linear-gradient(160deg,rgba(61,18,37,.78),rgba(233,64,103,.66)),url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=900&q=85') center/cover}.auth-panel{padding:38px}.auth-panel input{min-height:50px;border-radius:14px}.switch{border-radius:14px}.switch button.active{color:var(--mb-primary)}
.modal-backdrop{background:rgba(29,11,20,.56)!important}.large-modal,.profile-editor{border-radius:26px!important;box-shadow:0 30px 90px rgba(35,8,20,.24)!important}
footer{background:#26121b!important;border-top:1px solid #412532}.footer-brand{letter-spacing:-.5px}

/* Modern mobile app layout */
@media(max-width:760px){
 body{padding-bottom:0}.topbar{font-size:9px;letter-spacing:.8px}
 .site-header{height:64px!important;padding:8px 13px!important}.brand{font-size:20px!important}.brand-heart{width:31px;height:31px}
 .site-header .nav-actions{display:none!important}.mobile-menu-btn{display:grid!important;place-items:center;margin-left:auto!important;background:#fff;border:1px solid #ecdfe4!important;border-radius:13px!important;color:#4a2632!important;box-shadow:0 6px 15px rgba(60,20,35,.06)}
 .site-header nav{width:min(86vw,330px)!important;padding:82px 14px 22px!important;background:rgba(255,255,255,.98)!important;border:0!important;border-radius:0 24px 24px 0!important;box-shadow:18px 0 55px rgba(35,12,22,.18)!important;backdrop-filter:blur(16px);gap:5px!important}
 .site-header nav:before{content:'MYBUDDLY';position:absolute;top:24px;left:20px;color:var(--mb-primary);font-size:12px;font-weight:900;letter-spacing:1.5px}
 .site-header nav a{font-size:14px!important;padding:14px 14px!important;border:0!important;border-radius:13px!important}.site-header nav a:active,.site-header nav a:hover{background:#fff0f4!important}
 .hero{min-height:calc(100svh - 64px);grid-template-columns:1fr;padding:38px 18px 42px;gap:18px}.hero h1{font-size:42px;line-height:1.04;margin:13px 0}.hero p{font-size:15px;line-height:1.65}.hero-buttons{margin:20px 0 16px;gap:9px}.hero-buttons button{min-height:50px}.hero-art{min-height:350px;order:2}.main-photo{height:350px;width:min(310px,78vw)}.float-card{transform:scale(.88)}.rating-card{left:0;top:7%}.mini-card{right:-3%;bottom:7%}
 .section{padding:48px 15px}.section-head h1{font-size:31px}.section-head h2,.center h2{font-size:30px}.section-head p{font-size:13px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:9px;border-radius:18px}.card-photo{height:190px;border-radius:14px}.card h3{font-size:16px}.card p{font-size:11px}.card .service-chips{max-height:50px;overflow:hidden}.service-chips span{font-size:9px!important;padding:4px 7px!important}.profile-meta{display:block}.profile-meta b{display:block;font-size:15px;margin-bottom:5px}.profile-meta span{font-size:10px}.card button{padding:10px 8px;font-size:12px}
 .filters{display:grid!important;grid-template-columns:1fr 1fr!important;padding:10px;gap:8px!important;border-radius:18px}.filters select,.filters input,.filters button{width:100%!important;min-width:0!important}.filters button{grid-column:1/-1}.directory-note{font-size:11px;padding:10px 12px}
 .reviews-section{padding:48px 15px}.reviews-window{margin-top:18px}.review-card{min-height:315px!important;padding:16px!important}.review-card p{font-size:13px!important}.review-controls{display:flex;width:100%;gap:7px}.review-controls button{min-width:48px}
 .steps{grid-template-columns:1fr 1fr;gap:9px}.step{padding:17px;border-radius:18px}.step-icon{width:42px;height:42px;margin-bottom:14px}.step h3{font-size:15px}.step p{font-size:11px;line-height:1.5}
 .provider-banner{margin:28px 10px;border-radius:24px;padding:38px 22px;grid-template-columns:1fr;gap:22px}.provider-banner h2{font-size:31px}.provider-image{height:220px}
 .standalone-dashboard{padding:26px 12px;min-height:calc(100svh - 64px)}.dashboard-section .section-head{display:flex;align-items:center}.dashboard-section .section-head h1{font-size:29px}.welcome-card{padding:17px;border-radius:22px!important}.welcome-avatar{width:68px;height:68px;flex-basis:68px}.welcome-card h2{font-size:22px}.dashboard-quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-card{padding:14px;border-radius:17px!important}.quick-card b{font-size:14px}.quick-card small{font-size:10px}
 .event-grid{grid-template-columns:1fr 1fr!important;gap:9px}.event-card{padding:13px;border-radius:16px;gap:9px}.event-icon{width:40px;height:40px;border-radius:12px;font-size:19px}.event-card b{font-size:13px}.event-card small{font-size:10px}.event-card i{font-size:14px}
 .profile-detail-page{border-radius:24px!important}.detail-photo{height:330px!important}.detail-content{padding:22px 18px}.detail-content h1{font-size:31px}.safety-box{margin:16px 18px}.profile-detail-page>.primary{margin:0 18px 10px!important;width:calc(100% - 36px)!important}
 .auth-card{width:calc(100vw - 18px)!important;margin:2vh auto!important;min-height:auto!important;border-radius:24px!important}.auth-panel{padding:26px 18px 20px}.auth-title h2{font-size:30px}.auth-panel input{min-height:50px}.auth-panel .primary{min-height:50px}.auth-visual{display:none}
 .booking-modal{width:calc(100vw - 14px)!important;border-radius:22px!important;padding:18px!important}.booking-picker-grid{gap:9px}.booking-picker-grid input,.booking-picker-grid select{min-height:52px}.chat-modal{width:calc(100vw - 14px)!important}
 .large-modal{width:calc(100vw - 14px)!important;padding:18px!important;border-radius:22px!important}.form-grid{grid-template-columns:1fr!important}
}
@media(max-width:390px){.hero h1{font-size:37px}.grid{grid-template-columns:1fr 1fr}.card-photo{height:170px}.steps{grid-template-columns:1fr}.hero-art{min-height:320px}.main-photo{height:320px}.detail-photo{height:290px!important}}

/* Safe area for modern phones */
@supports(padding:max(0px)){.site-header{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.modal .large-modal{margin-bottom:max(14px,env(safe-area-inset-bottom))}}
.mini-btn{border:0;background:none;color:#e91e63;font-weight:700;cursor:pointer;padding:0;font-size:12px}
.offer-card{position:relative;overflow:hidden}.offer-badge{display:inline-block!important;background:#fff0f5;color:var(--mb-primary);border:1px solid #f3c7d7;border-radius:999px;padding:5px 10px;font-size:11px!important;font-weight:800;letter-spacing:.5px}.offer-price{display:flex;flex-direction:column;gap:5px;margin:14px 0}.offer-price del{color:#8a7b82;font-size:14px}.offer-price b{font-size:22px;color:var(--mb-primary)}
.dashboard-activity-editor{margin:12px 0 22px;padding:16px;border:1px solid #eadfe4;border-radius:16px;background:#fff}
.dashboard-activity-editor .activity-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
@media(max-width:800px){.dashboard-activity-editor .activity-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dashboard-activity-editor .activity-check-grid{grid-template-columns:1fr}}

/* Dashboard offers carousel */
.dashboard-offer-section{margin:22px 0 26px;padding:20px;border-radius:24px;background:linear-gradient(135deg,#fff7fb,#fff);border:1px solid rgba(225,29,116,.12);box-shadow:0 10px 30px rgba(31,18,24,.06)}
.offer-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.offer-section-head h2{margin:4px 0}.offer-section-head p{margin:0;color:#777}.offer-slider-controls{display:flex;gap:8px}
.offer-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;scroll-behavior:smooth}.offer-slider::-webkit-scrollbar{display:none}
.offer-slide-card{flex:0 0 min(330px,82vw);scroll-snap-align:start;padding:20px;border-radius:20px;border:1px solid #eee;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06);position:relative}.offer-slide-card h3{margin:12px 0 10px}.offer-slide-card p{color:#666;min-height:42px}.offer-big{font-size:22px;font-weight:800;margin:8px 0}.offer-big span{opacity:.5;padding:0 4px}.offer-big del{font-size:15px;color:#999;margin-right:6px}.offer-for{display:inline-block;margin-top:8px;color:#777}.offer-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#fff0f6;color:#d81b69;font-size:11px;font-weight:800;letter-spacing:.04em}.offer-slide-card .primary{width:100%;margin-top:8px}
@media(max-width:600px){.dashboard-offer-section{padding:16px;border-radius:20px}.offer-section-head{align-items:flex-start}.offer-section-head p{font-size:13px}.offer-slide-card{flex-basis:82vw}}

.profile-gallery{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:10px;margin:12px 0}.gallery-thumb{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#f7f2f4;border:1px solid #eadfe4}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-delete{position:absolute;right:5px;top:5px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;font-size:18px}.gallery-empty{padding:14px;border:1px dashed #ddd;border-radius:12px;color:#777}.profile-view-main-photo{width:110px;height:110px;border-radius:20px;object-fit:cover;margin:10px 0;border:1px solid #eee}@media(max-width:650px){.profile-gallery{grid-template-columns:repeat(3,1fr)}}

/* FINAL MOBILE MENU SIZE FIX — 80% width x 80% height */
@media (max-width:760px){
  .site-header nav#mainNav{
    position:fixed !important;
    left:10vw !important;
    top:10vh !important;
    right:auto !important;
    bottom:auto !important;
    width:80vw !important;
    height:80vh !important;
    min-height:80vh !important;
    max-height:80vh !important;
    box-sizing:border-box !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    transform:translateX(-120%) !important;
    border-radius:24px !important;
    z-index:99999 !important;
    padding:72px 16px 20px !important;
  }
  .site-header nav#mainNav.mobile-open{
    transform:translateX(0) !important;
  }
}
