/* AUTO-GENERATED jojo-catalog.css: #manufacturer parity twins of every #category rule
   in jojo-catalog.css. Mechanically derived (selector text swap only, identical
   declarations) so brand pages get the exact same layout as category
   pages. Scoped entirely to body#manufacturer -- cannot affect any
   other page. Source of truth for review: the original file. */

#manufacturer #wrapper, #search #wrapper, #prices-drop #wrapper, #new-products #wrapper, #best-sales #wrapper { padding-top: 0; }
#manufacturer #content, #search #content, #prices-drop #content, #new-products #content, #best-sales #content { max-width: none; }
#manufacturer .block-category, #manufacturer .page-header, .page-title-section { background: var(--jojo-white); border: 0; margin: 0; min-height: 0; padding: clamp(44px,6vw,82px) max(24px,calc((100vw - 1480px)/2)) 28px; text-align: center; }
#manufacturer .block-category h1, #manufacturer .page-header h1, .page-title-section, .page-title-section__title { font-family: var(--jojo-sans); font-size: clamp(28px,3.1vw,48px); font-weight: 700; letter-spacing: .055em; line-height: 1; margin: 0; max-width: none; text-transform: uppercase; }
#manufacturer .block-category .category-cover, #manufacturer .block-category .category-description, #manufacturer .category__description { display: none; }
#manufacturer .block-category .category-description p { color: var(--jojo-muted); font-size: 13px; line-height: 1.7; margin: 22px 0 0; max-width: 540px; }
#manufacturer #left-column { border: 0; margin-top: 0; padding: 30px 28px 0 max(24px,calc((100vw - 1480px)/2)); width: min(290px,22vw); }
#manufacturer #left-column .block, #manufacturer #left-column .faceted-search-filters { border-bottom: 1px solid var(--jojo-line); border-radius: 0; box-shadow: none; margin: 0; padding: 18px 0; }
#manufacturer #left-column .block__title, #manufacturer #left-column .facet-title, #manufacturer #left-column .facet-label { font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
#manufacturer #left-column .facet-title { display: flex; justify-content: space-between; }
#manufacturer #left-column .facet-title .navbar-toggler { border: 0; color: inherit; padding: 0; }
#manufacturer #left-column .facet-label { color: var(--jojo-muted); font-size: 11px; font-weight: 500; letter-spacing: .03em; text-transform: none; }
#manufacturer #left-column .facet-label a { text-decoration: none; }
#manufacturer #content-wrapper { min-width: 0; padding: 0 max(24px,calc((100vw - 1480px)/2)) 74px 20px; }


