/*
Theme Name: Lunexa Resale Pro
Theme URI: https://lunexaresale.com
Author: Lunexa Resale
Author URI: https://lunexaresale.com
Description: Professional electronics WooCommerce store theme for Lunexa Resale. Optimized for Google Merchant Center readiness. Features full category navigation, orange branding, and GMC-focused trust/policy pages.
Version: 2.1.35
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
WC requires at least: 7.0
WC tested up to: 9.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lunexa-resale-pro
Tags: woocommerce, e-commerce, electronics, orange, responsive, custom-logo, custom-menu
*/

/* ============================================================
   CSS VARIABLES
============================================================ */
:root {
  --lx-orange:        #FF6B00;
  --lx-orange-dark:   #E05A00;
  --lx-orange-light:  #FF8C33;
  --lx-orange-pale:   #FFF3E8;
  --lx-black:         #111111;
  --lx-dark:          #1A1A2E;
  --lx-grey-dark:     #333333;
  --lx-grey:          #666666;
  --lx-grey-light:    #F0F0F0;
  --lx-grey-border:   #E0E0E0;
  --lx-white:         #FFFFFF;
  --lx-success:       #28A745;
  --lx-font:          'Segoe UI', system-ui, -apple-system, sans-serif;
  --lx-radius:        8px;
  --lx-radius-lg:     12px;
  --lx-shadow:        0 2px 12px rgba(0,0,0,.10);
  --lx-shadow-lg:     0 8px 32px rgba(0,0,0,.15);
  --lx-container:     1280px;
  --lx-container-pad: 20px;
  --lx-transition:    .22s ease;
}

