/* WooCommerce overrides - Sugar Rush */

.woocommerce ul.products,
.ks-products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
}

.woocommerce .woocommerce-breadcrumb {
  font-family: var(--disp);
  font-weight: 500;
  font-size: 14px;
  color: var(--ink-50);
  margin-bottom: 14px;
}
.woocommerce .woocommerce-breadcrumb a { color: var(--purple); }

.woocommerce div.product { margin-top: 0; }
.woocommerce div.product .product_title {
  font-family: var(--disp);
  font-size: clamp(28px, 3.6vw, 44px);
  margin: 8px 0 16px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: var(--disp);
  font-weight: 700;
  font-size: 38px;
  background: var(--g-hot);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.woocommerce div.product form.cart {
  display: flex;
  gap: 12px;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 8px;
}
.woocommerce div.product form.cart .quantity {
  display: inline-flex;
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(27,15,54,.1);
  overflow: hidden;
  margin: 0;
}
.woocommerce div.product form.cart .quantity input.qty {
  border: none;
  width: 52px;
  text-align: center;
  font-family: var(--disp);
  font-weight: 700;
  font-size: 17px;
  background: transparent;
  color: var(--ink);
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-family: var(--disp);
  font-weight: 600;
  font-size: 16px;
  padding: 14px 26px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  color: #fff;
  background: var(--g-hot);
  background-size: 160% 160%;
  animation: gshift 6s ease infinite;
  transition: transform .25s var(--bounce), box-shadow .25s var(--ease);
  white-space: nowrap;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  transform: translateY(-3px) rotate(-1deg);
  box-shadow: 0 12px 28px rgba(236,15,134,.35);
  color: #fff;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: var(--g-hot);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 14px;
  border-top: none;
  box-shadow: 0 6px 18px rgba(27,15,54,.08);
  font-family: var(--body);
}
.woocommerce-message::before { color: var(--pink); }

.woocommerce-cart-form,
.woocommerce .cart-collaterals .cart_totals {
  background: #fff;
  border-radius: var(--r-lg);
  padding: 28px;
  box-shadow: 0 10px 28px rgba(27,15,54,.08);
}
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
  border-color: var(--cream);
  font-family: var(--body);
}
.woocommerce-cart table.cart th {
  font-family: var(--disp);
  font-weight: 600;
}

.ks-single-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}
.ks-single-media {
  position: relative;
  border-radius: var(--r-xl);
  overflow: hidden;
  background: var(--g-cool);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.ks-single-media img {
  max-width: 82%;
  max-height: 82%;
  object-fit: contain;
  filter: drop-shadow(0 20px 34px rgba(0,0,0,.3));
}
.ks-single-facts {
  background: #fff;
  border-radius: 18px;
  padding: 16px 20px;
  margin: 0 0 22px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  box-shadow: 0 6px 18px rgba(27,15,54,.07);
}
.ks-single-facts li {
  display: flex;
  gap: 11px;
  align-items: center;
  font-size: 15px;
  color: var(--ink-70);
  list-style: none;
}
.ks-single-facts li svg { color: var(--purple); flex: none; }

.ks-shop-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.ks-cat-pills { display: flex; gap: 9px; flex-wrap: wrap; }
.ks-cat-pills a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--disp);
  font-weight: 600;
  font-size: 13px;
  padding: 7px 15px;
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 4px 12px rgba(27,15,54,.1);
}
.ks-cat-pills a.on { background: var(--g-hot); color: #fff; }

.woocommerce-result-count,
.woocommerce-ordering { margin: 0; }
.woocommerce-ordering select,
.woocommerce .woocommerce-ordering select.orderby {
  min-width: 200px;
  font-family: var(--body) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: var(--ink) !important;
  background-color: #fff !important;
  border: 2px solid transparent !important;
  box-shadow: 0 3px 12px rgba(27,15,54,.07) !important;
  border-radius: 999px !important;
  padding: 11px 42px 11px 18px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230E9FC4' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  cursor: pointer;
}
.woocommerce-ordering select:focus {
  outline: none;
  border-color: var(--pink);
}

/* Pagination - pill buttons like Sugar Rush */
.woocommerce nav.woocommerce-pagination {
  margin: 36px 0 8px;
  text-align: center;
}
.woocommerce nav.woocommerce-pagination ul {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  justify-content: center;
  gap: 8px;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  white-space: normal !important;
  clear: none !important;
}
.woocommerce nav.woocommerce-pagination ul li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  float: none !important;
  overflow: visible !important;
  display: block !important;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--ink) !important;
  font-family: var(--disp) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  box-shadow: 0 4px 12px rgba(27,15,54,.1) !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: transform .2s var(--bounce), box-shadow .2s var(--ease), background .2s, color .2s;
}
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(236,15,134,.22);
  color: var(--ink);
}
.woocommerce nav.woocommerce-pagination ul li span.page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--g-hot) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(236,15,134,.35) !important;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers.dots {
  background: transparent;
  box-shadow: none;
  min-width: 28px;
  color: var(--ink-50);
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next {
  font-size: 18px;
}

/* Hide default Woo breadcrumb - archive template has Sugar Rush crumbs */
.woocommerce .woocommerce-breadcrumb { display: none; }

@media (max-width: 980px) {
  .woocommerce ul.products,
  .ks-products-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
  .ks-single-grid { grid-template-columns: 1fr; }
}
@media (max-width: 430px) {
  .woocommerce ul.products,
  .ks-products-grid { grid-template-columns: 1fr; }
}

/* Hide payment / checkout chrome when quote mode is on */
.ks-quote-mode .woocommerce-checkout-payment,
.ks-quote-mode #payment,
.ks-quote-mode .wc-proceed-to-checkout .checkout-button { display: none !important; }

.site-main.sec { padding-bottom: 40px; }