/* Eurotrimex visual refresh - separate CSS layer
   Keeps the existing WordPress setup and product scripts.
   Partner section keeps the desktop layout; mobile grid is adjusted. */

:root {
  --etx-blue: #1f40ab;
  --etx-blue-2: #123a92;
  --etx-navy: #101828;
  --etx-red: #d72028;
  --etx-ink: #101828;
  --etx-text: #344054;
  --etx-muted: #667085;
  --etx-line: #d9e2ec;
  --etx-soft: #f4f7fb;
  --etx-soft-blue: #edf5ff;
  --etx-white: #ffffff;
  --etx-radius: 12px;
  --etx-shadow: 0 18px 45px rgba(16, 24, 40, 0.12);
  --etx-shadow-soft: 0 10px 28px rgba(16, 24, 40, 0.08);
  --etx-width: min(1180px, calc(100vw - 40px));
}


/* Inner pages: products, about and contact */
body.page-id-15 .entry-content,
body.page-id-11 .entry-content,
body.page-id-13 .entry-content {
  overflow: visible;
  background: #f8fafc;
}

/* Products catalog */
body.page-id-15 .entry-content > .wp-block-cover:first-child {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 72px 20px 54px !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--etx-line);
}

body.page-id-15 .entry-content > .wp-block-cover:first-child .wp-block-cover__background,
body.page-id-15 .entry-content > .wp-block-cover:first-child .wp-block-cover__image-background {
  display: none !important;
}

body.page-id-15 .entry-content > .wp-block-cover:first-child .wp-block-cover__inner-container > .wp-block-group {
  height: auto !important;
  min-height: 0 !important;
}

body.page-id-15 ._mainHeader {
  margin: 0 !important;
  color: var(--etx-ink) !important;
  font-size: clamp(38px, 4vw, 52px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
}

body.page-id-15 ._mainHeader::after,
body.page-id-11 .entry-content h3::after,
body.page-id-13 .entry-content h2::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  margin: 17px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--etx-blue), var(--etx-red));
}

body.page-id-15 #vueElement {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: var(--etx-width) !important;
  max-width: var(--etx-width) !important;
  margin: 0 auto !important;
  padding: 105px 0 90px !important;
  box-sizing: border-box;
  background: #f8fafc;
}

body.page-id-15 ._products_page {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  width: var(--etx-width) !important;
  min-height: 0 !important;
  margin: 0 auto 42px !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  grid-column: 1 / -1;
  order: -2;
}

body.page-id-15 .etx-mobile-category-menu-heading,
body.page-id-15 .etx-mobile-category-toggle,
body.page-id-15 .etx-mobile-category-menu-button {
  display: none;
}

body.page-id-15 ._products_page .categoryColumn {
  position: relative;
  top: 0 !important;
  display: flex;
  flex-direction: column;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 330px;
  height: 100%;
  margin: 0 !important;
  padding: 18px 9px !important;
  box-sizing: border-box;
  border: 1px solid var(--etx-line) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(16, 24, 40, 0.06) !important;
  transform: none !important;
}

body.page-id-15 ._products_page .categoryColumn:hover {
  border-color: rgba(31, 64, 171, 0.35) !important;
  box-shadow: 0 12px 28px rgba(16, 24, 40, 0.09) !important;
  transform: none !important;
}

body.page-id-15 ._products_page .categoryIcon {
  width: 62px !important;
  height: 62px !important;
  margin: 0 auto !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 20px rgba(31, 64, 171, 0.18);
}

body.page-id-15 ._products_page .categoryIcon svg,
body.page-id-15 ._products_page .categoryIcon img {
  width: 34px !important;
}

body.page-id-15 ._products_page .categoryColumn > label.u {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin: 12px 0 10px !important;
  color: var(--etx-ink) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center;
}

body.page-id-15 ._products_page .categoryColumn ul {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-15 ._products_page .categoryColumn ul li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  width: 100% !important;
  min-width: 0;
  margin: 0 0 6px !important;
  padding: 7px 8px !important;
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--etx-soft) !important;
  color: var(--etx-text) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body.page-id-15 ._products_page .categoryColumn ul li:hover {
  background: var(--etx-soft-blue) !important;
  color: var(--etx-blue) !important;
}

.etx-empty-product-subgroup {
  display: none !important;
}

body.page-id-15 ._products_page input[type="checkbox"] {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: var(--etx-blue);
}

body.page-id-15 ._products_page .etx-filter-source-hidden {
  display: none !important;
}

body.page-id-15 ._products_page .categoryColumn ul li.etx-filter-safety-dropdown {
  position: relative !important;
  display: block;
  overflow: visible !important;
  padding: 0 !important;
  background: transparent !important;
}

body.page-id-15 ._products_page .etx-filter-safety-details {
  width: 100%;
}

body.page-id-15 ._products_page .etx-filter-safety-details summary {
  position: relative;
  display: block;
  width: 100%;
  padding: 7px 28px 7px 8px;
  box-sizing: border-box;
  border-radius: 6px;
  background: var(--etx-soft);
  color: var(--etx-text);
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  list-style: none;
}

body.page-id-15 ._products_page .etx-filter-safety-details summary::-webkit-details-marker {
  display: none;
}

body.page-id-15 ._products_page .etx-filter-safety-details summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 11px;
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-65%) rotate(45deg);
}

body.page-id-15 ._products_page .etx-filter-safety-details[open] summary,
body.page-id-15 ._products_page .etx-filter-safety-details summary:hover {
  background: var(--etx-blue) !important;
  color: #ffffff !important;
}

body.page-id-15 ._products_page .etx-filter-safety-details[open] summary::after {
  transform: translateY(-35%) rotate(225deg);
}

body.page-id-15 ._products_page .categoryColumn ul.etx-filter-safety-menu {
  position: absolute !important;
  z-index: 80;
  top: calc(100% + 7px);
  right: 0;
  width: 190px !important;
  padding: 8px !important;
  box-sizing: border-box;
  border: 1px solid var(--etx-line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--etx-shadow);
}

body.page-id-15 ._products_page .categoryColumn:has(.etx-filter-safety-details[open]) {
  z-index: 90;
}

@media only screen and (min-width: 901px) {
  body.page-id-15 ._products_page {
    justify-self: center;
    width: clamp(var(--etx-width), 75vw, 1440px) !important;
    max-width: 1440px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    gap: 14px;
  }

  body.page-id-15 ._products_page .categoryColumn {
    padding: 20px 12px !important;
    border-color: #d3deea !important;
    box-shadow: 0 10px 26px rgba(16, 24, 40, 0.075) !important;
  }

  body.page-id-15 ._products_page .categoryIcon {
    width: 66px !important;
    height: 66px !important;
  }

  body.page-id-15 ._products_page .categoryColumn > label.u {
    min-height: 46px;
    margin: 14px 0 12px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  body.page-id-15 ._products_page .categoryColumn ul li {
    gap: 8px;
    min-height: 34px;
    margin-bottom: 7px !important;
    padding: 8px 9px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  body.page-id-15 ._products_page .etx-filter-safety-details summary {
    min-height: 34px;
    padding: 8px 30px 8px 9px;
    font-size: 13px;
    line-height: 1.3;
  }
}

body.page-id-15 #vueElement > ._productColumn {
  display: contents !important;
}

body.page-id-15 #vueElement > ._productColumn > .showTextOnHover:not(.productItem) {
  display: none !important;
}

body.page-id-15 .etx-product-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: var(--etx-width) !important;
  max-width: var(--etx-width) !important;
  margin: 0 auto 18px !important;
  padding: 13px 0;
  box-sizing: border-box;
  border-top: 1px solid var(--etx-line);
  border-bottom: 1px solid var(--etx-line);
  grid-column: 1 / -1;
  order: -1;
}

body.page-id-15 .etx-product-count {
  color: var(--etx-muted);
  font-size: 14px;
  font-weight: 700;
}

body.page-id-15 .etx-product-sort-control {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--etx-ink);
  font-size: 14px;
  font-weight: 750;
}

body.page-id-15 .etx-product-sort {
  min-width: 174px;
  height: 42px;
  padding: 0 34px 0 12px;
  border: 1px solid var(--etx-line);
  border-radius: 6px;
  background-color: #ffffff;
  color: var(--etx-ink);
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}

body.page-id-15 .etx-product-sort:hover,
body.page-id-15 .etx-product-sort:focus {
  border-color: var(--etx-blue);
  outline: none;
  box-shadow: 0 0 0 4px rgba(31, 64, 171, 0.1);
}

body.page-id-15 .productItem {
  position: relative;
  z-index: 1;
  top: 0 !important;
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  margin: 0 !important;
  padding: 16px !important;
  box-sizing: border-box;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(16, 24, 40, 0.06);
  transform: none !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  overflow: hidden;
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  body.page-id-15 .productItem:not(.singleProductItem):hover {
    z-index: 30;
    border-color: rgba(31, 64, 171, 0.4);
    box-shadow: 0 18px 38px rgba(16, 24, 40, 0.16);
    transform: scale(1.05) !important;
  }
}

body.page-id-15 .productItem > .tac:first-child,
body.page-id-15 .productItem > .tac:first-child a,
body.page-id-15 .productItem > .tac:first-child figure {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 210px;
  margin: 0 !important;
}