@media (min-width: 1200px) {
  #manufacturer .products { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

@media (max-width: 991.98px) {
  #manufacturer .block-category, #manufacturer .page-header, .page-title-section { min-height: 205px; padding-inline: 24px; }
}

@media (max-width: 991.98px) {
  #manufacturer #left-column { display: none; }
}

@media (max-width: 991.98px) {
  #manufacturer #content-wrapper { padding: 0 24px 56px; width: 100%; }
}

@media (max-width: 991.98px) {
  #manufacturer .products { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 767.98px) {
  #manufacturer .block-category, #manufacturer .page-header, .page-title-section { min-height: 0; padding: 38px 16px 22px; }
}

@media (max-width: 767.98px) {
  #manufacturer .block-category h1, #manufacturer .page-header h1, .page-title-section, .page-title-section__title { font-size: clamp(25px,8vw,34px); }
}

@media (max-width: 767.98px) {
  #manufacturer #content-wrapper { padding: 0 12px 46px; }
}

@media (max-width: 767.98px) {
  #manufacturer .products, .products { column-gap: 6px; grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 27px; }
}

/* ---------- New jojo_child-only markup: compact brand header, footer
   description, and the "Συνέχισε την ανακάλυψη" related-links block.
   All scoped to classes only used on the manufacturer.tpl override. ---------- */
.jojo-brand-header {
  margin: 0 auto;
  max-width: var(--jojo-page);
  padding: clamp(44px,6vw,82px) max(24px,calc((100vw - 1480px)/2)) 8px;
  text-align: center;
}
.jojo-brand-header__intro {
  color: var(--jojo-muted);
  font-size: 13px;
  line-height: 1.7;
  margin: 14px auto 0;
  max-width: 540px;
}
.jojo-brand-full-description {
  border-top: 1px solid var(--jojo-line);
  color: var(--jojo-muted);
  font-size: 13px;
  line-height: 1.75;
  margin: 48px auto 0;
  max-width: var(--jojo-page);
  padding: 40px max(24px,calc((100vw - 1480px)/2)) 60px;
}
.jojo-brand-related {
  border-top: 1px solid var(--jojo-line);
  margin: 40px auto 0;
  max-width: var(--jojo-page);
  padding: 32px max(24px,calc((100vw - 1480px)/2)) 0;
}
.jojo-brand-related__title { margin-bottom: 18px; text-align: center; }
.jojo-brand-related__list { display: grid; gap: 12px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.jojo-brand-related__card {
  align-items: center;
  border: 1px solid var(--jojo-line);
  color: var(--jojo-ink);
  display: flex;
  font-family: var(--jojo-condensed);
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .05em;
  min-height: 64px;
  padding: 14px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background var(--jojo-ease), color var(--jojo-ease);
}
.jojo-brand-related__card:hover { background: var(--jojo-ink); color: #fff; }

@media (max-width: 767.98px) {
  .jojo-brand-header { padding: 27px 16px 6px; }
  .jojo-brand-full-description { margin-top: 30px; padding: 24px 16px 40px; }
  .jojo-brand-related { margin-top: 24px; padding: 20px 16px 0; }
  .jojo-brand-related__list {
    -webkit-overflow-scrolling: touch;
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .jojo-brand-related__list::-webkit-scrollbar { display: none; }
  .jojo-brand-related__card { flex: 0 0 auto; min-width: 62vw; scroll-snap-align: start; }
}


/* AUTO-GENERATED jojo-final-storefront-20260810.css: #manufacturer parity twins of every #category rule
   in jojo-final-storefront-20260810.css. Mechanically derived (selector text swap only, identical
   declarations) so brand pages get the exact same layout as category
   pages. Scoped entirely to body#manufacturer -- cannot affect any
   other page. Source of truth for review: the original file. */

body#manufacturer .product-miniature__actions,
body#search .product-miniature__actions,
body#prices-drop .product-miniature__actions,
body#new-products .product-miniature__actions,
body#best-sales .product-miniature__actions {
  display: none !important;
}

@media (min-width: 768px) {
  #manufacturer .products,
  #search .products,
  #prices-drop .products,
  #new-products .products,
  #best-sales .products {
    display: grid !important;
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
    column-gap: 10px !important;
    row-gap: 34px !important;
  }
}


@media (max-width: 767.98px) {
  #manufacturer .block-category,
  #manufacturer .page-header,
  .page-title-section {
    padding: 27px 14px 15px !important;
  }
}


@media (max-width: 767.98px) {
  #manufacturer .block-category h1,
  #manufacturer .page-header h1,
  .page-title-section__title {
    font-family: var(--jojo-condensed) !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
  }
}


@media (max-width: 767.98px) {
  #manufacturer #content-wrapper,
  #search #content-wrapper,
  #prices-drop #content-wrapper,
  #new-products #content-wrapper,
  #best-sales #content-wrapper { padding: 0 0 42px !important; }
}


@media (max-width: 767.98px) {
  #manufacturer .products,
  #search .products,
  #prices-drop .products,
  #new-products .products,
  #best-sales .products {
    column-gap: 4px !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    row-gap: 10px !important;
  }
}
body#manufacturer #search_filter_toggler {
  border: 0 !important;
  font-family: var(--jojo-condensed) !important;
  font-size: 13px !important;
  letter-spacing: .035em !important;
}
body#manufacturer #offcanvas-faceted .offcanvas-title,
body#manufacturer #offcanvas-faceted .accordion-button {
  font-family: var(--jojo-condensed) !important;
  font-size: 16px !important;
  letter-spacing: .025em !important;
}
body#manufacturer #left-column:has(#offcanvas-faceted) {
  display: contents !important;
}
body#manufacturer #offcanvas-faceted {
  width: min(430px, 100vw) !important;
}
body#manufacturer #offcanvas-faceted .accordion-body {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  padding: 8px 0 22px !important;
}
body#manufacturer #offcanvas-faceted .search-filters__form-check {
  align-items: center;
  border: 1px solid var(--jojo-line);
  justify-content: center;
  min-height: 48px;
  padding: 8px !important;
  text-align: center;
}
body#manufacturer #offcanvas-faceted .search-filters__form-check input { display: none; }
body#manufacturer #offcanvas-faceted .search-filters__form-label { margin: 0 !important; }

