@import url('https://cdn.myshoptet.com/usr/754729.myshoptet.com/user/documents/upload/files/tm-ambient8.css');

/* Apollo can move the action from .p-tools to .product-btn after a catalogue update. */
body #content .products-block > .product > .p {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
}

body #content .products-block > .product > .p :is(.p-in, .p-bottom),
body #content .products-block > .product > .p .p-bottom > [data-micro="offer"] {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  max-width: 100%;
}

body #content .products-block > .product > .p .p-bottom > [data-micro="offer"] {
  gap: 6px;
}

body #content .products-block > .product > .p .p-bottom :is(.prices, .p-tools, .p-desc) {
  flex: 0 0 auto;
  margin: 0;
  min-width: 0;
  max-width: 100%;
}

body #content .products-block > .product > .p :is(.name, .availability, .prices) {
  overflow-wrap: anywhere;
}

body #content .products-block > .product > .p .p-bottom .p-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: none;
  overflow: hidden;
}

body #content .products-block > .product > .p > .product-btn,
body #content .products-block > .product > .p .p-tools:has(.btn) {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  order: 1;
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: auto 0 0;
  padding: 10px 0 0;
  text-align: center;
}

body #content .products-block > .product > .p :is(.product-btn, .p-tools) .pr-action {
  max-width: min(100%, 180px);
  margin-inline: auto;
}

body #content .products-block > .product > .p :is(.product-btn, .p-tools) .btn {
  box-sizing: border-box;
  /* Keep the action above the full-card product link without taking it out of flow. */
  position: relative !important;
  z-index: 6;
  inset: auto !important;
  transform: none !important;
  width: min(100%, 180px);
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  height: auto;
  justify-content: center;
  padding-inline: clamp(6px, 1.2vw, 14px);
  white-space: normal;
  overflow-wrap: anywhere;
}

body #content .products-block > .product > .p > .image > .flags-default {
  top: 4px;
  left: 4px;
  max-width: calc(100% - 8px);
}

@media (max-width: 767px) {
  body #content .products-block > .product > .p {
    padding-bottom: 12px;
  }
}



/* Category thumbnails */
#content .subcategories a[href="/hrubovrstve-lazury-na-drevo/"] .image img {
  content: url("https://cdn.myshoptet.com/usr/754729.myshoptet.com/user/documents/upload/files/tatrametal-pp-kategoria-2463-hrubovrstve-lazury-obal-v2.jpg");
}
#content .subcategories a[href="/silikony/"] .image img {
  content: url("https://cdn.myshoptet.com/usr/754729.myshoptet.com/user/documents/upload/files/tatrametal-pp-kategoria-2457-silikony-obal-v2.jpg");
}