/*
 * Universal Plywood — Products / Discover Our Brands
 * v1.1.65
 * Final Figma alignment layer. Loaded after all historic theme CSS.
 */

.up-brand-discover-section--products {
  background: #e7e1d2 !important;
  padding: 120px 0 122px !important;
  min-height: 0 !important;
  align-items: flex-start !important;
}

.up-brand-discover-section--products .up-brand-discover-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: clamp(88px, 8.25vw, 158px) !important;
  align-items: start !important;
}

.up-brand-discover-section--products .up-brand-discover-copy h2 {
  margin: 0 0 35px !important;
  font-family: Inter, sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--up-rt-discover-heading-desktop, 48px) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.up-brand-discover-section--products .up-brand-discover-copy > p {
  max-width: 610px !important;
  margin: 0 !important;
  font-family: Inter, sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  color: #2d2a26 !important;
}

/* The logo constellation visible in the original Products-page artwork. */
.up-brand-discover-section--products .up-brand-discover-logos {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 124px)) !important;
  align-items: center !important;
  justify-content: start !important;
  column-gap: 26px !important;
  row-gap: 24px !important;
  width: min(100%, 590px) !important;
  margin-top: 60px !important;
}

.up-brand-discover-section--products .up-brand-discover-logo {
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 124px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  cursor: pointer !important;
}

.up-brand-discover-section--products .up-brand-discover-logo img {
  display: block !important;
  width: auto !important;
  max-width: 118px !important;
  height: auto !important;
  max-height: 31px !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: grayscale(1) brightness(.46) contrast(1.18) !important;
  mix-blend-mode: multiply !important;
  opacity: .92 !important;
  transition: opacity .28s ease !important;
}

.up-brand-discover-section--products .up-brand-discover-logo > span {
  display: block !important;
  min-width: 0 !important;
  font-family: Inter, sans-serif !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
  text-align: left !important;
  color: #2d2a26 !important;
  white-space: nowrap !important;
}

.up-brand-discover-section--products .up-brand-discover-logo:hover img,
.up-brand-discover-section--products .up-brand-discover-logo:focus-visible img {
  opacity: .62 !important;
}

.up-brand-discover-section--products .up-brand-discover-list {
  display: grid !important;
  gap: 0 !important;
  align-content: start !important;
}

.up-brand-discover-section--products .up-brand-discover-list button,
.up-brand-discover-section--products .up-brand-discover-list a {
  min-height: 88px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-family: Inter, sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--up-rt-discover-links-desktop, 40px) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: #2d2a26 !important;
  text-transform: lowercase !important;
}

.up-brand-discover-section--products .up-brand-discover-list button:hover,
.up-brand-discover-section--products .up-brand-discover-list button:focus-visible,
.up-brand-discover-section--products .up-brand-discover-list a:hover,
.up-brand-discover-section--products .up-brand-discover-list a:focus-visible {
  color: #62a744 !important;
}

/* Arrow artwork remains the exact 11.5 × 11.05px Figma asset from v1.1.51. */
.up-brand-discover-section--products .up-brand-discover-list button > span:last-child,
.up-brand-discover-section--products .up-brand-discover-list a > span:last-child {
  width: var(--up-figma-arrow-width, 11.499942779541058px) !important;
  height: var(--up-figma-arrow-height, 11.046762466430705px) !important;
  min-width: var(--up-figma-arrow-width, 11.499942779541058px) !important;
}

@media (max-width: 1024px) {
  .up-brand-discover-section--products {
    padding: 78px 0 82px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-grid {
    gap: 58px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-copy h2 {
    font-size: var(--up-rt-discover-heading-tablet, 40px) !important;
  }
  .up-brand-discover-section--products .up-brand-discover-copy > p {
    font-size: 16px !important;
    max-width: 510px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-logos {
    grid-template-columns: repeat(3, minmax(0, 110px)) !important;
    margin-top: 42px !important;
    column-gap: 20px !important;
    row-gap: 18px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-logo {
    width: 110px !important;
    height: 34px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-logo img {
    max-width: 104px !important;
    max-height: 27px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-list button,
.up-brand-discover-section--products .up-brand-discover-list a {
    min-height: 70px !important;
    font-size: var(--up-rt-discover-links-tablet, 34px) !important;
  }
}

@media (max-width: 767px) {
  .up-brand-discover-section--products {
    padding: 54px 0 58px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-grid {
    grid-template-columns: 1fr !important;
    gap: 46px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-copy h2 {
    margin-bottom: 22px !important;
    font-size: var(--up-rt-discover-heading-mobile, 34px) !important;
  }
  .up-brand-discover-section--products .up-brand-discover-copy > p {
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
  }
  .up-brand-discover-section--products .up-brand-discover-logos {
    grid-template-columns: repeat(3, minmax(0, 92px)) !important;
    width: 100% !important;
    margin-top: 34px !important;
    column-gap: 14px !important;
    row-gap: 15px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-logo {
    width: 92px !important;
    height: 30px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-logo img {
    max-width: 88px !important;
    max-height: 24px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-logo > span {
    font-size: 12px !important;
  }
  .up-brand-discover-section--products .up-brand-discover-list button,
.up-brand-discover-section--products .up-brand-discover-list a {
    min-height: 56px !important;
    font-size: var(--up-rt-discover-links-mobile, 28px) !important;
  }
}

.up-brand-discover-section--products a.up-brand-discover-logo,.up-brand-discover-section--products a.up-brand-discover-open{text-decoration:none!important;color:#2d2a26!important}

/* v1.1.81 — Products landing search row (Figma)
   Visible directly below the three product-category cards and before Brands. */
body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search{
  width:min(448px,100%);
  max-width:448px;
  margin:68px 0 0;
  position:relative;
  z-index:3;
}
body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search .up-product-search-area{
  width:100%;
}
body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search .up-search-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
  margin:0!important;
  padding:0 0 18px!important;
  border:0!important;
  border-bottom:1px solid rgba(45,42,38,.35)!important;
}
body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search .up-search-form input{
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#2D2A26!important;
  font-family:Inter,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}
body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search .up-search-form input::placeholder{
  color:#6f685f!important;
  opacity:1!important;
}
body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search .up-search-form button{
  display:inline-flex!important;
  align-items:center!important;
  gap:18px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#2D2A26!important;
  font-family:Inter,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search .up-product-live-search{
  width:100%;
  max-width:448px;
  margin-top:18px;
}
body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search .up-product-search-status{
  margin-top:12px;
}
@media(max-width:767px){
  body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search{
    width:100%;
    max-width:none;
    margin-top:42px;
  }
  body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search .up-search-form{
    gap:18px!important;
    padding-bottom:16px!important;
  }
}


/* v1.1.82 — Products landing: anchor search as the final item at the bottom
   of the white Products block, immediately before Discover Our Brands. */
body.up-page-slug-products .elementor-widget-up_design_cards .up-section{
  padding-bottom:40px!important;
}
body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search{
  margin-top:72px!important;
  margin-bottom:0!important;
}
@media (max-width:900px){
  body.up-page-slug-products .elementor-widget-up_design_cards .up-section{
    padding-bottom:32px!important;
  }
  body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search{
    margin-top:48px!important;
  }
}
@media (max-width:520px){
  body.up-page-slug-products .elementor-widget-up_design_cards .up-section{
    padding-bottom:28px!important;
  }
  body.up-page-slug-products .elementor-widget-up_design_cards .up-products-landing-search{
    margin-top:38px!important;
  }
}