/* ==========================================================================
   T-04a — impulse-tier PDP (₹200 keychains and magnets).
   Optimised for basket size: reviews on the page, related pieces prominent.
   ========================================================================== */

.esmaric-pdp {
  max-width: var(--es-container);
  margin: 0 auto;
  padding: var(--es-space-6) 48px var(--es-space-8);
}

.esmaric-pdp__main {
  display: grid; grid-template-columns: 1.1fr 1fr;
  gap: var(--es-space-7);
  align-items: start;
}

/* — gallery — */
.esmaric-pdp__media { position: relative; }
.esmaric-pdp__media .woocommerce-product-gallery__image,
.esmaric-pdp__media img { border: 1px solid var(--es-rule); }
.esmaric-pdp__media .flex-control-thumbs {
  list-style: none; margin: 12px 0 0; padding: 0;
  display: flex; gap: 10px; flex-wrap: wrap;
}
.esmaric-pdp__media .flex-control-thumbs img { width: 72px; height: 72px; object-fit: cover; cursor: pointer; opacity: 0.7; }
.esmaric-pdp__media .flex-control-thumbs img.flex-active,
.esmaric-pdp__media .flex-control-thumbs img:hover { opacity: 1; }

/* — summary — */
.esmaric-pdp__summary { display: flex; flex-direction: column; gap: var(--es-space-4); }
.esmaric-pdp__summary .product_title { font-size: clamp(26px, 3vw, 36px); }
.esmaric-pdp__summary .price { font-size: 24px; }
.esmaric-pdp__summary .woocommerce-product-details__short-description {
  font-family: var(--es-font-display);
  font-size: 16.5px; line-height: 1.7; color: var(--es-ink-soft);
}

/* — add to cart — */
.esmaric-pdp form.cart { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; }
.esmaric-pdp form.cart .quantity input.qty {
  width: 76px; min-height: 48px; text-align: center;
  font: inherit; font-weight: 600; font-variant-numeric: tabular-nums;
  background: var(--es-paper); color: var(--es-ink);
  border: 1px solid var(--es-rule); border-radius: var(--es-radius);
}
.esmaric-pdp form.cart .single_add_to_cart_button {
  flex: 1; min-height: 48px; cursor: pointer;
  font-family: var(--es-font-body); font-weight: 500;
  font-size: 11.5px; letter-spacing: 0.22em; text-transform: uppercase;
  background: var(--es-umber-800); color: var(--es-umber-100);
  border: 1px solid var(--es-umber-800); border-radius: var(--es-radius);
  padding: 0 30px;
}
.esmaric-pdp form.cart .single_add_to_cart_button:hover { background: var(--es-umber-900); }

.esmaric-pdp__nudges {
  border-top: 1px solid var(--es-rule);
  padding-top: var(--es-space-4);
}

/* — reviews on the page — */
.esmaric-pdp #reviews { margin-top: var(--es-space-8); border-top: 1px solid var(--es-rule); padding-top: var(--es-space-6); }
.esmaric-pdp #reviews .commentlist { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--es-space-4); }

/* — related / cross-sell — */
.esmaric-pdp .related.products,
.esmaric-pdp section.related { margin-top: var(--es-space-8); }
.esmaric-pdp .related > h2 { font-size: 24px; margin-bottom: var(--es-space-4); }
.esmaric-pdp ul.products {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: var(--es-space-5) var(--es-space-4);
}

@media (max-width: 900px) {
  .esmaric-pdp { padding: var(--es-space-4) 20px var(--es-space-7); }
  .esmaric-pdp__main { grid-template-columns: 1fr; gap: var(--es-space-5); }
  .esmaric-pdp ul.products { grid-template-columns: repeat(2, 1fr); }
}