body.page-id-15 .productImage {
  width: 100% !important;
  height: 210px !important;
  max-height: 210px !important;
  padding: 8px !important;
  box-sizing: border-box;
  border-radius: 6px;
  background: #ffffff;
  object-fit: contain !important;
}

body.page-id-15 .productItem h3 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 48px;
  margin: 14px 0 7px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

body.page-id-15 .productPartnerName {
  margin-top: auto !important;
  color: var(--etx-muted) !important;
  font-size: 12px !important;
}

body.page-id-15 .productPartnerName a {
  color: var(--etx-blue) !important;
}

body.page-id-15 .productText {
  position: absolute !important;
  z-index: 5;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  width: auto !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 20px 20px !important;
  box-sizing: border-box;
  overflow-y: auto !important;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--etx-text) !important;
  opacity: 0;
  visibility: hidden !important;
  pointer-events: none;
  transition: opacity 0.18s ease, visibility 0.18s ease;
}

body.page-id-15 .productText p {
  margin: 0 !important;
  color: var(--etx-text) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: left;
}

body.page-id-15 .productText .etx-product-price {
  display: block;
  margin: 18px 0 0 !important;
  padding: 11px 13px;
  border: 1px solid rgba(31, 64, 171, 0.2);
  border-radius: 6px;
  background: var(--etx-soft-blue);
  color: var(--etx-blue) !important;
  font-size: 17px !important;
  font-weight: 850;
  line-height: 1.25;
  text-align: left !important;
}

body.page-id-15 .productText .etx-product-tax-note {
  margin: 6px 0 0 !important;
  color: var(--etx-muted) !important;
  font-size: 11px !important;
  line-height: 1.35;
  text-align: left !important;
}

body.page-id-15 .etx-hover-product-title {
  position: sticky;
  z-index: 2;
  top: 0;
  margin: 0 -20px 15px !important;
  padding: 13px 20px 11px;
  border-bottom: 1px solid var(--etx-line);
  background: rgba(255, 255, 255, 0.98);
  color: var(--etx-ink);
  font-size: 13px !important;
  font-weight: 800;
  line-height: 1.3;
  text-align: left;
}

body.page-id-15 .productItem:hover .productText,
body.page-id-15 .productItem:focus-within .productText {
  opacity: 1;
  visibility: visible !important;
  pointer-events: auto;
}

body.etx-product-modal-open {
  overflow: hidden !important;
}

.etx-product-modal[hidden] {
  display: none !important;
}

.etx-product-modal {
  position: fixed;
  z-index: 100000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.18s ease;
}

.etx-product-modal.is-open {
  opacity: 1;
}

.etx-product-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(16, 24, 40, 0.64);
  backdrop-filter: blur(3px);
}

.etx-product-modal-dialog {
  position: relative;
  z-index: 1;
  width: min(980px, 100%);
  max-height: calc(100vh - 48px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(16, 24, 40, 0.28);
  transform: translateY(12px) scale(0.98);
  transition: transform 0.18s ease;
}

.etx-product-modal.is-open .etx-product-modal-dialog {
  transform: translateY(0) scale(1);
}

.etx-product-modal-close {
  position: absolute;
  z-index: 4;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--etx-line);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  color: var(--etx-ink);
  box-shadow: 0 8px 18px rgba(16, 24, 40, 0.12);
  cursor: pointer;
  font: 400 30px/1 Arial, sans-serif;
}

.etx-product-modal-close:hover,
.etx-product-modal-close:focus {
  border-color: var(--etx-blue);
  color: var(--etx-blue);
  outline: none;
  box-shadow: 0 0 0 4px rgba(31, 64, 171, 0.12);
}

.etx-product-modal-layout {
  display: grid;
  grid-template-columns: minmax(0, 46%) minmax(0, 54%);
  max-height: calc(100vh - 48px);
}

.etx-product-modal-gallery,
.etx-product-modal-info {
  min-width: 0;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  box-sizing: border-box;
}

.etx-product-modal-gallery {
  padding: 42px 34px 32px;
  border-right: 1px solid var(--etx-line);
  background: #f8fafc;
}

.etx-product-modal-main-image {
  display: block;
  width: 100%;
  height: 390px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.etx-product-modal-thumbnails {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 22px;
}

.etx-product-modal-thumbnails[hidden] {
  display: none !important;
}

.etx-product-modal-price {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 2px 0 22px !important;
  padding: 10px 14px;
  border: 1px solid rgba(31, 64, 171, 0.2);
  border-radius: 6px;
  background: var(--etx-soft-blue);
  color: var(--etx-blue);
  font-size: 18px;
  font-weight: 850;
  line-height: 1.2;
}

.etx-product-modal-price[hidden] {
  display: none !important;
}

.etx-product-modal-thumbnail {
  width: 68px;
  height: 68px;
  padding: 4px;
  border: 1px solid var(--etx-line);
  border-radius: 6px;
  background: #ffffff;
  cursor: pointer;
}

.etx-product-modal-thumbnail.is-active,
.etx-product-modal-thumbnail:hover,
.etx-product-modal-thumbnail:focus {
  border-color: var(--etx-blue);
  outline: none;
  box-shadow: 0 0 0 3px rgba(31, 64, 171, 0.1);
}

.etx-product-modal-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.etx-product-modal-info {
  padding: 66px 52px 42px;
}

.etx-product-modal-info h2 {
  margin: 0 54px 18px 0;
  color: var(--etx-blue-2);
  font-size: 30px;
  font-weight: 800;
  line-height: 1.18;
}

.etx-product-modal-brand {
  margin: 0 0 28px;
  color: var(--etx-text);
  font-size: 16px;
}

.etx-product-modal-description p {
  margin: 0 0 16px;
  color: var(--etx-text);
  font-size: 16px;
  line-height: 1.55;
  white-space: pre-line;
}

.etx-product-modal-footer {
  display: grid;
  gap: 10px;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--etx-line);
}

.etx-product-modal-footer p {
  margin: 0;
  color: var(--etx-muted);
  font-size: 14px;
}

/* About page */
body.page-id-11 .entry-content > section:first-child {
  margin: 0 !important;
  padding: 88px 20px !important;
  background: #ffffff;
}

body.page-id-11 .entry-content > section:first-child > div:empty {
  display: none !important;
}

body.page-id-11 .entry-content > section:first-child > .wp-block-columns {
  width: var(--etx-width);
  margin: 0 auto !important;
  gap: 64px !important;
  align-items: center !important;
}

body.page-id-11 .entry-content > section:first-child .wp-block-column {
  min-width: 0;
}

body.page-id-11 .entry-content > section:first-child figure {
  margin: 0 !important;
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--etx-shadow);
}

