/* Qalamoun Market 3.1 — App Experience */
:root{--qm-motion-fast:160ms;--qm-motion:210ms;--qm-radius-xl:28px;--qm-gap:16px}
*{scrollbar-width:thin}a,button,.listing-card,.premium-listing-card,.modern-category-card,.thread-modern{transition:transform var(--qm-motion-fast) ease,box-shadow var(--qm-motion) ease,background-color var(--qm-motion) ease,border-color var(--qm-motion) ease,opacity var(--qm-motion-fast) ease}button:active,a:active{transform:scale(.985)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Home becomes app-like */
.home-v310 .home-modern-shell{max-width:1280px;padding-top:10px}.home-v310 .home-slider{height:clamp(180px,24vw,285px);border-radius:24px;margin-top:8px;overflow:hidden}.home-v310 .home-slide-content{max-width:520px}.home-v310 .home-slide-content h1{font-size:clamp(24px,4vw,42px);line-height:1.08}.home-v310 .home-slide-content p{max-width:470px}.home-v310 .home-section{margin-top:28px}.home-v310 .home-section-head{margin-bottom:12px}.home-v310 .modern-category-grid{gap:12px}.home-v310 .modern-category-card{border-radius:22px;min-height:132px}.home-v310 .premium-listing-row{gap:12px;scroll-padding-inline:14px}.home-v310 .premium-listing-card{min-width:208px;border-radius:22px;overflow:hidden}.home-v310 .premium-listing-image{height:150px}.home-v310 .home-search-app{position:sticky;top:calc(var(--app-header-height,70px) + 8px);z-index:35;border-radius:18px;box-shadow:0 8px 28px rgba(20,50,42,.08)}
@media(max-width:700px){.home-v310 .home-modern-shell{padding-inline:10px;box-sizing:border-box}.home-v310 .home-slider{height:190px;width:100%;max-width:100%;min-width:0;border-radius:22px;margin-inline:0;margin-top:0;box-sizing:border-box;overflow:hidden}.home-v310 .home-slider-track,.home-v310 .home-slide,.home-v310 .home-slide-media{max-width:100%;min-width:0}.home-v310 .home-slide-content{padding:20px 18px}.home-v310 .home-slide-content p{display:none}.home-v310 .hero-mini-chip{font-size:11px}.home-v310 .modern-category-grid{grid-template-columns:repeat(3,1fr);gap:9px}.home-v310 .modern-category-card{min-height:104px;border-radius:18px}.home-v310 .modern-category-copy b{font-size:13px}.home-v310 .modern-category-copy small{font-size:10px}.home-v310 .home-section{margin-top:22px}.home-v310 .premium-listing-card{min-width:174px}.home-v310 .premium-listing-image{height:128px}}
/* skeleton shimmer for images/cards while decoding */
.app-skeleton-rail .premium-listing-image,.listing-thumb,.modern-category-card{background:linear-gradient(100deg,rgba(150,160,155,.10) 20%,rgba(255,255,255,.38) 36%,rgba(150,160,155,.10) 52%);background-size:220% 100%;animation:qmSkeleton 1.25s linear infinite}.app-skeleton-rail img.is-loaded,.premium-listing-image img.is-loaded,.listing-thumb img.is-loaded{animation:none}@keyframes qmSkeleton{to{background-position-x:-220%}}
/* Listing detail */
.listing-modern-shell{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.listing-gallery-modern{position:relative;isolation:isolate}.listing-gallery-expand{position:absolute;left:16px;bottom:16px;width:42px;height:42px;border:0;border-radius:14px;background:rgba(20,25,24,.72);color:white;display:grid;place-items:center;z-index:4;backdrop-filter:blur(14px)}.listing-gallery-expand svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.listing-gallery-modern.is-fullscreen{position:fixed!important;inset:0!important;z-index:2147482000!important;background:#050706!important;border-radius:0!important;height:100dvh!important;display:flex;align-items:center}.listing-gallery-modern.is-fullscreen .listing-gallery-track{height:min(100dvh,100svh)}.listing-gallery-modern.is-fullscreen .listing-gallery-slide img{object-fit:contain}.listing-gallery-modern.is-fullscreen .listing-gallery-expand{position:fixed;top:calc(14px + env(safe-area-inset-top));left:14px}.listing-section-title-row{display:flex;align-items:center;justify-content:space-between}.listing-section-title-row a{font-size:13px;color:var(--brand)}.listing-similar-section{overflow:hidden}.listing-save-cta{border:1px solid rgba(22,135,101,.18);background:#fff;color:#24433a;border-radius:16px;padding:9px 14px;display:flex;align-items:center;gap:7px}.listing-save-cta.active{background:rgba(22,135,101,.1);color:var(--brand)}.listing-save-cta svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.listing-owner-state{margin:0}
@media(max-width:700px){.listing-gallery-modern{height:44dvh;min-height:320px}.listing-gallery-slide img{height:100%;width:100%;object-fit:cover}.listing-summary-modern{border-radius:26px 26px 0 0;margin-top:-22px;position:relative;z-index:3}.listing-sticky-cta{left:0!important;right:0!important;bottom:0!important;border-radius:24px 24px 0 0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;gap:8px}.listing-sticky-cta>*{min-width:0}.listing-sticky-cta a,.listing-sticky-cta button{font-size:12px}.listing-save-cta span{display:none}}
/* Explore */
.explore-modern{background:#050706}.explore-feed{height:100dvh;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.explore-item{height:100dvh;min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;background:#050706}.explore-item .media-frame img{width:100%;height:100%;object-fit:cover}.explore-item:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.84));pointer-events:none}.explore-info,.explore-actions,.explore-swipe-guide{z-index:4}.explore-info{max-width:min(78vw,620px)}.explore-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.explore-actions{bottom:110px}.explore-swipe-guide{opacity:.75}.explore-item.is-current{will-change:transform}.explore-photo-count{z-index:5}
/* Browse bottom sheet */
@media(max-width:760px){.browse-filter-panel{position:fixed!important;z-index:2147480500!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;max-height:88dvh!important;border-radius:28px 28px 0 0!important;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;transform:translateY(105%);transition:transform var(--qm-motion) cubic-bezier(.2,.8,.2,1)!important}.browse-filter-panel.is-open{transform:translateY(0)!important}.browse-filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.browse-filter-fields label:first-child,.browse-filter-fields label:nth-child(2),.browse-filter-fields label:nth-child(3),.browse-filter-fields label:last-child{grid-column:span 2}.browse-filter-backdrop{position:fixed!important;inset:0!important;background:rgba(8,20,16,.48)!important;backdrop-filter:blur(5px);z-index:2147480400!important}}
/* Add wizard */
.add-wizard-v310{max-width:920px;margin-inline:auto}.add-wizard-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:sticky;top:calc(var(--app-header-height,70px) + 8px);z-index:30;background:rgba(245,249,247,.92);backdrop-filter:blur(16px);padding:8px;border-radius:20px;margin-bottom:14px}.add-wizard-progress button{border:0;background:transparent;color:#789087;padding:10px 6px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.add-wizard-progress button i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e7efeb;font-style:normal}.add-wizard-progress button.active{background:#fff;color:var(--brand);box-shadow:0 7px 20px rgba(30,65,53,.08)}.add-wizard-progress button.active i{background:var(--brand);color:#fff}.add-wizard-controls{display:flex;justify-content:space-between;gap:10px;margin:14px 0}.add-preview-card{min-height:180px;border-radius:22px;background:#f5f8f6;border:1px dashed rgba(22,135,101,.24);padding:18px}.add-preview-card img{width:110px;height:90px;object-fit:cover;border-radius:16px}.add-preview-live{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}.add-preview-live b{display:block;font-size:18px}.add-preview-live em{display:block;color:var(--brand);font-style:normal;font-weight:900;margin-top:7px}.add-wizard-v310 .add-submit-bar{display:none}.add-wizard-v310.is-final .add-submit-bar{display:flex}.add-wizard-v310.is-final .add-wizard-controls [data-wizard-next]{display:none}@media(max-width:640px){.add-wizard-progress{top:calc(env(safe-area-inset-top) + 8px);border-radius:16px}.add-wizard-progress button{font-size:10px;gap:3px;flex-direction:column}.add-wizard-progress button i{width:22px;height:22px}.add-step-card{border-radius:22px}.add-wizard-controls{position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));z-index:20;background:rgba(248,251,249,.92);padding:8px;border-radius:18px;backdrop-filter:blur(12px)}}
/* Messages */
.chat-fullscreen-shell{height:100dvh}.chat-fullscreen-card{height:100dvh;border-radius:0}.chat-typing{font-size:11px;color:var(--brand);font-weight:800}.chat-location-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:rgba(22,135,101,.09);color:inherit;text-decoration:none}.chat-location-card svg{width:28px;fill:none;stroke:var(--brand);stroke-width:1.8}.chat-location-card span{display:flex;flex-direction:column}.chat-location-card small{opacity:.72}.chat-compose-full{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.chat-compose textarea{max-height:120px}.compose-icon{flex:0 0 42px}
/* Profile */
.profile-v271-card{border-radius:28px;overflow:hidden}.profile-v271-cover{min-height:190px}.profile-v271-avatar{box-shadow:0 0 0 5px var(--surface,#fff),0 14px 36px rgba(20,50,42,.15)}.profile-v271-tabs{display:flex;gap:6px;overflow:auto}.profile-tab-link{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:14px;text-decoration:none;color:inherit;white-space:nowrap}.profile-tab-link span{opacity:.65}
/* Map */
.map-pin{transform:translate(-50%,-100%) scale(.78)!important}.map-pin img{width:34px!important;height:34px!important}.map-search-area-wrap{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:60}.map-search-area{border:0;border-radius:999px;background:#fff;color:#17392f;padding:10px 16px;font-weight:850;box-shadow:0 10px 30px rgba(18,48,40,.18)}.map-listing-rail{gap:10px}.map-listing-card{border-radius:18px}.map-popup{border-radius:18px!important}
/* Admin rejection field */
.admin-reject-reason{min-width:170px;border:1px solid #dfe8e4;border-radius:10px;padding:7px 9px;font:inherit}
/* dark */
[data-theme="dark"] .listing-save-cta,[data-theme="dark"] .add-wizard-progress{background:#12211c;color:#edf7f2}[data-theme="dark"] .add-preview-card{background:#11201b}[data-theme="dark"] .map-search-area{background:#11201b;color:#fff}

.qm-update-toast{position:fixed;z-index:2147482500;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));left:16px;max-width:480px;margin:auto;background:#10211b;color:#fff;border-radius:20px;padding:13px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 50px rgba(0,0,0,.28)}.qm-update-toast span{display:flex;flex-direction:column;flex:1}.qm-update-toast small{opacity:.72;margin-top:2px}.qm-update-toast button{border:0;background:var(--brand);color:#fff;border-radius:12px;padding:10px 12px;font-weight:800}

@view-transition{navigation:auto}::view-transition-old(root){animation:qmPageOut .16s ease both}::view-transition-new(root){animation:qmPageIn .20s ease both}@keyframes qmPageOut{to{opacity:.35;transform:translateY(-3px)}}@keyframes qmPageIn{from{opacity:.25;transform:translateY(5px)}}
.badge-listing-status{position:absolute;right:10px;bottom:10px;z-index:3;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#fff;color:#53645e}.badge-listing-status.status-pending{color:#a66b00;background:#fff4d8}.badge-listing-status.status-rejected{color:#a53636;background:#ffe9e9}.badge-listing-status.status-sold{color:#56605d;background:#edf0ef}.listing-rejection-note{display:block;color:#b13c3c;margin-top:7px;font-weight:700}.listing-thumb{position:relative}

.map-cluster-marker{z-index:30!important}.map-cluster-bubble{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;border:3px solid #fff;font-weight:950;box-shadow:0 8px 22px rgba(11,60,45,.28);transform:translate(-50%,-50%)}

/* 3.1.1 hotfix: constrain home hero to the visible content area */
@media(max-width:700px){body.home-v310{overflow-x:hidden!important}.home-v310 .home-modern-shell,.home-v310 .home-slider,.home-v310 .home-slider-track,.home-v310 .home-slide{max-width:100%!important}.home-v310 .home-slide-media{width:100%!important;height:100%!important;object-fit:cover!important}}

/* =========================================================
   Qalamoun Market 3.1.2 — Add App Screen + Slider Fit Hotfix
   ========================================================= */
.home-v310 .home-slide-backdrop{display:none}

/* Modern add-listing application surface */
.add-app-v312{--add-surface:#fff;--add-soft:#f2f7f4;--add-ink:#17352c;--add-muted:#74877f;--add-line:rgba(19,92,69,.09)}
.add-app-v312 .add-appbar{display:none}
.add-app-v312 .add-app-intro{max-width:920px;margin:0 auto 14px;padding:20px 22px;border-radius:26px;background:linear-gradient(135deg,#0f6f54,#16906b);color:#fff;box-shadow:0 18px 44px rgba(16,105,79,.16);position:relative;overflow:hidden}
.add-app-v312 .add-app-intro:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-54px;top:-88px;background:rgba(255,255,255,.08)}
.add-app-v312 .add-app-kicker{font-size:11px;font-weight:900;opacity:.82}
.add-app-v312 .add-app-intro h1{font-size:29px;line-height:1.15;margin:5px 0 5px;letter-spacing:-.035em}
.add-app-v312 .add-app-intro p{margin:0;font-size:12px;opacity:.84}
.add-app-v312 .add-page-head{display:none!important}
.add-app-v312 .add-wizard-v312{max-width:920px}
.add-app-v312 .add-progress-shell{position:sticky;top:calc(var(--app-header-height,70px) + 8px);z-index:31;background:rgba(247,250,248,.94);border:1px solid var(--add-line);backdrop-filter:blur(18px);padding:10px;border-radius:22px;margin-bottom:14px;box-shadow:0 10px 28px rgba(17,66,52,.06)}
.add-app-v312 .add-progress-meta{display:none}
.add-app-v312 .add-progress-line{height:4px;background:#e1ebe6;border-radius:999px;overflow:hidden;margin:0 4px 8px}
.add-app-v312 .add-progress-line i{display:block;width:25%;height:100%;border-radius:inherit;background:var(--brand);transition:width .2s ease}
.add-app-v312 .add-wizard-v312[data-step="1"] .add-progress-line i{width:50%}
.add-app-v312 .add-wizard-v312[data-step="2"] .add-progress-line i{width:75%}
.add-app-v312 .add-wizard-v312[data-step="3"] .add-progress-line i{width:100%}
.add-app-v312 .add-wizard-progress{position:static!important;top:auto!important;background:transparent!important;backdrop-filter:none!important;padding:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
.add-app-v312 .add-wizard-progress button{min-height:44px;font-size:11px;transition:background .18s ease,color .18s ease,transform .18s ease}
.add-app-v312 .add-wizard-progress button.active{background:var(--add-surface);box-shadow:0 6px 20px rgba(20,69,54,.07)}
.add-app-v312 .add-step-card{border:1px solid var(--add-line)!important;box-shadow:0 16px 46px rgba(18,63,49,.07)!important;background:var(--add-surface)!important}
.add-app-v312 .add-step-title{margin-bottom:18px}
.add-app-v312 .add-step-title>span{border-radius:13px!important;font-size:13px!important}
.add-app-v312 .add-step-title b{font-size:17px!important;letter-spacing:-.02em}
.add-app-v312 .add-step-title small{font-size:10px!important;line-height:1.65!important;margin-top:3px!important}
.add-app-v312 .form-grid{gap:14px}
.add-app-v312 .field label{font-size:11px;font-weight:850;color:#425c53;margin-bottom:7px}
.add-app-v312 .add-modern-form .field input,.add-app-v312 .add-modern-form .field select,.add-app-v312 .add-modern-form .field textarea{min-height:54px!important;border:1px solid rgba(20,82,63,.11)!important;background:#f8fbf9!important;border-radius:17px!important;font-size:13px!important;padding-inline:15px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);transition:border .18s ease,box-shadow .18s ease,background .18s ease}
.add-app-v312 .add-modern-form .field textarea{min-height:140px!important;padding-block:14px!important}
.add-app-v312 .add-modern-form .field input:focus,.add-app-v312 .add-modern-form .field select:focus,.add-app-v312 .add-modern-form .field textarea:focus{background:#fff!important;border-color:rgba(22,135,101,.42)!important;box-shadow:0 0 0 4px rgba(22,135,101,.08)!important}
.add-app-v312 .add-upload-zone{min-height:220px!important;border:1.5px dashed rgba(22,135,101,.26)!important;background:linear-gradient(145deg,#f8fcfa,#edf7f2)!important;border-radius:24px!important;padding:22px!important}
.add-app-v312 .add-upload-zone>svg{display:none!important}
.add-app-v312 .add-upload-icon{width:58px;height:58px;border-radius:20px;background:#fff;color:var(--brand);display:grid;place-items:center;box-shadow:0 10px 28px rgba(16,99,74,.10);margin-bottom:12px}
.add-app-v312 .add-upload-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7}
.add-app-v312 .add-upload-zone>b{font-size:15px!important}
.add-app-v312 .add-upload-zone>small{font-size:10px!important;line-height:1.6!important;margin-top:5px!important}
.add-app-v312 .add-upload-cta{margin-top:13px;padding:9px 16px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:900}
.add-app-v312 .add-image-previews{width:100%;margin-top:16px!important;justify-content:flex-start!important}
.add-app-v312 .pick-map-wrap{border-radius:24px!important;background:#eef6f2!important}
.add-app-v312 .add-map-modern{height:315px!important;min-height:315px!important;border:0!important;border-radius:24px!important}
.add-app-v312 .privacy-tip{padding:11px 13px!important;margin-top:10px!important;border-radius:15px!important;font-size:10px!important;background:#eef8f3!important;color:#587168!important}
.add-app-v312 .add-preview-card{border:0;background:#f3f8f5;border-radius:24px;min-height:210px;padding:16px}
.add-app-v312 .add-preview-live{grid-template-columns:126px 1fr;gap:16px}
.add-app-v312 .add-preview-card img{width:126px;height:105px;border-radius:18px}
.add-app-v312 .add-action-primary,.add-app-v312 .add-action-secondary{height:52px;border-radius:17px;border:0;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-family:inherit;cursor:pointer}
.add-app-v312 .add-action-primary{background:var(--brand);color:#fff;flex:1;box-shadow:0 10px 24px rgba(22,135,101,.22)}
.add-app-v312 .add-action-secondary{background:#edf4f0;color:#38564c;min-width:118px}
.add-app-v312 .add-action-primary svg,.add-app-v312 .add-action-secondary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2}
.add-app-v312 .add-submit-bar{gap:9px!important}
.add-app-v312 .add-submit-bar .add-action-primary{margin:0;min-width:0}

@media(max-width:700px){
  body.add-app-v312{background:#f4f8f6!important;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
  .add-app-v312 .app-header,.add-app-v312 .app-header-spacer{display:none!important}
  .add-app-v312 .bottom-nav{display:none!important}
  .add-app-v312 .add-modern-shell{width:100%!important;max-width:none!important;padding:0 0 104px!important;margin:0!important;box-sizing:border-box!important}
  .add-app-v312 .add-appbar{position:sticky;top:0;z-index:80;height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;box-sizing:border-box;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(20,82,63,.07);backdrop-filter:blur(20px)}
  .add-app-v312 .add-appbar-back{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#eef5f1;color:#28483d}
  .add-app-v312 .add-appbar-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2}
  .add-app-v312 .add-appbar-copy{text-align:center;display:flex;flex-direction:column;line-height:1.2}
  .add-app-v312 .add-appbar-copy b{font-size:15px;color:var(--add-ink)}
  .add-app-v312 .add-appbar-copy span{font-size:9px;color:var(--add-muted);margin-top:3px}
  .add-app-v312 .add-app-intro{margin:0;padding:18px 18px 20px;border-radius:0 0 26px 26px;box-shadow:none;background:linear-gradient(145deg,#116f55,#178c69)}
  .add-app-v312 .add-app-intro h1{font-size:24px;margin-top:4px}
  .add-app-v312 .add-app-intro p{font-size:10px;max-width:290px;line-height:1.6}
  .add-app-v312 .add-error-box{margin:12px 12px 0;border-radius:16px}
  .add-app-v312 .add-wizard-v312{width:100%;max-width:none;margin:0}
  .add-app-v312 .add-progress-shell{position:sticky;top:calc(58px + env(safe-area-inset-top));z-index:70;margin:0;padding:10px 12px 9px;border:0;border-radius:0;background:rgba(244,248,246,.94);box-shadow:0 8px 22px rgba(20,66,51,.05)}
  .add-app-v312 .add-progress-meta{display:flex;align-items:center;justify-content:space-between;margin:0 2px 7px;color:var(--add-muted);font-size:9px}
  .add-app-v312 .add-progress-meta b{color:var(--brand);font-size:10px}
  .add-app-v312 .add-progress-line{margin:0 2px 9px;height:3px}
  .add-app-v312 .add-wizard-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .add-app-v312 .add-wizard-progress button{min-width:0;min-height:44px;padding:5px 2px!important;border-radius:13px!important;font-size:8px!important;line-height:1.15;gap:3px!important}
  .add-app-v312 .add-wizard-progress button i{width:23px!important;height:23px!important;font-size:9px}
  .add-app-v312 .add-wizard-stage{padding:12px}
  .add-app-v312 .add-step-card{border:0!important;border-radius:24px!important;padding:17px!important;box-shadow:0 8px 28px rgba(24,65,52,.055)!important}
  .add-app-v312 .add-step-title{align-items:flex-start;margin-bottom:16px}
  .add-app-v312 .add-step-title>span{width:34px!important;height:34px!important;flex:0 0 34px}
  .add-app-v312 .add-step-title b{font-size:16px!important}
  .add-app-v312 .add-step-title small{font-size:9px!important}
  .add-app-v312 .form-grid{grid-template-columns:1fr!important;gap:12px!important}
  .add-app-v312 .field,.add-app-v312 .field.full{grid-column:1/-1!important}
  .add-app-v312 .field label{font-size:10px;margin-inline:2px}
  .add-app-v312 .add-modern-form .field input,.add-app-v312 .add-modern-form .field select,.add-app-v312 .add-modern-form .field textarea{width:100%;min-height:55px!important;border-radius:16px!important;font-size:12px!important;box-sizing:border-box}
  .add-app-v312 .add-upload-zone{min-height:205px!important;border-radius:21px!important;padding:20px 14px!important}
  .add-app-v312 .add-upload-icon{width:54px;height:54px;border-radius:18px}
  .add-app-v312 .add-map-modern{height:260px!important;min-height:260px!important}
  .add-app-v312 .add-preview-live{grid-template-columns:94px 1fr;gap:12px}
  .add-app-v312 .add-preview-card img{width:94px;height:88px;border-radius:15px}
  .add-app-v312 .add-preview-live b{font-size:15px}
  .add-app-v312 .add-wizard-controls,.add-app-v312 .add-submit-bar{position:fixed!important;z-index:100!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;border:0!important;border-radius:22px 22px 0 0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(22px)!important;box-shadow:0 -10px 34px rgba(16,52,41,.11)!important;display:flex!important;gap:9px!important}
  .add-app-v312 .add-wizard-v312.is-final .add-wizard-controls{display:none!important}
  .add-app-v312 .add-wizard-v312:not(.is-final) .add-submit-bar{display:none!important}
  .add-app-v312 .add-action-primary,.add-app-v312 .add-action-secondary{height:54px;border-radius:16px}
  .add-app-v312 .add-action-secondary{min-width:102px}
}

/* Home slider: exact viewport width on phones, no image crop, no horizontal overflow. */
@media(max-width:700px){
  body.home-v310{overflow-x:hidden!important}
  .home-v310 .home-modern-shell{padding-inline:10px!important;box-sizing:border-box!important;overflow:visible!important}
  .home-v310 .home-slider{width:100vw!important;max-width:100vw!important;height:auto!important;aspect-ratio:2.15/1!important;margin-inline:calc(50% - 50vw)!important;margin-top:0!important;border-radius:0!important;box-sizing:border-box!important;overflow:hidden!important;background:#dfe9e5!important}
  .home-v310 .home-slider-track,.home-v310 .home-slide{width:100%!important;max-width:100%!important;height:100%!important;inset:0!important;overflow:hidden!important}
  .home-v310 .home-slide-backdrop{display:block!important;position:absolute!important;inset:-8px!important;width:calc(100% + 16px)!important;height:calc(100% + 16px)!important;object-fit:cover!important;filter:blur(16px) saturate(.9) brightness(.82)!important;transform:scale(1.06)!important;opacity:.7!important}
  .home-v310 .home-slide-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;animation:none!important;filter:none!important;z-index:1!important}
  .home-v310 .home-slide-shade{z-index:2!important;background:linear-gradient(180deg,rgba(4,25,19,.02) 25%,rgba(4,30,22,.16) 58%,rgba(4,29,21,.68) 100%)!important}
  .home-v310 .home-slide-content{z-index:3!important;right:14px!important;left:14px!important;bottom:20px!important;padding:0!important;max-width:72%!important}
  .home-v310 .home-slide-content .hero-mini-chip{font-size:8px!important;padding:4px 7px!important}
  .home-v310 .home-slide-content h1{font-size:clamp(19px,6vw,25px)!important;line-height:1.12!important;margin:7px 0 0!important;max-width:100%!important;text-shadow:0 2px 10px rgba(0,0,0,.22)}
  .home-v310 .home-slide-content p{display:none!important}
  .home-v310 .home-slide-content .hero-explore-btn{display:none!important}
  .home-v310 .home-slider-dots{bottom:8px!important;z-index:5!important}
}

@media(max-width:390px){.home-v310 .home-slider{aspect-ratio:2.08/1!important}.add-app-v312 .add-wizard-progress button span{font-size:7.5px}}

html[data-theme="dark"] .add-app-v312{--add-surface:#14241e;--add-soft:#10201a;--add-ink:#edf7f2;--add-muted:#9fb3aa;--add-line:rgba(255,255,255,.07)}
html[data-theme="dark"] .add-app-v312 .add-appbar,html[data-theme="dark"] .add-app-v312 .add-wizard-controls,html[data-theme="dark"] .add-app-v312 .add-submit-bar{background:rgba(16,29,24,.95)!important}
html[data-theme="dark"] .add-app-v312 .add-progress-shell{background:rgba(14,27,22,.94)!important}
html[data-theme="dark"] .add-app-v312 .add-modern-form .field input,html[data-theme="dark"] .add-app-v312 .add-modern-form .field select,html[data-theme="dark"] .add-app-v312 .add-modern-form .field textarea{background:#192a23!important;color:#edf7f2!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .add-app-v312 .add-upload-zone,html[data-theme="dark"] .add-app-v312 .add-preview-card{background:#162720!important}