.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none;width:auto;margin:0;background:#eeeeF1;padding:20px;display:flex;flex-direction:column}.woocommerce ul.products li.product a img{height:240px;object-fit:contain;mix-blend-mode:multiply}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px;line-height:1.4}.woocommerce ul.products li.product .price{font-size:20px;color:#111;margin-top:auto}.woocommerce ul.products li.product .button{margin-top:auto;align-self:flex-start}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt{border-radius:0;background:#111;color:white;font-weight:600;padding:14px 24px}.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:#333}.woocommerce div.product .product_title{font-size:32px;line-height:1.15;margin-bottom:20px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:#111;font-size:28px}.woocommerce div.product div.images{background:#eeeef1}.woocommerce div.product div.images img{object-fit:contain}.woocommerce div.product .woocommerce-product-gallery__wrapper{margin:0}.woocommerce-product-details__short-description{margin:24px 0}.woocommerce div.product form.cart{margin-top:32px}.woocommerce .quantity .qty{width:80px;padding:10px;border:1px solid #ccc}.woocommerce div.product .woocommerce-tabs{clear:both;padding-top:40px}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:0;border-radius:0}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:transparent;border-bottom:2px solid #111}.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{display:none}.woocommerce .woocommerce-ordering select,.woocommerce select,.woocommerce input.input-text,.woocommerce textarea{padding:12px;border:1px solid #aaa;border-radius:0;background:white;max-width:100%}.woocommerce form .form-row{margin-bottom:16px}.woocommerce form .form-row label{margin-bottom:6px}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:none;width:100%}.woocommerce form.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.woocommerce #customer_details{grid-row:span 2}.woocommerce #order_review_heading{margin:0}.woocommerce #payment{background:#eeeef1;border-radius:0}.woocommerce table.shop_table{border-collapse:collapse;background:white;border-radius:0}.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:#00a9e0;background:white;color:#111}.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:#0099bb}.woocommerce .woocommerce-breadcrumb{margin-bottom:24px}.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:8px;justify-content:center;margin-top:40px}.woocommerce nav.woocommerce-pagination ul li{border:1px solid #ddd;min-width:40px}.woocommerce nav.woocommerce-pagination ul li span.current{background:#111;color:white}.woocommerce .related.products{clear:both;padding-top:48px}.woocommerce form .form-row .required{color:#b22}.woocommerce span.onsale{background:#111;border-radius:0;padding:0 8px;min-height:0;line-height:30px}.leki-filters{margin:24px 0;border-block:1px solid #ddd;padding:16px 0}.leki-filters summary{cursor:pointer}.leki-filters ul{display:flex;flex-wrap:wrap;list-style:none;gap:20px;padding:10px 0}.woocommerce .woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce .woocommerce-MyAccount-navigation a{display:block;padding:14px;border-bottom:1px solid #ddd}.woocommerce .woocommerce-MyAccount-navigation .is-active a{font-weight:700;background:#e9e9ee}.woocommerce div.product .stock{color:#26734b}.woocommerce div.product .out-of-stock{color:#a22}.woocommerce table.variations select{width:100%}
@media(max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.woocommerce ul.products li.product a img{height:200px}.woocommerce form.checkout{grid-template-columns:1fr}.woocommerce #customer_details{grid-row:auto}}
@media(max-width:600px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{padding:12px}.woocommerce ul.products li.product a img{height:155px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px}.woocommerce ul.products li.product .price{font-size:18px}.woocommerce ul.products li.product .button{font-size:12px;padding:12px}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:100%}.woocommerce div.product .product_title{font-size:28px}.woocommerce-cart table.cart td.actions .coupon{display:flex;gap:10px;flex-wrap:wrap}.woocommerce-cart table.cart td.actions .coupon .input-text{width:100%}.woocommerce .woocommerce-MyAccount-navigation,.woocommerce .woocommerce-MyAccount-content{float:none;width:100%}.woocommerce .woocommerce-MyAccount-content{margin-top:28px}.woocommerce div.product form.cart .button{max-width:100%}}


/* ==========================================================================
   14 DTC Storefront Mobile Layout & Brand Parity Enhancements
   ========================================================================== */