body.page-id-11 .entry-content > section:first-child img {
  display: block;
  width: 100% !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

body.page-id-11 .entry-content h3 {
  margin: 0 0 24px !important;
  color: var(--etx-ink) !important;
  font-size: clamp(36px, 4vw, 50px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  text-transform: none !important;
}

body.page-id-11 .entry-content h3::after {
  margin-right: auto;
  margin-left: 0;
}

body.page-id-11 .entry-content > section:first-child p {
  margin: 0 !important;
  color: var(--etx-text) !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
}

body.page-id-11 .entry-content > .wp-block-cover:last-child,
body.page-id-13 .entry-content > .wp-block-cover:last-child {
  width: var(--etx-width) !important;
  min-height: 0 !important;
  margin: 0 auto 82px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--etx-line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--etx-shadow-soft);
}

body.page-id-11 .entry-content > .wp-block-cover:last-child iframe,
body.page-id-13 .entry-content > .wp-block-cover:last-child iframe {
  display: block;
  width: 100% !important;
  height: 430px !important;
  border: 0;
}

/* Contact page */
body.page-id-13 .entry-content > section:first-child {
  margin: 0 !important;
  padding: 76px 20px 64px !important;
  background: #f8fafc;
}

body.page-id-13 .entry-content > section:first-child > .wp-block-group {
  width: min(820px, 100%) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.page-id-13 .entry-content h2 {
  margin: 0 !important;
  color: var(--etx-ink) !important;
  font-size: clamp(36px, 4vw, 50px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
}

body.page-id-13 .entry-content h2 + p {
  margin: 16px 0 0 !important;
  color: var(--etx-muted) !important;
  font-size: 17px !important;
  text-align: center;
}

body.page-id-13 .wpcf7 {
  width: min(760px, 100%) !important;
  margin: 34px auto 0 !important;
  padding: 30px !important;
  box-sizing: border-box;
  border-radius: 8px;
}

body.page-id-13 .wpcf7 form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

body.page-id-13 .wpcf7 form > p {
  min-width: 0;
  margin: 0 !important;
}

body.page-id-13 .wpcf7 form > p:nth-of-type(n + 3),
body.page-id-13 .wpcf7 .wpcf7-response-output {
  grid-column: 1 / -1;
}

body.page-id-13 .wpcf7 label {
  display: block;
  color: var(--etx-ink);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.4;
}

body.page-id-13 .wpcf7-form-control-wrap {
  display: block;
  margin-top: 8px;
}

body.page-id-13 .wpcf7 input[type="text"],
body.page-id-13 .wpcf7 input[type="email"],
body.page-id-13 .wpcf7 input[type="tel"],
body.page-id-13 .wpcf7 textarea {
  width: 100% !important;
  min-width: 0;
  min-height: 50px;
  padding: 11px 13px !important;
  box-sizing: border-box;
  border-radius: 6px;
  color: var(--etx-ink);
  font: inherit;
}

body.page-id-13 .wpcf7 textarea {
  min-height: 170px;
  resize: vertical;
}

body.page-id-13 .wpcf7 input[type="submit"] {
  min-width: 150px;
  min-height: 50px;
  padding: 0 26px !important;
  cursor: pointer;
}

body.page-id-13 .entry-content > .wp-block-cover:last-child {
  margin-top: 0 !important;
}

@media only screen and (max-width: 900px) {
  .etx-product-modal {
    padding: 8px;
  }

  .etx-product-modal-dialog,
  .etx-product-modal-layout {
    max-height: calc(100dvh - 16px);
  }

  .etx-product-modal-layout {
    display: block;
    overflow-y: auto;
  }

  .etx-product-modal-gallery,
  .etx-product-modal-info {
    max-height: none;
    overflow: visible;
  }

  .etx-product-modal-gallery {
    padding: 26px 20px 22px;
    border-right: 0;
    border-bottom: 1px solid var(--etx-line);
  }

  .etx-product-modal-main-image {
    height: 250px;
  }

  .etx-product-modal-thumbnails {
    margin-top: 14px;
  }

  .etx-product-modal-thumbnail {
    width: 54px;
    height: 54px;
  }

  .etx-product-modal-info {
    padding: 28px 22px 34px;
  }

  .etx-product-modal-info h2 {
    margin-right: 44px;
    font-size: 23px;
  }

  .etx-product-modal-close {
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
  }

  body.page-id-15 .entry-content > .wp-block-cover:first-child {
    padding: 112px 16px 38px !important;
  }

  body.page-id-15 #vueElement {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    padding: 94px 0 58px !important;
  }

  body.page-id-15 ._products_page {
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100% !important;
    margin-bottom: 30px !important;
  }

  body.page-id-15 .etx-mobile-category-menu-heading {
    display: block;
    margin: 0 !important;
  }

  body.page-id-15 .etx-mobile-category-menu-button {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 62px;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid rgba(31, 64, 171, 0.24);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(16, 24, 40, 0.08);
    color: var(--etx-ink);
    font-family: Arial, sans-serif;
    text-align: left;
    cursor: pointer;
  }

  body.page-id-15 .etx-mobile-category-menu-button:hover,
  body.page-id-15 .etx-mobile-category-menu-button:focus-visible,
  body.page-id-15 ._products_page.etx-mobile-category-menu-open .etx-mobile-category-menu-button {
    border-color: var(--etx-blue);
    background: var(--etx-soft-blue);
    color: var(--etx-blue);
  }

  body.page-id-15 .etx-mobile-category-menu-button:focus-visible {
    outline: 2px solid var(--etx-blue);
    outline-offset: 2px;
  }

  body.page-id-15 .etx-mobile-category-menu-symbol {
    position: relative;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 7px;
    background: linear-gradient(145deg, var(--etx-blue), var(--etx-blue-2));
    box-shadow: 0 6px 14px rgba(31, 64, 171, 0.2);
  }

  body.page-id-15 .etx-mobile-category-menu-symbol::before {
    content: "";
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: 0 -6px 0 #ffffff, 0 6px 0 #ffffff;
  }

  body.page-id-15 .etx-mobile-category-menu-label {
    min-width: 0;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.2;
  }

  body.page-id-15 .etx-mobile-category-menu-chevron {
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 180ms ease;
  }

  body.page-id-15 ._products_page.etx-mobile-category-menu-open .etx-mobile-category-menu-chevron {
    transform: translateY(2px) rotate(225deg);
  }

  body.page-id-15 ._products_page .categoryColumn {
    display: none;
    padding: 0 !important;
    min-height: 0;
    height: auto;
    overflow: hidden;
    border-color: #d3deea !important;
    box-shadow: 0 5px 16px rgba(16, 24, 40, 0.065) !important;
  }

  body.page-id-15 ._products_page.etx-mobile-category-menu-open .categoryColumn:not(.etx-filter-source-hidden) {
    display: block !important;
  }

  body.page-id-15 ._products_page .categoryColumn:hover {
    border-color: #d3deea !important;
    box-shadow: 0 5px 16px rgba(16, 24, 40, 0.065) !important;
  }

  body.page-id-15 ._products_page .categoryColumn > .categoryIcon,
  body.page-id-15 ._products_page .categoryColumn > label.u {
    display: none !important;
  }

  body.page-id-15 .etx-mobile-category-toggle {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 66px;
    margin: 0;
    padding: 10px 14px;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    color: var(--etx-ink);
    font-family: Arial, sans-serif;
    text-align: left;
    cursor: pointer;
  }

  body.page-id-15 .etx-mobile-category-toggle:hover,
  body.page-id-15 .etx-mobile-category-toggle:focus-visible,
  body.page-id-15 .categoryColumn.etx-mobile-category-open > .etx-mobile-category-toggle {
    background: var(--etx-soft-blue);
    color: var(--etx-blue);
  }

  body.page-id-15 .etx-mobile-category-toggle:focus-visible {
    outline: 2px solid var(--etx-blue);
    outline-offset: -3px;
  }

  body.page-id-15 .etx-mobile-category-toggle-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 7px;
    background: linear-gradient(145deg, var(--etx-blue), var(--etx-blue-2));
    box-shadow: 0 7px 16px rgba(31, 64, 171, 0.2);
  }

  body.page-id-15 .etx-mobile-category-toggle-icon svg,
  body.page-id-15 .etx-mobile-category-toggle-icon img {
    width: 25px !important;
    height: 25px !important;
    object-fit: contain;
  }

  body.page-id-15 .etx-mobile-category-toggle-label {
    min-width: 0;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
  }

  body.page-id-15 .etx-mobile-category-toggle-chevron {
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 180ms ease;
  }

  body.page-id-15 .categoryColumn.etx-mobile-category-open .etx-mobile-category-toggle-chevron {
    transform: translateY(2px) rotate(225deg);
  }

  body.page-id-15 ._products_page .categoryColumn > ul {
    display: none !important;
    padding: 2px 12px 12px !important;
    border-top: 1px solid var(--etx-line);
    background: #ffffff;
  }

  body.page-id-15 ._products_page .categoryColumn.etx-mobile-category-open > ul {
    display: block !important;
  }

  body.page-id-15 ._products_page .categoryColumn > ul > li {
    min-height: 38px;
    margin: 8px 0 0 !important;
    padding: 10px !important;
    font-size: 13px !important;
  }

  body.page-id-15 ._products_page .categoryColumn ul.etx-filter-safety-menu {
    position: static !important;
    width: 100% !important;
    margin-top: 6px !important;
    padding: 6px !important;
    border: 1px solid var(--etx-line);
    box-shadow: none;
  }

  body.page-id-15 .etx-product-toolbar {
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px;
    margin-bottom: 14px;
  }

  body.page-id-15 .etx-product-sort-control {
    gap: 0;
    font-size: 0;
  }

  body.page-id-15 .etx-product-count {
    font-size: 12px;
    white-space: nowrap;
  }

  body.page-id-15 .etx-product-sort {
    min-width: 152px;
    height: 40px;
    padding-left: 9px;
    font-size: 12px;
  }

  body.page-id-11 .entry-content > section:first-child {
    padding: 112px 20px 54px !important;
  }

  body.page-id-11 .entry-content > section:first-child > .wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 34px !important;
    width: 100%;
  }

  body.page-id-11 .entry-content > section:first-child .wp-block-column:first-child {
    order: 1;
  }

  body.page-id-11 .entry-content > section:first-child .wp-block-column:last-child {
    order: 2;
  }

  body.page-id-11 .entry-content h3 {
    font-size: 36px !important;
  }

  body.page-id-11 .entry-content > .wp-block-cover:last-child,
  body.page-id-13 .entry-content > .wp-block-cover:last-child {
    width: calc(100% - 24px) !important;
    margin-bottom: 54px !important;
  }

  body.page-id-11 .entry-content > .wp-block-cover:last-child iframe,
  body.page-id-13 .entry-content > .wp-block-cover:last-child iframe {
    height: 360px !important;
  }

  body.page-id-13 .entry-content > section:first-child {
    padding: 112px 12px 44px !important;
  }

  body.page-id-13 .wpcf7 {
    padding: 22px 18px !important;
  }

  body.page-id-13 .wpcf7 form {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  body.page-id-13 .wpcf7 form > p {
    grid-column: 1 !important;
  }
}

@media only screen and (max-width: 620px) {
  body.page-id-15 #vueElement {
    grid-template-columns: 1fr;
  }

  body.page-id-15 .productItem > .tac:first-child,
  body.page-id-15 .productItem > .tac:first-child a,
  body.page-id-15 .productItem > .tac:first-child figure,
  body.page-id-15 .productImage {
    height: 220px !important;
    max-height: 220px !important;
  }

  body.page-id-11 .entry-content > section:first-child p {
    font-size: 16px !important;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  background: #f8fafc !important;
  color: var(--etx-text);
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0;
}

body button,
body input,
body select,
body textarea {
  font-family: Arial, Helvetica, sans-serif !important;
}

body,
p,
li {
  line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-heading {
  color: var(--etx-ink);
  letter-spacing: 0 !important;
}

.entry-content {
  overflow: hidden;
}

/* Header */
header {
  height: auto !important;
  min-height: 82px;
  padding: 0 !important;
  border-bottom: 1px solid rgba(217, 226, 236, 0.92);
  box-shadow: 0 10px 34px rgba(16, 24, 40, 0.1);
}

header > .wp-block-group {
  width: var(--etx-width);
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 10px 0 !important;
}

header .wp-block-columns {
  align-items: center !important;
}

.top_blue_line {
  height: 5px;
  margin: 0 !important;
  background: linear-gradient(90deg, var(--etx-blue), var(--etx-red));
}

body:not(.admin-bar) .top_blue_line {
  margin-top: 0 !important;
}

.logoimg {
  top: 0 !important;
  margin-bottom: 0 !important;
}

.logoimg img {
  max-height: 58px;
  width: auto;
}

.wp-block-navigation__container {
  top: 0 !important;
  gap: 8px !important;
}

header .wp-block-navigation a {
  border-radius: 999px;
  color: var(--etx-ink) !important;
  font-weight: 700;
  padding: 9px 14px;
  text-decoration: none !important;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

header .wp-block-navigation a:hover,
header a[aria-current="page"] {
  background: var(--etx-soft-blue);
  color: var(--etx-blue) !important;
  transform: translateY(-1px);
}

.content {
  margin-top: 98px !important;
}

/* Buttons */
.wp-block-button a,
.wp-block-button__link,
.wpcf7 input[type="submit"] {
  border: 1px solid var(--etx-blue) !important;
  border-radius: 999px !important;
  background: var(--etx-blue) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 28px rgba(31, 64, 171, 0.26);
  transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.wp-block-button a:hover,
.wp-block-button__link:hover,
.wpcf7 input[type="submit"]:hover {
  background: var(--etx-blue-2) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(31, 64, 171, 0.32);
}

/* Hero video section */
#videoBox {
  position: relative !important;
  min-height: 670px !important;
  background: var(--etx-navy) !important;
  overflow: hidden;
}

#videoBox .myVideoWrapper {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding-top: 0 !important;
  opacity: 1;
  transform: none;
}

#videoBox .myVideoWrapper iframe {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100vw !important;
  height: 56.25vw !important;
  min-width: 177.78vh !important;
  min-height: 100vh !important;
  transform: translate(-50%, -50%) !important;
  filter: saturate(0.85) contrast(1.05);
  opacity: 0;
  animation: etx-video-fade-in 0.55s ease 1.65s forwards;
  pointer-events: none;
}

#videoBox .myVideoWrapper video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
  opacity: 1 !important;
  animation: none;
  pointer-events: none;
  z-index: 1;
  background: #000000;
}

