/** Shopify CDN: Minification failed

Line 27:6 Expected identifier but found whitespace
Line 27:8 Unexpected "{"
Line 27:17 Expected ":"
Line 27:38 Expected identifier but found "%"
Line 68:14 Expected identifier but found whitespace
Line 68:16 Unexpected "{"
Line 68:25 Expected ":"

**/


/* CSS from section stylesheet tags */
.icon-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

.icon-section__inner {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
  gap: {{ section.settings.icon_gap }}%;
  justify-content: flex-start;
}

.icon-section__block {
  text-align: center;
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: normal;
  padding: 10px; 
  background: none;
  box-sizing: border-box;
  transition: transform 0.3s ease; /* Přidáno pro plynulé zvětšení bloku */
}

.icon-section__block:hover {
  transform: scale(1.05); /* Zvětšení bloku při hoveru */
}

.icon-section__content {
  display: flex;
  gap: 10px; 
  align-items: center;
  transition: transform 0.3s ease; /* Přidáno pro plynulé zvětšení obsahu */
}

.icon-section__block:hover .icon-section__content {
  transform: scale(1.1); /* Zvětšení obsahu při hoveru */
}

.icon-section__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  /* Aplikace vybraného fontu */
  font-family: {{ section.settings.block_text_font }};
  transition: transform 0.3s ease; /* Přidáno pro plynulé zvětšení textu */
}

.icon-section__block:hover .icon-section__text {
  transform: scale(1.05); /* Zvětšení textu při hoveru */
}

.icon-section__block img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: transform 0.3s ease; /* Přidáno pro plynulé zvětšení obrázku */
}

.icon-section__block:hover img {
  transform: scale(1.1); /* Zvětšení obrázku při hoveru */
}

/* Na mobilu dva vedle sebe */
@media (max-width: 767px) {
  .icon-section__inner {
    flex-wrap: wrap;
    gap: 0; /* Bez gap, aby se vešly dva sloupce */
    justify-content: flex-start; 
  }
  
  .icon-section__block {
    flex: 0 0 50%; /* Každý blok zabere přesně půlku řádku */
    max-width: 50%;
    box-sizing: border-box;
    padding: 10px;
  }

  /* Na mobilech může být hover efekt irelevantní, ale můžete přidat jiné efekty pokud je potřeba */
}