:root{--wcBtn:var(--btn);--wcBtnText:var(--btnText);--wcBorder:var(--border)}
.woocommerce ul.products li.product .price,
.woocommerce div.product .price,
.woocommerce .price,
.woocommerce .woocommerce-Price-amount{color:rgba(255,255,255,.78)!important}
.woocommerce .price del,.woocommerce .price del .woocommerce-Price-amount{color:rgba(255,255,255,.45)!important}
.woocommerce .price ins,.woocommerce .price ins .woocommerce-Price-amount{color:rgba(255,255,255,.88)!important;text-decoration:none}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce a.add_to_cart_button,.woocommerce button.single_add_to_cart_button,.woocommerce input.single_add_to_cart_button,.wc-block-components-button,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button,.wp-block-button__link{
  background:var(--wcBtn)!important;color:var(--wcBtnText)!important;border:0!important;border-radius:999px!important;padding:12px 16px!important;font-weight:700!important;font-size:13px!important;letter-spacing:.02em!important;box-shadow:none!important;transition:filter .18s ease,opacity .18s ease!important
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.wc-block-components-button:hover,.wp-block-button__link:hover{filter:brightness(.985);opacity:.98}
.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:transparent!important;border:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:rgba(255,255,255,.70)!important;border-bottom:2px solid transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff!important;border-bottom-color:rgba(255,255,255,.35)}
.wc-stripe-payment-request-wrapper{border:1px solid var(--wcBorder)!important;background:rgba(255,255,255,.04)!important;padding:12px!important;border-radius:18px!important}
.wc-stripe-payment-request-button,.wc-stripe-payment-request-button-separator,.wc-block-components-express-payment{border-radius:18px!important}