#videoBox .myVideoWrapper canvas,
#videoBox .myVideoWrapper .heroVideoCanvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: none !important;
  background: #000000 url("http://127.0.0.1:8081/eurotrimex-assets/octoral-hero-poster-9.png?v=start9") center center / cover no-repeat;
  pointer-events: none;
  z-index: 1;
}

#videoBox .absCover {
  display: none !important;
  pointer-events: none !important;
  background: transparent !important;
}

body.etx-video-ready #videoBox .myVideoWrapper iframe {
  opacity: 1;
  animation: none;
}

body.etx-video-ready #videoBox .myVideoWrapper video {
  opacity: 1 !important;
}

@keyframes etx-video-fade-in {
  to {
    opacity: 1;
  }
}

#videoBox::after {
  content: none !important;
  display: none !important;
}

#videoBox::before {
  content: none !important;
  display: none !important;
}

/* Stats section after the hero */
#videoBox + section {
  position: relative !important;
  z-index: 2;
  margin: 0 !important;
  padding: 28px 20px 34px !important;
  background: #ffffff !important;
}

#videoBox + section > .wp-block-group {
  width: min(960px, calc(100% - 40px));
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  border: 1px solid var(--etx-line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.07);
}

#videoBox + section .wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  transform: none !important;
}

#videoBox + section .wp-block-column {
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  border-right: 1px solid var(--etx-line) !important;
  padding: 25px 20px 20px !important;
  text-align: center !important;
}

#videoBox + section .wp-block-column:last-child {
  border-right: 0 !important;
}

#videoBox + section h6 {
  color: var(--etx-blue) !important;
  font-size: 0 !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  margin: 0 0 5px !important;
  width: 100%;
  text-align: center !important;
}

#videoBox + section h6::after {
  font-size: 36px;
  line-height: 1;
}

#videoBox + section p {
  color: var(--etx-muted) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin: 0 !important;
  width: 100%;
  text-align: center !important;
}

/* Product categories */
#categorieBox {
  width: var(--etx-width) !important;
  min-height: 0 !important;
  margin: 0 auto 76px !important;
  padding: 36px 0 0 !important;
  overflow: visible !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  gap: 14px;
}

.etx-home-category-menu-heading,
.etx-home-category-menu-button,
.etx-home-category-toggle {
  display: none;
}

#categorieBox::before {
  content: "Kategorije proizvoda";
  grid-column: 1 / -1;
  display: block;
  margin: 0 auto 10px;
  color: var(--etx-ink);
  font-size: clamp(30px, 3.4vw, 46px);
  font-weight: 850;
  line-height: 1.1;
  text-align: center;
}

._products_categories .categoryColumn {
  top: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box;
  min-height: 245px;
  margin: 0 !important;
  padding: 24px 12px !important;
  border: 1px solid var(--etx-line) !important;
  border-radius: var(--etx-radius) !important;
  background: var(--etx-white) !important;
  box-shadow: var(--etx-shadow-soft) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  transform-origin: center;
}

#categorieBox > .categoryColumn {
  top: 0 !important;
  margin: 0 !important;
}

._products_categories .categoryColumn:hover {
  border-color: rgba(31, 64, 171, 0.48) !important;
  box-shadow: var(--etx-shadow) !important;
  position: relative;
  z-index: 2;
  transform: scale(1.05);
}

._products_categories .categoryIcon {
  width: 68px !important;
  height: 68px !important;
  border-radius: var(--etx-radius) !important;
  background: linear-gradient(135deg, var(--etx-blue), var(--etx-blue-2)) !important;
  box-shadow: 0 14px 24px rgba(31, 64, 171, 0.22);
}

._products_categories .categoryIcon svg,
._products_categories .categoryIcon img {
  width: 36px !important;
}

._products_categories .categoryColumn h4 {
  color: var(--etx-ink) !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.22 !important;
  margin: 18px 0 18px !important;
}

._products_categories .categoryColumn ul {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

._products_categories .categoryColumn ul li {
  left: 0 !important;
  width: auto !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--etx-soft) !important;
  color: var(--etx-blue) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  margin-bottom: 8px !important;
  padding: 7px 10px !important;
}

._products_categories .categoryColumn ul li:hover {
  background: var(--etx-blue) !important;
  color: #ffffff !important;
}

._products_categories .categoryColumn ul li:hover a,
._products_categories .categoryColumn ul li a:hover {
  color: #ffffff !important;
}

._products_categories .categoryColumn ul li.etx-safety-dropdown {
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box;
  overflow: visible !important;
  padding: 0 !important;
  background: transparent !important;
}

._products_categories .etx-safety-details {
  width: 100%;
  min-width: 0;
}

._products_categories .etx-safety-details summary {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 7px 30px 7px 10px;
  border-radius: 999px;
  background: var(--etx-soft);
  color: var(--etx-blue);
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  list-style: none;
  transition: background 0.2s ease, color 0.2s ease;
}

._products_categories .etx-safety-details summary::-webkit-details-marker {
  display: none;
}

._products_categories .etx-safety-details summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 13px;
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 0.2s ease;
}

._products_categories .etx-safety-details[open] summary,
._products_categories .etx-safety-details summary:hover {
  background: var(--etx-blue) !important;
  color: #ffffff !important;
}

._products_categories .etx-safety-details[open] summary::after {
  transform: translateY(-35%) rotate(225deg);
}

._products_categories .categoryColumn ul.etx-safety-submenu {
  position: absolute !important;
  z-index: 50;
  top: calc(100% + 7px);
  left: 0;
  width: 190px !important;
  padding: 8px !important;
  border: 1px solid var(--etx-line);
  border-radius: var(--etx-radius) !important;
  background: #ffffff;
  box-shadow: var(--etx-shadow);
}

._products_categories .categoryColumn ul.etx-safety-submenu li {
  margin-bottom: 6px !important;
}

._products_categories .categoryColumn ul.etx-safety-submenu li:last-child {
  margin-bottom: 0 !important;
}

._products_categories .categoryColumn:has(.etx-safety-details[open]) {
  z-index: 60;
}

._products_categories .categoryColumn ul li.etx-safety-dropdown:hover ul.etx-safety-submenu li a {
  color: var(--etx-blue) !important;
}

._products_categories .categoryColumn ul li.etx-safety-dropdown:hover ul.etx-safety-submenu li:hover a {
  color: #ffffff !important;
}

._products_categories .categoryColumn a.hoverable:hover h4,
._products_categories .categoryColumn a.hoverable:focus h4 {
  color: var(--etx-blue) !important;
}

