/* Final shop archive geometry: 6 products as a balanced 3x2 grid beside filters. */
.woocommerce-shop .shop-content-grid,
.post-type-archive-product .shop-content-grid,
.tax-product_cat .shop-content-grid,
.tax-product_tag .shop-content-grid {
  grid-template-columns: minmax(220px, 250px) minmax(0, 1fr);
  gap: clamp(16px, 1.5vw, 24px);
}

.woocommerce-shop .dark-shop-main ul.products,
.post-type-archive-product .dark-shop-main ul.products,
.tax-product_cat .dark-shop-main ul.products,
.tax-product_tag .dark-shop-main ul.products {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.25vw, 18px) !important;
}

.woocommerce-shop .dark-product-card__image-wrap,
.post-type-archive-product .dark-product-card__image-wrap,
.tax-product_cat .dark-product-card__image-wrap,
.tax-product_tag .dark-product-card__image-wrap {
  aspect-ratio: 1 / 1.06;
}

@media (max-width: 1100px) {
  .woocommerce-shop .shop-content-grid,
  .post-type-archive-product .shop-content-grid,
  .tax-product_cat .shop-content-grid,
  .tax-product_tag .shop-content-grid {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 14px;
  }

  .woocommerce-shop .dark-shop-main ul.products,
  .post-type-archive-product .dark-shop-main ul.products,
  .tax-product_cat .dark-shop-main ul.products,
  .tax-product_tag .dark-shop-main ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 900px) {
  .woocommerce-shop .shop-content-grid,
  .post-type-archive-product .shop-content-grid,
  .tax-product_cat .shop-content-grid,
  .tax-product_tag .shop-content-grid {
    grid-template-columns: 1fr;
  }

  .woocommerce-shop .dark-shop-main ul.products,
  .post-type-archive-product .dark-shop-main ul.products,
  .tax-product_cat .dark-shop-main ul.products,
  .tax-product_tag .dark-shop-main ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

@media (max-width: 680px) {
  .woocommerce-checkout .site-content .ast-container,
  .woocommerce-checkout .dark-checkout-container {
    padding: 16px 12px 56px !important;
  }

  .woocommerce-checkout .entry-content > .woocommerce,
  .woocommerce-checkout .wp-block-woocommerce-checkout {
    padding: 18px 14px 28px !important;
  }
}