/* ============================================================
   RESET / BASE
============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; width:100%; max-width:none; overflow-x:clip; }
body {
  font-family: var(--lx-font);
  color: var(--lx-grey-dark);
  background: var(--lx-white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  width:100%;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:clip;
}

a { color: var(--lx-orange); text-decoration: none; transition: color var(--lx-transition); }
a:hover { color: var(--lx-orange-dark); }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }
button { cursor: pointer; font-family: var(--lx-font); }
input, select, textarea { font-family: var(--lx-font); }

/* ============================================================
   UTILITY
============================================================ */
.lx-container { width:min(100% - (var(--lx-container-pad) * 2), var(--lx-container)); max-width:var(--lx-container); margin:0 auto; padding:0; }
.lx-sr-only { position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.lx-badge { display:inline-flex; align-items:center; padding:3px 10px; border-radius:20px; font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.lx-badge--orange { background:var(--lx-orange); color:#fff; }
.lx-badge--sale { background:#e74c3c; color:#fff; }
.lx-badge--new { background:var(--lx-success); color:#fff; }
.lx-section { padding: 60px 0; }
.lx-section--grey { background: var(--lx-grey-light); }
.lx-section-title { font-size:1.75rem; font-weight:700; color:var(--lx-dark); margin-bottom:8px; }
.lx-section-sub { color:var(--lx-grey); font-size:.95rem; margin-bottom:36px; }
.lx-divider { width:48px; height:4px; background:var(--lx-orange); border-radius:2px; margin:10px 0 32px; }

/* ============================================================
   BUTTONS
============================================================ */
.lx-btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 24px; border-radius:var(--lx-radius);
  font-size:.93rem; font-weight:700; letter-spacing:.02em;
  border:2px solid transparent; transition:all var(--lx-transition); cursor:pointer;
  text-decoration:none;
}
.lx-btn--primary { background:var(--lx-orange); color:#fff; border-color:var(--lx-orange); }
.lx-btn--primary:hover { background:var(--lx-orange-dark); border-color:var(--lx-orange-dark); color:#fff; transform:translateY(-1px); box-shadow:0 4px 16px rgba(255,107,0,.35); }
.lx-btn--outline { background:transparent; color:var(--lx-orange); border-color:var(--lx-orange); }
.lx-btn--outline:hover { background:var(--lx-orange); color:#fff; }
.lx-btn--dark { background:var(--lx-dark); color:#fff; border-color:var(--lx-dark); }
.lx-btn--dark:hover { background:#000; border-color:#000; color:#fff; }
.lx-btn--sm { padding:7px 16px; font-size:.82rem; }
.lx-btn--lg { padding:14px 32px; font-size:1.05rem; }
.lx-btn--block { width:100%; justify-content:center; }

/* ============================================================
   TOPBAR
============================================================ */
.lx-topbar {
  background: linear-gradient(90deg, #0F1525 0%, #1A1A2E 50%, #0F1525 100%);
  color: rgba(255,255,255,.9);
  font-size: .8rem;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.lx-topbar__inner {
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
}
.lx-topbar__left {
  display:flex; align-items:center; gap:10px;
  font-weight:500; letter-spacing:.01em;
}
.lx-topbar__pulse {
  width:8px; height:8px; border-radius:50%;
  background:var(--lx-orange);
  box-shadow:0 0 0 0 rgba(255,107,0,.6);
  animation: lx-pulse 2s infinite;
  flex-shrink:0;
}
@keyframes lx-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(255,107,0,.55); }
  70%  { box-shadow: 0 0 0 10px rgba(255,107,0,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,107,0,0); }
}
.lx-topbar__right { display:flex; gap:22px; align-items:center; flex-wrap:wrap; }
.lx-topbar__right a {
  color: rgba(255,255,255,.85);
  font-size: .8rem;
  display:inline-flex; align-items:center; gap:6px;
  position:relative; transition:color var(--lx-transition);
}
.lx-topbar__right a + a::before {
  content:''; position:absolute; left:-12px; top:50%;
  width:1px; height:14px; background:rgba(255,255,255,.18); transform:translateY(-50%);
}
.lx-topbar__right a:hover { color: var(--lx-orange); }
.lx-topbar__right svg { opacity:.75; }

/* ============================================================
   HEADER
============================================================ */
.lx-header {
  background: var(--lx-white);
  border-bottom: 1px solid var(--lx-grey-border);
  position: sticky; top:0; z-index:1000;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
  transition: box-shadow .25s ease;
}
.lx-header.is-scrolled { box-shadow: 0 6px 24px rgba(0,0,0,.10); }
.lx-header__inner {
  display:flex; align-items:center; gap:24px;
  padding-top:14px; padding-bottom:14px;
}

/* Brand */
.lx-brand {
  display:flex; align-items:center; gap:11px;
  text-decoration:none; flex-shrink:0;
  transition: transform var(--lx-transition);
}
.lx-brand:hover { transform: translateY(-1px); }
.lx-brand__icon {
  width:44px; height:44px;
  background: linear-gradient(135deg, var(--lx-orange) 0%, #FF8C33 100%);
  border-radius: 11px;
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 4px 14px rgba(255,107,0,.30), inset 0 1px 0 rgba(255,255,255,.25);
  color:#fff;
  flex-shrink:0;
}
.lx-brand__icon svg { color:#fff; }
.lx-brand__text-wrap { line-height:1.1; }
.lx-brand__name { font-size:1.32rem; font-weight:800; color:var(--lx-dark); letter-spacing:-.025em; }
.lx-brand__name span { color:var(--lx-orange); }
.lx-brand__tagline {
  font-size:.66rem; color:var(--lx-grey); font-weight:600;
  text-transform:uppercase; letter-spacing:.1em; margin-top:2px;
}

/* Custom logo support */
.lx-brand .custom-logo { max-height:var(--lx-logo-desktop-height, 46px); width:auto; }

/* Search */
.lx-search { flex:1; max-width:580px; }
.lx-search__form {
  display:flex; align-items:center;
  background: var(--lx-grey-light);
  border:2px solid transparent;
  border-radius: 999px;
  overflow:hidden;
  transition: all var(--lx-transition);
  padding-left: 16px;
}
.lx-search__form:hover { background: #ebebeb; }
.lx-search__form:focus-within {
  background: #fff;
  border-color: var(--lx-orange);
  box-shadow: 0 0 0 4px rgba(255,107,0,.12);
}
.lx-search__icon { color: var(--lx-grey); display:inline-flex; flex-shrink:0; }
.lx-search__form:focus-within .lx-search__icon { color: var(--lx-orange); }
.lx-search__input {
  flex:1; padding: 11px 14px; border:none; outline:none;
  font-size:.92rem; color:var(--lx-dark); background:transparent; min-width:0;
}
.lx-search__input::placeholder { color: var(--lx-grey); }
.lx-search__btn {
  background: linear-gradient(135deg, var(--lx-orange) 0%, var(--lx-orange-dark) 100%);
  color:#fff; border:none; padding: 0 24px;
  font-size:.88rem; font-weight:700; letter-spacing:.02em;
  height:42px;
  display:flex; align-items:center; gap:6px; cursor:pointer;
  border-radius: 999px;
  margin: 2px;
  transition: all var(--lx-transition);
}
.lx-search__btn:hover { box-shadow: 0 4px 14px rgba(255,107,0,.4); }
.lx-search__btn:active { transform: scale(.97); }

/* Header Actions */
.lx-header-actions { display:flex; align-items:center; gap:6px; flex-shrink:0; margin-left:auto; }
.lx-header-action {
  display:flex; align-items:center; gap:10px;
  text-decoration:none; color:var(--lx-grey-dark);
  padding: 8px 12px;
  border-radius: var(--lx-radius);
  transition: all var(--lx-transition);
  position:relative;
  font-weight:500;
}
.lx-header-action:hover { color:var(--lx-orange); background:var(--lx-orange-pale); }
.lx-header-action__icon {
  position:relative;
  display:inline-flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.lx-header-action__icon svg { width:24px; height:24px; }
.lx-header-action__txt {
  display:flex; flex-direction:column; line-height:1.15;
  text-align:left;
}
.lx-header-action__txt small { font-size:.7rem; color:var(--lx-grey); font-weight:500; }
.lx-header-action__txt strong { font-size:.86rem; color:var(--lx-dark); font-weight:700; }
.lx-header-action:hover .lx-header-action__txt strong { color:var(--lx-orange); }

.lx-cart-badge {
  position:absolute; top:-8px; right:-9px;
  background: var(--lx-orange);
  color:#fff;
  font-size:.66rem; font-weight:800;
  min-width:20px; height:20px; padding:0 5px;
  border-radius: 999px;
  display:flex; align-items:center; justify-content:center;
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(255,107,0,.45);
  line-height: 1;
  letter-spacing: 0;
  pointer-events: none;
}
.lx-cart-badge.is-bumped { animation: lx-cart-bump .4s ease; }
@keyframes lx-cart-bump {
  0%   { transform: scale(1); }
  35%  { transform: scale(1.35); }
  100% { transform: scale(1); }
}

/* Mobile menu toggles (group of 2: hamburger + categories) */
.lx-menu-toggle {
  display:none;
  background: var(--lx-grey-light);
  border:none; cursor:pointer;
  width:40px; height:40px;
  border-radius: var(--lx-radius);
  align-items:center; justify-content:center;
  flex-direction:column; gap:5px;
  padding:0; flex-shrink:0;
  color: var(--lx-dark);
  transition: background var(--lx-transition), color var(--lx-transition);
}
.lx-menu-toggle:hover,
.lx-menu-toggle.is-active { background: var(--lx-orange-pale); color: var(--lx-orange); }
.lx-menu-toggle.is-active { background: var(--lx-orange); color: #fff; }
.lx-menu-toggle__bar {
  width:20px; height:2px; background: currentColor; border-radius:2px;
  transition: transform .25s ease, opacity .2s ease;
}
.lx-menu-toggle--cats svg { width:20px; height:20px; }

/* ============================================================
   DESKTOP NAVIGATION / DROPDOWNS
============================================================ */
.lx-nav-bar {
  background: linear-gradient(180deg, #1A1A2E 0%, #0F1525 100%);
  position: relative;
  z-index: 900;
  border-bottom: 3px solid var(--lx-orange);
}
.lx-nav-bar__inner {
  display:flex; align-items:stretch; flex-wrap:nowrap;
  overflow-x: visible;
  scrollbar-width:none; -ms-overflow-style:none;
}
.lx-nav-bar__inner::-webkit-scrollbar { display:none; }

/* All Depts button */
.lx-all-depts { position: relative; flex: 0 0 auto; z-index: 50; }
.lx-all-depts-btn {
  display:flex; align-items:center; gap:8px;
  background: linear-gradient(135deg, var(--lx-orange) 0%, var(--lx-orange-dark) 100%);
  color:#fff; padding: 13px 18px;
  font-size:.86rem; font-weight:700; letter-spacing:.02em;
  border:none; cursor:pointer;
  white-space:nowrap;
  transition: filter var(--lx-transition);
  height:100%;
}
.lx-all-depts-btn:hover,
.lx-all-depts.is-open .lx-all-depts-btn { filter: brightness(1.08); }
.lx-all-depts-btn__chevron { transition: transform var(--lx-transition); opacity:.85; }
.lx-all-depts.is-open .lx-all-depts-btn__chevron,
.lx-all-depts:hover .lx-all-depts-btn__chevron { transform: rotate(180deg); }

.lx-all-depts-menu {
  position: absolute;
  top: 100%; left: 0;
  width: min(720px, calc(100vw - 40px));
  background: var(--lx-white);
  color: var(--lx-grey-dark);
  border-top: 3px solid var(--lx-orange);
  border-radius: 0 0 var(--lx-radius-lg) var(--lx-radius-lg);
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
  opacity: 0; visibility: hidden;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity var(--lx-transition), visibility var(--lx-transition), transform var(--lx-transition);
  z-index: 1600;
  overflow: hidden;
}
.lx-all-depts:hover .lx-all-depts-menu,
.lx-all-depts:focus-within .lx-all-depts-menu,
.lx-all-depts.is-open .lx-all-depts-menu {
  opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
}
.lx-all-depts-menu__head {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding: 14px 18px;
  background: var(--lx-orange-pale);
  border-bottom: 1px solid var(--lx-grey-border);
  font-size: .82rem; font-weight: 800;
  color: var(--lx-dark);
  text-transform: uppercase; letter-spacing: .06em;
}
.lx-all-depts-menu__head a {
  color: var(--lx-orange); font-size: .78rem;
  white-space:nowrap; text-transform:none; letter-spacing:0;
}
.lx-all-depts-menu__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px; padding: 12px;
}
.lx-all-depts-menu__item {
  display:flex; align-items:center; gap:10px;
  min-height:46px; padding:10px 12px;
  border-radius: var(--lx-radius);
  color: var(--lx-grey-dark); font-size:.88rem; font-weight:600;
  text-decoration:none;
  transition: all var(--lx-transition);
}
.lx-all-depts-menu__item:hover,
.lx-all-depts-menu__item:focus {
  background: var(--lx-orange-pale);
  color: var(--lx-orange);
  transform: translateX(3px);
  outline: none;
}
.lx-all-depts-menu__icon {
  width:30px; height:30px;
  display:inline-flex; align-items:center; justify-content:center;
  flex-shrink:0;
  border-radius: 8px;
  background: #f5f5f7;
  font-size:1rem;
}
.lx-all-depts-menu__label {
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* Nav items */
.lx-nav-item {
  position: relative;
  flex: 0 0 auto;
}
.lx-nav-item.has-dropdown:hover,
.lx-nav-item.has-dropdown:focus-within,
.lx-nav-item.has-dropdown.is-open { z-index: 80; }

.lx-nav-link {
  display:flex; align-items:center; gap:5px;
  padding: 13px 13px;
  color: rgba(255,255,255,.92);
  font-size:.86rem; font-weight:600;
  text-decoration:none; white-space:nowrap;
  transition: all var(--lx-transition);
  border-bottom: 3px solid transparent;
  position:relative;
}
.lx-nav-link:hover,
.lx-nav-item--active > .lx-nav-link,
.lx-nav-item.is-open > .lx-nav-link {
  color: var(--lx-orange);
  background: rgba(255,255,255,.04);
}
.lx-nav-link__chevron {
  opacity:.7;
  transition: transform var(--lx-transition);
  flex-shrink:0;
}
.lx-nav-item.has-dropdown:hover .lx-nav-link__chevron,
.lx-nav-item.has-dropdown:focus-within .lx-nav-link__chevron,
.lx-nav-item.has-dropdown.is-open .lx-nav-link__chevron {
  transform: rotate(180deg);
}

.lx-nav-item--featured > .lx-nav-link {
  color: #fff;
  background: rgba(255,107,0,.18);
}
.lx-nav-item--featured > .lx-nav-link:hover { color:#fff; background: rgba(255,107,0,.28); }
.lx-nav-item--page { margin-left: 4px; }
.lx-nav-item--page > .lx-nav-link { opacity: .85; }
.lx-nav-item--page:first-of-type { margin-left: 12px; border-left: 1px solid rgba(255,255,255,.15); padding-left: 12px; }

/* Dropdown */
.lx-dropdown {
  position: absolute;
  top: 100%; left: 0;
  min-width: 240px;
  width: max-content;
  max-width: min(320px, calc(100vw - 28px));
  padding: 8px 0;
  background: var(--lx-white);
  color: var(--lx-grey-dark);
  border-top: 3px solid var(--lx-orange);
  border-radius: 0 0 var(--lx-radius-lg) var(--lx-radius-lg);
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
  opacity: 0; visibility: hidden;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity var(--lx-transition), visibility var(--lx-transition), transform var(--lx-transition);
  z-index: 9999;
}
.lx-nav-item.has-dropdown:hover > .lx-dropdown,
.lx-nav-item.has-dropdown:focus-within > .lx-dropdown,
.lx-nav-item.has-dropdown.is-open > .lx-dropdown {
  opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
}
.lx-nav-item:nth-last-child(-n+5) > .lx-dropdown,
.lx-nav-item--featured > .lx-dropdown { left: auto; right: 0; }

.lx-dropdown__item a {
  display:flex; align-items:center; gap:10px;
  padding: 10px 18px;
  color: var(--lx-grey-dark);
  font-size:.88rem; font-weight:500;
  text-decoration:none;
  transition: all var(--lx-transition);
  border-left: 3px solid transparent;
}
.lx-dropdown__item a::before {
  content:'›'; color: var(--lx-orange); font-weight:700; margin-right:2px;
}
.lx-dropdown__item a:hover {
  color: var(--lx-orange);
  background: var(--lx-orange-pale);
  border-left-color: var(--lx-orange);
}
.lx-dropdown__item--viewall a {
  font-weight:700; color: var(--lx-dark);
  background:#fafafa; border-bottom:1px solid var(--lx-grey-border);
}
.lx-dropdown__item--viewall a::before { content:'→'; }

/* Mid-range tightening */
@media (max-width: 1200px) {
  .lx-nav-link { padding:13px 9px; font-size:.8rem; }
  .lx-all-depts-btn { padding:13px 13px; font-size:.8rem; }
  .lx-search { max-width: 420px; }
}
@media (max-width: 1024px) {
  .lx-nav-link { padding: 13px 7px; font-size:.76rem; }
  .lx-all-depts-btn { padding: 13px 10px; font-size:.78rem; }
  .lx-brand__tagline { display:none; }
  .lx-header-action__txt small { display:none; }
  .lx-header-action__txt strong { font-size:.8rem; }
}

/* ============================================================
   MOBILE DRAWER
============================================================ */
.lx-mobile-drawer {
  position: fixed; inset:0;
  z-index: 5000;
  visibility: hidden;
  pointer-events: none;
}
.lx-mobile-drawer.is-open { visibility: visible; pointer-events: auto; }
.lx-mobile-drawer__backdrop {
  position:absolute; inset:0;
  background: rgba(15,21,37,.55);
  opacity:0;
  transition: opacity .3s ease;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.lx-mobile-drawer.is-open .lx-mobile-drawer__backdrop { opacity:1; }
.lx-mobile-drawer__panel {
  position:absolute; top:0; left:0; bottom:0;
  width: min(360px, 88vw);
  background: #fff;
  display:flex; flex-direction:column;
  transform: translateX(-100%);
  transition: transform .32s cubic-bezier(.4,0,.2,1);
  box-shadow: 8px 0 40px rgba(0,0,0,.2);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.lx-mobile-drawer.is-open .lx-mobile-drawer__panel { transform: translateX(0); }

.lx-mobile-drawer__head {
  display:flex; align-items:center; justify-content:space-between;
  padding: 16px 18px;
  background: linear-gradient(135deg, #0F1525 0%, #1A1A2E 100%);
  color:#fff;
  border-bottom: 3px solid var(--lx-orange);
  position: sticky; top:0; z-index:5;
}
.lx-mobile-drawer__brand {
  display:flex; align-items:center; gap:10px;
  text-decoration:none;
}
.lx-mobile-drawer__brand .lx-brand__icon {
  width:36px; height:36px;
  background: linear-gradient(135deg, var(--lx-orange) 0%, #FF8C33 100%);
  border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 3px 10px rgba(255,107,0,.4);
}
.lx-mobile-drawer__brand .lx-brand__name {
  color:#fff; font-size:1.1rem; font-weight:800; letter-spacing:-.02em;
}
.lx-mobile-drawer__brand .lx-brand__name span { color: var(--lx-orange); }
.lx-mobile-drawer__close {
  background: rgba(255,255,255,.08);
  border:none; color:#fff;
  width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition: background var(--lx-transition);
}
.lx-mobile-drawer__close:hover { background: rgba(255,107,0,.4); }

.lx-mobile-drawer__search {
  display:flex; align-items:center; gap:8px;
  padding: 14px 16px;
  background: var(--lx-grey-light);
  border-bottom: 1px solid var(--lx-grey-border);
}
.lx-mobile-drawer__search > svg { color: var(--lx-grey); flex-shrink:0; margin-left:4px; }
.lx-mobile-drawer__search input {
  flex:1; padding: 10px 12px;
  border:1px solid var(--lx-grey-border);
  border-radius: 999px;
  background:#fff; outline:none;
  font-size:.9rem;
  min-width:0;
}
.lx-mobile-drawer__search input:focus {
  border-color: var(--lx-orange);
  box-shadow: 0 0 0 3px rgba(255,107,0,.12);
}
.lx-mobile-drawer__search button {
  background: var(--lx-orange); color:#fff;
  border:none; padding: 10px 16px;
  font-weight:700; font-size:.85rem;
  border-radius: 999px; cursor:pointer;
  transition: background var(--lx-transition);
}
.lx-mobile-drawer__search button:hover { background: var(--lx-orange-dark); }

.lx-mobile-drawer__quicklinks {
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--lx-grey-border);
}
.lx-mobile-drawer__quicklinks a {
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding: 12px 10px;
  background: var(--lx-grey-light);
  border-radius: var(--lx-radius);
  color: var(--lx-dark);
  font-size:.85rem; font-weight:700;
  text-decoration:none;
  transition: all var(--lx-transition);
  position:relative;
}
.lx-mobile-drawer__quicklinks a:hover {
  background: var(--lx-orange-pale); color: var(--lx-orange);
}
.lx-mobile-drawer__badge {
  background: var(--lx-orange); color:#fff;
  font-size:.65rem; font-weight:800;
  min-width:18px; height:18px; padding:0 5px;
  border-radius:999px; display:inline-flex; align-items:center; justify-content:center;
  margin-left: 2px;
}

.lx-mobile-drawer__heading {
  padding: 16px 18px 8px;
  font-size: .72rem; font-weight: 800;
  color: var(--lx-grey);
  text-transform: uppercase; letter-spacing: .1em;
}

.lx-mobile-nav { padding: 0 8px 12px; flex:1; }
.lx-mobile-nav__item { border-bottom: 1px solid #f2f2f4; }
.lx-mobile-nav__item:last-child { border-bottom: none; }
.lx-mobile-nav__row { display:flex; align-items:stretch; }
.lx-mobile-nav__link {
  flex:1;
  padding: 14px 12px;
  color: var(--lx-dark);
  font-size: .94rem; font-weight: 600;
  text-decoration: none;
  display:flex; align-items:center;
  border-radius: var(--lx-radius);
  transition: background var(--lx-transition), color var(--lx-transition);
}
.lx-mobile-nav__link:hover { color: var(--lx-orange); background: var(--lx-orange-pale); }
.lx-mobile-nav__toggle {
  background: transparent; border:none;
  width:44px; flex-shrink:0;
  color: var(--lx-grey);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  border-radius: var(--lx-radius);
  transition: all var(--lx-transition);
}
.lx-mobile-nav__toggle:hover { background: var(--lx-orange-pale); color: var(--lx-orange); }
.lx-mobile-nav__toggle svg { transition: transform .25s ease; }
.lx-mobile-nav__item.is-open .lx-mobile-nav__toggle svg { transform: rotate(180deg); }
.lx-mobile-nav__item.is-open .lx-mobile-nav__toggle { color: var(--lx-orange); }

.lx-mobile-nav__sub {
  display: none;
  padding: 4px 0 10px 12px;
  margin: 0 0 6px 8px;
  border-left: 2px solid var(--lx-orange-pale);
}
.lx-mobile-nav__item.is-open .lx-mobile-nav__sub { display: block; }
.lx-mobile-nav__sub li a {
  display:block;
  padding: 9px 12px;
  color: var(--lx-grey-dark);
  font-size: .87rem;
  text-decoration: none;
  border-radius: 6px;
  transition: all var(--lx-transition);
}
.lx-mobile-nav__sub li a:hover {
  color: var(--lx-orange);
  background: var(--lx-orange-pale);
  padding-left: 16px;
}

.lx-mobile-drawer__foot {
  padding: 14px 18px 22px;
  border-top: 1px solid var(--lx-grey-border);
  background: var(--lx-grey-light);
  display:flex; flex-direction:column; gap:6px;
  font-size:.78rem;
  color: var(--lx-grey);
}
.lx-mobile-drawer__foot a {
  display:inline-flex; align-items:center; gap:8px;
  color: var(--lx-dark); font-weight:700; font-size:.9rem;
  text-decoration:none;
}
.lx-mobile-drawer__foot a:hover { color: var(--lx-orange); }
.lx-mobile-drawer__foot a svg { color: var(--lx-orange); }

/* Body scroll lock when drawer is open */
body.lx-no-scroll { overflow: hidden; }

/* ============================================================
   HERO / BANNER
============================================================ */
.lx-hero {
  background: linear-gradient(135deg, var(--lx-dark) 0%, #0f2027 50%, #1a1a2e 100%);
  color:#fff; padding:70px 0; position:relative; overflow:hidden;
}
.lx-hero::before {
  content:''; position:absolute; inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FF6B00' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  pointer-events:none;
}
.lx-hero__inner { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; position:relative; }
.lx-hero__eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.lx-hero__eyebrow-line { width:36px; height:3px; background:var(--lx-orange); border-radius:2px; }
.lx-hero__eyebrow-text { font-size:.82rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--lx-orange); }
.lx-hero__title { font-size:2.8rem; font-weight:800; line-height:1.15; margin-bottom:18px; }
.lx-hero__title span { color:var(--lx-orange); }
.lx-hero__desc { color:rgba(255,255,255,.75); font-size:1.05rem; margin-bottom:32px; max-width:460px; }
.lx-hero__actions { display:flex; gap:14px; flex-wrap:wrap; }
.lx-hero__trust { display:flex; gap:24px; margin-top:40px; flex-wrap:wrap; }
.lx-hero__trust-item { display:flex; align-items:center; gap:8px; font-size:.82rem; color:rgba(255,255,255,.7); }
.lx-hero__trust-item svg { color:var(--lx-orange); }
.lx-hero__visual { position:relative; display:flex; justify-content:center; align-items:center; }
.lx-hero__card {
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
  border-radius:var(--lx-radius-lg); padding:28px; width:100%; max-width:380px;
  backdrop-filter:blur(8px);
}
.lx-hero__card-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; font-size:.8rem; color:rgba(255,255,255,.5); }
.lx-hero__category-pills { display:flex; flex-wrap:wrap; gap:8px; }
.lx-hero__pill {
  background:rgba(255,107,0,.15); border:1px solid rgba(255,107,0,.35);
  color:rgba(255,255,255,.85); padding:7px 14px; border-radius:20px;
  font-size:.8rem; font-weight:600; transition:all var(--lx-transition); text-decoration:none;
  display:flex; align-items:center; gap:5px;
}
.lx-hero__pill:hover { background:var(--lx-orange); border-color:var(--lx-orange); color:#fff; }
.lx-hero__pill svg { width:13px; height:13px; }

/* ============================================================
   PROMO STRIP
============================================================ */
.lx-promo-strip {
  background: linear-gradient(90deg, var(--lx-orange) 0%, var(--lx-orange-light) 100%);
  color:#fff; padding:14px 0;
}
.lx-promo-strip__inner { display:flex; justify-content:center; gap:40px; flex-wrap:wrap; align-items:center; }
.lx-promo-strip__item { display:flex; align-items:center; gap:8px; font-size:.88rem; font-weight:700; }
.lx-promo-strip__item svg { width:18px; height:18px; opacity:.9; }

/* ============================================================
   CATEGORY GRID
============================================================ */
.lx-cat-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:16px; }
.lx-cat-card {
  background:var(--lx-white); border:2px solid var(--lx-grey-border);
  border-radius:var(--lx-radius-lg); padding:24px 16px; text-align:center;
  text-decoration:none; transition:all var(--lx-transition); position:relative; overflow:hidden;
}
.lx-cat-card::before { content:''; position:absolute; inset:0; background:var(--lx-orange); opacity:0; transition:opacity var(--lx-transition); }
.lx-cat-card:hover { border-color:var(--lx-orange); transform:translateY(-3px); box-shadow:var(--lx-shadow-lg); }
.lx-cat-card:hover::before { opacity:.03; }
.lx-cat-card__icon {
  width:52px; height:52px; background:var(--lx-orange-pale); border-radius:var(--lx-radius);
  display:flex; align-items:center; justify-content:center; margin:0 auto 12px;
  transition:all var(--lx-transition);
}
.lx-cat-card__icon svg { width:26px; height:26px; color:var(--lx-orange); }
.lx-cat-card:hover .lx-cat-card__icon { background:var(--lx-orange); }
.lx-cat-card:hover .lx-cat-card__icon svg { color:#fff; }
.lx-cat-card__name { font-size:.88rem; font-weight:700; color:var(--lx-dark); }
.lx-cat-card__count { font-size:.75rem; color:var(--lx-grey); margin-top:3px; }

/* ============================================================
   PRODUCT CARDS
============================================================ */
.lx-products-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:20px; }
.lx-product-card {
  background:var(--lx-white); border:1px solid var(--lx-grey-border);
  border-radius:var(--lx-radius-lg); overflow:hidden; transition:all var(--lx-transition);
  display:flex; flex-direction:column;
}
.lx-product-card:hover { box-shadow:var(--lx-shadow-lg); transform:translateY(-3px); border-color:var(--lx-orange); }
.lx-product-card__thumb { position:relative; background:#fff; aspect-ratio:1; overflow:hidden; }
.lx-product-card__thumb img { width:100%; height:100%; object-fit:contain; padding:8px; transition:transform var(--lx-transition); }
.lx-product-card:hover .lx-product-card__thumb img { transform:scale(1.04); }
.lx-product-card__badges { position:absolute; top:10px; left:10px; display:flex; flex-direction:column; gap:4px; }
.lx-product-card__wish {
  position:absolute; top:10px; right:10px; width:32px; height:32px;
  background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center;
  box-shadow:var(--lx-shadow); border:none; transition:all var(--lx-transition);
  opacity:0;
}
.lx-product-card:hover .lx-product-card__wish { opacity:1; }
.lx-product-card__wish:hover { background:var(--lx-orange); color:#fff; }
.lx-product-card__body { padding:16px; flex:1; display:flex; flex-direction:column; gap:8px; }
.lx-product-card__cat { font-size:.72rem; font-weight:700; text-transform:uppercase; color:var(--lx-orange); letter-spacing:.06em; }
.lx-product-card__name { font-size:.92rem; font-weight:700; color:var(--lx-dark); line-height:1.35; }
.lx-product-card__rating { display:flex; align-items:center; gap:4px; }
.lx-product-card__stars { color:#f59e0b; font-size:.8rem; letter-spacing:1px; }
.lx-product-card__rating-count { font-size:.73rem; color:var(--lx-grey); }
.lx-product-card__price { margin-top:auto; }
.lx-product-card__price .price { display:flex; align-items:baseline; gap:8px; }
.lx-product-card__price .amount { font-size:1.15rem; font-weight:800; color:var(--lx-dark); }
.lx-product-card__price del .amount { font-size:.85rem; font-weight:400; color:var(--lx-grey); text-decoration:line-through; }
.lx-product-card__price ins { text-decoration:none; }
.lx-product-card__price ins .amount { color:var(--lx-orange); }
.lx-product-card__footer { padding:0 16px 16px; }
.lx-product-card__footer .lx-btn { width:100%; justify-content:center; }

/* ============================================================
   WHY US / FEATURES
============================================================ */
.lx-features-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:24px; }
.lx-feature-card {
  text-align:center; padding:32px 20px;
  border-radius:var(--lx-radius-lg); background:var(--lx-white);
  border:2px solid var(--lx-grey-border); transition:all var(--lx-transition);
}
.lx-feature-card:hover { border-color:var(--lx-orange); box-shadow:var(--lx-shadow-lg); }
.lx-feature-card__icon {
  width:60px; height:60px; background:var(--lx-orange-pale);
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  margin:0 auto 16px; transition:all var(--lx-transition);
}
.lx-feature-card__icon svg { width:28px; height:28px; color:var(--lx-orange); }
.lx-feature-card:hover .lx-feature-card__icon { background:var(--lx-orange); }
.lx-feature-card:hover .lx-feature-card__icon svg { color:#fff; }
.lx-feature-card__title { font-size:1rem; font-weight:700; color:var(--lx-dark); margin-bottom:8px; }
.lx-feature-card__desc { font-size:.85rem; color:var(--lx-grey); line-height:1.55; }

/* ============================================================
   BANNER PROMO
============================================================ */
.lx-promo-banner {
  background: linear-gradient(135deg, var(--lx-dark) 0%, #16213e 100%);
  color:#fff; border-radius:var(--lx-radius-lg); padding:48px; position:relative; overflow:hidden;
}
.lx-promo-banner::after {
  content:''; position:absolute; right:-40px; top:-40px;
  width:240px; height:240px; border-radius:50%;
  background:var(--lx-orange); opacity:.07;
}
.lx-promo-banner__inner { display:grid; grid-template-columns:1fr auto; gap:32px; align-items:center; position:relative; }
.lx-promo-banner__eyebrow { font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--lx-orange); margin-bottom:10px; }
.lx-promo-banner__title { font-size:1.9rem; font-weight:800; margin-bottom:10px; }
.lx-promo-banner__desc { color:rgba(255,255,255,.7); font-size:.93rem; }

/* ============================================================
   TRUST BADGES
============================================================ */
.lx-trust-bar {
  border:2px solid var(--lx-grey-border); border-radius:var(--lx-radius-lg);
  display:grid; grid-template-columns:repeat(4, 1fr);
}
.lx-trust-item {
  padding:24px 20px; display:flex; align-items:center; gap:14px;
  border-right:1px solid var(--lx-grey-border);
}
.lx-trust-item:last-child { border-right:none; }
.lx-trust-item__icon { width:44px; height:44px; flex-shrink:0; background:var(--lx-orange-pale); border-radius:var(--lx-radius); display:flex; align-items:center; justify-content:center; }
.lx-trust-item__icon svg { width:22px; height:22px; color:var(--lx-orange); }
.lx-trust-item__title { font-size:.9rem; font-weight:700; color:var(--lx-dark); }
.lx-trust-item__desc { font-size:.78rem; color:var(--lx-grey); margin-top:2px; }

/* ============================================================
   TRUST CENTER (homepage)
============================================================ */
.lx-trust-center {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: stretch;
}
.lx-trust-center__lede {
  color: var(--lx-grey);
  font-size: .95rem;
  line-height: 1.65;
  margin: 14px 0 22px;
  max-width: 540px;
}
.lx-trust-center__policies {
  display: flex; flex-wrap: wrap; gap: 8px 6px;
}
.lx-trust-center__policies a {
  display: inline-flex; align-items: center;
  padding: 8px 14px;
  border: 1px solid var(--lx-grey-border);
  background: #fff;
  border-radius: 999px;
  color: var(--lx-grey-dark);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  transition: all var(--lx-transition);
}
.lx-trust-center__policies a:hover {
  border-color: var(--lx-orange);
  background: var(--lx-orange-pale);
  color: var(--lx-orange);
}
.lx-trust-center__card {
  background: #fff;
  border: 1px solid var(--lx-grey-border);
  border-top: 4px solid var(--lx-orange);
  border-radius: var(--lx-radius-lg);
  padding: 26px 28px;
  box-shadow: 0 4px 20px rgba(0,0,0,.04);
}
.lx-trust-center__company {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--lx-dark);
  letter-spacing: .02em;
}
.lx-trust-center__ein {
  display: inline-block;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--lx-orange);
  background: var(--lx-orange-pale);
  padding: 4px 10px;
  border-radius: 999px;
  margin-top: 6px;
  margin-bottom: 16px;
}
.lx-trust-center__row {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #f2f2f4;
}
.lx-trust-center__row:nth-child(3) { border-top: none; }
.lx-trust-center__icon {
  width: 32px; height: 32px;
  flex-shrink: 0;
  background: var(--lx-orange-pale);
  border-radius: 8px;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--lx-orange);
}
.lx-trust-center__label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--lx-grey);
  text-transform: uppercase;
}
.lx-trust-center__value {
  font-size: .9rem;
  color: var(--lx-dark);
  font-weight: 500;
  margin-top: 2px;
  line-height: 1.45;
}
.lx-trust-center__value a { color: var(--lx-dark); font-weight: 600; }
.lx-trust-center__value a:hover { color: var(--lx-orange); }

/* ============================================================
   PAYMENT METHODS STRIP
============================================================ */
.lx-payments-strip {
  margin-top: 28px;
  padding: 18px 22px;
  background: #fff;
  border: 1px solid var(--lx-grey-border);
  border-radius: var(--lx-radius-lg);
  display: flex; align-items: center; gap: 18px;
  flex-wrap: wrap;
}
.lx-payments-strip__label {
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--lx-grey);
  flex-shrink: 0;
}
.lx-payments-strip__list {
  display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
}
.lx-pay-pill {
  display: inline-flex; align-items: center;
  padding: 6px 12px;
  background: var(--lx-grey-light);
  border-radius: 6px;
  font-size: .72rem;
  font-weight: 700;
  color: var(--lx-dark);
  letter-spacing: .04em;
}

@media (max-width: 768px) {
  .lx-trust-center { grid-template-columns: 1fr; gap: 24px; }
  .lx-trust-center__card { padding: 20px 18px; }
  .lx-payments-strip { padding: 14px 16px; gap: 10px; }
  .lx-payments-strip__label { width: 100%; }
}

/* ============================================================
   DRAWER TABS + PANEL BODIES
============================================================ */
.lx-mobile-drawer__tabs {
  display: flex;
  padding: 0 12px;
  background: #fff;
  border-bottom: 1px solid var(--lx-grey-border);
  position: sticky; top: 0; z-index: 4;
  gap: 4px;
}
.lx-mobile-drawer__tab {
  flex: 1;
  background: transparent;
  border: none;
  padding: 13px 8px;
  font-family: inherit;
  font-size: .82rem;
  font-weight: 700;
  color: var(--lx-grey);
  cursor: pointer;
  border-bottom: 3px solid transparent;
  display: flex; align-items: center; justify-content: center; gap: 7px;
  transition: color var(--lx-transition), border-color var(--lx-transition);
  letter-spacing: .02em;
}
.lx-mobile-drawer__tab:hover { color: var(--lx-orange); }
.lx-mobile-drawer__tab.is-active {
  color: var(--lx-orange);
  border-bottom-color: var(--lx-orange);
}
.lx-mobile-drawer__panel-body { display: none; }
.lx-mobile-drawer__panel-body.is-active { display: block; }

/* Simple nav (Home/Shop/About/Contact list inside drawer) */
.lx-mobile-nav--simple { padding: 8px; }
.lx-mobile-nav--simple .lx-mobile-nav__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 12px;
  font-size: .94rem;
  font-weight: 600;
  color: var(--lx-dark);
}
.lx-mobile-nav--simple .lx-mobile-nav__link svg {
  width: 18px; height: 18px;
  color: var(--lx-orange);
  flex-shrink: 0;
}

/* ============================================================
   SEARCH LIVE SUGGESTION DROPDOWN
============================================================ */
.lx-search { position: relative; }
.lx-search-suggest {
  position: absolute;
  top: calc(100% + 6px); left: 0; right: 0;
  background: #fff;
  border: 1px solid var(--lx-grey-border);
  border-top: 3px solid var(--lx-orange);
  border-radius: 0 0 var(--lx-radius-lg) var(--lx-radius-lg);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  max-height: 460px;
  overflow-y: auto;
  z-index: 1100;
  padding: 6px 0;
}
.lx-search-suggest[hidden] { display: none !important; }
.lx-search-suggest__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  text-decoration: none;
  color: var(--lx-dark);
  font-size: .9rem;
  border-left: 3px solid transparent;
  transition: background var(--lx-transition), border-color var(--lx-transition), color var(--lx-transition);
}
.lx-search-suggest__item:hover,
.lx-search-suggest__item.is-active {
  background: var(--lx-orange-pale);
  border-left-color: var(--lx-orange);
  color: var(--lx-dark);
}
.lx-search-suggest__thumb {
  width: 44px; height: 44px;
  flex-shrink: 0;
  border-radius: 6px;
  overflow: hidden;
  background: var(--lx-grey-light);
  display: flex; align-items: center; justify-content: center;
}
.lx-search-suggest__thumb img { width: 100%; height: 100%; object-fit: cover; }
.lx-search-suggest__body { flex: 1; min-width: 0; }
.lx-search-suggest__name {
  font-size: .88rem;
  font-weight: 600;
  color: var(--lx-dark);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lx-search-suggest__price {
  font-size: .8rem;
  font-weight: 700;
  color: var(--lx-orange);
  margin-top: 2px;
  display: block;
}
.lx-search-suggest__price del {
  color: var(--lx-grey);
  font-weight: 500;
  margin-right: 4px;
}
.lx-search-suggest__msg {
  padding: 18px 20px;
  font-size: .85rem;
  color: var(--lx-grey);
  text-align: center;
}
.lx-search-suggest__viewall {
  display: block;
  padding: 11px 16px;
  background: #fafafa;
  border-top: 1px solid var(--lx-grey-border);
  text-align: center;
  font-size: .82rem;
  font-weight: 700;
  color: var(--lx-orange);
  text-decoration: none;
  transition: background var(--lx-transition);
}
.lx-search-suggest__viewall:hover { background: var(--lx-orange-pale); }

/* Mobile drawer search variant */
.lx-mobile-drawer__search { position: relative; flex-wrap: wrap; }
.lx-search-suggest--mobile {
  position: static;
  width: 100%;
  margin-top: 8px;
  border-radius: var(--lx-radius);
  max-height: 340px;
  border-top-width: 3px;
  box-shadow: none;
}

/* ============================================================
   FOOTER
============================================================ */
.lx-footer {
  background: linear-gradient(180deg, #0F1525 0%, #1A1A2E 100%);
  color: rgba(255,255,255,.78);
  padding: 56px 0 0;
}
.lx-footer__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1.2fr;
  gap: 36px;
  margin-bottom: 40px;
}
.lx-footer__brand .lx-brand__icon {
  background: linear-gradient(135deg, var(--lx-orange) 0%, #FF8C33 100%);
  box-shadow: 0 4px 14px rgba(255,107,0,.30);
}
.lx-footer__brand .lx-brand__name { color:#fff; font-weight:800; }
.lx-footer__brand .lx-brand__tagline { color: rgba(255,255,255,.45); }
.lx-footer__about {
  color: rgba(255,255,255,.55);
  font-size: .85rem; line-height: 1.65;
  margin: 14px 0 18px;
  max-width: 320px;
}

/* Company info block */
.lx-footer__company {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--lx-radius);
  padding: 14px 16px;
  margin-bottom: 18px;
  font-size: .82rem;
}
.lx-footer__company-name {
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: #fff;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.lx-footer__company-meta {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: rgba(255,255,255,.6);
  font-size: .78rem;
  line-height: 1.55;
  margin-top: 4px;
}
.lx-footer__company-meta svg { color: var(--lx-orange); flex-shrink:0; margin-top:3px; }
.lx-footer__company-meta a { color: rgba(255,255,255,.7); }
.lx-footer__company-meta a:hover { color: var(--lx-orange); }

.lx-footer__social { display:flex; gap:8px; margin-top:6px; }
.lx-footer__social a {
  width: 36px; height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.7);
  transition: all var(--lx-transition);
  font-size: .82rem; font-weight: 600;
  text-decoration: none;
}
.lx-footer__social a:hover { background: var(--lx-orange); color:#fff; transform:translateY(-2px); }

/* Column titles (accordion-ready buttons) */
.lx-footer__col-title {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%;
  background: transparent; border: none;
  padding: 0 0 10px;
  margin: 0 0 14px;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid rgba(255,107,0,.3);
  cursor: default;
  text-align: left;
  font-family: inherit;
}
.lx-footer__col-icon { display: none; }

.lx-footer__links { padding:0; margin:0; list-style:none; }
.lx-footer__links li { margin-bottom: 8px; }
.lx-footer__links a {
  color: rgba(255,255,255,.6);
  font-size: .85rem; font-weight: 400;
  transition: color var(--lx-transition), padding-left var(--lx-transition);
  display: inline-flex; align-items: center; gap: 6px;
  text-decoration: none;
}
.lx-footer__links a::before { content:'›'; color: var(--lx-orange); font-weight: 600; }
.lx-footer__links a:hover { color: var(--lx-orange); padding-left: 3px; }

.lx-footer__newsletter-copy {
  font-size: .83rem; color: rgba(255,255,255,.55);
  line-height: 1.6; margin-bottom: 12px;
}
.lx-footer__newsletter-form {
  display: flex; margin-top: 4px;
  border-radius: var(--lx-radius);
  overflow: hidden;
  background: rgba(255,255,255,.06);
}
.lx-footer__newsletter-input {
  flex: 1; min-width:0;
  padding: 11px 14px; border: none;
  background: transparent;
  color: #fff;
  font-size: .85rem; outline: none;
}
.lx-footer__newsletter-input::placeholder { color: rgba(255,255,255,.4); }
.lx-footer__newsletter-btn {
  background: var(--lx-orange); color:#fff;
  border: none; padding: 11px 16px;
  font-size: .82rem; font-weight: 700;
  cursor: pointer;
  transition: background var(--lx-transition);
}
.lx-footer__newsletter-btn:hover { background: var(--lx-orange-dark); }
.lx-footer__newsletter-fine {
  font-size: .72rem; color: rgba(255,255,255,.35);
  margin-top: 8px;
}

.lx-footer__bottom {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 20px 0;
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 12px;
}
.lx-footer__bottom-text { font-size: .78rem; color: rgba(255,255,255,.45); }
.lx-footer__bottom-links { display: flex; gap: 20px; }
.lx-footer__bottom-links a {
  font-size: .78rem; color: rgba(255,255,255,.5);
  transition: color var(--lx-transition);
  text-decoration: none;
}
.lx-footer__bottom-links a:hover { color: var(--lx-orange); }
.lx-footer__payment { display: flex; gap: 6px; align-items: center; flex-wrap:wrap; }
.lx-footer__payment-icon {
  background: rgba(255,255,255,.08);
  border-radius: 4px;
  padding: 4px 8px;
  font-size: .68rem; font-weight: 700;
  color: rgba(255,255,255,.65);
  letter-spacing: .04em;
}

/* ============================================================
   WOOCOMMERCE OVERRIDES
============================================================ */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: var(--lx-orange) !important;
  color: #fff !important;
  border-radius: var(--lx-radius) !important;
  font-weight: 700 !important;
  font-family: var(--lx-font) !important;
  border: none !important;
  padding: 11px 22px !important;
  transition: background var(--lx-transition) !important;
  font-size: .9rem !important;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover { background: var(--lx-orange-dark) !important; }

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt { background: var(--lx-orange) !important; }

.woocommerce span.onsale { background: #e74c3c !important; }
.woocommerce .price { color: var(--lx-dark) !important; }
.woocommerce ins .amount,
.woocommerce .woocommerce-Price-amount { color: var(--lx-orange) !important; }
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--lx-orange) !important; color: #fff !important; border-color: var(--lx-orange) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--lx-orange); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--lx-white) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom-color: var(--lx-grey-border); }
.woocommerce .star-rating span { color: #f59e0b; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { background: var(--lx-orange); }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: var(--lx-orange); border-color: var(--lx-orange); }
.woocommerce .widget_price_filter .price_slider_amount .button { background: var(--lx-orange) !important; }

/* Product page */
.woocommerce div.product .product_title { font-size:1.8rem; font-weight:700; color:var(--lx-dark); }
.woocommerce div.product p.price { font-size:1.5rem; font-weight:700; }
.woocommerce div.product form.cart .quantity input { border:2px solid var(--lx-grey-border); border-radius:var(--lx-radius); padding:8px 12px; }
.woocommerce div.product form.cart .single_add_to_cart_button { font-size:1rem !important; padding:13px 32px !important; }

/* Shop layout */
.woocommerce ul.products li.product { transition:all var(--lx-transition); }
.woocommerce ul.products li.product:hover { transform:translateY(-3px); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size:.9rem; font-weight:400; }

/* Cart/Checkout */
.woocommerce table.shop_table { border-radius:var(--lx-radius-lg); overflow:hidden; }
.woocommerce .checkout #payment { background:var(--lx-grey-light); border-radius:var(--lx-radius-lg); }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select { border:2px solid var(--lx-grey-border); border-radius:var(--lx-radius); padding:10px 14px; transition:border-color var(--lx-transition); }
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus { border-color:var(--lx-orange); outline:none; }

/* ============================================================
   PAGE TEMPLATES
============================================================ */
.lx-page-hero {
  background: linear-gradient(135deg, var(--lx-dark) 0%, #16213e 100%);
  color:#fff; padding:60px 0 50px; text-align:center;
}
.lx-page-hero__title { font-size:2.2rem; font-weight:800; margin-bottom:10px; }
.lx-page-hero__breadcrumb { font-size:.85rem; color:rgba(255,255,255,.55); }
.lx-page-hero__breadcrumb a { color:var(--lx-orange); }
.lx-page-content { padding:60px 0; }
.lx-page-content__inner { max-width:860px; margin:0 auto; }
.lx-page-content h2 { font-size:1.4rem; font-weight:700; color:var(--lx-dark); margin:32px 0 12px; padding-bottom:8px; border-bottom:2px solid var(--lx-orange-pale); }
.lx-page-content h3 { font-size:1.1rem; font-weight:700; color:var(--lx-dark); margin:24px 0 10px; }
.lx-page-content p { margin-bottom:14px; line-height:1.75; color:var(--lx-grey-dark); }
.lx-page-content ul { margin:12px 0 18px 20px; }
.lx-page-content ul li { margin-bottom:7px; color:var(--lx-grey-dark); line-height:1.6; list-style:disc; }
.lx-page-content .lx-info-box { background:var(--lx-orange-pale); border-left:4px solid var(--lx-orange); padding:18px 20px; border-radius:0 var(--lx-radius) var(--lx-radius) 0; margin:24px 0; }
.lx-page-content .lx-info-box p { margin:0; font-weight:600; color:var(--lx-dark); }

/* Contact form */
.lx-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.lx-contact-info-item { display:flex; gap:14px; margin-bottom:24px; }
.lx-contact-info-item__icon { width:44px; height:44px; background:var(--lx-orange-pale); border-radius:var(--lx-radius); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.lx-contact-info-item__icon svg { color:var(--lx-orange); }
.lx-form-group { margin-bottom:18px; }
.lx-form-label { display:block; font-size:.85rem; font-weight:700; color:var(--lx-dark); margin-bottom:6px; }
.lx-form-input, .lx-form-textarea, .lx-form-select {
  width:100%; padding:11px 14px; border:2px solid var(--lx-grey-border);
  border-radius:var(--lx-radius); font-family:var(--lx-font); font-size:.9rem;
  transition:border-color var(--lx-transition); outline:none; color:var(--lx-dark);
}
.lx-form-input:focus, .lx-form-textarea:focus, .lx-form-select:focus { border-color:var(--lx-orange); }
.lx-form-textarea { resize:vertical; min-height:130px; }

/* ============================================================
   BREADCRUMBS
============================================================ */
.lx-breadcrumb { padding:14px 0; border-bottom:1px solid var(--lx-grey-border); }
.lx-breadcrumb__list { display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:.82rem; color:var(--lx-grey); }
.lx-breadcrumb__list a { color:var(--lx-grey); }
.lx-breadcrumb__list a:hover { color:var(--lx-orange); }
.lx-breadcrumb__list li:not(:last-child)::after { content:'›'; margin-left:6px; color:var(--lx-grey-border); }
.lx-breadcrumb__list li:last-child { color:var(--lx-dark); font-weight:600; }

/* ============================================================
   SIDEBAR
============================================================ */
.lx-shop-layout { display:grid; grid-template-columns:260px 1fr; gap:32px; }
.lx-sidebar { position:relative; }
.lx-widget { margin-bottom:24px; background:var(--lx-white); border:2px solid var(--lx-grey-border); border-radius:var(--lx-radius-lg); overflow:hidden; }
.lx-widget__title { background:var(--lx-orange-pale); padding:14px 18px; font-size:.88rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--lx-dark); border-bottom:2px solid var(--lx-orange); }
.lx-widget__body { padding:16px; }

/* ============================================================
   NOTICES
============================================================ */
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-radius:var(--lx-radius) !important; }
.woocommerce-message { border-top-color:var(--lx-orange) !important; }
.woocommerce-info { border-top-color:var(--lx-orange) !important; }

/* ============================================================
   RESPONSIVE
============================================================ */
@media (max-width: 1024px) {
  .lx-footer__grid { grid-template-columns: 1fr 1fr 1fr; }
  .lx-trust-bar { grid-template-columns: repeat(2, 1fr); }
  .lx-trust-item:nth-child(2) { border-right:none; }
  .lx-shop-layout { grid-template-columns:220px 1fr; }
  .lx-hero__inner { grid-template-columns:1fr; }
  .lx-hero__visual { display:none; }
  .lx-hero { padding:50px 0; }
  .lx-hero__title { font-size:2.2rem; }
}
@media (max-width: 768px) {
  /* Topbar stays visible on mobile but compact */
  .lx-topbar { display:block !important; padding: 6px 0; font-size: .72rem; }
  .lx-topbar__inner { gap: 6px; }
  .lx-topbar__left { font-size: .72rem; }
  .lx-topbar__right { gap: 12px; }
  .lx-topbar__right a { font-size: .72rem; gap: 4px; }
  .lx-topbar__right a + a::before { left: -7px; height: 11px; }
  .lx-topbar__right svg { width: 11px; height: 11px; }

  .lx-header__inner { padding-top:11px; padding-bottom:11px; gap:8px; }
  .lx-search { display:none; }
  .lx-nav-bar { display:none !important; }
  .lx-menu-toggle { display:flex; }
  .lx-brand__tagline { display:none; }
  .lx-brand__name { font-size:1.05rem; }
  .lx-brand__icon { width:38px; height:38px; }
  .lx-header-action__txt { display:none; }
  .lx-header-action { padding:8px; }
  .lx-header-action--account { display:none; }
  .lx-header-actions { gap:2px; margin-left:auto; }

  /* All-depts mega menu: 2 cols on tablet, full labels visible */
  .lx-all-depts-menu { width: calc(100vw - 28px); }
  .lx-all-depts-menu__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lx-all-depts-menu__label { font-size: .82rem; }

  /* Footer: stack to single column with accordion */
  .lx-footer { padding-top: 36px; }
  .lx-footer__grid { grid-template-columns: 1fr; gap: 0; margin-bottom: 20px; }
  .lx-footer__brand { padding-bottom: 8px; }
  .lx-footer__col {
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  .lx-footer__col-title {
    cursor: pointer;
    margin: 0;
    padding: 16px 4px;
    border-bottom: none;
    position: relative;
  }
  .lx-footer__col-title:hover { color: var(--lx-orange); }
  .lx-footer__col-icon {
    display: block;
    position: relative;
    width: 16px; height: 16px;
    flex-shrink: 0;
  }
  .lx-footer__col-icon::before,
  .lx-footer__col-icon::after {
    content: '';
    position: absolute;
    background: var(--lx-orange);
    border-radius: 1px;
    transition: transform .25s ease;
  }
  .lx-footer__col-icon::before { /* horizontal */
    top: 50%; left: 0; right: 0; height: 2px; transform: translateY(-50%);
  }
  .lx-footer__col-icon::after { /* vertical */
    left: 50%; top: 0; bottom: 0; width: 2px; transform: translateX(-50%);
  }
  .lx-footer__col-title[aria-expanded="true"] .lx-footer__col-icon::after {
    transform: translateX(-50%) rotate(90deg);
  }
  .lx-footer__col .lx-footer__links,
  .lx-footer__col .lx-footer__col-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease, padding .3s ease;
    padding: 0 4px;
  }
  .lx-footer__col-title[aria-expanded="true"] + .lx-footer__links,
  .lx-footer__col-title[aria-expanded="true"] + .lx-footer__col-body {
    max-height: 800px;
    padding: 4px 4px 18px;
  }

  .lx-footer__bottom { flex-direction: column; text-align: center; padding: 18px 0; }
  .lx-footer__bottom-links { justify-content: center; }
  .lx-footer__payment { justify-content: center; }

  .lx-trust-bar { grid-template-columns:1fr; border-radius:var(--lx-radius-lg); }
  .lx-trust-item { border-right:none; border-bottom:1px solid var(--lx-grey-border); }
  .lx-trust-item:last-child { border-bottom:none; }
  .lx-shop-layout { grid-template-columns:1fr; }
  .lx-cat-grid { grid-template-columns:repeat(3, 1fr); }
  .lx-contact-grid { grid-template-columns:1fr; }
  .lx-promo-banner__inner { grid-template-columns:1fr; }
  .lx-hero__title { font-size:1.8rem; }
  .lx-section { padding:40px 0; }
}
@media (max-width: 480px) {
  .lx-cat-grid { grid-template-columns:repeat(2, 1fr); }
  .lx-promo-strip__inner { flex-direction:column; gap:10px; }
  .lx-products-grid { grid-template-columns:repeat(2, 1fr); }
  .lx-all-depts-menu__grid { grid-template-columns: 1fr; }
}


/* ============================================================
   LUNEXA HARD LAYOUT FIX v2.0.3
   Forces the theme out of WordPress/block/page width constraints.
============================================================ */
html,
html body {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:clip !important;
}
html body #page,
html body .site,
html body .site-content,
html body .site-main,
html body .content-area,
html body .wp-site-blocks,
html body .entry-content,
html body .wp-block-post-content,
html body .is-layout-constrained,
html body .is-layout-flow,
html body .wp-block-group,
html body #main-content,
html body .lx-site-main {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow:visible !important;
}
html body .lx-container,
html body .is-layout-constrained > .lx-container,
html body .wp-site-blocks > .lx-container {
  width:min(100% - 40px, var(--lx-container)) !important;
  max-width:var(--lx-container) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
html body .lx-fullbleed,
html body .alignfull.lx-fullbleed,
html body .lx-topbar,
html body .lx-header,
html body .lx-nav-bar,
html body .lx-hero,
html body .lx-promo-strip,
html body .lx-section,
html body .lx-page-hero,
html body .lx-page-content,
html body .lx-breadcrumb,
html body .lx-footer,
html body .is-layout-constrained > .lx-topbar,
html body .is-layout-constrained > .lx-header,
html body .is-layout-constrained > .lx-nav-bar,
html body .is-layout-constrained > .lx-hero,
html body .is-layout-constrained > .lx-promo-strip,
html body .is-layout-constrained > .lx-section,
html body .is-layout-constrained > .lx-page-hero,
html body .is-layout-constrained > .lx-page-content,
html body .is-layout-constrained > .lx-breadcrumb,
html body .is-layout-constrained > .lx-footer,
html body .wp-site-blocks > .lx-topbar,
html body .wp-site-blocks > .lx-header,
html body .wp-site-blocks > .lx-nav-bar,
html body .wp-site-blocks > .lx-hero,
html body .wp-site-blocks > .lx-promo-strip,
html body .wp-site-blocks > .lx-section,
html body .wp-site-blocks > .lx-page-hero,
html body .wp-site-blocks > .lx-page-content,
html body .wp-site-blocks > .lx-breadcrumb,
html body .wp-site-blocks > .lx-footer,
html body .entry-content > .lx-topbar,
html body .entry-content > .lx-header,
html body .entry-content > .lx-nav-bar,
html body .entry-content > .lx-hero,
html body .entry-content > .lx-promo-strip,
html body .entry-content > .lx-section,
html body .entry-content > .lx-page-hero,
html body .entry-content > .lx-page-content,
html body .entry-content > .lx-breadcrumb,
html body .entry-content > .lx-footer {
  display:block;
  width:100vw !important;
  min-width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding-left:0 !important;
  padding-right:0 !important;
  clear:both !important;
}
html body .lx-header {
  left:0 !important;
  right:0 !important;
}
body.admin-bar .lx-header { top:32px; }
@media (max-width: 782px) { body.admin-bar .lx-header { top:46px; } }
@media (max-width: 480px) {
  :root { --lx-container-pad:14px; }
  html body .lx-container { width:min(100% - 28px, var(--lx-container)) !important; }
}


/* ============================================================
   PRODUCT GRID HARD FIX v2.1.5
   Equal product cards + mobile 2-column layout for Home, Shop,
   Category, Related Products and WooCommerce blocks.
============================================================ */
.woocommerce ul.products,
.woocommerce-page ul.products,
html body .woocommerce ul.products,
html body .woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
  clear: both !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  content: none !important;
  display: none !important;
}
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 12px 12px 14px !important;
  background: var(--lx-white) !important;
  border: 1px solid var(--lx-grey-border) !important;
  border-radius: var(--lx-radius-lg) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.04) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
  transition: transform var(--lx-transition), box-shadow var(--lx-transition), border-color var(--lx-transition) !important;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-3px) !important;
  border-color: var(--lx-orange) !important;
  box-shadow: var(--lx-shadow-lg) !important;
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce-page ul.products li.product a.woocommerce-loop-product__link {
  color: inherit !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  width: 100% !important;
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce-page ul.products li.product .attachment-woocommerce_thumbnail {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  object-fit: contain !important;
  background: #fff !important;
  border-radius: 10px !important;
  margin: 0 0 12px !important;
  padding: 8px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  color: var(--lx-dark) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 42px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: .94rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}
.woocommerce ul.products li.product .star-rating,
.woocommerce-page ul.products li.product .star-rating {
  margin: 0 0 8px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  margin: auto 0 12px !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
  opacity: .6 !important;
  font-size: .84rem !important;
}
.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins {
  text-decoration: none !important;
}
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce ul.products li.product .lx-cart-btn,
.woocommerce-page ul.products li.product .lx-cart-btn {
  margin-top: auto !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  text-align: center !important;
  box-shadow: 0 8px 18px rgba(255,107,0,.18) !important;
}
.lx-cart-btn__icon,
.woocommerce div.product form.cart .single_add_to_cart_button::before {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}
.lx-cart-btn__icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  fill: currentColor !important;
}
.lx-cart-btn__text {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.lx-cart-btn__plus,
.woocommerce div.product form.cart .single_add_to_cart_button::after {
  width: 19px !important;
  height: 19px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.22) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border-radius: 10px !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button::before {
  content: "🛒" !important;
  font-size: 1rem !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button::after {
  content: "+" !important;
}
.lx-products-grid,
html body .lx-products-grid {
  align-items: stretch !important;
}
.lx-product-card,
html body .lx-product-card {
  height: 100% !important;
  min-height: 100% !important;
}
.lx-product-card__name {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 40px !important;
}
.lx-product-card__footer {
  margin-top: auto !important;
}
.wc-block-grid__products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}
.wc-block-grid__product {
  width: auto !important;
  max-width: none !important;
  border: 1px solid var(--lx-grey-border) !important;
  border-radius: var(--lx-radius-lg) !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.wc-block-grid__product-title {
  min-height: 42px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
@media (max-width: 1024px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  html body .woocommerce ul.products,
  html body .woocommerce-page ul.products,
  .wc-block-grid__products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}
@media (max-width: 768px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  html body .woocommerce ul.products,
  html body .woocommerce-page ul.products,
  .lx-products-grid,
  html body .lx-products-grid,
  .wc-block-grid__products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    padding: 9px 9px 11px !important;
    border-radius: 12px !important;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    min-height: 38px !important;
    font-size: .82rem !important;
    line-height: 1.32 !important;
    margin-bottom: 7px !important;
  }
  .woocommerce ul.products li.product .price,
  .woocommerce-page ul.products li.product .price {
    min-height: 26px !important;
    font-size: .88rem !important;
    margin-bottom: 10px !important;
    gap: 5px !important;
  }
  .woocommerce ul.products li.product .button,
  .woocommerce-page ul.products li.product .button,
  .woocommerce ul.products li.product .lx-cart-btn,
  .woocommerce-page ul.products li.product .lx-cart-btn {
    min-height: 38px !important;
    padding: 9px 7px !important;
    gap: 5px !important;
    font-size: .75rem !important;
  }
  .lx-cart-btn__icon,
  .lx-cart-btn__icon svg {
    width: 15px !important;
    height: 15px !important;
  }
  .lx-cart-btn__plus {
    width: 16px !important;
    height: 16px !important;
    font-size: .88rem !important;
  }
}
@media (max-width: 360px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  html body .woocommerce ul.products,
  html body .woocommerce-page ul.products,
  .lx-products-grid,
  html body .lx-products-grid,
  .wc-block-grid__products {
    gap: 10px !important;
  }
  .woocommerce ul.products li.product .button,
  .woocommerce-page ul.products li.product .button,
  .woocommerce ul.products li.product .lx-cart-btn,
  .woocommerce-page ul.products li.product .lx-cart-btn {
    font-size: .68rem !important;
  }
  .lx-cart-btn__icon { display: none !important; }
}


/* ============================================================
   TYPOGRAPHY + COMPACT PRODUCT POLISH v2.1.5
   Lighter headings, smaller professional product boxes, cleaner
   section spacing across Home, Shop and Category pages.
============================================================ */
:root {
  --lx-container: 1200px;
  --lx-container-pad: 28px;
}
html body {
  font-size: 15.5px;
  font-weight: 400;
}
html body .lx-container {
  width: min(100% - 56px, 1200px) !important;
  max-width: 1200px !important;
}

/* Keep headings professional instead of extra bold/heavy. */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .lx-section-title,
html body .lx-page-hero__title,
html body .lx-hero__title,
html body .lx-promo-banner__title,
html body .woocommerce-products-header__title,
html body .woocommerce div.product .product_title,
html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
html body .wc-block-grid__product-title {
  font-weight: 500 !important;
  letter-spacing: -.015em !important;
}
html body .lx-section-title {
  font-size: 1.42rem !important;
  line-height: 1.28 !important;
  margin-bottom: 6px !important;
}
html body .lx-page-hero__title,
html body .woocommerce-products-header__title {
  font-size: 1.75rem !important;
  line-height: 1.25 !important;
}
html body .lx-hero__title {
  font-size: 2.25rem !important;
  line-height: 1.18 !important;
  max-width: 620px;
}
html body .lx-hero__desc {
  font-size: .96rem !important;
  line-height: 1.65 !important;
}
html body .lx-promo-banner__title {
  font-size: 1.5rem !important;
}
html body .lx-page-content h2 {
  font-size: 1.22rem !important;
  font-weight: 500 !important;
}
html body .lx-page-content h3,
html body .lx-widget__title {
  font-size: .98rem !important;
  font-weight: 500 !important;
}
html body p,
html body li,
html body .lx-section-sub,
html body .lx-feature-card__desc,
html body .lx-trust-item__desc {
  font-weight: 400 !important;
}

/* More balanced section breathing room. */
html body .lx-section {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}
html body .lx-section--grey {
  background: #f7f7f7 !important;
}
html body .lx-divider {
  width: 42px !important;
  height: 3px !important;
  margin-top: 8px !important;
  margin-bottom: 24px !important;
}
html body .lx-cat-grid,
html body .lx-features-grid,
html body .lx-trust-bar {
  gap: 18px !important;
}
html body .lx-cat-card,
html body .lx-feature-card,
html body .lx-trust-item {
  border-width: 1px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.035) !important;
}

/* Compact product boxes everywhere. */
html body .woocommerce ul.products,
html body .woocommerce-page ul.products,
html body .wc-block-grid__products {
  gap: 18px !important;
  margin-bottom: 28px !important;
}
html body .woocommerce ul.products li.product,
html body .woocommerce-page ul.products li.product,
html body .wc-block-grid__product {
  padding: 10px 10px 12px !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.04) !important;
}
html body .woocommerce ul.products li.product a img,
html body .woocommerce-page ul.products li.product a img,
html body .wc-block-grid__product-image img {
  border-radius: 9px !important;
  margin-bottom: 10px !important;
}
html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
html body .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
html body .wc-block-grid__product-title {
  min-height: 37px !important;
  font-size: .84rem !important;
  line-height: 1.32 !important;
  margin-bottom: 6px !important;
}
html body .woocommerce ul.products li.product .price,
html body .woocommerce-page ul.products li.product .price,
html body .wc-block-grid__product-price {
  min-height: 24px !important;
  font-size: .9rem !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  margin-bottom: 10px !important;
}
html body .woocommerce ul.products li.product .price .amount,
html body .woocommerce-page ul.products li.product .price .amount,
html body .wc-block-grid__product-price .amount {
  font-size: .95rem !important;
  font-weight: 500 !important;
}
html body .woocommerce ul.products li.product .price del .amount,
html body .woocommerce-page ul.products li.product .price del .amount {
  font-size: .78rem !important;
  font-weight: 400 !important;
}
html body .woocommerce ul.products li.product .button,
html body .woocommerce-page ul.products li.product .button,
html body .woocommerce ul.products li.product .lx-cart-btn,
html body .woocommerce-page ul.products li.product .lx-cart-btn,
html body .wc-block-grid__product-add-to-cart .wp-block-button__link {
  min-height: 38px !important;
  padding: 9px 10px !important;
  border-radius: 9px !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 6px 14px rgba(255,107,0,.14) !important;
}
html body .lx-cart-btn__icon,
html body .lx-cart-btn__icon svg {
  width: 15px !important;
  height: 15px !important;
}
html body .lx-cart-btn__plus,
html body .woocommerce div.product form.cart .single_add_to_cart_button::after {
  width: 16px !important;
  height: 16px !important;
  font-size: .86rem !important;
  font-weight: 500 !important;
}

/* Home product sections: smaller, centered cards with clean left/right spacing. */
html body .lx-home-product-section .lx-container {
  max-width: 1120px !important;
}
html body .lx-home-product-section .woocommerce ul.products,
html body.home .woocommerce ul.products,
html body.front-page .woocommerce ul.products {
  grid-template-columns: repeat(4, minmax(0, 210px)) !important;
  justify-content: center !important;
  gap: 18px !important;
}
html body .lx-home-product-section .woocommerce ul.products li.product,
html body.home .woocommerce ul.products li.product,
html body.front-page .woocommerce ul.products li.product {
  max-width: 210px !important;
  min-height: 100% !important;
}
html body .lx-home-product-section .woocommerce ul.products li.product a img,
html body.home .woocommerce ul.products li.product a img,
html body.front-page .woocommerce ul.products li.product a img {
  aspect-ratio: 1 / .92 !important;
}

/* Shop/sidebar spacing polish. */
html body .lx-shop-layout {
  gap: 26px !important;
  align-items: flex-start !important;
}
html body .lx-sidebar,
html body .lx-widget {
  border-radius: 12px !important;
}

@media (max-width: 1024px) {
  html body .lx-home-product-section .woocommerce ul.products,
  html body.home .woocommerce ul.products,
  html body.front-page .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0, 210px)) !important;
  }
  html body .lx-hero__title { font-size: 2rem !important; }
}
@media (max-width: 768px) {
  html body {
    font-size: 15px;
  }
  html body .lx-container {
    width: min(100% - 28px, 1200px) !important;
  }
  html body .lx-section {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
  html body .lx-section-title {
    font-size: 1.18rem !important;
  }
  html body .lx-page-hero__title,
  html body .woocommerce-products-header__title {
    font-size: 1.35rem !important;
  }
  html body .lx-hero__title {
    font-size: 1.55rem !important;
    line-height: 1.22 !important;
  }
  html body .lx-hero__desc {
    font-size: .9rem !important;
  }
  html body .lx-home-product-section .woocommerce ul.products,
  html body.home .woocommerce ul.products,
  html body.front-page .woocommerce ul.products,
  html body .woocommerce ul.products,
  html body .woocommerce-page ul.products,
  html body .wc-block-grid__products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    justify-content: stretch !important;
  }
  html body .lx-home-product-section .woocommerce ul.products li.product,
  html body.home .woocommerce ul.products li.product,
  html body.front-page .woocommerce ul.products li.product,
  html body .woocommerce ul.products li.product,
  html body .woocommerce-page ul.products li.product {
    max-width: none !important;
    padding: 8px 8px 10px !important;
  }
  html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
  html body .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    min-height: 35px !important;
    font-size: .76rem !important;
    line-height: 1.3 !important;
  }
  html body .woocommerce ul.products li.product .price,
  html body .woocommerce-page ul.products li.product .price {
    min-height: 22px !important;
    font-size: .8rem !important;
    margin-bottom: 8px !important;
  }
  html body .woocommerce ul.products li.product .button,
  html body .woocommerce-page ul.products li.product .button,
  html body .woocommerce ul.products li.product .lx-cart-btn,
  html body .woocommerce-page ul.products li.product .lx-cart-btn {
    min-height: 35px !important;
    padding: 8px 6px !important;
    font-size: .68rem !important;
    gap: 4px !important;
  }
  html body .lx-cart-btn__icon,
  html body .lx-cart-btn__icon svg {
    width: 13px !important;
    height: 13px !important;
  }
  html body .lx-cart-btn__plus {
    width: 14px !important;
    height: 14px !important;
    font-size: .76rem !important;
  }
}
@media (max-width: 380px) {
  html body .lx-container {
    width: min(100% - 20px, 1200px) !important;
  }
  html body .woocommerce ul.products,
  html body .woocommerce-page ul.products,
  html body .wc-block-grid__products {
    gap: 9px !important;
  }
  html body .woocommerce ul.products li.product .button,
  html body .woocommerce-page ul.products li.product .button,
  html body .woocommerce ul.products li.product .lx-cart-btn,
  html body .woocommerce-page ul.products li.product .lx-cart-btn {
    font-size: .62rem !important;
  }
}

/* ============================================================
   FINAL RESPONSIVE PRODUCT SPACING PATCH v2.1.6
   Wider usable area, smaller-but-not-tiny product boxes, no extra
   side gaps, consistent Home product sections, 2 columns on mobile.
============================================================ */
:root {
  --lx-container: 1240px;
  --lx-container-pad: 20px;
}
html body .lx-container {
  width: min(100% - 40px, 1240px) !important;
  max-width: 1240px !important;
}

/* Keep headings clean and never heavier than 500. */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .lx-section-title,
html body .lx-page-hero__title,
html body .lx-hero__title,
html body .lx-feature-card__title,
html body .lx-trust-item__title,
html body .lx-trust-center__company,
html body .lx-widget__title,
html body .woocommerce-products-header__title,
html body .woocommerce div.product .product_title,
html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
html body .wc-block-grid__product-title {
  font-weight: 500 !important;
}
html body .lx-section-title { font-size: 1.45rem !important; }
html body .lx-page-hero__title,
html body .woocommerce-products-header__title { font-size: 1.68rem !important; }
html body .lx-hero__title { font-size: clamp(1.72rem, 3vw, 2.32rem) !important; }
html body .lx-page-content h2 { font-size: 1.18rem !important; }
html body .lx-page-content h3 { font-size: .98rem !important; }

/* Reduce over-large white space between sections and headers. */
html body .lx-section {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
html body .lx-divider {
  margin-bottom: 18px !important;
}
html body .lx-home-product-section .lx-divider {
  margin-bottom: 10px !important;
}

/* Desktop Home products: fill the container instead of leaving big side gaps. */
html body .lx-home-product-section .lx-container {
  width: min(100% - 40px, 1240px) !important;
  max-width: 1240px !important;
}
html body .lx-home-product-section .woocommerce ul.products,
html body.home .woocommerce ul.products,
html body.front-page .woocommerce ul.products {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
  gap: 16px !important;
  margin-top: 14px !important;
  margin-bottom: 24px !important;
}
html body .lx-home-product-section .woocommerce ul.products li.product,
html body.home .woocommerce ul.products li.product,
html body.front-page .woocommerce ul.products li.product {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 10px 10px 12px !important;
}
html body .lx-home-product-section .woocommerce ul.products li.product a img,
html body.home .woocommerce ul.products li.product a img,
html body.front-page .woocommerce ul.products li.product a img {
  aspect-ratio: 1 / .9 !important;
  object-fit: contain !important;
  background: #fff !important;
  padding: 6px !important;
}

/* Shop/category/related products: clean equal cards, less side waste. */
html body .woocommerce ul.products,
html body .woocommerce-page ul.products,
html body .wc-block-grid__products {
  gap: 16px !important;
}
html body .woocommerce ul.products li.product,
html body .woocommerce-page ul.products li.product,
html body .wc-block-grid__product {
  min-width: 0 !important;
  border-radius: 12px !important;
}
html body .woocommerce ul.products li.product .button,
html body .woocommerce-page ul.products li.product .button,
html body .woocommerce ul.products li.product .lx-cart-btn,
html body .woocommerce-page ul.products li.product .lx-cart-btn,
html body .wc-block-grid__product-add-to-cart .wp-block-button__link {
  overflow: hidden !important;
}
html body .lx-cart-btn__text {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 1199px) {
  html body .lx-home-product-section .woocommerce ul.products,
  html body.home .woocommerce ul.products,
  html body.front-page .woocommerce ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1024px) {
  html body .lx-home-product-section .woocommerce ul.products,
  html body.home .woocommerce ul.products,
  html body.front-page .woocommerce ul.products,
  html body .woocommerce ul.products,
  html body .woocommerce-page ul.products,
  html body .wc-block-grid__products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}
@media (max-width: 768px) {
  html body .lx-container,
  html body .lx-home-product-section .lx-container {
    width: min(100% - 22px, 1240px) !important;
    max-width: 1240px !important;
  }
  html body .lx-section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  html body .lx-section-title { font-size: 1.16rem !important; }
  html body .lx-page-hero__title,
  html body .woocommerce-products-header__title { font-size: 1.32rem !important; }
  html body .lx-home-product-section .woocommerce ul.products,
  html body.home .woocommerce ul.products,
  html body.front-page .woocommerce ul.products,
  html body .woocommerce ul.products,
  html body .woocommerce-page ul.products,
  html body .wc-block-grid__products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
  }
  html body .woocommerce ul.products li.product,
  html body .woocommerce-page ul.products li.product,
  html body .wc-block-grid__product {
    width: auto !important;
    max-width: none !important;
    padding: 8px 8px 10px !important;
  }
  html body .woocommerce ul.products li.product .button,
  html body .woocommerce-page ul.products li.product .button,
  html body .woocommerce ul.products li.product .lx-cart-btn,
  html body .woocommerce-page ul.products li.product .lx-cart-btn {
    min-height: 34px !important;
    padding: 7px 5px !important;
    font-size: .66rem !important;
    gap: 4px !important;
  }
  html body .lx-cart-btn__icon,
  html body .lx-cart-btn__icon svg {
    width: 12px !important;
    height: 12px !important;
  }
  html body .lx-cart-btn__plus {
    width: 14px !important;
    height: 14px !important;
    font-size: .72rem !important;
  }
}
@media (max-width: 380px) {
  html body .lx-container,
  html body .lx-home-product-section .lx-container {
    width: min(100% - 16px, 1240px) !important;
  }
  html body .lx-home-product-section .woocommerce ul.products,
  html body.home .woocommerce ul.products,
  html body.front-page .woocommerce ul.products,
  html body .woocommerce ul.products,
  html body .woocommerce-page ul.products,
  html body .wc-block-grid__products {
    gap: 8px !important;
  }
  html body .woocommerce ul.products li.product .button,
  html body .woocommerce-page ul.products li.product .button,
  html body .woocommerce ul.products li.product .lx-cart-btn,
  html body .woocommerce-page ul.products li.product .lx-cart-btn {
    font-size: .6rem !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* ============================================================
   FINAL IN-THEME HOME PRODUCT GAP FIX v2.1.7
   Reason: previous home products were capped at 210px and centered,
   which created big left/right white space. This makes every home
   product section use the full container while staying responsive.
============================================================ */
:root {
  --lx-container: 1280px;
  --lx-container-pad: 16px;
}
html body .lx-container,
html body .lx-home-product-section .lx-container {
  width: min(100% - 32px, 1280px) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html body .lx-home-product-section .woocommerce ul.products,
html body.home .lx-home-product-section .woocommerce ul.products,
html body.front-page .lx-home-product-section .woocommerce ul.products,
html body.home .woocommerce.columns-4 ul.products.products,
html body.front-page .woocommerce.columns-4 ul.products.products {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 14px !important;
}
html body .lx-home-product-section .woocommerce ul.products li.product,
html body.home .lx-home-product-section .woocommerce ul.products li.product,
html body.front-page .lx-home-product-section .woocommerce ul.products li.product,
html body.home .woocommerce.columns-4 ul.products.products li.product,
html body.front-page .woocommerce.columns-4 ul.products.products li.product {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 10px 10px 12px !important;
  margin: 0 !important;
}
html body .lx-home-product-section .woocommerce ul.products li.product a img,
html body.home .lx-home-product-section .woocommerce ul.products li.product a img,
html body.front-page .lx-home-product-section .woocommerce ul.products li.product a img {
  aspect-ratio: 1 / .86 !important;
  object-fit: contain !important;
  background: #fff !important;
  padding: 6px !important;
}
html body .lx-home-product-section .lx-section-head,
html body .lx-home-product-section .lx-section-header,
html body .lx-home-product-section .lx-divider {
  width: 100% !important;
  max-width: none !important;
}
@media (max-width: 1024px) {
  html body .lx-home-product-section .woocommerce ul.products,
  html body.home .lx-home-product-section .woocommerce ul.products,
  html body.front-page .lx-home-product-section .woocommerce ul.products,
  html body.home .woocommerce.columns-4 ul.products.products,
  html body.front-page .woocommerce.columns-4 ul.products.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}
@media (max-width: 768px) {
  html body .lx-container,
  html body .lx-home-product-section .lx-container {
    width: min(100% - 22px, 1280px) !important;
    max-width: 1280px !important;
  }
  html body .lx-home-product-section .woocommerce ul.products,
  html body.home .lx-home-product-section .woocommerce ul.products,
  html body.front-page .lx-home-product-section .woocommerce ul.products,
  html body.home .woocommerce.columns-4 ul.products.products,
  html body.front-page .woocommerce.columns-4 ul.products.products,
  html body .woocommerce ul.products,
  html body .woocommerce-page ul.products,
  html body .wc-block-grid__products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
  }
}
@media (max-width: 380px) {
  html body .lx-container,
  html body .lx-home-product-section .lx-container {
    width: min(100% - 16px, 1280px) !important;
  }
  html body .lx-home-product-section .woocommerce ul.products,
  html body.home .lx-home-product-section .woocommerce ul.products,
  html body.front-page .lx-home-product-section .woocommerce ul.products,
  html body .woocommerce ul.products,
  html body .woocommerce-page ul.products,
  html body .wc-block-grid__products {
    gap: 8px !important;
  }
}


/* ============================================================
   HOME HERO BACKGROUND IMAGE UPDATE v2.1.10
   Adds the requested first-section image as the homepage hero
   background and reduces the banner height responsively.
============================================================ */
html body.home .lx-hero--image-bg,
html body.front-page .lx-hero--image-bg,
html body .lx-site-main > .lx-hero--image-bg:first-child {
  background-image:
    linear-gradient(90deg, rgba(8, 12, 22, .76) 0%, rgba(8, 12, 22, .58) 38%, rgba(8, 12, 22, .20) 72%, rgba(8, 12, 22, .08) 100%),
    url("https://tour.buildmyportfolio.org/wp-content/uploads/2026/05/ChatGPT-Image-May-7-2026-11_21_11-PM.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: clamp(340px, 31vw, 445px) !important;
  padding-top: 42px !important;
  padding-bottom: 42px !important;
  display: flex !important;
  align-items: center !important;
}
html body.home .lx-hero--image-bg::before,
html body.front-page .lx-hero--image-bg::before,
html body .lx-site-main > .lx-hero--image-bg:first-child::before {
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.12)) !important;
}
html body.home .lx-hero--image-bg .lx-hero__inner,
html body.front-page .lx-hero--image-bg .lx-hero__inner,
html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__inner {
  grid-template-columns: minmax(0, .96fr) minmax(280px, .58fr) !important;
  gap: 28px !important;
  width: 100% !important;
}
html body.home .lx-hero--image-bg .lx-hero__title,
html body.front-page .lx-hero--image-bg .lx-hero__title,
html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__title {
  font-size: clamp(1.85rem, 3vw, 2.42rem) !important;
  line-height: 1.12 !important;
  margin-bottom: 12px !important;
  max-width: 560px !important;
}
html body.home .lx-hero--image-bg .lx-hero__desc,
html body.front-page .lx-hero--image-bg .lx-hero__desc,
html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__desc {
  font-size: .94rem !important;
  line-height: 1.58 !important;
  max-width: 540px !important;
  margin-bottom: 18px !important;
  color: rgba(255,255,255,.86) !important;
}
html body.home .lx-hero--image-bg .lx-hero__eyebrow,
html body.front-page .lx-hero--image-bg .lx-hero__eyebrow,
html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__eyebrow {
  margin-bottom: 10px !important;
}
html body.home .lx-hero--image-bg .lx-hero__trust,
html body.front-page .lx-hero--image-bg .lx-hero__trust,
html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__trust {
  margin-top: 20px !important;
  gap: 14px !important;
}
html body.home .lx-hero--image-bg .lx-hero__trust-item,
html body.front-page .lx-hero--image-bg .lx-hero__trust-item,
html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__trust-item {
  color: rgba(255,255,255,.82) !important;
  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 999px !important;
  padding: 7px 10px !important;
}
html body.home .lx-hero--image-bg .lx-hero__card,
html body.front-page .lx-hero--image-bg .lx-hero__card,
html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__card {
  max-width: 318px !important;
  padding: 18px !important;
  background: rgba(8, 12, 22, .42) !important;
  border-color: rgba(255,255,255,.18) !important;
}
html body.home .lx-hero--image-bg .lx-hero__card-header,
html body.front-page .lx-hero--image-bg .lx-hero__card-header,
html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__card-header {
  margin-bottom: 12px !important;
}
html body.home .lx-hero--image-bg .lx-hero__pill,
html body.front-page .lx-hero--image-bg .lx-hero__pill,
html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__pill {
  padding: 6px 10px !important;
  font-size: .74rem !important;
  background: rgba(255,107,0,.22) !important;
}
@media (max-width: 1024px) {
  html body.home .lx-hero--image-bg,
  html body.front-page .lx-hero--image-bg,
  html body .lx-site-main > .lx-hero--image-bg:first-child {
    min-height: 330px !important;
    padding-top: 38px !important;
    padding-bottom: 38px !important;
    background-position: center center !important;
  }
  html body.home .lx-hero--image-bg .lx-hero__inner,
  html body.front-page .lx-hero--image-bg .lx-hero__inner,
  html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__inner {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 768px) {
  html body.home .lx-hero--image-bg,
  html body.front-page .lx-hero--image-bg,
  html body .lx-site-main > .lx-hero--image-bg:first-child {
    min-height: 305px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    background-image:
      linear-gradient(90deg, rgba(8, 12, 22, .84) 0%, rgba(8, 12, 22, .68) 58%, rgba(8, 12, 22, .32) 100%),
      url("https://tour.buildmyportfolio.org/wp-content/uploads/2026/05/ChatGPT-Image-May-7-2026-11_21_11-PM.webp") !important;
    background-position: center center !important;
  }
  html body.home .lx-hero--image-bg .lx-hero__title,
  html body.front-page .lx-hero--image-bg .lx-hero__title,
  html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__title {
    font-size: 1.58rem !important;
    max-width: 92% !important;
  }
  html body.home .lx-hero--image-bg .lx-hero__desc,
  html body.front-page .lx-hero--image-bg .lx-hero__desc,
  html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__desc {
    font-size: .84rem !important;
    line-height: 1.48 !important;
    max-width: 96% !important;
    margin-bottom: 14px !important;
  }
  html body.home .lx-hero--image-bg .lx-hero__actions,
  html body.front-page .lx-hero--image-bg .lx-hero__actions,
  html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__actions {
    gap: 8px !important;
  }
  html body.home .lx-hero--image-bg .lx-btn--lg,
  html body.front-page .lx-hero--image-bg .lx-btn--lg,
  html body .lx-site-main > .lx-hero--image-bg:first-child .lx-btn--lg {
    min-height: 38px !important;
    padding: 9px 13px !important;
    font-size: .78rem !important;
  }
  html body.home .lx-hero--image-bg .lx-hero__trust,
  html body.front-page .lx-hero--image-bg .lx-hero__trust,
  html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__trust {
    display: none !important;
  }
}
@media (max-width: 480px) {
  html body.home .lx-hero--image-bg,
  html body.front-page .lx-hero--image-bg,
  html body .lx-site-main > .lx-hero--image-bg:first-child {
    min-height: 285px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    background-position: center center !important;
  }
  html body.home .lx-hero--image-bg .lx-hero__eyebrow,
  html body.front-page .lx-hero--image-bg .lx-hero__eyebrow,
  html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__eyebrow {
    display: none !important;
  }
  html body.home .lx-hero--image-bg .lx-hero__title,
  html body.front-page .lx-hero--image-bg .lx-hero__title,
  html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__title {
    font-size: 1.42rem !important;
    margin-bottom: 8px !important;
  }
  html body.home .lx-hero--image-bg .lx-hero__desc,
  html body.front-page .lx-hero--image-bg .lx-hero__desc,
  html body .lx-site-main > .lx-hero--image-bg:first-child .lx-hero__desc {
    font-size: .78rem !important;
    max-width: 100% !important;
  }
}


/* ============================================================
   HOME NON-HERO SECTION SPACING + PRODUCT IMAGE FIT v2.1.12
   Adds a little more left/right breathing room after the first
   homepage section and shows product photos without cropping.
============================================================ */
:root {
  --lx-container: 1240px;
  --lx-container-pad: 28px;
}

/* Keep the first hero/billboard untouched; only polish sections below it. */
html body.home .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
html body.front-page .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
html body.home .lx-home-product-section .lx-container,
html body.front-page .lx-home-product-section .lx-container {
  width: min(100% - 72px, 1240px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.home .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg),
html body.front-page .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Product image frame: equal, clean, and no cut-off/cropped product photos. */
html body .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
html body .woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link,
html body .woocommerce ul.products li.product a.woocommerce-loop-product__link,
html body .woocommerce-page ul.products li.product a.woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
}

html body .woocommerce ul.products li.product a img,
html body .woocommerce-page ul.products li.product a img,
html body .wc-block-grid__product-image img,
html body .lx-product-card__thumb img {
  width: 100% !important;
  height: clamp(190px, 16.5vw, 235px) !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #f7f7f7 !important;
  padding: 10px !important;
  border-radius: 10px !important;
  margin-bottom: 10px !important;
}

html body.home .lx-home-product-section .woocommerce ul.products li.product a img,
html body.front-page .lx-home-product-section .woocommerce ul.products li.product a img,
html body.home .woocommerce.columns-4 ul.products.products li.product a img,
html body.front-page .woocommerce.columns-4 ul.products.products li.product a img {
  height: clamp(205px, 17vw, 245px) !important;
  object-fit: contain !important;
  background: #f7f7f7 !important;
  padding: 10px !important;
}

/* Slightly tidier cards with consistent visual rhythm. */
html body .woocommerce ul.products,
html body .woocommerce-page ul.products,
html body .wc-block-grid__products {
  gap: 20px !important;
}
html body.home .lx-home-product-section .woocommerce ul.products,
html body.front-page .lx-home-product-section .woocommerce ul.products,
html body.home .woocommerce.columns-4 ul.products.products,
html body.front-page .woocommerce.columns-4 ul.products.products {
  gap: 20px !important;
}
html body .woocommerce ul.products li.product,
html body .woocommerce-page ul.products li.product,
html body .wc-block-grid__product {
  overflow: hidden !important;
  border: 1px solid #e4e4e4 !important;
  background: #fff !important;
}
html body .woocommerce ul.products li.product:hover a img,
html body .woocommerce-page ul.products li.product:hover a img,
html body .lx-product-card:hover .lx-product-card__thumb img {
  transform: none !important;
}

@media (max-width: 1024px) {
  html body.home .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
  html body.front-page .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
  html body.home .lx-home-product-section .lx-container,
  html body.front-page .lx-home-product-section .lx-container {
    width: min(100% - 48px, 1240px) !important;
  }
  html body .woocommerce ul.products li.product a img,
  html body .woocommerce-page ul.products li.product a img,
  html body .wc-block-grid__product-image img,
  html body .lx-product-card__thumb img {
    height: clamp(175px, 24vw, 220px) !important;
  }
}

@media (max-width: 768px) {
  html body.home .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
  html body.front-page .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
  html body.home .lx-home-product-section .lx-container,
  html body.front-page .lx-home-product-section .lx-container {
    width: min(100% - 28px, 1240px) !important;
  }
  html body.home .lx-home-product-section .woocommerce ul.products,
  html body.front-page .lx-home-product-section .woocommerce ul.products,
  html body.home .woocommerce.columns-4 ul.products.products,
  html body.front-page .woocommerce.columns-4 ul.products.products,
  html body .woocommerce ul.products,
  html body .woocommerce-page ul.products,
  html body .wc-block-grid__products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  html body .woocommerce ul.products li.product a img,
  html body .woocommerce-page ul.products li.product a img,
  html body .wc-block-grid__product-image img,
  html body .lx-product-card__thumb img,
  html body.home .lx-home-product-section .woocommerce ul.products li.product a img,
  html body.front-page .lx-home-product-section .woocommerce ul.products li.product a img {
    height: clamp(132px, 43vw, 180px) !important;
    padding: 7px !important;
    border-radius: 8px !important;
  }
}

@media (max-width: 380px) {
  html body.home .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
  html body.front-page .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
  html body.home .lx-home-product-section .lx-container,
  html body.front-page .lx-home-product-section .lx-container {
    width: min(100% - 20px, 1240px) !important;
  }
  html body .woocommerce ul.products li.product a img,
  html body .woocommerce-page ul.products li.product a img,
  html body .wc-block-grid__product-image img,
  html body .lx-product-card__thumb img {
    height: clamp(118px, 42vw, 155px) !important;
    padding: 6px !important;
  }
}


/* ============================================================
   REFRESH-STABLE SPACING + PRODUCT IMAGE POLISH v2.1.12
   Matches the runtime JS container widths so spacing does not
   appear briefly and then disappear after page refresh/load.
============================================================ */
html body.home .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
html body.front-page .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container {
  width: min(100% - 72px, 1240px) !important;
  max-width: 1240px !important;
}

html body .woocommerce ul.products li.product a img,
html body .woocommerce-page ul.products li.product a img,
html body .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
html body .woocommerce-page ul.products li.product .attachment-woocommerce_thumbnail {
  display: block !important;
  width: 100% !important;
  height: clamp(205px, 17vw, 245px) !important;
  max-height: 245px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #f7f7f7 !important;
  padding: 10px !important;
  border-radius: 10px !important;
}

html body .lx-product-card__thumb {
  aspect-ratio: auto !important;
  height: clamp(205px, 17vw, 245px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f7f7f7 !important;
}
html body .lx-product-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 10px !important;
  background: transparent !important;
}

@media (max-width: 1024px) {
  html body.home .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
  html body.front-page .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container {
    width: min(100% - 48px, 1240px) !important;
  }
}
@media (max-width: 768px) {
  html body.home .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
  html body.front-page .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container {
    width: min(100% - 28px, 1240px) !important;
  }
  html body .woocommerce ul.products li.product a img,
  html body .woocommerce-page ul.products li.product a img,
  html body .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
  html body .woocommerce-page ul.products li.product .attachment-woocommerce_thumbnail,
  html body .lx-product-card__thumb {
    height: clamp(132px, 43vw, 180px) !important;
    max-height: 180px !important;
  }
}
@media (max-width: 380px) {
  html body.home .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container,
  html body.front-page .lx-site-main > .lx-section:not(.lx-hero):not(.lx-hero--image-bg) .lx-container {
    width: min(100% - 20px, 1240px) !important;
  }
}


/* ============================================================
   WHY SHOP SECTION REFINEMENT — 6 PER ROW DESKTOP
============================================================ */
html body .lx-features-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
html body .lx-feature-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  min-height: 100% !important;
  padding: 28px 16px 24px !important;
  border-radius: 24px !important;
  border: 1px solid #ece6df !important;
  background: linear-gradient(180deg, #ffffff 0%, #fffaf5 100%) !important;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05) !important;
}
html body .lx-feature-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255, 107, 0, 0.32) !important;
  box-shadow: 0 16px 32px rgba(17, 24, 39, 0.09) !important;
}
html body .lx-feature-card__icon {
  width: 78px !important;
  height: 78px !important;
  margin: 0 auto 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff1e4 0%, #ffe7d3 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 107, 0, 0.08), 0 8px 18px rgba(255, 107, 0, 0.08) !important;
}
html body .lx-feature-card__icon svg {
  width: 30px !important;
  height: 30px !important;
}
html body .lx-feature-card__title {
  font-size: 1.02rem !important;
  line-height: 1.35 !important;
  margin-bottom: 10px !important;
}
html body .lx-feature-card__desc {
  font-size: 0.84rem !important;
  line-height: 1.65 !important;
  color: #5f6673 !important;
  max-width: 100% !important;
}

@media (max-width: 1279px) {
  html body .lx-features-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 991px) {
  html body .lx-features-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 575px) {
  html body .lx-features-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  html body .lx-feature-card {
    padding: 24px 16px 22px !important;
    border-radius: 22px !important;
  }
  html body .lx-feature-card__icon {
    width: 72px !important;
    height: 72px !important;
  }
}


/* ============================================================
   NEW HOME CONTENT SECTIONS
============================================================ */
html body .lx-section-head--center {
  max-width: 860px;
  margin: 0 auto 28px;
  text-align: center;
}
html body .lx-why-choose-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
html body .lx-why-choose-card,
html body .lx-process-card,
html body .lx-home-support {
  background: #fff;
  border: 1px solid #ece6df;
  border-radius: 24px;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05);
}
html body .lx-why-choose-card {
  overflow: hidden;
}
html body .lx-media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed #efc7a8;
  background: linear-gradient(180deg, #fff7ef 0%, #fffdf9 100%);
  color: #b86b2a;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .82rem;
  font-weight: 700;
}
html body .lx-media-placeholder--tall {
  min-height: 220px;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
}
html body .lx-media-placeholder--wide {
  min-height: 100%;
  height: 100%;
  border-radius: 24px;
}
html body .lx-why-choose-card__body {
  padding: 22px 22px 24px;
}
html body .lx-why-choose-card__body h3,
html body .lx-process-card h3,
html body .lx-home-support__content h2 {
  margin: 0 0 10px;
}
html body .lx-why-choose-card__body p,
html body .lx-process-card p,
html body .lx-home-support__list li {
  color: #5f6673;
  line-height: 1.7;
}
html body .lx-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
html body .lx-process-card {
  padding: 26px 20px 22px;
}
html body .lx-process-card__number {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  margin-bottom: 16px;
  background: linear-gradient(180deg, #fff1e4 0%, #ffe7d3 100%);
  color: var(--lx-orange);
  font-size: 1rem;
  font-weight: 800;
  box-shadow: inset 0 0 0 1px rgba(255, 107, 0, 0.08), 0 8px 18px rgba(255, 107, 0, 0.08);
}
html body .lx-home-support {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);
  gap: 26px;
  padding: 22px;
}
html body .lx-home-support__media {
  min-height: 100%;
}
html body .lx-home-support__content {
  align-self: center;
}
html body .lx-home-support__list {
  margin: 18px 0 0;
  padding: 0 0 0 18px;
}
html body .lx-home-support__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 22px;
}
@media (max-width: 1199px) {
  html body .lx-why-choose-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html body .lx-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  html body .lx-home-support {
    grid-template-columns: 1fr;
  }
  html body .lx-media-placeholder--wide {
    min-height: 260px;
  }
}
@media (max-width: 767px) {
  html body .lx-why-choose-grid,
  html body .lx-process-grid {
    grid-template-columns: 1fr;
  }
  html body .lx-why-choose-card__body,
  html body .lx-process-card {
    padding-left: 18px;
    padding-right: 18px;
  }
}


/* ============================================================
   HOME ABOUT / FAQ REFINEMENTS
============================================================ */
html body .lx-about-home {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
  gap: 28px;
  align-items: center;
}
html body .lx-about-home__content p {
  color: #5f6673;
  line-height: 1.75;
}
html body .lx-about-home__list {
  margin: 18px 0 0;
  padding: 0 0 0 18px;
}
html body .lx-about-home__list li {
  color: #5f6673;
  line-height: 1.7;
  margin-bottom: 8px;
}
html body .lx-about-home__media,
html body .lx-home-support__media {
  min-height: 100%;
}
html body .lx-about-home__media .lx-media-placeholder--wide,
html body .lx-home-support__media .lx-media-placeholder--wide {
  min-height: 420px;
}
html body .lx-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
html body .lx-faq-card {
  background: #fff;
  border: 1px solid #ece6df;
  border-radius: 22px;
  padding: 22px 20px;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05);
}
html body .lx-faq-card h3 {
  margin: 0 0 10px;
  font-size: 1rem;
  line-height: 1.45;
}
html body .lx-faq-card p {
  margin: 0;
  color: #5f6673;
  line-height: 1.7;
}
/* Why Shop With section mobile layout */
@media (max-width: 767px) {
  html body .lx-features-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  html body .lx-feature-card {
    padding: 20px 12px 18px !important;
    border-radius: 18px !important;
  }
  html body .lx-feature-card__icon {
    width: 62px !important;
    height: 62px !important;
    margin-bottom: 14px !important;
  }
  html body .lx-feature-card__title {
    font-size: 0.92rem !important;
    margin-bottom: 7px !important;
  }
  html body .lx-feature-card__desc {
    font-size: 0.76rem !important;
    line-height: 1.5 !important;
  }
}
@media (max-width: 991px) {
  html body .lx-about-home,
  html body .lx-home-support {
    grid-template-columns: 1fr;
  }
  html body .lx-about-home__media .lx-media-placeholder--wide,
  html body .lx-home-support__media .lx-media-placeholder--wide {
    min-height: 280px;
  }
}
@media (max-width: 767px) {
  html body .lx-faq-grid {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   FINAL HOME IMAGE + FAQ ACCORDION REFINEMENTS
============================================================ */
html body .lx-image-card {
  border-radius: 26px;
  overflow: hidden;
  border: 1px solid #ece6df;
  background: #fff;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.06);
  min-height: 420px;
}
html body .lx-image-card img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
}
html body .lx-faq-accordion {
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}
html body .lx-faq-item {
  border: 1px solid #ece6df;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05);
  overflow: hidden;
}
html body .lx-faq-item__summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  padding: 20px 58px 20px 22px;
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 700;
  color: var(--lx-dark);
}
html body .lx-faq-item__summary::-webkit-details-marker { display: none; }
html body .lx-faq-item__summary::after {
  content: '+';
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff1e4;
  color: var(--lx-orange);
  font-size: 1.2rem;
  font-weight: 700;
}
html body .lx-faq-item[open] .lx-faq-item__summary::after {
  content: '−';
}
html body .lx-faq-item__content {
  padding: 0 22px 20px;
}
html body .lx-faq-item__content p {
  margin: 0;
  color: #5f6673;
  line-height: 1.75;
}
@media (max-width: 991px) {
  html body .lx-image-card,
  html body .lx-image-card img {
    min-height: 320px;
  }
}
@media (max-width: 767px) {
  html body .lx-image-card,
  html body .lx-image-card img {
    min-height: 240px;
  }
  html body .lx-faq-item__summary {
    padding: 18px 52px 18px 18px;
    font-size: .95rem;
  }
  html body .lx-faq-item__content {
    padding: 0 18px 18px;
  }
}


/* ============================================================
   PROCESS SECTION POLISH
============================================================ */
html body .lx-section--process {
  background: linear-gradient(180deg, #fffaf5 0%, #fff7ef 100%) !important;
}
html body .lx-section--process .lx-section-head {
  margin-bottom: 34px;
}
html body .lx-section--process .lx-process-grid {
  gap: 22px !important;
  align-items: stretch;
}
html body .lx-section--process .lx-process-card {
  position: relative;
  padding: 28px 22px 24px !important;
  border-radius: 24px !important;
  border: 1px solid #ecdccf !important;
  background: rgba(255,255,255,0.88) !important;
  box-shadow: 0 14px 30px rgba(17, 24, 39, 0.05) !important;
  overflow: visible;
}
html body .lx-section--process .lx-process-card::after {
  content: '➜';
  position: absolute;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #fff;
  color: var(--lx-orange);
  box-shadow: 0 10px 24px rgba(255, 107, 0, 0.16);
  border: 1px solid rgba(255, 107, 0, 0.14);
  font-size: 1rem;
  z-index: 2;
}
html body .lx-section--process .lx-process-card:last-child::after,
html body .lx-section--process .lx-process-grid > .lx-process-card:nth-child(2)::after {
  /* default hidden overwritten below for large screens only */
}
html body .lx-section--process .lx-process-card__number {
  width: 58px !important;
  height: 58px !important;
  margin-bottom: 18px !important;
}
html body .lx-section--process .lx-process-card h3 {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.04rem !important;
}
html body .lx-section--process .lx-process-card h3::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 52px;
  height: 3px;
  border-radius: 999px;
  background: var(--lx-orange);
}
html body .lx-section--process .lx-process-card p {
  margin: 0;
  color: #5f6673;
  line-height: 1.75;
}
@media (min-width: 1200px) {
  html body .lx-section--process .lx-process-card:last-child::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  html body .lx-section--process .lx-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body .lx-section--process .lx-process-card:nth-child(2)::after,
  html body .lx-section--process .lx-process-card:nth-child(4)::after {
    display: none;
  }
}
@media (max-width: 767px) {
  html body .lx-section--process .lx-process-grid {
    grid-template-columns: 1fr !important;
  }
  html body .lx-section--process .lx-process-card {
    padding: 24px 18px 20px !important;
  }
  html body .lx-section--process .lx-process-card::after {
    display: none;
  }
}


/* ============================================================
   BUTTON ENHANCEMENTS + SPECIAL PAGE STYLES
============================================================ */
html body .lx-btn--arrow {
  position: relative;
  padding-right: 20px;
}
html body .lx-btn--arrow::after {
  content: '→';
  font-size: 1em;
  line-height: 1;
  margin-left: 2px;
  transition: transform .25s ease;
}
html body .lx-btn--arrow:hover::after {
  transform: translateX(3px);
}
html body .lx-special-page {
  display: grid;
  gap: 28px;
}
html body .lx-special-page__intro,
html body .lx-special-page__section {
  background: #fff;
  border: 1px solid #ece6df;
  border-radius: 28px;
  padding: 30px;
  box-shadow: 0 12px 28px rgba(17,24,39,.045);
}
html body .lx-special-page__intro--about {
  background: linear-gradient(180deg, #fffaf5 0%, #ffffff 100%);
}
html body .lx-page-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff1e4;
  color: var(--lx-orange);
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 14px;
}
html body .lx-page-kicker::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lx-orange);
}
html body .lx-special-page__grid,
html body .lx-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .85fr);
  gap: 26px;
}
html body .lx-special-page__content h2,
html body .lx-section-head h2,
html body .lx-faq-group h3,
html body .lx-content-card h3 {
  margin-top: 0;
}
html body .lx-special-page__content p,
html body .lx-section-head p,
html body .lx-content-card p,
html body .lx-info-list li,
html body .lx-check-list li {
  color: #5f6673;
  line-height: 1.78;
}
html body .lx-special-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 22px;
}
html body .lx-special-page__panel,
html body .lx-contact-side {
  display: grid;
  gap: 18px;
}
html body .lx-stat-grid,
html body .lx-card-grid {
  display: grid;
  gap: 18px;
}
html body .lx-card-grid--three,
html body .lx-stat-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
html body .lx-card-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
html body .lx-content-card {
  background: #fff;
  border: 1px solid #ece6df;
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 10px 24px rgba(17,24,39,.04);
}
html body .lx-content-card--compact {
  padding: 20px;
}
html body .lx-content-card--accent {
  background: linear-gradient(180deg, #fff8f1 0%, #ffffff 100%);
}
html body .lx-content-card--form {
  padding: 26px;
}
html body .lx-stat-card {
  background: #fff;
  border: 1px solid #ece6df;
  border-radius: 22px;
  padding: 18px;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(17,24,39,.04);
}
html body .lx-stat-card__value {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--lx-dark);
}
html body .lx-stat-card__label {
  color: #6b7280;
  line-height: 1.55;
}
html body .lx-info-list,
html body .lx-check-list {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
html body .lx-info-list li,
html body .lx-check-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
}
html body .lx-check-list li::before,
html body .lx-info-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--lx-orange);
  font-weight: 700;
}
html body .lx-contact-highlights .lx-content-card small {
  color: #6b7280;
}
html body .lx-content-card--form .lx-contact-grid {
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
}
html body .lx-content-card--form .lx-contact-grid h2 {
  font-size: 1.3rem;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0e6dc;
}
html body .lx-content-card--form .lx-form-input,
html body .lx-content-card--form .lx-form-textarea,
html body .lx-content-card--form .lx-form-select {
  border-width: 1px;
  background: #fff;
}
html body .lx-faq-page__quicklinks {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}
html body .lx-faq-page__quicklinks a {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: #fff8f1;
  border: 1px solid #ecdccf;
  color: var(--lx-dark);
  font-weight: 600;
}
html body .lx-faq-group {
  background: #fff;
  border: 1px solid #ece6df;
  border-radius: 26px;
  padding: 24px;
  box-shadow: 0 12px 28px rgba(17,24,39,.04);
}
html body .lx-faq-group h3 {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0e6dc;
}
html body .lx-faq-cta {
  text-align: center;
}
html body .lx-faq-cta .lx-special-page__actions {
  justify-content: center;
}
html body .page-id .lx-page-content__inner, html body .lx-page-content__inner {
  max-width: 1180px;
}
@media (max-width: 1024px) {
  html body .lx-special-page__grid,
  html body .lx-contact-layout,
  html body .lx-content-card--form .lx-contact-grid,
  html body .lx-card-grid--two,
  html body .lx-card-grid--three,
  html body .lx-stat-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  html body .lx-special-page__intro,
  html body .lx-special-page__section,
  html body .lx-content-card,
  html body .lx-content-card--form {
    padding: 20px 18px;
    border-radius: 22px;
  }
  html body .lx-special-page__grid,
  html body .lx-contact-layout,
  html body .lx-content-card--form .lx-contact-grid,
  html body .lx-card-grid--two,
  html body .lx-card-grid--three,
  html body .lx-stat-grid {
    grid-template-columns: 1fr;
  }
  html body .lx-special-page__actions {
    flex-direction: column;
  }
  html body .lx-special-page__actions .lx-btn {
    width: 100%;
    justify-content: center;
  }
}


/* ============================================================
   CUSTOMIZER LOGO SIZE CONTROLS
============================================================ */
html body .lx-brand .custom-logo-link {
  display: flex;
  align-items: center;
  line-height: 1;
}
html body .lx-brand .custom-logo {
  max-height: var(--lx-logo-desktop-height, 46px) !important;
  width: auto !important;
  object-fit: contain;
  display: block;
}
html body .lx-brand:not(:has(.custom-logo)) .lx-brand__icon {
  width: var(--lx-logo-desktop-height, 46px) !important;
  height: var(--lx-logo-desktop-height, 46px) !important;
}
@media (max-width: 768px) {
  html body .lx-brand .custom-logo {
    max-height: var(--lx-logo-mobile-height, 38px) !important;
  }
  html body .lx-brand:not(:has(.custom-logo)) .lx-brand__icon {
    width: var(--lx-logo-mobile-height, 38px) !important;
    height: var(--lx-logo-mobile-height, 38px) !important;
  }
}


/* ============================================================
   LOGO SIZE CUSTOMIZER — FIXED 0+ PIXEL SCALING
   These overrides force both uploaded image logos and the default
   text/icon logo to follow the Customizer values exactly.
============================================================ */
html body .lx-header .lx-brand,
html body .lx-site-header .lx-brand {
  align-items: center !important;
  min-width: 0 !important;
}
html body .lx-header .lx-brand .custom-logo-link,
html body .lx-site-header .lx-brand .custom-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  height: var(--lx-logo-desktop-height, 46px) !important;
  line-height: 1 !important;
}
html body .lx-header .lx-brand .custom-logo,
html body .lx-site-header .lx-brand .custom-logo {
  height: var(--lx-logo-desktop-height, 46px) !important;
  max-height: none !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
}
html body .lx-header .lx-brand__icon,
html body .lx-site-header .lx-brand__icon {
  width: var(--lx-logo-desktop-height, 46px) !important;
  height: var(--lx-logo-desktop-height, 46px) !important;
  min-width: var(--lx-logo-desktop-height, 46px) !important;
  flex-basis: var(--lx-logo-desktop-height, 46px) !important;
}
html body .lx-header .lx-brand__icon svg,
html body .lx-site-header .lx-brand__icon svg {
  width: calc(var(--lx-logo-desktop-height, 46px) * .52) !important;
  height: calc(var(--lx-logo-desktop-height, 46px) * .52) !important;
}
html body .lx-header .lx-brand__name,
html body .lx-site-header .lx-brand__name {
  font-size: calc(var(--lx-logo-desktop-height, 46px) * .46) !important;
  line-height: 1 !important;
}
html body .lx-header .lx-brand__tagline,
html body .lx-site-header .lx-brand__tagline {
  font-size: calc(var(--lx-logo-desktop-height, 46px) * .22) !important;
  line-height: 1.2 !important;
}
@media (max-width: 768px) {
  html body .lx-header .lx-brand .custom-logo-link,
  html body .lx-site-header .lx-brand .custom-logo-link {
    height: var(--lx-logo-mobile-height, 38px) !important;
  }
  html body .lx-header .lx-brand .custom-logo,
  html body .lx-site-header .lx-brand .custom-logo {
    height: var(--lx-logo-mobile-height, 38px) !important;
    max-height: none !important;
    width: auto !important;
    max-width: none !important;
  }
  html body .lx-header .lx-brand__icon,
  html body .lx-site-header .lx-brand__icon {
    width: var(--lx-logo-mobile-height, 38px) !important;
    height: var(--lx-logo-mobile-height, 38px) !important;
    min-width: var(--lx-logo-mobile-height, 38px) !important;
    flex-basis: var(--lx-logo-mobile-height, 38px) !important;
  }
  html body .lx-header .lx-brand__icon svg,
  html body .lx-site-header .lx-brand__icon svg {
    width: calc(var(--lx-logo-mobile-height, 38px) * .52) !important;
    height: calc(var(--lx-logo-mobile-height, 38px) * .52) !important;
  }
  html body .lx-header .lx-brand__name,
  html body .lx-site-header .lx-brand__name {
    font-size: calc(var(--lx-logo-mobile-height, 38px) * .46) !important;
    line-height: 1 !important;
  }
  html body .lx-header .lx-brand__tagline,
  html body .lx-site-header .lx-brand__tagline {
    font-size: calc(var(--lx-logo-mobile-height, 38px) * .22) !important;
    line-height: 1.2 !important;
  }
}


