.mob{max-width:1180px;margin-inline:auto;color:#102b40}
.mob-hero{margin-block-end:16px;padding:clamp(20px,4vw,42px);border-radius:20px;background:radial-gradient(ellipse at 15% 0%,#29465c,transparent 64%),#0b2134;color:#fff}
.mob-hero span{font-size:.8rem;font-weight:800;color:#f3ce86}.mob-hero h1{font-size:clamp(1.6rem,4vw,2.5rem);margin:.25rem 0;color:#fff}.mob-hero p{margin:0;color:#dce8ef}
.mob-grid,.mob-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:12px}
.mob-card{min-width:0;padding:16px;border:1px solid #dbe5ed;border-radius:14px;background:#fff;box-shadow:0 6px 18px #152e4510}
.mob-card h2,.mob-card h3{margin:.25rem 0 .5rem}.mob-card p{margin:.35rem 0;color:#435d72;overflow-wrap:anywhere}
.mob-choice{color:inherit;text-decoration:none}.mob-choice:hover,.mob-choice:focus-visible{border-color:#b88a42;background:#fff9ee}.mob-choice>span,.mob-badge{display:inline-block;background:#fbefd7;color:#6c4714;font-size:.8rem;font-weight:800;border-radius:8px;padding:4px 8px}
.mob-card img{width:100%;height:150px;border-radius:9px;object-fit:cover}.mob-gallery img{height:auto;max-height:380px;object-fit:contain;background:#eef3f7}
.mob-section{margin-block:20px}.mob-section>h2{margin:0 0 10px}.mob-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-block:12px}
.mob-navigation .v7-btn{min-height:44px;white-space:normal;text-align:center}
.mob-navigation .v7-btn[aria-current=page]{background:#102b40;color:#fff;border-color:#102b40;box-shadow:inset 0 -3px #e4b766}
.mob-navigation .v7-btn:focus-visible{outline:2px solid #102b40;outline-offset:2px}
@media(max-width:560px){
 .mob-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
}
.mob-fields label,.mob-field{display:grid;gap:5px;margin:0 0 10px;font-weight:750;min-width:0}
.mob :is(input,select,textarea):not([type=hidden]){width:100%;min-height:42px;margin:0;padding:7px 9px;border:1px solid #cddce7;border-radius:8px;background:#f8fafc;color:#102b40;font:inherit;font-weight:400}
.mob textarea{min-height:90px}.mob-note{padding:10px 12px;background:#e8f2f5;border-radius:8px}.mob-note.is-error{background:#fff0eb;color:#8c2f23}
.mob-line{padding-block:10px;border-block-end:1px solid #e1e9f0;overflow-wrap:anywhere}
.mob details{margin-block:10px}.mob summary{cursor:pointer;font-weight:750}
.mob [hidden]{display:none!important}
.mob-field-error{display:block;color:#8c2f23;font-size:.86rem;font-weight:700}
.mob [data-mobility-post] [aria-invalid=true]{border-color:#b54032;background:#fff5f2}
.mob [data-daily-rate]>span small{color:#5c4c38}
.mob-listing-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px}
.mob-listing-card{display:flex;flex-direction:column;width:100%;max-width:360px;padding:0;overflow:hidden}
.mob-listing-cover{display:block}
.mob-listing-cover>img{display:block;height:auto;aspect-ratio:16/10;object-fit:contain;border-radius:0;background:#f0f4f7}
.mob-listing-cover:focus-visible{outline:3px solid #b88a42;outline-offset:-3px}
.mob-listing-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:14px}
.mob-listing-card-body h3{overflow-wrap:anywhere}
.mob-listing-card-body h3 a{color:inherit}
.mob-listing-card-body h3 a:hover{text-decoration:underline}
.mob-listing-card-action{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-block-start:auto;padding-block-start:10px}
.mob-listing-card .mob-rental-rate{margin:0;color:#102b40}
.mob-rental-rate strong{font-size:1.15rem}
.mob-rental-rate :is(small,span){font-size:.82rem;color:#52697b}
.mob-rental-rate small{display:block}
.mob-admin-offer{margin-block:10px}
.mob-admin-offer-head{display:grid;grid-template-columns:clamp(72px,15vw,112px) minmax(0,1fr);align-items:start;gap:12px}
.mob-admin-offer-head>img{width:100%;height:auto;aspect-ratio:14/9;object-fit:contain;background:#f0f4f7}
.mob-admin-offer-copy{min-width:0;overflow-wrap:anywhere}
.mob-admin-offer-labels,.mob-admin-offer-buttons,.mob-admin-rates{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mob-admin-offer-labels>small{color:#52697b}
.mob-admin-status[data-status=published]{background:#e4f2e9;color:#245d3e}
.mob-admin-status[data-status=rejected]{background:#ffede9;color:#84372b}
.mob-admin-features{margin-block:10px}
.mob-admin-offer>.mob-actions{margin-block-end:0}
.mob-admin-offer .mob-admin-reject{margin:0}
.mob-admin-reject[open]{flex:0 1 100%}
.mob-admin-reject summary{list-style:none}
.mob-admin-reject summary::-webkit-details-marker{display:none}
.mob-admin-reject form{max-width:550px;margin-block-start:8px;padding:10px;border:1px solid #ead1cb;border-radius:8px}
.mob .mob-danger{color:#8c2f23;border-color:#dbafa6;background:#fff}
.mob .mob-danger:hover{background:#fff0eb}
.mob .mob-offer-reason{margin-block:8px;padding:8px 10px;border-inline-start:3px solid #dbafa6;color:#783b32;background:#fff5f1;overflow-wrap:anywhere}
.mob-active-feature{background:#e4f2e9;color:#245d3e}
.mob-transport-summary{display:grid;grid-template-columns:clamp(170px,27%,300px) minmax(0,1fr);align-items:start;gap:clamp(14px,2.5vw,26px)}
.mob-transport-details{min-width:0;overflow-wrap:anywhere}
.mob-transport-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.mob-transport-type{display:inline-block;padding:4px 8px;border-radius:8px;background:#d6f3e9;color:#124a40;font-size:.8rem;font-weight:800}
.mob-transport-type[data-service=school]{background:#ffe7a4;color:#63430d}
.mob-transport-type[data-service=staff]{background:#d9ecfc;color:#16496f}
.mob-transport-type[data-service=private_ride]{background:#e9def6;color:#4b3270}
.mob-transport-summary .mob-transport-actions{margin-block-end:0}
.mob-transport-details .mob-publish-note{margin-block-start:10px;background:#fff4d9;color:#684814}
.mob-public-option{display:flex;align-items:flex-start;gap:10px}
.mob-public-option>input[type=checkbox]{flex:none;width:18px;min-height:18px;margin-block-start:3px;accent-color:#a67c36}
.mob-card .mob-transport-art,.mob-card .mob-offer-art{display:block;height:auto;aspect-ratio:2/1;object-fit:cover}
.mob-card .mob-offer-art{width:min(100%,460px);margin-block-end:12px}
@media(max-width:640px){
 .mob-transport-summary{grid-template-columns:minmax(0,1fr);gap:12px}
 .mob-card .mob-transport-art{max-height:200px}
}

.mob-choice > .mob-choice-icon{
    display:inline-grid;place-items:center;width:42px;height:42px;
    margin-block-end:8px;padding:0;border-radius:11px
}
.mob-choice-icon svg,.mob-post-entry svg{width:21px;height:21px;flex:none}
.mob-choice:focus-visible{outline:2px solid #9d7436;outline-offset:2px}
.mob-listing-request,.mob-listing-toolbar{
    display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap
}
.mob-listing-request{margin-block-start:14px;background:#f7fafc}
.mob-listing-request h2{font-size:1rem}
.mob-listing-request .v7-btn,.mob-post-entry{min-height:44px;white-space:normal;text-align:center}
.mob-listing-toolbar{margin-block:12px}
.mob-listing-toolbar .mob-navigation{margin-block:0}
.mob-post-entry{gap:7px;border-color:#d4b27a;color:#563a13}
.mob-post-entry:hover{background:#fbefd7}
@media(max-width:560px){
    .mob-listing-toolbar .mob-navigation,.mob-post-entry{width:100%}
}

.mob .mob-back{margin-block:12px 4px;gap:7px}
.mob-owner-grid,.mob-plan-grid{display:grid;gap:14px}
.mob-owner-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin-block-start:12px}
.mob-owner-grid .mob-listing-card{max-width:none}
.mob-owner-grid .mob-listing-card-body>.v7-btn{margin-block-start:auto}
.mob-owner-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mob-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-block:14px}
.mob-plan{display:flex;flex-direction:column;padding:clamp(16px,3vw,28px)}
.mob-plan-paid{border-color:#cda35d}
.mob-plan .mob-plan-price{font-size:1.65rem;font-weight:750;color:#102b40}
.mob-plan-price small,.mob-plan-price del{font-size:.9rem;color:#52697a}
.mob-plan ul{margin:12px 0;padding-inline-start:1.25rem}
.mob-plan li+li{margin-block-start:7px}
.mob-plan-action{margin-block-start:auto;padding-block-start:12px}
@media(max-width:640px){.mob-plan-grid{grid-template-columns:1fr}}

.mob-rental-placeholder {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    color: #fff7e5;
    background: #102c41;
}
.mob-card .mob-rental-placeholder img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
}
.mob-rental-placeholder small,
.mob-rental-placeholder bdi {
    position: absolute;
    inset-inline-start: 5%;
    inset-inline-end: 5%;
}
.mob-rental-placeholder small {
    inset-block-start: 8%;
    color: #f3d8a3;
    font-size: .75rem;
    font-weight: 750;
}
.mob-rental-placeholder bdi {
    inset-block-end: 7%;
    overflow: hidden;
    color: inherit;
    font-size: clamp(.9rem, 1.7vw, 1.2rem);
    font-weight: 850;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mob-rental-placeholder-detail { width: min(100%, 460px); margin-block-end: 12px; }
.mob-rental-placeholder-detail .mob-rental-placeholder { border-radius: 12px; }

.mob-owner-offer-actions{margin-block:auto 0;padding-block-start:10px}
.mob-card .mob-copy-photos img{width:96px;height:64px;object-fit:cover}
.mob-copy-keep{display:flex;align-items:center;gap:8px}
.mob .mob-copy-keep input[type=checkbox]{width:auto;min-height:0;accent-color:#9e6b21}
