/* UI04: separate mobile composition from the authoritative portrait reference. */
.heading-mobile,.copy-mobile{display:none}
/* All narrow layouts have a quiet environment, including compact zoom fallbacks. */
@media(max-width:1100px){.fx-layer{display:none}.garage-light{animation:none;box-shadow:none;opacity:.12}.garage-architecture:before,.garage-architecture:after{display:none}.garage-architecture{animation:none}.hero-stage{background:linear-gradient(160deg,#333b40,#161b1e)}}
/* Use the exact logo asset in the desktop sign, not the alternate wordmark baked into its frame. */
@media(min-width:1101px) and (min-height:701px){
 .logo-sign:before{content:"";position:absolute;left:17%;top:13%;width:77%;height:66%;transform:skewY(12deg);background:linear-gradient(115deg,#e9d4b8,#fff6e7 45%,#eacdac);box-shadow:0 0 5px 2px #dfb898}
 .logo-sign img{position:absolute;left:19%;top:21%;width:74%;height:51%;max-height:none;opacity:1;transform:skewY(12deg);object-fit:contain}
}
@media(min-width:280px) and (max-width:1100px){
html[data-mobile-entry] .hero-stage{display:block;width:100vw;height:100vh;height:100dvh;padding:0;min-height:0;background:#15191c}
html[data-mobile-entry] .garage-underlay{display:block;position:absolute;inset:0;z-index:-4;background:url('/assets/bilkroken-v2/mobile-empty-480.webp') center/100% 100% no-repeat;background-image:image-set(url('/assets/bilkroken-v2/mobile-empty-480.avif') type('image/avif') 1x,url('/assets/bilkroken-v2/mobile-empty-941.avif') type('image/avif') 2x,url('/assets/bilkroken-v2/mobile-empty-480.webp') type('image/webp') 1x,url('/assets/bilkroken-v2/mobile-empty-941.webp') type('image/webp') 2x)}
html[data-mobile-entry] .garage-architecture{display:block;inset:0;width:100%;height:100%;z-index:-3;filter:none;clip-path:none;opacity:1;background:url('/assets/bilkroken-v2/mobile-master-480.webp') center/100% 100% no-repeat;background-image:image-set(url('/assets/bilkroken-v2/mobile-master-480.avif') type('image/avif') 1x,url('/assets/bilkroken-v2/mobile-master-941.avif') type('image/avif') 2x,url('/assets/bilkroken-v2/mobile-master-480.webp') type('image/webp') 1x,url('/assets/bilkroken-v2/mobile-master-941.webp') type('image/webp') 2x);mask:url('#mobile-environment-mask')}
html[data-mobile-entry] .garage-light,html[data-mobile-entry] .garage-architecture:before,html[data-mobile-entry] .garage-architecture:after,html[data-mobile-entry] .fx-layer{display:none}
html[data-mobile-entry] .topbar{position:static;display:contents;padding:0;margin:0}
html[data-mobile-entry] .logo-sign,html[data-mobile-entry] .login-control,html[data-mobile-entry] .intro.hero-machine,html[data-mobile-entry] .hero-title,html[data-mobile-entry] .hero-copy,html[data-mobile-entry] .listing-input-shell,html[data-mobile-entry] .hero-scene,html[data-mobile-entry] .benefit-row{margin:0;padding:0;min-height:0;max-height:none;min-width:0;max-width:none;border:0;border-radius:0;box-shadow:none;transform:none;filter:none;clip-path:none;text-shadow:none;overflow:visible;aspect-ratio:auto}
html[data-mobile-entry] .top-nav,html[data-mobile-entry] .left-info-panel,html[data-mobile-entry] .right-kjoreglede,html[data-mobile-entry] .truth-note,html[data-mobile-entry] .bottom-tagline{display:none}
html[data-mobile-entry] .logo-sign{position:absolute;left:6.588735387885228%;top:2.511961722488038%;width:51.009564293305%;height:9.210526315789473%;background:none;}
html[data-mobile-entry] .login-control{position:absolute;left:67.48140276301807%;top:4.784688995215311%;width:27.523910733262486%;height:5.263157894736842%;background-image:var(--mobile-master);background-size:363.3204633204633% 1900.0%;background-position:93.10850439882698% 5.05050505050505%;background-repeat:no-repeat;}
html[data-mobile-entry] .hero-scene{position:absolute;left:0.5313496280552604%;top:62.02153110047847%;width:97.23698193411265%;height:21.052631578947366%;background-image:var(--mobile-master);background-size:102.8415300546448% 475.0%;background-position:19.230769230769234% 78.56060606060606%;background-repeat:no-repeat;}
html[data-mobile-entry] .benefit-row{position:absolute;left:4.569606801275238%;top:85.76555023923444%;width:91.28586609989372%;height:10.406698564593302%;background-image:var(--mobile-master);background-size:109.54598370197905% 960.919540229885%;background-position:52.4390243902439% 95.72763684913218%;background-repeat:no-repeat;}
html[data-mobile-entry] .logo-sign{z-index:5;display:block}
html[data-mobile-entry] .logo-sign:before{display:none}
html[data-mobile-entry] .logo-sign img{position:static;display:block;opacity:1;transform:none;width:100%;height:100%;max-height:none;object-fit:contain}
html[data-mobile-entry] .login-control{display:block;z-index:5;color:transparent;font-size:12px;min-height:32px}
html[data-mobile-entry] .login-control span{visibility:hidden}
html[data-mobile-entry] .login-message{top:11%;right:3%;font-size:12px;max-width:70%;padding:6px;z-index:9}
html[data-mobile-entry] .intro.hero-machine{position:absolute;left:6.588735387885228%;top:13.038277511961722%;width:86.50371944739639%;height:18.95933014354067%;z-index:3;background:#101214;isolation:isolate;text-align:center;}
html[data-mobile-entry] .hero-machine:before{content:"";position:absolute;inset:0;z-index:-1;border:0;border-radius:0;box-shadow:none;clip-path:none;background-image:var(--mobile-master);background-size:115.6019656019656% 527.4447949526814%;background-position:48.818897637795274% 16.088560885608857%;background-repeat:no-repeat;mask:url("#mobile-panel-mask")}
html[data-mobile-entry] .hero-machine:after{display:none}
html[data-mobile-entry] .hero-title{position:absolute;left:4.422604422604422%;top:9.46372239747634%;width:91.03194103194103%;height:52.99684542586751%;background-image:var(--mobile-master);background-size:126.99055330634279% 995.2380952380953%;background-position:49.0% 16.48936170212766%;background-repeat:no-repeat;}
html[data-mobile-entry] .hero-title .eyebrow{display:none}
html[data-mobile-entry] .hero-title h1{position:absolute;left:0;top:35%;width:100%;height:65%;margin:0;padding:0;font-size:8vw;line-height:1;white-space:nowrap;color:transparent;-webkit-text-fill-color:transparent;background:none;text-shadow:none;filter:none}
html[data-mobile-entry] .heading-full{display:none}
html[data-mobile-entry] .heading-mobile{display:inline}
html[data-mobile-entry] .hero-copy{position:absolute;left:14.987714987714988%;top:66.24605678233438%;width:71.13022113022113%;height:20.82018927444795%;display:flex;align-items:center;justify-content:center;max-width:none;color:#f5f5f5;background:#101214;font:400 clamp(11px,2.9vw,26px)/1.25 Arial,sans-serif;text-align:center}
html[data-mobile-entry] .copy-full{display:none}
html[data-mobile-entry] .copy-mobile{display:inline}
html[data-mobile-entry] .listing-input-shell{position:absolute;left:-0.85995085995086%;top:104.41640378548895%;width:102.21130221130221%;height:94.6372239747634%;height:max(94.6372239747634%,116px);z-index:3;display:block;background:none;border:0;min-height:116px}
html[data-mobile-entry] .listing-input-shell:before{content:"";position:absolute;inset:0;display:block;pointer-events:none;border:0;clip-path:none;background-image:var(--mobile-master);background-size:113.10096153846155% 557.3333333333334%;background-position:50.45871559633027% 40.01457725947522%;background-repeat:no-repeat;mask:url("#mobile-form-mask")}
html[data-mobile-entry] .listing-input-shell:after{display:none}
html[data-mobile-entry] .listing-input-shell .search-row{display:contents;position:static}
html[data-mobile-entry] .input-region{position:absolute;left:16.466%;top:14.666%;width:73.318%;height:30.333%;min-height:44px;display:block;background:#f7f7f9;padding:0;border:0;border-radius:0;clip-path:none;box-shadow:none}
html[data-mobile-entry] .chain-icon{display:none}
html[data-mobile-entry] .input-region input{display:block;min-height:44px;width:100%;height:100%;padding:0 3px;border:0;background:transparent;box-shadow:none;font:400 clamp(16px,3.9vw,28px)/1.2 Arial,sans-serif;color:#3b4b65}
html[data-mobile-entry] .input-region input::placeholder{color:#506078;opacity:1}
html[data-mobile-entry] .input-region:focus-within{outline:2px solid #ff8a26;outline-offset:0}
html[data-mobile-entry] .listing-input-shell .button-primary{position:absolute;left:4.086%;top:61%;width:91.106%;height:32.666%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 5px;border:0;border-radius:0;clip-path:polygon(3% 0,97% 0,100% 20%,100% 80%,97% 100%,3% 100%,0 80%,0 20%);background:linear-gradient(#ffb529,#ff7900 8%,#ff2d00 40%,#ff1800 70%,#ff5e00 95%,#ff9c1f);color:#fff;font:500 clamp(18px,4.8vw,44px)/1.1 Arial,sans-serif;text-shadow:none;box-shadow:none;white-space:nowrap}
html[data-mobile-entry] .listing-input-shell .button-primary span{display:inline;font-size:1.4em}
html[data-mobile-entry] .listing-input-shell .button-primary:disabled{opacity:.75}
html[data-mobile-entry] .led-track{inset:4%;padding:1px;opacity:.12}
html[data-mobile-entry] .hero-scene{z-index:-2;overflow:hidden;pointer-events:none}
html[data-mobile-entry] .hero-scene>img,html[data-mobile-entry] .hero-scene>picture>img,html[data-mobile-entry] .hero-scene:after{display:none}
html[data-mobile-entry] .benefit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));z-index:2;color:transparent;background-color:transparent}
html[data-mobile-entry] .benefit-row>div{border:0;padding:0;color:transparent}
html[data-mobile-entry] .benefit-row>div:last-child{display:none}
html[data-mobile-entry] .benefit-row strong,html[data-mobile-entry] .benefit-row small,html[data-mobile-entry] .benefit-row span{color:transparent;text-shadow:none}
html[data-mobile-entry] #hero-stage #feedback{position:absolute;left:7%;top:52%;width:86%;max-height:12%;z-index:8;margin:0;padding:5px 7px;font-size:clamp(11px,3vw,15px);line-height:1.2;background:#fff4e9;color:#292018}
html[data-mobile-entry] .hero-stage[data-stage="loading"] .hero-machine,html[data-mobile-entry] .hero-stage[data-stage="success"] .hero-machine{box-shadow:none}

}
@media(min-width:280px) and (max-width:1100px){
html[data-mobile-entry][data-mobile-short] .hero-copy{font-size:11px;line-height:1.15}
html[data-mobile-entry][data-mobile-short] .hero-copy .copy-mobile{display:none}
html[data-mobile-entry][data-mobile-short] .hero-copy:after{content:"Lim inn annonselenke, reg.nr. eller VIN."}
html[data-mobile-entry][data-mobile-short] #hero-stage #feedback{top:54%;font-size:11px}

}
@media(prefers-reduced-motion:reduce){.led-track{animation:none!important}}
@media(min-width:1101px) and (min-height:701px){
 .logo-sign:before{left:20%;top:27%;width:72%;height:48%;box-shadow:inset 0 0 3px #bd8f68}
 .logo-sign img{left:22%;top:33%;width:69%;height:42%}
}
@media(min-width:280px) and (max-width:1100px){
html[data-mobile-entry] .hero-scene{display:block}
html[data-mobile-entry] .intro.hero-machine .hero-copy{display:flex}
html[data-mobile-entry] .listing-input-shell{height:max(94.6372239747634%,138px);min-height:138px}
html[data-mobile-entry] #hero-stage #feedback{top:max(51.8%,calc(32.835dvh + 142px));max-height:none}

}
@media(min-width:280px) and (max-width:1100px){
html[data-mobile-entry][data-mobile-short] .hero-stage[data-stage="loading"] .hero-scene,html[data-mobile-entry][data-mobile-short] .hero-stage[data-stage="error"] .hero-scene{visibility:hidden}

}

@media(min-width:280px) and (max-width:1100px){
html[data-mobile-entry] .input-region{box-shadow:0 0 0 1px #f7f7f9}
}

@media(min-width:280px) and (max-width:1100px){
 html[data-mobile-entry]{--mobile-master:url('/assets/bilkroken-v2/mobile-master-480.webp')}
}
@media(min-width:280px) and (max-width:1100px) and (min-resolution:2dppx){
 html[data-mobile-entry]{--mobile-master:url('/assets/bilkroken-v2/mobile-master-941.webp')}
}
@supports (background-image:image-set(url('x.avif') type('image/avif') 1x)){
 @media(min-width:280px) and (max-width:1100px){html[data-mobile-entry]{--mobile-master:url('/assets/bilkroken-v2/mobile-master-480.avif')}}
 @media(min-width:280px) and (max-width:1100px) and (min-resolution:2dppx){html[data-mobile-entry]{--mobile-master:url('/assets/bilkroken-v2/mobile-master-941.avif')}}
}

/* A keyboard reveals less of the same composition; no scene scaling or panning. */
html[data-mobile-keyboard][data-page="entry"] .shell{height:100dvh;overflow:clip}
html[data-mobile-keyboard] .hero-stage{height:var(--entry-mobile-height)}
html[data-mobile-keyboard] .intro.hero-machine{top:calc(13.038277511961722% - var(--entry-keyboard-lift,0px))}

/* Native mobile fields must not trigger Safari focus zoom, including compact mode. */
@media(max-width:700px){#finn-input{font-size:16px}}

/* Remove the baked-in mobile wordmark independently of SVG mask support.
   Only the separate exact-logo <img> may paint this region (also in WebKit). */
@media(min-width:280px) and (max-width:1100px){
 html[data-mobile-entry] .garage-architecture{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,5.8% 1.8%,59.2% 1.8%,59.2% 12.2%,5.8% 12.2%,5.8% 1.8%,0 0)}
}