/* Keep WooCommerce clearfix pseudo-elements from occupying product grid cells. */
.language-switch{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:var(--muted)}
.language-switch a{padding:5px 7px;border-radius:8px}
.language-switch a.active{background:var(--lime);color:var(--ink)}
.woocommerce ul.products {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  content: none !important;
  display: none !important;
}

.woocommerce ul.products li.product {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  min-width: 0;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height: 2.3em;
}

.woocommerce ul.products li.product .price {
  margin-top: auto;
}

.woocommerce ul.products li.product .button {
  align-self: flex-start;
  margin-top: 14px;
}

.woocommerce ul.products li.product img {
  width: 100%;
}

@media (max-width: 900px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .header-inner{gap:10px}
  .language-switch{margin-left:auto}
  .language-switch a{padding:4px}
  .woocommerce ul.products {
    grid-template-columns: 1fr !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 0;
  }
}

/* A single protected reading width for every internal page. The homepage keeps
   its full-width sections and applies .wrap within each section instead. */
main.site-main,
.woocommerce-page main#primary,
.woocommerce-page .content-area:not(:has(main.site-main)) {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

body:not(.home) main.site-main h1 {
  max-width: 100%;
  font-size: clamp(36px, 5vw, 58px);
  overflow-wrap: anywhere;
}

body:not(.home) main.site-main h2,
body:not(.home) .woocommerce-Tabs-panel h2,
body:not(.home) .related.products > h2 {
  max-width: 100%;
  font-size: clamp(28px, 3.6vw, 42px);
  overflow-wrap: anywhere;
}

body:not(.home) main.site-main h3 {
  max-width: 100%;
  font-size: clamp(21px, 2.6vw, 30px);
  overflow-wrap: anywhere;
}

body:not(.home) main.site-main p,
body:not(.home) main.site-main li,
body:not(.home) main.site-main td,
body:not(.home) main.site-main th {
  overflow-wrap: anywhere;
}

.single-product .woocommerce-Tabs-panel,
.single-product .related.products {
  overflow: hidden;
}

.single-product .woocommerce-Tabs-panel h2,
.single-product .related.products > h2 {
  max-width: 100%;
  font-size: clamp(30px, 4vw, 46px);
  overflow-wrap: anywhere;
}

/* WooCommerce falls back to WordPress's legacy sidebar.php when a theme does
   not provide a shop sidebar. It contains blog search/archive widgets that do
   not belong in this focused four-product store. */
body.woocommerce #sidebar,
body.woocommerce-page #sidebar {
  display: none !important;
}

body.woocommerce #container,
body.woocommerce-page #container {
  width: 100%;
}

/* The theme's global button treatment must not enlarge the Cart Block's small
   quantity and remove controls. */
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  background: #eef4f0 !important;
  color: #174b38 !important;
}

.wc-block-cart-item__remove-link,
button.wc-block-cart-item__remove-link {
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 12px 0 0 !important;
  padding: 4px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #8d2929 !important;
}

@media (max-width: 560px) {
  main.site-main,
  .woocommerce-page main#primary,
  .woocommerce-page .content-area:not(:has(main.site-main)) {
    width: calc(100% - 32px);
  }

  body:not(.home) main.site-main h1 {
    font-size: clamp(32px, 10vw, 44px);
  }

  body:not(.home) main.site-main h2,
  body:not(.home) .woocommerce-Tabs-panel h2,
  body:not(.home) .related.products > h2 {
    font-size: clamp(28px, 9vw, 38px);
  }

  .wc-block-components-quantity-selector {
    margin-right: 0 !important;
  }
}