/* Button between categories and quality section */
#categorieBox + .wp-block-group,
.etx-home-category-original-cta {
  width: var(--etx-width);
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 20px !important;
}

#categorieBox + .wp-block-group .wp-block-buttons,
.etx-home-category-original-cta .wp-block-buttons {
  justify-content: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Quality / Octoral section */
#categorieBox + .wp-block-group + section,
.etx-home-quality-section {
  padding: 92px 1rem !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fb 100%) !important;
}

#categorieBox + .wp-block-group + section > .wp-block-columns,
.etx-home-quality-section > .wp-block-columns {
  width: var(--etx-width);
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: center !important;
  gap: 54px !important;
}

#categorieBox + .wp-block-group + section figure,
.etx-home-quality-section figure {
  margin: 0 !important;
}

#categorieBox + .wp-block-group + section img,
.etx-home-quality-section img {
  width: 100% !important;
  max-width: 520px !important;
  border-radius: var(--etx-radius);
  box-shadow: var(--etx-shadow);
}

#categorieBox + .wp-block-group + section h3,
.etx-home-quality-section h3 {
  color: var(--etx-ink) !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  text-transform: none !important;
}

#categorieBox + .wp-block-group + section h3::after,
.etx-home-quality-section h3::after {
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  margin-top: 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--etx-blue), var(--etx-red));
}

#categorieBox + .wp-block-group + section p,
.etx-home-quality-section p {
  color: var(--etx-text) !important;
  font-size: 18px !important;
}

/* Product cards and product pages */
.filterBox {
  width: var(--etx-width);
  margin: 26px auto 34px !important;
  border: 1px solid var(--etx-line);
  border-radius: var(--etx-radius);
  background: #ffffff;
  box-shadow: var(--etx-shadow-soft);
}

._productColumn {
  width: var(--etx-width) !important;
  max-width: var(--etx-width) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.productItem {
  border: 1px solid var(--etx-line);
  border-radius: var(--etx-radius);
  background: #ffffff;
  box-shadow: var(--etx-shadow-soft);
  padding: 18px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.productItem:not(.singleProductItem):hover {
  top: 0 !important;
  border-color: rgba(31, 64, 171, 0.45);
  box-shadow: var(--etx-shadow);
  transform: translateY(-5px);
}

.productItem figure {
  margin: 0 0 14px !important;
}

.productImage {
  width: 100% !important;
  height: 230px !important;
  max-height: 230px !important;
  border-radius: var(--etx-radius);
  background: #f8fafc;
  object-fit: contain !important;
  padding: 10px;
}

.productLink {
  color: var(--etx-ink) !important;
  display: inline-block;
  font-weight: 850;
  line-height: 1.25;
  text-decoration: none !important;
}

.productLink:hover {
  color: var(--etx-blue) !important;
}

.productPartnerName {
  color: var(--etx-muted);
  font-size: 13px;
  visibility: visible;
}

.singleProductItem {
  width: var(--etx-width) !important;
  max-width: var(--etx-width) !important;
  margin: 130px auto 70px !important;
  border-radius: var(--etx-radius);
  box-shadow: var(--etx-shadow-soft);
}

/* Featured products */
#istaknutiProizvodi {
  display: block !important;
  width: min(1080px, calc(100vw - 48px)) !important;
  max-width: min(1080px, calc(100vw - 48px)) !important;
  min-height: 0 !important;
  margin: 72px auto 86px !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

#istaknutiProizvodi::before {
  content: none !important;
  display: none !important;
}

#istaknutiProizvodi > div {
  width: 100% !important;
}

.istaknutiBox {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: stretch;
  gap: 20px;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0;
  color: var(--etx-text);
  margin-left: auto !important;
  margin-right: auto !important;
}

.istaknutiBox .istaknuti {
  float: none !important;
  width: auto !important;
  min-width: 0;
  height: auto !important;
  padding: 22px !important;
  border: 1px solid var(--etx-line);
  border-radius: var(--etx-radius);
  background: #ffffff;
  box-shadow: var(--etx-shadow-soft);
  box-sizing: border-box;
}

.istaknutiBox .akcija {
  float: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 0;
  padding: 22px !important;
  box-sizing: border-box;
  border: 1px solid rgba(31, 64, 171, 0.35) !important;
  border-radius: var(--etx-radius);
  background: linear-gradient(180deg, #ffffff, #f4f8ff);
  box-shadow: var(--etx-shadow);
  overflow: hidden;
}

.istaknutiBox .istaknuti > .valign,
.istaknutiBox .akcija > .valign {
  min-height: 38px;
  margin-bottom: 12px;
}

.istaknutiBox .blue_underline {
  top: 0 !important;
  border-bottom: 3px solid var(--etx-blue) !important;
  color: var(--etx-ink);
  font-size: 15px;
  font-weight: 850;
  letter-spacing: 0.04em;
}

.istaknutiBox .paginationIcons {
  top: 0 !important;
  margin-right: 0 !important;
}

.istaknutiBox .paginationIcons i,
.istaknutiBox .iconBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--etx-line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--etx-blue);
  opacity: 1 !important;
  box-shadow: 0 6px 16px rgba(16, 24, 40, 0.08);
}

.istaknutiBox .istaknuti > hr {
  display: none;
}

.istaknutiBox .istaknuti > .w100 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.istaknutiBox .product {
  float: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 210px;
  padding: 12px !important;
  border: 1px solid var(--etx-line);
  border-radius: var(--etx-radius);
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
  box-sizing: border-box;
}

.istaknutiBox .akcija > .valign > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--etx-ink);
  font-size: 22px !important;
  line-height: 1.1;
}

.istaknutiBox .akcija .fa-star {
  color: var(--etx-red) !important;
  font-size: 21px;
}

.istaknutiBox .product .tac span,
.istaknutiBox .istaknut_product .tac span {
  color: var(--etx-ink);
  font-size: 16px;
  line-height: 1.35;
}

.istaknutiBox .product .tac + .tac span,
.istaknutiBox .istaknut_product .tac + .tac span {
  color: var(--etx-muted) !important;
  font-size: 13px !important;
}

.istaknutiBox .product:hover {
  top: 0 !important;
  transform: translateY(-5px);
  box-shadow: var(--etx-shadow-soft) !important;
}

.istaknutiBox .imageBox .productImage,
.istaknutiBox .akcija .istaknut_product .akcije_imageBox .productImage {
  width: auto !important;
  max-width: 100% !important;
  background: transparent !important;
  object-fit: contain !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.istaknutiBox .imageBox {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 122px !important;
  background: transparent !important;
}

.istaknutiBox .imageBox figure,
.istaknutiBox .akcija .istaknut_product .akcije_imageBox figure {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  background: transparent !important;
}

.istaknutiBox .imageBox .productImage {
  height: 118px !important;
  max-height: 118px !important;
}

.istaknutiBox .akcija .istaknut_product .akcije_imageBox {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 235px !important;
  background: #ffffff !important;
}

.istaknutiBox .akcija .istaknut_product .akcije_imageBox .productImage {
  height: auto !important;
  max-height: 235px !important;
}

.istaknutiBox .categoryLink,
.istaknutiBox .categoryLink:hover {
  color: var(--etx-muted) !important;
}

.groupAfterIstaknuti {
  top: 0 !important;
  margin-bottom: 120px !important;
}

.groupAfterIstaknuti .wp-block-buttons {
  justify-content: center !important;
}

#partnerCovers .grid-item img,
#partnerCovers .grid-item:hover img {
  filter: none !important;
}

/* Map and contact/footer */
.entry-content iframe[src*="google.com/maps"] {
  display: block;
  height: 430px !important;
  filter: saturate(0.9) contrast(1.02);
}

.wpcf7 {
  border: 1px solid var(--etx-line);
  border-radius: var(--etx-radius);
  background: #ffffff;
  box-shadow: var(--etx-shadow);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  border: 1px solid var(--etx-line);
  border-radius: var(--etx-radius);
  background: #f8fafc;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
  border-color: var(--etx-blue);
  box-shadow: 0 0 0 4px rgba(31, 64, 171, 0.12);
  outline: none;
}

footer {
  background: var(--etx-navy) !important;
  color: #cbd5e1 !important;
}

footer > .wp-block-group {
  width: var(--etx-width);
  margin-left: auto !important;
  margin-right: auto !important;
}

footer a,
footer p,
footer li {
  color: #cbd5e1 !important;
}

footer a:hover,
footer li:hover {
  color: #ffffff !important;
}

footer > section:first-child p,
footer > section:first-child p a {
  color: #000000 !important;
}

footer > section:first-child p a:hover {
  color: var(--etx-blue) !important;
}

