/* Motorhuset 2026-09-26 grid-v3: approved visual overlay; CMS owns data and interaction. */
#senastefordonsektion {--bo-slider-card-media-ratio:16/10;--bo-card-media-bg:#181b1f;}
#senastefordonsektion .bo-slider-card {position:relative;background:#181b1f;color:#fff;border:0;box-shadow:none;isolation:isolate;}
#senastefordonsektion .bo-slider-card__img {transform:scale(1.01);transform-origin:center;transition:transform .6s ease;}
#senastefordonsektion .bo-slider-card__content {position:absolute;inset:auto 0 0;z-index:2;display:block;width:100%;margin:0;padding:4rem 1rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.72) 38%,rgba(0,0,0,.36) 68%,transparent);color:#fff;text-align:center;pointer-events:none;}
#senastefordonsektion .bo-slider-card__title {display:block;width:100%;margin:0;color:#fff;text-align:center;font-size:1.25rem;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto;}
#senastefordonsektion .bo-slider-card__price-row {justify-content:center;align-items:baseline;gap:.5rem;flex-wrap:wrap;text-align:center;margin:.35rem 0 0;}
#senastefordonsektion .bo-slider-card__price {color:#fff;line-height:1.2;}
#senastefordonsektion .bo-slider-card__monthly {color:#ff2300;line-height:1.2;}
#senastefordonsektion :is(.bo-slider-card,.bo-slider-card__title,.bo-slider-card__media-link):focus-visible {outline:3px solid #ff7964;outline-offset:-3px;}
@media (hover:hover) and (pointer:fine) {
 #senastefordonsektion .bo-slider-card__price-row {max-height:0;opacity:0;visibility:hidden;overflow:hidden;transform:translateY(8px);transition:opacity .25s ease,max-height .25s ease,transform .25s ease;}
 #senastefordonsektion .bo-slider-card:is(:hover,:focus-within) .bo-slider-card__price-row {max-height:6rem;opacity:1;visibility:visible;transform:translateY(0);}
 #senastefordonsektion .bo-slider-card:is(:hover,:focus-within) .bo-slider-card__img {transform:scale(1.07);}
}
@media(min-width:1400px){#container2 .bo-senastefordonslider-container {max-width:1440px;}}
@media(max-width:767.98px){
 #senastefordonsektion {--bo-slider-card-media-ratio:4/3;}
 #senastefordonsektion .bo-slider-card__price-row {max-height:none;opacity:1;visibility:visible;transform:none;}
 #senastefordonsektion .bo-grid-mobile-swiper {position:relative;}
 #senastefordonsektion .bo-grid-mobile-swiper::before {content:"";position:absolute;top:0;right:0;bottom:0;width:4.5rem;z-index:5;pointer-events:none;background:linear-gradient(to left,rgba(0,0,0,.32),transparent);}
 #senastefordonsektion .bo-grid-mobile-swiper::after {content:"Svep ›";position:absolute;right:.875rem;top:50%;z-index:6;pointer-events:none;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:999px;background:rgba(31,31,31,.78);color:#fff;border:1px solid rgba(255,255,255,.14);font-size:.8rem;font-weight:600;line-height:1;backdrop-filter:blur(12px);animation:mhSwipeHintMove 1.6s ease-in-out infinite;}
}
@keyframes mhSwipeHintMove {0%,100%{transform:translateY(-50%) translateX(0);}50%{transform:translateY(-50%) translateX(.35rem);}}
@media(prefers-reduced-motion:reduce){#senastefordonsektion *,#senastefordonsektion *::before,#senastefordonsektion *::after{transition:none!important;animation:none!important;}}