/* ==========================================================================
   UI fixes (all screen sizes): text centered inside every button, pill,
   tag and badge; nothing clipped by fixed heights.
   ========================================================================== */

/* ---------- Buttons ---------- */
html body .btn-lwhh-primary,
html body .btn-lwhh-black,
html body .button,
html body a.button,
html body button.button,
html body .single_add_to_cart_button,
html body .checkout-button,
html body .byte-cart-sheet-btn-checkout,
html body .byte-catalog-search-btn,
html body .wc-block-components-button,
html body .wp-block-button__link,
html body .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.15 !important;
  height: auto !important;
  box-sizing: border-box !important;
}

/* Full-width buttons stay full width */
html body .wc-block-components-checkout-place-order-button,
html body .wc-block-cart__submit-button,
html body .wp-block-woocommerce-proceed-to-checkout-block a,
html body .byte-loop-btn-row a.button {
  display: flex !important;
}

html body .wc-block-components-button__text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.15 !important;
}

/* ---------- Pills, tags, badges ---------- */
html body .lwhh-tag-black,
html body .lwhh-tag-white,
html body .lwhh-tag-badge,
html body .lwhh-badge-pill,
html body .lwhh-badge-pill-header,
html body .byte-catalog-badge,
html body .byte-topic-pill,
html body .byte-topic-count,
html body .byte-card-tag,
html body .byte-single-tag,
html body .byte-single-verified,
html body .onsale,
html body .ast-onsale-card,
html body .ast-shop-product-out-of-stock,
html body .wc-block-components-sale-badge,
html body .lwhh-mobile-cart-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.15 !important;
  height: auto !important;
  vertical-align: middle !important;
}

/* Highlighted word box inside big headings (e.g. GEAR CART, CHECKOUT) */
html body .byte-catalog-h1-box {
  display: inline-block !important;
  line-height: 1.05 !important;
  padding: 0.08em 0.22em 0.12em !important;
  vertical-align: baseline !important;
}

/* Product grid price chips */
html body ul.products li.product .price .woocommerce-Price-amount {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
}

/* Single product price box */
html body.single-product div.product .summary p.price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 12px !important;
  line-height: 1.2 !important;
}