.footer_h {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

@media only screen and (max-width: 900px) {
  :root {
    --etx-width: min(100% - 24px, 1180px);
  }

  header {
    min-height: 76px;
    padding: 0 !important;
  }

  header .wp-block-columns {
    gap: 12px !important;
  }

  header .wp-block-column:first-child {
    flex-basis: auto !important;
    flex-grow: 1 !important;
    min-width: 0;
  }

  header .wp-block-column:last-child {
    flex-basis: auto !important;
    flex-grow: 0 !important;
  }

  body.mobile .logoimg {
    left: 0 !important;
    top: 0 !important;
    width: 152px !important;
    min-width: 152px;
  }

  body.mobile .logoimg img,
  header .logoimg img {
    width: 152px !important;
    max-width: 152px !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
  }

  header .wp-block-navigation__responsive-container-open,
  header .wp-block-navigation__responsive-container-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 8px !important;
    border: 1px solid rgba(31, 64, 171, 0.18);
    border-radius: var(--etx-radius);
    background: var(--etx-soft-blue);
    color: var(--etx-blue);
  }

  header .wp-block-navigation__responsive-container-open svg,
  header .wp-block-navigation__responsive-container-close svg {
    width: 28px;
    height: 28px;
  }

  html.etx-menu-open,
  body.etx-menu-open {
    overflow: hidden !important;
  }

  header .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    z-index: 100000 !important;
    inset: 0 !important;
    display: flex !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: 0 !important;
    background: #ffffff !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
    width: 100% !important;
    height: 100% !important;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 2;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100% !important;
    padding: 82px 24px 32px !important;
    box-sizing: border-box;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: min(100%, 320px) !important;
    gap: 10px !important;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    width: 100%;
    text-align: center;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    display: block;
    width: 100%;
    padding: 13px 18px !important;
    box-sizing: border-box;
    font-size: 20px;
  }

  .content {
    margin-top: 88px !important;
  }

  .entry-content.wp-block-post-content {
    min-height: 0 !important;
  }

  body.home .entry-content.wp-block-post-content {
    display: flex !important;
    flex-direction: column;
  }

  body.home .entry-content.wp-block-post-content > #videoBox {
    order: 1;
  }

  body.home .entry-content.wp-block-post-content > #videoBox + section {
    order: 2;
  }

  body.home .entry-content.wp-block-post-content > .etx-home-quality-section,
  body.home .entry-content.wp-block-post-content > #categorieBox + .wp-block-group + section {
    order: 3;
  }

  body.home .entry-content.wp-block-post-content > #partnerCovers {
    order: 4;
  }

  body.home .entry-content.wp-block-post-content > #istaknutiProizvodi {
    order: 5;
  }

  body.home .entry-content.wp-block-post-content > #categorieBox {
    order: 6;
  }

  body.home .entry-content.wp-block-post-content > .groupAfterIstaknuti {
    order: 7;
  }

  body.home .entry-content.wp-block-post-content > .groupAfterIstaknuti + .wp-block-cover {
    order: 8;
  }

  body.home .entry-content.wp-block-post-content > #categorieBox + .wp-block-group:not(.groupAfterIstaknuti) {
    display: none !important;
  }

  #videoBox {
    min-height: 0 !important;
    width: calc(100% + 48px) !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    margin-top: 78px !important;
    overflow: hidden;
    display: block !important;
    background: #000000 !important;
  }

  body #videoBox {
    margin-top: 78px !important;
  }

  #videoBox br {
    display: none !important;
  }

  #videoBox .myVideoWrapper {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    aspect-ratio: 16 / 9 !important;
    padding-top: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    display: block !important;
    overflow: hidden !important;
    background: #000000 !important;
  }

  #videoBox .myVideoWrapper iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 130% !important;
    height: calc(100% + 80px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    transform: translate(-50%, -50%) !important;
    opacity: 1 !important;
    animation: none !important;
  }

  #videoBox .myVideoWrapper video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center center;
    opacity: 1 !important;
    animation: none !important;
    z-index: 1;
  }

  #videoBox .absCover {
    display: none !important;
  }

  #videoBox + section {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #categorieBox {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 22px !important;
    padding-top: 0 !important;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #categorieBox::before {
    content: none;
    display: none;
  }

  #categorieBox::after {
    content: none;
    display: none;
  }

  .etx-home-category-original-cta {
    display: none !important;
  }

  .etx-home-category-menu-heading {
    display: block;
    grid-column: 1 / -1;
    margin: 0 !important;
  }

  .etx-home-category-menu-button {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 62px;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid rgba(31, 64, 171, 0.24);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(16, 24, 40, 0.08);
    color: var(--etx-ink);
    font-family: Arial, sans-serif;
    text-align: left;
    cursor: pointer;
  }

  .etx-home-category-menu-button:hover,
  .etx-home-category-menu-button:focus-visible,
  #categorieBox.etx-home-category-menu-open .etx-home-category-menu-button {
    border-color: var(--etx-blue);
    background: var(--etx-soft-blue);
    color: var(--etx-blue);
  }

  .etx-home-category-menu-button:focus-visible {
    outline: 2px solid var(--etx-blue);
    outline-offset: 2px;
  }

  .etx-home-category-menu-symbol {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 7px;
    background: linear-gradient(145deg, var(--etx-blue), var(--etx-blue-2));
    box-shadow: 0 6px 14px rgba(31, 64, 171, 0.2);
  }

  .etx-home-category-menu-symbol::before {
    content: "";
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: 0 -6px 0 #ffffff, 0 6px 0 #ffffff;
  }

  .etx-home-category-menu-label {
    min-width: 0;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.2;
  }

  .etx-home-category-menu-chevron,
  .etx-home-category-toggle-chevron {
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 180ms ease;
  }

  #categorieBox.etx-home-category-menu-open .etx-home-category-menu-chevron,
  #categorieBox .categoryColumn.etx-home-category-open .etx-home-category-toggle-chevron {
    transform: translateY(2px) rotate(225deg);
  }

  #categorieBox > .categoryColumn {
    display: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 8px !important;
    box-shadow: 0 5px 16px rgba(16, 24, 40, 0.065) !important;
    transform: none !important;
  }

  #categorieBox.etx-home-category-menu-open > .categoryColumn {
    display: block !important;
  }

  #categorieBox > .categoryColumn:hover {
    border-color: var(--etx-line) !important;
    box-shadow: 0 5px 16px rgba(16, 24, 40, 0.065) !important;
    transform: none !important;
  }

  #categorieBox > .categoryColumn > .categoryIcon,
  #categorieBox > .categoryColumn > a.hoverable {
    display: none !important;
  }

  .etx-home-category-toggle {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 66px;
    margin: 0;
    padding: 10px 14px;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    color: var(--etx-ink);
    font-family: Arial, sans-serif;
    text-align: left;
    cursor: pointer;
  }

  .etx-home-category-toggle:hover,
  .etx-home-category-toggle:focus-visible,
  #categorieBox .categoryColumn.etx-home-category-open > .etx-home-category-toggle {
    background: var(--etx-soft-blue);
    color: var(--etx-blue);
  }

  .etx-home-category-toggle:focus-visible {
    outline: 2px solid var(--etx-blue);
    outline-offset: -3px;
  }

  .etx-home-category-toggle-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 7px;
    background: linear-gradient(145deg, var(--etx-blue), var(--etx-blue-2));
    box-shadow: 0 7px 16px rgba(31, 64, 171, 0.2);
  }

  .etx-home-category-toggle-icon svg,
  .etx-home-category-toggle-icon img {
    width: 25px !important;
    height: 25px !important;
    object-fit: contain;
  }

  .etx-home-category-toggle-label {
    min-width: 0;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
  }

  #categorieBox > .categoryColumn > ul {
    display: none !important;
    width: 100% !important;
    padding: 2px 12px 12px !important;
    box-sizing: border-box;
    border-top: 1px solid var(--etx-line);
    background: #ffffff;
  }

  #categorieBox > .categoryColumn.etx-home-category-open > ul {
    display: block !important;
  }

  #categorieBox > .categoryColumn > ul > li {
    width: 100% !important;
    min-height: 38px;
    margin: 8px 0 0 !important;
    padding: 10px !important;
    box-sizing: border-box;
    border-radius: 6px !important;
    font-size: 13px !important;
    text-align: left;
  }

  #categorieBox > .categoryColumn > ul > li > a {
    display: block;
    width: 100%;
  }

  ._products_categories .categoryIcon {
    width: 44px !important;
    height: 44px !important;
  }

  ._products_categories .categoryIcon svg,
  ._products_categories .categoryIcon img {
    width: 31px !important;
  }

  ._products_categories .categoryColumn h4 {
    font-size: 15px !important;
    min-height: 38px;
    margin: 13px 0 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  ._products_categories .categoryColumn ul li {
    margin-bottom: 6px !important;
    padding: 6px 8px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  ._products_categories .etx-safety-details summary {
    min-height: 30px;
    padding: 6px 28px 6px 8px;
    font-size: 12px;
    line-height: 1.25;
  }

  ._products_categories .categoryColumn ul.etx-safety-submenu {
    position: static !important;
    width: 100% !important;
    margin-top: 6px !important;
    padding: 6px !important;
    border: 1px solid var(--etx-line);
    box-shadow: none;
  }

  #partnerCovers {
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 42px !important;
    padding: 0 12px !important;
    overflow: visible !important;
  }

  #partnerCovers .grid-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: min(100%, 520px) !important;
    max-width: min(100%, 520px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
  }

  #partnerCovers .grid-item {
    min-width: 0 !important;
  }

  #partnerCovers .grid-item img {
    width: 100% !important;
    aspect-ratio: 4 / 3;
    height: auto !important;
    object-fit: contain !important;
  }

  #categorieBox + .wp-block-group + section > .wp-block-columns,
  .etx-home-quality-section > .wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 28px !important;
  }

  ._productColumn {
    display: grid !important;
    grid-template-columns: 1fr;
  }

  .productImage {
    height: 190px !important;
    max-height: 190px !important;
  }

  .istaknutiBox {
    grid-template-columns: 1fr;
    gap: 18px;
    min-height: 0;
  }

  .istaknutiBox .istaknuti,
  .istaknutiBox .akcija {
    float: none !important;
    width: 100% !important;
    min-height: 0;
    padding: 18px !important;
  }

  .istaknutiBox .akcija {
    order: 1;
  }

  .istaknutiBox .istaknuti {
    order: 2;
  }

  body .istaknutiBox .istaknuti.mOFF {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .istaknutiBox .product {
    display: block !important;
    width: auto !important;
  }

  .istaknutiBox .istaknuti > .w100 {
    display: grid !important;
    grid-template-columns: 1fr;
  }

  #istaknutiProizvodi {
    margin-bottom: 30px !important;
  }

  #categorieBox + .groupAfterIstaknuti {
    top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 72px !important;
  }
}

