/* KAEMTECH V0.31.321 – Mobile product ordering & visible quickview eyes. */
/* Both composer columns are flattened ONLY on phone/tablet layouts.
   The same existing blocks and forms remain in the DOM, without cloning. */
@media (max-width:850px) {
 html body.kt-store-mode .kt-detail-layout {
   display:grid!important;
   grid-template-columns:minmax(0,1fr)!important;
   align-items:start!important;
   gap:12px!important;
 }
 html body.kt-store-mode .kt-detail-layout > .kt-detail-column {
   display:contents!important;
 }
 html body.kt-store-mode .kt-detail-layout > .kt-detail-column > .kt-detail-block {
   min-width:0!important;
   max-width:100%!important;
 }
 html body.kt-store-mode .kt-detail-layout .kt-detail-block-gallery{order:10!important;}
 html body.kt-store-mode .kt-detail-layout .kt-detail-block-buy{order:20!important;}
 html body.kt-store-mode .kt-detail-layout .kt-detail-block-description{order:30!important;}
 html body.kt-store-mode .kt-detail-layout .kt-detail-block-attributes{order:40!important;}
 html body.kt-store-mode .kt-detail-layout .kt-detail-block-compliance{order:50!important;}
 html body.kt-store-mode .kt-detail-layout .kt-detail-block-warranty{order:60!important;}
 html body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .purchase-cart,
 html body.kt-store-mode .kt-detail-layout .kt-detail-block-buy .purchase-cart-row {
   width:100%!important;
 }
}
/* Eyes must not inherit white button text from active theme / button controls.
   Applies to catalogue tiles, home carousel and composer mosaic tiles. */
html body.kt-store-mode .kt-shopping-card .product-picture.kt-card-image-area > button.kt-card-quickview,
html body.kt-store-mode .kt-shopping-card .product-picture.kt-card-image-area > button.kt-card-quickview.kt-card-interactive,
html body.kt-store-mode .kt-composer-public .kt-c-mosaic-cell-products .kt-c-mosaic-product-card .kt-c-mosaic-product-media > button.kt-c-mosaic-quickview {
 color:#24364e!important;
 -webkit-text-fill-color:#24364e!important;
 background:transparent!important;
 opacity:1!important;
 visibility:visible!important;
 text-shadow:none!important;
}
html body.kt-store-mode .kt-shopping-card .product-picture.kt-card-image-area > button.kt-card-quickview svg,
html body.kt-store-mode .kt-shopping-card .product-picture.kt-card-image-area > button.kt-card-quickview svg *,
html body.kt-store-mode .kt-composer-public .kt-c-mosaic-cell-products .kt-c-mosaic-product-card .kt-c-mosaic-product-media > button.kt-c-mosaic-quickview svg,
html body.kt-store-mode .kt-composer-public .kt-c-mosaic-cell-products .kt-c-mosaic-product-card .kt-c-mosaic-product-media > button.kt-c-mosaic-quickview svg * {
 stroke:#24364e!important;
 fill:none!important;
 opacity:1!important;
 visibility:visible!important;
}
html body.kt-store-mode .kt-shopping-card .product-picture.kt-card-image-area > button.kt-card-quickview:hover,
html body.kt-store-mode .kt-composer-public .kt-c-mosaic-cell-products .kt-c-mosaic-product-card .kt-c-mosaic-product-media > button.kt-c-mosaic-quickview:hover {
 color:#154f83!important;
}
html body.kt-store-mode .kt-shopping-card .product-picture.kt-card-image-area > button.kt-card-quickview:focus-visible,
html body.kt-store-mode .kt-composer-public .kt-c-mosaic-cell-products .kt-c-mosaic-product-card .kt-c-mosaic-product-media > button.kt-c-mosaic-quickview:focus-visible {
 outline:2px solid #154f83!important;
 outline-offset:2px!important;
}

/* V0.31.322: Die Schnellvorschau zeichnet ihr SVG unabhaengig von den
   Theme- und Button-Textfarben. Gilt fuer alle Katalog-, Carousel- und
   Composer-Kacheln, auch falls der DOM-Wrapper abweicht. */
html body.kt-store-mode button[data-kt-quickview-open] {
  color:#203b59!important;
  -webkit-text-fill-color:#203b59!important;
  opacity:1!important;
  visibility:visible!important;
}
html body.kt-store-mode button[data-kt-quickview-open] svg.kt-eye-contrast,
html body.kt-store-mode button[data-kt-quickview-open] svg.kt-eye-contrast path,
html body.kt-store-mode button[data-kt-quickview-open] svg.kt-eye-contrast circle,
html body.kt-store-mode button[data-kt-quickview-open] svg:not(.kt-eye-contrast),
html body.kt-store-mode button[data-kt-quickview-open] svg:not(.kt-eye-contrast) path,
html body.kt-store-mode button[data-kt-quickview-open] svg:not(.kt-eye-contrast) circle {
  color:#203b59!important;
  stroke:#203b59!important;
  fill:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body.kt-store-mode button[data-kt-quickview-open] svg {
  display:block!important;
  width:24px!important;
  height:24px!important;
  flex-shrink:0!important;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.9))!important;
}
html body.kt-store-mode button[data-kt-quickview-open]:hover svg,
html body.kt-store-mode button[data-kt-quickview-open]:focus-visible svg,
html body.kt-store-mode button[data-kt-quickview-open]:hover svg *,
html body.kt-store-mode button[data-kt-quickview-open]:focus-visible svg * {
  color:#13558b!important;
  stroke:#13558b!important;
}

/* V0.31.323: identical vector geometry in catalogue, carousel and composer.
   No inherited transforms or nonuniform scaling of eye/pupil. */
html body.kt-store-mode button[data-kt-quickview-open] svg.kt-eye-contrast {
  display:block!important;width:24px!important;height:24px!important;
  min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;
  flex:0 0 24px!important;aspect-ratio:1 / 1!important;
  transform:none!important;transform-origin:center center!important;
  overflow:visible!important;vector-effect:none;
}
html body.kt-store-mode button[data-kt-quickview-open] svg.kt-eye-contrast path,
html body.kt-store-mode button[data-kt-quickview-open] svg.kt-eye-contrast circle {
  transform:none!important;transform-origin:12px 12px!important;
  stroke:#203b59!important;fill:none!important;stroke-width:2!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
html body.kt-store-mode button[data-kt-quickview-open]:hover svg.kt-eye-contrast path,
html body.kt-store-mode button[data-kt-quickview-open]:hover svg.kt-eye-contrast circle {stroke:#13558b!important;}