/* 1. Global Mobile Product Page Layout (PDP) */
@media (max-width: 768px) {
  /* Suppress intrusive bottom sticky bar on mobile */
  .codex-sticky-bar {
    display: none !important;
  }

  /* Simple product purchase action row */
  .woocommerce div.product form.cart:not(.variations_form) {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: 16px !important;
    margin-bottom: 24px !important;
  }

  /* Variable product layout: full width variations above, action row below */
  .woocommerce div.product form.cart.variations_form {
    display: block !important;
    width: 100% !important;
    margin-top: 16px !important;
    margin-bottom: 24px !important;
  }

  .woocommerce div.product form.cart.variations_form table.variations,
  .woocommerce div.product form.cart.variations_form table.variations tbody,
  .woocommerce div.product form.cart.variations_form table.variations tr,
  .woocommerce div.product form.cart.variations_form table.variations td,
  .woocommerce div.product form.cart.variations_form table.variations th {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
    padding: 4px 0 !important;
  }

  .woocommerce div.product form.cart.variations_form table.variations td.label {
    padding-top: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #111827 !important;
  }

  .woocommerce div.product form.cart.variations_form table.variations td.value {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
  }

  /* Variable product purchase action row */
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: 16px !important;
    width: 100% !important;
  }

  /* Compact quantity selector pill / box */
  .woocommerce div.product form.cart .quantity,
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .quantity {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    flex: 0 0 96px !important;
    height: 48px !important;
  }

  .woocommerce div.product form.cart .quantity .qty,
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .quantity .qty {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    line-height: 46px !important;
    text-align: center !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    background: #ffffff !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Add to Cart button: fill remaining row width */
  .woocommerce div.product form.cart .button.single_add_to_cart_button,
  .woocommerce div.product form.cart .woocommerce-variation-add-to-cart .button.single_add_to_cart_button {
    flex: 1 1 auto !important;
    min-height: 48px !important;
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

/* 2. Catalog loop: Eliminate double sale badges (hide native .onsale, retain clean ribbon) */
.woocommerce ul.products li.product span.onsale {
  display: none !important;
}

/* 3. Header: Hide empty cart '0' badge across all 14 storefronts */
.cart-contents .count:empty,
.cart-contents .count[data-count="0"],
.cart-contents span:empty,
[class*="-cart-count"]:empty,
[class*="-cart-count"][data-count="0"],
.cart-count-zero {
  display: none !important;
}

/* 4. Brand-Specific Primary CTA Button Styling */

/* Anker (#00a9e0, pill) */
body.anker-store div.product form.cart .button.single_add_to_cart_button,
body[class*="anker"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.anker-store div.product form.cart .button.single_add_to_cart_button {
  background: #00a9e0 !important;
  border-color: #00a9e0 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 169, 224, 0.28) !important;
}
body.anker-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="anker"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #0090c2 !important;
  border-color: #0090c2 !important;
}

/* LEKI USA (#d00000, 2px rectangular) */
body.leki-store div.product form.cart .button.single_add_to_cart_button,
body[class*="leki"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.leki-store div.product form.cart .button.single_add_to_cart_button {
  background: #d00000 !important;
  border-color: #d00000 !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 14px rgba(208, 0, 0, 0.25) !important;
}
body.leki-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="leki"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #b00000 !important;
  border-color: #b00000 !important;
}

/* Nadula (#e60044, pill) */
body.nadula-store div.product form.cart .button.single_add_to_cart_button,
body[class*="nadula"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.nadula-store div.product form.cart .button.single_add_to_cart_button {
  background: #e60044 !important;
  border-color: #e60044 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(230, 0, 68, 0.3) !important;
}
body.nadula-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="nadula"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #c40039 !important;
  border-color: #c40039 !important;
}

/* Columbia (#002f6c, 2px rectangular) */
body.columbia-store div.product form.cart .button.single_add_to_cart_button,
body[class*="columbia"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.columbia-store div.product form.cart .button.single_add_to_cart_button {
  background: #002f6c !important;
  border-color: #002f6c !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 14px rgba(0, 47, 108, 0.25) !important;
}
body.columbia-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="columbia"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #001f48 !important;
  border-color: #001f48 !important;
}

/* Parachute (#1b242c, 2px clean slate) */
body.parachute-store div.product form.cart .button.single_add_to_cart_button,
body[class*="parachute"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.parachute-store div.product form.cart .button.single_add_to_cart_button {
  background: #1b242c !important;
  border-color: #1b242c !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 12px rgba(27, 36, 44, 0.2) !important;
}
body.parachute-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="parachute"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #334155 !important;
  border-color: #334155 !important;
}

/* Paula's Choice (#0c2340, pill) */
body.paulaschoice-store div.product form.cart .button.single_add_to_cart_button,
body[class*="paulaschoice"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.paulaschoice-store div.product form.cart .button.single_add_to_cart_button {
  background: #0c2340 !important;
  border-color: #0c2340 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(12, 35, 64, 0.28) !important;
}
body.paulaschoice-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="paulaschoice"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #1a3c68 !important;
  border-color: #1a3c68 !important;
}

/* Soundcore (#00a8e1, pill) */
body.soundcore-store div.product form.cart .button.single_add_to_cart_button,
body[class*="soundcore"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.soundcore-store div.product form.cart .button.single_add_to_cart_button {
  background: #00a8e1 !important;
  border-color: #00a8e1 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 168, 225, 0.3) !important;
}
body.soundcore-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="soundcore"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #008ec0 !important;
  border-color: #008ec0 !important;
}

/* Chemical Guys (#ffff00 yellow, black text, 0px sharp) */
body.chemicalguys-store div.product form.cart .button.single_add_to_cart_button,
body[class*="chemicalguys"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.chemicalguys-store div.product form.cart .button.single_add_to_cart_button {
  background: #ffff00 !important;
  border-color: #ffff00 !important;
  color: #111111 !important;
  font-weight: 800 !important;
  border-radius: 0px !important;
  box-shadow: 0 4px 14px rgba(255, 255, 0, 0.35) !important;
}
body.chemicalguys-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="chemicalguys"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #f5e000 !important;
  border-color: #f5e000 !important;
}

/* Levoit (#0072ce, pill) */
body.levoit-store div.product form.cart .button.single_add_to_cart_button,
body[class*="levoit"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.levoit-store div.product form.cart .button.single_add_to_cart_button {
  background: #0072ce !important;
  border-color: #0072ce !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 114, 206, 0.28) !important;
}
body.levoit-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="levoit"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #005bb0 !important;
  border-color: #005bb0 !important;
}

/* HyperX (#e11d48, 2px rectangular) */
body.hyperx-store div.product form.cart .button.single_add_to_cart_button,
body[class*="hyperx"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.hyperx-store div.product form.cart .button.single_add_to_cart_button {
  background: #e11d48 !important;
  border-color: #e11d48 !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.35) !important;
}
body.hyperx-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="hyperx"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #be123c !important;
  border-color: #be123c !important;
}

/* Ruggable (#0b2545, 4px rounded) */
body.ruggable-store div.product form.cart .button.single_add_to_cart_button,
body[class*="ruggable"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.ruggable-store div.product form.cart .button.single_add_to_cart_button {
  background: #0b2545 !important;
  border-color: #0b2545 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 14px rgba(11, 37, 69, 0.28) !important;
}
body.ruggable-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="ruggable"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #133863 !important;
  border-color: #133863 !important;
}

/* Aquasana (#0077c8, pill) */
body.aquasana-store div.product form.cart .button.single_add_to_cart_button,
body[class*="aquasana"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.aquasana-store div.product form.cart .button.single_add_to_cart_button {
  background: #0077c8 !important;
  border-color: #0077c8 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 119, 200, 0.28) !important;
}
body.aquasana-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="aquasana"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #005f9e !important;
  border-color: #005f9e !important;
}

/* Dreo (#f58220, pill) */
body.dreo-store div.product form.cart .button.single_add_to_cart_button,
body[class*="dreo"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.dreo-store div.product form.cart .button.single_add_to_cart_button {
  background: #f58220 !important;
  border-color: #f58220 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(245, 130, 32, 0.35) !important;
}
body.dreo-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="dreo"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #d96e14 !important;
  border-color: #d96e14 !important;
}

/* Decathlon (#0082c3, 4px rounded) */
body.decathlon-store div.product form.cart .button.single_add_to_cart_button,
body[class*="decathlon"] div.product form.cart .button.single_add_to_cart_button,
.woocommerce.decathlon-store div.product form.cart .button.single_add_to_cart_button {
  background: #0082c3 !important;
  border-color: #0082c3 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 14px rgba(0, 130, 195, 0.3) !important;
}
body.decathlon-store div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled),
body[class*="decathlon"] div.product form.cart .button.single_add_to_cart_button:hover:not(:disabled) {
  background: #006aa0 !important;
  border-color: #006aa0 !important;
}


/* codex-grid-cell-width-20260924: a grid item fills its column, not 48% of it. */
body.leki-store.woocommerce ul.products[class*="columns-"]>li.product,body.leki-store .woocommerce ul.products[class*="columns-"]>li.product,body.leki-store.woocommerce-page ul.products[class*="columns-"]>li.product{width:100%;max-width:100%;min-width:0;float:none;margin-left:0;margin-right:0;box-sizing:border-box}