/* Final organization and polish */
html,
body,
button,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

.wp-block-button__link,
.wp-element-button {
  text-transform: none !important;
}

/* Credibility facts below the video */
body.home .etx-credibility-section {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 28px 20px 34px !important;
  background: #ffffff !important;
  overflow: visible !important;
}

body.home .etx-credibility-section::before,
body.home .etx-credibility-section::after {
  content: none !important;
  display: none !important;
}

body.home .etx-credibility-section > .wp-block-group {
  width: min(960px, calc(100% - 40px));
  margin: 0 auto !important;
  padding: 0 !important;
  border: 1px solid var(--etx-line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(16, 24, 40, 0.07);
}

body.home .etx-credibility-section .wp-block-columns {
  margin: 0 !important;
}

body.home .etx-credibility-section .wp-block-column {
  min-height: 116px;
  padding: 25px 20px 20px !important;
  border-right: 1px solid var(--etx-line) !important;
}

body.home .etx-credibility-section .wp-block-column:last-child {
  border-right: 0 !important;
}

body.home .etx-credibility-value {
  margin: 0 0 5px !important;
  color: var(--etx-blue) !important;
  font-size: 0 !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

body.home .etx-credibility-value::after {
  content: attr(data-etx-value);
  display: block;
  font-size: 36px;
  line-height: 1;
}

body.home .etx-home-category-original-cta {
  display: none !important;
}

body.home .etx-credibility-value + p {
  margin: 0 !important;
  color: var(--etx-muted) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

/* Compact product filters on desktop */
@media only screen and (min-width: 901px) {
  body.page-id-15 #vueElement {
    padding-top: 104px !important;
  }

  body.page-id-15 ._products_page {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
    min-height: 78px !important;
    margin-bottom: 26px !important;
  }

  body.page-id-15 ._products_page .categoryColumn {
    min-height: 0 !important;
    height: 78px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.page-id-15 ._products_page .categoryColumn:hover {
    border: 0 !important;
    box-shadow: none !important;
  }

  body.page-id-15 ._products_page .categoryColumn > .categoryIcon,
  body.page-id-15 ._products_page .categoryColumn > label.u {
    display: none !important;
  }

  body.page-id-15 ._products_page .etx-mobile-category-toggle {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) 10px;
    align-items: center;
    gap: 9px;
    width: 100%;
    height: 68px;
    padding: 0 12px !important;
    border: 1px solid var(--etx-line);
    border-radius: 8px;
    background: #ffffff;
    color: var(--etx-ink);
    box-shadow: 0 7px 20px rgba(16, 24, 40, 0.055);
    cursor: pointer;
    text-align: left;
  }

  body.page-id-15 ._products_page .etx-mobile-category-toggle:hover,
  body.page-id-15 ._products_page .etx-mobile-category-toggle:focus-visible,
  body.page-id-15 ._products_page .categoryColumn.etx-mobile-category-open .etx-mobile-category-toggle,
  body.page-id-15 ._products_page .categoryColumn.etx-filter-has-selection .etx-mobile-category-toggle {
    border-color: rgba(31, 64, 171, 0.48);
    background: var(--etx-soft-blue);
    color: var(--etx-blue);
    outline: none;
  }

  body.page-id-15 ._products_page .etx-mobile-category-toggle-icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 7px;
    background: var(--etx-blue);
  }

  body.page-id-15 ._products_page .etx-mobile-category-toggle-icon svg,
  body.page-id-15 ._products_page .etx-mobile-category-toggle-icon img {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    filter: brightness(0) invert(1);
  }

  body.page-id-15 ._products_page .etx-mobile-category-toggle-label {
    min-width: 0;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.18;
  }

  body.page-id-15 ._products_page .etx-mobile-category-toggle-chevron {
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
  }

  body.page-id-15 ._products_page .categoryColumn.etx-mobile-category-open .etx-mobile-category-toggle-chevron {
    transform: translateY(2px) rotate(225deg);
  }

  body.page-id-15 ._products_page .categoryColumn > ul {
    position: absolute !important;
    z-index: 120;
    top: 76px;
    left: 0;
    display: none !important;
    width: 250px !important;
    max-height: 360px;
    padding: 10px !important;
    overflow-y: auto;
    border: 1px solid var(--etx-line);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 44px rgba(16, 24, 40, 0.17);
  }

  body.page-id-15 ._products_page .categoryColumn:nth-last-child(-n + 2) > ul {
    right: 0;
    left: auto;
  }

  body.page-id-15 ._products_page .categoryColumn.etx-mobile-category-open {
    z-index: 130;
  }

  body.page-id-15 ._products_page .categoryColumn.etx-mobile-category-open > ul {
    display: block !important;
  }

  body.page-id-15 ._products_page .categoryColumn ul li {
    min-height: 36px;
    margin-bottom: 5px !important;
    padding: 9px 10px !important;
    font-size: 13px !important;
  }
}

/* Product toolbar, search and progressive catalog */
body.page-id-15 .etx-product-toolbar {
  min-height: 72px;
  padding: 14px 0 !important;
}

body.page-id-15 .etx-product-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

body.page-id-15 .etx-product-search-control {
  position: relative;
  display: block;
}

body.page-id-15 .etx-product-search-control::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 13px;
  left: 14px;
  width: 12px;
  height: 12px;
  border: 2px solid var(--etx-muted);
  border-radius: 50%;
  pointer-events: none;
}

body.page-id-15 .etx-product-search-control::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 26px;
  left: 27px;
  width: 7px;
  height: 2px;
  background: var(--etx-muted);
  transform: rotate(45deg);
  pointer-events: none;
}

body.page-id-15 .etx-product-search {
  width: 260px;
  height: 44px;
  padding: 0 38px 0 42px;
  border: 1px solid var(--etx-line);
  border-radius: 6px;
  background: #ffffff;
  color: var(--etx-ink);
  font-size: 14px;
}

body.page-id-15 .etx-product-search:focus,
body.page-id-15 .etx-product-reset:focus-visible,
body.page-id-15 .etx-load-more-button:focus-visible {
  border-color: var(--etx-blue);
  outline: none;
  box-shadow: 0 0 0 4px rgba(31, 64, 171, 0.11);
}

body.page-id-15 .etx-product-reset {
  height: 44px;
  padding: 0 16px;
  border: 1px solid var(--etx-line);
  border-radius: 6px;
  background: #ffffff;
  color: var(--etx-blue);
  cursor: pointer;
  font-size: 14px;
  font-weight: 750;
}

body.page-id-15 .etx-product-reset:hover {
  border-color: var(--etx-blue);
  background: var(--etx-soft-blue);
}

body.page-id-15 .etx-catalog-filtered-out,
body.page-id-15 .etx-catalog-page-out {
  display: none !important;
}

body.page-id-15 .etx-load-more-wrap,
body.page-id-15 .etx-product-empty-state {
  grid-column: 1 / -1;
  width: 100%;
  box-sizing: border-box;
}

body.page-id-15 .etx-load-more-wrap {
  display: flex;
  justify-content: center;
  padding: 26px 0 10px;
  order: 100000 !important;
}

body.page-id-15 .etx-load-more-wrap[hidden] {
  display: none !important;
}

body.page-id-15 .etx-load-more-button {
  min-height: 48px;
  padding: 0 24px;
  border: 1px solid var(--etx-blue);
  border-radius: 6px;
  background: var(--etx-blue);
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 800;
}

body.page-id-15 .etx-load-more-button:hover {
  background: var(--etx-blue-2);
}

body.page-id-15 .etx-product-empty-state {
  display: grid;
  justify-items: center;
  gap: 8px;
  margin: 18px 0 50px;
  padding: 48px 20px;
  border: 1px dashed #bdc9d8;
  border-radius: 8px;
  background: #ffffff;
  color: var(--etx-muted);
  text-align: center;
  order: 99999 !important;
}

body.page-id-15 .etx-product-empty-state[hidden] {
  display: none !important;
}

body.page-id-15 .etx-product-empty-state strong {
  color: var(--etx-ink);
  font-size: 20px;
}

body.page-id-15 .productItem {
  min-height: 320px;
}

