.home-ad-layer[hidden]{display:none}
.home-ad-layer{position:absolute;inset:0;z-index:3;border-radius:inherit;overflow:hidden}
.home-ad-link{position:absolute;inset:0;color:white;text-decoration:none;display:flex;align-items:flex-end;background:none}
.home-ad-link[href],.home-ad-link[role=button]{cursor:pointer}
.home-ad-copy{display:flex;flex-direction:column;gap:3px;padding:12px 16px;width:100%;text-shadow:none}
.home-ad-copy strong{font-size:clamp(15px,3.5vw,23px);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-ad-copy>span{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-ad-link:focus-visible{outline:3px solid #ffe08b;outline-offset:-3px}
#homeScreen .hero.has-home-ad .home-reference-tagline,#homeScreen .hero.has-home-ad .home-reference-promise{display:none}
#homeScreen .hero.has-home-ad .home-hero-brand{z-index:4}
.home-ad-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#e2e7ec}
.home-ad-video[hidden],.hero-image[hidden]{display:none!important}
/* The Home presentation owns the hero geometry. The media below simply fills
   that responsive frame without reserving an advertisement-only height. */
.home-ad-visual{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:inherit;background-size:0 0;background-repeat:no-repeat}
#homeScreen .hero.has-home-ad{background:linear-gradient(145deg,#142a40,#31546c)}
.app-shell #homeScreen :is(.home-ad-image,.home-ad-video){object-fit:cover;object-position:center!important}
.app-shell #homeScreen .home-ad-video{background:transparent}
.home-ad-visual[hidden]{display:none!important}
.home-ad-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;background:transparent}
#homeScreen .hero{touch-action:pan-y pinch-zoom}
.home-ad-image[hidden]{display:none!important}
#homeScreen .hero.has-home-ad>.hero-image{display:none!important}
.home-ad-copy strong[hidden],.home-ad-copy span[hidden]{display:none}
.home-ad-cta{align-self:flex-start;background:transparent;color:inherit;text-shadow:none;padding:5px 10px;border-radius:8px;font-weight:700}

.home-ad-link.has-ad-copy{background:transparent}
.home-ad-outgoing{position:absolute;inset:0;z-index:2;pointer-events:none}

/* Informational overlay in both hero modes; only the text itself moves. */
.home-fallback-ticker{position:absolute;inset-inline:0;top:100px;height:34px;overflow:hidden;container-type:inline-size;z-index:5;pointer-events:none;user-select:none}
.home-fallback-ticker[hidden]{display:none}
.home-fallback-ticker-text{position:absolute;left:0;top:0;width:max-content;padding:1px 0;background:none;color:#ffe29a;font-size:23px;font-weight:750;line-height:32px;text-shadow:0 1px 2px #142236,0 0 5px #14223680;white-space:nowrap;animation:home-fallback-marquee 18s linear infinite;animation-delay:-2s}
.home-fallback-ticker[dir=rtl] .home-fallback-ticker-text{animation-direction:reverse}
@keyframes home-fallback-marquee{from{transform:translateX(-100%)}to{transform:translateX(100cqw)}}
@media(prefers-reduced-motion:reduce){.home-fallback-ticker-text{animation-duration:36s}}

/* Keep the edge-to-edge Home banner clean; the existing media and controls
   remain untouched below this presentation layer. */
#homeScreen:not([hidden]) .hero::after{content:none}

/* One visible frame and one navigation sequence: advertisements are display slides. */
.has-global-ad{position:relative;isolation:isolate;touch-action:pan-y}
.has-global-ad>.gold-record-content{position:relative;display:flow-root;min-width:0}
.has-global-ad>.gold-record-content[aria-hidden="true"]{visibility:hidden;pointer-events:none}
/* Native navigation is replaced by the combined sequence while an ad is eligible. */
.gold-record-content :is(.gold-prev,.gold-next,.gold-dots,.gold-pause,.showroom-gold-arrow,.showroom-gold-dots,.rental-gold-prev,.rental-gold-next,.rental-gold-dots,.rental-gold-pause,.office-gold-prev,.office-gold-next,.office-gold-dots,.office-gold-pause,.lorry-prev,.lorry-next,.lorry-dots,.lorry-pause){display:none!important}
.gold-ad-slide{position:absolute;inset:0;z-index:1;overflow:hidden;border:0;border-radius:inherit;background:#e2e7ec}
.gold-ad-slide[hidden],.gold-display-controls[hidden]{display:none!important}
.gold-ad-slide .section-home-ad-media{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
.section-home-ad-link{position:absolute;inset:0;display:flex;align-items:flex-end;color:#fff;text-decoration:none}
.section-home-ad-link:has(.home-ad-copy:not(:empty)){background:transparent}
.gold-ad-slide .home-ad-copy{padding:14px 16px 46px}
.gold-ad-slide .home-ad-copy strong{font-size:clamp(15px,3.5vw,23px)}
.section-home-ad-link:focus-visible{outline:3px solid #ffe08b;outline-offset:-3px}
/* One plain, non-interactive disclosure inside every managed advertisement. */
.advertisement-label{position:absolute;top:10px;left:10px;z-index:2;pointer-events:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#d4af37;font:600 14px/1.3 system-ui,sans-serif;letter-spacing:normal;text-transform:none;text-shadow:none;white-space:nowrap;unicode-bidi:isolate;text-align:start}
.home-ad-layer>.advertisement-label{top:60px;left:20px}
.gold-ad-slide:has(video) .section-home-ad-media{height:100%;object-fit:cover;object-position:center}
.gold-ad-slide:has(video) .section-home-ad-link{inset:34px 46px auto;background:none}
.gold-ad-slide:has(video) .home-ad-copy{padding:0}
.gold-display-controls{display:contents}
.has-global-ad>.gold-display-controls :is(.gold-prev,.gold-next,.gold-pause,.gold-dots){z-index:3}
.has-global-ad>.gold-display-controls :is(.gold-prev,.gold-next){top:40%;width:36px;height:36px;min-height:0;padding:0;border-radius:50%;font:28px/1 Arial,sans-serif;color:#fff;background:#16130ba8;border:1px solid #ffffff80}
.has-global-ad>.gold-display-controls .gold-prev{left:10px;right:auto}
.has-global-ad>.gold-display-controls .gold-next{right:10px;left:auto}
.has-global-ad>.gold-display-controls .gold-pause{width:30px;height:30px;min-height:0;bottom:5px;padding:0;color:#fff;background:#16130ba8;border:1px solid #ffffff80;border-radius:50%;font-size:15px}
.has-global-ad>.gold-display-controls .gold-dots{bottom:3px}
.has-global-ad>.gold-display-controls .gold-dot{min-height:0;padding:0;width:26px;height:30px;background:transparent;border:0}
.gold-cars.has-global-ad,.lorry-gold.has-global-ad,.office-gold-hero.has-global-ad{display:block;padding:0}
:is(.gold-empty,.section-gold-empty,.office-gold-empty).has-global-ad>.gold-record-content{min-height:245px;padding:18px}
#showroomListScreen .showroom-gold.has-global-ad{padding:0}
#showroomListScreen .showroom-gold.has-global-ad>.gold-record-content{position:absolute;inset:0}
#showroomListScreen .showroom-gold.is-empty.has-global-ad{min-height:300px}
#showroomListScreen .showroom-gold.has-global-ad>.gold-display-controls :is(.gold-prev,.gold-next){top:auto;bottom:16px}
#showroomListScreen .showroom-gold.has-global-ad>.gold-display-controls .gold-dots{bottom:16px;right:88px}
#showroomListScreen .showroom-gold.has-global-ad>.gold-display-controls .gold-pause{bottom:18px;inset-inline-end:54px}
#showroomListScreen .gold-ad-slide .section-home-ad-label{top:102px;left:24px}
.buy-car-page .gold-cars.has-global-ad,.public-section-view .section-gold-empty.has-global-ad{padding:0}

/* User-entered advertisement copy sits directly on both image and video media. */
:is(.home-ad-link,.section-home-ad-link) .home-ad-copy,
:is(.home-ad-link,.section-home-ad-link) .home-ad-copy > *{
 background:transparent;border:0;box-shadow:none;text-shadow:none;
}
/* The intentional advertisement destination fills the viewport. Only its main
   content scrolls; Back and the contact actions remain within the safe area. */
.home-ad-detail{
 position:fixed;inset:0;margin:0;box-sizing:border-box;width:100%;max-width:none;
 height:100vh;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;
 background:#fff;color:#183b34;overflow:hidden;box-shadow:none;direction:ltr;
}
.home-ad-detail[open]{display:flex;flex-direction:column}
.home-ad-detail::backdrop{background:#fff}
/* Saved advertiser wording can differ from the app language. */
.home-ad-detail [dir=auto]:dir(rtl){direction:rtl!important;unicode-bidi:isolate}
.home-ad-detail [dir=auto]:dir(ltr){direction:ltr!important;unicode-bidi:isolate}
.home-ad-detail>header{
 flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
 min-height:72px;box-sizing:border-box;
 padding:calc(12px + var(--zagros-safe-top,env(safe-area-inset-top,0px))) max(20px,env(safe-area-inset-right,0px)) 12px max(20px,env(safe-area-inset-left,0px));
 background:#fff;border-bottom:1px solid #edf0ee;
}
.home-ad-detail>header h2{margin:0;color:#8b7447;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.1em;text-align:center}
.home-ad-viewer-back,.home-ad-viewer-close{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;
 min-height:44px;padding:8px 12px;border:0;border-radius:12px;background:#f3f6f4;
 color:#183b34;font:650 14px/1.3 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;
}
.home-ad-viewer-back{justify-self:start}
.home-ad-viewer-back i{font-size:16px;transform:none}
.home-ad-viewer-close{justify-self:end;width:44px;padding:0;background:transparent;font:28px/1 system-ui,sans-serif}
.home-ad-detail-content{
 flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;
 -webkit-overflow-scrolling:touch;scrollbar-gutter:stable;
 padding:24px max(24px,env(safe-area-inset-right,0px)) 32px max(24px,env(safe-area-inset-left,0px));
}
.home-ad-detail-media{position:relative;width:100%;max-width:1040px;margin:0 auto;overflow:hidden;border-radius:18px;background:#f3f5f4}
.home-ad-detail-media>img,.home-ad-detail-media>video{
 display:block;width:100%;height:auto;max-height:68vh;max-height:68dvh;
 object-fit:contain;object-position:center;
}
.home-ad-detail-body{box-sizing:border-box;width:100%;max-width:1040px;margin:0 auto;padding:32px 8px 0}
.home-ad-detail-body:empty{display:none}
.home-ad-detail-body h3{margin:0 0 16px;color:#163c32;font:750 clamp(26px,3vw,36px)/1.25 system-ui,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.home-ad-detail-description{max-width:780px;margin:0 0 28px;white-space:pre-wrap;overflow-wrap:anywhere;color:#596862;line-height:1.75;font-size:16px}
.home-ad-detail-contacts{display:grid;grid-template-columns:minmax(90px,auto) 1fr;align-items:baseline;gap:18px 24px;margin:26px 0 0;padding:24px 0 0;background:none;border:0;border-top:1px solid #e7ece9;border-radius:0}
.home-ad-detail-contacts dt{color:#7b8781;font-size:13px;font-weight:500}
.home-ad-detail-contacts dd{margin:0;color:#233e34;font-size:15px;font-weight:550;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
.home-ad-detail-actions{
 flex:none;display:flex;align-items:stretch;justify-content:center;gap:12px;box-sizing:border-box;
 padding:16px max(24px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));
 background:#fff;border-top:1px solid #e7ece9;
}
.home-ad-detail-actions>a,.home-ad-detail-actions>button{
 display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:1;max-width:400px;
 min-height:52px;box-sizing:border-box;padding:14px 18px;border:1px solid #d8e3dc;border-radius:14px;
 background:#fff;color:#1c4939;text-decoration:none;font:650 15px/1.4 system-ui,sans-serif;cursor:pointer;touch-action:manipulation;
}
.home-ad-detail-actions>.home-ad-call{background:#075b44;border-color:#075b44;color:#fff}
.home-ad-detail-actions i{flex:none;font-size:15px}
.home-ad-detail-unavailable{max-width:1040px;margin:40px auto;color:#596862;font-size:18px;line-height:1.6}
@media(max-width:600px){
 .home-ad-detail>header{gap:8px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
 .home-ad-detail>header h2{font-size:10px;letter-spacing:.06em}
 .home-ad-detail-content{padding:0 max(0px,env(safe-area-inset-right,0px)) 28px max(0px,env(safe-area-inset-left,0px));scrollbar-gutter:auto}
 .home-ad-detail-media{border-radius:0;background:#f3f5f4}
 .home-ad-detail-body{padding:28px 22px 0}
 .home-ad-detail-description{font-size:15px;line-height:1.7}
 .home-ad-detail-contacts{grid-template-columns:1fr;gap:5px;margin-top:24px;padding-top:22px}
 .home-ad-detail-contacts dd+dt{margin-top:15px}
 .home-ad-detail-actions{gap:10px;padding:12px max(18px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}
 .home-ad-detail-actions>a,.home-ad-detail-actions>button{padding:13px 12px;font-size:14px}
 .home-ad-detail-unavailable{margin:32px 22px}
}
.home-ad-viewer-audio,.home-ad-audio-toggle{position:absolute;top:12px;inset-inline-end:12px;z-index:5;display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#152333bb;color:#fff;font-size:14px;line-height:1;cursor:pointer;touch-action:manipulation}
.home-ad-audio-toggle{top:auto;bottom:12px}
.home-ad-audio-toggle[hidden]{display:none!important}
.home-ad-detail :is(button,a):focus-visible,.home-ad-audio-toggle:focus-visible{outline:3px solid #d5ad47;outline-offset:3px}
.gold-ad-slide:has(video) .section-home-ad-link{inset:0 0 44px!important;z-index:2}


.home-ad-detail-media>video::-webkit-media-controls-fullscreen-button{display:none}
