/* ==========================================================================
   WooCommerce native markup → Stage 1 design. Replaces WooCommerce's default CSS
   (disabled in inc/woocommerce.php). Uses only tokens from variables.css.
   ========================================================================== */

/* ---------- Generic buttons WooCommerce outputs ---------- */
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button,
.woocommerce #respond input#submit, .wc-block-components-button, .checkout-button, #place_order {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px;
  font-family: var(--font-heading); font-weight: 600; font-size: 0.875rem; line-height: 1; border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-strong); background: #fff; color: var(--color-text); cursor: pointer; text-decoration: none;
  transition: background var(--dur), border-color var(--dur), color var(--dur), box-shadow var(--dur);
}
.woocommerce .button:hover { border-color: var(--color-primary); color: var(--color-text); }
.woocommerce .button.alt, .woocommerce button.button.alt, .checkout-button, #place_order, .single_add_to_cart_button:not(.ggu-buy-now),
.woocommerce-mini-cart__buttons .checkout {
  background: var(--color-primary); border-color: var(--color-primary); color: #fff;
}
.woocommerce .button.alt:hover, .checkout-button:hover, #place_order:hover, .single_add_to_cart_button:not(.ggu-buy-now):hover, .woocommerce-mini-cart__buttons .checkout:hover {
  background: var(--color-primary-hover); border-color: var(--color-primary-hover); color: #fff; box-shadow: 0 8px 20px rgba(139, 82, 252, 0.25);
}
.woocommerce .button:disabled, .woocommerce .button.disabled, .woocommerce .button[disabled] { opacity: 0.45; cursor: not-allowed; pointer-events: none; }
.woocommerce .button.loading { position: relative; color: transparent !important; }
.woocommerce .button.loading::after { content: ""; position: absolute; width: 18px; height: 18px; border: 2px solid rgba(255, 255, 255, 0.5); border-top-color: #fff; border-radius: 50%; animation: ggu-spin 0.7s linear infinite; }
.woocommerce .button.btn--secondary.loading::after { border-color: var(--color-border); border-top-color: var(--color-primary); }
.woocommerce .button.added { }
@keyframes ggu-spin { to { transform: rotate(360deg); } }
a.added_to_cart { display: none !important; } /* toast + mini cart replace WooCommerce's "View cart" link */

/* Loop add-to-cart gets .btn classes via filter; make sure .button base doesn't fight them */
.pcard .button.btn--primary { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
.pcard .button.btn--primary:hover { background: var(--color-primary-hover); color: #fff; }
.pcard .button { width: 100%; min-height: 42px; }

/* ---------- Product grids (ul.products) ---------- */
ul.products { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-4); }
ul.products.columns-5, .product-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
ul.products > li.product { margin: 0; padding: 0; width: auto; float: none; list-style: none; min-width: 0; }
ul.products.rail__track { display: grid; grid-auto-flow: column; grid-template-columns: none; }
ul.products.is-list { grid-template-columns: minmax(0, 1fr); }
ul.products.is-list .pcard { flex-direction: row; }
ul.products.is-list .pcard__media { width: 220px; flex: none; }
ul.products.is-list .pcard__desc { display: block; color: var(--color-muted); font-size: var(--fs-sm); }
ul.products.is-list .pcard__title { -webkit-line-clamp: 3; min-height: 0; font-size: var(--fs-md); }
ul.products.is-list .pcard__foot { grid-template-columns: auto minmax(160px, 220px); justify-content: space-between; align-items: end; }
@media (max-width: 1279px) and (min-width: 768px) { ul.products.columns-5, .product-grid--5 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1023px) and (min-width: 768px) { ul.products.columns-5, .product-grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  ul.products, ul.products.columns-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  ul.products.rail__track { grid-template-columns: none; grid-auto-columns: 46%; }
  ul.products.is-list .pcard { flex-direction: column; }
  ul.products.is-list .pcard__media { width: auto; }
  ul.products.is-list .pcard__foot { grid-template-columns: minmax(0, 1fr); }
}
.pcard__media img { aspect-ratio: 1; }
.related, .upsells, .cross-sells, .related-recent { margin-top: var(--space-section); }
.related > h2, .upsells > h2, .cross-sells > h2 { margin-bottom: var(--space-6); }

/* ---------- Price HTML ---------- */
.price { color: var(--color-text); }
.price .woocommerce-Price-amount, .price > .amount { font-family: var(--font-heading); font-weight: 700; font-size: 1.125rem; letter-spacing: -0.01em; }
.price del { order: 2; color: var(--color-subtle); font-size: var(--fs-sm); opacity: 1; }
.price del .woocommerce-Price-amount { font-family: var(--font-body); font-weight: 400; font-size: var(--fs-sm); }
.price ins { text-decoration: none; order: 1; }
.woocommerce-Price-currencySymbol { font-size: 0.82em; margin-inline-end: 1px; }
.pinfo .price .woocommerce-Price-amount, .pinfo .price > .amount { font-size: 2rem; }
.pinfo .price del .woocommerce-Price-amount { font-size: var(--fs-md); }
.qv .price .woocommerce-Price-amount { font-size: 1.5rem; }
.qv__price { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.woocommerce-price-suffix { font-size: var(--fs-xs); color: var(--color-muted); }

/* ---------- Badges & ratings ---------- */
.onsale { position: absolute; top: 14px; inset-inline-start: 14px; z-index: 3; }
.pdp__gallery { position: relative; }
.rating a, .woocommerce-review-link { color: var(--color-muted); }
.star-rating { display: none; } /* replaced by .rating via woocommerce_product_get_rating_html */

/* ---------- Stock ---------- */
.woocommerce .stock { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); font-weight: 500; margin: 0; }
.woocommerce .stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.stock.in-stock { color: var(--color-success); }
.stock.out-of-stock { color: var(--color-danger); }
.stock.available-on-backorder { color: var(--color-warning); }

/* ---------- Notices ---------- */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, .wc-block-components-notice-banner {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; justify-content: space-between; list-style: none;
  margin: 0 0 18px; padding: 14px 16px; border-radius: var(--radius-sm); font-size: var(--fs-sm);
  background: var(--color-surface); border: 1px solid var(--color-border); color: var(--color-text);
}
.woocommerce-message { background: var(--color-success-tint); border-color: #CDE9D9; color: var(--color-success); }
.woocommerce-error { background: var(--color-danger-tint); border-color: #F4CFCB; color: var(--color-danger); flex-direction: column; align-items: flex-start; }
.woocommerce-error li { list-style: none; }
.woocommerce-info { background: var(--color-primary-wash); border-color: #EAE2FF; }
.woocommerce-message .button, .woocommerce-info .button { min-height: 36px; order: 2; }

/* ---------- Forms ---------- */
.woocommerce form .form-row { display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; padding: 0; }
.woocommerce form .form-row label { font-size: var(--fs-sm); font-weight: 500; }
.woocommerce form .form-row .required { color: var(--color-danger); text-decoration: none; border: 0; }
.woocommerce form .form-row .optional { color: var(--color-muted); font-weight: 400; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce .input-text, .woocommerce select {
  width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm);
  background: #fff; font-size: var(--fs-base); color: var(--color-text); transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
.woocommerce .input-text:focus, .woocommerce select:focus, .woocommerce textarea:focus { outline: none; border-color: var(--color-primary); box-shadow: var(--ring); }
.woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: var(--color-danger); }
.woocommerce form .form-row-first, .woocommerce form .form-row-last { width: auto; float: none; }
.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-4);
}
.woocommerce-billing-fields__field-wrapper .form-row-wide, .woocommerce-shipping-fields__field-wrapper .form-row-wide, .woocommerce-address-fields__field-wrapper .form-row-wide,
.woocommerce-EditAccountForm .form-row-wide, .woocommerce-EditAccountForm fieldset, .woocommerce-EditAccountForm > p:last-of-type, .woocommerce-EditAccountForm .clear { grid-column: 1 / -1; }
@media (max-width: 600px) { .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm { grid-template-columns: minmax(0, 1fr); } }
.woocommerce form .input-checkbox, .woocommerce input[type="checkbox"], .woocommerce input[type="radio"] { accent-color: var(--color-primary); width: 18px; height: 18px; }
.woocommerce-form__label-for-checkbox { display: inline-flex !important; align-items: center; gap: 10px; flex-direction: row !important; }
.clear { clear: both; }

/* select2 (country / state) */
.select2-container .select2-selection--single { height: 46px; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); }
.select2-container .select2-selection--single .select2-selection__rendered { line-height: 44px; padding-inline: 14px 34px; color: var(--color-text); }
.select2-container .select2-selection--single .select2-selection__arrow { height: 44px; }
.select2-container--open .select2-selection--single, .select2-container--focus .select2-selection--single { border-color: var(--color-primary); box-shadow: var(--ring); }
.select2-dropdown { border-color: var(--color-border-strong); border-radius: var(--radius-sm); overflow: hidden; }
.select2-results__option--highlighted[aria-selected], .select2-results__option--highlighted[data-selected] { background: var(--color-primary) !important; }

/* ---------- Quantity (enhanced by core.js with +/−) ---------- */
.quantity { display: inline-flex; align-items: center; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: #fff; height: 46px; }
.quantity .qty { width: 46px; height: 100%; border: 0 !important; box-shadow: none !important; text-align: center; font-weight: 600; background: transparent; -moz-appearance: textfield; padding: 0; min-height: 0; }
.quantity .qty::-webkit-outer-spin-button, .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; }
.quantity button { width: 40px; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--color-text); }
.quantity button:hover { color: var(--color-primary); }
.quantity:has(input[type="hidden"]) { display: none; }

/* ---------- Single product ---------- */
.pdp { align-items: start; }
.woocommerce-product-gallery { position: relative; display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 12px; opacity: 1 !important; margin: 0; min-width: 0; }
.woocommerce-product-gallery .flex-viewport,
.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { grid-column: 2; grid-row: 1; width: 100%; height: auto !important; aspect-ratio: 1 / 1; max-height: 640px; border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--color-border); background: var(--color-surface); min-width: 0; }
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { margin: 0 !important; height: 100% !important; }
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image.flex-active-slide { height: 100% !important; min-height: 0 !important; display: flex !important; align-items: center; justify-content: center; background: #fff; overflow: hidden; }
.woocommerce-product-gallery__image > a { width: 100%; height: 100%; display: flex !important; align-items: center; justify-content: center; }
.woocommerce-product-gallery__image img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center !important; padding: 16px; box-sizing: border-box; margin: 0 auto !important; }
/* WooCommerce zoom injects a second absolute image. Keep lightbox/slider, but never let the helper image cover the fitted gallery image. */
.woocommerce-product-gallery__image .zoomImg { display: none !important; }
.woocommerce-product-gallery .flex-control-thumbs { grid-column: 1; grid-row: 1; list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; align-content: start; max-height: 640px; overflow: auto; }
.woocommerce-product-gallery .flex-control-thumbs li { margin: 0; }
.woocommerce-product-gallery .flex-control-thumbs img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; object-position: center; padding: 5px; box-sizing: border-box; border-radius: var(--radius-sm); border: 1px solid var(--color-border); background: #fff; cursor: pointer; opacity: 0.75; transition: opacity var(--dur-fast), border-color var(--dur-fast); }
.woocommerce-product-gallery .flex-control-thumbs img.flex-active, .woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1; border: 2px solid var(--color-primary); }
.woocommerce-product-gallery__trigger { position: absolute; top: 14px; inset-inline-end: 14px; z-index: 4; width: 40px; height: 40px; border-radius: var(--radius-sm); background: #fff; border: 1px solid var(--color-border); display: flex; align-items: center; justify-content: center; font-size: 0; }
.woocommerce-product-gallery__trigger::before { content: ""; width: 18px; height: 18px; background: currentColor; color: var(--color-text); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5M11 8v6M8 11h6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5M11 8v6M8 11h6'/%3E%3C/svg%3E") center / contain no-repeat; }
.woocommerce-product-gallery__trigger img { display: none !important; }
@media (max-width: 767px) {
  .woocommerce-product-gallery { display: block; width: 100%; }
  .woocommerce-product-gallery .flex-viewport,
  .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { width: 100%; height: clamp(280px, 82vw, 340px) !important; min-height: 0 !important; max-height: 340px !important; aspect-ratio: auto; border-radius: 16px; }
  .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper,
  .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { height: 100% !important; }
  .woocommerce-product-gallery__image,
  .woocommerce-product-gallery__image.flex-active-slide { height: clamp(280px, 82vw, 340px) !important; min-height: 0 !important; max-height: 340px !important; }
  .woocommerce-product-gallery__image img { width: 100% !important; height: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center !important; padding: 10px; }
  .woocommerce-product-gallery .flex-control-thumbs { display: flex !important; flex-wrap: nowrap; gap: 8px; width: 100%; max-height: none; margin: 12px 0 0; padding: 0 0 4px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
  .woocommerce-product-gallery .flex-control-thumbs li { flex: 0 0 64px; width: 64px !important; margin: 0 !important; scroll-snap-align: start; }
  .woocommerce-product-gallery .flex-control-thumbs img { width: 64px !important; height: 64px !important; aspect-ratio: 1 / 1; object-fit: contain !important; padding: 4px; }
}
@media (max-width: 390px) {
  .woocommerce-product-gallery .flex-viewport,
  .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper,
  .woocommerce-product-gallery__image,
  .woocommerce-product-gallery__image.flex-active-slide { height: clamp(270px, 80vw, 310px) !important; max-height: 310px !important; }
  .woocommerce-product-gallery .flex-control-thumbs li { flex-basis: 58px; width: 58px !important; }
  .woocommerce-product-gallery .flex-control-thumbs img { width: 58px !important; height: 58px !important; }
}
@media (min-width: 768px) and (max-width: 1023px) { .pdp__gallery { position: static; } }
@media (min-width: 1024px) { .pdp__gallery { position: sticky; top: calc(var(--header-h) + 70px); } }

.pinfo .product_title { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); font-weight: 700; letter-spacing: -0.02em; margin: 0; }
.pinfo .woocommerce-product-details__short-description { color: var(--color-muted); }
.pinfo .woocommerce-product-details__short-description ul { padding-inline-start: 18px; display: grid; gap: 4px; }
.pinfo form.cart { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr); gap: 10px; align-items: stretch; margin: 0; }
.pinfo form.cart .quantity { height: 52px; }
.pinfo form.cart .single_add_to_cart_button { min-height: 52px; font-size: 0.9375rem; }
.pinfo form.cart .ggu-buy-now { background: var(--color-dark); border-color: var(--color-dark); color: #fff; }
.pinfo form.cart .ggu-buy-now:hover { background: var(--color-dark-deep); color: #fff; }
.pinfo form.cart.variations_form { display: block; }
.pinfo form.cart .woocommerce-variation-add-to-cart { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr); gap: 10px; margin-top: 12px; }
.pinfo form.cart.grouped_form { display: block; }
.pinfo form.cart .group_table { width: 100%; margin-bottom: 12px; }
@media (max-width: 600px) {
  .pinfo form.cart, .pinfo form.cart .woocommerce-variation-add-to-cart { grid-template-columns: auto minmax(0, 1fr); }
  .pinfo form.cart .ggu-buy-now { grid-column: 1 / -1; }
}
table.variations { width: 100%; border-collapse: collapse; margin-bottom: 4px; }
table.variations th, table.variations td { display: block; padding: 0; text-align: start; }
table.variations th label { font-size: var(--fs-sm); font-weight: 600; }
table.variations td { padding-bottom: 12px; }
table.variations select { max-width: 360px; }
.reset_variations { display: inline-block; margin-top: 6px; font-size: var(--fs-sm); }
.woocommerce-variation-price .price { margin: 8px 0; }
.single_variation_wrap .woocommerce-variation-availability { margin-bottom: 6px; }
.product_meta { display: grid; gap: 4px; font-size: var(--fs-sm); color: var(--color-muted); }
.product_meta a { color: var(--color-muted); text-decoration: underline; text-underline-offset: 2px; }
.pinfo__policy { margin-top: -4px; }

/* Tabs */
.woocommerce-tabs { margin-top: var(--space-section); }
.woocommerce-tabs ul.tabs { list-style: none; margin: 0; padding: 0; display: flex; gap: 28px; border-bottom: 1px solid var(--color-border); overflow-x: auto; scrollbar-width: none; }
.woocommerce-tabs ul.tabs li { margin: 0; }
.woocommerce-tabs ul.tabs li a { display: flex; align-items: center; height: 50px; color: var(--color-muted); font-family: var(--font-heading); font-weight: 600; border-bottom: 2px solid transparent; white-space: nowrap; }
.woocommerce-tabs ul.tabs li.active a { color: var(--color-text); border-bottom-color: var(--color-primary); }
.woocommerce-tabs .panel { padding-top: var(--space-6); max-width: 900px; margin: 0; }
.woocommerce-Tabs-panel--description p + p { margin-top: 12px; }
table.woocommerce-product-attributes { width: 100%; border-collapse: collapse; border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; font-size: var(--fs-sm); }
table.woocommerce-product-attributes th, table.woocommerce-product-attributes td { text-align: start; padding: 12px 14px; border-bottom: 1px solid var(--color-border); vertical-align: top; }
table.woocommerce-product-attributes th { width: 34%; background: var(--color-surface); font-weight: 600; }
table.woocommerce-product-attributes td p { margin: 0; }
table.woocommerce-product-attributes tr:last-child th, table.woocommerce-product-attributes tr:last-child td { border-bottom: 0; }

/* Reviews */
#reviews .woocommerce-Reviews-title { font-size: 1.25rem; margin-bottom: 16px; }
#reviews ol.commentlist { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 14px; }
#reviews ol.commentlist li .comment_container { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
#reviews ol.commentlist img.avatar { border-radius: 50%; width: 48px; height: 48px; }
#reviews .meta { font-size: var(--fs-sm); color: var(--color-muted); margin: 4px 0 8px; }
#review_form_wrapper { padding: 20px; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
#review_form .comment-reply-title { display: block; font-family: var(--font-heading); font-weight: 700; font-size: 1.125rem; margin-bottom: 12px; }
#review_form .comment-form { display: grid; gap: 12px; }
#review_form input:not([type="submit"]):not([type="checkbox"]), #review_form textarea { width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); }
#review_form #submit { min-height: 44px; padding: 0 20px; border: 0; border-radius: var(--radius-sm); background: var(--color-primary); color: #fff; font-family: var(--font-heading); font-weight: 600; cursor: pointer; }
p.stars { margin: 4px 0 0; }
p.stars span { display: inline-flex; gap: 4px; }
p.stars a { position: relative; width: 26px; height: 26px; font-size: 0; color: transparent; text-decoration: none; }
p.stars a::before { content: "★"; position: absolute; inset: 0; font-size: 24px; line-height: 26px; color: var(--color-border-strong); }
p.stars:hover a::before, p.stars.selected a::before { color: #F2A413; }
p.stars:hover a:hover ~ a::before, p.stars.selected a.active ~ a::before { color: var(--color-border-strong); }

/* ---------- Cart ---------- */
.store-content .woocommerce { display: block; }
.woocommerce-cart .store-content > .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: var(--space-8); align-items: start; }
.woocommerce-cart .store-content > .woocommerce > .woocommerce-notices-wrapper, .woocommerce-cart .store-content > .woocommerce > .cart-empty,
.woocommerce-cart .store-content > .woocommerce > .empty, .woocommerce-cart .store-content > .woocommerce > .section { grid-column: 1 / -1; }
.woocommerce-cart .return-to-shop { display: none; }
table.shop_table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; font-size: var(--fs-sm); }
table.shop_table th, table.shop_table td { padding: 14px 16px; text-align: start; border-bottom: 1px solid var(--color-border); vertical-align: middle; }
table.shop_table thead th { background: var(--color-surface); font-size: var(--fs-xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-muted); font-weight: 600; }
table.shop_table tbody tr:last-child td, table.shop_table tfoot tr:last-child th, table.shop_table tfoot tr:last-child td { border-bottom: 0; }
table.cart .product-thumbnail img { width: 84px; height: 84px; object-fit: cover; border-radius: var(--radius-sm); background: var(--color-surface); }
table.cart .product-name a { color: var(--color-text); font-weight: 500; }
table.cart .product-name .variation { display: grid; grid-template-columns: auto 1fr; gap: 2px 6px; margin: 4px 0 0; font-size: var(--fs-xs); color: var(--color-muted); }
table.cart .product-name .variation dd, table.cart .product-name .variation p { margin: 0; }
table.cart .product-subtotal { font-family: var(--font-heading); font-weight: 700; }
table.cart a.remove { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: var(--radius-sm); border: 1px solid var(--color-border); color: var(--color-subtle) !important; font-size: 20px; line-height: 1; }
table.cart a.remove:hover { border-color: var(--color-danger); color: var(--color-danger) !important; }
table.cart td.actions { background: var(--color-surface); }
table.cart td.actions .coupon { display: inline-flex; gap: 8px; align-items: center; }
table.cart td.actions .coupon label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
table.cart td.actions .coupon .input-text { width: 180px; min-height: 44px; }
table.cart td.actions > .button { float: inline-end; }
.cart-collaterals { position: sticky; top: calc(var(--header-h) + 70px); }
.cart_totals { border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 22px; background: #fff; box-shadow: var(--shadow-md); }
.cart_totals h2 { font-size: 1.25rem; margin-bottom: 12px; }
.cart_totals table.shop_table { border: 0; }
.cart_totals table.shop_table th, .cart_totals table.shop_table td { padding: 10px 0; }
.cart_totals .order-total .amount { font-family: var(--font-heading); font-size: 1.5rem; }
.wc-proceed-to-checkout { margin-top: 14px; }
.wc-proceed-to-checkout .checkout-button { width: 100%; min-height: 52px; font-size: 0.9375rem; }
.woocommerce-shipping-methods { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.woocommerce-shipping-calculator { font-size: var(--fs-sm); }
.cross-sells ul.products { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
@media (max-width: 1023px) {
  .woocommerce-cart .store-content > .woocommerce { grid-template-columns: minmax(0, 1fr); }
  .cart-collaterals { position: static; }
}
@media (max-width: 767px) {
  table.shop_table_responsive thead { display: none; }
  table.shop_table_responsive tr { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 4px 14px; padding: 14px; border-bottom: 1px solid var(--color-border); position: relative; }
  table.shop_table_responsive td { display: block; border: 0; padding: 0; }
  table.shop_table_responsive td::before { content: attr(data-title) ": "; color: var(--color-muted); font-size: var(--fs-xs); }
  table.cart td.product-remove { position: absolute; top: 12px; inset-inline-end: 12px; }
  table.cart td.product-remove::before, table.cart td.product-thumbnail::before, table.cart td.product-name::before, table.cart td.actions::before { display: none; }
  table.cart td.product-thumbnail { grid-row: span 4; }
  table.cart td.product-thumbnail img { width: 72px; height: 72px; }
  table.cart td.product-name { padding-inline-end: 44px; }
  table.cart td.actions { grid-column: 1 / -1; display: grid; gap: 10px; }
  table.cart td.actions .coupon { display: flex; }
  table.cart td.actions .coupon .input-text { width: auto; flex: 1; }
  table.cart td.actions > .button { float: none; width: 100%; }
}

/* ---------- Checkout ---------- */
form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 0 var(--space-8); align-items: start; }
form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 3; display: grid; gap: var(--space-5); }
form.checkout #customer_details .col-1, form.checkout #customer_details .col-2 { width: auto; float: none; border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: clamp(18px, 2.5vw, 28px); }
form.checkout #customer_details h3 { font-size: 1.25rem; margin-bottom: 16px; }
form.checkout #order_review_heading { grid-column: 2; font-size: 1.25rem; margin: 0; padding: 22px 22px 0; border: 1px solid var(--color-border); border-bottom: 0; border-radius: var(--radius-lg) var(--radius-lg) 0 0; background: #fff; }
form.checkout #order_review { grid-column: 2; padding: 12px 22px 22px; border: 1px solid var(--color-border); border-top: 0; border-radius: 0 0 var(--radius-lg) var(--radius-lg); background: #fff; box-shadow: var(--shadow-md); position: sticky; top: calc(var(--header-h) + 70px); }
#order_review table.shop_table { border: 0; }
#order_review table.shop_table th, #order_review table.shop_table td { padding: 10px 0; }
#order_review .order-total .amount { font-family: var(--font-heading); font-size: 1.5rem; }
#payment { margin-top: 16px; }
#payment ul.payment_methods { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 10px; }
#payment ul.payment_methods > li { padding: 14px 16px; border: 1px solid var(--color-border-strong); border-radius: var(--radius-md); }
#payment ul.payment_methods > li:has(input:checked) { border: 2px solid var(--color-primary); background: var(--color-primary-wash); padding: 13px 15px; }
#payment ul.payment_methods > li > label { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: var(--fs-sm); cursor: pointer; }
#payment ul.payment_methods > li img { max-height: 24px; width: auto; display: inline-block; }
#payment .payment_box { margin-top: 10px; font-size: var(--fs-sm); color: var(--color-muted); }
#payment .place-order { display: grid; gap: 12px; }
#payment #place_order { width: 100%; min-height: 54px; font-size: 1rem; }
.woocommerce-privacy-policy-text { font-size: var(--fs-xs); color: var(--color-muted); }
.woocommerce-terms-and-conditions-wrapper .form-row { flex-direction: row; }
.woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce-form-login-toggle .woocommerce-info { margin-bottom: 14px; }
form.checkout_coupon, form.woocommerce-form-login { padding: 18px; border: 1px solid var(--color-border); border-radius: var(--radius-md); margin-bottom: 18px; }
@media (max-width: 1023px) {
  form.checkout { grid-template-columns: minmax(0, 1fr); }
  form.checkout #customer_details, form.checkout #order_review_heading, form.checkout #order_review { grid-column: 1; grid-row: auto; }
  form.checkout #order_review_heading { margin-top: var(--space-5); }
  form.checkout #order_review { position: static; }
}

/* Order received / view order */
ul.woocommerce-order-overview { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
ul.woocommerce-order-overview li { padding: 14px; border: 1px solid var(--color-border); border-radius: var(--radius-md); font-size: var(--fs-xs); color: var(--color-muted); }
ul.woocommerce-order-overview li strong { display: block; margin-top: 4px; font-size: var(--fs-md); color: var(--color-text); font-family: var(--font-heading); }
.woocommerce-thankyou-order-received { font-family: var(--font-heading); font-size: 1.375rem; font-weight: 700; margin-bottom: 18px; color: var(--color-success); }
.woocommerce-order-details, .woocommerce-customer-details { margin-top: var(--space-8); }
.woocommerce-customer-details address { font-style: normal; padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-md); }

/* ---------- My Account ---------- */
.woocommerce-account .store-content > .woocommerce { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: var(--space-8); align-items: start; }
.woocommerce-account .store-content > .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.woocommerce-MyAccount-navigation { width: auto; float: none; border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: 8px; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.woocommerce-MyAccount-navigation a { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: var(--radius-sm); color: var(--color-text); font-weight: 500; font-size: var(--fs-sm); }
.woocommerce-MyAccount-navigation a:hover { background: var(--color-surface); color: var(--color-text); }
.woocommerce-MyAccount-navigation .is-active a { background: var(--color-primary-tint); color: #5A2BC2; }
.woocommerce-MyAccount-content { width: auto; float: none; min-width: 0; }
.woocommerce-MyAccount-content > p:first-child { color: var(--color-muted); }
.woocommerce-MyAccount-content table.shop_table { margin-top: 12px; }
.woocommerce-orders-table .button { min-height: 34px; padding: 0 12px; font-size: var(--fs-xs); }
.woocommerce-Addresses { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin-top: 14px; }
.woocommerce-Address { padding: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.woocommerce-Address-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.woocommerce-Address-title h2 { font-size: var(--fs-md); }
.woocommerce-Address address { font-style: normal; color: var(--color-muted); }
.woocommerce-EditAccountForm fieldset { border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: 16px; margin: 8px 0 16px; }
.woocommerce-EditAccountForm legend { font-weight: 600; padding: 0 6px; }
/* Login / register */
.woocommerce-account:not(.logged-in) .store-content > .woocommerce { display: block; }
.u-columns.col2-set { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.u-columns .u-column1, .u-columns .u-column2 { width: auto; float: none; border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: clamp(20px, 3vw, 32px); }
.u-columns h2 { font-size: 1.375rem; margin-bottom: 16px; }
form.woocommerce-form-login .button, form.woocommerce-form-register .button { min-height: 50px; width: 100%; background: var(--color-primary); border-color: var(--color-primary); color: #fff; margin-top: 6px; }
.woocommerce-LostPassword { font-size: var(--fs-sm); margin-top: 10px; }
@media (max-width: 1023px) {
  .woocommerce-account .store-content > .woocommerce { grid-template-columns: minmax(0, 1fr); }
  .woocommerce-MyAccount-navigation ul { grid-auto-flow: column; overflow-x: auto; grid-auto-columns: max-content; }
}
@media (max-width: 767px) { .u-columns.col2-set { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Mini cart (woocommerce_mini_cart) ---------- */
.woocommerce-mini-cart { list-style: none; margin: 0; padding: 0; }
.woocommerce-mini-cart-item { position: relative; display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 4px 12px; padding: 14px 48px 14px 18px; border-bottom: 1px solid var(--color-border); font-size: var(--fs-sm); }
.woocommerce-mini-cart-item > a:not(.remove) { display: contents; color: var(--color-text); font-weight: 500; }
.woocommerce-mini-cart-item img { grid-row: span 3; width: 72px; height: 72px; object-fit: cover; border-radius: var(--radius-sm); background: var(--color-surface); }
.woocommerce-mini-cart-item .variation { display: grid; grid-template-columns: auto 1fr; gap: 2px 6px; font-size: var(--fs-xs); color: var(--color-muted); margin: 0; }
.woocommerce-mini-cart-item .variation dd, .woocommerce-mini-cart-item .variation p { margin: 0; }
.woocommerce-mini-cart-item .quantity { border: 0; height: auto; font-family: var(--font-heading); font-weight: 700; display: block; }
.woocommerce-mini-cart-item a.remove { position: absolute; top: 12px; inset-inline-end: 14px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-sm); color: var(--color-subtle) !important; font-size: 20px; }
.woocommerce-mini-cart-item a.remove:hover { color: var(--color-danger) !important; background: var(--color-danger-tint); }
.woocommerce-mini-cart__total { display: flex; justify-content: space-between; align-items: baseline; padding: 16px 18px 6px; margin: 0; font-weight: 600; }
.woocommerce-mini-cart__total .amount { font-family: var(--font-heading); font-size: 1.25rem; }
.woocommerce-mini-cart__buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 10px 18px calc(18px + env(safe-area-inset-bottom)); margin: 0; }
.woocommerce-mini-cart__buttons .button { width: 100%; }
.woocommerce-mini-cart__empty-message { margin: 18px; padding: 40px 20px; text-align: center; border: 1px dashed var(--color-border-strong); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-muted); }
.widget_shopping_cart_content { display: flex; flex-direction: column; }

/* ---------- Archive: result count, ordering, pagination ---------- */
.woocommerce-result-count { margin: 0; font-size: var(--fs-sm); color: var(--color-muted); }
.woocommerce-ordering { margin: 0; }
.woocommerce-ordering select, .toolbar__per select { min-height: 40px; height: 40px; padding: 0 34px 0 12px; font-size: var(--fs-sm); width: auto; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6B7A' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center; }
.woocommerce-pagination { margin-top: var(--space-8); }
.woocommerce-pagination ul.page-numbers { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; }
.woocommerce-pagination .page-numbers li { margin: 0; }
.woocommerce-pagination .page-numbers a, .woocommerce-pagination .page-numbers span { min-width: 42px; height: 42px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-sm); border: 1px solid var(--color-border); color: var(--color-text); font-weight: 600; font-size: var(--fs-sm); background: #fff; }
.woocommerce-pagination .page-numbers a:hover { border-color: var(--color-primary); color: var(--color-primary); }
.woocommerce-pagination .page-numbers span.current { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
.fgroup { border: 0; margin: 0; padding: 16px 0; border-bottom: 1px solid var(--color-border); min-width: 0; }
.fgroup__title { font-family: var(--font-heading); font-weight: 700; font-size: 14px; margin-bottom: 10px; padding: 0; }
.fgroup .check .stars { margin-inline-end: 4px; }
.term-description, .page-description { color: var(--color-muted); margin-top: 8px; max-width: 64ch; }
.term-description p { margin: 0; }
.cat-hero img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-md); }
.subcats .chip .icon { margin-inline-end: 2px; }

/* blockUI overlay WooCommerce uses on cart/checkout updates */
.blockUI.blockOverlay { background: rgba(255, 255, 255, 0.6) !important; }
