.bootlg124-menu{position:relative}.bootlg124-menu summary{cursor:pointer;list-style:none;font-weight:700;text-transform:uppercase;font-size:inherit;white-space:nowrap}.bootlg124-menu summary::-webkit-details-marker{display:none}.bootlg124-menu summary::after{content:' +';font-size:.8em}.bootlg124-menu[open] summary::after{content:' −'}.bootlg124-submenu{display:grid;gap:3px;min-width:13.5rem;padding:.65rem;background:var(--paper,#f8f5ee);border:2px solid var(--ink,#1f1f1f);box-shadow:4px 4px 0 var(--ink,#1f1f1f);z-index:80}.desktop-navigation .bootlg124-submenu{position:absolute;top:calc(100% + 10px);left:0;max-height:65vh;overflow:auto}.desktop-navigation .bootlg124-submenu a,.mobile-navigation .bootlg124-submenu a{display:block;padding:.3em .5em;text-decoration:none;font-size:14px}.bootlg124-submenu a:hover,.bootlg124-submenu a:focus-visible{background:var(--yellow,#ffdb58)}.mobile-navigation .bootlg124-menu{width:100%}.mobile-navigation .bootlg124-submenu{margin:.5em 0;box-shadow:none}.bootlg124-hero{position:relative;isolation:isolate;overflow:hidden}.bootlg124-hero-photo,.bootlg124-hero::after{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.bootlg124-hero-photo{object-fit:cover;object-position:center 28%}.bootlg124-hero::after{content:'';background:linear-gradient(90deg,rgba(18,17,16,.91),rgba(18,17,16,.38))}.bootlg124-hero .hero-inner{min-height:510px}.bootlg124-highlight{background:var(--yellow,#ffdb58)}.bootlg124-grid .section-heading p{margin-bottom:0}.bootlg124-grid .product-grid{justify-content:start}.bootlg124-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bootlg124-tile{position:relative;isolation:isolate;display:flex;min-height:158px;align-items:start;padding:14px;border:2px solid var(--ink,#1f1f1f);background:#e7dfce;text-decoration:none}.bootlg124-tile span{display:inline-block;background:var(--paper,#f8f5ee);padding:.2em .45em;font-weight:700}.bootlg124-tile img{position:absolute;right:0;bottom:0;height:90%;width:70%;object-fit:contain;object-position:right bottom;mix-blend-mode:multiply;z-index:-1}.bootlg124-tile:hover span,.bootlg124-seen:hover span{background:var(--yellow,#ffdb58)}.bootlg124-universes{margin:2rem 0 1rem}.bootlg124-seen{display:flex;flex-direction:column;border:2px solid var(--ink,#1f1f1f);text-decoration:none}.bootlg124-seen img{width:100%;aspect-ratio:1;object-fit:cover}.bootlg124-seen span{padding:.65em;font-weight:700}.bootlg124-facets{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem;margin:1rem 0 1.5rem}.bootlg124-facets label{display:flex;flex-direction:column;gap:.2rem;font-size:.9em}.bootlg124-facets select,.bootlg124-facets button{min-height:42px;padding:.35em .55em;border:1px solid var(--ink,#1f1f1f);background:var(--paper,#f8f5ee);color:inherit}.bootlg124-facets button{cursor:pointer;background:var(--yellow,#ffdb58)}.bootlg124-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.bootlg124-thumbs button{background:none;border:1px solid #aaa;padding:1px;width:68px;cursor:pointer}.bootlg124-thumbs button[aria-pressed=true]{border:2px solid #222}.bootlg124-thumbs button[hidden]{display:none}.bootlg124-thumbs img{display:block;width:100%;height:auto}.bootlg124-gallery .bootlg124-main-image{display:block}.bootlg124-social{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:820px){.bootlg124-hero .hero-inner{min-height:390px}.bootlg124-hero::after{background:linear-gradient(90deg,rgba(18,17,16,.9),rgba(18,17,16,.54))}.bootlg124-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bootlg124-tile{min-height:140px;padding:8px}.bootlg124-facets label{max-width:100%}.bootlg124-facets select{max-width:10rem}}
.bootlg124-contact{max-width:42rem;padding:1.25rem;border:1px solid var(--ink,#1f1f1f);margin-block:2rem}.bootlg124-contact label{display:flex;flex-direction:column;margin-bottom:.8rem}.bootlg124-contact input,.bootlg124-contact textarea{width:100%;padding:.45rem;border:1px solid #666;background:#fff}.bootlg124-contact button{border:1px solid #111;background:var(--yellow,#ffdb58);padding:.5em 1em;cursor:pointer}

/* Four footer sections on wide screens and two balanced rows on mobile. */
.site-footer .footer-grid {
  grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 48px);
}
.site-footer .footer-brand {
  grid-column: auto;
  min-width: 0;
}
.site-footer .footer-brand .wordmark {
  font-size: clamp(1.5rem, 3vw, 2.1rem);
}
.footer-grid .bootlg-footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 1rem;
}
.footer-grid .bootlg-footer-social a {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0;
  border: 1px solid #686661;
  border-radius: 50%;
  color: #fff;
}
.footer-grid .bootlg-footer-social a:is(:hover, :focus-visible) {
  background: var(--yellow);
  border-color: var(--yellow);
  color: #1f1f1f;
}
.bootlg-footer-social svg {
  width: 19px;
  height: 19px;
}
.bootlg-instagram-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(10px, 1.4vw, 20px);
}
.bootlg-instagram-grid img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
}
@media (max-width: 760px) {
  .site-footer .footer-grid,
  .bootlg-instagram-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .site-footer .footer-grid {
    row-gap: 28px;
  }
}