/* ============================================================
   LOGO SIZE FIX — NO NESTED ANCHOR + EXACT CUSTOM LOGO SCALING
   The header now renders uploaded logos inside the main .lx-brand link.
   These selectors force the Customizer value to control the image height.
============================================================ */
html body .lx-header .lx-brand--custom-logo,
html body .lx-site-header .lx-brand--custom-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  height: var(--lx-logo-desktop-height, 46px) !important;
  min-height: var(--lx-logo-desktop-height, 46px) !important;
  line-height: 1 !important;
  overflow: visible !important;
}
html body .lx-header .lx-brand--custom-logo > img.custom-logo,
html body .lx-site-header .lx-brand--custom-logo > img.custom-logo,
html body .lx-header a.lx-brand--custom-logo img.custom-logo,
html body .lx-site-header a.lx-brand--custom-logo img.custom-logo {
  height: var(--lx-logo-desktop-height, 46px) !important;
  min-height: var(--lx-logo-desktop-height, 46px) !important;
  max-height: var(--lx-logo-desktop-height, 46px) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
}
@media (max-width: 768px) {
  html body .lx-header .lx-brand--custom-logo,
  html body .lx-site-header .lx-brand--custom-logo {
    height: var(--lx-logo-mobile-height, 38px) !important;
    min-height: var(--lx-logo-mobile-height, 38px) !important;
  }
  html body .lx-header .lx-brand--custom-logo > img.custom-logo,
  html body .lx-site-header .lx-brand--custom-logo > img.custom-logo,
  html body .lx-header a.lx-brand--custom-logo img.custom-logo,
  html body .lx-site-header a.lx-brand--custom-logo img.custom-logo {
    height: var(--lx-logo-mobile-height, 38px) !important;
    min-height: var(--lx-logo-mobile-height, 38px) !important;
    max-height: var(--lx-logo-mobile-height, 38px) !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* ============================================================
   ABOUT PAGE — REFINED PROFESSIONAL DESIGN (v2.1.26)
   Clean, elegant, dependable. No heavy bold weights.
============================================================ */

html body .lx-ab {
  display: flex;
  flex-direction: column;
  gap: 60px;
  font-family: var(--lx-font);
}
html body .lx-ab * {
  box-sizing: border-box;
}

/* SHARED — eyebrows, headings */
html body .lx-ab-eyebrow {
  display: inline-block;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--lx-orange);
  margin-bottom: 14px;
  position: relative;
  padding-left: 26px;
}
html body .lx-ab-eyebrow::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 1px;
  background: var(--lx-orange);
}
html body .lx-ab-h2 {
  font-size: clamp(1.55rem, 2.4vw, 2.05rem);
  font-weight: 600;
  line-height: 1.25;
  color: #14161e;
  margin: 0 0 14px;
  letter-spacing: -.015em;
}
html body .lx-ab p {
  color: #5b6270;
  line-height: 1.75;
  font-size: 1rem;
  margin: 0 0 14px;
}
html body .lx-ab h3 {
  font-size: 1.08rem;
  font-weight: 600;
  color: #14161e;
  margin: 0 0 8px;
  letter-spacing: -.01em;
}

