/* ================================================================
   KARNAS WINTER EDITORIAL V28 — header seam + product photography
   This CSS only overrides presentation. Qukasoft data/commerce untouched.
   ================================================================ */

/* 01. Top announcement meets the header with NO black/gap/border strip. */
.khs-shell, .khs-shell .khs-announcement,
.khs-shell .khs-header-v26, .khs-shell .khs-header-row{
    margin-block:0!important;
    border-top:0!important;
    box-shadow:none!important;
}
.khs-shell .khs-announcement{
    padding-block:0!important;
    border:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
}
.khs-shell .khs-announcement::before,
.khs-shell .khs-announcement::after,
.khs-shell .khs-header-v26::before,
.khs-shell .khs-header-v26::after{
    content:none!important;
    display:none!important;
}
.khs-shell.khs-home:not(.khs-scrolled) .khs-header-v26{
    background:transparent!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
}
.khs-shell.khs-home:not(.khs-scrolled){
    background:transparent!important;
    box-shadow:none!important;
}
.khs-shell.khs-scrolled{background:#fff!important}
.khs-shell.khs-scrolled .khs-header-v26{
    background:#fff!important;
    border-top:0!important;
    box-shadow:none!important;
}
/* The homepage's fixed header must not leave an empty spacer before the video. */
body:has(.kv26 .hero) .khs-header-spacer,
body:has(.kv26 .hero) [data-khs-header-spacer]{height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}
/* Remove an accidental seam from the first block wrapper. */
body:has(.kv26 .hero) .kv26.kv26-fullbleed:first-child{margin-top:0!important;border-top:0!important}

/* 02. White, undistorted, consistent product media in category/product cards. */
.card-product.kh24-product .kh24-product-media,
.card-product.kh24-product .kh24-product-media .kh24-image,
.card-product.kh24-product .kh24-product-media .kh24-image>.image{
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
}
.card-product.kh24-product .kh24-product-media{aspect-ratio:4/5!important;overflow:hidden!important}
.card-product.kh24-product .kh24-product-media .kh24-image>.image{
    display:grid!important;place-items:center!important;padding:clamp(8px,5%,26px)!important;
}
.card-product.kh24-product .kh24-product-media .kh24-image .image img,
.card-product.kh24-product .kh24-product-media .kh24-image .image picture img{
    display:block!important;width:100%!important;height:100%!important;
    max-width:100%!important;max-height:100%!important;
    object-fit:contain!important;object-position:center!important;
    mix-blend-mode:normal!important;
}
.card-product.kh24-product .kh24-product-video video{background:#fff!important;object-fit:contain!important}
.kh24-list-card .image-wrapper{background:#fff!important}
.kh24-list-card .image-wrapper img{object-fit:contain!important;object-position:center!important}

/* 03. Product details: a single large principal photograph + a refined thumbnail strip.
   Keep native Fancybox links and Parla's mobile carousel untouched. */
#product-profile-carousel.product-carousel-desktop{
    background:#fff!important;border:0!important;box-shadow:none!important;
    width:100%!important;min-width:0!important;margin:0!important;
}
#product-profile-carousel.product-carousel-desktop>.carousel-outer{
    position:relative!important;background:#fff!important;border:0!important;overflow:visible!important;
}
#product-profile-carousel.product-carousel-desktop .carousel-inner{
    position:relative!important;overflow:visible!important;background:#fff!important;
}
#product-profile-carousel.product-carousel-desktop .carousel-inner>.row{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;margin:0!important;width:100%!important;
}
#product-profile-carousel.product-carousel-desktop .carousel-inner>.row>[class*="col-"]{
    padding:0!important;margin:0!important;max-width:none!important;width:auto!important;
    flex:none!important;min-width:0!important;
}
#product-profile-carousel.product-carousel-desktop .carousel-inner>.row>[class*="col-"]:first-child{
    grid-column:1/-1!important;
}
#product-profile-carousel.product-carousel-desktop .carousel-item{
    display:block!important;position:relative!important;overflow:hidden!important;
    background:#fff!important;border:0!important;box-shadow:none!important;
    width:100%!important;aspect-ratio:1/1!important;padding:0!important;
}
#product-profile-carousel.product-carousel-desktop .carousel-inner>.row>[class*="col-"]:first-child .carousel-item{
    aspect-ratio:1/1!important;max-height:min(70vh,760px)!important;
    background:#fff!important;
}
#product-profile-carousel.product-carousel-desktop .carousel-item>a,
#product-profile-carousel.product-carousel-desktop .carousel-item>.video{
    width:100%!important;height:100%!important;display:grid!important;place-items:center!important;
    background:#fff!important;padding:4%!important;box-sizing:border-box!important;
    text-decoration:none!important;
}
#product-profile-carousel.product-carousel-desktop .carousel-item>a img,
#product-profile-carousel.product-carousel-desktop .carousel-item>a picture img,
#product-profile-carousel.product-carousel-desktop .carousel-item video{
    display:block!important;width:100%!important;height:100%!important;
    max-width:100%!important;max-height:100%!important;object-fit:contain!important;
    object-position:center!important;background:#fff!important;mix-blend-mode:normal!important;
    transition:transform .35s ease;
}
#product-profile-carousel.product-carousel-desktop .carousel-inner>.row>[class*="col-"]:not(:first-child) .carousel-item{
    border:1px solid #e9eeea!important;cursor:zoom-in;
}
#product-profile-carousel.product-carousel-desktop .carousel-inner>.row>[class*="col-"]:not(:first-child) .carousel-item:hover img{
    transform:scale(1.035);
}
#product-profile-carousel.product-carousel-desktop .product-actions{z-index:5!important}

