/* Pretty Nad — WooCommerce Styles */

/* ── SHOP PAGE ────────────────────────────────────────── */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 36px 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 1200px) { .woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 800px)  { .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; } }

.woocommerce ul.products li.product {
  display: flex !important; flex-direction: column !important; gap: 12px !important;
  margin: 0 !important; padding: 0 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link { text-decoration: none !important; color: inherit !important; }
.woocommerce ul.products li.product img {
  border-radius: 16px !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  width: 100% !important;
  margin: 0 !important;
  transition: transform 500ms cubic-bezier(0.33,1,0.68,1) !important;
}
.woocommerce ul.products li.product:hover img { transform: scale(1.04) !important; }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px !important; font-weight: 600 !important;
  color: #222222 !important; padding: 0 !important; margin: 0 !important;
}
.woocommerce ul.products li.product .price {
  font-size: 15px !important; font-weight: 600 !important;
  color: #222222 !important;
}

/* ── SINGLE PRODUCT ───────────────────────────────────── */
.woocommerce div.product .woocommerce-product-gallery { border-radius: 16px; overflow: hidden; }
.woocommerce div.product .entry-title {
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}
.woocommerce div.product p.price {
  font-size: 24px !important; font-weight: 700 !important; color: #222222 !important;
}

/* ── CART & CHECKOUT ──────────────────────────────────── */
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button,
.checkout-button, .wc-proceed-to-checkout .checkout-button {
  background: #ff385c !important;
  border-radius: 32px !important;
  border: none !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

/* ── NOTICES ──────────────────────────────────────────── */
.woocommerce-message, .wc-block-components-notice-banner {
  border-left-color: #ff385c !important;
  border-radius: 8px !important;
}
.woocommerce-error { border-left-color: #c13515 !important; border-radius: 8px !important; }

/* ── MINI CART DRAWER ─────────────────────────────────── */
.wc-block-cart-items__header, .wc-block-mini-cart__title { font-weight: 700 !important; }
.wc-block-mini-cart__footer-actions .checkout-button {
  background: #ff385c !important;
  border-radius: 24px !important;
  font-weight: 600 !important;
}

/* ── QUANTITY ─────────────────────────────────────────── */
.quantity .qty {
  border: 1px solid #dddddd !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center !important;
  width: 80px !important;
}

/* ── PRODUCT TABS ─────────────────────────────────────── */
.woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: 1px solid #dddddd !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #222222 !important; font-weight: 600 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px !important; font-weight: 500 !important; }