/* HERO */
html body .lx-ab-hero {
  position: relative;
  background: linear-gradient(180deg, #fffaf3 0%, #fff 100%);
  border: 1px solid #f0e6d8;
  border-radius: 24px;
  padding: 44px 40px;
  overflow: hidden;
}
html body .lx-ab-hero::before {
  content: '';
  position: absolute;
  top: -120px;
  right: -120px;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(255,107,0,.12), rgba(255,107,0,0));
  pointer-events: none;
}
html body .lx-ab-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 44px;
  align-items: center;
}
html body .lx-ab-hero__title {
  font-size: clamp(1.8rem, 3.2vw, 2.5rem);
  font-weight: 600;
  line-height: 1.18;
  color: #14161e;
  margin: 0 0 18px;
  letter-spacing: -.02em;
}
html body .lx-ab-hero__lede {
  font-size: 1.05rem;
  line-height: 1.75;
  color: #4a5160;
  margin: 0 0 26px;
  max-width: 560px;
}
html body .lx-ab-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  padding: 22px 0;
  border-top: 1px solid #ece4d4;
  border-bottom: 1px solid #ece4d4;
  margin-bottom: 26px;
}
html body .lx-ab-meta-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
html body .lx-ab-meta-item__num {
  font-size: 1.45rem;
  font-weight: 600;
  color: var(--lx-orange);
  letter-spacing: -.02em;
  line-height: 1.1;
}
html body .lx-ab-meta-item__lbl {
  font-size: .85rem;
  color: #6c7280;
  font-weight: 500;
}
html body .lx-ab-hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* HERO IMAGE */
html body .lx-ab-hero__media {
  position: relative;
}
html body .lx-ab-hero__frame {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 50px rgba(20,22,30,.12);
  border: 1px solid #f0e6d8;
  aspect-ratio: 4 / 3;
  background: #fff;
}
html body .lx-ab-hero__frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html body .lx-ab-hero__badge {
  position: absolute;
  bottom: -22px;
  left: -18px;
  background: #fff;
  border: 1px solid #f0e6d8;
  border-radius: 16px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 12px 30px rgba(20,22,30,.10);
  max-width: 240px;
}
html body .lx-ab-hero__badge svg {
  width: 30px;
  height: 30px;
  color: var(--lx-orange);
  flex-shrink: 0;
}
html body .lx-ab-hero__badge strong {
  display: block;
  font-size: .92rem;
  font-weight: 600;
  color: #14161e;
  line-height: 1.2;
}
html body .lx-ab-hero__badge span {
  display: block;
  font-size: .78rem;
  color: #6c7280;
  margin-top: 2px;
}

