/* Compact product detail: scoped to the storefront product page only. */
body.kt-store-mode .kt-detail-layout {
  gap:16px;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);
  align-items:start;
}
body.kt-store-mode .kt-detail-layout .kt-detail-column{gap:12px;}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy > .product-buy.panel{
  padding:16px 18px!important;
  min-height:0;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .kt-product-detail-brand{
  margin:0 0 7px!important;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .kt-product-detail-brand img{
  max-width:160px;
  max-height:54px;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .eyebrow{
  margin:0 0 3px;
  line-height:1.35;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .product-buy h2{
  font-size:clamp(19px,1.65vw,24px)!important;
  line-height:1.24!important;
  margin:2px 0 9px!important;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .price.large{
  margin:0 0 4px!important;
  line-height:1.12;
  font-size:clamp(22px,2vw,28px);
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .price.large .offer-label{
  vertical-align:middle;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .purchase-price-meta{
  margin:0 0 12px!important;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .purchase-info{
  margin:6px 0 12px!important;
  gap:8px 16px;
  line-height:1.42;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .purchase-cart{
  margin:8px 0 8px!important;
  max-width:none;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .purchase-cart-row{
  gap:14px;
  align-items:stretch;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .purchase-cart-row button{
  min-height:48px;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .purchase-add{
  padding:12px 14px!important;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .product-extra-actions{
  margin:10px 0 0!important;
  gap:10px!important;
}
/* The compact page keeps the secondary placeholder hidden; real actions are rendered below the cart. */
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .purchase-secondary{
  display:none!important;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .product-extra-paypal{
  display:none!important;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .kt-product-icon-actions{
  gap:10px!important;
  max-width:none!important;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .kt-product-icon-action{
  min-height:46px!important;
  padding:10px 12px!important;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-description .description{
  margin-top:0!important;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-description .panel,
body.kt-store-mode .kt-detail-layout .kt-detail-block-attributes .panel,
body.kt-store-mode .kt-detail-layout .kt-detail-block-compliance .panel{
  padding:16px 18px;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-description h2,
body.kt-store-mode .kt-detail-layout .kt-detail-block-attributes h2,
body.kt-store-mode .kt-detail-layout .kt-detail-block-compliance h2{
  margin:0 0 9px;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-gallery>.gallery.panel{
  padding:12px!important;
  gap:8px!important;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-gallery .gallery-thumbs{
  gap:6px!important;
}
body.kt-store-mode .kt-detail-layout .kt-detail-block-warranty>.product-eu-warranty{
  padding:14px!important;
}
@media(max-width:850px){
  body.kt-store-mode .kt-detail-layout{grid-template-columns:minmax(0,1fr);gap:12px;}
  body.kt-store-mode .kt-detail-layout .kt-detail-block-buy > .product-buy.panel{padding:14px!important;}
}
@media(max-width:480px){
  body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .product-buy h2{font-size:20px!important;}
  body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .purchase-cart-row{grid-template-columns:110px minmax(0,1fr);gap:7px;}
}

/* Gallery/main image stays bounded by the height of the adjacent purchase panel. */
@media(min-width:851px){
  body.kt-store-mode .kt-detail-layout .kt-detail-block-gallery > .gallery.panel.kt-gallery-height-match{
    height:var(--kt-gallery-height)!important;
    max-height:var(--kt-gallery-height)!important;
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  body.kt-store-mode .kt-detail-layout .kt-detail-block-gallery > .gallery.panel.kt-gallery-height-match > .gallery-main{
    flex:1 1 0!important;
    min-height:0!important;
    max-height:100%!important;
    height:0!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.kt-store-mode .kt-detail-layout .kt-detail-block-gallery > .gallery.panel.kt-gallery-height-match > .gallery-main > img,
  body.kt-store-mode .kt-detail-layout .kt-detail-block-gallery > .gallery.panel.kt-gallery-height-match > .gallery-main > img#gallery-main{
    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;
  }
  body.kt-store-mode .kt-detail-layout .kt-detail-block-gallery > .gallery.panel.kt-gallery-height-match > .gallery-thumbs{
    flex:0 0 auto!important;
    max-height:74px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    margin:0!important;
  }
  body.kt-store-mode .kt-detail-layout .kt-detail-block-gallery .gallery-thumb{
    width:64px!important;
    height:62px!important;
    flex:0 0 64px!important;
  }
}
/* Small screens must use the regular stacked gallery layout. */
@media(max-width:850px){
  body.kt-store-mode .kt-detail-layout .kt-detail-block-gallery > .gallery.panel{
    height:auto!important;max-height:none!important;overflow:visible!important;
  }
}

/* V0.31.21: Kennzeichnungen wie auf den Produktkacheln oben rechts in der Kauf-Kachel. */
body.kt-store-mode .kt-detail-layout .kt-product-buy-badged{
  position:relative!important;
}
body.kt-store-mode .kt-detail-layout .kt-product-buy-badged>.kt-product-badges{
  top:12px!important;right:12px!important;left:auto!important;
  display:flex!important;flex-direction:row-reverse!important;gap:5px!important;
  width:auto!important;max-width:calc(100% - 28px)!important;
  z-index:3!important;
}
body.kt-store-mode .kt-detail-layout .kt-product-buy-badged:has(>.kt-product-badges){
  padding-top:48px!important;
}