/* SALE badge + sale highlights (remove gold/yellow) */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce div.product span.onsale{
  background: rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  min-height: unset !important;
  line-height: 1 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Ensure links / accent labels don't turn theme gold */
.woocommerce a, .woocommerce a:visited{
  color: rgba(255,255,255,.86);
}
.woocommerce a:hover{ color:#fff; }

/* HyMC featured "carousel" (horizontal scroll on all screens, grid on wide if you want) */
.hymc-carousel ul.products{
  display:flex !important;
  overflow:auto;
  gap:12px;
  padding-bottom:10px;
  scroll-snap-type:x mandatory;
}
.hymc-carousel ul.products li.product{
  min-width: 240px;
  scroll-snap-align:start;
}
@media (min-width: 980px){
  .hymc-carousel ul.products li.product{ min-width: 260px; }
}


/* Single/Variable product cart row cleanup (v19) */
.woocommerce div.product form.cart{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.woocommerce div.product form.cart .quantity{
  margin:0 !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button{
  margin:0 !important;
}
.woocommerce div.product form.cart .variations{
  flex: 1 1 100%;
}
.woocommerce div.product form.cart .variations select{
  border-radius: 14px;
}


/* Button hover polish (v20) */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.single_add_to_cart_button:hover,
.wc-block-components-button:hover,
.wp-block-button__link:hover{
  filter: brightness(0.99);
  box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 10px 26px rgba(0,0,0,.28) !important;
}
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active{
  transform: translateY(0);
  filter: brightness(0.975);
}



/* Quantity control styling (v20) */
.woocommerce .quantity{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.woocommerce .quantity .qty{
  width: 92px !important;
  min-height: 42px;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: #fff !important;
  text-align:center;
}
.woocommerce .quantity .qty:focus{
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.10), 0 0 0 6px rgba(255,255,255,.06) !important;
}



/* Variable product dropdown styling (v20) */
.woocommerce div.product form.cart .variations{
  margin: 0 0 10px !important;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th{
  padding: 8px 0 !important;
}
.woocommerce div.product form.cart .variations label{
  color: rgba(255,255,255,.72);
  font-size: 12px;
  letter-spacing:.06em;
  text-transform: uppercase;
}
.woocommerce div.product form.cart .variations select{
  width: 100% !important;
  appearance: none;
  -webkit-appearance: none;
  background-color: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 14px !important;
  padding: 12px 42px 12px 12px !important;
  color: #fff !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,.55) 50%),
    linear-gradient(135deg, rgba(255,255,255,.55) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 18px,
    calc(100% - 13px) 18px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}
.woocommerce div.product form.cart .variations select:hover{
  border-color: rgba(255,255,255,.24) !important;
  background-color: rgba(255,255,255,.08) !important;
}
.woocommerce div.product form.cart .reset_variations{
  display:inline-block;
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255,255,255,.65) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}



/* Shop pagination styling (v20) */
.woocommerce nav.woocommerce-pagination{
  margin-top: 22px;
}
.woocommerce nav.woocommerce-pagination ul{
  display:flex;
  gap:10px;
  list-style:none;
  padding:0;
  margin:0;
}
.woocommerce nav.woocommerce-pagination ul li{
  border:0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.82);
  font-size: 13px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.24);
  color:#fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.22);
  color:#fff;
}



/* Sale badge visibility (v20) */
.woocommerce span.onsale{
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  margin: 0 !important;
  min-width: auto !important;
  min-height: auto !important;
  line-height: 1 !important;
  z-index: 5 !important;
  background: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
}



/* Pagination center + prevent cut-off (v20.1) */
.woocommerce nav.woocommerce-pagination{
  display:flex;
  justify-content:center;
}
.woocommerce nav.woocommerce-pagination ul{
  flex-wrap:wrap;
  justify-content:center;
  padding: 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}



/* Cart quantity unify (v20.1) */
.woocommerce-cart .product-quantity .quantity .qty{
  width: 92px !important;
  min-height: 42px !important;
  border-radius: 999px !important;
  text-align:center !important;
}
.woocommerce-cart table.shop_table td.product-quantity{
  white-space: nowrap;
}



/* Variable selectors stacked card layout (v20.1) */
.woocommerce div.product form.cart .variations{
  display:block !important;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  border-radius: 18px;
  padding: 14px;
}
.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations tr,
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
}
.woocommerce div.product form.cart .variations tr + tr{margin-top:12px !important;}
.woocommerce div.product form.cart .variations th{
  margin-bottom: 6px !important;
}
.woocommerce div.product form.cart .variations th label{
  display:block !important;
  margin: 0 0 6px 0 !important;
}
.woocommerce div.product form.cart .variations td{
  margin: 0 0 0 0 !important;
}



/* Default sorting dropdown styling (v20.1) */
.woocommerce .woocommerce-ordering{
  margin: 0 0 14px;
}
.woocommerce .woocommerce-ordering select{
  appearance:none;
  -webkit-appearance:none;
  background-color: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  padding: 12px 44px 12px 14px !important;
  color:#fff !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,.55) 50%),
    linear-gradient(135deg, rgba(255,255,255,.55) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 18px,
    calc(100% - 13px) 18px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}
.woocommerce .woocommerce-ordering select:hover{
  border-color: rgba(255,255,255,.24) !important;
  background-color: rgba(255,255,255,.08) !important;
}



/* Pagination (strong override) v20.2 */
.woocommerce nav.woocommerce-pagination,
.woocommerce-pagination{
  display:flex !important;
  justify-content:center !important;
  width:100% !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers,
.woocommerce nav.woocommerce-pagination ul{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  list-style:none !important;
  margin: 0 !important;
  padding: 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.02) !important;
  overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li,
.woocommerce nav.woocommerce-pagination ul li{
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li a,
.woocommerce nav.woocommerce-pagination ul.page-numbers li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.03) !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.24) !important;
  color:#fff !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
  color:#fff !important;
}



/* Cart quantity (strong override) v20.2 */
.woocommerce-cart .quantity,
.woocommerce-cart-form .quantity{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
.woocommerce-cart .quantity input.qty,
.woocommerce-cart-form .quantity input.qty,
.woocommerce-cart .product-quantity input.qty{
  width: 92px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  text-align:center !important;
}

/* Woo Blocks cart quantity */
.wc-block-components-quantity-selector,
.wc-block-components-quantity-selector input{
  border-radius: 999px !important;
}
.wc-block-components-quantity-selector{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  padding: 2px !important;
}
.wc-block-components-quantity-selector input{
  background: transparent !important;
  color:#fff !important;
}
.wc-block-components-quantity-selector__button{
  color: rgba(255,255,255,.80) !important;
}



/* Sorting dropdown (classic + blocks) v20.2 */
.woocommerce .woocommerce-ordering select.orderby,
.woocommerce .woocommerce-ordering select,
.wc-block-components-sort-select select,
.wc-block-components-sort-select__select{
  appearance:none !important;
  -webkit-appearance:none !important;
  background-color: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  padding: 12px 44px 12px 14px !important;
  color:#fff !important;
  line-height: 1.2 !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,.55) 50%),
    linear-gradient(135deg, rgba(255,255,255,.55) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 18px) 18px,
    calc(100% - 13px) 18px !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat: no-repeat !important;
}
.woocommerce .woocommerce-ordering select.orderby:hover,
.wc-block-components-sort-select select:hover{
  border-color: rgba(255,255,255,.24) !important;
  background-color: rgba(255,255,255,.08) !important;
}



/* Sale badge ensure visible v20.2 */
.woocommerce span.onsale{
  display:inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}




/* Variable & simple product add-to-cart alignment (v20.4) */
.woocommerce div.product form.cart{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-end !important;
  gap:12px !important;
}

/* Variations card stays full width above */
.woocommerce div.product form.cart .variations{
  width:100% !important;
  flex: 1 1 100% !important;
}

/* Quantity + button row */
.woocommerce div.product form.cart .quantity{
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
}

.woocommerce div.product form.cart .quantity .qty{
  margin:0 !important;
}

/* Add to cart button */
.woocommerce div.product form.cart .single_add_to_cart_button{
  height:42px !important;
  line-height:42px !important;
  padding:0 20px !important;
  margin:0 !important;
  white-space:nowrap !important;
}

/* Group quantity + button nicely */
.woocommerce div.product form.cart .quantity + .single_add_to_cart_button{
  margin-left:8px !important;
}

/* Reset variations clear button alignment */
.woocommerce div.product form.cart .reset_variations{
  width:100% !important;
  margin-top:8px !important;
  text-align:left !important;
}

/* Mobile spacing */
@media (max-width: 520px){
  .woocommerce div.product form.cart{
    gap:10px !important;
  }
  .woocommerce div.product form.cart .quantity,
  .woocommerce div.product form.cart .single_add_to_cart_button{
    width:auto !important;
  }
}



/* =========================
   HYMC Archive / Category Header
   ========================= */
.hymc-collection-header{
  padding:26px 0 8px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.hymc-collection-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 18px;
}
.hymc-collection-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
}
.hymc-collection-title{
  margin:10px 0 10px;
  font-size:34px;
  line-height:1.12;
  letter-spacing:-.02em;
}
@media (max-width:640px){
  .hymc-collection-title{font-size:28px}
}
.hymc-collection-desc{
  max-width:72ch;
  color:rgba(255,255,255,.72);
  font-size:14px;
}
.hymc-collection-desc p{margin:10px 0}
.hymc-collection-desc a{text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px}
.hymc-collection-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0 6px;
}
.hymc-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:rgba(255,255,255,.86);
  font-weight:650;
  font-size:12px;
  letter-spacing:.01em;
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
}
.hymc-chip:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.05);
}
.hymc-chip--ghost{
  background:transparent;
}

/* Pepper Sauce sub-nav + Bundles module */
.hymc-pantry-subnav{
  padding:16px 0 0;
}
.hymc-pantry-subnav-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.hymc-pantry-label{
  color:rgba(255,255,255,.58);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hymc-pantry-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.hymc-bundles-module{
  padding:18px 0 6px;
}
.hymc-bundles-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 18px;
}
.hymc-bundles-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
}
.hymc-bundles-title{
  margin:0;
  font-size:16px;
  letter-spacing:-.01em;
}
.hymc-bundles-link{
  color:rgba(255,255,255,.72);
  font-size:12px;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
.hymc-bundles-products{
  margin:0;
}
.hymc-bundles-products li.product{
  margin-bottom:0 !important;
}