@media (max-width: 767.98px) {
  body#manufacturer #offcanvas-faceted { width: 100vw !important; }
}

@media (max-width: 767.98px) {
  body#manufacturer #offcanvas-faceted .offcanvas-header { justify-content: center; min-height: 70px !important; }
}

@media (max-width: 767.98px) {
  body#manufacturer #offcanvas-faceted .btn-close { position: absolute; right: 20px; }
}

@media (max-width: 767.98px) {
  body#manufacturer #offcanvas-faceted .offcanvas-body { padding: 0 20px 92px !important; }
}
body#manufacturer .products__sort {
  align-items: center;
  display: flex !important;
  flex: 0 0 auto !important;
  margin-left: auto;
  width: auto !important;
}
body#manufacturer .products__sort-label,
body#manufacturer .products__sort-dropdown { display: none !important; }
body#manufacturer .products__selection {
  align-items: center;
  justify-content: space-between;
}
body#manufacturer #search_filter_toggler {
  align-items: center;
  color: #171717 !important;
  display: inline-flex;
  gap: 7px;
  min-height: 36px;
  padding: 5px 0 !important;
  width: auto !important;
}
body#manufacturer #search_filter_toggler .material-icons {
  font-size: 17px !important;
  font-weight: 300;
}
body#manufacturer .jojo-filter-sort .accordion-body {
  display: grid !important;
  gap: 8px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  padding: 8px 0 22px !important;
}
body#manufacturer .jojo-filter-sort__option {
  align-items: center;
  border: 1px solid var(--jojo-line);
  color: #171717;
  display: flex;
  font-family: var(--jojo-condensed);
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .025em;
  min-height: 48px;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
body#manufacturer .jojo-filter-sort__option.current,
body#manufacturer .jojo-filter-sort__option:hover,
body#manufacturer .jojo-filter-sort__option:focus-visible {
  background: #171717;
  border-color: #171717;
  color: #fff;
}


@media (min-width: 992px) {
  body#manufacturer #left-column:has(#offcanvas-faceted) {
    display: block !important;
    flex: 0 0 0 !important;
    height: 0 !important;
    margin: 0 !important;
    max-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 0 !important;
  }
}


@media (min-width: 992px) {
  body#manufacturer #center-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}


@media (min-width: 992px) {
  body#manufacturer #main { padding-top: 8px; }
}


@media (min-width: 992px) {
  body#manufacturer .category__header {
    margin-bottom: 6px !important;
    padding: 16px 24px 10px !important;
  }
}


@media (min-width: 992px) {
  body#manufacturer .page-title-section,
  body#manufacturer .block-category,
  body#manufacturer .page-header { margin-bottom: 8px !important; padding-block: 16px 10px !important; }
}


@media (min-width: 992px) {
  body#manufacturer .page-title-section__title,
  body#manufacturer .block-category h1,
  body#manufacturer .page-header h1 {
    font-size: clamp(26px,2.15vw,34px) !important;
    line-height: 1 !important;
  }
}


@media (min-width: 992px) {
  body#manufacturer .jojo-category-rail { margin-bottom: 10px; min-height: 50px; }
}


