
/* AUTOMOBIL 1 / 2026 — visuell oppdatering basert på første design.
   Nye bilder er ekte opplastede bilder, ikke manipulerte skilt. */
:root{--brand-blue:#161616;--brand-blue-light:#dadada}
body{background:#f6f6f4}
.nav-cta{background:#f6f6f4!important;color:#141414!important}
.nav-cta:hover{background:#d6d6d3!important}
.n-primary{background:#f5f5f3!important;color:#131414!important}
.n-primary:hover{background:#d6d6d4!important}
.n-hero{background:#090a0b;isolation:isolate}
.n-hero:before{display:none}
.n-hero-grid{display:flex;align-items:center;min-height:690px;padding:68px 0 76px;position:relative}
.n-hero-copy{z-index:2;max-width:900px;width:100%;padding:12px 0;position:relative}
.n-hero h1{font-size:clamp(76px,7.5vw,124px);line-height:.83;max-width:900px;letter-spacing:-.03em;position:relative;z-index:3;text-wrap:balance}
.n-hero h1 span{color:#ced0d0}
.n-hero-copy>p{max-width:485px;color:#dadcde;font-size:14px;line-height:1.95;position:relative;z-index:3}
.n-hero-photo{position:absolute;z-index:0;inset:0 calc((min(1350px,100vw - 96px) - 100vw)/2) 0 28%;min-height:0;box-shadow:none;overflow:hidden;background:#101112}
.n-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:52% 52%;filter:grayscale(.45) brightness(.79) contrast(1.08);transform:scale(1.02)}
.n-hero-photo:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#090a0b 0%,rgba(9,10,11,.98) 12%,rgba(9,10,11,.8) 36%,rgba(9,10,11,.41) 66%,rgba(9,10,11,.27) 100%),linear-gradient(0deg,#090a0b 0%,transparent 33%);z-index:2}
.n-hero:after{position:absolute;content:"";inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.045) 25%);z-index:1}
.n-buttons{position:relative;z-index:3}.n-hero-notes{position:relative;z-index:3}
.n-stock-large img,.n-stock-mini img,.n-photo-frame img{filter:grayscale(.45) brightness(.71) contrast(1.17)}
.n-stock-large:before{background:linear-gradient(0deg,#080808f2 0%,#08080825 75%)}
.n-stock-mini:before{position:absolute;content:"";inset:0;background:linear-gradient(0deg,#080808a8,transparent 77%);z-index:1;pointer-events:none}
.n-photo-frame{background:#17191a}
.n-photo-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#000000a0,transparent 60%)}
.n-sale-image{background-image:linear-gradient(0deg,#08080866,transparent 60%),url('assets/nye-mercedes-amg-bak.webp');background-position:center 50%}
.n-partner-mark img{filter:grayscale(1) contrast(1.3) brightness(.84)!important;mix-blend-mode:multiply}
.n-partner{background:#f7f7f5}.n-partner:hover{background:white}
.n-intl-hero{background:linear-gradient(90deg,#080809,#080809ef 34%,#080809a8),url('assets/nye-mercedes-front.webp') 78% 48%/cover no-repeat}
.n-intl-hero h1{font-size:clamp(68px,8.1vw,116px)}
.n-intl-hero h1 span{color:#c6c6c6}
.n-intl-services{background:#f6f6f4}
.a1-import-feature{display:grid;grid-template-columns:1.06fr .94fr;background:#151616;color:white;margin-top:36px;min-height:380px;overflow:hidden}
.a1-import-feature>img{height:100%;min-height:380px;width:100%;object-fit:cover;filter:grayscale(.65) brightness(.64)}
.a1-import-feature>div{padding:50px 42px;display:flex;flex-direction:column;justify-content:center}
.a1-import-feature span{font-weight:800;letter-spacing:.16em;font-size:10px;color:#aaa}
.a1-import-feature h3{font:800 clamp(40px,4.1vw,62px)/.93 var(--heading);margin:21px 0 15px}
.a1-import-feature p{font-size:14px;line-height:1.85;color:#c5c5c5}
.a1-import-feature a{display:inline-flex;align-self:flex-start;padding:13px 0;border-bottom:1px solid white;font-size:11px;font-weight:800;margin-top:17px}
/* Tight inventory layout. The external embedded inventory can scroll internally. */
.inventory-page-hero{padding:28px 0 37px!important;background:#0d0e0f;min-height:0}
.inventory-hero-art{background-image:linear-gradient(90deg,#0a0b0cec,#0a0b0cc1 40%,#0a0b0c77),url('assets/nye-audi-rs7-front.webp')!important;opacity:.6;filter:grayscale(.5)}
.inventory-page-hero .breadcrumb{margin-bottom:14px}.inventory-page-hero .display-heading{font-size:clamp(49px,5.4vw,75px);margin:8px 0 15px}
.inventory-page-lead{margin:0}.inventory-page-lead p{max-width:660px;font-size:13px;margin:0}
.inventory-page-lead .btn{display:none}
.inventory-page-section{padding:38px 0 45px!important;background:#f6f6f4}
.inventory-intro{margin-bottom:25px;display:flex;justify-content:space-between;gap:25px;align-items:end}
.inventory-intro h2{font:800 clamp(38px,4.3vw,59px)/.98 var(--heading);margin:8px 0 0;color:#1d1e20}
.inventory-intro h2 span{color:#767676}
.a1-filters{display:flex;align-items:end;gap:16px;border:1px solid #cacbcc;padding:14px;background:white;flex-wrap:wrap;margin-bottom:16px}
.a1-filter-field{min-width:190px;flex:0 1 240px;display:flex;flex-direction:column;gap:8px}
.a1-filter-field label{font-size:10px;letter-spacing:.16em;font-weight:900;color:#505154}
.a1-filter-field select{width:100%;height:43px;appearance:none;border:1px solid #a9aaac;border-radius:0;background:#f7f7f6;color:#191919;font-weight:800;font-size:13px;padding:0 41px 0 15px;cursor:pointer;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="%23111" stroke-width="2"%3E%3Cpath d="m3 6 5 5 5-5"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 13px center}
.a1-clear{height:43px;padding:0 16px;border:1px solid #242526;background:transparent;color:#1c1d1e;font-size:11px;letter-spacing:.07em;font-weight:900;white-space:nowrap}
.a1-clear:hover{background:#161719;color:white}.a1-clear span{margin-left:11px;font-size:17px}
.a1-filter-hint{margin-left:auto;padding-bottom:13px;font-size:11px;color:#6f7071}
.a1-embedded-wrap{overflow:hidden;border:1px solid #d4d4d2;box-shadow:0 12px 31px #0000000b;background:white}
.a1-embedded-wrap iframe,.inventory-page-frame iframe{width:100%!important;height:1120px!important;border:0!important;max-height:1120px;background:white;display:block}
.a1-stock-after{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px;padding-bottom:4px}
.a1-stock-after p{color:#555;font-size:13px;margin:0}
.a1-stock-after a{font-size:11px;font-weight:900;border-bottom:1px solid #161616;padding-bottom:7px;white-space:nowrap}
@media(max-width:980px){
 .n-hero-grid{min-height:625px;padding:55px 0 65px}
 .n-hero h1{font-size:clamp(65px,9vw,94px)}
 .n-hero-photo{inset:0 calc((min(1350px,100vw - 96px) - 100vw)/2) 0 0}
 .n-hero-photo:after{background:linear-gradient(90deg,#090a0bf2 0%,#090a0bc2 55%,#090a0b65 100%),linear-gradient(0deg,#090a0b 0%,transparent 60%)}
 .a1-filter-hint{display:none}
}
@media(max-width:720px){
 .n-hero-grid{min-height:650px;padding:62px 0 70px;display:flex;align-items:center}
 .n-hero-copy{max-width:100%}
 .n-hero h1{font-size:clamp(56px,12vw,81px);margin:14px 0 22px}
 .n-hero-photo{inset:0 -20px}
 .n-hero-photo img{object-position:59% center}
 .n-hero-photo:after{background:linear-gradient(90deg,#090a0bf3,#090a0b91),linear-gradient(0deg,#090a0b 0%,transparent 52%)}
 .n-hero-copy>p{font-size:13px;max-width:440px}
 .n-hero-notes{display:none}
 .n-partner-mark img{max-height:58px}
 .a1-import-feature{grid-template-columns:1fr}.a1-import-feature>img{min-height:230px;height:230px}.a1-import-feature>div{padding:30px 24px}
 .inventory-page-hero{padding:28px 0 30px!important}
 .inventory-page-hero .display-heading{font-size:clamp(51px,10.8vw,71px)}
 .inventory-page-section{padding:27px 0 35px!important}
 .inventory-intro{margin-bottom:18px}.inventory-intro h2{font-size:clamp(34px,9vw,51px)}
 .a1-filters{gap:12px;padding:13px}.a1-filter-field{flex:1 1 calc(50% - 8px);min-width:125px}
 .a1-filter-field select{font-size:12px;padding-left:10px}
 .a1-clear{width:100%;height:41px}
 .a1-embedded-wrap iframe,.inventory-page-frame iframe{height:850px!important;max-height:850px}
 .a1-stock-after{align-items:flex-start;flex-direction:column;gap:11px}
}
@media(max-width:400px){.n-hero h1{font-size:clamp(50px,12vw,62px)}.a1-filter-field{min-width:100%;flex-basis:100%}}
/* Final typography pass */
.inventory-intro{display:block}
.inventory-intro h2{margin-top:8px;max-width:100%}
@media(max-width:720px){.n-intl-hero h1{font-size:clamp(44px,11.1vw,66px);line-height:.95;letter-spacing:-.035em}.n-intl-services h2{font-size:clamp(45px,10vw,70px)}}

/* AS Financiering: samme lyse partnerkort som øvrige; svart tydelig logo. */
.n-partner .n-partner-mark img[alt="AS Financiering"]{filter:brightness(0)!important;mix-blend-mode:normal!important;opacity:1!important}

/* Automobil 1 — enkle, svart/hvite sosiale lenker i footer */
.footer-bottom .a1-social{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;margin:0;min-width:0}
.footer-bottom .a1-social-label{font-size:9px;font-weight:800;letter-spacing:.12em;color:#a8a8a8;margin-right:5px}
.footer-bottom .a1-social-link{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #565656;color:#f2f2f2;border-radius:50%;transition:background .2s,border-color .2s,color .2s,transform .2s;flex:none}
.footer-bottom .a1-social-link:hover,.footer-bottom .a1-social-link:focus-visible{background:#fff;border-color:#fff;color:#111;transform:translateY(-2px)}
.footer-bottom .a1-social-link:last-child{margin-left:0}
.footer-bottom .a1-social-link svg{display:block;width:18px;height:18px}
@media(max-width:720px){.footer-bottom .a1-social{margin:0 10px 0 0;gap:8px}.footer-bottom .a1-social-link{width:38px;height:38px}.footer-bottom{row-gap:14px}}
@media(prefers-reduced-motion:reduce){.footer-bottom .a1-social-link{transition:none}}

/* UI-arrows use vector line icons rather than mobile emoji glyphs. */
.a1-inline-icon{display:inline-block;vertical-align:-.13em;width:1.02em;height:1.02em;stroke:currentColor;flex:none;margin-inline-start:.27em;overflow:visible}
.mobile-nav .a1-inline-icon{margin-inline-start:auto;width:17px;height:17px;vertical-align:middle}
.n-button .a1-inline-icon,.nav-cta .a1-inline-icon,.btn .a1-inline-icon{width:14px;height:14px;stroke-width:2.2}
.breadcrumb .a1-inline-icon,.n-back .a1-inline-icon,.detail-back .a1-inline-icon{margin-inline-start:0;margin-inline-end:.4em}
@media(max-width:720px){.a1-inline-icon{width:15px;height:15px;vertical-align:-.16em}.mobile-nav .a1-inline-icon{width:16px;height:16px}}

.wizard-navigation .wizard-back,.wizard-navigation .wizard-next{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.wizard-navigation .wizard-back .a1-inline-icon{margin:0;order:-1}
.wizard-navigation .wizard-next .a1-inline-icon{margin:0}
