/* Homepage TOP Artikel; retain the existing service and system-guide layout. */
body.home #cds-home-recovered .cds-start-highlights{min-width:0}
body.home #cds-home-recovered #cds-top-artikel[hidden]{display:none!important}
body.home #cds-home-recovered .cds-top-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
body.home #cds-home-recovered .cds-top-heading h2{margin:0 0 4px;font-size:24px;color:#000}
body.home #cds-home-recovered .cds-top-heading p{margin:0;font-size:13px;color:#675971}
body.home #cds-home-recovered .cds-top-controls,body.home #cds-home-recovered .cds-top-swipe{display:none}
body.home #cds-home-recovered .cds-start-highlights .cds-start-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}
body.home #cds-home-recovered .cds-start-highlights .cds-start-product{position:relative;display:flex;flex-direction:column;min-width:0}
body.home #cds-home-recovered .cds-start-highlights .cds-start-product-photo{position:relative;display:flex;align-items:center;justify-content:center;height:180px;min-height:0;padding:10px 10px 34px;overflow:hidden;background:#fff;border-bottom:1px solid #eee6f3}
body.home #cds-home-recovered .cds-top-media{position:relative;display:block;width:100%;height:100%;overflow:hidden}
body.home #cds-home-recovered .cds-top-media .cds-home-picture>img{display:block;width:100%;height:100%;object-fit:contain}
body.home #cds-home-recovered .cds-top-media-display-plain .cds-home-picture>img{position:absolute;width:170%;height:170%;max-width:none;left:-35%;top:-35%;object-fit:contain}
body.home #cds-home-recovered .cds-top-media-module{aspect-ratio:4/3;height:auto;max-width:210px}
body.home #cds-home-recovered .cds-top-media-module .cds-home-picture>img{position:absolute;width:150%;max-width:none;height:auto;left:-50%;top:-52%}
body.home #cds-home-recovered .cds-top-media-dashcam{aspect-ratio:5/2.8;height:auto;max-width:230px}
body.home #cds-home-recovered .cds-top-media-dashcam .cds-home-picture>img{position:absolute;width:100%;height:auto;max-width:none;left:0;top:0}
body.home #cds-home-recovered .cds-start-highlights .cds-start-product-photo>img.cds-top-brand{position:absolute;right:8px;bottom:7px;width:96px;height:24px;object-fit:contain}
body.home #cds-home-recovered .cds-start-highlights .cds-start-product-body{padding:12px}
body.home #cds-home-recovered .cds-start-highlights h3{font-size:16px;min-height:42px;line-height:1.3}
body.home #cds-home-recovered .cds-start-highlights .cds-start-meta{min-height:34px}
body.home #cds-home-recovered .cds-start-highlights .cds-start-spec{min-height:50px;font-size:11px}
body.home #cds-home-recovered .cds-start-highlights .cds-start-price{font-size:22px;line-height:1.35;overflow-wrap:anywhere}
body.home #cds-home-recovered .cds-start-highlights .cds-start-price ins{background:none;text-decoration:none}
body.home #cds-home-recovered .cds-start-highlights .cds-start-price del{font-size:14px;font-weight:400;color:#675971}
body.home #cds-home-recovered .cds-start-highlights .cds-start-cta{min-height:44px}
body.home #cds-home-recovered #cds-top-products:focus-visible{outline:3px solid #6f2dbd;outline-offset:4px}
@media(min-width:851px) and (max-width:1100px){body.home #cds-home-recovered .cds-start-highlights .cds-start-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 body.home #cds-home-recovered .cds-top-heading{margin-bottom:8px}
 body.home #cds-home-recovered .cds-top-heading h2{font-size:20px}
 body.home #cds-home-recovered .cds-top-heading p{font-size:12px}
 body.home #cds-home-recovered .cds-top-controls{display:flex;flex:none;gap:6px}
 body.home #cds-home-recovered .cds-top-controls button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #d9c6e9;border-radius:6px;background:#6f2dbd;color:#fff;font-size:22px;cursor:pointer}
 body.home #cds-home-recovered .cds-top-controls button:disabled{background:#f5effa;color:#8c789b;cursor:default}
 body.home #cds-home-recovered .cds-top-controls button:focus-visible{outline:3px solid #6f2dbd;outline-offset:3px}
 body.home #cds-home-recovered .cds-top-swipe{display:block;margin:0 0 8px;font-size:12px;color:#675971}
 body.home #cds-home-recovered .cds-start-highlights .cds-start-products{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(76vw,280px);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:3px;align-items:stretch;flex:none;padding:3px 3px 12px;max-width:100%;scrollbar-width:thin;scrollbar-color:#6f2dbd #eee6f3}
 body.home #cds-home-recovered .cds-start-highlights .cds-start-product{display:flex;flex-direction:column;scroll-snap-align:start}
 body.home #cds-home-recovered .cds-start-highlights .cds-start-product-photo{height:160px;min-height:0}
 body.home #cds-home-recovered .cds-start-highlights .cds-start-product-body{padding:12px}
 body.home #cds-home-recovered .cds-start-highlights h3{font-size:16px;min-height:42px}
 body.home #cds-home-recovered .cds-start-highlights .cds-start-meta{font-size:12px;min-height:34px}
 body.home #cds-home-recovered .cds-start-highlights .cds-start-spec{font-size:11px;min-height:46px}
 body.home #cds-home-recovered .cds-start-highlights .cds-start-price{font-size:21px}
}