@media (min-width: 992px) {
  body#manufacturer .jojo-category-rail a { padding-block: 15px 13px; }
}
body#manufacturer .product-miniature__image-link { position: relative; }
body#manufacturer .jojo-product-soldout {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  inset: 0;
  justify-content: center;
  letter-spacing: .14em;
  pointer-events: none;
  position: absolute;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  z-index: 5;
}
body#manufacturer .jojo-product-soldout::before {
  background: linear-gradient(180deg, rgba(14,13,12,.18), rgba(14,13,12,.07) 46%, rgba(14,13,12,.25));
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

@media (max-width: 767.98px) {
  body#manufacturer .page-title-section,
  body#manufacturer .block-category,
  body#manufacturer .page-header { padding: 18px 12px 9px !important; }
}

@media (max-width: 767.98px) {
  body#manufacturer .page-title-section__title,
  body#manufacturer .block-category h1,
  body#manufacturer .page-header h1 { font-size: 20px !important; line-height: 1 !important; }
}

@media (max-width: 767.98px) {
  body#manufacturer .jojo-category-rail { margin-bottom: 2px; }
}

@media (max-width: 767.98px) {
  body#manufacturer .products__selection { min-height: 44px !important; padding: 3px 11px !important; }
}

@media (max-width: 767.98px) {
  body#manufacturer .products__filter-button { margin-left: auto; }
}

@media (max-width: 767.98px) {
  body#manufacturer .page-title-section,
  body#manufacturer .block-category,
  body#manufacturer .page-header {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 14px 10px 11px !important;
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  body#manufacturer .page-title-section__title,
  body#manufacturer .block-category h1,
  body#manufacturer .page-header h1 {
    font-size: 18px !important;
    letter-spacing: .07em !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }
}

@media (max-width: 767.98px) {
  body#manufacturer .category__header {
    height: auto !important;
    min-height: 0 !important;
    padding: 13px 12px 11px !important;
  }
}

@media (max-width: 767.98px) {
  body#manufacturer .category__header > h1.page-title-section {
    font-size: 18px !important;
    letter-spacing: .07em !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
  }
}

@media (min-width: 992px) {
  body#manufacturer #left-column > :not(#offcanvas-faceted),
  body#manufacturer #left-column > #search_filters_wrapper,
  body#manufacturer #left-column > .ps-categorytree { display: none !important; }
}

@media (min-width: 992px) {
  body#manufacturer #left-column > #search_filters_wrapper,
  body#manufacturer #left-column > .ps-categorytree {
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }
}

@media (min-width: 992px) {
  body#manufacturer .category__header {
    margin-bottom: 0 !important;
    min-height: 0 !important;
    padding: 18px 24px 12px !important;
  }
}

@media (min-width: 992px) {
  body#manufacturer .category__header > h1.page-title-section {
    font-size: clamp(27px, 2.25vw, 32px) !important;
    letter-spacing: .035em !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
  }
}

@media (min-width: 992px) {
  body#manufacturer .jojo-category-rail {
    justify-content: center;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  body#manufacturer .jojo-category-rail > strong { display: none !important; }
}

@media (min-width: 992px) {
  body#manufacturer .products__selection {
    min-height: 44px !important;
    padding-block: 4px !important;
  }
}

@media (max-width: 767.98px) {
  body#manufacturer .category__header { padding: 6px 10px 7px !important; }
}

@media (max-width: 767.98px) {
  body#manufacturer .category__header > h1.page-title-section,
  body#manufacturer .page-title-section,
  body#manufacturer .block-category,
  body#manufacturer .page-header { padding-block: 5px !important; }
}

@media (max-width: 767.98px) {
  body#manufacturer .jojo-category-rail {
    align-items: center;
    display: flex !important;
    gap: 10px;
    min-height: 48px;
    overflow: hidden;
    padding: 0 10px !important;
  }
}

@media (max-width: 767.98px) {
  body#manufacturer .jojo-category-rail > strong { display: none !important; }
}

@media (max-width: 767.98px) {
  body#manufacturer .jojo-category-rail > div {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    white-space: nowrap;
  }
}

@media (max-width: 767.98px) {
  body#manufacturer .jojo-category-rail > div::-webkit-scrollbar { display: none; }
}

