/* ALIT – produktove fotografie v kategoriach
   Zoom 112 % + mensie produktove stitky.
   Nezasahuje do detailu produktu ani do kalkulacky.
*/

/* Zoom len produktovych fotografii */
.products-block .p .image img,
.products-block .product .image img {
  transform: scale(1.12) !important;
  transform-origin: center center !important;
  clip-path: inset(5.357%) !important;
}

/* PC: doprava/zlava 75 %, ostatne 85 % */
@media (min-width: 768px) {
  .products-block .p .flags-extra,
  .products-block .product .flags-extra {
    transform: scale(0.75) !important;
    transform-origin: top right !important;
  }

  .products-block .p .flags-default,
  .products-block .product .flags-default {
    transform: scale(0.85) !important;
    transform-origin: top left !important;
  }
}

/* Mobil: doprava/zlava 60 %, ostatne 75 % */
@media (max-width: 767px) {
  .products-block .p .flags-extra,
  .products-block .product .flags-extra {
    transform: scale(0.60) !important;
    transform-origin: top right !important;
  }

  .products-block .p .flags-default,
  .products-block .product .flags-default {
    transform: scale(0.75) !important;
    transform-origin: top left !important;
  }
}

/* =========================================
   ALIT – LOGO A HLAVICKA PC
   Bez prekrývania vyhľadávania
   ========================================= */

@media (min-width: 1200px) {

  /* Hlavný riadok hlavičky */
  #header .header-top {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
  }

  /* Priestor pre logo */
  #header .site-name-wrapper {
    flex: 0 0 400px !important;
    width: 400px !important;
    max-width: 400px !important;
    min-width: 0 !important;
  }

  #header .site-name {
    width: 100% !important;
    overflow: visible !important;
  }

  /* Kvalitné logo bez umelého zväčšenia */
  #header a[data-testid="linkWebsiteLogo"] img {
    content: url("/user/documents/upload/logoDK.jpg") !important;
    display: block !important;
    width: 400px !important;
    max-width: 100% !important;
    height: auto !important;
    transform: none !important;
    object-fit: contain !important;
  }

  /* Vyhľadávanie */
  #header .search {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
  }

  /* Prihlásenie a košík */
  #header .navigation-buttons {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    transform: none !important;
  }
}

/* =====================================
   ALIT – VACSie LOGO NA MOBILE
   PC verzia zostava nezmenena
   ===================================== */

@media (max-width: 767px) {

  /* Priestor pre logo */
  #header .site-name-wrapper {
    width: auto !important;
    max-width: 160% !important;
    overflow: visible !important;
  }

  /* Velkost a kvalita loga */
  #header a[data-testid="linkWebsiteLogo"] img {
    content: url("/user/documents/upload/logoDK.jpg") !important;
    display: block !important;
    width: 220px !important;
    max-width: 160% !important;
    height: auto !important;
    transform: none !important;
    object-fit: contain !important;
  }
}

/* Mensie telefony */
@media (max-width: 380px) {
  #header a[data-testid="linkWebsiteLogo"] img {
    width: 190px !important;
  }
}