/* Desktop: use the space below service for the existing system guides. */
@media(min-width:1200px){
 body.home #cds-home-recovered{display:grid;grid-template-columns:minmax(330px,1.1fr) minmax(0,2fr);grid-template-rows:auto 1fr;gap:18px 24px;align-items:start}
 body.home #cds-home-recovered .cds-start-main{display:contents}
 body.home #cds-home-recovered .cds-start-services{grid-column:1;grid-row:1;min-width:0}
 body.home #cds-home-recovered .cds-start-services details{height:auto}
 body.home #cds-home-recovered .cds-start-highlights{grid-column:2;grid-row:1 / span 2;align-self:start}
 body.home #cds-home-recovered .cds-start-discover{grid-column:1;grid-row:2;min-width:0;margin:0;padding-top:16px}
 body.home #cds-home-recovered .cds-start-discover-heading{display:block;margin-bottom:12px}
 body.home #cds-home-recovered .cds-start-discover-heading h2{font-size:18px;margin:0 0 5px}
 body.home #cds-home-recovered .cds-start-discover-heading>span{display:block;font-size:11px;line-height:1.5}
 body.home #cds-home-recovered .cds-start-discover-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
 body.home #cds-home-recovered .cds-start-discover-card{grid-column:span 2}
 body.home #cds-home-recovered .cds-start-discover-category{grid-column:span 3}
 body.home #cds-home-recovered .cds-start-discover-card>.cds-home-picture>img,
 body.home #cds-home-recovered .cds-start-category-photo{aspect-ratio:16/9}
 body.home #cds-home-recovered .cds-start-category-photo{height:136px;aspect-ratio:auto}
 body.home #cds-home-recovered .cds-start-discover-copy{padding:9px;gap:4px}
 body.home #cds-home-recovered .cds-start-discover-copy strong{font-size:14px}
 body.home #cds-home-recovered .cds-start-discover-copy>span{font-size:11px}
 body.home #cds-home-recovered .cds-start-discover-copy b{font-size:11px;padding-top:5px}
}
/* Medium desktop/tablet: compact full-width sections prevent unequal column gaps. */
@media(min-width:768px) and (max-width:1199px){
 body.home #cds-home-recovered .cds-start-main{display:flex;flex-direction:column;gap:20px}
 body.home #cds-home-recovered .cds-start-services{order:0;width:100%}
 body.home #cds-home-recovered .cds-start-highlights{order:1;width:100%}
 body.home #cds-home-recovered .cds-start-services details{height:auto}
 body.home #cds-home-recovered .cds-start-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 body.home #cds-home-recovered .cds-start-service-wide{grid-column:span 2}
 body.home #cds-home-recovered .cds-start-highlights .cds-start-products{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.home #cds-home-recovered .cds-start-discover-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 body.home #cds-home-recovered .cds-start-discover-card{grid-column:auto}
 body.home #cds-home-recovered .cds-start-discover-copy{padding:10px}
 body.home #cds-home-recovered .cds-start-discover-copy strong{font-size:14px}
}