/* Native Qukasoft mobile gallery: one full image, then thumb indicators. */
.product-carousel-mobile{width:100%!important;max-width:100%!important;overflow:hidden!important;background:#fff!important}
.product-carousel-mobile .carousel-outer,
.product-carousel-mobile .carousel-inner,
.product-carousel-mobile .carousel-item{
    background:#fff!important;border:0!important;box-shadow:none!important;
}
.product-carousel-mobile .carousel-inner .carousel-item{
    width:100%!important;aspect-ratio:1/1!important;overflow:hidden!important;
}
.product-carousel-mobile .carousel-inner .carousel-item a,
.product-carousel-mobile .carousel-inner .carousel-item .video{
    display:grid!important;place-items:center!important;width:100%!important;height:100%!important;padding:5%!important;
}
.product-carousel-mobile .carousel-item img,
.product-carousel-mobile .carousel-item video{
    display:block!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;
    object-fit:contain!important;object-position:center!important;background:#fff!important;
}
.product-carousel-mobile .carousel-indicators{display:flex!important;gap:9px!important;justify-content:flex-start!important;overflow-x:auto!important;max-width:100%!important;margin:14px 0 0!important;padding:3px 0 9px!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;scrollbar-width:thin}
.product-carousel-mobile .carousel-indicators li{
    flex:0 0 68px!important;width:68px!important;height:74px!important;
    margin:0!important;display:grid!important;place-items:center!important;
    padding:4px!important;background:#fff!important;border:1px solid #e8ece8!important;
    border-radius:0!important;box-shadow:none!important;text-indent:0!important;
}
.product-carousel-mobile .carousel-indicators li.active{border-color:#294638!important}
.product-carousel-mobile .carousel-indicators li img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important}

@media(max-width:767px){
 #product-profile-carousel.product-carousel-desktop{display:none!important}
 .product-carousel-mobile{display:block!important}
 .product-carousel-mobile .carousel-indicators li{flex-basis:60px!important;width:60px!important;height:65px!important}
 .card-product.kh24-product .kh24-product-media .kh24-image>.image{padding:7%!important}
}
@media(min-width:768px){
 .product-carousel-mobile{display:none!important}
 #product-profile-carousel.product-carousel-desktop{display:block!important}
}
@media(prefers-reduced-motion:reduce){
 #product-profile-carousel.product-carousel-desktop .carousel-item img{transition:none!important}
}