:root{--red:#ff385c;--red2:#e31c5f;--ink:#222;--muted:#6a6a6a;--line:#e7e7e7;--soft:#f7f7f7;--shadow:0 6px 28px rgba(0,0,0,.12)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:30}.brand img{display:block;width:144px;height:auto}.desktop-nav{display:flex;gap:6px}.nav-link{border:0;background:transparent;padding:12px 16px;border-radius:22px;font-weight:650}.nav-link:hover,.nav-link.active{background:#f7f7f7}.top-actions{display:flex;align-items:center;gap:12px}.host-link{border:0;background:transparent;font-weight:650;padding:11px 13px;border-radius:22px}.host-link:hover{background:#f7f7f7}.profile-btn{border:1px solid #ddd;background:#fff;border-radius:24px;padding:8px 10px;display:flex;gap:10px;align-items:center}.avatar{width:28px;height:28px;border-radius:50%;background:#717171;color:#717171}
.view{display:none}.view.active{display:block}.hero{padding:60px 5vw 0;background:linear-gradient(180deg,#fff 0,#fff8fa 100%)}.hero-copy{max-width:820px;margin:0 auto;text-align:center}.kicker{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--red)}.hero h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.06em;line-height:1;margin:13px 0 18px}.hero-copy>p:last-child{color:var(--muted);font-size:18px}.searchbar{max-width:860px;margin:38px auto -34px;background:#fff;border:1px solid #ddd;border-radius:999px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr .45fr auto;padding:7px 7px 7px 24px;position:relative;z-index:2}.searchbar label{display:flex;flex-direction:column;padding:5px 18px;border-right:1px solid #eee}.searchbar label span{font-size:11px;font-weight:800}.searchbar input{border:0;outline:0;padding:3px 0;color:#444}.searchbar button{width:48px;height:48px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:22px}
.content{max-width:1200px;margin:auto;padding:80px 30px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{font-size:32px;letter-spacing:-.04em;margin:3px 0}.soft-btn{border:1px solid #ddd;background:#fff;border-radius:10px;padding:10px 14px}.listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px}.listing-card{cursor:pointer}.listing-image{aspect-ratio:1/1;border-radius:14px;background:#eee;overflow:hidden;position:relative}.listing-image img{width:100%;height:100%;object-fit:cover;display:block}.listing-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#fee8ed,#f3f3f3);font-size:44px}.heart{position:absolute;right:12px;top:10px;border:0;background:rgba(255,255,255,.86);width:34px;height:34px;border-radius:50%;font-size:18px}.listing-meta{padding-top:10px}.listing-meta h3{font-size:15px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-meta p{font-size:14px;color:var(--muted);margin:2px 0}.listing-meta strong{display:block;font-size:14px;margin-top:7px}.listing-meta strong span{font-weight:400}
.primary-btn{border:0;background:var(--red);color:#fff;padding:12px 17px;border-radius:10px;font-weight:750}.primary-btn:hover{background:var(--red2)}.full{width:100%}.hidden{display:none!important}.dashboard-page{min-height:70vh}.dashboard-panel{display:block}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.stat-card{padding:20px;border:1px solid var(--line);border-radius:14px}.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:28px;margin-top:6px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px}.data-card{border:1px solid var(--line);border-radius:14px;padding:15px;margin-bottom:12px}.data-card h4{margin:0 0 6px}.data-card p{margin:3px 0;color:var(--muted);font-size:13px}.badge-status{display:inline-block;padding:5px 8px;border-radius:999px;background:#f2f2f2;font-size:11px;font-weight:700;text-transform:capitalize}.badge-status.approved,.badge-status.accepted{background:#e8f8ef;color:#16794b}.badge-status.pending,.badge-status.requested{background:#fff4dc;color:#9a6500}.badge-status.rejected,.badge-status.declined{background:#feeceb;color:#b42318}.card-actions{display:flex;gap:8px;margin-top:12px}.card-actions button{border:1px solid #ddd;background:#fff;border-radius:8px;padding:8px 10px}.card-actions .approve{background:#111;color:#fff;border-color:#111}.card-actions .danger{color:#b42318;border-color:#f0b9b5;background:#fff5f4}.auth-callout{border:1px solid var(--line);border-radius:18px;padding:42px;text-align:center;background:#fafafa}.auth-callout p{color:var(--muted)}
.messages-layout{height:620px;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:330px 1fr}.conversation-list{border-right:1px solid var(--line);overflow:auto}.conversation-item{padding:15px;border-bottom:1px solid var(--line);cursor:pointer}.conversation-item:hover,.conversation-item.active{background:#f7f7f7}.conversation-item strong,.conversation-item span{display:block}.conversation-item span{font-size:12px;color:var(--muted);margin-top:3px}.chat-pane{display:flex;flex-direction:column;min-width:0}.chat-header{padding:18px;border-bottom:1px solid var(--line);font-weight:750}.message-thread{height:500px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.message-bubble{max-width:72%;padding:10px 12px;border-radius:15px;background:#f1f1f1}.message-bubble.mine{align-self:flex-end;background:#222;color:#fff}.message-bubble small{display:block;font-size:10px;opacity:.65;margin-top:4px}.message-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-top:1px solid var(--line)}.message-form input{border:1px solid #ddd;border-radius:999px;padding:11px 15px}.message-form button{border:0;border-radius:999px;background:var(--red);color:#fff;padding:0 18px}
.profile-menu{position:fixed;right:5vw;top:70px;width:210px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:60;padding:8px}.profile-menu button{width:100%;text-align:left;border:0;background:#fff;padding:11px;border-radius:8px}.profile-menu button:hover{background:#f7f7f7}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100;display:grid;place-items:center;padding:20px}.modal{position:relative;background:#fff;border-radius:18px;padding:28px;width:min(460px,100%);max-height:92vh;overflow:auto}.modal-wide{width:min(760px,100%)}.modal-xl{width:min(980px,100%)}.modal-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;background:#f3f3f3;border-radius:50%;font-size:21px}.auth-tabs{display:flex;gap:4px;background:#f4f4f4;border-radius:10px;padding:4px;margin-bottom:20px}.auth-tabs button{flex:1;border:0;background:transparent;border-radius:8px;padding:9px}.auth-tabs button.active{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.08)}form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;margin-bottom:14px}form input,form textarea,form select{border:1px solid #ccc;border-radius:9px;padding:11px 12px;outline:none}form input:focus,form textarea:focus,form select:focus{border-color:#111}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.span-2{grid-column:1/-1}.muted{color:var(--muted)}.upload-preview{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.upload-preview img{width:90px;height:70px;object-fit:cover;border-radius:9px}
.detail-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:180px 180px;gap:8px;border-radius:16px;overflow:hidden}.detail-gallery img,.detail-gallery .ph{width:100%;height:100%;object-fit:cover;background:#eee;display:grid;place-items:center}.detail-gallery img:first-child,.detail-gallery .ph:first-child{grid-row:1/3}.detail-title{display:flex;justify-content:space-between;gap:20px;align-items:start;margin:22px 0}.detail-title h2{margin:0}.detail-sub{color:var(--muted)}.detail-body{display:grid;grid-template-columns:1fr 330px;gap:32px}.booking-box{border:1px solid #ddd;border-radius:14px;padding:18px;box-shadow:0 4px 18px rgba(0,0,0,.08);align-self:start}.booking-box strong{font-size:20px}.booking-box .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.booking-box label{font-size:10px}.empty-state{padding:40px;text-align:center;color:var(--muted)}.mini-tabs button{border:0;border-bottom:2px solid #111;background:transparent;padding:10px 0;margin-bottom:20px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#111;color:#fff;padding:11px 16px;border-radius:999px;z-index:150;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1000px){.listing-grid{grid-template-columns:repeat(3,1fr)}.desktop-nav{display:none}.two-col{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.detail-body{grid-template-columns:1fr}.booking-box{max-width:none}}
@media(max-width:720px){.topbar{height:66px;padding:0 16px}.brand img{width:120px}.host-link{display:none}.hero{padding:42px 18px 0}.searchbar{grid-template-columns:1fr auto;border-radius:18px;padding:8px 8px 8px 10px}.searchbar label:nth-child(2){display:none}.searchbar label{border:0}.content{padding:66px 16px}.listing-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.section-head h2{font-size:27px}.messages-layout{grid-template-columns:1fr;height:auto}.conversation-list{border-right:0;border-bottom:1px solid var(--line);max-height:250px}.message-thread{height:360px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.detail-gallery{grid-template-columns:1fr 1fr;grid-template-rows:220px 120px}.detail-gallery img:first-child,.detail-gallery .ph:first-child{grid-column:1/-1;grid-row:auto}.stats-row{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.listing-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr}.top-actions{gap:5px}}

.availability-block,.availability-ok{margin:10px 0 14px;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.55}
.availability-block{background:#fff7f5;border:1px solid #ffd4cc}
.availability-block strong{display:block;margin-bottom:4px}
.availability-ok{background:#f6faf7;border:1px solid #d6eadb}

/* V6 Airbnb-style booking calendar, profile and pricing */
.booking-calendar{border:1px solid var(--line);border-radius:14px;padding:12px;margin:12px 0}
.cal-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;text-align:center;margin-bottom:8px}
.cal-head button{border:0;background:#f7f7f7;border-radius:50%;width:34px;height:34px;font-size:22px}
.cal-week,.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.cal-week{font-size:10px;color:var(--muted);padding:4px 0 6px}
.cal-day,.cal-empty{aspect-ratio:1;min-width:0}
.cal-day{border:0;background:#fff;border-radius:50%;font-size:12px;cursor:pointer}
.cal-day:hover:not(:disabled){outline:1px solid #111}
.cal-day.blocked{color:#bbb;text-decoration:line-through;background:#f8f8f8;cursor:not-allowed}
.cal-day.selected{background:#111;color:#fff}
.cal-day.in-range{background:#f1f1f1;border-radius:8px}
.cal-legend{display:flex;gap:14px;margin-top:10px;font-size:10px;color:var(--muted)}
.cal-legend i{display:inline-block;width:9px;height:9px;border:1px solid #bbb;border-radius:2px;margin-right:4px}
.cal-legend i.busy{background:#eee;text-decoration:line-through}
.date-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:12px 0}
.date-summary>div{padding:10px}.date-summary>div+div{border-left:1px solid var(--line)}
.date-summary span{display:block;font-size:9px;font-weight:800}.date-summary strong{font-size:12px}
.price-summary{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.price-summary>div{display:flex;justify-content:space-between;gap:15px;padding:4px 0;font-size:13px}
.price-total{border-top:1px solid var(--line);margin-top:7px;padding-top:10px!important}
.payment-note{font-size:10px;color:var(--muted);text-align:center;line-height:1.4;margin:9px 0 0}
.host-card{display:grid;grid-template-columns:58px 1fr;gap:14px;border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
.host-card img,.host-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#f1f1f1;display:grid;place-items:center;font-size:22px;font-weight:800}
.host-card h3{margin:0 0 5px}.host-card p{margin:0 0 4px}.host-card small{color:var(--muted)}
.profile-editor{display:grid;grid-template-columns:220px 1fr;gap:34px;border:1px solid var(--line);border-radius:18px;padding:26px}
.profile-avatar-panel{text-align:center}.profile-avatar-large{width:150px;height:150px;border-radius:50%;background:#f2f2f2;margin:0 auto 14px;display:grid;place-items:center;font-size:48px;font-weight:800;overflow:hidden}
.profile-avatar-large img{width:100%;height:100%;object-fit:cover}
.upload-avatar input{margin-top:8px;width:100%}
.profile-fields{min-width:0}
@media(max-width:720px){.profile-editor{grid-template-columns:1fr}.profile-avatar-large{width:120px;height:120px}.booking-calendar{padding:8px}.cal-day{font-size:11px}}

/* V7 global destination autocomplete */
.destination-field{position:relative;min-width:0}
.destination-field input{width:100%}
.destination-suggestions{
  position:absolute;left:0;top:calc(100% + 10px);width:min(420px,82vw);max-height:360px;overflow:auto;
  background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;z-index:80;
  box-shadow:0 16px 40px rgba(0,0,0,.14)
}
.destination-option{
  width:100%;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left;
  border:0;background:#fff;border-radius:12px;padding:10px;cursor:pointer;min-height:58px
}
.destination-option:hover,.destination-option:focus{background:#f6f6f6;outline:none}
.destination-pin{width:38px;height:38px;border-radius:10px;background:#f2f2f2;display:grid;place-items:center;font-size:18px}
.destination-option strong,.destination-option small{display:block}
.destination-option small{margin-top:2px;color:var(--muted);font-size:12px}
.destination-empty{padding:14px;color:var(--muted);font-size:13px}
@media(max-width:720px){.destination-suggestions{position:absolute;width:min(92vw,420px);left:0}}

.explore-actions{display:flex;gap:8px;flex-wrap:wrap}.explore-shell{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
.explore-shell:has(.listing-map-wrap:not(.hidden)){grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}
.listing-map-wrap{position:sticky;top:88px;height:calc(100vh - 112px);min-height:480px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.listing-map{width:100%;height:100%}
.listing-image{position:relative}.heart.active{color:#e3485a}.instant-badge{position:absolute;left:12px;top:12px;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;z-index:2}
.instant-toggle{display:flex;flex-direction:column;gap:6px}.instant-toggle input{width:auto}.listing-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.listing-card-top h3{margin:0}
.reviews-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.reviews-list{display:grid;gap:14px}.review-card{border:1px solid var(--line);border-radius:14px;padding:14px}
.reviewer-row{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.reviewer-row img,.reviewer-row>span{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#f1f1f1;display:grid;place-items:center;font-weight:800}
.reviewer-row small{display:block;color:var(--muted);margin-top:2px}@media(max-width:980px){.explore-shell:has(.listing-map-wrap:not(.hidden)){grid-template-columns:1fr}.listing-map-wrap{position:relative;top:auto;height:430px;min-height:0}}@media(max-width:600px){.listing-map-wrap{height:360px}.explore-actions{width:100%}.explore-actions .soft-btn{flex:1}}

/* V9 advanced discovery + listing detail */
.searchbar{grid-template-columns:minmax(180px,1.6fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(90px,.55fr) 52px}
.category-bar{display:flex;gap:6px;overflow-x:auto;padding:6px 0 18px;scrollbar-width:none}
.category-bar::-webkit-scrollbar{display:none}
.category-chip{min-width:92px;border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 8px;display:grid;gap:5px;place-items:center;color:var(--muted);cursor:pointer}
.category-chip span{font-size:12px;font-weight:650}.category-chip.active{color:var(--text);border-bottom-color:var(--text)}
.filters-card{max-width:700px}.filters-card h3{margin:22px 0 10px}.filter-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.filter-checks label{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:8px;align-items:center}.filter-checks input{width:auto}
.filter-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}
.listing-facts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.listing-facts span{font-size:13px}.listing-facts span+span:before{content:"·";margin-right:10px;color:var(--muted)}
.amenity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:26px}.amenity-grid span{padding:8px 0;border-bottom:1px solid #f0f0f0}
.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}
.policy-grid>div{border:1px solid var(--line);border-radius:14px;padding:14px}.policy-grid h3{margin:0 0 6px}.policy-grid p{margin:0;color:var(--muted);line-height:1.5}
.approx-location{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.approx-map-card{min-height:150px;border-radius:16px;background:linear-gradient(135deg,#f4f6f1,#eef3f5);display:grid;place-items:center;font-weight:800;font-size:18px;text-align:center;padding:20px}.approx-map-card small{display:block;font-weight:400;color:var(--muted);margin-top:4px}
.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.detail-actions{display:flex;gap:8px}.detail-actions button{border:0;background:transparent;text-decoration:underline;font-weight:700;padding:8px;cursor:pointer}
@media(max-width:900px){.searchbar{grid-template-columns:1fr 1fr}.searchbar .destination-field{grid-column:1/-1}.searchbar #searchBtn{width:100%;grid-column:1/-1}.policy-grid{grid-template-columns:1fr}}
@media(max-width:600px){.searchbar{grid-template-columns:1fr}.searchbar>*{grid-column:1!important}.filter-checks,.amenity-grid{grid-template-columns:1fr}.detail-title{display:block}.detail-actions{margin-top:10px}}

/* V10 host calendar and pricing */
.host-calendar-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
.calendar-sidebar{position:sticky;top:88px;display:grid;gap:14px}
.pricing-panel{border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:10px}
.pricing-panel h3{margin:0 0 4px}
.calendar-main{border:1px solid var(--line);border-radius:18px;padding:16px;min-width:0}
.host-cal-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;margin-bottom:12px}
.host-cal-head h3{margin:0}
.host-cal-week,.host-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.host-cal-week span{text-align:center;font-size:11px;color:var(--muted);padding:4px}
.host-cal-day,.host-cal-empty{min-height:92px}
.host-cal-day{border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;padding:8px;display:flex;flex-direction:column;gap:4px;cursor:pointer}
.host-cal-day:hover{border-color:#111}.host-cal-day.booked{background:#f3f3f3;cursor:not-allowed}.host-cal-day.blocked{background:#fff3f3}
.host-cal-num{font-weight:800}.host-cal-day small{font-size:11px;color:var(--muted)}.host-cal-day em{font-size:10px;color:var(--muted);font-style:normal}
.day-edit-card{max-width:460px}.day-edit-card label{display:grid;gap:6px;margin:10px 0}
@media(max-width:900px){.host-calendar-layout{grid-template-columns:1fr}.calendar-sidebar{position:relative;top:auto}.host-cal-day{min-height:78px}}
@media(max-width:640px){.host-cal-week,.host-calendar-grid{gap:3px}.host-cal-day{min-height:68px;padding:5px}.host-cal-day small{font-size:9px}.host-cal-day em{display:none}}

/* V11 trust, verification and account security */
.trust-security{margin-top:28px;border-top:1px solid var(--line);padding-top:28px}
.section-head.compact{margin-bottom:14px}.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.trust-card,.security-box{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.trust-card>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}
.trust-card p{min-height:42px;color:var(--muted);font-size:13px}.verify-pill{font-size:11px;border-radius:999px;padding:5px 8px;background:#f2f2f2}.verify-pill.verified{background:#e9f8ef;color:#126b39}.verify-pill.pending{background:#fff5d9;color:#795800}.verify-pill.rejected{background:#fff0f0;color:#9b2424}
.security-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.security-box{display:grid;gap:10px;margin-top:12px}.security-box h3{margin:0}.security-box label{display:grid;gap:6px}
.security-list{display:grid;gap:8px}.security-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #f0f0f0}.security-row span{text-transform:capitalize;font-weight:650}.security-row small{color:var(--muted);text-align:right}
.host-verified{font-size:11px;color:#126b39;background:#e9f8ef;border-radius:999px;padding:4px 7px;vertical-align:middle}.host-trust-badges{display:flex;gap:6px;margin-top:8px}.host-trust-badges span{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:4px 7px}
.verify-count{font-size:12px;color:var(--muted);font-weight:500}.admin-verification-wide{grid-column:1/-1}
@media(max-width:800px){.trust-grid,.security-columns{grid-template-columns:1fr}.security-row{display:grid}.security-row small{text-align:left}}

/* V12 FUTURISTIC TAYNEXA UI */
:root{
  --red:#ff6470;
  --red2:#ff8c96;
  --ink:#0d1323;
  --muted:#70788c;
  --line:rgba(20,28,48,.09);
  --glass:rgba(255,255,255,.72);
  --shadow:0 22px 70px rgba(44,55,95,.12);
}
html{scroll-behavior:smooth}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 14% 8%,rgba(142,215,255,.16),transparent 24%),
    radial-gradient(circle at 78% 4%,rgba(255,180,211,.22),transparent 23%),
    linear-gradient(180deg,#fbfcff 0,#fff 42%,#fbfbfd 100%);
}
.topbar{
  height:84px;
  border-bottom:1px solid rgba(255,255,255,.65);
  background:rgba(255,255,255,.68);
  backdrop-filter:blur(24px) saturate(160%);
  box-shadow:0 8px 30px rgba(26,35,65,.04);
}
.brand img{width:154px}
.desktop-nav{gap:10px}
.nav-link{
  font-weight:700;color:#394056;
  transition:.25s ease;
}
.nav-link:hover,.nav-link.active{
  background:rgba(255,255,255,.85);
  box-shadow:0 8px 24px rgba(51,62,95,.08);
  color:#111827;
}
.mini-top-action{border:0;background:transparent;font-weight:700;color:#3d4458;padding:10px;border-radius:999px}
.mini-top-action:hover{background:rgba(255,255,255,.85)}
.host-link{background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(20,28,48,.06)}
.profile-btn{
  border:1px solid rgba(255,255,255,.78);
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 28px rgba(44,55,95,.10);
}
.hero{
  min-height:500px;
  padding:76px 5vw 86px;
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 87% 20%,rgba(255,175,185,.28),transparent 24%),
    radial-gradient(circle at 66% 58%,rgba(179,215,255,.22),transparent 30%),
    linear-gradient(135deg,#fff 0%,#fffafd 48%,#f6fbff 100%);
}
.hero:after{
  content:"";
  position:absolute;right:-3%;bottom:-28%;
  width:520px;height:520px;border-radius:50%;
  background:linear-gradient(145deg,rgba(255,137,149,.18),rgba(150,205,255,.14));
  filter:blur(2px);
  box-shadow:inset 0 0 80px rgba(255,255,255,.9),0 40px 100px rgba(103,114,170,.10);
}
.hero-aurora{position:absolute;border-radius:999px;filter:blur(42px);opacity:.55;pointer-events:none}
.hero-aurora-one{width:360px;height:120px;right:16%;top:20%;background:linear-gradient(90deg,#ffd2dc,#d7e9ff,#f8ddff);transform:rotate(-16deg)}
.hero-aurora-two{width:260px;height:90px;left:6%;bottom:8%;background:linear-gradient(90deg,#d9f2ff,#ffe7c7);transform:rotate(12deg)}
.hero-copy{max-width:920px;position:relative;z-index:2}
.hero h1{
  font-size:clamp(48px,6.8vw,86px);
  max-width:900px;margin:14px auto 20px;
  letter-spacing:-.065em;
  line-height:.98;
}
.hero h1 em{
  font-style:normal;
  background:linear-gradient(90deg,#ff5968,#ff8a91,#a879ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-copy>p:last-child{max-width:690px;margin:0 auto;color:#6e7588;font-size:18px;line-height:1.6}
.kicker{color:#ff6672;letter-spacing:.20em}
.searchbar{
  max-width:1180px;
  margin:48px auto -125px;
  padding:9px 10px 9px 22px;
  border:1px solid rgba(255,255,255,.88);
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(26px) saturate(150%);
  box-shadow:0 28px 70px rgba(50,63,105,.16),inset 0 1px 0 #fff;
}
.searchbar label{padding:7px 20px;border-right:1px solid rgba(20,28,48,.08)}
.searchbar label span{font-size:12px;color:#262d40}
.searchbar input{background:transparent;font-size:14px}
.searchbar button{
  width:auto;min-width:134px;height:54px;padding:0 22px;border-radius:999px;
  background:linear-gradient(135deg,#ff6a75,#ff8e96);
  box-shadow:0 12px 30px rgba(255,101,115,.35),inset 0 1px 0 rgba(255,255,255,.7);
  font-size:15px;font-weight:800;display:flex;gap:10px;align-items:center;justify-content:center;
  transition:transform .2s ease,box-shadow .2s ease;
}
.searchbar button:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(255,101,115,.42)}
.content{padding-top:78px}
.category-bar{
  position:relative;z-index:3;
  gap:12px;padding:10px 2px 24px;
}
.category-chip{
  min-width:112px;
  border:1px solid rgba(255,255,255,.84);
  border-radius:24px;
  background:rgba(255,255,255,.68);
  backdrop-filter:blur(18px);
  box-shadow:0 10px 30px rgba(52,61,98,.07);
  padding:10px 12px 12px;
  transition:.25s ease;
}
.category-chip:hover{
  transform:translateY(-5px);
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 36px rgba(54,65,109,.13);
}
.category-chip.active{
  border-color:rgba(255,102,114,.52);
  color:#151a28;
  box-shadow:0 14px 34px rgba(255,102,114,.15);
}
.category-icon-wrap{
  width:58px;height:58px;border-radius:18px;
  display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,247,255,.78));
  box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(43,52,84,.08);
}
.category-icon-wrap img{width:62px;height:62px;object-fit:contain;display:block}
.category-chip>span:last-child{font-size:12px;font-weight:750}
.section-head h2{letter-spacing:-.035em}
.explore-actions .soft-btn{
  background:rgba(255,255,255,.74);backdrop-filter:blur(14px);
  border:1px solid rgba(20,28,48,.08);box-shadow:0 8px 24px rgba(44,55,95,.06)
}
.listing-grid{gap:28px 20px}
.listing-card{
  border-radius:24px;
  transition:transform .25s ease,box-shadow .25s ease;
}
.listing-card:hover{transform:translateY(-7px)}
.listing-image{
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(32,41,70,.13);
  background:linear-gradient(135deg,#eef3ff,#fff1f4);
}
.listing-image img{transition:transform .5s ease}
.listing-card:hover .listing-image img{transform:scale(1.035)}
.heart{
  width:42px;height:42px;border:1px solid rgba(255,255,255,.62);
  background:rgba(22,25,35,.28)!important;color:white!important;
  backdrop-filter:blur(14px);box-shadow:0 8px 22px rgba(0,0,0,.14)
}
.heart.active{background:linear-gradient(135deg,#ff6470,#ff8d96)!important}
.instant-badge{
  background:rgba(16,20,30,.64);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.2)
}
.listing-meta{padding:13px 3px 0}
.listing-card-top h3{font-size:16px;letter-spacing:-.02em}
.listing-meta strong{font-size:16px}
.modal-card{
  border:1px solid rgba(255,255,255,.8);
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(28px) saturate(150%);
  box-shadow:0 30px 90px rgba(35,45,79,.19);
}
.primary-btn{
  background:linear-gradient(135deg,#ff6673,#ff8993);
  border:0;box-shadow:0 10px 28px rgba(255,102,115,.26)
}
@media(max-width:900px){
  .mini-top-action{display:none}
  .hero{padding-top:54px;min-height:auto}
  .searchbar{margin-bottom:-110px}
  .category-chip{min-width:94px}
}
@media(max-width:600px){
  .hero h1{font-size:44px}
  .hero-copy>p:last-child{font-size:15px}
  .searchbar{margin-top:32px;margin-bottom:-120px;border-radius:26px;padding:10px}
  .searchbar button{min-width:100%;width:100%;border-radius:18px}
  .category-bar{padding-top:18px}
  .category-chip{min-width:88px;border-radius:20px}
  .category-icon-wrap{width:52px;height:52px}
}

/* V13 seed/import */
.import-card{margin:20px 0;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.75);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:22px;padding:20px}
.import-card h3{margin:2px 0 8px}.import-card p{color:var(--muted)}
.import-form{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;align-items:end}
.import-form select,.import-form input[type="url"]{height:46px;border:1px solid var(--line);border-radius:13px;padding:0 12px;background:white}
.rights-check{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--muted)}.rights-check input{width:auto;margin-top:2px}
.import-list{display:grid;gap:7px;margin-top:12px}.import-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:9px}.import-row span{text-transform:capitalize;font-weight:700}.import-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-badge{position:absolute;left:12px;bottom:12px;background:rgba(20,24,36,.72);color:white;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px);padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}
.demo-note{font-size:12px;color:var(--muted);margin-top:5px}
@media(max-width:760px){.import-form{grid-template-columns:1fr}.rights-check{grid-column:auto}.import-row{display:grid}.import-row small{white-space:normal}}

/* V15 — Mobile responsive experience */
.mobile-bottom-nav{display:none}

@media (max-width: 768px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:82px}
  .topbar{
    height:64px;
    padding:0 14px;
    display:flex;
    justify-content:space-between;
    gap:10px;
  }
  .brand img{width:122px;max-width:34vw}
  .desktop-nav,.mini-top-action,.host-link{display:none!important}
  .top-actions{margin-left:auto}
  .profile-btn{
    min-width:44px;height:44px;
    padding:0 10px;
    border-radius:999px;
  }

  .hero{
    min-height:auto;
    padding:34px 14px 86px;
    border-radius:0;
  }
  .hero-copy{max-width:100%}
  .hero .kicker{font-size:10px}
  .hero h1{
    font-size:clamp(38px,12vw,52px);
    line-height:1.02;
    letter-spacing:-.055em;
    margin:10px 0 14px;
    text-align:left;
  }
  .hero-copy>p:last-child{
    font-size:15px;
    line-height:1.5;
    margin:0;
    text-align:left;
  }
  .hero-aurora-one{right:-18%;top:10%}
  .hero-aurora-two{left:-20%;bottom:2%}

  .searchbar{
    display:grid;
    grid-template-columns:1fr 1fr!important;
    gap:8px;
    width:calc(100% - 8px);
    max-width:none;
    margin:28px auto -130px;
    padding:10px;
    border-radius:24px;
  }
  .searchbar label{
    min-width:0;
    padding:10px 12px;
    border:1px solid rgba(20,28,48,.07);
    border-radius:16px;
    background:rgba(255,255,255,.72);
  }
  .searchbar .destination-field{
    grid-column:1/-1!important;
  }
  .searchbar label span{font-size:11px}
  .searchbar input{
    width:100%;
    font-size:13px;
    min-width:0;
  }
  .searchbar #searchGuests{max-width:100%}
  .searchbar #searchBtn{
    grid-column:1/-1!important;
    width:100%;
    min-width:0;
    height:50px;
    border-radius:16px;
    font-size:14px;
  }

  .content{
    padding:80px 14px 20px;
    width:100%;
    max-width:100%;
  }
  .category-bar{
    margin-left:-14px;
    margin-right:-14px;
    padding:14px 14px 20px;
    gap:8px;
    scroll-snap-type:x proximity;
  }
  .category-chip{
    flex:0 0 84px;
    min-width:84px;
    padding:8px 7px 10px;
    border-radius:18px;
    scroll-snap-align:start;
  }
  .category-icon-wrap{width:48px;height:48px;border-radius:15px}
  .category-icon-wrap img{width:54px;height:54px}
  .category-chip>span:last-child{font-size:11px}

  .section-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    align-items:start!important;
  }
  .section-head h2{
    font-size:24px!important;
    line-height:1.15;
    margin:2px 0;
  }
  .explore-actions{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:none;
  }
  .explore-actions::-webkit-scrollbar{display:none}
  .explore-actions .soft-btn{
    flex:0 0 auto;
    white-space:nowrap;
    min-height:42px;
  }

  .listing-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .listing-card{
    width:100%;
    max-width:none;
    border-radius:22px;
  }
  .listing-image{
    width:100%;
    aspect-ratio:4/3;
    height:auto!important;
    border-radius:22px;
  }
  .listing-image img{
    width:100%;height:100%;object-fit:cover;
  }
  .listing-meta{padding:12px 2px 0}
  .listing-card-top{align-items:flex-start}
  .listing-card-top h3{
    font-size:16px;
    line-height:1.25;
    max-width:78%;
  }
  .heart{
    width:40px;height:40px;
    top:10px;right:10px;
  }
  .instant-badge,.demo-badge{font-size:10px}

  .map-split{
    display:block!important;
  }
  #listingMap{
    height:320px!important;
    min-height:320px!important;
    border-radius:18px;
    margin-top:14px;
  }

  .modal{
    align-items:flex-end!important;
    padding:0!important;
  }
  .modal-card{
    width:100%!important;
    max-width:none!important;
    max-height:92dvh!important;
    border-radius:24px 24px 0 0!important;
    padding:20px 16px 24px!important;
    overflow-y:auto!important;
  }
  .modal-xl .modal-card,
  .modal-card.modal-xl{width:100%!important}
  .detail-title{
    display:block!important;
  }
  .detail-title h2{font-size:24px;line-height:1.15}
  .detail-actions{
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
  }
  .detail-gallery{
    grid-template-columns:1fr!important;
  }
  .detail-gallery img{
    min-height:220px!important;
    height:220px!important;
  }
  .detail-layout{
    display:block!important;
  }
  .booking-card{
    position:static!important;
    width:100%!important;
    margin-top:20px;
  }
  .policy-grid,.amenity-grid,.trust-grid,.security-columns{
    grid-template-columns:1fr!important;
  }

  .form-grid{
    grid-template-columns:1fr!important;
  }
  .span-2{grid-column:auto!important}
  input,select,textarea,button{
    font-size:16px;
  }
  button,.soft-btn,.primary-btn{
    min-height:44px;
  }

  .host-calendar-layout{
    grid-template-columns:1fr!important;
  }
  .calendar-sidebar{position:static!important}
  .host-cal-week,.host-calendar-grid{
    gap:3px!important;
  }
  .host-cal-day{
    min-height:66px!important;
    padding:5px!important;
    border-radius:9px!important;
  }
  .host-cal-day small{font-size:9px!important}
  .host-cal-day em{display:none!important}

  .dashboard-grid{
    grid-template-columns:1fr!important;
  }
  .data-card,.dashboard-block,.import-card,.trust-card,.security-box{
    border-radius:16px!important;
  }
  .import-form{
    grid-template-columns:1fr!important;
  }

  .mobile-bottom-nav{
    position:fixed;
    left:8px;right:8px;bottom:8px;
    z-index:999;
    display:flex;
    align-items:center;
    justify-content:space-around;
    gap:2px;
    min-height:64px;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom));
    border:1px solid rgba(255,255,255,.88);
    border-radius:22px;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(24px) saturate(160%);
    box-shadow:0 18px 50px rgba(35,45,79,.22);
  }
  .mobile-nav-btn{
    flex:1;
    min-width:0;
    min-height:50px;
    border:0;
    border-radius:16px;
    background:transparent;
    display:grid;
    place-items:center;
    align-content:center;
    gap:2px;
    color:#72798b;
    padding:4px 2px;
  }
  .mobile-nav-btn span{font-size:19px;line-height:1}
  .mobile-nav-btn small{font-size:10px;font-weight:700}
  .mobile-nav-btn.active{
    color:#ff6470;
    background:linear-gradient(135deg,rgba(255,100,112,.12),rgba(173,129,255,.09));
  }

  .toast{
    bottom:88px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
  }
}

@media (max-width: 430px){
  .searchbar{grid-template-columns:1fr!important}
  .searchbar>*{grid-column:1!important}
  .hero{padding-left:12px;padding-right:12px}
  .content{padding-left:12px;padding-right:12px}
  .category-bar{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
  .listing-image{aspect-ratio:1.18/1}
  .listing-card-top h3{max-width:74%}
  .mobile-bottom-nav{left:6px;right:6px;bottom:6px}
}

@media (max-width: 360px){
  .brand img{width:108px}
  .hero h1{font-size:35px}
  .category-chip{flex-basis:78px;min-width:78px}
  .category-icon-wrap{width:44px;height:44px}
  .mobile-nav-btn small{font-size:9px}
}

/* V16 — Complete mobile-first responsiveness */

/* Global safeguards */
*{box-sizing:border-box}
img,svg,video,canvas{max-width:100%}
table{max-width:100%}
pre,code{white-space:pre-wrap;overflow-wrap:anywhere}
.view,.content,.dashboard-grid,.profile-grid,.detail-layout,.host-calendar-layout{min-width:0}
input,select,textarea,button{max-width:100%}

/* Auth / login / signup mobile */
@media (max-width:768px){
  .mobile-auth-modal{
    align-items:flex-end!important;
    padding:0!important;
  }
  .mobile-auth-card{
    width:100%!important;
    max-width:none!important;
    max-height:calc(var(--vh,1vh)*94)!important;
    border-radius:26px 26px 0 0!important;
    padding:22px 16px calc(22px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
  }
  .mobile-auth-card h2{
    font-size:26px!important;
    line-height:1.1;
    margin:0 0 14px!important;
  }
  .mobile-auth-card form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .mobile-auth-card label{
    display:grid!important;
    gap:6px!important;
    width:100%!important;
  }
  .mobile-auth-card input,
  .mobile-auth-card select{
    width:100%!important;
    min-height:50px!important;
    border-radius:14px!important;
    font-size:16px!important;
    padding:0 14px!important;
  }
  .mobile-auth-card .primary-btn,
  .mobile-auth-card .soft-btn{
    width:100%!important;
    min-height:50px!important;
    border-radius:14px!important;
  }
  .auth-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .auth-tabs button{
    width:100%!important;
    min-height:44px!important;
  }

  /* Search / discovery */
  .mobile-searchbar{
    grid-template-columns:1fr!important;
    width:100%!important;
    margin:24px 0 -120px!important;
    padding:10px!important;
    gap:8px!important;
  }
  .mobile-searchbar label,
  .mobile-searchbar .destination-field{
    grid-column:1!important;
    width:100%!important;
  }
  .mobile-searchbar input,
  .mobile-searchbar select{
    width:100%!important;
    min-height:44px!important;
  }
  .mobile-searchbar #searchBtn{
    grid-column:1!important;
    width:100%!important;
  }
  .place-suggestions,
  .autocomplete-results,
  .search-suggestions{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:82px!important;
    max-height:46vh!important;
    overflow-y:auto!important;
    border-radius:18px!important;
    z-index:1200!important;
  }

  /* Search results and controls */
  .explore-actions{
    width:100%!important;
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding-bottom:4px!important;
  }
  .explore-actions>*{flex:0 0 auto!important}
  .section-head{width:100%!important}
  .demo-note{max-width:100%!important}
  .listing-grid{width:100%!important}
  .listing-card{overflow:hidden}
  .listing-card-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .listing-card-top h3{
    max-width:none!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
  .listing-meta>p,
  .listing-meta>div{min-width:0!important}
  .listing-price{display:flex!important;flex-wrap:wrap!important;gap:4px!important}

  /* Filters bottom sheet */
  #filtersModal .modal-card{
    width:100%!important;
    max-width:none!important;
    max-height:92dvh!important;
    border-radius:26px 26px 0 0!important;
    padding:20px 16px calc(22px + env(safe-area-inset-bottom))!important;
  }
  #filtersForm .form-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .filter-checks{
    grid-template-columns:1fr!important;
  }
  .filter-footer{
    position:sticky!important;
    bottom:0!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(16px)!important;
    margin:18px -16px -22px!important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;
    z-index:4!important;
  }
  .filter-footer button{flex:1!important}

  /* Detail page / booking */
  .detail-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .detail-main,.detail-side,.booking-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .detail-title{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .detail-title h2{font-size:24px!important}
  .detail-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
  .detail-actions button{flex:1 1 120px!important}
  .listing-facts{
    display:flex!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    padding-bottom:2px!important;
  }
  .listing-facts span{flex:0 0 auto!important}
  .amenity-grid{grid-template-columns:1fr!important}
  .policy-grid{grid-template-columns:1fr!important}
  .approx-map-card{min-height:120px!important}

  /* Booking calendar */
  .calendar-grid,.booking-calendar,.calendar-days{
    width:100%!important;
    min-width:0!important;
  }
  .calendar-day{
    min-width:0!important;
    aspect-ratio:1/1!important;
    font-size:12px!important;
  }
  .calendar-head{
    grid-template-columns:44px 1fr 44px!important;
  }

  /* Dashboard */
  .dashboard-grid,
  .dashboard-panels,
  .stats-grid,
  .admin-grid{
    grid-template-columns:1fr!important;
  }
  .dashboard-block,
  .data-card,
  .stat-card,
  .admin-verification-wide{
    width:100%!important;
    min-width:0!important;
  }
  .data-card .card-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .data-card .card-actions button{width:100%!important}
  .table-wrap{
    width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  /* Profile and security */
  .profile-grid,.profile-layout{
    grid-template-columns:1fr!important;
  }
  .profile-card,.trust-security,.security-box{
    width:100%!important;
  }
  .profile-avatar{
    width:88px!important;height:88px!important;
  }
  .security-row{
    grid-template-columns:1fr!important;
    gap:3px!important;
  }

  /* Import listing */
  .import-form{
    grid-template-columns:1fr!important;
  }
  .import-form select,
  .import-form input,
  .import-form button{
    width:100%!important;
  }

  /* Host calendar */
  .host-calendar-layout{
    grid-template-columns:1fr!important;
  }
  .calendar-main{
    overflow-x:hidden!important;
    padding:10px!important;
  }
  .host-cal-week,.host-calendar-grid{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:2px!important;
  }
  .host-cal-day{
    min-width:0!important;
    min-height:58px!important;
    padding:4px!important;
    font-size:10px!important;
  }
  .host-cal-num{font-size:11px!important}
  .host-cal-day small{font-size:8px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pricing-panel input,.pricing-panel select{width:100%!important}

  /* Messages */
  .messages-layout,.messages-grid{
    grid-template-columns:1fr!important;
  }
  .thread-list{
    max-height:260px!important;
    overflow-y:auto!important;
  }
  .message-composer{
    position:sticky!important;
    bottom:74px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(14px)!important;
    padding-top:8px!important;
  }
  .message-composer form{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
  }

  /* Admin cards */
  #adminDashboard .data-card,
  #adminDashboard .dashboard-block{
    width:100%!important;
  }

  /* Bottom navigation / visibility */
  .mobile-bottom-nav{
    display:flex!important;
  }
  .mobile-bottom-nav .hidden{
    display:none!important;
  }

  /* Long text protection */
  .detail-sub,.muted,.data-card p,.import-row small,
  .security-row small,.host-card p,.host-card small{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}

@media (max-width:430px){
  .topbar{padding:0 10px!important}
  .brand img{max-width:112px!important}
  .hero{
    padding:26px 12px 82px!important;
  }
  .hero h1{
    font-size:37px!important;
    line-height:1.02!important;
  }
  .hero-copy>p:last-child{font-size:14px!important}
  .mobile-searchbar{
    margin-top:20px!important;
    margin-bottom:-118px!important;
  }
  .content{padding-top:76px!important}
  .category-chip{flex-basis:80px!important;min-width:80px!important}
  .category-icon-wrap{width:46px!important;height:46px!important}
  .listing-image{aspect-ratio:1.25/1!important}
  .modal-card{padding-left:14px!important;padding-right:14px!important}
}

@media (max-width:360px){
  .hero h1{font-size:33px!important}
  .hero-copy>p:last-child{font-size:13px!important}
  .mobile-bottom-nav{gap:0!important;padding-left:4px!important;padding-right:4px!important}
  .mobile-nav-btn small{font-size:8.5px!important}
  .category-chip{flex-basis:74px!important;min-width:74px!important}
}

/* V17 — screenshot-driven mobile polish */
@media (max-width:768px){

  /* Fix legacy rule that was hiding Check-in */
  .searchbar label:nth-child(2),
  .mobile-searchbar label:nth-child(2){
    display:flex!important;
  }

  body.modal-open{
    overflow:hidden!important;
    touch-action:none;
  }

  /* Header */
  .topbar{
    height:62px!important;
    padding:0 14px!important;
  }
  .brand img{
    width:116px!important;
    max-width:38vw!important;
  }
  .profile-btn{
    width:66px!important;
    height:42px!important;
    min-width:66px!important;
    padding:0 9px!important;
  }

  /* Compact hero — no oversized overlap */
  .hero{
    padding:26px 14px 24px!important;
    min-height:auto!important;
    overflow:visible!important;
  }
  .hero-copy{
    text-align:left!important;
    margin:0!important;
  }
  .hero .kicker{
    font-size:9px!important;
    letter-spacing:.19em!important;
    margin:0 0 10px!important;
  }
  .hero h1{
    font-size:36px!important;
    line-height:1.00!important;
    letter-spacing:-.055em!important;
    margin:0 0 15px!important;
    max-width:100%!important;
  }
  .hero-copy>p:last-child{
    font-size:14px!important;
    line-height:1.45!important;
    margin:0!important;
    max-width:100%!important;
  }

  /* Search becomes a clean mobile card */
  .mobile-searchbar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    margin:22px 0 0!important;
    padding:9px!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(20,28,48,.08)!important;
    box-shadow:0 14px 38px rgba(42,53,90,.11)!important;
    backdrop-filter:blur(18px)!important;
  }
  .mobile-searchbar label{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    margin:0!important;
    padding:9px 11px!important;
    border:1px solid rgba(20,28,48,.075)!important;
    border-radius:15px!important;
    background:#fff!important;
  }
  .mobile-searchbar .destination-field{
    grid-column:1/-1!important;
    min-height:68px!important;
  }
  .mobile-searchbar label span{
    font-size:10px!important;
    line-height:1!important;
    margin-bottom:5px!important;
  }
  .mobile-searchbar input{
    min-height:22px!important;
    height:22px!important;
    padding:0!important;
    font-size:14px!important;
    line-height:22px!important;
    background:transparent!important;
  }
  .mobile-searchbar input[type="date"]{
    font-size:13px!important;
  }
  .mobile-searchbar #searchGuests{
    min-height:24px!important;
  }
  .mobile-searchbar label:nth-child(4){
    grid-column:1/-1!important;
  }
  .mobile-searchbar #searchBtn{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:14px!important;
    margin:0!important;
  }

  /* Results begin directly after search instead of being hidden under it */
  .content{
    padding:18px 14px 22px!important;
  }
  .category-bar{
    margin:0 -14px!important;
    padding:8px 14px 17px!important;
  }
  .category-chip{
    flex:0 0 78px!important;
    min-width:78px!important;
    padding:7px 5px 8px!important;
    border-radius:17px!important;
    box-shadow:0 6px 18px rgba(52,61,98,.06)!important;
  }
  .category-icon-wrap{
    width:44px!important;
    height:44px!important;
  }
  .category-icon-wrap img{
    width:50px!important;
    height:50px!important;
  }

  /* Small elegant bottom nav */
  .mobile-bottom-nav{
    left:12px!important;
    right:12px!important;
    bottom:8px!important;
    min-height:56px!important;
    height:auto!important;
    padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;
    border-radius:19px!important;
    box-shadow:0 12px 32px rgba(35,45,79,.18)!important;
  }
  .mobile-nav-btn{
    min-height:44px!important;
    border-radius:13px!important;
    padding:3px 4px!important;
  }
  .mobile-nav-btn span{
    font-size:16px!important;
  }
  .mobile-nav-btn small{
    font-size:9px!important;
  }
  body.modal-open .mobile-bottom-nav{
    display:none!important;
  }

  /* Profile drop-down: tidy and compact, never visible behind modal */
  .profile-menu{
    top:68px!important;
    right:12px!important;
    width:176px!important;
    border-radius:16px!important;
    padding:6px!important;
    z-index:90!important;
  }
  .profile-menu button{
    padding:10px 12px!important;
    min-height:42px!important;
    font-size:15px!important;
  }
  body.modal-open .profile-menu{
    display:none!important;
  }

  /* True full-screen login/signup experience */
  .modal-backdrop{
    padding:0!important;
    place-items:stretch!important;
    background:#fff!important;
    z-index:1500!important;
  }
  #authModal.mobile-auth-modal{
    position:fixed!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:none!important;
    border-radius:0!important;
    padding:
      calc(24px + env(safe-area-inset-top))
      18px
      calc(24px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 85% 4%,rgba(255,190,212,.16),transparent 24%),
      radial-gradient(circle at 10% 20%,rgba(189,220,255,.14),transparent 23%),
      #fff!important;
    overflow-y:auto!important;
    box-shadow:none!important;
  }
  #authModal.mobile-auth-modal.hidden{
    display:none!important;
  }
  #authModal .modal-close{
    top:calc(16px + env(safe-area-inset-top))!important;
    right:16px!important;
    width:42px!important;
    height:42px!important;
    font-size:22px!important;
    background:#f5f5f7!important;
    z-index:3!important;
  }
  #authModal h2{
    font-size:28px!important;
    line-height:1.08!important;
    margin:62px 0 20px!important;
    padding-right:52px!important;
  }
  #authModal .auth-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px!important;
    padding:4px!important;
    margin-bottom:22px!important;
    border-radius:14px!important;
  }
  #authModal .auth-tabs button{
    min-height:44px!important;
    font-size:15px!important;
    border-radius:11px!important;
  }
  #authModal form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
  #authModal form.hidden{
    display:none!important;
  }
  #authModal form label{
    margin:0 0 13px!important;
    gap:6px!important;
    font-size:13px!important;
  }
  #authModal form input,
  #authModal form select{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 13px!important;
    border-radius:13px!important;
    font-size:16px!important;
    background:#fff!important;
  }
  #authModal form .primary-btn{
    width:100%!important;
    min-height:50px!important;
    margin-top:5px!important;
    border-radius:14px!important;
    font-size:16px!important;
  }

  /* Avoid giant whitespace around first result area */
  .section-head{
    margin-top:4px!important;
  }

  /* Cards */
  .listing-grid{
    gap:20px!important;
  }
  .listing-image{
    aspect-ratio:4/3!important;
  }
}

@media (max-width:430px){
  .hero h1{font-size:34px!important}
  .mobile-searchbar{
    grid-template-columns:1fr 1fr!important;
  }
  .mobile-searchbar .destination-field,
  .mobile-searchbar label:nth-child(4),
  .mobile-searchbar #searchBtn{
    grid-column:1/-1!important;
  }
  .content{padding-left:12px!important;padding-right:12px!important}
  .category-bar{margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}
}

@media (max-width:360px){
  .hero h1{font-size:31px!important}
  .mobile-searchbar label{padding-left:9px!important;padding-right:9px!important}
  .mobile-bottom-nav{left:8px!important;right:8px!important}
}

/* V18 premium search + destination autocomplete */
.premium-search{
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.92);
}
.search-field{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}
.search-field-icon{
  flex:0 0 34px;
  width:34px;height:34px;
  border-radius:11px;
  display:grid;place-items:center;
  color:#111827;
  background:#f5f6f8;
  font-size:17px;
  font-weight:700;
}
.search-field-copy{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.search-field-label{
  display:block;
  font-size:10px!important;
  font-weight:800;
  color:#111827!important;
  letter-spacing:.015em;
}
.search-field input{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  background:transparent!important;
  padding:0!important;
  color:#222938!important;
}
.search-field input::placeholder{color:#9298a7!important}

/* Autocomplete must never inherit primary-button styling */
.destination-suggestions{
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(15,23,42,.09)!important;
  border-radius:20px!important;
  padding:7px!important;
  box-shadow:0 22px 60px rgba(20,28,48,.18)!important;
  color:#121827!important;
}
.destination-suggestions-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 10px 6px;
}
.destination-suggestions-head strong{
  font-size:12px;
  letter-spacing:.01em;
}
.destination-suggestions-head small{
  color:#8a91a1;
  font-size:10px;
}
.destination-option{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 9px!important;
  margin:0!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#111827!important;
  text-align:left!important;
  cursor:pointer!important;
  transform:none!important;
}
.destination-option + .destination-option{
  border-top:1px solid #f2f3f5!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
}
.destination-option:hover,
.destination-option:focus,
.destination-option:active{
  background:#f7f8fa!important;
  color:#111827!important;
  box-shadow:none!important;
  transform:none!important;
  outline:none!important;
}
.destination-pin{
  width:38px!important;height:38px!important;
  border-radius:12px!important;
  display:grid!important;place-items:center!important;
  background:#f4f5f7!important;
  font-size:20px!important;
  color:#222938!important;
}
.destination-text{
  min-width:0;
  display:block!important;
}
.destination-text strong{
  display:block!important;
  color:#161c2b!important;
  font-size:14px!important;
  line-height:1.2!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.destination-text small{
  display:block!important;
  margin-top:3px!important;
  color:#818898!important;
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.destination-type{
  font-size:9px;
  font-weight:700;
  color:#a0a6b2;
  background:#f6f7f8;
  padding:5px 7px;
  border-radius:999px;
}
.destination-empty{
  padding:18px 12px!important;
  background:#fff!important;
  color:#7c8393!important;
}

/* Mobile: compact, app-like search card */
@media(max-width:768px){
  .hero{
    padding-bottom:18px!important;
  }
  .premium-search.mobile-searchbar{
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    padding:0!important;
    overflow:visible!important;
    border-radius:22px!important;
    box-shadow:0 16px 42px rgba(37,48,80,.12)!important;
  }
  .premium-search .search-field{
    min-height:61px!important;
    padding:10px 12px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .premium-search .search-field-destination{
    grid-column:1/-1!important;
    min-height:68px!important;
    border-bottom:1px solid #eceef2!important;
    border-radius:22px 22px 0 0!important;
  }
  .premium-search .search-field-date{
    min-width:0!important;
  }
  .premium-search .search-field-date:nth-of-type(2){
    border-right:1px solid #eceef2!important;
  }
  .premium-search .search-field-guests{
    grid-column:1/-1!important;
    border-top:1px solid #eceef2!important;
  }
  .premium-search .search-field-icon{
    width:32px!important;height:32px!important;
    flex-basis:32px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }
  .premium-search input{
    height:21px!important;
    min-height:21px!important;
    line-height:21px!important;
    font-size:13px!important;
  }
  .premium-search input[type="date"]{
    font-size:12px!important;
  }
  .premium-search #searchBtn{
    grid-column:1/-1!important;
    height:47px!important;
    min-height:47px!important;
    margin:8px!important;
    width:calc(100% - 16px)!important;
    border-radius:14px!important;
    box-shadow:0 8px 22px rgba(255,100,112,.23)!important;
  }
  .premium-search #searchBtn b{
    font-size:18px;
    line-height:1;
  }

  .destination-field{
    position:relative!important;
  }
  .destination-suggestions{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    max-height:min(310px,43dvh)!important;
    overflow-y:auto!important;
    border-radius:18px!important;
    padding:6px!important;
    z-index:1400!important;
    -webkit-overflow-scrolling:touch;
  }
  .destination-option{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    min-height:55px!important;
    padding:7px 8px!important;
  }
  .destination-pin{
    width:36px!important;height:36px!important;
    font-size:18px!important;
  }
  .destination-type{
    display:none!important;
  }
  .destination-text strong{font-size:14px!important}
  .destination-text small{font-size:11px!important}
}

@media(max-width:430px){
  .premium-search.mobile-searchbar{
    grid-template-columns:1fr 1fr!important;
  }
  .premium-search .search-field-destination,
  .premium-search .search-field-guests,
  .premium-search #searchBtn{
    grid-column:1/-1!important;
  }
  .premium-search .search-field{
    padding:9px 10px!important;
  }
  .premium-search .search-field-icon{
    width:30px!important;height:30px!important;
    flex-basis:30px!important;
  }
}

/* V19 — conflict-proof mobile search + working mobile login */
.v19-search{
  box-sizing:border-box;
}
.v19-search .v19-field,
.v19-search .v19-dates,
.v19-search .v19-search-btn{
  box-sizing:border-box;
}
.v19-search .v19-field{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
}
.v19-search .v19-field label{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
.v19-search .v19-field label>span{
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#111827!important;
}
.v19-search .v19-field input{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#1a2030!important;
}
.v19-icon{
  flex:0 0 32px;
  width:32px;height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f4f5f7;
  color:#222938;
  font-size:15px;
}

@media(max-width:768px){
  /* Hide any legacy search layout behavior */
  .hero .v19-search.mobile-searchbar{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    margin:20px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    border:1px solid rgba(15,23,42,.08)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 14px 36px rgba(40,50,80,.11)!important;
  }

  .hero .v19-search.mobile-searchbar > *{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
  }

  .v19-search .v19-field{
    min-height:64px!important;
    padding:10px 14px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  .v19-search .v19-destination{
    border-bottom:1px solid #eceef2!important;
    border-radius:22px 22px 0 0!important;
  }

  .v19-search .v19-dates{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    border-bottom:1px solid #eceef2!important;
  }

  .v19-search .v19-dates .v19-field{
    min-height:62px!important;
  }

  .v19-search .v19-dates .v19-field:first-child{
    border-right:1px solid #eceef2!important;
  }

  .v19-search .v19-guests{
    min-height:60px!important;
    border-bottom:1px solid #eceef2!important;
  }

  .v19-search .v19-field input{
    height:22px!important;
    min-height:22px!important;
    line-height:22px!important;
    font-size:14px!important;
  }

  .v19-search .v19-field input[type="date"]{
    font-size:12px!important;
  }

  .v19-search-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    height:48px!important;
    min-height:48px!important;
    margin:8px!important;
    width:calc(100% - 16px)!important;
    border:0!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#ff6370,#ff8993)!important;
    color:white!important;
    font-size:15px!important;
    font-weight:800!important;
    box-shadow:0 8px 20px rgba(255,99,112,.22)!important;
  }

  .v19-search-btn b{
    font-size:18px!important;
    line-height:1!important;
  }

  /* Autocomplete card anchored under Where */
  .v19-destination .destination-suggestions{
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    top:calc(100% + 7px)!important;
    bottom:auto!important;
    width:auto!important;
    max-height:min(300px,42dvh)!important;
    overflow-y:auto!important;
    padding:6px!important;
    border-radius:16px!important;
    background:#fff!important;
    border:1px solid rgba(15,23,42,.08)!important;
    box-shadow:0 18px 48px rgba(20,28,48,.18)!important;
    z-index:1600!important;
  }

  .v19-destination .destination-option{
    min-height:54px!important;
    border-radius:12px!important;
    padding:7px 8px!important;
    background:white!important;
    color:#111827!important;
  }

  .v19-destination .destination-option:hover,
  .v19-destination .destination-option:focus,
  .v19-destination .destination-option:active{
    background:#f6f7f9!important;
    color:#111827!important;
  }

  /* Ensure bottom login receives taps */
  #mobileLoginBtn{
    pointer-events:auto!important;
    position:relative!important;
    z-index:2!important;
  }

  body.modal-open .mobile-bottom-nav{
    display:none!important;
  }
}

@media(max-width:430px){
  .v19-search .v19-field{
    padding-left:11px!important;
    padding-right:11px!important;
  }
  .v19-icon{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
  }
  .v19-search .v19-field input[type="date"]{
    font-size:11px!important;
  }
}

/* V20 colorful search icons + persistent mobile bottom navigation */
.v20-location{
  background:linear-gradient(135deg,#fff0f0,#ffe1e6)!important;
}
.v20-checkin{
  background:linear-gradient(135deg,#eaf7ff,#d9efff)!important;
}
.v20-checkout{
  background:linear-gradient(135deg,#fff5e7,#ffe8bd)!important;
}
.v20-guests{
  background:linear-gradient(135deg,#f2efff,#e4defe)!important;
}
.v20-location,.v20-checkin,.v20-checkout,.v20-guests{
  font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif!important;
  font-size:18px!important;
  box-shadow:0 6px 16px rgba(35,45,79,.08)!important;
}

@media(max-width:768px){
  body{
    padding-bottom:84px!important;
  }

  .v20-bottom-nav{
    display:flex!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:8px!important;
    z-index:1450!important;
    min-height:60px!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    border:1px solid rgba(255,255,255,.9)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.94)!important;
    -webkit-backdrop-filter:blur(24px) saturate(160%)!important;
    backdrop-filter:blur(24px) saturate(160%)!important;
    box-shadow:0 14px 40px rgba(35,45,79,.20)!important;
  }

  .v20-bottom-nav .mobile-nav-btn{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:48px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:4px 2px!important;
    color:#788093!important;
  }

  .v20-bottom-nav .mobile-nav-btn.hidden{
    display:none!important;
  }

  .v20-bottom-nav .mobile-nav-btn.active{
    color:#ff5f70!important;
    background:linear-gradient(135deg,rgba(255,95,112,.12),rgba(171,126,255,.10))!important;
  }

  .v20-bottom-nav .mobile-nav-icon{
    font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif!important;
    font-size:18px!important;
    line-height:1!important;
  }

  .v20-bottom-nav small{
    color:inherit!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  body:not(.modal-open) .v20-bottom-nav{
    display:flex!important;
  }

  body.modal-open .v20-bottom-nav{
    display:none!important;
  }

  .v19-search .v19-field .v19-icon{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
  }

  .v19-search .v19-field label>span{
    font-size:11px!important;
  }
}

@media(max-width:430px){
  .v20-bottom-nav{
    left:8px!important;
    right:8px!important;
    bottom:6px!important;
  }
  .v20-bottom-nav .mobile-nav-icon{
    font-size:17px!important;
  }
  .v20-bottom-nav small{
    font-size:8.5px!important;
  }
}

/* V21 — Premium desktop redesign while preserving mobile */

/* Desktop only */
@media (min-width: 1024px){

  body{
    background:
      radial-gradient(circle at 12% 8%,rgba(170,220,255,.12),transparent 22%),
      radial-gradient(circle at 85% 6%,rgba(255,190,210,.16),transparent 24%),
      linear-gradient(180deg,#fbfcff 0%,#fff 52%,#fafbff 100%)!important;
  }

  .topbar{
    height:82px!important;
    padding:0 48px!important;
    background:rgba(255,255,255,.76)!important;
    backdrop-filter:blur(24px) saturate(160%)!important;
    border-bottom:1px solid rgba(25,35,55,.06)!important;
    box-shadow:0 10px 30px rgba(40,50,80,.04)!important;
  }

  .brand img{
    width:150px!important;
  }

  .desktop-nav{
    display:flex!important;
    gap:6px!important;
    background:rgba(255,255,255,.7)!important;
    padding:5px!important;
    border-radius:999px!important;
    border:1px solid rgba(20,28,48,.06)!important;
    box-shadow:0 8px 24px rgba(40,50,80,.05)!important;
  }

  .desktop-nav .nav-link{
    min-height:40px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    font-size:14px!important;
    font-weight:750!important;
  }

  .top-actions{
    gap:8px!important;
  }

  .host-link,
  .mini-top-action,
  .profile-btn{
    min-height:42px!important;
  }

  .profile-btn{
    min-width:72px!important;
    border-radius:999px!important;
  }

  .hero{
    max-width:1500px!important;
    margin:24px auto 0!important;
    min-height:520px!important;
    padding:76px 70px 88px!important;
    border-radius:34px!important;
    overflow:visible!important;
    background:
      radial-gradient(circle at 86% 14%,rgba(255,177,192,.24),transparent 22%),
      radial-gradient(circle at 68% 62%,rgba(175,214,255,.18),transparent 28%),
      linear-gradient(135deg,#ffffff 0%,#fff9fc 48%,#f6fbff 100%)!important;
    box-shadow:
      0 24px 70px rgba(42,52,86,.08),
      inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  .hero-copy{
    max-width:900px!important;
    margin:0 auto!important;
    text-align:center!important;
    position:relative!important;
    z-index:2!important;
  }

  .hero .kicker{
    font-size:12px!important;
    letter-spacing:.22em!important;
    margin-bottom:16px!important;
  }

  .hero h1{
    font-size:clamp(58px,5.8vw,84px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    margin:0 auto 24px!important;
    max-width:900px!important;
  }

  .hero-copy>p:last-child{
    max-width:710px!important;
    margin:0 auto!important;
    font-size:18px!important;
    line-height:1.6!important;
    color:#6f778a!important;
  }

  .v19-search{
    max-width:1180px!important;
    margin:48px auto -116px!important;
    display:grid!important;
    grid-template-columns:1.65fr .9fr .9fr .72fr auto!important;
    align-items:stretch!important;
    gap:0!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.9)!important;
    border:1px solid rgba(20,28,48,.07)!important;
    box-shadow:
      0 24px 60px rgba(40,50,85,.14),
      inset 0 1px 0 rgba(255,255,255,.96)!important;
    backdrop-filter:blur(22px)!important;
    overflow:visible!important;
  }

  .v19-search .v19-destination,
  .v19-search .v19-guests,
  .v19-search .v19-dates{
    min-width:0!important;
  }

  .v19-search .v19-destination{
    grid-column:auto!important;
    min-height:74px!important;
    border-right:1px solid #eceef2!important;
    border-bottom:0!important;
  }

  .v19-search .v19-dates{
    display:contents!important;
  }

  .v19-search .v19-dates .v19-field{
    min-height:74px!important;
    border-right:1px solid #eceef2!important;
  }

  .v19-search .v19-dates .v19-field:first-child{
    border-right:1px solid #eceef2!important;
  }

  .v19-search .v19-guests{
    min-height:74px!important;
    border-right:1px solid #eceef2!important;
    border-bottom:0!important;
  }

  .v19-search .v19-field{
    min-height:74px!important;
    padding:14px 18px!important;
    border-radius:0!important;
    background:transparent!important;
  }

  .v19-search .v19-field:first-child{
    border-radius:24px 0 0 24px!important;
  }

  .v19-search .v19-field:hover{
    background:rgba(248,249,252,.8)!important;
  }

  .v19-search .v19-field label>span{
    font-size:11px!important;
  }

  .v19-search .v19-field input{
    font-size:14px!important;
  }

  .v19-search-btn{
    width:auto!important;
    min-width:132px!important;
    height:auto!important;
    margin:9px!important;
    border-radius:17px!important;
    font-size:15px!important;
    box-shadow:0 10px 26px rgba(255,99,112,.28)!important;
  }

  .destination-suggestions{
    min-width:420px!important;
    max-width:480px!important;
    top:calc(100% + 12px)!important;
  }

  .content{
    max-width:1500px!important;
    margin:0 auto!important;
    padding:92px 42px 40px!important;
  }

  .category-bar{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    overflow:visible!important;
    padding:14px 0 28px!important;
    margin:0!important;
  }

  .category-chip{
    flex:0 0 auto!important;
    min-width:104px!important;
    max-width:118px!important;
    border-radius:20px!important;
    padding:9px 10px 11px!important;
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(20,28,48,.06)!important;
    box-shadow:0 8px 20px rgba(44,55,95,.05)!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
  }

  .category-chip:hover{
    transform:translateY(-4px)!important;
    box-shadow:0 14px 28px rgba(44,55,95,.10)!important;
  }

  .category-chip.active{
    border-color:rgba(255,100,112,.38)!important;
    box-shadow:0 12px 26px rgba(255,100,112,.10)!important;
  }

  .category-icon-wrap{
    width:50px!important;
    height:50px!important;
    margin-bottom:5px!important;
  }

  .section-head{
    display:flex!important;
    align-items:end!important;
    justify-content:space-between!important;
    gap:20px!important;
    margin:10px 0 22px!important;
  }

  .section-head h2{
    font-size:32px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }

  .demo-note{
    max-width:620px!important;
  }

  .explore-actions{
    overflow:visible!important;
    gap:8px!important;
  }

  .explore-actions .soft-btn{
    min-height:42px!important;
    padding:0 16px!important;
  }

  .listing-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:28px 20px!important;
  }

  .listing-card{
    min-width:0!important;
    border-radius:22px!important;
    transition:transform .22s ease!important;
  }

  .listing-card:hover{
    transform:translateY(-6px)!important;
  }

  .listing-image{
    aspect-ratio:1.12/1!important;
    border-radius:22px!important;
    box-shadow:0 14px 34px rgba(32,42,72,.12)!important;
  }

  .listing-meta{
    padding:12px 3px 0!important;
  }

  .listing-card-top h3{
    font-size:15px!important;
    line-height:1.28!important;
    max-width:85%!important;
  }

  .listing-meta p,
  .listing-meta small{
    font-size:12px!important;
  }

  .listing-meta strong{
    font-size:15px!important;
  }

  .heart{
    width:40px!important;
    height:40px!important;
  }

  .modal-card{
    border-radius:24px!important;
  }

  .detail-layout{
    grid-template-columns:minmax(0,1.55fr) 390px!important;
    gap:32px!important;
  }

  .booking-card{
    position:sticky!important;
    top:102px!important;
  }

  .dashboard-grid,
  .profile-grid,
  .security-columns{
    gap:20px!important;
  }

  /* Desktop does not show mobile nav */
  .v20-bottom-nav{
    display:none!important;
  }
}

@media (min-width: 1280px) and (max-width: 1439px){
  .listing-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px){
  .hero{
    margin-left:24px!important;
    margin-right:24px!important;
    padding-left:48px!important;
    padding-right:48px!important;
  }

  .v19-search{
    grid-template-columns:1.5fr .9fr .9fr .7fr auto!important;
  }

  .listing-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* V22 reservation management */
.trip-card{position:relative;overflow:hidden}
.trip-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.trip-dates{font-size:12px;font-weight:750;color:#7b8393}
.change-request-note,.host-change-request{
  margin:12px 0;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#fff8e8,#fffdf7);
  border:1px solid #f2e5c2;color:#66562d;font-size:12px
}
.host-change-request strong{display:block;margin-bottom:5px;color:#3b3525}
.host-change-request p{margin:0 0 8px!important}
.trip-manage-card{max-width:680px!important}
.trip-manage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 22px}
.trip-manage-summary>div{padding:12px;border-radius:15px;background:#f7f8fb;border:1px solid #eceef3}
.trip-manage-summary span{display:block;font-size:10px;color:#8a91a0;font-weight:750;margin-bottom:4px}
.trip-manage-summary strong{display:block;font-size:13px;color:#1d2433}
.trip-manage-summary .span-2{grid-column:1/-1}
.trip-change-form{padding:18px;border-radius:18px;background:#fff;border:1px solid #eceef3}
.trip-change-form h3,.trip-cancel-panel h3{margin:0 0 6px}
.muted{color:#7f8796;font-size:12px}
.trip-cancel-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:16px 18px;border-radius:18px;background:#fff7f7;border:1px solid #f5dada}
.danger-btn{border:0;border-radius:14px;padding:11px 16px;background:#fff;color:#d84755;font-weight:800;box-shadow:inset 0 0 0 1px #efc7cc;white-space:nowrap}
.danger-btn:hover{background:#fff0f1}
@media(max-width:768px){
  .trip-manage-summary{grid-template-columns:1fr 1fr}
  .trip-cancel-panel{align-items:flex-start;flex-direction:column}
  .danger-btn{width:100%}
}

/* V23 notification center */
.notification-bell{
  position:relative;width:42px;height:42px;border-radius:999px;border:1px solid rgba(20,28,48,.08);
  background:rgba(255,255,255,.84);display:grid;place-items:center;font-size:17px;cursor:pointer;
  box-shadow:0 7px 20px rgba(35,45,75,.06)
}
.notification-badge,.mobile-notification-badge{
  position:absolute;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
  display:grid;place-items:center;background:#ff5f70;color:#fff;border:2px solid #fff;
  font-size:9px;font-weight:900;line-height:1
}
.notification-badge{top:-4px;right:-5px}
.notification-panel{
  position:fixed;right:24px;top:76px;width:min(390px,calc(100vw - 32px));max-height:min(640px,76vh);
  overflow:hidden;z-index:1700;border:1px solid rgba(15,23,42,.08);border-radius:24px;
  background:rgba(255,255,255,.97);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  box-shadow:0 24px 70px rgba(28,38,70,.20)
}
.notification-panel-head{
  display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 12px;
  border-bottom:1px solid #eef0f4
}
.notification-panel-head .kicker{margin:0 0 2px;font-size:9px}
.notification-panel-head h3{margin:0;font-size:20px}
.notification-read-all{font-size:10px!important;min-height:34px!important;padding:0 10px!important}
.notification-list{max-height:540px;overflow-y:auto;padding:7px}
.notification-item{
  width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 8px;align-items:start;gap:10px;
  padding:12px;border:0;border-radius:16px;background:transparent;text-align:left;color:#1b2231;cursor:pointer
}
.notification-item:hover{background:#f7f8fb}
.notification-item.unread{background:linear-gradient(135deg,#fff7f8,#faf8ff)}
.notification-item-icon{
  width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#f1f3f7;font-size:18px
}
.notification-item-copy{display:block;min-width:0}
.notification-item-copy strong{display:block;font-size:13px;margin-bottom:3px}
.notification-item-copy span{display:block;color:#697285;font-size:11px;line-height:1.4}
.notification-item-copy small{display:block;color:#9aa1ae;font-size:9px;margin-top:5px}
.notification-unread-dot{width:7px;height:7px;border-radius:50%;background:#ff5f70;margin-top:9px}
.mobile-notification-btn{position:relative!important}
.mobile-notification-badge{top:2px;right:calc(50% - 22px)}

@media(max-width:768px){
  .notification-panel{
    left:10px;right:10px;top:auto;bottom:82px;width:auto;max-height:68dvh;border-radius:22px
  }
  .notification-list{max-height:54dvh}
  .v20-bottom-nav .mobile-nav-btn{max-width:none!important}
}

/* V24 advanced messaging */
.messages-shell{
  display:grid;grid-template-columns:360px minmax(0,1fr);height:calc(100dvh - 96px);
  max-width:1500px;margin:0 auto;border:1px solid #e9ecf2;border-radius:24px;overflow:hidden;
  background:#fff;box-shadow:0 20px 60px rgba(34,44,76,.08)
}
.conversation-sidebar{border-right:1px solid #edf0f4;background:#fbfcfe;min-width:0}
.conversation-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:20px 18px 14px;border-bottom:1px solid #edf0f4}
.conversation-head .kicker{margin:0 0 3px;font-size:9px}
.conversation-head h2{margin:0;font-size:24px}
.conversation-total{font-size:10px;color:#9299a7;font-weight:800}
.conversation-list{overflow-y:auto;height:calc(100% - 78px);padding:7px}
.conversation-item{
  width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;
  padding:10px;border:0;border-radius:16px;background:transparent;color:#1d2433;text-align:left;cursor:pointer
}
.conversation-item:hover{background:#f3f5f8}
.conversation-item.active{background:linear-gradient(135deg,#fff4f6,#f7f3ff)}
.conversation-item.unread .conversation-copy strong,.conversation-item.unread .conversation-title{font-weight:900}
.conversation-avatar{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eef1f5;overflow:hidden;font-size:20px
}
.conversation-avatar img{width:100%;height:100%;object-fit:cover}
.conversation-copy{min-width:0;display:block}
.conversation-row{display:flex;justify-content:space-between;gap:8px;align-items:center}
.conversation-row strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-row small{font-size:9px;color:#a0a7b3;white-space:nowrap}
.conversation-title,.conversation-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-title{font-size:11px;color:#646d7d;margin-top:2px}
.conversation-preview{font-size:10px;color:#9299a6;margin-top:3px}
.conversation-unread{
  min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ff5f70;color:white;font-size:9px;font-weight:900
}
.chat-panel{min-width:0;display:flex;background:#fff}
.chat-empty{margin:auto;text-align:center;color:#8b93a2}
.chat-empty>span{display:block;font-size:42px;margin-bottom:8px}
.chat-empty h3{margin:0 0 6px;color:#242b38}
.chat-empty p{margin:0;font-size:12px}
.chat-active{width:100%;display:grid;grid-template-rows:auto 1fr auto;min-height:0}
.chat-header{
  min-height:72px;display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #edf0f4;background:rgba(255,255,255,.96)
}
.chat-back{display:none;border:0;background:#f4f5f8;width:36px;height:36px;border-radius:12px;font-size:18px}
.chat-header-copy{min-width:0;flex:1}
.chat-header-copy strong{display:block;font-size:14px}
.chat-header-copy span{display:block;font-size:10px;color:#8a92a0;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-messages{overflow-y:auto;padding:20px 22px;background:linear-gradient(180deg,#fcfdff,#fff);min-height:0}
.chat-day{display:flex;align-items:center;gap:10px;margin:8px 0 16px;color:#a0a6b1;font-size:9px}
.chat-day:before,.chat-day:after{content:"";height:1px;background:#edf0f4;flex:1}
.system-message{
  max-width:72%;margin:10px auto;padding:8px 12px;border-radius:999px;background:#f4f5f8;color:#737b89;text-align:center;font-size:10px
}
.system-message span{margin-right:5px;color:#ff6978}
.message-row{display:flex;margin:7px 0}
.message-row.mine{justify-content:flex-end}
.message-row.theirs{justify-content:flex-start}
.message-bubble{
  max-width:min(72%,560px);padding:10px 12px;border-radius:16px;background:#f1f3f6;color:#232a37;box-shadow:0 4px 12px rgba(30,40,70,.03)
}
.message-row.mine .message-bubble{background:linear-gradient(135deg,#ff6774,#ff8892);color:#fff}
.message-bubble p{margin:0;font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.message-bubble small{display:block;text-align:right;font-size:8px;margin-top:4px;opacity:.7}
.chat-compose{
  display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:12px 16px;border-top:1px solid #edf0f4;background:#fff
}
.chat-compose textarea{
  resize:none;max-height:120px;min-height:44px;border:1px solid #e4e7ed;border-radius:16px;padding:12px 14px;font:inherit;font-size:13px;outline:none;background:#f9fafc
}
.chat-compose textarea:focus{border-color:#ffc0c6;background:#fff;box-shadow:0 0 0 3px rgba(255,95,112,.08)}
.chat-send{
  width:44px;height:44px;border:0;border-radius:15px;background:linear-gradient(135deg,#ff6270,#ff8791);color:#fff;font-size:17px;box-shadow:0 8px 18px rgba(255,98,112,.22)
}
.mobile-message-badge{
  position:absolute;top:2px;right:calc(50% - 22px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;
  display:grid;place-items:center;background:#ff5f70;color:#fff;border:2px solid #fff;font-size:9px;font-weight:900
}

@media(max-width:768px){
  #view-messages{padding:0!important}
  .messages-shell{display:block;height:calc(100dvh - 80px);border:0;border-radius:0;box-shadow:none}
  .conversation-sidebar{height:100%;border:0}
  .conversation-head{padding:16px 14px 12px}
  .conversation-list{height:calc(100% - 72px)}
  .conversation-item{grid-template-columns:50px minmax(0,1fr) auto;padding:11px 9px}
  .chat-panel{
    position:fixed;inset:0;background:#fff;z-index:1800;display:none
  }
  body.mobile-chat-open .chat-panel{display:flex}
  body.mobile-chat-open .v20-bottom-nav{display:none!important}
  .chat-back{display:grid;place-items:center}
  .chat-header{padding-top:calc(10px + env(safe-area-inset-top));min-height:68px}
  .chat-messages{padding:16px 12px}
  .message-bubble{max-width:84%}
  .system-message{max-width:88%;border-radius:14px}
  .chat-compose{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}
  .chat-trip-btn{display:none}
}

/* V25 advanced public profile & trust */
.profile-public-toggle{
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:14px!important;border:1px solid #e8ebf0!important;border-radius:16px!important;background:#fafbfc!important
}
.profile-public-toggle input{width:18px!important;height:18px!important;flex:0 0 auto!important}
.profile-public-toggle span{display:block!important}
.profile-public-toggle strong{display:block;font-size:12px}
.profile-public-toggle small{display:block;font-size:10px;color:#838c9c;margin-top:2px;line-height:1.4}
.profile-save-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.public-profile-modal-card{max-width:780px!important}
.public-profile{display:grid;gap:22px}
.public-profile-hero{display:grid;grid-template-columns:94px minmax(0,1fr) auto;gap:18px;align-items:center}
.public-profile-avatar{
  width:94px;height:94px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:40px;
  background:linear-gradient(135deg,#fff0f3,#eeeaff);border:1px solid #eee7f0
}
.public-profile-avatar img{width:100%;height:100%;object-fit:cover}
.public-profile-copy h2{margin:0 0 5px;font-size:28px}
.public-profile-copy p{margin:0;color:#7e8796;font-size:12px}
.public-profile-occupation{display:inline-block;margin-top:8px;padding:6px 9px;border-radius:999px;background:#f4f5f8;font-size:10px;font-weight:800}
.public-profile-trust{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.public-profile-trust span{font-size:9px;font-weight:850;color:#417052;background:#edf8f1;padding:5px 8px;border-radius:999px}
.public-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.public-profile-stats>div{padding:14px;text-align:center;border-radius:16px;background:#f8f9fb;border:1px solid #f0f1f4}
.public-profile-stats strong{display:block;font-size:20px}
.public-profile-stats span{display:block;font-size:9px;color:#8a92a0;margin-top:3px}
.public-profile section h3{font-size:15px;margin:0 0 9px}
.public-profile section p{margin:0;color:#60697a;line-height:1.6;font-size:13px}
.public-profile-tags{display:flex;flex-wrap:wrap;gap:7px}
.public-profile-tags span{padding:7px 10px;border-radius:999px;background:#f5f6f8;font-size:10px;font-weight:750}
.public-profile-listings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.public-profile-listing{
  border:0;background:transparent;text-align:left;padding:0;overflow:hidden;border-radius:15px;cursor:pointer
}
.public-profile-listing>img,.public-profile-listing>div{
  width:100%;aspect-ratio:1.3/1;object-fit:cover;background:#f1f3f6;display:grid;place-items:center
}
.public-profile-listing>span{display:block;padding:8px 2px}
.public-profile-listing strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-profile-listing small{display:block;font-size:9px;color:#8a92a0;margin-top:2px}

@media(max-width:768px){
  .profile-save-actions{display:grid;grid-template-columns:1fr}
  .public-profile-hero{grid-template-columns:74px minmax(0,1fr)}
  .public-profile-avatar{width:74px;height:74px}
  .public-profile-trust{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap}
  .public-profile-stats{grid-template-columns:repeat(2,1fr)}
  .public-profile-listings{grid-template-columns:repeat(2,1fr)}
}

/* V30 Full Platform Suite */
.tools-page{max-width:1500px;margin:0 auto}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tool-card{
  min-width:0;padding:20px;border-radius:24px;border:1px solid rgba(24,34,58,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,250,253,.96));
  box-shadow:0 14px 38px rgba(38,49,82,.07);display:flex;flex-direction:column;gap:12px
}
.tool-card h3{margin:0 0 5px;font-size:17px}
.tool-card p{margin:0;color:#7b8495;font-size:11px;line-height:1.5}
.tool-icon{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px;
  background:linear-gradient(135deg,#fff1f3,#f1edff);box-shadow:inset 0 0 0 1px rgba(50,60,90,.04)
}
.tool-mini-list{display:grid;gap:6px;max-height:190px;overflow:auto}
.tool-mini-row{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 10px;border:0;border-radius:12px;background:#f6f7f9;color:#252c3a;text-align:left;cursor:pointer
}
.tool-mini-row.static{cursor:default}
.tool-mini-row span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:750}
.tool-mini-row small{font-size:9px;color:#8b93a2;white-space:nowrap}
.tool-mini-row button{width:25px;height:25px;border:0;border-radius:8px;background:#fff;color:#9a5160}
.tool-empty{padding:13px;border-radius:12px;background:#f8f9fb;color:#9aa1ad;font-size:10px;text-align:center}
.analytics-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.analytics-mini>div{padding:12px;border-radius:14px;background:#f7f8fb;text-align:center}
.analytics-mini strong{display:block;font-size:17px}
.analytics-mini span{display:block;font-size:9px;color:#8a92a1;margin-top:3px}
.tool-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.host-tool-modal-card{max-width:720px!important}
.tool-form{display:grid;gap:14px}
.tool-form textarea{min-height:90px;resize:vertical}
.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.access-grid label{padding:10px;border-radius:12px;background:#f7f8fb;font-size:11px}
.calendar-export{padding:14px;border-radius:15px;background:#f7f8fb;margin-bottom:12px}
.calendar-export strong{display:block;font-size:11px;margin-bottom:6px}
.calendar-export code{display:block;font-size:9px;white-space:normal;word-break:break-all;color:#687184}
#toolListingSelect{width:100%;min-height:42px;border-radius:13px;border:1px solid #e4e7ed;padding:0 11px;background:#fff}

@media(max-width:1100px){
  .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .tools-page{padding:18px 12px 96px!important}
  .tools-grid{grid-template-columns:1fr;gap:12px}
  .tool-card{padding:16px;border-radius:20px}
  .tool-action-grid{grid-template-columns:1fr 1fr}
  .access-grid{grid-template-columns:1fr}
}

/* V31 production readiness */
.production-footer{
  max-width:1500px;margin:44px auto 0;padding:22px 34px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  border-top:1px solid #eceef3;color:#747d8d
}
.production-footer>div{display:flex;flex-direction:column;gap:3px}
.production-footer strong{color:#252c38;font-size:13px}
.production-footer span{font-size:10px}
.production-footer nav{display:flex;gap:6px;flex-wrap:wrap}
.production-footer button{border:0;background:transparent;color:#657083;font-size:10px;font-weight:750;padding:6px 8px;cursor:pointer}
.production-footer button:hover{color:#ff5f70}
.legal-modal-card{max-width:720px!important}
.legal-modal-card h2{font-size:28px;margin:0 0 18px}
.legal-modal-card h3{font-size:14px;margin:20px 0 7px}
.legal-modal-card p{font-size:12px;line-height:1.7;color:#606a7a}
.cookie-banner{
  position:fixed;left:18px;right:18px;bottom:18px;z-index:2200;max-width:920px;margin:auto;padding:14px 16px;
  border:1px solid rgba(25,35,55,.09);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 20px 60px rgba(25,35,70,.18);
  backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;gap:16px
}
.cookie-banner strong{font-size:12px}
.cookie-banner p{margin:3px 0 0;color:#7b8494;font-size:10px;line-height:1.4}
.cookie-banner .primary-btn{white-space:nowrap}
@media(max-width:768px){
  .production-footer{padding:20px 14px 96px;align-items:flex-start;flex-direction:column}
  .cookie-banner{bottom:82px;flex-direction:column;align-items:stretch}
  .cookie-banner .primary-btn{width:100%}
}

/* V32 live connector readiness */
.connector-status-list{display:grid;gap:7px}
.connector-status-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:12px;background:#f7f8fb;font-size:10px}
.connector-status-list span{font-weight:750;color:#3d4655}
.connector-status-list strong{font-size:9px;padding:4px 7px;border-radius:999px}
.connector-status-list .ready{background:#eaf8f0;color:#288259}
.connector-status-list .pending{background:#fff4df;color:#9a6825}

/* V33 activation */
.profile-btn .avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#f1f3f6;font-size:12px;font-weight:800;color:#505968}
.profile-btn .avatar img{width:100%;height:100%;object-fit:cover;display:block}
.listing-map-wrap{position:relative;overflow:hidden}
.map-toolbar{position:absolute;z-index:600;top:12px;left:12px;right:12px;display:flex;gap:7px;pointer-events:none}
.map-toolbar button{pointer-events:auto}
.map-layer-btn,.map-search-area{border:1px solid rgba(22,32,50,.12);background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(20,30,50,.14);border-radius:999px;padding:9px 13px;font-size:10px;font-weight:800;cursor:pointer}
.map-layer-btn.active{background:#202633;color:#fff}
.map-search-area{margin-left:auto;background:#fff;color:#252c38}
.taynexa-price-marker{background:transparent!important;border:0!important}
.taynexa-price-marker button{border:1px solid rgba(20,25,35,.12);background:#fff;border-radius:999px;padding:7px 10px;min-width:58px;font-weight:850;font-size:10px;box-shadow:0 8px 18px rgba(20,25,40,.18);cursor:pointer}
.taynexa-price-marker button:hover{transform:scale(1.06);background:#202633;color:#fff}
.detail-location-map{height:300px;border-radius:20px;overflow:hidden;margin:10px 0 12px;background:#eef1f4;border:1px solid #e4e7eb}
.host-card{align-items:center}
.host-card-copy{flex:1;min-width:0}
.message-host-btn{margin-left:auto;white-space:nowrap}
@media(min-width:1000px){
  .explore-shell:has(.listing-map-wrap:not(.hidden)){display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:18px;align-items:start}
  .explore-shell:has(.listing-map-wrap:not(.hidden)) .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .listing-map-wrap:not(.hidden){position:sticky;top:88px;height:calc(100vh - 110px);min-height:600px}
  .listing-map{height:100%!important}
}
@media(max-width:768px){
  .listing-map-wrap:not(.hidden){height:62vh;min-height:420px;border-radius:18px}
  .map-toolbar{top:8px;left:8px;right:8px}
  .message-host-btn{width:100%;margin:10px 0 0}
  .host-card{flex-wrap:wrap}
  .detail-location-map{height:240px}
}

/* V34 messages, tools, languages, currencies */
.locale-switcher{position:relative}
.locale-menu{position:absolute;right:0;top:calc(100% + 10px);width:340px;padding:16px;border:1px solid #e6e8ed;border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(23,31,50,.18);z-index:1900}
.locale-block+ .locale-block{margin-top:16px}
.locale-block>strong{display:block;font-size:10px;color:#7c8594;margin-bottom:8px}
.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.language-grid button{border:1px solid #e9ebef;background:#fafbfc;border-radius:11px;padding:9px;text-align:left;font-size:10px;font-weight:750;cursor:pointer}
.language-grid button:hover{background:#f1f3f6}
.locale-block select,.mobile-locale-settings select{width:100%;min-height:40px;border:1px solid #e3e6ec;border-radius:11px;background:#fff;padding:0 10px}
.mobile-locale-settings{display:none}

.messages-page{max-width:1500px;margin:0 auto}
.messages-shell{height:calc(100vh - 140px);min-height:650px;grid-template-columns:390px minmax(0,1fr);border-radius:24px;box-shadow:0 14px 48px rgba(31,40,65,.08)}
.conversation-head{padding-bottom:10px}
.conversation-head-actions{display:flex;align-items:center;gap:8px}
.conversation-filters{display:flex;gap:6px;padding:0 14px 12px;overflow:auto}
.conversation-filter{border:1px solid #e4e7eb;background:#fff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}
.conversation-filter.active{background:#202633;color:#fff;border-color:#202633}
.conversation-list{padding:4px 8px 14px}
.conversation-item{border-bottom:0!important;margin-bottom:4px;border-radius:15px!important}
.chat-panel{background:#fbfbfc}
.chat-active{width:100%}
.chat-header{background:#fff}
.chat-messages{background:linear-gradient(180deg,#fbfbfc,#f7f8fa)}
.compact{padding:7px 9px!important;font-size:9px!important}
html[dir="rtl"] .locale-menu{right:auto;left:0}
html[dir="rtl"] .conversation-sidebar{border-right:0;border-left:1px solid #edf0f4}

@media(max-width:900px){
  .locale-switcher{display:none}
  .mobile-locale-settings{display:grid;gap:10px;padding:12px;border-top:1px solid #eceef2}
  .mobile-locale-settings label{display:grid;gap:5px;font-size:9px;color:#7b8492}
  .messages-page{padding:0!important}
  .messages-shell{height:calc(100dvh - 70px);min-height:0;border-radius:0}
}

/* V34.1 Futuristic Taynexa identity */
.brand{
  display:inline-flex;
  align-items:center;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(11,24,48,.10);
}
.brand img{
  width:152px!important;
  height:40px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:13px;
}
@media(max-width:720px){
  .brand img{
    width:126px!important;
    height:34px!important;
  }
}

/* ==========================================================
   V35 — Bright Futuristic Taynexa
   ========================================================== */
:root{
  --future-pink:#ff4fb8;
  --future-coral:#ff7b78;
  --future-purple:#8a5cff;
  --future-blue:#1db7ff;
  --future-cyan:#4ee9f5;
  --future-ink:#111938;
  --future-soft:#f7f6ff;
}

body{
  background:
    radial-gradient(circle at 9% 3%,rgba(255,92,188,.11),transparent 25rem),
    radial-gradient(circle at 91% 9%,rgba(29,183,255,.12),transparent 27rem),
    linear-gradient(180deg,#fff 0%,#fbfaff 48%,#fff 100%);
  color:var(--future-ink);
}

.topbar{
  background:rgba(255,255,255,.78)!important;
  backdrop-filter:blur(24px) saturate(1.35);
  border-bottom:1px solid rgba(132,95,255,.10)!important;
  box-shadow:0 10px 34px rgba(88,65,160,.06);
}

.brand{
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.brand img{
  width:176px!important;
  height:50px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 7px 16px rgba(86,85,240,.19));
}

.nav-link{
  position:relative;
  border-radius:999px!important;
}
.nav-link.active{
  color:#5546e8!important;
  background:linear-gradient(135deg,rgba(255,79,184,.08),rgba(29,183,255,.09))!important;
}
.nav-link.active::after{
  content:"";
  position:absolute;left:30%;right:30%;bottom:1px;height:2px;border-radius:99px;
  background:linear-gradient(90deg,var(--future-pink),var(--future-blue));
}

.host-link,.primary-btn,.v19-search-btn{
  border:0!important;
  background:linear-gradient(110deg,#ff6b8b 0%,#c34dff 48%,#22c7f8 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(174,74,235,.24),inset 0 1px rgba(255,255,255,.38)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.host-link:hover,.primary-btn:hover,.v19-search-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(174,74,235,.30),0 0 0 5px rgba(83,194,255,.07)!important;
}

.hero{
  position:relative;
  min-height:470px;
  margin:16px auto 28px!important;
  max-width:1500px;
  border-radius:36px!important;
  overflow:hidden;
  padding:62px 58px 48px!important;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 37%,rgba(255,255,255,.33) 67%,rgba(255,255,255,.07) 100%),
    url('/listing-images/lara-sunset.jpg') center 58%/cover no-repeat!important;
  box-shadow:
    0 24px 80px rgba(98,69,179,.13),
    inset 0 0 0 1px rgba(255,255,255,.7);
}
.hero::before{
  content:"";
  position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(circle at 77% 15%,rgba(66,217,255,.45),transparent 23%),
    radial-gradient(circle at 82% 79%,rgba(255,67,185,.33),transparent 28%),
    linear-gradient(120deg,rgba(255,148,205,.08),rgba(97,114,255,.08));
  mix-blend-mode:screen;
}
.hero::after{
  content:"";
  position:absolute;right:-8%;top:-24%;width:52%;height:130%;z-index:-1;
  border:1px solid rgba(255,255,255,.65);
  border-radius:50%;
  box-shadow:0 0 70px rgba(74,207,255,.25),inset 0 0 80px rgba(255,78,189,.12);
  transform:rotate(-18deg);
}

.hero-copy{max-width:680px;position:relative;z-index:2}
.hero-copy .kicker{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(133,98,255,.13);
  box-shadow:0 8px 24px rgba(72,66,150,.08);
}
.hero-copy h1{
  max-width:690px;
  font-size:clamp(42px,5.2vw,78px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  margin:17px 0 18px!important;
  color:#10183a!important;
}
.hero-copy h1 em{
  font-style:normal!important;
  background:linear-gradient(95deg,#ff4eaa,#7c54ff 53%,#11aef1);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 10px 34px rgba(119,84,255,.12);
}
.hero-copy>p:last-child{
  max-width:570px;
  color:#505d7e!important;
  font-size:15px!important;
  line-height:1.62!important;
}

.hero-floating-tags{
  position:absolute;inset:0;pointer-events:none;z-index:2;
}
.hero-tag{
  position:absolute;
  display:inline-flex;align-items:center;gap:7px;
  padding:10px 14px;border-radius:14px;
  background:rgba(255,255,255,.77);
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 14px 38px rgba(29,36,100,.14);
  backdrop-filter:blur(14px);
  font-size:10px;font-weight:850;color:#313a66;
}
.hero-tag-one{right:5.5%;top:16%;transform:rotate(2deg)}
.hero-tag-two{right:19%;top:47%;transform:rotate(-4deg)}
.hero-tag-three{right:5%;bottom:24%;transform:rotate(3deg)}

.premium-search{
  position:absolute!important;
  left:58px!important;right:58px!important;bottom:34px!important;
  z-index:8;
  margin:0!important;
  max-width:none!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:
    0 20px 55px rgba(65,62,139,.16),
    0 0 0 6px rgba(255,255,255,.25)!important;
  backdrop-filter:blur(25px) saturate(1.4)!important;
  border-radius:25px!important;
}
.v19-field{
  transition:background .18s ease,transform .18s ease!important;
}
.v19-field:hover{
  background:linear-gradient(135deg,rgba(255,81,179,.055),rgba(36,193,247,.06))!important;
  transform:translateY(-1px);
}

.content{max-width:1500px!important}

.category-bar{
  gap:12px!important;
  padding:8px 2px 19px!important;
}
.category-chip{
  min-width:132px!important;
  min-height:92px!important;
  flex-direction:column!important;
  justify-content:center!important;
  border:1px solid rgba(116,102,199,.10)!important;
  border-radius:20px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,244,255,.93))!important;
  box-shadow:0 12px 30px rgba(72,65,136,.07)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.category-chip:nth-child(2n){
  background:linear-gradient(145deg,#fff,#f2fbff)!important;
}
.category-chip:nth-child(3n){
  background:linear-gradient(145deg,#fff,#fff4fa)!important;
}
.category-chip:hover,.category-chip.active{
  transform:translateY(-5px)!important;
  border-color:rgba(143,82,255,.25)!important;
  box-shadow:0 18px 38px rgba(98,69,179,.12),0 0 0 4px rgba(100,191,255,.05)!important;
}
.category-icon-wrap{
  width:40px!important;height:40px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,rgba(255,95,180,.12),rgba(41,200,255,.13))!important;
}

.section-head h2{
  font-size:clamp(26px,3vw,42px)!important;
  letter-spacing:-.035em!important;
}
.section-head h2::first-letter{color:#6e50ef}

.listing-card{
  border:1px solid rgba(102,91,180,.10)!important;
  border-radius:23px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 34px rgba(58,55,112,.075)!important;
  overflow:hidden!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.listing-card:hover{
  transform:translateY(-7px)!important;
  box-shadow:0 24px 56px rgba(74,62,139,.15),0 0 0 4px rgba(42,195,255,.035)!important;
}
.listing-card img{
  transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s ease!important;
}
.listing-card:hover img{
  transform:scale(1.045);
  filter:saturate(1.08) contrast(1.02);
}

.soft-btn{
  border:1px solid rgba(101,92,171,.12)!important;
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(10px);
  box-shadow:0 6px 20px rgba(68,61,120,.055);
}
.soft-btn:hover{
  border-color:rgba(141,79,255,.22)!important;
  background:linear-gradient(135deg,#fff8fc,#f5fbff)!important;
}

.future-trust-strip{
  max-width:1450px;margin:12px auto 30px;padding:12px 20px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:4px;
  border:1px solid rgba(109,92,199,.10);border-radius:24px;
  background:rgba(255,255,255,.75);backdrop-filter:blur(20px);
  box-shadow:0 16px 38px rgba(79,67,140,.07);
}
.future-trust-strip>div{
  min-width:0;padding:14px 18px;display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:center;
  border-right:1px solid rgba(95,87,157,.08);
}
.future-trust-strip>div:last-child{border-right:0}
.future-trust-strip span{grid-row:1/3;font-size:23px}
.future-trust-strip strong{font-size:11px}
.future-trust-strip small{font-size:9px;color:#818aa0;margin-top:3px}

.future-host-cta{
  max-width:1450px;min-height:245px;margin:0 auto 46px;padding:42px 50px;
  position:relative;overflow:hidden;border-radius:30px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;
  background:
    linear-gradient(105deg,rgba(255,255,255,.96),rgba(255,245,253,.88) 45%,rgba(230,247,255,.84)),
    url('/listing-images/kas-horizon-suite.jpg') right center/55% auto no-repeat;
  border:1px solid rgba(130,94,215,.10);
  box-shadow:0 24px 65px rgba(78,63,154,.10);
}
.future-host-glow{
  position:absolute;width:430px;height:430px;border-radius:50%;right:-90px;top:-200px;
  background:radial-gradient(circle,rgba(39,207,255,.26),rgba(255,67,190,.11) 45%,transparent 68%);
}
.future-host-copy{position:relative;z-index:2;max-width:760px}
.future-host-copy h2{
  margin:8px 0 10px;font-size:clamp(30px,4vw,54px);line-height:1;letter-spacing:-.045em;
}
.future-host-copy h2 em{
  font-style:normal;background:linear-gradient(90deg,#ff4eaa,#7c54ff,#16bff0);background-clip:text;-webkit-background-clip:text;color:transparent
}
.future-host-copy p:not(.kicker){max-width:620px;color:#69738a;font-size:12px;line-height:1.55}
.future-host-stats{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,112px);gap:10px;
}
.future-host-stats>div{
  min-height:102px;padding:18px 12px;border-radius:20px;
  display:flex;flex-direction:column;justify-content:center;text-align:center;
  background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.8);
  backdrop-filter:blur(18px);box-shadow:0 12px 28px rgba(65,61,135,.10);
}
.future-host-stats strong{
  font-size:28px;background:linear-gradient(100deg,#ff51ad,#704eff,#18bff0);-webkit-background-clip:text;background-clip:text;color:transparent
}
.future-host-stats span{font-size:9px;color:#778196;margin-top:4px}

.modal-card,.tool-card,.notification-panel,.locale-menu{
  border:1px solid rgba(113,95,201,.11)!important;
  box-shadow:0 24px 68px rgba(61,53,126,.14)!important;
}

@media(max-width:900px){
  .brand img{width:142px!important;height:40px!important}
  .hero{
    min-height:590px!important;
    margin:7px 10px 18px!important;
    padding:38px 22px 155px!important;
    border-radius:27px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.83) 54%,rgba(255,255,255,.16)),
      url('/listing-images/lara-sunset.jpg') center/cover no-repeat!important;
  }
  .hero-copy h1{font-size:43px!important;max-width:92%}
  .hero-copy>p:last-child{font-size:12px!important;max-width:90%}
  .hero-floating-tags{display:none}
  .premium-search{
    left:13px!important;right:13px!important;bottom:14px!important;
  }
  .category-chip{min-width:103px!important;min-height:78px!important;border-radius:17px!important}
  .future-trust-strip{
    margin:8px 12px 24px;grid-template-columns:1fr 1fr;padding:8px;border-radius:21px
  }
  .future-trust-strip>div{border-right:0;padding:11px}
  .future-host-cta{
    margin:0 12px 110px;padding:28px 22px;grid-template-columns:1fr;border-radius:24px
  }
  .future-host-copy h2{font-size:36px}
  .future-host-stats{grid-template-columns:repeat(3,1fr);width:100%}
  .future-host-stats>div{min-height:86px}
}


/* ==========================================================
   V35.2 Mobile compatibility fix
   ========================================================== */
@media (max-width: 768px){
  html, body{overflow-x:hidden!important;}
  body{padding-bottom:calc(106px + env(safe-area-inset-bottom, 0px))!important;}
  .app-shell, main, .content, .home-layout{overflow-x:hidden!important;}

  .topbar{padding:12px 16px!important;}
  .brand img{width:138px!important;height:38px!important;}

  .hero{
    margin:8px 10px 18px!important;
    padding:28px 14px 18px!important;
    min-height:auto!important;
    border-radius:26px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.90) 52%,rgba(255,255,255,.78)),
      url('/listing-images/lara-sunset.jpg') center/cover no-repeat!important;
  }
  .hero::after,
  .hero-floating-tags,
  .future-host-glow{display:none!important;}
  .hero-copy{max-width:100%!important;}
  .hero-copy .kicker{
    font-size:11px!important;
    letter-spacing:.14em!important;
    padding:9px 14px!important;
    margin-bottom:14px!important;
  }
  .hero-copy h1{
    font-size:clamp(42px,11.3vw,56px)!important;
    line-height:.94!important;
    letter-spacing:-.05em!important;
    margin:0 0 14px!important;
    max-width:100%!important;
  }
  .hero-copy>p:last-child{
    font-size:14px!important;
    line-height:1.55!important;
    max-width:100%!important;
    margin-bottom:18px!important;
  }

  .premium-search,
  .searchbar,
  .mobile-searchbar{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0!important;
    max-width:none!important;
    border-radius:26px!important;
    overflow:hidden!important;
    box-shadow:0 18px 44px rgba(73,65,144,.10)!important;
  }
  .v19-search{grid-template-columns:1fr!important;gap:0!important;}
  .v19-search .v19-field,
  .premium-search .v19-field{
    min-height:84px!important;
    padding:18px 16px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(96,88,162,.10)!important;
    grid-column:auto!important;
  }
  .v19-search .v19-field.v19-where{min-height:92px!important;}
  .v19-search .v19-field.v19-checkin,
  .v19-search .v19-field.v19-checkout{width:100%!important;}
  .v19-search .v19-field:last-of-type{
    border-bottom:1px solid rgba(96,88,162,.10)!important;
  }
  .v19-search-btn,
  .premium-search .v19-search-btn,
  .searchbar button[type="submit"],
  .searchbar .primary-btn{
    width:calc(100% - 24px)!important;
    margin:12px auto 14px!important;
    min-height:64px!important;
    border-radius:20px!important;
    font-size:18px!important;
  }
  .field-label,
  .v19-label{font-size:11px!important;margin-bottom:4px!important;}
  .field-value,
  .v19-value,
  .field-input,
  .v19-input,
  .premium-search input,
  .premium-search select{font-size:15px!important;}

  .category-bar{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding:6px 12px 18px!important;
    margin-top:8px!important;
    scroll-snap-type:x proximity;
  }
  .category-bar::-webkit-scrollbar{display:none!important}
  .category-chip{
    flex:0 0 auto!important;
    min-width:auto!important;
    min-height:auto!important;
    padding:12px 16px!important;
    border-radius:18px!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
  }
  .category-chip::before{
    content:attr(data-emoji);
    font-size:18px;
    line-height:1;
    display:inline-block;
  }
  .category-chip .category-icon-wrap{display:none!important;}
  .category-chip span:last-child{
    font-size:14px!important;
    font-weight:800!important;
  }

  .section-head{padding:0 16px!important;}
  .section-head h2{
    font-size:42px!important;
    line-height:1.02!important;
  }
  .section-head p{
    font-size:15px!important;
    line-height:1.5!important;
  }

  .home-actions,
  .filters-row,
  .listing-controls{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding:2px 16px 8px!important;
    flex-wrap:nowrap!important;
  }
  .home-actions::-webkit-scrollbar,
  .filters-row::-webkit-scrollbar,
  .listing-controls::-webkit-scrollbar{display:none!important}
  .home-actions > *,
  .filters-row > *,
  .listing-controls > *{flex:0 0 auto!important;}

  .listing-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:0 16px!important;
  }
  .listing-card{border-radius:22px!important;}
  .listing-image{
    aspect-ratio:1.15/1!important;
    border-radius:18px!important;
  }

  .future-trust-strip{
    grid-template-columns:1fr 1fr!important;
    margin:10px 12px 24px!important;
    gap:2px!important;
  }
  .future-host-cta{
    margin:0 12px 24px!important;
    padding:24px 18px!important;
    background:
      linear-gradient(105deg,rgba(255,255,255,.96),rgba(255,245,253,.92) 45%,rgba(230,247,255,.88))!important;
  }
  .future-host-copy h2{font-size:34px!important;}
  .future-host-stats{grid-template-columns:repeat(3,1fr)!important;}

  .v20-bottom-nav,
  .mobile-bottom-nav{
    left:10px!important;
    right:10px!important;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 10px)!important;
    padding:8px!important;
    border-radius:24px!important;
    box-shadow:0 18px 42px rgba(73,65,144,.14)!important;
    backdrop-filter:blur(18px)!important;
    background:rgba(255,255,255,.93)!important;
  }
  .v20-bottom-nav .mobile-nav-btn,
  .mobile-bottom-nav .mobile-nav-btn{
    min-height:62px!important;
    border-radius:18px!important;
    padding:8px 6px!important;
  }
  .v20-bottom-nav .mobile-nav-icon,
  .mobile-bottom-nav .mobile-nav-icon{font-size:22px!important;}
  .v20-bottom-nav small,
  .mobile-bottom-nav small{font-size:11px!important;}

  .messages-shell{
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:calc(100dvh - 155px)!important;
    margin:0 12px!important;
    border-radius:22px!important;
  }
}

@media (max-width: 420px){
  .hero-copy h1{font-size:40px!important;}
  .v19-search .v19-field,
  .premium-search .v19-field{
    min-height:78px!important;
    padding:16px 14px!important;
  }
  .v20-bottom-nav,
  .mobile-bottom-nav{
    left:8px!important;
    right:8px!important;
  }
  .category-chip{padding:11px 14px!important;}
}


/* ==========================================================
   V35.3 Mobile completion
   ========================================================== */
.listing-skeleton{pointer-events:none}
.skeleton-photo,.skeleton-copy i{
  display:block;
  background:linear-gradient(100deg,#f2f3f8 20%,#fafaff 40%,#f2f3f8 60%);
  background-size:220% 100%;
  animation:taynexaShimmer 1.15s linear infinite;
}
.skeleton-photo{aspect-ratio:1.25/1;border-radius:20px}
.skeleton-copy{padding:14px 4px}
.skeleton-copy i{height:12px;border-radius:99px;margin:8px 0}
.skeleton-copy i:nth-child(1){width:72%}
.skeleton-copy i:nth-child(2){width:48%}
.skeleton-copy i:nth-child(3){width:31%}
@keyframes taynexaShimmer{to{background-position:-220% 0}}

@media(max-width:768px){
  body{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important}

  .v20-bottom-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:2px!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    min-height:72px!important;
    padding:6px!important;
    border:1px solid rgba(91,82,150,.10)!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 18px 46px rgba(43,38,92,.18)!important;
    z-index:1600!important;
  }
  .v20-bottom-nav .mobile-nav-btn{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:58px!important;
    gap:3px!important;
    padding:5px 2px!important;
    border:0!important;
    border-radius:17px!important;
    background:transparent!important;
    color:#747b8d!important;
  }
  .v20-bottom-nav .mobile-nav-btn.active{
    background:linear-gradient(135deg,rgba(255,79,184,.10),rgba(72,189,255,.11))!important;
    color:#f04f9e!important;
  }
  .v20-bottom-nav .mobile-nav-icon{
    font-family:Arial,sans-serif!important;
    font-size:23px!important;
    font-weight:700!important;
    line-height:1!important;
  }
  .v20-bottom-nav small{
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
  }

  .section-head h2{
    font-size:clamp(31px,9vw,40px)!important;
    line-height:1.02!important;
    overflow-wrap:anywhere;
  }
  .listing-grid{min-height:240px}
  .empty-state{margin:12px 16px 28px!important;border-radius:20px!important}

  /* Keep mobile controls away from the persistent bottom navigation. */
  .future-host-cta{margin-bottom:34px!important}
  .production-footer{padding-bottom:28px!important}
}

/* ==========================================================
   V36 — Taynexa Host Center
   ========================================================== */
.host-center-view{background:#f7f8fc;min-height:100vh}
.host-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}
.host-sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;background:#fff;border-right:1px solid #eceef5;display:flex;flex-direction:column;z-index:20}
.host-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 26px}
.host-brand img{width:38px;height:38px;border-radius:12px}.host-brand div{display:flex;flex-direction:column}.host-brand b{font-size:18px}.host-brand small{color:#8b91a2;font-weight:700}
.host-nav{display:flex;flex-direction:column;gap:5px}.host-nav button{border:0;background:transparent;padding:12px 13px;border-radius:14px;text-align:left;font-weight:800;color:#6f7587;font-size:14px;cursor:pointer;display:flex;gap:11px}
.host-nav button.active,.host-nav button:hover{background:linear-gradient(135deg,#fff0f8,#eef9ff);color:#ef4d9e}
.host-guest-switch{margin-top:auto;border:1px solid #e7e9f2;background:#fff;border-radius:14px;padding:12px;font-weight:800;cursor:pointer}
.host-main{padding:26px clamp(20px,4vw,58px) 80px;min-width:0}
.host-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.host-eyebrow,.host-section-head small,.host-card-head small,.host-welcome span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#ef4d9e}.host-topbar h1{margin:3px 0 0;font-size:34px}
.host-top-actions{display:flex;gap:8px}.host-avatar-btn{width:42px;height:42px;border-radius:50%;border:1px solid #e7e9f2;background:#fff;font-size:22px}
.host-panel{display:none}.host-panel.active{display:block}
.host-welcome{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:end;gap:24px;padding:30px;border-radius:28px;background:linear-gradient(125deg,#fff1f8,#f2f1ff 55%,#eafcff);box-shadow:0 18px 50px rgba(69,61,126,.08)}
.host-welcome:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-90px;background:linear-gradient(135deg,rgba(255,79,184,.18),rgba(68,204,255,.16))}
.host-welcome h2{font-size:clamp(30px,4vw,48px);line-height:1;margin:7px 0 10px;max-width:700px}.host-welcome p{color:#73798a;margin:0;max-width:600px}
.host-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.host-stat-grid article{padding:20px;background:#fff;border:1px solid #eceef5;border-radius:20px;box-shadow:0 10px 30px rgba(44,43,82,.04);display:flex;flex-direction:column}.host-stat-grid small{font-weight:900;color:#9a9faf;font-size:10px;letter-spacing:.1em}.host-stat-grid strong{font-size:30px;margin:8px 0 3px}.host-stat-grid span{color:#8a90a0;font-size:12px}.host-provider{font-size:22px!important}
.host-two-col{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.host-card{background:#fff;border:1px solid #eceef5;border-radius:22px;padding:20px}.host-card-head,.host-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.host-card-head h3,.host-section-head h2{margin:3px 0}.host-card-head button{border:0;background:transparent;color:#ef4d9e;font-weight:800;cursor:pointer}.host-section-head{margin-bottom:18px}.host-section-head h2{font-size:32px}.host-section-head p{margin:4px 0 0;color:#818798}
.host-task{display:flex;gap:11px;padding:14px 3px;border-bottom:1px solid #f0f1f5}.host-task:last-child{border:0}.host-task input{width:19px}.host-task span{display:flex;flex-direction:column;gap:3px}.host-task small{color:#9196a5}
.host-row{display:flex;align-items:center;gap:13px;padding:13px 2px;border-bottom:1px solid #f0f1f5}.host-row:last-child{border:0}.host-row-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffeaf5,#eaf8ff);font-weight:900;color:#e94e9b}.host-row-copy{display:flex;flex-direction:column;min-width:0;flex:1}.host-row-copy span,.host-row-copy small{color:#8a90a0;font-size:12px}.host-row-status{padding:6px 9px;border-radius:99px;background:#f5f6fa;color:#707688;font-size:11px;font-weight:800}
.host-empty{padding:32px 12px;text-align:center;display:flex;flex-direction:column;gap:5px;color:#8a90a0}.host-empty b{color:#36394b}.host-empty.wide{grid-column:1/-1}
.host-filter-row{display:flex;gap:7px;margin-bottom:12px;overflow:auto}.host-filter-row button{border:1px solid #e6e8f0;background:#fff;border-radius:99px;padding:8px 13px;font-weight:800;color:#767c8d}.host-filter-row button.active{background:#171a2d;color:#fff;border-color:#171a2d}
.host-listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.host-listing-card{background:#fff;border:1px solid #eceef5;border-radius:22px;overflow:hidden}.host-listing-photo{aspect-ratio:1.45/1;background:linear-gradient(135deg,#ffeaf5,#e9f8ff);display:grid;place-items:center;font-size:42px}.host-listing-photo img{width:100%;height:100%;object-fit:cover}.host-listing-copy{padding:16px}.host-listing-copy small{color:#ef4d9e;font-weight:900;text-transform:uppercase}.host-listing-copy h3{margin:5px 0}.host-listing-copy p{color:#898f9f}.host-feature-card{display:flex;align-items:center;gap:20px;padding:28px}.feature-orb{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#ff5fb3,#786bff,#43d3ff);color:#fff;font-size:28px}.host-feature-card h3{margin:0 0 5px}.host-feature-card p{margin:0;color:#818798}
.host-switch-card{width:100%;display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:12px;padding:15px;margin:0 0 18px;border:1px solid #ececf5;border-radius:20px;background:linear-gradient(135deg,#fff1f8,#eefaff);text-align:left;cursor:pointer}.host-switch-icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#ff5fb3,#766cff,#48d3ff);color:#fff;display:grid;place-items:center;font-size:23px}.host-switch-card span:nth-child(2){display:flex;flex-direction:column}.host-switch-card small{color:#7d8394;margin-top:3px}.host-switch-arrow{font-size:26px}
.host-loading{height:72px;border-radius:15px;background:linear-gradient(100deg,#f2f3f8 20%,#fafaff 40%,#f2f3f8 60%);background-size:220% 100%;animation:taynexaShimmer 1.15s linear infinite}

@media(max-width:900px){
 .host-shell{display:block}.host-sidebar{position:static;height:auto;padding:12px 14px;border-right:0;border-bottom:1px solid #eceef5}.host-brand{padding:2px 4px 10px}.host-nav{flex-direction:row;overflow:auto;padding-bottom:2px}.host-nav button{white-space:nowrap}.host-nav button span{display:inline}.host-guest-switch{display:none}.host-main{padding:18px 14px 130px}.host-topbar{margin-bottom:16px}.host-topbar h1{font-size:28px}
 .host-welcome{padding:22px;align-items:flex-start;flex-direction:column}.host-welcome h2{font-size:34px}.host-stat-grid{grid-template-columns:repeat(2,1fr)}.host-two-col{grid-template-columns:1fr}.host-listing-grid{grid-template-columns:1fr}.host-section-head{align-items:flex-start;flex-direction:column}.host-feature-card{align-items:flex-start}.host-nav{scrollbar-width:none}.host-nav::-webkit-scrollbar{display:none}
}

/* V36.1 Host account menu */
.host-menu-wrap{position:relative}
.host-account-menu{
  position:absolute;right:0;top:52px;width:min(390px,calc(100vw - 28px));max-height:min(78vh,720px);
  overflow:auto;background:#fff;border:1px solid #e9ebf2;border-radius:24px;
  box-shadow:0 24px 70px rgba(35,34,70,.20);z-index:2200;padding:10px
}
.host-account-menu.hidden{display:none!important}
.host-menu-summary{padding:7px 7px 10px;border-bottom:1px solid #eff0f5}
.host-menu-user{display:flex;align-items:center;gap:11px;padding:7px 7px 13px}
.host-menu-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff5fb3,#756cff,#46d3ff);color:#fff;font-size:24px}
.host-menu-user div{display:flex;flex-direction:column}.host-menu-user small{color:#9297a6}
.host-menu-summary button,.host-menu-links button{
  width:100%;border:0;background:transparent;border-radius:13px;padding:11px 10px;text-align:left;
  display:grid;grid-template-columns:1fr auto;gap:3px 10px;cursor:pointer;color:#202336
}
.host-menu-summary button:hover,.host-menu-links button:hover{background:#f7f8fc}
.host-menu-summary button span{font-weight:850}.host-menu-summary button strong{font-size:13px}
.host-menu-summary button small{grid-column:1/-1;color:#8b91a1}
.host-menu-create{margin:9px 0;padding:14px;border-radius:17px;background:linear-gradient(135deg,#fff0f8,#f0f1ff 55%,#ebfbff);display:grid;grid-template-columns:70px 1fr 18px;gap:12px;align-items:center;cursor:pointer}
.host-create-icons{display:flex}.host-create-icons span{width:31px;height:31px;border-radius:10px;background:#fff;box-shadow:0 5px 15px rgba(57,54,95,.08);display:grid;place-items:center;margin-right:-7px}
.host-menu-create div:nth-child(2){display:flex;flex-direction:column;gap:3px}.host-menu-create small{color:#818798;font-size:11px}
.host-menu-links{padding:5px 0;border-top:1px solid #eff0f5;border-bottom:1px solid #eff0f5}
.host-menu-links button{display:flex;justify-content:space-between;font-weight:750}
.host-menu-logout{width:100%;border:0;background:transparent;text-align:left;padding:13px 10px;border-radius:13px;font-weight:800;cursor:pointer}.host-menu-logout:hover{background:#fff1f5;color:#d92f78}
@media(max-width:768px){
 .host-account-menu{position:fixed;left:10px;right:10px;top:auto;bottom:calc(90px + env(safe-area-inset-bottom,0px));width:auto;max-height:72vh;border-radius:24px}
}

/* V37 AI Messaging + Taynexa Care */
.ai-help-view{background:#f7f8fc;min-height:100vh;padding:32px 20px 130px}.ai-help-shell{max-width:1180px;margin:auto}.ai-help-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.ai-help-head span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#ef4d9e}.ai-help-head h1{font-size:clamp(38px,6vw,64px);line-height:.95;margin:7px 0 12px}.ai-help-head p{color:#7d8394;max-width:700px}.ai-help-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:16px}.ai-help-chat,.support-side-card{background:#fff;border:1px solid #eaecf3;border-radius:24px;box-shadow:0 16px 50px rgba(46,43,86,.06)}.ai-help-chat{overflow:hidden}.ai-agent{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid #eef0f5}.ai-agent div{display:flex;flex-direction:column}.ai-agent small{color:#9297a6}.ai-orb{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ff5fb3,#756cff,#43d3ff);color:#fff;font-size:20px}.ai-online{margin-left:auto!important;font-size:11px!important;letter-spacing:0!important;color:#18875d!important;background:#e9faf3;padding:6px 9px;border-radius:99px}.ai-help-messages{height:min(52vh,480px);overflow:auto;padding:22px;display:flex;flex-direction:column;gap:11px}.ai-bubble{max-width:82%;padding:12px 14px;border-radius:18px;line-height:1.45}.ai-bubble.assistant{align-self:flex-start;background:#f1f3f8;color:#303447}.ai-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#ff5fb3,#806eff);color:#fff}.ai-help-compose{display:grid;grid-template-columns:1fr auto;gap:9px;padding:13px;border-top:1px solid #eef0f5}.ai-help-compose textarea{resize:none;border:1px solid #e4e7ef;border-radius:16px;padding:12px;font:inherit}.ai-help-compose button,.ai-draft-btn{border:0;border-radius:14px;padding:0 17px;background:#171a2d;color:#fff;font-weight:850;cursor:pointer}.ai-disclaimer{display:block;padding:0 16px 14px;color:#9a9fae}.ai-support-side{display:flex;flex-direction:column;gap:16px}.support-side-card{padding:17px}.support-side-card>small{font-size:10px;letter-spacing:.13em;color:#ef4d9e;font-weight:900}.quick-help{width:100%;border:0;border-top:1px solid #eef0f5;background:#fff;padding:12px 2px;display:flex;justify-content:space-between;font-weight:800;cursor:pointer}.support-request-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #eef0f5}.support-request-row div{display:flex;flex-direction:column}.support-request-row small{color:#8d93a3}.support-status{font-size:10px;font-weight:900;text-transform:uppercase;background:#eef7ff;color:#3474a9;padding:5px 7px;border-radius:99px;height:max-content}.support-modal-card label{display:flex;flex-direction:column;gap:5px;margin:11px 0;font-weight:800}.support-modal-card input,.support-modal-card select,.support-modal-card textarea{border:1px solid #e2e5ed;border-radius:13px;padding:11px;font:inherit}.inline-support-btn{border:0;background:transparent;color:#d93f8b;font-weight:900;text-decoration:underline}.ai-draft-btn{min-height:40px;background:linear-gradient(135deg,#ef4d9e,#756cff)}@media(max-width:800px){.ai-help-view{padding:20px 12px 130px}.ai-help-head{align-items:flex-start;flex-direction:column}.ai-help-grid{grid-template-columns:1fr}.ai-help-messages{height:46vh}.ai-help-compose{grid-template-columns:1fr}.ai-help-compose button{min-height:44px}.ai-bubble{max-width:92%}}

/* V37.1 — Professional support & resolution composers */
.care-open-btn{background:linear-gradient(135deg,#171a2d,#403b73)!important;color:#fff!important;border-color:transparent!important}
.care-compose-card{width:min(720px,calc(100vw - 28px));max-height:88vh;overflow:auto;padding:0!important;border-radius:28px!important}
.care-compose-head{display:flex;gap:15px;align-items:flex-start;padding:25px 26px 20px;border-bottom:1px solid #edf0f5;background:linear-gradient(135deg,#fff,#fbf8ff 55%,#f4fcff)}
.care-compose-head h2{font-size:28px;margin:2px 0 5px}.care-compose-head p:last-child{margin:0;color:#858b9b}.care-compose-icon{flex:0 0 48px;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ff5fac,#756cff,#44d2ff);color:#fff;font-size:22px;box-shadow:0 12px 28px rgba(117,108,255,.22)}.care-compose-icon.resolution{background:linear-gradient(135deg,#ffb44d,#ff6b81,#846cff)}
.care-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 26px 0}.care-form-grid label,.care-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:850;color:#555c70}.care-field{margin:14px 26px 0}
.care-compose-card input,.care-compose-card select,.care-compose-card textarea{width:100%;box-sizing:border-box;border:1px solid #dfe3ec;background:#fff;border-radius:15px;padding:12px 13px;font:inherit;color:#222638;outline:none;transition:.18s}.care-compose-card textarea{resize:vertical;min-height:135px;line-height:1.5}.care-compose-card input:focus,.care-compose-card select:focus,.care-compose-card textarea:focus{border-color:#8174ff;box-shadow:0 0 0 4px rgba(129,116,255,.10)}
.care-compose-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 26px 25px;margin-top:18px;border-top:1px solid #edf0f5}.care-compose-foot span{font-size:12px;color:#8b91a0;max-width:330px}.care-compose-foot .primary-btn{min-width:165px}
@media(max-width:650px){.care-compose-card{width:calc(100vw - 18px);border-radius:22px!important}.care-compose-head{padding:20px 18px 16px}.care-form-grid{grid-template-columns:1fr;padding:16px 18px 0}.care-field{margin:13px 18px 0}.care-compose-foot{padding:17px 18px 20px;flex-direction:column;align-items:stretch}.care-compose-foot .primary-btn{min-height:48px}.care-compose-head h2{font-size:24px}}

/* V38 reliability + professional host resources */
.taynexa-mega-footer{display:block!important;padding:42px max(22px,calc((100vw - 1180px)/2)) 20px!important;background:#f6f7fa!important;border-top:1px solid #e8eaf0}.footer-brand{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #e0e3ea}.footer-brand strong{font-size:25px}.footer-brand span{color:#8a90a0}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:30px 0}.footer-columns section{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-columns h4{margin:0 0 5px;font-size:14px}.footer-columns button{border:0;background:transparent;padding:0;color:#555c6d;text-align:left;cursor:pointer;font:inherit}.footer-columns button:hover{text-decoration:underline;color:#171a2d}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #e0e3ea;padding-top:18px;color:#8b91a0;font-size:12px}.host-resource-card{background:linear-gradient(180deg,#fff,#faf9ff)}@media(max-width:700px){.footer-brand,.footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}.footer-columns{grid-template-columns:1fr;gap:28px}}

/* V38.1 — modal geometry, footer layout, refresh-safe polish */
#supportRequestModal,#resolutionComposerModal{
  width:min(760px,calc(100vw - 32px))!important;
  max-width:760px!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
#supportRequestModal .care-compose-card,
#resolutionComposerModal .care-compose-card{
  width:100%!important;
  max-width:100%!important;
  max-height:min(86vh,760px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  background:#fff;
}
#resolutionComposerModal .care-form-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr)!important;
}
#resolutionComposerModal .care-form-grid>*{min-width:0}
.taynexa-mega-footer>.footer-brand{display:flex!important;flex-direction:row!important}
.taynexa-mega-footer>.footer-columns{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:48px!important;
  width:100%!important;
}
.taynexa-mega-footer>.footer-bottom{display:flex!important;flex-direction:row!important}
@media(max-width:700px){
  #supportRequestModal,#resolutionComposerModal{width:calc(100vw - 18px)!important}
  #resolutionComposerModal .care-form-grid{grid-template-columns:1fr!important}
  .taynexa-mega-footer>.footer-brand,.taynexa-mega-footer>.footer-bottom{flex-direction:column!important}
  .taynexa-mega-footer>.footer-columns{grid-template-columns:1fr!important;gap:28px!important}
}
\n\n/* V40 — production auth/support/resolution polish */\n#modalBackdrop{position:fixed!important;inset:0!important;z-index:10000!important;background:rgba(17,20,35,.48)!important;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px!important;box-sizing:border-box;overflow:auto}\n#modalBackdrop.hidden{display:none!important}\n#supportRequestModal,#resolutionComposerModal{position:relative!important;inset:auto!important;margin:auto!important;width:min(760px,100%)!important;max-width:760px!important;height:auto!important;max-height:none!important;border:0!important;border-radius:28px!important;box-shadow:0 30px 90px rgba(20,23,42,.24)!important;overflow:hidden!important;background:#fff!important}\n#supportRequestModal.hidden,#resolutionComposerModal.hidden{display:none!important}\n#supportRequestModal .care-compose-card,#resolutionComposerModal .care-compose-card{width:100%!important;max-width:none!important;max-height:calc(100vh - 72px)!important;margin:0!important;border:0!important;border-radius:28px!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:none!important}\n#supportRequestModal .care-compose-head,#resolutionComposerModal .care-compose-head{background:linear-gradient(135deg,#fff7fb 0%,#f6f4ff 55%,#f0fbff 100%);border-bottom:1px solid #ececf3}\n#supportRequestModal .modal-close,#resolutionComposerModal .modal-close{position:absolute!important;right:18px!important;top:18px!important;z-index:3;width:38px;height:38px;border:1px solid #e6e7ee;border-radius:50%;background:rgba(255,255,255,.92);font-size:24px;line-height:1;cursor:pointer}\n#resolutionComposerModal .care-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}\n#resolutionComposerModal input,#resolutionComposerModal select,#resolutionComposerModal textarea,#supportRequestModal input,#supportRequestModal select,#supportRequestModal textarea{max-width:100%!important;min-width:0!important}\n.taynexa-mega-footer{background:#fbfbfd!important;border-top:1px solid #e9eaf0!important}.taynexa-mega-footer .footer-columns h4{font-size:15px!important;color:#191c2e}.taynexa-mega-footer .footer-columns button{padding:4px 0!important;color:#5f6574!important}.taynexa-mega-footer .footer-columns button:hover{color:#d83f8b!important}.footer-brand strong{background:linear-gradient(90deg,#ef4d9e,#756cff);-webkit-background-clip:text;background-clip:text;color:transparent}\n@media(max-width:700px){#modalBackdrop{padding:9px!important;align-items:flex-end}#supportRequestModal,#resolutionComposerModal{width:100%!important;border-radius:24px 24px 0 0!important}#supportRequestModal .care-compose-card,#resolutionComposerModal .care-compose-card{max-height:91vh!important;border-radius:24px 24px 0 0!important}#resolutionComposerModal .care-form-grid{grid-template-columns:1fr!important}}\n
/* V41 — Blue design system, mobile form UX, compact footer, cookie polish, progressive home feed */
:root{
  --red:#2563EB;--red2:#1D4ED8;--ink:#111827;--muted:#667085;--line:#E5E7EB;--soft:#F5F8FF;
  --blue:#2563EB;--blue-dark:#172554;--blue-soft:#EFF6FF;--surface:#FFFFFF;
  --shadow:0 12px 34px rgba(15,23,42,.10)
}
body{color:var(--ink);background:#fff}
.hero{background:linear-gradient(180deg,#fff 0%,#F5F8FF 100%)!important}
.kicker{color:var(--blue)!important}.primary-btn,.v19-search-btn,.message-form button{background:var(--blue)!important}.primary-btn:hover{background:var(--red2)!important}
.nav-link:hover,.nav-link.active,.profile-menu button:hover,.conversation-item:hover,.conversation-item.active{background:var(--blue-soft)!important}
.soft-btn:hover,.category-chip.active{border-color:#BFDBFE!important;background:#EFF6FF!important;color:#1D4ED8!important}
.heart.active{color:var(--blue)!important}
.listing-placeholder{background:linear-gradient(135deg,#DBEAFE,#F8FAFC)!important}
.footer-brand strong{background:none!important;color:var(--blue-dark)!important;-webkit-text-fill-color:var(--blue-dark)!important}
#supportRequestModal .care-compose-head,#resolutionComposerModal .care-compose-head{background:linear-gradient(135deg,#F8FAFF 0%,#EFF6FF 100%)!important}

/* Forms stay stable while the mobile keyboard is open. */
form input,form textarea,form select,.message-form input{width:100%;min-width:0;max-width:100%;border-color:#D0D5DD;background:#fff}
form input:focus,form textarea:focus,form select:focus,.message-form input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(37,99,235,.12);outline:none}
textarea{resize:vertical}.modal,.modal-card{max-width:calc(100vw - 24px)}

/* Progressive home feed indicator */
.infinite-scroll-sentinel{height:54px;display:flex;align-items:center;justify-content:center;margin-top:14px}
.infinite-scroll-sentinel span{width:24px;height:24px;border:3px solid #DBEAFE;border-top-color:var(--blue);border-radius:50%;animation:taynexaSpin .8s linear infinite;opacity:0}
.infinite-scroll-sentinel.loading span{opacity:1}
.infinite-scroll-sentinel.done{display:none}
@keyframes taynexaSpin{to{transform:rotate(360deg)}}

/* Compact footer: one calm row instead of a large menu wall. */
.taynexa-mega-footer.compact-footer{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:22px max(22px,calc((100vw - 1180px)/2))!important;background:#F8FAFC!important}
.compact-footer .footer-brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px;padding:0!important;border:0!important}
.compact-footer .footer-brand strong{font-size:20px!important}.compact-footer .footer-brand span{font-size:11px!important}
.compact-footer-links{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.compact-footer-links button{padding:8px 10px!important;color:#667085!important;font-size:12px!important}
.compact-footer .footer-bottom{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:2px;border:0!important;padding:0!important;font-size:11px!important}

/* Small, functional cookie notice. */
.cookie-banner{left:auto!important;right:18px!important;bottom:18px!important;width:min(430px,calc(100vw - 36px))!important;margin:0!important;padding:13px 14px!important;border-radius:16px!important;gap:12px!important}
.cookie-copy{min-width:0}.cookie-banner strong{font-size:13px!important}.cookie-banner p{font-size:11px!important;line-height:1.45!important}.cookie-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.cookie-actions button{padding:9px 11px!important;font-size:11px!important;white-space:nowrap}

@media(max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  input,select,textarea{font-size:16px!important} /* prevents iOS focus zoom */
  form label{min-width:0}.form-grid,.care-form-grid{grid-template-columns:1fr!important}.span-2{grid-column:auto!important}
  .modal-backdrop,#modalBackdrop{padding:0!important;align-items:flex-end!important}
  .modal,.modal-card,#supportRequestModal,#resolutionComposerModal{width:100%!important;max-width:100%!important;border-radius:22px 22px 0 0!important;max-height:92dvh!important;overflow-y:auto!important;overflow-x:hidden!important}
  .modal input,.modal select,.modal textarea,.modal button,.modal-card input,.modal-card select,.modal-card textarea,.modal-card button{min-width:0;max-width:100%}
  .listing-grid{grid-template-columns:1fr 1fr!important;gap:22px 10px!important}
  .listing-meta h3,.listing-meta p{white-space:normal!important;overflow-wrap:anywhere}
  .taynexa-mega-footer.compact-footer{grid-template-columns:1fr!important;gap:10px!important;padding:18px 16px 28px!important}
  .compact-footer .footer-brand{display:none!important}.compact-footer-links{justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important;width:100%;scrollbar-width:none}.compact-footer-links::-webkit-scrollbar{display:none}.compact-footer-links button{flex:0 0 auto!important}
  .compact-footer .footer-bottom{align-items:flex-start!important;flex-direction:row!important;justify-content:space-between!important;width:100%}
  .cookie-banner{right:10px!important;left:10px!important;bottom:10px!important;width:auto!important;flex-direction:row!important;align-items:center!important;padding:11px 12px!important}.cookie-banner p{display:none}.cookie-actions .soft-btn{display:none}.cookie-actions .primary-btn{width:auto!important}
}
@media(max-width:430px){.listing-grid{grid-template-columns:1fr!important}.cookie-banner{border-radius:14px!important}}

/* V41.1 — mobile layout repair + strict Taynexa blue palette */
:root{--red:#2563EB!important;--red2:#1D4ED8!important;--blue:#2563EB;--blue-dark:#172554;--blue-soft:#EFF6FF}
.hero h1 em{background:none!important;color:#2563EB!important;-webkit-text-fill-color:#2563EB!important}
.hero-aurora-one{background:linear-gradient(90deg,#DBEAFE,#BFDBFE,#E0E7FF)!important}
.hero-aurora-two{background:linear-gradient(90deg,#E0F2FE,#DBEAFE)!important}
.v19-search-btn,.premium-search .v19-search-btn{background:#2563EB!important;box-shadow:0 10px 26px rgba(37,99,235,.20)!important}
.mobile-nav-btn.active{color:#2563EB!important;background:#EFF6FF!important}
.ai-help-head span,.support-side-card>small{color:#2563EB!important}.ai-orb,.care-compose-icon,.ai-draft-btn{background:linear-gradient(135deg,#2563EB,#1D4ED8)!important}.ai-bubble.user{background:#2563EB!important}.inline-support-btn{color:#2563EB!important}

@media(max-width:720px){
  body{padding-bottom:76px!important}
  .hero{padding:28px 14px 24px!important;overflow:visible!important}
  .hero h1{font-size:clamp(36px,11vw,48px)!important;margin:8px 0 12px!important}
  .hero-copy>p:last-child{font-size:15px!important;line-height:1.45!important}
  .hero-floating-tags{display:none!important}

  /* Search is part of normal document flow. No negative margins or overlapping layers. */
  .hero .v19-search.mobile-searchbar,.v19-search,.premium-search,.searchbar,.mobile-searchbar{
    display:block!important;position:relative!important;width:100%!important;max-width:100%!important;
    margin:22px 0 0!important;padding:0!important;border-radius:20px!important;overflow:visible!important;
    background:#fff!important;border:1px solid #E5E7EB!important;box-shadow:0 12px 30px rgba(15,23,42,.10)!important;
  }
  .v19-search .v19-destination,.v19-search .v19-guests,.v19-search .v19-dates{display:block!important;width:100%!important;min-height:0!important;border:0!important}
  .v19-search .v19-dates{display:grid!important;grid-template-columns:1fr 1fr!important}
  .v19-search .v19-field,.premium-search .v19-field{
    min-height:66px!important;padding:11px 13px!important;border-radius:0!important;border:0!important;border-bottom:1px solid #E5E7EB!important;background:#fff!important;
  }
  .v19-search .v19-destination{position:relative!important;border-radius:20px 20px 0 0!important}
  .v19-search .v19-destination .v19-field{border-radius:20px 20px 0 0!important}
  .v19-search .v19-dates .v19-field{min-height:64px!important}
  .v19-search .v19-dates .v19-field:first-child{border-right:1px solid #E5E7EB!important}
  .v19-search .v19-field input{font-size:16px!important;line-height:24px!important;height:24px!important;min-height:24px!important}
  .v19-search .v19-field input[type=date]{font-size:14px!important}
  .v19-search-btn,.premium-search .v19-search-btn{width:calc(100% - 20px)!important;min-width:0!important;min-height:50px!important;height:50px!important;margin:10px!important;border-radius:14px!important;font-size:16px!important}

  /* Autocomplete expands below Where and pushes the date/guest rows down. */
  .v19-destination .destination-suggestions,.destination-suggestions{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;max-height:260px!important;margin:0!important;padding:5px 8px 8px!important;
    overflow-y:auto!important;border:0!important;border-top:1px solid #E5E7EB!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;z-index:2!important;
  }
  .destination-suggestions.hidden{display:none!important}
  .destination-suggestions-head{padding:8px 6px!important}
  .destination-option{min-height:52px!important;padding:7px 6px!important;border-radius:10px!important}

  .content{padding:28px 14px 18px!important}
  .category-bar{margin-top:0!important}
  .listing-grid{grid-template-columns:1fr!important;gap:24px!important}
  .listing-image{aspect-ratio:4/3!important}

  .mobile-bottom-nav{left:10px!important;right:10px!important;bottom:8px!important;min-height:58px!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;border-radius:18px!important}
  .mobile-nav-btn{min-height:46px!important}.mobile-nav-btn span{font-size:18px!important}.mobile-nav-btn small{font-size:9px!important}

  .taynexa-mega-footer.compact-footer{padding:14px 14px 88px!important;gap:6px!important}
  .compact-footer-links{gap:0!important}.compact-footer-links button{padding:6px 8px!important;font-size:11px!important}
  .compact-footer .footer-bottom{font-size:10px!important}
  .cookie-banner{bottom:78px!important;left:10px!important;right:10px!important;padding:10px 11px!important;border-radius:13px!important}
}

/* V41.2 — Taynexa footer: desktop 3-column, mobile accordion */
.taynexa-footer-v412{display:block!important;padding:34px max(22px,calc((100vw - 1180px)/2)) 18px!important;background:#F8FAFC!important;border-top:1px solid #E2E8F0!important;color:#111827!important}
.taynexa-footer-v412 .footer-v412-columns{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:54px!important;padding:0 0 30px!important}
.taynexa-footer-v412 .footer-group{min-width:0!important}
.taynexa-footer-v412 .footer-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:800;color:#172554;cursor:default;margin:0 0 14px}
.taynexa-footer-v412 .footer-group summary::-webkit-details-marker{display:none}
.taynexa-footer-v412 .footer-group summary span{display:none}
.taynexa-footer-v412 .footer-group-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.taynexa-footer-v412 .footer-group-links button{border:0!important;background:transparent!important;padding:0!important;color:#475569!important;font-size:13px!important;font-weight:550!important;text-align:left!important;cursor:pointer}
.taynexa-footer-v412 .footer-group-links button:hover{color:#2563EB!important;text-decoration:underline}
.taynexa-footer-v412 .footer-v412-bottom{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;width:100%!important;padding-top:17px!important;border-top:1px solid #E2E8F0!important;color:#64748B!important;font-size:12px!important}
.taynexa-footer-v412 .footer-legal-row,.taynexa-footer-v412 .footer-locale-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.taynexa-footer-v412 .footer-v412-bottom button{border:0!important;background:transparent!important;padding:4px 0!important;color:#475569!important;font-size:12px!important;font-weight:650!important;cursor:pointer}
.taynexa-footer-v412 .footer-v412-bottom button:hover{color:#2563EB!important}
@media(max-width:700px){
  .taynexa-footer-v412{padding:10px 16px 88px!important;background:#F8FAFC!important}
  .taynexa-footer-v412 .footer-v412-columns{display:block!important;padding:0!important}
  .taynexa-footer-v412 .footer-group{border-bottom:1px solid #E2E8F0!important}
  .taynexa-footer-v412 .footer-group summary{cursor:pointer!important;margin:0!important;padding:16px 0!important;font-size:14px!important}
  .taynexa-footer-v412 .footer-group summary span{display:block!important;font-size:16px;color:#64748B;transition:transform .2s ease}
  .taynexa-footer-v412 .footer-group[open] summary span{transform:rotate(180deg)}
  .taynexa-footer-v412 .footer-group-links{gap:0!important;padding:0 0 12px!important}
  .taynexa-footer-v412 .footer-group-links button{width:100%!important;padding:9px 0!important;font-size:13px!important}
  .taynexa-footer-v412 .footer-v412-bottom{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding-top:14px!important;border-top:0!important;font-size:11px!important}
  .taynexa-footer-v412 .footer-legal-row{gap:10px!important}
  .taynexa-footer-v412 .footer-locale-row{gap:14px!important}
  .taynexa-footer-v412 .footer-v412-bottom button{font-size:11px!important}
}

/* V42 Easy Host Onboarding */
.onboarding-import{border:1px solid #dbe7ff;background:#f8fbff;border-radius:18px;padding:16px;margin:0 0 14px}
.onboarding-head{display:flex;gap:12px;align-items:flex-start}.onboarding-head strong{font-size:16px}.onboarding-head p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.step-badge{width:28px;height:28px;flex:0 0 28px;border-radius:999px;background:#2563eb;color:#fff;display:grid;place-items:center;font-weight:800}
.platform-import-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:13px}.platform-import-row input,.calendar-connect-grid input,.calendar-connect-grid select{min-width:0;height:46px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff;font-size:16px}
.calendar-connect-grid{display:grid;grid-template-columns:160px minmax(0,1fr);gap:9px;margin-top:13px}.micro-note{font-size:12px!important;color:var(--muted);margin:8px 0 0!important}
.import-preview-box{margin-top:12px;padding:12px;border:1px solid #cbdcff;border-radius:14px;background:#fff}.import-preview-copy{display:grid;gap:3px}.import-preview-copy span{font-size:12px;color:var(--muted)}
.import-photo-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.import-photo-picks label{display:grid;gap:5px;font-size:11px}.import-photo-picks img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.import-photo-picks input{width:auto}
@media(max-width:600px){.onboarding-import{padding:13px;border-radius:15px}.platform-import-row,.calendar-connect-grid{grid-template-columns:1fr}.platform-import-row .soft-btn{width:100%;min-height:46px}.import-photo-picks{grid-template-columns:1fr 1fr}.onboarding-head p{font-size:12px}}

/* V43 Listing & Booking Core */
.detail-gallery-wrap{position:relative}.all-photos-btn{position:absolute;right:18px;bottom:18px;background:#fff;border:1px solid #dbe4f0;border-radius:12px;padding:10px 14px;font-weight:700;box-shadow:0 4px 18px #0f172a1f;z-index:3}.photo-gallery-overlay{position:fixed;inset:0;z-index:9999;background:#fff;overflow:auto;padding:24px}.photo-gallery-head{position:sticky;top:0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 0 18px;z-index:2}.photo-gallery-head button{font-size:30px;border:0;background:#f1f5f9;border-radius:50%;width:44px;height:44px}.photo-gallery-all{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-gallery-all img{width:100%;height:auto;border-radius:14px;display:block}.import-photo-picks{max-height:420px;overflow:auto}.import-photo-picks img{aspect-ratio:4/3;object-fit:cover}@media(max-width:700px){.photo-gallery-overlay{padding:12px}.photo-gallery-all{grid-template-columns:1fr}.all-photos-btn{right:10px;bottom:10px;font-size:12px}.detail-gallery-wrap{overflow:hidden}}