.lgt-shop, .lgt-shop * { box-sizing: border-box; }

    .lgt-shop {
      width: 100%;
      max-width: 1376px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 325px minmax(0, 1fr);
      grid-template-areas: "top top" "side main";
      column-gap: 25px;
      row-gap: 18px;
      align-items: start;
    }

    /* ---------- TOPBAR (breadcrumb a sidebar fölött, count az 1. kép fölött) ---------- */
    .lgt-shop__topbar {
      grid-area: top;
      display: grid;
      grid-template-columns: 325px minmax(0, 1fr);
      column-gap: 25px;
      align-items: center;
      padding: 0 2px 4px;
    }

    .lgt-shop__topbar-left { min-width: 0; }

    .lgt-shop__topbar-right {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      min-width: 0;
    }

    .lgt-shop__breadcrumbs {
      min-width: 0;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #33312A;
    }
    .lgt-shop__breadcrumbs a { color: #33312A; text-decoration: none; }
    .lgt-shop__breadcrumbs a:hover { text-decoration: underline; }
    .lgt-shop__crumb-sep { color: #FFCB05; font-weight: 900; margin: 0 7px; }
    .lgt-shop__crumb-current { color: #8b8b8b; }

    .lgt-shop__result-count {
      margin: 0;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #8b8b8b;
    }
    .lgt-shop__sort {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin: 0;
      flex: 0 0 auto;
    }
    .lgt-shop__sort-label {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #8b8b8b;
      white-space: nowrap;
    }

    /* ---------- Mockup-illesztett SELECT (sárga nyíl) ---------- */
    .lgt-select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 30px;
      min-width: 150px;
      border: 1px solid #939598;
      border-radius: 4px;
      background-color: #EDEDEE;
      color: #33312A;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 0 30px 0 12px;
      cursor: pointer;
      outline: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23FFCB05' stroke-width='2'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 11px center;
    }

    /* ---------- SIDEBAR ---------- */
    .lgt-shop__sidebar {
      grid-area: side;
      width: 100%;
      min-width: 0;
      background: #EDEDEE;
      border: 1px solid #939598;
      border-radius: 10px;
      padding: 24px 20px;
    }
    .lgt-shop-filter { margin: 0; }
    .lgt-shop-active-search {
  margin: 0 0 22px 0;
  padding: 14px 14px;
  border: 1px solid rgba(51, 49, 42, 0.16);
  border-radius: 8px;
  background: #ffffff;
}

.lgt-shop-active-search__label {
  margin: 0 0 6px 0;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #8b8b8b;
}

.lgt-shop-active-search__term {
  margin: 0 0 12px 0;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.3;
  color: #33312A;
  overflow-wrap: anywhere;
}

.lgt-shop-actions,
.lgt-shop__empty-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.lgt-shop-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #FFCB05;
  border-radius: 6px;
  background: #FFCB05;
  color: #33312A;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-decoration: none;
  cursor: pointer;
}

.lgt-shop-btn:hover {
  color: #33312A;
  text-decoration: none;
  filter: brightness(0.96);
}

.lgt-shop-btn--ghost {
  background: #ffffff;
  border-color: #939598;
}

.lgt-shop__empty-title {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.3;
  color: #33312A;
}

.lgt-shop__empty-text {
  margin: 0 0 16px 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  color: #4f4c45;
}

    .lgt-shop-filter__group { margin: 0 0 26px 0; padding: 0; border: 0; }
    .lgt-shop-filter__group:last-child { margin-bottom: 0; }

    .lgt-shop-filter__title {
      margin: 0 0 14px 0;
      font-size: 14px;
      font-weight: 900;
      line-height: 1.2;
      color: #33312A;
      text-transform: uppercase;
      letter-spacing: 0.02em;
    }

    .lgt-shop-filter__check {
      display: flex;
      align-items: center;
      gap: 11px;
      width: 100%;
      min-width: 0;
      margin: 0 0 10px 0;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.25;
      color: #4f4c45;
      cursor: pointer;
    }
    .lgt-shop-filter__check:last-child { margin-bottom: 0; }
    .lgt-shop-filter__check--parent { font-weight: 800; color: #33312A; }

    .lgt-shop-filter__check input {
      width: 22px;
      height: 22px;
      flex: 0 0 22px;
      margin: 0;
      accent-color: #FFCB05;
      cursor: pointer;
    }

    /* ---------- Összecsukható fő kategóriák ---------- */
    .lgt-shop-filter__details {
      width: 100%;
      min-width: 0;
      margin: 0 0 8px 0;
      border-bottom: 1px solid rgba(51, 49, 42, 0.12);
    }
    .lgt-shop-filter__details:last-child { border-bottom: 0; margin-bottom: 0; }

    .lgt-shop-filter__summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      width: 100%;
      min-width: 0;
      padding: 9px 0;
      margin: 0;
      list-style: none;
      cursor: pointer;
      color: #33312A;
      font-size: 13px;
      font-weight: 800;
      line-height: 1.25;
    }
    .lgt-shop-filter__summary::-webkit-details-marker { display: none; }
    .lgt-shop-filter__summary-label { min-width: 0; overflow-wrap: anywhere; }

    .lgt-shop-filter__chevron {
      width: 9px;
      height: 9px;
      flex: 0 0 9px;
      margin-right: 2px;
      border-right: 2px solid #33312A;
      border-bottom: 2px solid #33312A;
      transform: rotate(45deg);
      transition: transform 0.18s ease;
    }
    .lgt-shop-filter__details[open] > .lgt-shop-filter__summary .lgt-shop-filter__chevron {
      transform: rotate(225deg);
    }

    .lgt-shop-filter__children {
      padding: 4px 0 10px 14px;
      margin-left: 4px;
      border-left: 1px solid rgba(51, 49, 42, 0.12);
    }
    .lgt-shop-filter__children .lgt-shop-filter__details:last-child { margin-bottom: 0; }

    .lgt-shop-filter__price {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 8px;
      margin: 14px 0 14px 0;
    }
    .lgt-shop-filter__price input {
      width: 100%;
      min-width: 0;
      height: 40px;
      border: 1px solid #939598;
      border-radius: 6px;
      background: #ffffff;
      padding: 0 12px;
      font-size: 13px;
      color: #33312A;
      outline: none;
    }
    .lgt-shop-filter__price-sep { color: #8b8b8b; }

    .lgt-shop-filter__submit {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 117px;
      height: 40px;
      border: 0;
      border-radius: 6px;
      background: #FFCB05;
      color: #33312A;
      font-size: 13px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      cursor: pointer;
    }
    .lgt-shop-filter__submit:hover { filter: brightness(0.96); }

    .lgt-shop-filter__select-wrap { margin-top: 2px; }
    .lgt-shop-filter__select-wrap .lgt-select {
      width: 100%;
      height: 40px;
      background-color: #ffffff;
      border-radius: 6px;
    }

    /* ---------- MAIN / GRID ---------- */
    .lgt-shop__main { grid-area: main; min-width: 0; }

    .lgt-shop__grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 40px 25px;
      width: 100%;
      min-width: 0;
    }

    .lgt-product-card {
      min-width: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .lgt-product-card__image {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      aspect-ratio: 325 / 263;
      background: #ffffff;
      border: 1px solid #939598;
      border-radius: 10px;
      overflow: hidden;
      text-decoration: none;
      margin: 0 0 14px 0;
    }
    .lgt-product-card__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
    }
    .lgt-product-card__brand {
      margin: 0 0 6px 0;
      color: #FFCB05;
      font-size: 14px;
      line-height: 1.1;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.02em;
    }
    .lgt-product-card__title {
      margin: 0 0 10px 0;
      color: #4f4c45;
      font-size: 11px;
      line-height: 1.3;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      text-decoration: none;
      overflow-wrap: anywhere;
    }
    .lgt-product-card__title:hover { color: #33312A; text-decoration: underline; }
    .lgt-product-card__price {
      margin: 0;
      color: #111111;
      font-size: 17px;
      line-height: 1.2;
      font-weight: 900;
    }
    .lgt-product-card__price .amount { font-weight: 900; }

    .lgt-shop__empty {
      padding: 32px;
      background: #f5f5f5;
      border-radius: 10px;
      color: #33312A;
      font-weight: 700;
    }

    /* ---------- PAGINÁCIÓ ---------- */
    .lgt-shop__pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin: 44px 0 0 0;
    }
    .lgt-shop__pagination .page-numbers {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 34px;
      height: 34px;
      padding: 0 9px;
      border: 1px solid transparent;
      border-radius: 6px;
      color: #33312A;
      font-size: 14px;
      font-weight: 700;
      text-decoration: none;
    }
    .lgt-shop__pagination .page-numbers.current {
      border-color: #FFCB05;
      color: #33312A;
    }
    .lgt-shop__pagination .page-numbers.dots { border-color: transparent; }
    .lgt-shop__pagination a.page-numbers:hover {
      border-color: #FFCB05;
      text-decoration: none;
    }
    .lgt-shop__pagination .prev,
    .lgt-shop__pagination .next { color: #FFCB05; font-weight: 900; }

    /* ---------- AJAX állapot ---------- */
    .lgt-shop.is-loading .lgt-shop__results { opacity: 0.45; transition: opacity 0.15s ease; pointer-events: none; }
    .lgt-shop__results { transition: opacity 0.15s ease; }

    /* ---------- RESPONSIVE ---------- */
    @media (max-width: 1100px) {
      .lgt-shop { grid-template-columns: 280px minmax(0, 1fr); column-gap: 20px; }
      .lgt-shop__topbar { grid-template-columns: 280px minmax(0, 1fr); column-gap: 20px; }
      .lgt-shop__grid { gap: 30px 18px; }
    }
    @media (max-width: 900px) {
      .lgt-shop {
        grid-template-columns: 1fr;
        grid-template-areas: "top" "side" "main";
      }
      .lgt-shop__topbar {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
      }
      .lgt-shop__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 560px) {
      .lgt-shop__topbar-right { flex-wrap: wrap; gap: 10px; }
      .lgt-shop__grid { grid-template-columns: 1fr; gap: 28px; }
    }