@media (max-width: 767.98px) {
  body#manufacturer .jojo-category-filter-trigger {
    background: transparent !important;
    border: 0 !important;
    color: #11100e !important;
    flex: 0 0 auto;
    font-size: 11px !important;
    margin: 0 !important;
    min-height: 36px !important;
    order: -1;
    padding: 0 3px !important;
  }
}

@media (max-width: 767.98px) {
  body#manufacturer .products__selection { min-height: 0 !important; padding: 0 !important; }
}

/* Brand-page continuation fix, 2026-09-04.
   Keep Hummingbird's mobile faceted-search offcanvas, but do not let the
   desktop category tree enter normal document flow on manufacturer pages. */
body#manufacturer .jojo-brand-header {
  padding: 24px max(24px, calc((100vw - 1480px) / 2)) 8px;
}

body#manufacturer .jojo-brand-header > .page-title-section {
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

@media (max-width: 991.98px) {
  body#manufacturer #left-column:has(#offcanvas-faceted) {
    display: block !important;
    flex: 0 0 0 !important;
    height: 0 !important;
    margin: 0 !important;
    max-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 0 !important;
  }

  body#manufacturer #left-column > .ps-categorytree,
  body#manufacturer #left-column > #search_filters_wrapper {
    display: none !important;
  }

  body#manufacturer #center-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 767.98px) {
  body#manufacturer .jojo-brand-header {
    padding: 16px 16px 6px;
  }
}

/* Final brand-header polish, 2026-09-04.
   Compact editorial rhythm and one reusable, low-profile navigation row. */
body#manufacturer .breadcrumb__wrapper {
  margin-bottom: 8px;
}

body#manufacturer .jojo-brand-header {
  padding-bottom: 6px;
  padding-top: 14px;
}

body#manufacturer .jojo-brand-header__intro {
  line-height: 1.6;
  margin-top: 8px;
}

body#manufacturer .jojo-brand-related {
  align-items: center;
  border: 0;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 12px auto 0;
  max-width: 100%;
  padding: 0;
}

body#manufacturer .jojo-brand-related__title {
  color: var(--jojo-muted);
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .03em;
  margin: 0;
}

body#manufacturer .jojo-brand-related__list {
  display: flex;
  gap: 7px;
  min-width: 0;
}

body#manufacturer .jojo-brand-related__card {
  background: #f7f7f6;
  border: 1px solid #e7e5e1;
  border-radius: 999px;
  color: var(--jojo-ink);
  display: inline-flex;
  font-family: var(--jojo-sans);
  font-size: 10px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: .035em;
  line-height: 1;
  min-height: 28px;
  padding: 8px 12px;
  text-decoration: none;
  text-transform: none;
  transition: background var(--jojo-ease), border-color var(--jojo-ease);
  white-space: nowrap;
}

body#manufacturer .jojo-brand-related__card:hover,
body#manufacturer .jojo-brand-related__card:focus-visible {
  background: #efefed;
  border-color: #cfccc7;
  color: var(--jojo-ink);
}

@media (max-width: 767.98px) {
  body#manufacturer .breadcrumb__wrapper {
    margin-bottom: 4px;
  }

  body#manufacturer .jojo-brand-header {
    padding: 8px 10px 4px;
  }

  body#manufacturer .jojo-brand-header__intro {
    font-size: 12px;
    line-height: 1.55;
    margin-top: 7px;
    padding: 0 6px;
  }

  body#manufacturer .jojo-brand-related {
    gap: 7px;
    justify-content: flex-start;
    margin-top: 9px;
    overflow: hidden;
  }

  body#manufacturer .jojo-brand-related__title {
    font-size: 10px;
  }

  body#manufacturer .jojo-brand-related__list {
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto;
    gap: 6px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  body#manufacturer .jojo-brand-related__list::-webkit-scrollbar {
    display: none;
  }

  body#manufacturer .jojo-brand-related__card {
    flex: 0 0 auto;
    min-height: 27px;
    min-width: 0;
    padding: 8px 10px;
    scroll-snap-align: start;
  }
}