/* STORY */
html body .lx-ab-story {
  padding: 0 20px;
}
html body .lx-ab-story__inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
html body .lx-ab-story__inner .lx-ab-eyebrow {
  padding-left: 0;
}
html body .lx-ab-story__inner .lx-ab-eyebrow::before {
  display: none;
}

/* SECTION HEAD shared */
html body .lx-ab-section-head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px;
}
html body .lx-ab-section-head .lx-ab-eyebrow {
  padding-left: 0;
}
html body .lx-ab-section-head .lx-ab-eyebrow::before {
  display: none;
}
html body .lx-ab-section-head__p {
  font-size: 1rem;
  color: #5b6270;
}

/* MISSION VISION VALUES */
html body .lx-ab-mvv__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
html body .lx-ab-mvv__card {
  background: #fff;
  border: 1px solid #ebe5dc;
  border-radius: 18px;
  padding: 28px 24px;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
html body .lx-ab-mvv__card:hover {
  border-color: #f4d4ad;
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(20,22,30,.06);
}
html body .lx-ab-mvv__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #fff3e6;
  color: var(--lx-orange);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
html body .lx-ab-mvv__icon svg {
  width: 24px;
  height: 24px;
}
html body .lx-ab-mvv__card p {
  margin: 0;
  font-size: .96rem;
  line-height: 1.7;
}

/* WHY CHOOSE US */
html body .lx-ab-why__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border: 1px solid #ebe5dc;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}
html body .lx-ab-why__item {
  padding: 28px 26px;
  border-right: 1px solid #ebe5dc;
  border-bottom: 1px solid #ebe5dc;
  transition: background-color .2s ease;
}
html body .lx-ab-why__item:hover {
  background: #fffaf3;
}
html body .lx-ab-why__item:nth-child(3n) {
  border-right: none;
}
html body .lx-ab-why__item:nth-last-child(-n+3) {
  border-bottom: none;
}
html body .lx-ab-why__icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #fff3e6;
  color: var(--lx-orange);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
html body .lx-ab-why__icon svg {
  width: 22px;
  height: 22px;
}
html body .lx-ab-why__item p {
  margin: 0;
  font-size: .94rem;
  line-height: 1.7;
}

/* PROCESS */
html body .lx-ab-process__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  counter-reset: lx-step;
}
html body .lx-ab-process__list li {
  position: relative;
  background: #fff;
  border: 1px solid #ebe5dc;
  border-radius: 16px;
  padding: 26px 22px 22px;
  transition: border-color .25s ease, transform .25s ease;
}
html body .lx-ab-process__list li:hover {
  border-color: #f4d4ad;
  transform: translateY(-2px);
}
html body .lx-ab-process__num {
  display: inline-block;
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .12em;
  color: var(--lx-orange);
  margin-bottom: 10px;
  padding: 4px 10px;
  background: #fff3e6;
  border-radius: 999px;
}
html body .lx-ab-process__list li p {
  margin: 0;
  font-size: .92rem;
  line-height: 1.65;
}

