/* Reserve the existing hero's exact proportions before either slide loads. */
#carousel .carousel-inner:has(img[width="1920"][height="940"])::before{content:"";display:block;padding-top:calc((100% - 20px) * .4895833333 + 6.5px)}
#carousel .carousel-inner:has(img[width="1800"][height="2800"])::before{content:"";display:block;padding-top:calc((100% - 20px) * 1.5555555556 + 6.5px)}
#carousel .carousel-inner:has(img[width="1920"][height="940"]),#carousel .carousel-inner:has(img[width="1800"][height="2800"]){position:relative}
#carousel .carousel-inner:has(img[width="1920"][height="940"])>.slick-list,#carousel .carousel-inner:has(img[width="1920"][height="940"])>.item,#carousel .carousel-inner:has(img[width="1800"][height="2800"])>.slick-list,#carousel .carousel-inner:has(img[width="1800"][height="2800"])>.item{position:absolute;inset:0}
#carousel button.dm.carousel-control{border:0;background:transparent;padding:0}
@media(max-width:767px){
#carousel .carousel-inner:has(img[width="1920"][height="940"])::before{padding-top:calc(100% * .4895833333 + 5.5px)}
#carousel .carousel-inner:has(img[width="1800"][height="2800"])::before{padding-top:calc(100% * 1.5555555556 + 5.5px)}
}

/* Intrinsic ratio of the existing logo, before its image bytes arrive. */
#header .site-name img[src*="/user/logos/aktu__ln__.png"]{aspect-ratio:1320 / 400}

/* Keep the native 1024 x 768 product image slot while CloudZoom loads. */
.p-image:has(.p-main-image>img[width="1024"][height="768"]){aspect-ratio:4 / 3}

@media(min-width:768px){#header .site-name img[src*="/user/logos/aktu__ln__.png"]{width:100%;height:auto}}