body.page-id-15 .productItem h3 {
  display: -webkit-box !important;
  min-height: 44px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* Cleaner featured-products presentation */
#istaknutiProizvodi .etx-featured-heading {
  margin: 0 0 24px !important;
  color: var(--etx-ink);
  font-size: 32px;
  font-weight: 850;
  line-height: 1.15;
  text-align: center;
}

#istaknutiProizvodi .etx-featured-heading::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin: 13px auto 0;
  background: linear-gradient(90deg, var(--etx-blue), var(--etx-red));
}

.istaknutiBox .istaknuti {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.istaknutiBox .istaknuti > .valign {
  padding: 0 2px;
}

.istaknutiBox .product {
  box-shadow: 0 7px 20px rgba(16, 24, 40, 0.065) !important;
}

/* About page: relevant image and compact trust facts */
body.page-id-11 .etx-about-enhanced img {
  aspect-ratio: 5 / 4 !important;
}

body.page-id-11 .etx-about-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 28px;
}

body.page-id-11 .etx-about-facts > div {
  min-width: 0;
  padding: 15px 13px;
  border-left: 3px solid var(--etx-blue);
  background: var(--etx-soft);
}

body.page-id-11 .etx-about-facts strong,
body.page-id-11 .etx-about-facts span {
  display: block;
}

body.page-id-11 .etx-about-facts strong {
  margin-bottom: 5px;
  color: var(--etx-ink);
  font-size: 14px;
  line-height: 1.25;
}

body.page-id-11 .etx-about-facts span {
  color: var(--etx-muted);
  font-size: 12px;
  line-height: 1.35;
}

/* Contact form with useful information beside it */
body.page-id-13 .etx-contact-enhanced > .wp-block-group {
  width: min(1100px, 100%) !important;
}

body.page-id-13 .etx-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
  gap: 22px;
  position: relative;
  left: 50%;
  width: min(1040px, calc(100vw - 40px));
  max-width: none !important;
  margin: 34px auto 0;
  transform: translateX(-50%);
}

body.page-id-13 .etx-contact-layout .wpcf7 {
  width: 100% !important;
  margin: 0 !important;
}

body.page-id-13 .etx-contact-info {
  padding: 28px;
  border: 1px solid var(--etx-line);
  border-top: 4px solid var(--etx-blue);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--etx-shadow-soft);
}

body.page-id-13 .etx-contact-info h3 {
  margin: 0 0 20px;
  color: var(--etx-ink);
  font-size: 23px;
  line-height: 1.2;
}

body.page-id-13 .etx-contact-info > div {
  padding: 15px 0;
  border-top: 1px solid var(--etx-line);
}

body.page-id-13 .etx-contact-info span,
body.page-id-13 .etx-contact-info a,
body.page-id-13 .etx-contact-info p {
  display: block;
}

body.page-id-13 .etx-contact-info span {
  margin-bottom: 6px;
  color: var(--etx-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

body.page-id-13 .etx-contact-info a,
body.page-id-13 .etx-contact-info p {
  margin: 0 0 4px;
  color: var(--etx-ink) !important;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: anywhere;
}

body.page-id-13 .etx-contact-info a:hover {
  color: var(--etx-blue) !important;
}

body.page-id-11 .entry-content > .wp-block-cover:last-child iframe,
body.page-id-13 .entry-content > .wp-block-cover:last-child iframe,
.entry-content iframe[src*="google.com/maps"] {
  height: 360px !important;
}

@media only screen and (max-width: 900px) {
  body.home .etx-credibility-section {
    display: none !important;
  }

  body.page-id-15 .etx-product-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  body.page-id-15 .etx-product-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
    width: 100%;
  }

  body.page-id-15 .etx-product-search-control {
    grid-column: 1 / -1;
  }

  body.page-id-15 .etx-product-search {
    width: 100%;
  }

  body.page-id-15 .etx-product-sort-control {
    min-width: 0;
  }

  body.page-id-15 .etx-product-sort {
    width: 100%;
    min-width: 0;
  }

  body.page-id-15 .productItem {
    min-height: 280px;
  }

  #istaknutiProizvodi .etx-featured-heading {
    margin-bottom: 18px !important;
    font-size: 26px;
  }

  body.page-id-11 .etx-about-facts {
    grid-template-columns: 1fr;
  }

  body.page-id-13 .etx-contact-layout {
    grid-template-columns: 1fr;
    left: 0;
    width: 100%;
    transform: none;
  }

  body.page-id-13 .etx-contact-info {
    padding: 22px;
  }

  body.page-id-11 .entry-content > .wp-block-cover:last-child iframe,
  body.page-id-13 .entry-content > .wp-block-cover:last-child iframe,
  .entry-content iframe[src*="google.com/maps"] {
    height: 310px !important;
  }
}

@media only screen and (max-width: 540px) {
  body.page-id-15 .etx-product-tools {
    grid-template-columns: 1fr;
  }

  body.page-id-15 .etx-product-search-control,
  body.page-id-15 .etx-product-sort-control,
  body.page-id-15 .etx-product-reset {
    grid-column: 1;
    width: 100%;
  }

  body.page-id-15 .etx-product-sort-control {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
  }
}

/* Category preparation icon stays white in the blue icon box. */
.etx-category-preparation > .etx-home-category-toggle .etx-home-category-toggle-icon svg,
.etx-category-preparation > .etx-home-category-toggle .etx-home-category-toggle-icon svg *,
body.page-id-15 .etx-category-preparation > .etx-mobile-category-toggle .etx-mobile-category-toggle-icon svg,
body.page-id-15 .etx-category-preparation > .etx-mobile-category-toggle .etx-mobile-category-toggle-icon svg * {
  color: #ffffff !important;
  fill: #ffffff !important;
  filter: none !important;
}

/* Final header and page-spacing correction */
html body.wp-custom-logo header.wp-block-template-part .top_blue_line.mainBlue_bg {
  height: 5px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body.wp-custom-logo header.wp-block-template-part {
  position: static !important;
  top: auto !important;
  height: auto !important;
  min-height: 83px !important;
  padding: 0 !important;
}

html body.wp-custom-logo header.wp-block-template-part > .wp-block-group {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

html body.wp-custom-logo header.wp-block-template-part .logoimg {
  top: 0 !important;
  left: auto !important;
  margin-bottom: 0 !important;
}

html body.wp-custom-logo header.wp-block-template-part .wp-block-navigation__container {
  top: 0 !important;
}

html body .entry-content {
  padding-top: 0 !important;
}

/* Inner pages start close to the header; desktop home remains unchanged. */
html body.page-id-15 #vueElement {
  padding-top: 32px !important;
}

html body.page-id-11 .entry-content > section:first-child {
  padding-top: 44px !important;
}

html body.page-id-13 .entry-content > section:first-child {
  padding-top: 40px !important;
}

html body.page-id-11 .entry-content > section:first-child > div:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.page-id-15 .productItem:empty,
html body.page-id-15 .productItem:not(:has(.productLink)) {
  display: none !important;
}

@media (max-width: 900px) {
  html body.wp-custom-logo header.wp-block-template-part {
    min-height: 69px !important;
  }

  html body.wp-custom-logo header.wp-block-template-part > .wp-block-group {
    padding: 8px 12px !important;
  }

  html body.wp-custom-logo header.wp-block-template-part .logoimg {
    top: 0 !important;
    left: 0 !important;
    width: 152px !important;
    min-width: 152px !important;
    margin-bottom: 0 !important;
  }

  html body.wp-custom-logo header.wp-block-template-part .logoimg img,
  html body.wp-custom-logo header.wp-block-template-part .logoimg .custom-logo {
    width: 152px !important;
    max-width: 152px !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
  }

  html body.wp-custom-logo header.wp-block-template-part .wp-block-navigation__responsive-container-open {
    top: 0 !important;
  }

  html body.home #videoBox {
    margin-top: 0 !important;
  }

  html body.page-id-15 #vueElement {
    padding-top: 24px !important;
  }

  html body.page-id-11 .entry-content > section:first-child,
  html body.page-id-13 .entry-content > section:first-child {
    padding-top: 24px !important;
  }
}

/* Uklanja prazni ghost proizvod na stranici Proizvodi */
body.page-id-15 #vueElement > ._productColumn > .wp-block-column:not(.productItem),
body.page-id-15 #vueElement > ._productColumn > .showTextOnHover:not(.productItem) {
  display: none !important;
}

@media (max-width: 900px) {
  html body header {
    min-height: 69px !important;
  }

  html body header > .wp-block-group {
    padding: 8px 12px !important;
  }

  html body.mobile .logoimg,
  html body .logoimg {
    top: 0 !important;
    left: 0 !important;
    width: 152px !important;
    min-width: 152px !important;
    margin-bottom: 0 !important;
  }

  html body.mobile .logoimg img,
  html body header .logoimg img {
    width: 152px !important;
    max-width: 152px !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
  }

  html body header .wp-block-navigation__responsive-container-open {
    top: 0 !important;
  }

  html body #videoBox,
  html body.home #videoBox {
    margin-top: 0 !important;
  }

  html body.page-id-15 #vueElement {
    padding-top: 24px !important;
  }

  html body.page-id-11 .entry-content > section:first-child,
  html body.page-id-13 .entry-content > section:first-child {
    padding-top: 24px !important;
  }
}