/* BUSINESS INFO */
html body .lx-ab-info {
  background: #fff;
  border: 1px solid #ebe5dc;
  border-radius: 22px;
  padding: 40px 36px;
}
html body .lx-ab-info__grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: start;
}
html body .lx-ab-info__intro p {
  margin: 0;
}
html body .lx-ab-info__details {
  display: flex;
  flex-direction: column;
}
html body .lx-ab-info__row {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 20px;
  padding: 14px 0;
  border-bottom: 1px solid #f1ebe1;
}
html body .lx-ab-info__row:last-child {
  border-bottom: none;
}
html body .lx-ab-info__lbl {
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #8b8f9b;
}
html body .lx-ab-info__val {
  color: #14161e;
  font-size: .98rem;
  line-height: 1.55;
}
html body .lx-ab-info__val a {
  color: var(--lx-orange);
}
html body .lx-ab-info__val a:hover {
  text-decoration: underline;
}

/* CTA */
html body .lx-ab-cta {
  position: relative;
  background: linear-gradient(135deg, #1a1c26 0%, #2a1d2f 55%, #3d2515 100%);
  border-radius: 24px;
  padding: 56px 40px;
  overflow: hidden;
  text-align: center;
}
html body .lx-ab-cta::before {
  content: '';
  position: absolute;
  top: -100px;
  right: -100px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(255,107,0,.30), rgba(255,107,0,0));
  pointer-events: none;
}
html body .lx-ab-cta::after {
  content: '';
  position: absolute;
  bottom: -120px;
  left: -120px;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(255,140,51,.16), rgba(255,140,51,0));
  pointer-events: none;
}
html body .lx-ab-cta__inner {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
}
html body .lx-ab-cta h2 {
  color: #fff;
  font-size: clamp(1.6rem, 2.8vw, 2.1rem);
  font-weight: 600;
  margin: 0 0 12px;
  letter-spacing: -.015em;
  line-height: 1.25;
}
html body .lx-ab-cta p {
  color: rgba(255,255,255,.75);
  font-size: 1rem;
  margin: 0 0 26px;
}
html body .lx-ab-cta__btns {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
html body .lx-ab-cta .lx-btn--ghost {
  background: rgba(255,255,255,.08);
  color: #fff;
  border: 1px solid rgba(255,255,255,.22);
}
html body .lx-ab-cta .lx-btn--ghost:hover {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.4);
  color: #fff;
}

