/* Felles varm og lys Autolinks-palett. */
:root{--ink:#171c1b;--muted:#535b5a;--line:#deddd1;--paper:#f5f3e9;--lime:#e5c63f;--lime-dark:#786715}
body,.tire-hotel-page,.change-page{background:var(--paper);color:var(--ink)}
.hero{color:var(--ink);background:linear-gradient(90deg,rgba(245,243,233,.96),rgba(245,243,233,.86) 48%,rgba(245,243,233,.58)),url('/assets/autolinks-hero-v2.png') center/cover}
.hero h1 em,.hero .eyebrow,.hero .kicker,.change-hero h1 em,.change-from{color:var(--lime-dark)}
.hero-lead,.hero .hero-lead,.tire-hotel-copy .hero-lead,.eyebrow{color:var(--muted)}
.tire-hotel-hero{background:linear-gradient(90deg,rgba(245,243,233,.96),rgba(245,243,233,.84) 48%,rgba(245,243,233,.46)),url('/assets/autolinks-tire-hotel.png') center 45%/cover}
.change-hero{color:var(--ink);background:linear-gradient(90deg,rgba(245,243,233,.96),rgba(245,243,233,.84) 48%,rgba(245,243,233,.48)),url('/assets/autolinks-hjulskift.png') center 46%/cover}
.change-hero>p:not(.eyebrow){color:var(--muted)}
.proof-strip,.customer-gallery-section,.wash-section,.finance-section,.site-footer,.home-wheel-change,.legal-contact{background:#f0eddd;color:var(--ink);border-color:var(--line)}
.hero-actions,.hero-action{background:#f0eddd;color:var(--ink);border-color:var(--line)}.hero-action:hover{background:#e9e4ce}.hero-action.primary{background:var(--lime)}
.action-index,.hero-action small,.proof-strip-intro,.proof-strip small,.finance-copy>p:not(.eyebrow),.finance-points li,.wash-heading>p:last-of-type,.footer-brand span:last-child,.site-footer address,.footer-column p,.home-wheel-copy>p:not(.kicker){color:var(--muted)}
.proof-strip b,.finance-points li::before,.footer-column>strong,.home-wheel-copy .kicker,.home-wheel-price{color:var(--lime-dark)}
.proof-strip div{border-color:var(--line)}.wash-heading strong,.wash-page-link,.home-wheel-call{color:var(--ink)}
.car-inquiry-card,.valuation-card,.tire-hotel-form,#booking-dialog,.booking-close{background:#fffdf6;color:var(--ink);border-color:var(--line);box-shadow:0 12px 40px #5147190c}
.car-inquiry-card p,.car-inquiry-card label,.valuation-card label,.valuation-card label>span,.tire-hotel-form label,.tire-hotel-form label>span,.change-form-intro,.change-time-note,.privacy-note,.tire-hotel-form .form-privacy{color:var(--muted)}
.car-inquiry-fields input,.car-inquiry-fields textarea,.valuation-card input,.valuation-card textarea,.tire-hotel-form input,.tire-hotel-form textarea,.tire-hotel-form select{background:#fff;color:var(--ink);border-color:#bcbfb2}
.form-heading .kicker,.tire-hotel-form .kicker{color:var(--lime-dark)}
.tire-hotel-consent,.change-form-price,.wash-copy-panel,.review-grid article,.partner-card-dark{background:#f5f3e9;color:var(--ink);border-color:var(--line)}
.tire-hotel-consent span{color:var(--muted)!important}.tire-hotel-form .form-privacy a,.change-form-price strong{color:var(--ink)}
.tire-hotel-pricing,.change-how,.tire-hotel-included,.price-result{background:#f0eddd;color:var(--ink)}
.primary-button,.tire-hotel-page .primary-button,.change-page .primary-button,.change-booking .primary-button,.home-wheel-copy .primary-button{background:var(--lime);color:var(--ink)}
.kicker{color:var(--lime-dark)}
.reviews-section,.wash-card,.wash-programs,.wash-program,.wash-payment,.wash-info-panel{background:#f0eddd;color:var(--ink);border-color:var(--line)}
.review-grid article p,.review-grid article footer,.review-grid article strong,.wash-copy-panel p,.wash-copy-panel strong,.wash-card div>p:last-child,.wash-programs-heading>p,.wash-program p,.wash-program-top span,.customer-gallery-heading p,.reviews-section p{color:var(--muted)}
.wash-program-featured{background:var(--lime)}.customer-gallery-heading .kicker,.wash-copy-panel .wash-type,.wash-programs-heading .wash-type{color:var(--lime-dark)}
.hero h1,.tire-hotel-copy h1,.tire-hotel-hero h1,.change-hero h1,.hero .outline-button,.tire-hotel-hero .outline-button,.change-hero .outline-button{color:var(--ink)}
.wash-page-hero{color:var(--ink);background:linear-gradient(90deg,rgba(245,243,233,.96),rgba(245,243,233,.85) 48%,rgba(245,243,233,.5)),url('/assets/wash-automatic.jpeg') center/cover}
.wash-page-hero h1,.wash-page-hero .outline-button{color:var(--ink)}.wash-page-hero h1 em{color:var(--lime-dark)}.wash-page-hero .hero-lead,.wash-page-hero .eyebrow{color:var(--muted)}
.change-hero .eyebrow,.change-hero .kicker{color:var(--lime-dark)}
/* Kundens valgte hovedbilde, bare på forsiden. */
.hero:has(#hero-title){background:var(--paper);isolation:isolate;min-height:560px}
.hero:has(#hero-title)::before{content:'';position:absolute;inset:0 0 0 40%;z-index:-1;background:url('/assets/forside-amarok.png') right center/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 37%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 37%)}
.hero:has(#hero-title) .hero-copy{max-width:52%}
.hero:has(#hero-title) h1{font-size:clamp(42px,5.1vw,76px)}
.hero:has(#hero-title) .hero-lead{max-width:470px}
@media(max-width:700px){.hero:has(#hero-title){padding-top:300px;min-height:0}.hero:has(#hero-title)::before{inset:0 0 auto;height:340px;background-position:center 58%;mask-image:linear-gradient(#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(#000 65%,transparent 100%)}.hero:has(#hero-title) .hero-copy{max-width:100%}.hero:has(#hero-title) h1{font-size:clamp(40px,9.8vw,62px)}}
.hero:has(#hero-title) .hero-brand-card,.hero:has(#hero-title) .hero-badge{display:none}
/* Samme naturlige bildeovergang som forsiden, med egne utsnitt. */
.wash-page-hero{background:var(--paper);position:relative;isolation:isolate;overflow:hidden}
.wash-page-hero::before{content:'';position:absolute;inset:0 0 0 36%;z-index:-1;background:url('/assets/wash-automatic.jpeg') 65% center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 38%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%)}
.wash-page-hero-copy{max-width:52%}
.wash-page-hero h1{font-size:clamp(42px,4.6vw,70px)}
.wash-page-hero .hero-lead{max-width:440px}
@media(max-width:700px){.wash-page-hero{padding-top:300px;min-height:0}.wash-page-hero::before{inset:0 0 auto;height:340px;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}.wash-page-hero-copy{max-width:100%}.wash-page-hero h1{font-size:clamp(40px,9.8vw,62px)}}
.tire-hotel-hero,.change-hero{background:var(--paper);position:relative;isolation:isolate;overflow:hidden}
.tire-hotel-hero::before,.change-hero::before{content:'';position:absolute;inset:0 0 0 36%;z-index:-1;background-size:cover;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,#000 38%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%)}
.tire-hotel-hero::before{background-image:url('/assets/autolinks-tire-hotel.png');background-position:65% center}
.change-hero::before{background-image:url('/assets/autolinks-hjulskift.png');background-position:65% center}
.tire-hotel-copy{max-width:52%}
.tire-hotel-copy h1{font-size:clamp(44px,5.2vw,78px)}
.tire-hotel-copy .hero-lead{max-width:440px}
.change-hero h1{max-width:52%;font-size:clamp(42px,4.6vw,70px)}
.change-hero>p:not(.eyebrow){max-width:440px}
@media(max-width:700px){.tire-hotel-hero,.change-hero{padding-top:300px;min-height:0}.tire-hotel-hero::before,.change-hero::before{inset:0 0 auto;height:340px;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}.tire-hotel-copy,.change-hero h1{max-width:100%}.tire-hotel-copy h1,.change-hero h1{font-size:clamp(40px,9.8vw,62px)}}