/* Biltreff & Motor — samlet mobiloptimalisering, 2026-10-18.
   Lastes sist: PC-temaet og eksisterende klubb-/butikkort beholdes. */
html{overflow-x:clip}
body{overflow-x:clip}
.mobile-menu-toggle{display:none}
.btm-cookie-banner{position:relative;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px clamp(18px,4vw,48px);background:#14233a;border-bottom:1px solid #426ba1;color:#e9f1fc}
.btm-cookie-copy{max-width:760px;min-width:0}
.btm-cookie-copy strong{display:block;font-size:15px;line-height:1.4}
.btm-cookie-copy p{margin:4px 0 0;font-size:13px;line-height:1.55;color:#c2d1e8}
.btm-cookie-copy a,.btm-cookie-settings a,.btm-privacy-copy a:not(.btn){color:#a4cdff;text-decoration:underline;text-underline-offset:2px}
.btm-consent-actions{display:flex;align-items:stretch;gap:10px;flex-shrink:0}
.btm-consent-btn{min-height:44px;border-radius:5px;border:1px solid #7097cd;padding:9px 15px;background:#1d3557;color:#f1f6ff;font:700 13px/1.2 var(--body,Arial,sans-serif);cursor:pointer}
.btm-consent-btn:hover,.btm-consent-btn:focus-visible{outline:2px solid #a5ccff;outline-offset:2px}
.btm-consent-all{background:#214f87;border-color:#7097cd}
.btm-responsive-table{max-width:100%;overflow-x:auto}
.btm-responsive-table table{border-collapse:collapse;width:100%;min-width:540px}
.btm-responsive-table th,.btm-responsive-table td{text-align:left;vertical-align:top;border-bottom:1px solid #34445c;padding:11px 13px;font-size:13px}
.btm-responsive-table th{color:#bddbff}
.btm-privacy-copy h2{margin-top:26px}
.btm-cookie-settings .btm-consent-actions{margin:22px 0}
@media(max-width:1050px){
  .btm-cookie-banner{flex-direction:column;align-items:flex-start;gap:12px}
  .btm-consent-actions{width:100%;max-width:540px}
  .btm-consent-btn{flex:1}
}
@media(max-width:900px){
  .container{padding-left:clamp(18px,4vw,28px);padding-right:clamp(18px,4vw,28px)}
  .top-space{padding-top:42px;padding-bottom:60px;min-height:0}
  .gallery-section{padding-top:45px;padding-bottom:60px}
  .section-head{align-items:flex-start;margin-bottom:22px;gap:12px}
  .section-head h1,.section-head h2,.album-header h1,.narrow h1,.community-intro h1,.community-page>h1{font-size:clamp(36px,5.6vw,54px);line-height:1.03;letter-spacing:.1px;margin:8px 0 12px}
  .eyebrow{font-size:12px;letter-spacing:1.5px}
  .counter strong{font-size:36px}
  .counter small{font-size:10px;letter-spacing:1px}
  .album-grid{gap:16px}
  .album-card .card-copy{padding:17px}
  .card-copy h3{font-size:clamp(23px,3.4vw,30px);line-height:1.12;margin:8px 0 13px}
  .card-date{font-size:12px;letter-spacing:.4px;overflow-wrap:anywhere}
  .card-photos{font-size:12px;padding-top:11px}
  .panel{padding:22px;margin-bottom:18px}
  .panel h2,.admin-list h2{font-size:26px;margin-bottom:16px}
  .admin-row{align-items:flex-start}
  .news-strip{padding:19px 0 23px}
  .news-strip-head h2{font-size:clamp(25px,4vw,35px)}
  .btm-weekend,.btm-featured{margin-block:28px 32px}
  .btm-weekend .section-head,.btm-featured .section-head{margin-bottom:14px}
  .btm-featured-card{grid-template-columns:1fr;gap:0}
  .btm-featured-card>img{height:auto;max-height:340px}
  .btm-featured-card>div{padding:20px}
  .community-page{padding-bottom:45px}
  .community-intro{margin-bottom:25px}
  .community-cards,.community-shop-grid{gap:15px}
  .boss-page h2,.hist-story h2{font-size:clamp(30px,4.5vw,43px)}
  .hist-home-teaser-inner,.hist-footer-cta{padding:23px;gap:15px}
  .hist-home-teaser h2,.boss-teaser h2{font-size:clamp(33px,4.4vw,46px)}
  .boss-intro,.boss-two-col{padding-top:48px;padding-bottom:45px;gap:22px}
  .boss-timeline,.boss-chapter,.hist-special,.hist-compare,.hist-sources{padding-top:38px;padding-bottom:32px}
  .form input,.form select,.form textarea,.btm-search-form input{font-size:16px!important}
  .btn{gap:12px}
}
@media(max-width:700px){
  /* Ren mobilmeny i stedet for mange små lenker i en vannrett stripe. */
  .site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;min-height:65px;height:auto;padding:11px 17px!important}
  .site-header .brand{flex:1 1 auto;min-width:0;gap:8px}
  .site-header .brand-pony{width:41px!important;height:37px!important;flex:none;object-fit:contain}
  .site-header .brand-words{min-width:0}
  .site-header .brand-words strong{display:block;font-size:clamp(17px,5vw,23px)!important;line-height:1;letter-spacing:0!important;white-space:nowrap}
  .site-header .brand-words small{display:block;font-size:9px!important;letter-spacing:.4px!important;white-space:nowrap;margin-top:4px}
  html.has-js .mobile-menu-toggle{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-width:77px;min-height:44px;padding:9px 11px;border:1px solid #5277a5;border-radius:5px;background:#182d4a;color:#e8f3ff;font:800 13px/1 var(--heading,Arial,sans-serif);letter-spacing:.5px}
  .mobile-menu-lines{font-size:20px;line-height:.8}
  .site-header nav{display:flex;flex:1 0 100%;width:100%;max-width:100%;min-width:0;flex-wrap:wrap;overflow:visible;gap:7px;padding:11px 0 3px;margin:0;border-top:1px solid #27394e;white-space:normal;justify-content:stretch;max-height:none}
  html.has-js .site-header nav{display:none}
  html.has-js .site-header.menu-open nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .site-header nav>a,.site-header nav .nav-admin,.site-header nav form,.site-header nav .nav-logout{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:42px;padding:9px 7px!important;margin:0!important;border:1px solid #2a4364;border-radius:4px;background:#152338;font:700 13px/1.2 var(--heading,Arial,sans-serif)!important;letter-spacing:.25px!important;white-space:normal;text-align:center}
  .site-header nav a.active{background:#214775}
  .site-header nav form{padding:0!important}
  .site-header nav .nav-logout{border:0;background:transparent;color:#e9f0f7}
  .site-header nav a:last-child:nth-child(odd),.site-header nav form:last-child:nth-child(odd){grid-column:1/-1}
  .container{padding-left:17px;padding-right:17px}
  .narrow{padding-left:17px;padding-right:17px}
  .top-space{padding-top:27px;padding-bottom:40px}
  .section-head{flex-wrap:wrap;gap:10px;margin-bottom:16px}
  .section-head h1,.section-head h2,.album-header h1,.narrow h1,.community-intro h1,.community-page>h1{font-size:clamp(30px,8.5vw,40px)!important;line-height:1.02!important;letter-spacing:0!important;margin:6px 0 9px;overflow-wrap:anywhere}
  .section-head p{font-size:13px;line-height:1.5}
  .section-head .counter{display:none}
  .section-head .outline-link{max-width:100%}
  .eyebrow{font-size:11px;letter-spacing:1.1px;line-height:1.5}
  p{overflow-wrap:break-word}
  .btn{min-height:44px;font-size:14px;line-height:1.15;gap:10px;letter-spacing:.5px;padding:12px 15px;max-width:100%;white-space:normal;justify-content:center;text-align:center}
  .outline-link{font-size:13px;letter-spacing:.4px}
  .gallery-section{padding-top:32px;padding-bottom:45px}
  .album-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .album-cover{aspect-ratio:1.64}
  .album-card .card-copy{padding:14px 16px 15px}
  .card-copy h3{font-size:24px!important;margin:6px 0 12px!important;line-height:1.12}
  .card-date{font-size:12px}
  .card-photos{letter-spacing:.25px;font-size:12px}
  .cover-placeholder{font-size:46px}
  .hero{height:auto!important;min-height:0!important;padding:44px 17px 34px;background-position:63% 50%!important}
  .hero:before{background:linear-gradient(90deg,#0b101bef 0%,#0b101bd0 65%,#0b101b80 100%)!important;z-index:-1}
  .hero-content{position:relative;top:auto;left:0!important;right:auto!important;transform:none!important;max-width:100%;padding:0;z-index:2}
  .hero-content h1{font-size:clamp(45px,12.3vw,67px)!important;line-height:.91;letter-spacing:-.4px;margin:15px 0 17px}
  .hero-content p{font-size:14px;line-height:1.55;margin:0 0 20px;padding:0;max-width:430px}
  .hero-content p br{display:none}
  .hero-stamp{display:none!important}
  .hero-bottom{position:static;display:none}
  .news-strip-head{align-items:flex-start;flex-wrap:wrap;gap:9px}
  .news-strip-head h2{font-size:28px}
  .news-cards,.news-archive-grid,.community-cards,.community-shop-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}
  .community-home .section-head h2{font-size:32px!important}
  .community-page .community-cards .community-card,.community-page .community-shop-grid>*{min-width:0}
  .panel{padding:17px;margin-bottom:14px}
  .panel h2,.admin-list h2{font-size:23px;line-height:1.13;letter-spacing:0;margin:0 0 13px}
  .panel h3{overflow-wrap:anywhere}
  .form-row{grid-template-columns:minmax(0,1fr);gap:0}
  .form input:not([type=file]),.form select,.form textarea,.btm-search-form input{max-width:100%;min-width:0;font-size:16px!important}
  .form label{font-size:14px;line-height:1.4}
  .admin-row,.contact-message-top,.admin-manual-row{flex-direction:column;align-items:stretch;gap:10px}
  .admin-row .btn,.admin-manual-row .btn{align-self:flex-start}
  .admin-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .album-header{margin:19px 0 22px}
  .album-description{font-size:14px;line-height:1.65}
  .album-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:12px}
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .photo-like{font-size:12px}
  .lightbox .lightbox-share{top:56px;right:9px}
  .lightbox .lightbox-like{bottom:16px}
  .btm-featured-card{grid-template-columns:1fr;gap:0}
  .btm-featured-card>img{height:auto;max-height:260px;object-fit:contain}
  .btm-featured-card>div{padding:15px}
  .btm-featured-card h3{font-size:22px}
  .btm-weekend,.btm-featured{margin-block:24px 31px}
  .btm-weekend .panel{padding:14px 17px}
  .btm-search-form.panel{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px;margin:12px 0 19px}
  .btm-search-form label{font-size:14px;gap:5px}
  .btm-search-form input{min-height:45px}
  .btm-search-form>.btn{width:100%;min-height:46px;justify-content:center}
  .btm-popular-row{font-size:13px;gap:12px}
  .btm-popular-row strong{text-align:right;white-space:nowrap}
  .amacar-stats-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .amacar-stats-cards>div{padding:12px 9px}
  .amacar-stats-cards strong{font-size:28px}
  .amacar-stats-chart{gap:2px}
  .community-page .partner-directory .partner-grid> .partner-card{min-height:0;grid-template-rows:88px minmax(0,1fr) auto;padding:13px}
  .community-page .partner-directory .partner-card>.partner-logo-box{height:88px}
  .community-page .partner-directory .partner-card-content>h3{font-size:23px;min-height:0;margin:7px 0}
  .community-page .amacar-directory-grid>.amacar-directory-card{min-height:0;padding:13px}
  .community-page .amacar-directory-logo{flex-basis:91px;height:91px}
  .community-page .amacar-directory-content h3{font-size:23px}
  .community-page .amacar-directory-content{padding:11px 0 14px}
  .community-detail-placeholder{min-height:130px}
  .hist-home-teaser{padding:20px 0 27px}
  .hist-home-teaser-inner,.hist-footer-cta{flex-direction:column;align-items:stretch;padding:20px;gap:15px}
  .hist-home-teaser h2,.boss-teaser h2{font-size:34px!important}
  .hist-home-teaser-inner .btn,.hist-footer-cta .btn{align-self:flex-start}
  .hist-hero h1{font-size:clamp(42px,10vw,64px)!important;line-height:.98}
  .hist-story h2,.hist-section-top h2,.hist-special h2,.hist-compare h2,.hist-gen-title,.hist-hero .hist-subhead{font-size:clamp(28px,8vw,39px)!important;line-height:1.1}
  .hist-prose p,.hist-story p{font-size:14px;line-height:1.67}
  .hist-aside{position:static;max-height:none}
  .hist-special-grid,.hist-body,.hist-generations,.hist-compare-grid{grid-template-columns:minmax(0,1fr)}
  .hist-special-card{padding:16px}
  .hist-special-card h3{font-size:21px}
  .hist-table-wrap{max-width:100%;overflow-x:auto}
  .boss-page h2{font-size:clamp(30px,8.5vw,41px)!important;line-height:1.05;margin:10px 0 15px}
  .boss-hero{min-height:0}
  .boss-hero>.boss-hero-content{width:100%;padding:25px 17px 16px}
  .boss-hero h1{font-size:clamp(54px,12vw,75px)!important;line-height:.86;margin:10px 0 16px}
  .boss-hero p{font-size:14px;line-height:1.62}
  .boss-hero .boss-hero-fade{height:250px!important;padding:0 15px}
  .boss-nav{gap:10px;flex-wrap:wrap;padding-block:12px}
  .boss-nav span{flex-basis:100%;margin:0}
  .boss-nav a{font-size:13px;padding:6px 0}
  .boss-intro,.boss-two-col{grid-template-columns:minmax(0,1fr);padding-block:35px;gap:18px}
  .boss-timeline-grid,.boss-tech-grid{grid-template-columns:minmax(0,1fr);gap:13px}
  .boss-story{padding:18px}
  .boss-year{font-size:45px}
  .boss-stats>div{min-height:110px;padding:16px}
  .boss-photo-band{padding:20px 17px}
  .boss-teaser{padding-bottom:35px}
  .boss-teaser-inner{grid-template-columns:minmax(0,1fr)}
  .boss-teaser-copy{padding:20px;border-left-width:3px}
  .boss-teaser-photo{min-height:180px;max-height:300px}
  .footer{flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:25px 17px;gap:11px;font-size:11px;letter-spacing:.45px}
  .footer span:first-child{font-size:15px}
  .footer-pony{height:29px;width:44px}
  .btm-cookie-banner{
    position:fixed;z-index:100;left:10px;right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    max-height:75dvh;overflow-y:auto;margin:0 auto;
    border:1px solid #547eaf;border-radius:10px;
    background:#14233a;box-shadow:0 10px 40px #000b;
    padding:14px 16px;gap:12px;max-width:500px;
  }
  .btm-cookie-copy strong{font-size:14px}
  .btm-cookie-copy p{font-size:12px}
  .btm-consent-actions{width:100%;max-width:none;gap:8px}
  .btm-consent-btn{padding:10px 8px;font-size:12px;min-height:46px}
  .btm-cookie-settings .btm-consent-actions{margin:18px 0}
  .btm-privacy-copy h2{margin-top:22px}
  .btm-share{gap:7px;font-size:12px}
  .btm-share a,.btm-share button{font-size:12px;min-height:42px}
}
@media(max-width:380px){
  .site-header .brand-words strong{font-size:16px!important}
  .site-header .brand-words small{font-size:8px!important}
  .site-header .brand-pony{width:34px!important}
  .mobile-menu-toggle{min-width:64px!important;font-size:11px!important;padding:7px!important}
  .hero-content h1{font-size:43px!important}
  .section-head h1,.section-head h2,.album-header h1,.narrow h1,.community-intro h1,.community-page>h1{font-size:31px!important}
  .btm-consent-actions{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-toggle{transition:none}}