/* RESPONSIVE — TABLET */
@media (max-width: 1024px) {
  html body .lx-ab {
    gap: 48px;
  }
  html body .lx-ab-hero {
    padding: 36px 28px;
  }
  html body .lx-ab-hero__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  html body .lx-ab-hero__lede {
    max-width: none;
  }
  html body .lx-ab-hero__media {
    max-width: 520px;
    margin: 0 auto;
    width: 100%;
  }
  html body .lx-ab-mvv__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  html body .lx-ab-why__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  html body .lx-ab-why__item {
    border-right: 1px solid #ebe5dc;
  }
  html body .lx-ab-why__item:nth-child(2n) {
    border-right: none;
  }
  html body .lx-ab-why__item:nth-child(3n) {
    border-right: 1px solid #ebe5dc;
  }
  html body .lx-ab-why__item:nth-last-child(-n+3) {
    border-bottom: 1px solid #ebe5dc;
  }
  html body .lx-ab-why__item:nth-last-child(-n+2) {
    border-bottom: none;
  }
  html body .lx-ab-process__list {
    grid-template-columns: repeat(2, 1fr);
  }
  html body .lx-ab-info__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* RESPONSIVE — MOBILE */
@media (max-width: 640px) {
  html body .lx-ab {
    gap: 40px;
  }
  html body .lx-ab-hero {
    padding: 28px 20px;
    border-radius: 20px;
  }
  html body .lx-ab-hero__title {
    font-size: 1.55rem;
  }
  html body .lx-ab-hero__lede {
    font-size: 1rem;
  }
  html body .lx-ab-hero__meta {
    gap: 18px;
    padding: 18px 0;
  }
  html body .lx-ab-meta-item__num {
    font-size: 1.25rem;
  }
  html body .lx-ab-hero__cta {
    flex-direction: column;
  }
  html body .lx-ab-hero__cta .lx-btn {
    width: 100%;
    justify-content: center;
  }
  html body .lx-ab-hero__badge {
    left: 12px;
    bottom: -18px;
    padding: 12px 14px;
    max-width: 220px;
  }
  html body .lx-ab-mvv__grid {
    grid-template-columns: 1fr;
  }
  html body .lx-ab-mvv__card {
    padding: 24px 22px;
  }
  html body .lx-ab-why__grid {
    grid-template-columns: 1fr;
    border-radius: 16px;
  }
  html body .lx-ab-why__item {
    border-right: none !important;
    border-bottom: 1px solid #ebe5dc !important;
    padding: 24px 22px;
  }
  html body .lx-ab-why__item:last-child {
    border-bottom: none !important;
  }
  html body .lx-ab-process__list {
    grid-template-columns: 1fr;
  }
  html body .lx-ab-info {
    padding: 28px 22px;
    border-radius: 18px;
  }
  html body .lx-ab-info__row {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 12px 0;
  }
  html body .lx-ab-cta {
    padding: 42px 24px;
    border-radius: 20px;
  }
  html body .lx-ab-cta__btns {
    flex-direction: column;
  }
  html body .lx-ab-cta__btns .lx-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 380px) {
  html body .lx-ab-hero__meta {
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
  }
}

/* ============================================================
   SHOP BY CATEGORY — CENTERED & PROFESSIONAL (v2.1.27)
============================================================ */
html body .lx-section-head--center {
  text-align: center;
  margin-bottom: 36px;
}
html body .lx-section-head--center .lx-section-title {
  font-size: clamp(1.45rem, 2.4vw, 1.85rem);
  font-weight: 600;
  letter-spacing: -.015em;
  color: #14161e;
  margin: 0 0 12px;
  text-align: center;
}
html body .lx-section-head--center .lx-divider {
  width: 56px;
  height: 3px;
  border-radius: 2px;
  background: var(--lx-orange);
  margin: 0 auto;
}

/* Pro grid: 5 desktop / 3 tablet / 2 mobile */
html body .lx-cat-grid--pro {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  max-width: 960px;
  margin: 0 auto;
}
html body .lx-cat-grid--pro .lx-cat-card {
  background: #fff;
  border: 1px solid #ebe5dc;
  border-radius: 18px;
  padding: 28px 16px 22px;
  text-align: center;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
  position: relative;
  overflow: hidden;
}
html body .lx-cat-grid--pro .lx-cat-card::before {
  display: none;
}
html body .lx-cat-grid--pro .lx-cat-card:hover {
  border-color: #f4d4ad;
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(20,22,30,.08);
}
html body .lx-cat-grid--pro .lx-cat-card__icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: linear-gradient(135deg, #fff3e6 0%, #ffe0c4 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  transition: background .25s ease, transform .25s ease;
}
html body .lx-cat-grid--pro .lx-cat-card__icon svg {
  width: 30px;
  height: 30px;
  color: var(--lx-orange);
  transition: color .25s ease;
}
html body .lx-cat-grid--pro .lx-cat-card:hover .lx-cat-card__icon {
  background: linear-gradient(135deg, var(--lx-orange) 0%, var(--lx-orange-light, #ff8c33) 100%);
  transform: scale(1.05);
}
html body .lx-cat-grid--pro .lx-cat-card:hover .lx-cat-card__icon svg {
  color: #fff;
}
html body .lx-cat-grid--pro .lx-cat-card__name {
  font-size: .95rem;
  font-weight: 600;
  color: #14161e;
  letter-spacing: -.005em;
}

/* Image-based category icons (product photos in round frames) */
html body .lx-cat-grid--pro .lx-cat-card__icon--image {
  background: #fff;
  overflow: hidden;
  padding: 0;
  border: 1px solid #f0e8dc;
}
html body .lx-cat-grid--pro .lx-cat-card__icon--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  transition: transform .35s ease;
}
html body .lx-cat-grid--pro .lx-cat-card:hover .lx-cat-card__icon--image {
  background: #fff;
  border-color: var(--lx-orange, #ff6b00);
  transform: scale(1.04);
}
html body .lx-cat-grid--pro .lx-cat-card:hover .lx-cat-card__icon--image img {
  transform: scale(1.06);
}

@media (max-width: 1024px) {
  html body .lx-cat-grid--pro {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
@media (max-width: 640px) {
  html body .lx-cat-grid--pro {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
  html body .lx-cat-grid--pro .lx-cat-card {
    padding: 22px 12px 18px;
    border-radius: 16px;
    gap: 12px;
  }
  html body .lx-cat-grid--pro .lx-cat-card__icon {
    width: 60px;
    height: 60px;
  }
  html body .lx-cat-grid--pro .lx-cat-card__icon svg {
    width: 26px;
    height: 26px;
  }
  html body .lx-cat-grid--pro .lx-cat-card__name {
    font-size: .9rem;
  }
}

/* ============================================================
   TRUST BAR — COMPACT MOBILE (one-line, 4 in a row)  v2.1.29
============================================================ */
@media (max-width: 767px) {
  html body .lx-trust-bar {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px !important;
    border-radius: 14px !important;
    padding: 10px 6px !important;
  }
  html body .lx-trust-item {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 6px !important;
    padding: 8px 4px !important;
    border-right: none !important;
    border-bottom: none !important;
    min-width: 0;
  }
  html body .lx-trust-item__icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
  }
  html body .lx-trust-item__icon svg {
    width: 16px !important;
    height: 16px !important;
  }
  html body .lx-trust-item__title {
    font-size: .68rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
  }
  html body .lx-trust-item__desc {
    display: none !important;
  }
}

@media (max-width: 380px) {
  html body .lx-trust-bar {
    gap: 4px !important;
    padding: 8px 4px !important;
  }
  html body .lx-trust-item__title {
    font-size: .62rem !important;
  }
  html body .lx-trust-item__icon {
    width: 28px !important;
    height: 28px !important;
  }
  html body .lx-trust-item__icon svg {
    width: 14px !important;
    height: 14px !important;
  }
}

/* ============================================================
   TOPBAR — FORCE VISIBLE ON ALL SCREENS  (v2.1.30)
============================================================ */
html body .lx-topbar,
html body div.lx-topbar,
html body .lx-topbar.alignfull {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 38px !important;
  padding: 8px 0 !important;
  background: linear-gradient(90deg, #0F1525 0%, #1A1A2E 50%, #0F1525 100%) !important;
  color: rgba(255,255,255,.9) !important;
  font-size: .8rem !important;
  position: relative !important;
  z-index: 999 !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
html body .lx-topbar__inner {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
html body .lx-topbar__left,
html body .lx-topbar__right {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
}

@media (max-width: 768px) {
  html body .lx-topbar {
    padding: 6px 0 !important;
    font-size: .72rem !important;
    min-height: 32px !important;
  }
  html body .lx-topbar__right {
    gap: 12px !important;
  }
  html body .lx-topbar__right a {
    font-size: .72rem !important;
  }
}

/* ============================================================
   FOOTER — CUSTOM LOGO SUPPORT  (v2.1.30)
============================================================ */
html body .lx-brand--footer-custom {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  background: #fff !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
  margin-bottom: 16px !important;
  max-width: 240px !important;
}
html body .lx-footer__logo-img {
  display: block !important;
  width: auto !important;
  max-width: 200px !important;
  height: auto !important;
  max-height: 56px !important;
  object-fit: contain !important;
}

@media (max-width: 768px) {
  html body .lx-brand--footer-custom {
    padding: 8px 14px !important;
    max-width: 220px !important;
  }
  html body .lx-footer__logo-img {
    max-height: 48px !important;
  }
}

/* ============================================================
   SINGLE PRODUCT — VARIATION SELECTORS  v2.1.34
   Bulletproof spacing — labels never touch the dropdowns.
   Wide label column (170px) + generous padding on both sides.
============================================================ */

/* Card wrapper — high specificity, multiple selector paths */
html body .woocommerce div.product form.cart table.variations,
html body .woocommerce-page div.product form.cart table.variations,
html body form.variations_form table.variations,
html body .single-product div.product form.cart table.variations {
  display: block !important;
  width: 100% !important;
  margin: 18px 0 14px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid #ece4d8 !important;
  border-radius: 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(20,22,30,.04) !important;
  table-layout: auto !important;
}

html body form.variations_form table.variations colgroup,
html body form.variations_form table.variations thead,
html body .woocommerce div.product form.cart table.variations colgroup,
html body .woocommerce div.product form.cart table.variations thead {
  display: none !important;
}

html body form.variations_form table.variations tbody,
html body .woocommerce div.product form.cart table.variations tbody {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Each row — flex layout (label | value side by side) */
html body form.variations_form table.variations tr,
html body .woocommerce div.product form.cart table.variations tr,
html body .woocommerce-page div.product form.cart table.variations tr {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #f3ede2 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
html body form.variations_form table.variations tr:last-child,
html body .woocommerce div.product form.cart table.variations tr:last-child {
  border-bottom: 0 !important;
}

html body form.variations_form table.variations td,
html body form.variations_form table.variations th,
html body .woocommerce div.product form.cart table.variations td,
html body .woocommerce div.product form.cart table.variations th {
  border: 0 !important;
  background: transparent !important;
  vertical-align: middle !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* LABEL cell — fixed 170px, cream wash, generous right padding (22px) */
html body form.variations_form table.variations td.label,
html body form.variations_form table.variations th.label,
html body .woocommerce div.product form.cart table.variations td.label,
html body .woocommerce div.product form.cart table.variations th.label,
html body .woocommerce div.product form.cart .variations td.label,
html body .woocommerce div.product form.cart .variations th.label,
html body .woocommerce-page div.product form.cart .variations td.label,
html body .woocommerce-page div.product form.cart .variations th.label {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 170px !important;
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  padding: 14px 22px 14px 20px !important;
  background: #fbf7f0 !important;
  border-right: 1px solid #f3ede2 !important;
  box-sizing: border-box !important;
}
html body form.variations_form table.variations .label label,
html body .woocommerce div.product form.cart table.variations .label label,
html body .woocommerce div.product form.cart .variations .label label {
  margin: 0 !important;
  padding: 0 !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #6b6357 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* VALUE cell — flexible, 18px left padding so dropdown isn't glued to border */
html body form.variations_form table.variations td.value,
html body .woocommerce div.product form.cart table.variations td.value,
html body .woocommerce div.product form.cart .variations td.value,
html body .woocommerce-page div.product form.cart .variations td.value {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 10px 16px 10px 18px !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* The select itself — modern pill with custom orange chevron */
html body form.variations_form table.variations select,
html body .woocommerce div.product form.cart table.variations select,
html body .woocommerce div.product form.cart .variations select,
html body .woocommerce-page div.product form.cart .variations select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 42px 0 14px !important;
  margin: 0 !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  font-family: var(--lx-font, 'Segoe UI', system-ui, sans-serif) !important;
  line-height: 1.2 !important;
  color: #14161e !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23FF6B00' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 14px 14px !important;
  border: 1.5px solid #e6dccc !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
  box-shadow: 0 1px 2px rgba(20,22,30,.03) !important;
  outline: 0 !important;
  box-sizing: border-box !important;
}

html body .woocommerce div.product form.cart .variations select:hover,
html body form.variations_form table.variations select:hover {
  border-color: #ffb37a !important;
  background-color: #fffaf3 !important;
}

html body .woocommerce div.product form.cart .variations select:focus,
html body .woocommerce div.product form.cart .variations select:focus-visible,
html body form.variations_form table.variations select:focus,
html body form.variations_form table.variations select:focus-visible {
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(255,107,0,.18) !important;
  background-color: #ffffff !important;
}

html body .woocommerce div.product form.cart .variations select:disabled,
html body form.variations_form table.variations select:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
  background-color: #f7f3ec !important;
}

/* Reset / Clear link — pill button */
html body .woocommerce div.product form.cart .reset_variations,
html body form.variations_form .reset_variations {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  color: #FF6B00 !important;
  text-decoration: none !important;
  padding: 6px 10px !important;
  margin: 8px 0 0 14px !important;
  border-radius: 6px !important;
  transition: background-color .18s ease, color .18s ease !important;
}
html body .woocommerce div.product form.cart .reset_variations::before,
html body form.variations_form .reset_variations::before {
  content: '' !important;
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF6B00' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3 12a9 9 0 1 0 3-6.7L3 8'/><polyline points='3 3 3 8 8 8'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
html body .woocommerce div.product form.cart .reset_variations:hover,
html body form.variations_form .reset_variations:hover {
  background-color: #FFF3E8 !important;
  color: #E05A00 !important;
  text-decoration: none !important;
}

/* Single variation block — price + stock */
html body .woocommerce div.product form.cart .single_variation_wrap {
  margin-top: 18px !important;
}
html body .woocommerce div.product form.cart .woocommerce-variation-price {
  margin: 8px 0 4px !important;
  padding: 12px 0 8px !important;
  border-top: 1px dashed #ece4d8 !important;
}
html body .woocommerce div.product form.cart .woocommerce-variation-price .price,
html body .woocommerce div.product form.cart .single_variation .price {
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  color: #FF6B00 !important;
}
html body .woocommerce div.product form.cart .woocommerce-variation-availability {
  font-size: .85rem !important;
  font-weight: 600 !important;
  color: #28A745 !important;
  margin-bottom: 12px !important;
}

/* Tablet — slightly narrower label column */
@media (max-width: 900px) and (min-width: 641px) {
  html body .woocommerce div.product form.cart table.variations td.label,
  html body .woocommerce div.product form.cart table.variations th.label,
  html body form.variations_form table.variations td.label,
  html body form.variations_form table.variations th.label {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }
}

/* Mobile — stack label above select */
@media (max-width: 640px) {
  html body .woocommerce div.product form.cart table.variations tr,
  html body form.variations_form table.variations tr {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html body .woocommerce div.product form.cart table.variations td.label,
  html body .woocommerce div.product form.cart table.variations th.label,
  html body form.variations_form table.variations td.label,
  html body form.variations_form table.variations th.label {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border-right: 0 !important;
    border-bottom: 1px solid #f3ede2 !important;
    padding: 10px 16px !important;
  }
  html body .woocommerce div.product form.cart table.variations td.value,
  html body form.variations_form table.variations td.value {
    padding: 12px 14px !important;
  }
  html body .woocommerce div.product form.cart .variations select,
  html body form.variations_form table.variations select {
    min-height: 46px !important;
    height: 46px !important;
    font-size: .95rem !important;
  }
  html body .woocommerce div.product form.cart .reset_variations,
  html body form.variations_form .reset_variations {
    margin-left: 0 !important;
  }
}

/* ============================================================
   GLOBAL FONT-WEIGHT OVERRIDE — TITLES & PRICES  v2.1.35
   Force regular weight (400) on all product titles and prices
   across the entire site. Final overrides at end of stylesheet
   guarantee they win over earlier rules.
============================================================ */

/* Product titles — every variant and context */
html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
html body .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
html body .wc-block-grid__product-title,
html body .woocommerce ul.products li.product h2,
html body .woocommerce ul.products li.product h3,
html body .woocommerce-page ul.products li.product h2,
html body .woocommerce-page ul.products li.product h3,
html body .woocommerce div.product .product_title,
html body .woocommerce-page div.product .product_title,
html body .single-product .product_title,
html body .lx-product-card__name,
html body .lx-product-card__title,
html body .lx-search-suggest__title,
html body .related.products .woocommerce-loop-product__title,
html body .upsells.products .woocommerce-loop-product__title,
html body .cross-sells .woocommerce-loop-product__title {
  font-weight: 400 !important;
}

/* Product prices — every variant and context */
html body .woocommerce ul.products li.product .price,
html body .woocommerce-page ul.products li.product .price,
html body .wc-block-grid__product-price,
html body .woocommerce div.product p.price,
html body .woocommerce div.product span.price,
html body .woocommerce-page div.product p.price,
html body .woocommerce-page div.product span.price,
html body .single-product .product .price,
html body .woocommerce ul.products li.product .price .amount,
html body .woocommerce-page ul.products li.product .price .amount,
html body .wc-block-grid__product-price .amount,
html body .woocommerce div.product p.price .amount,
html body .woocommerce div.product span.price .amount,
html body .woocommerce .price .amount,
html body .woocommerce-page .price .amount,
html body .woocommerce ul.products li.product .price ins,
html body .woocommerce-page ul.products li.product .price ins,
html body .woocommerce ul.products li.product .price ins .amount,
html body .woocommerce-page ul.products li.product .price ins .amount,
html body .lx-product-card__price,
html body .lx-product-card__price .price,
html body .lx-product-card__price .amount,
html body .lx-product-card__price ins .amount,
html body .lx-search-suggest__price,
html body .lx-search-suggest__price .amount,
html body .woocommerce-variation-price,
html body .woocommerce-variation-price .price,
html body .woocommerce-variation-price .amount,
html body .single_variation .price,
html body .single_variation .amount,
html body .related.products .price,
html body .upsells.products .price,
html body .cart_item .product-price,
html body .cart_item .product-subtotal,
html body .cart-subtotal .amount,
html body .order-total .amount {
  font-weight: 400 !important;
}

/* Strikethrough sale prices stay subtle */
html body .woocommerce ul.products li.product .price del,
html body .woocommerce-page ul.products li.product .price del,
html body .woocommerce ul.products li.product .price del .amount,
html body .woocommerce-page ul.products li.product .price del .amount,
html body .woocommerce div.product p.price del,
html body .woocommerce div.product p.price del .amount,
html body .lx-product-card__price del,
html body .lx-product-card__price del .amount {
  font-weight: 400 !important;
}