/* ---------- Header icon buttons ---------- */
html body .lwhh-icon-btn {
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* ---------- Quantity input (product page + classic cart) ---------- */
html body .quantity input.qty,
html body input.qty {
  height: 48px !important;
  min-height: 48px !important;
  width: 64px !important;
  padding: 0 4px !important;
  line-height: normal !important;
  text-align: center !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
  -moz-appearance: textfield !important;
}

html body.single-product div.product form.cart {
  display: flex !important;
  align-items: stretch !important;
  gap: 12px !important;
}

html body.single-product div.product form.cart .quantity {
  display: flex !important;
  align-items: stretch !important;
  margin: 0 !important;
}

html body.single-product div.product form.cart .quantity input.qty,
html body.single-product div.product form.cart .single_add_to_cart_button {
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body.single-product div.product form.cart {
  align-items: center !important;
}

html body.single-product div.product form.cart .quantity {
  align-items: center !important;
  height: 52px !important;
}

/* Block cart quantity selector */
html body .wc-block-components-quantity-selector {
  display: inline-flex !important;
  align-items: stretch !important;
}

html body .wc-block-components-quantity-selector__input {
  padding: 0 !important;
  line-height: normal !important;
  text-align: center !important;
}

html body .wc-block-components-quantity-selector__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* ---------- Mobile bottom tab bar: all four items identical ---------- */
html body .lwhh-mobile-bottom-bar .lwhh-bar-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

html body .lwhh-mobile-bottom-bar .lwhh-bar-item > svg {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

html body .lwhh-mobile-bottom-bar .lwhh-bar-item > span:not(.lwhh-mobile-cart-badge) {
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.04em !important;
  height: auto !important;
  margin: 0 !important;
}

/* Category tiles: no link underline */
html body a.lwhh-topic-card,
html body a.lwhh-topic-card * {
  text-decoration: none !important;
}

/* Promo heading: highlighted word was blue on a blue background (invisible) */
html body .lwhh-offer-section h2 .text-lms-red,
html body .lwhh-offer-inner h2 .text-lms-red {
  color: #000000 !important;
  background: var(--lms-cream, #FDF3E1) !important;
  padding: 0 0.18em !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Sorting dropdown: vertical padding was larger than the box, clipping the text */
html body .woocommerce-ordering.woocommerce-ordering.woocommerce-ordering select.orderby.orderby {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: normal !important;
  min-height: 38px !important;
}

/* ==========================================================================
   Responsive tiers: every resolution between phone and wide desktop
   ========================================================================== */

/* Theme labels that were below a readable size */
html body .lwhh-copyright { font-size: 11px !important; }
html body .byte-short-tag,
html body .byte-verified-tag,
html body .byte-crumb-sep { font-size: 11px !important; }

/* Social icon rows wrap instead of running off narrow screens */
html body .lwhh-social-item { flex-shrink: 1 !important; min-width: 0 !important; }
html body .lwhh-social-item:only-child,
html body *:has(> .lwhh-social-item) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  max-width: 100% !important;
}

/* ---- Header: 768px to 1279px - menu must fit next to the icons ---- */
@media (min-width: 768px) and (max-width: 1279px) {
  html body .lwhh-nav-container { gap: 12px !important; }
  html body .lwhh-logo-text { font-size: 1.2rem !important; }
  html body .lwhh-desktop-menu-wrap a {
    padding: 8px 8px !important;
    font-size: 12.5px !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
  }
  html body .lwhh-header-actions { gap: 8px !important; flex-shrink: 0 !important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  html body .lwhh-header-actions .lwhh-btn-cta { display: none !important; }
}

/* ---- Tablet: 768px to 1023px - compact like the app layout ---- */
@media (min-width: 768px) and (max-width: 1023px) {
  html body {
    --t-gut: 24px;
  }
  html body .lwhh-cream-section,
  html body .lwhh-black-section,
  html body .lwhh-red-section,
  html body .lwhh-topics-section,
  html body .lwhh-offer-section {
    padding: 48px var(--t-gut) !important;
  }
  html body .lwhh-black-giant-watermark { display: none !important; }

  /* Hero: text only, decorative panel removed */
  html body .lwhh-hero-right,
  html body .lwhh-trust-row { display: none !important; }
  html body .lwhh-hero-left { padding: 40px var(--t-gut) 44px !important; }
  html body .lwhh-hero-h1 { font-size: 3.4rem !important; line-height: 1 !important; }

  /* Section header: title left, button right */
  html body .lwhh-sec-header-row {
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding-bottom: 20px !important;
    text-align: left !important;
  }

  /* Home product sections: swipe rows showing ~3 cards */
  html body .lwhh-cream-section ul.products.products,
  html body .lwhh-black-section ul.products.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    margin: 0 calc(var(--t-gut) * -1) !important;
    padding: 4px var(--t-gut) 16px !important;
    scroll-padding-left: var(--t-gut) !important;
  }
  html body .lwhh-cream-section ul.products.products::-webkit-scrollbar,
  html body .lwhh-black-section ul.products.products::-webkit-scrollbar { display: none !important; }
  html body .lwhh-cream-section ul.products.products li.product.product,
  html body .lwhh-black-section ul.products.products li.product.product {
    flex: 0 0 calc((100% - 32px) / 3.15) !important;
    width: auto !important;
    scroll-snap-align: start !important;
  }

  /* Shop / related grids: 3 columns */
  html body .ast-woocommerce-container ul.products.products,
  html body section.related ul.products.products,
  html body section.upsells ul.products.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  /* Features + categories: compact grids */
  html body .lwhh-benefits-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  html body .lwhh-benefit-tile { padding: 20px 16px !important; }
  html body .lwhh-topics-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  html body .lwhh-topic-card { padding: 18px 12px !important; min-height: 0 !important; }
  html body .lwhh-topic-desc { display: none !important; }

  /* Shop hero */
  html body .byte-catalog-hero { padding-top: 32px !important; padding-bottom: 24px !important; min-height: 0 !important; }
  html body .byte-topics-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    gap: 8px !important;
  }
  html body .byte-topic-pill { flex: 0 0 auto !important; white-space: nowrap !important; }

  /* Footer: 3 columns */
  html body .lwhh-footer-grid {
    grid-template-columns: 1.4fr 1fr 1fr !important;
    gap: 24px !important;
  }
}

/* ---- Very wide screens: keep content from stretching too far ---- */
@media (min-width: 1700px) {
  html body ul.products.products li.product.product .woocommerce-loop-product__title { max-width: none !important; }
}
/* Small laptops (1024-1279px): 4 product columns instead of 2 huge cards */
@media (min-width: 1024px) and (max-width: 1279px) {
  html body ul.products.products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

/* Readable minimums for small labels at every size */
html body ul.products.products li.product.product .byte-card-tag { font-size: max(0.72rem, 10.5px) !important; }
html body ul.products.products li.product.product .price del,
html body ul.products.products li.product.product .price del .woocommerce-Price-amount,
html body ul.products.products li.product.product .price del bdi { font-size: max(0.74rem, 10.8px) !important; }
/* Bigger touch area for breadcrumb links on phones and tablets */
@media (max-width: 1023px) {
  html body .byte-crumbs-inner a,
  html body .woocommerce-breadcrumb a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* Section 'view all' buttons stay on one line on tablets */
@media (min-width: 768px) and (max-width: 1023px) {
  html body .lwhh-sec-header-row .btn-lwhh-primary,
  html body .lwhh-sec-header-row .btn-lwhh-black {
    white-space: nowrap !important;
    padding: 12px 16px !important;
    font-size: 0.8rem !important;
    gap: 8px !important;
    width: auto !important;
  }
  html body .lwhh-sec-header-row > div:last-child { flex: 0 0 auto !important; }
}

/* ---------- Contact form (Contact Form 7) ---------- */
html body .wpcf7 .byte-cf-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 0 20px !important;
}
html body .wpcf7 .byte-cf-grid br { display: none !important; }
html body .wpcf7 .byte-cf-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
  font-family: var(--font-mono, 'Space Grotesk', sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #000000 !important;
}
html body .wpcf7 .byte-cf-full { grid-column: 1 / -1 !important; }
html body .wpcf7 .byte-cf-field .wpcf7-form-control-wrap { display: block !important; }
html body .wpcf7 .byte-cf-field input,
html body .wpcf7 .byte-cf-field textarea {
  width: 100% !important;
  min-height: 50px !important;
  padding: 12px 14px !important;
  background: var(--lms-cream, #FDF3E1) !important;
  border: 3px solid #000000 !important;
  border-radius: 0 !important;
  box-shadow: 4px 4px 0 0 #000000 !important;
  font-family: var(--font-mono, 'Space Grotesk', sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #000000 !important;
  box-sizing: border-box !important;
}
html body .wpcf7 .byte-cf-field textarea { min-height: 140px !important; resize: vertical !important; }
html body .wpcf7 .byte-cf-field input:focus,
html body .wpcf7 .byte-cf-field textarea:focus {
  outline: none !important;
  background: #FFFFFF !important;
  box-shadow: 4px 4px 0 0 var(--lms-primary, #2563EB) !important;
}
html body .wpcf7 input.byte-cf-submit,
html body .wpcf7 .wpcf7-submit {
  width: 100% !important;
  min-height: 56px !important;
  padding: 14px 20px !important;
  background: var(--lms-primary, #2563EB) !important;
  color: #FFFFFF !important;
  border: 4px solid #000000 !important;
  border-radius: 0 !important;
  box-shadow: 6px 6px 0 0 #000000 !important;
  font-family: var(--font-display, 'Bricolage Grotesque', sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  cursor: pointer !important;
}
html body .wpcf7 .wpcf7-submit:hover {
  transform: translate(3px, 3px) !important;
  box-shadow: 3px 3px 0 0 #000000 !important;
}
html body .wpcf7 .wpcf7-not-valid-tip {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #B91C1C !important;
}
html body .wpcf7 form .wpcf7-response-output {
  margin: 16px 0 0 !important;
  padding: 12px 14px !important;
  border: 3px solid #000000 !important;
  font-weight: 700 !important;
}
@media (max-width: 600px) {
  html body .wpcf7 .byte-cf-grid { grid-template-columns: minmax(0, 1fr) !important; }
}
/* Page scrolling: the theme set overflow-x:hidden on BOTH html and body, which
   turns body into its own scroll box (breaks phone full-page screenshots and
   sticky elements). html stays visible so the window scrolls normally; body
   clips sideways overflow. Drawer/cart lock (body.style.overflow) still works. */
html:root { overflow: visible !important; max-width: none !important; }
html body { overflow-x: clip !important; max-width: 100% !important; }

/* Cart badges are hidden while the cart is empty */
html body .lwhh-cart-badge.byte-badge-empty,
html body .lwhh-mobile-cart-badge.byte-badge-empty { display: none !important; }
/* Cart sheet title "YOUR CART (2)": the number shares the badge class, so the
   theme positioned it as a floating badge. Keep it inline in the title. */
html body .byte-cart-sheet-title .lwhh-mobile-cart-badge,
html body .byte-cart-sheet-title .lwhh-mobile-cart-badge.byte-badge-empty {
  position: static !important;
  display: inline !important;
  inset: auto !important;
  transform: none !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
}
/* ==========================================================================
   Compact header + footer (all sizes)
   ========================================================================== */

/* ---- Header ---- */
html body .lwhh-site-nav { height: auto !important; min-height: 0 !important; }
html body .lwhh-site-nav .lwhh-nav-container {
  height: 64px !important;
  min-height: 64px !important;
  max-width: 1280px !important;
  padding: 0 24px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
html body .lwhh-logo-brand { gap: 10px !important; }
html body .lwhh-logo-icon {
  width: 34px !important; height: 34px !important; min-width: 34px !important;
  font-size: 18px !important; line-height: 1 !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
html body .lwhh-logo-text { font-size: 20px !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; }
html body .lwhh-desktop-menu-wrap a { font-size: 13px !important; padding: 8px 12px !important; letter-spacing: 0.06em !important; }
html body .lwhh-header-actions { gap: 10px !important; }
html body .lwhh-header-actions .lwhh-icon-btn { width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; }
html body .lwhh-header-actions .lwhh-icon-btn svg { width: 18px !important; height: 18px !important; }
html body .lwhh-header-actions .lwhh-btn-cta {
  padding: 9px 16px !important; font-size: 12.5px !important; line-height: 1.1 !important;
  align-items: center !important;
}
@media (min-width: 768px) and (max-width: 1279px) {
  html body .lwhh-site-nav .lwhh-nav-container { height: 60px !important; min-height: 60px !important; padding: 0 20px !important; }
  html body .lwhh-logo-text { font-size: 18px !important; }
  html body .lwhh-desktop-menu-wrap a { font-size: 12px !important; padding: 8px 8px !important; }
}
@media (max-width: 767px) {
  html body .lwhh-site-nav { padding: 0 !important; }
  html body .lwhh-site-nav .lwhh-nav-container { height: 52px !important; min-height: 52px !important; padding: 0 12px !important; }
  html body .lwhh-logo-icon { width: 28px !important; height: 28px !important; min-width: 28px !important; font-size: 15px !important; }
  html body .lwhh-logo-text { font-size: 15px !important; }
  html body .lwhh-logo-brand { gap: 8px !important; }
  html body .lwhh-header-actions { gap: 6px !important; }
  html body .lwhh-header-actions .lwhh-icon-btn { width: 36px !important; height: 36px !important; min-width: 36px !important; max-width: 36px !important; box-shadow: 2px 2px 0 0 #000000 !important; }
  html body .lwhh-header-actions .lwhh-icon-btn svg { width: 17px !important; height: 17px !important; }
}

/* ---- Footer ---- */
html body .lwhh-site-footer { padding: 44px 24px 24px !important; }
html body .lwhh-footer-inner { max-width: 1280px !important; margin: 0 auto !important; }
html body .lwhh-footer-grid { gap: 32px 48px !important; }
html body .lwhh-footer-logo { font-size: 22px !important; margin: 0 0 14px !important; gap: 10px !important; }
html body .lwhh-footer-logo .lwhh-logo-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; font-size: 16px !important; }
html body .lwhh-footer-motto { font-size: 14px !important; line-height: 1.5 !important; max-width: 380px !important; margin: 0 !important; padding-left: 14px !important; }
html body .lwhh-footer-title { font-size: 12.5px !important; margin: 0 0 12px !important; padding-bottom: 4px !important; }
html body .lwhh-footer-links li { margin: 0 0 7px !important; line-height: 1.3 !important; }
html body .lwhh-footer-links a { font-size: 13.5px !important; }
html body .lwhh-footer-bottom { padding-top: 16px !important; margin-top: 28px !important; gap: 10px !important; }
html body .lwhh-copyright { font-size: 12px !important; margin: 0 !important; }
html body .lwhh-footer-bottom .lwhh-badge-pill { padding: 5px 12px !important; font-size: 11px !important; }
@media (max-width: 767px) {
  html body .lwhh-site-footer { padding: 24px 12px 16px !important; }
  html body .lwhh-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px 16px !important; }
  html body .lwhh-footer-col-main { grid-column: 1 / -1 !important; }
  html body .lwhh-footer-logo { font-size: 17px !important; margin: 0 0 8px !important; }
  html body .lwhh-footer-logo .lwhh-logo-icon { width: 26px !important; height: 26px !important; min-width: 26px !important; font-size: 14px !important; }
  html body .lwhh-footer-motto { font-size: 12.5px !important; padding-left: 10px !important; border-left-width: 3px !important; }
  html body .lwhh-footer-title { font-size: 11.5px !important; margin: 0 0 8px !important; }
  html body .lwhh-footer-links li { margin: 0 0 4px !important; }
  html body .lwhh-footer-links a { font-size: 12.5px !important; display: inline-block !important; padding: 4px 0 !important; }
  html body .lwhh-footer-bottom { margin-top: 16px !important; padding-top: 12px !important; }
  html body .lwhh-copyright { font-size: 11px !important; }
}

/* ==========================================================================
   Mobile bottom tab bar: slimmer, cleaner icons, line indicator for the page
   ========================================================================== */
@media (max-width: 767px) {
  html body .lwhh-mobile-bottom-bar {
    height: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    border-top: 3px solid #000000 !important;
    background: #FFFFFF !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
  }
  html body .lwhh-mobile-bottom-bar .lwhh-bar-item {
    position: relative !important;
    height: 56px !important;
    gap: 3px !important;
    background: transparent !important;
    color: #111111 !important;
    -webkit-tap-highlight-color: transparent;
  }
  html body .lwhh-mobile-bottom-bar .lwhh-bar-item > svg {
    width: 21px !important; height: 21px !important;
    stroke: currentColor !important; stroke-width: 2.2 !important; fill: none !important;
  }
  html body .lwhh-mobile-bottom-bar .lwhh-bar-item > span:not(.lwhh-mobile-cart-badge) {
    font-size: 10px !important; font-weight: 800 !important; letter-spacing: 0.04em !important; line-height: 1 !important;
  }
  html body .lwhh-mobile-bottom-bar .lwhh-bar-item.active { color: var(--lms-primary, #2563EB) !important; background: #F1F6FF !important; }
  html body .lwhh-mobile-bottom-bar .lwhh-bar-item.active svg { stroke: var(--lms-primary, #2563EB) !important; }
  html body .lwhh-mobile-bottom-bar .lwhh-bar-item.active::before {
    content: "" !important; position: absolute !important; top: 0 !important; left: 50% !important;
    width: 32px !important; height: 3px !important; margin-left: -16px !important;
    background: var(--lms-primary, #2563EB) !important;
  }
  html body .lwhh-mobile-bottom-bar .lwhh-bar-item:active { transform: scale(0.94) !important; }
  html body .lwhh-mobile-bottom-bar .lwhh-mobile-cart-badge {
    top: 6px !important; right: calc(50% - 21px) !important;
    min-width: 17px !important; height: 17px !important; padding: 0 4px !important;
    font-size: 10px !important; line-height: 13px !important;
    border: 2px solid #FFFFFF !important; border-radius: 9px !important;
    background: var(--lms-primary, #2563EB) !important; box-shadow: none !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
  }
  html body .lwhh-mobile-bottom-bar .lwhh-mobile-cart-badge.byte-badge-empty { display: none !important; }
  html body { padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important; }
  html body .byte-sticky-atc { bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important; }
}
/* Header CTA only from 1200px up (no room on smaller screens) */
@media (max-width: 1199px) {
  html body .lwhh-header-actions .lwhh-btn-cta { display: none !important; }
}
html body .lwhh-logo-text { white-space: nowrap !important; }

html body .lwhh-footer-grid { margin: 0 !important; }
@media (max-width: 767px) {
  html body .lwhh-footer-links a { padding: 3px 0 !important; }
  html body .lwhh-footer-links li { margin: 0 0 2px !important; }
  html body .lwhh-footer-bottom { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; }
  html body .lwhh-footer-bottom .lwhh-badge-pill { display: none !important; }
  html body .lwhh-footer-motto { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
}