/* EmbroLab — product details. Ported from embrolab-html/product-details.html.
   Header / footer / base come from embrolab.css (loaded first). */

:root{
  --color-maroon: #7a1f2b;
  --color-maroon-soft-03: rgba(122,31,43,0.03);
  --color-maroon-soft-10: rgba(122,31,43,0.1);
  --color-nav-bg: #f1ebe7;
  --color-surface-bg: #f8f8f8;
  --color-page-bg: #ffffff;
  --color-icon-bg: #ede5e1;
  --color-text-dark: #111111;
  --color-text-muted-60: rgba(17,17,17,0.6);
  --color-text-muted-70: rgba(17,17,17,0.7);
  --color-text-muted-80: rgba(17,17,17,0.8);
  --color-border-light: rgba(17,17,17,0.2);
  --color-white: #ffffff;

  /* Product-page-specific colors */
  --color-panel-beige: #f1ebe7;
  --color-price-current: #7a1f2b;
  --color-price-strike: #707070;
  --color-save-badge: #009d52;
  --color-size-selected: #92251f;
  --color-discount-tag: #a11a39;
  --color-whatsapp-green: #00a93f;
  --color-gold: #d4a017;

  --font-primary: 'Roboto', sans-serif;
  --font-footer-heading: 'Host Grotesk', sans-serif;
  --font-footer-tagline: 'Inter Tight', sans-serif;

  --fs-xs: 0.875rem;
  --fs-sm: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.25rem;
  --fs-4xl: 2.5rem;

  --container-max: 1720px;
  --radius-pill: 100px;
  --radius-card: 20px;
}

/* =========================================================
   PAGE LAYOUT / SHARED SECTION WRAPPER
   ========================================================= */
.pdp-section{
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 3.75rem 1.25rem;
  overflow-x: clip;
}
.pdp-section--beige{
  max-width: none;
  background: var(--color-panel-beige);
  padding: 3.75rem 1.25rem;
  overflow-x: clip;
}
.pdp-section--beige > .pdp-section__inner{
  max-width: var(--container-max);
  margin: 0 auto;
}
.pdp-heading-group{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
  max-width: 30rem;
  margin: 0 auto 3.75rem;
}
.pdp-heading-group__title{
  font-size: var(--fs-4xl);
  font-weight: 600;
  line-height: 1.25;
  color: var(--color-text-dark);
  text-transform: capitalize;
}
.pdp-heading-group__subtitle{
  font-size: var(--fs-md);
  color: var(--color-text-dark);
}

/* =========================================================
   HERO — GALLERY + PRODUCT INFO
   ========================================================= */
.pdp-hero{
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  flex-wrap: wrap;
}

.pdp-gallery{
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  flex: 1 1 45rem;
  min-width: 20rem;
}
.pdp-gallery__main{
  position: relative;
  width: 100%;
  aspect-ratio: 800 / 614;
  border-radius: var(--radius-card);
  overflow: hidden;
  background: linear-gradient(90deg, #e0dad5, #c9c3bb);
}
.pdp-gallery__main img{ width: 100%; height: 100%; object-fit: cover; }

.pdp-gallery__thumbs{
  display: flex;
  gap: 1rem;
}
.pdp-gallery__thumb{
  position: relative;
  flex: 1 1 0;
  aspect-ratio: 147 / 132;
  border-radius: 1rem;
  overflow: hidden;
  border: none;
  padding: 0;
  cursor: pointer;
  background-size: cover;
  background-position: center;
}
.pdp-gallery__thumb img{ width: 100%; height: 100%; object-fit: cover; }
.pdp-gallery__thumb--active{ outline: 3px solid var(--color-maroon); outline-offset: -3px; }

.pdp-info{
  flex: 1 1 40rem;
  min-width: 20rem;
  background: var(--color-surface-bg);
  border-radius: var(--radius-card);
  padding: 3.75rem 3.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.pdp-info__top{
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.pdp-info__heading{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.pdp-info__title{
  font-size: var(--fs-3xl);
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: -0.02em;
  color: var(--color-text-dark);
  text-transform: capitalize;
}
.pdp-price-row{
  display: flex;
  align-items: flex-end;
  gap: 0.4375rem;
  flex-wrap: wrap;
}
.pdp-price-row__current{
  font-size: var(--fs-3xl);
  font-weight: 700;
  color: var(--color-price-current);
  line-height: 1.3;
}
.pdp-price-row__original{
  font-size: var(--fs-lg);
  color: var(--color-price-strike);
  text-decoration: line-through;
  line-height: 1.3;
}
.pdp-save-badge{
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
  background: var(--color-save-badge);
  color: var(--color-white);
  font-size: var(--fs-xs);
  font-weight: 500;
  letter-spacing: -0.02em;
  padding: 0.4375rem 0.5625rem;
  border-radius: var(--radius-pill);
  line-height: 1.6;
}

.pdp-option-group{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  position: relative;
}
.pdp-option-group__label{
  font-size: var(--fs-lg);
  font-weight: 500;
  color: var(--color-text-dark);
}
.pdp-size-options{
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.pdp-size-option{
  border: 1px solid var(--color-border-light);
  border-radius: 1.5rem;
  padding: 0.8125rem 2.125rem;
  font-size: var(--fs-lg);
  letter-spacing: -0.02em;
  background: var(--color-white);
  color: var(--color-text-dark);
  text-transform: capitalize;
}
.pdp-size-option--selected{
  background: var(--color-size-selected);
  border-color: rgba(0,0,0,0.2);
  color: var(--color-white);
}
.pdp-size-option--compact{ padding: 0.8125rem 1.0625rem; }
.pdp-size-option--disabled{
  color: rgba(17,17,17,0.4);
  text-decoration: line-through;
  cursor: not-allowed;
}

.pdp-info__divider{
  border: none;
  border-top: 1px solid rgba(17,17,17,0.1);
  margin: 0;
  width: 100%;
}
.pdp-size-chart-link{
  display: flex;
  align-items: center;
  gap: 0.4375rem;
}
.pdp-size-chart-link img,
.pdp-size-chart-link svg{ width: 22px; height: 22px; object-fit: contain; flex-shrink: 0; color: var(--color-maroon); }
.pdp-size-chart-link span{
  font-weight: 500;
  font-size: var(--fs-sm);
  color: var(--color-text-dark);
  text-decoration: underline;
}

.pdp-color-options{
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.pdp-color-swatch{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid var(--swatch-border, rgba(0,0,0,0.2));
  background: var(--swatch-color, #ccc);
  padding: 0;
  cursor: pointer;
  position: relative;
}
.pdp-color-swatch--selected{
  width: 51px;
  height: 51px;
  background: var(--color-white);
  border: 1px solid var(--swatch-color, #ccc);
}
.pdp-color-swatch--selected::after{
  content: "";
  position: absolute;
  top: 9px; right: 9px; bottom: 9px; left: 9px;
  border-radius: 50%;
  background: var(--swatch-color, #ccc);
  border: 3px solid var(--swatch-border, rgba(0,0,0,0.2));
}

.pdp-main-badge{
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  background: var(--color-discount-tag);
  color: var(--color-white);
  font-size: var(--fs-sm);
  font-weight: 600;
  letter-spacing: -0.02em;
  padding: 0.375rem 0.5625rem;
  border-radius: var(--radius-pill);
  line-height: 1.6;
}

.pdp-actions-row{
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.pdp-qty{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  height: 56px;
  width: 9.625rem;
  border: 1px solid rgba(18,18,18,0.1);
  border-radius: var(--radius-pill);
  background: var(--color-white);
}
.pdp-qty__btn{
  border: none;
  background: transparent;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-dark);
  font-size: 1.25rem;
  line-height: 1;
}
.pdp-qty__value{
  font-family: var(--font-footer-heading);
  font-weight: 500;
  font-size: var(--fs-md);
  color: #121212;
}
.btn-add-to-cart{
  height: 56px;
  padding: 0.875rem 1.875rem;
  border-radius: var(--radius-pill);
  background: var(--color-white);
  border: 1px solid var(--color-border-light);
  font-weight: 600;
  font-size: var(--fs-sm);
  color: var(--color-text-dark);
}
.btn-whatsapp-circle{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: none;
  padding: 0;
  flex-shrink: 0;
  background: transparent;
}
.btn-whatsapp-circle img{ width: 100%; height: 100%; object-fit: contain; }

.btn-order-now{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  width: 100%;
  background: var(--color-maroon);
  border: 1px solid rgba(17,17,17,0.1);
  color: var(--color-white);
  border-radius: var(--radius-pill);
  padding: 1.125rem 1.875rem;
}
.btn-order-now span{ font-size: var(--fs-lg); font-weight: 600; }
.btn-order-now img{ width: 14px; height: 28px; object-fit: contain; transform: rotate(90deg); flex-shrink: 0; }

.pdp-stock-note{
  font-size: var(--fs-xs);
  color: var(--color-text-muted-60);
}
.pdp-stock-note--out{ color: var(--color-discount-tag); font-weight: 600; }

/* =========================================================
   TABS + DESCRIPTION + REVIEWS
   ========================================================= */
.pdp-tabs{
  display: inline-flex;
  gap: 0.75rem;
  align-items: center;
  background: var(--color-white);
  border: 1px solid rgba(0,0,0,0.13);
  border-radius: var(--radius-pill);
  padding: 0.625rem;
  margin-bottom: 3.5rem;
  flex-wrap: wrap;
}
.pdp-tab{
  border: 1px solid rgba(17,17,17,0.09);
  background: var(--color-surface-bg);
  border-radius: var(--radius-pill);
  padding: 0.875rem 1.875rem;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--color-text-dark);
  white-space: nowrap;
}
.pdp-tab--active{
  background: var(--color-maroon);
  border-color: var(--color-maroon);
  color: var(--color-white);
}

.pdp-content-block{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 3rem;
}
.pdp-content-block:last-child{ margin-bottom: 0; }
.pdp-content-block[hidden]{ display: none; }
.pdp-content-block__title{
  font-size: var(--fs-2xl);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--color-text-dark);
  text-transform: capitalize;
}
.pdp-content-block__text{
  font-size: var(--fs-sm);
  line-height: 1.625rem;
  color: var(--color-text-muted-80);
  max-width: 62rem;
}
.pdp-content-block__text ul,
.pdp-content-block__text ol{ padding-left: 1.25rem; margin: 0.5rem 0; list-style: revert; }
.pdp-content-block__text img{ border-radius: 0.75rem; margin: 0.5rem 0; }
.pdp-content-block__text p + p{ margin-top: 0.75rem; }

.pdp-reviews-layout{
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}

.pdp-rating-card{
  flex: 0 0 26.375rem;
  background: rgba(255,255,255,0.5);
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.pdp-rating-card__summary{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.pdp-rating-card__score-row{ display: flex; align-items: flex-end; }
.pdp-rating-card__score{
  font-weight: 700;
  font-size: var(--fs-2xl);
  color: var(--color-maroon);
  line-height: 1.3;
}
.pdp-rating-card__score-max{
  font-weight: 500;
  font-size: var(--fs-md);
  color: rgba(17,17,17,0.5);
  line-height: 1.3;
}
.pdp-rating-card__stars{ display: flex; align-items: center; gap: 0.25rem; }
.pdp-rating-card__stars svg{ width: 20px; height: 20px; }
.pdp-rating-card__count{
  font-size: var(--fs-sm);
  line-height: 1.625rem;
  color: var(--color-text-muted-80);
}
.pdp-rating-card__divider{
  border: none;
  border-top: 1px solid rgba(17,17,17,0.1);
  margin: 0;
  width: 100%;
}
.pdp-rating-breakdown{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.pdp-rating-breakdown__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.pdp-rating-breakdown__stars{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
}
.pdp-rating-breakdown__stars span{ font-weight: 500; font-size: var(--fs-lg); color: #000000; }
.pdp-rating-breakdown__stars svg{ width: 14px; height: 14px; }
.pdp-rating-breakdown__bar{
  flex: 1 1 auto;
  height: 5px;
  border-radius: 2.5rem;
  background: rgba(122,31,43,0.1);
  overflow: hidden;
}
.pdp-rating-breakdown__bar-fill{
  height: 100%;
  border-radius: 2.5rem;
  background: var(--color-maroon);
}
.pdp-rating-breakdown__count{
  font-size: var(--fs-sm);
  color: #000000;
  white-space: nowrap;
  flex-shrink: 0;
}
.pdp-write-review{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.pdp-write-review__text{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pdp-write-review__text h3{
  font-size: 1.625rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--color-text-dark);
  text-transform: capitalize;
  margin: 0;
}
.pdp-write-review__text p{
  font-size: var(--fs-sm);
  line-height: 1.625rem;
  color: var(--color-text-muted-80);
}
.pdp-write-review__btn{
  align-self: flex-start;
  background: var(--color-maroon);
  color: var(--color-white);
  border: none;
  border-radius: var(--radius-pill);
  padding: 0.875rem 1.875rem;
  font-weight: 600;
  font-size: var(--fs-sm);
  text-decoration: none;
  display: inline-block;
}

.pdp-review-list{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.pdp-review-card{
  background: rgba(255,255,255,0.5);
  border-radius: 1rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.pdp-review-card--empty{
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--color-text-muted-60);
  font-size: var(--fs-sm);
  padding: 3rem 1.5rem;
  min-height: 16rem;
}
.pdp-review-card__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.pdp-review-card__user{
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pdp-review-card__avatar{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--color-icon-bg);
  flex-shrink: 0;
  overflow: hidden;
}
.pdp-review-card__avatar img{ width: 100%; height: 100%; object-fit: cover; }
.pdp-review-card__avatar svg{ width: 18px; height: 22px; }
.pdp-review-card__user-info{
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
}
.pdp-review-card__name{
  font-weight: 600;
  font-size: var(--fs-lg);
  color: #121212;
}
.pdp-review-card__date{
  font-size: var(--fs-sm);
  color: #3d434c;
}
.pdp-review-card__stars{ display: flex; align-items: center; gap: 0.25rem; }
.pdp-review-card__stars svg{ width: 20px; height: 20px; }
.pdp-review-card__text{
  font-size: var(--fs-sm);
  line-height: 1.625rem;
  color: var(--color-text-muted-80);
}

.pdp-star--full{ color: #f5a623; }
.pdp-star--empty{ color: rgba(17,17,17,0.15); }

/* =========================================================
   SEE IT FROM EVERY ANGLE
   ========================================================= */
.pdp-angle-gallery{
  display: flex;
  gap: 2.125rem;
  align-items: stretch;
}
.pdp-angle-gallery__main{
  flex: 1 1 49%;
  border-radius: var(--radius-card);
  overflow: hidden;
  background: linear-gradient(to left, #ccc6bf, #ddd8d3);
  min-height: 24rem;
}
.pdp-angle-gallery__main img{ width: 100%; height: 100%; object-fit: cover; }
.pdp-angle-gallery__grid{
  flex: 1 1 51%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1.375rem;
}
.pdp-angle-gallery__cell{
  border-radius: 1.375rem;
  overflow: hidden;
  background: linear-gradient(to left, #ccc6bf, #ddd8d3);
  min-height: 11rem;
}
.pdp-angle-gallery__cell img{ width: 100%; height: 100%; object-fit: cover; }

/* =========================================================
   PROCESS VIDEO
   ========================================================= */
.pdp-video{
  position: relative;
  width: 100%;
  aspect-ratio: 1400 / 700;
  border-radius: 2.5rem;
  overflow: hidden;
}
.pdp-video img,
.pdp-video iframe{ width: 100%; height: 100%; object-fit: cover; border: 0; }
.pdp-video--poster::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
}
.pdp-video__play{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border: none;
  padding: 0;
  cursor: pointer;
}
.pdp-video__play-inner{
  width: 102px;
  height: 102px;
  border-radius: 50%;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdp-video__play-inner svg{ width: 40px; height: 40px; color: var(--color-maroon); }

/* =========================================================
   CTA CARDS
   ========================================================= */
.pdp-cta-grid{
  display: flex;
  gap: 1.5rem;
  align-items: stretch;
}
.pdp-cta-card{
  flex: 1 1 0;
  border-radius: var(--radius-card);
  padding: 3.75rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  text-align: center;
  color: var(--color-white);
}
.pdp-cta-card--maroon{ background: var(--color-maroon); }
.pdp-cta-card--gold{ background: var(--color-gold); }
.pdp-cta-card__icon{
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdp-cta-card__icon svg{ width: 40px; height: 40px; color: var(--color-maroon); }
.pdp-cta-card--gold .pdp-cta-card__icon svg{ color: var(--color-gold); }
.pdp-cta-card__body{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.pdp-cta-card__title{
  font-size: var(--fs-2xl);
  font-weight: 600;
  letter-spacing: -0.02em;
  text-transform: capitalize;
}
.pdp-cta-card__desc{
  font-size: var(--fs-sm);
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: rgba(255,255,255,0.85);
  max-width: 32rem;
}
.btn-whatsapp-pill{
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  height: 56px;
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-pill);
  background: var(--color-whatsapp-green);
  color: var(--color-white);
  border: none;
  text-decoration: none;
}
.btn-whatsapp-pill svg:first-child{ width: 24px; height: 24px; flex-shrink: 0; }
.btn-whatsapp-pill span{ font-size: var(--fs-sm); font-weight: 600; letter-spacing: -0.02em; text-transform: capitalize; }
.btn-whatsapp-pill svg:last-child{ width: 14px; height: 14px; flex-shrink: 0; }

/* =========================================================
   MORE PRODUCTS FOR YOU  (shared shop product card)
   ========================================================= */
.pdp-products{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
.product-card{ display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.product-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: var(--radius-card);
  overflow: hidden;
  background: linear-gradient(90deg, #130700, #130700), linear-gradient(90deg, #2e231c, #2e231c);
}
.product-card__watermark{ position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.product-card__watermark span{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Arial Narrow', Roboto, sans-serif;
  font-weight: 700;
  font-size: 5.5rem;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.045);
  white-space: nowrap;
}
.product-card__photo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 78%;
  object-fit: contain;
}
.product-card__badge{
  position: absolute;
  top: 0.875rem;
  right: 0.875rem;
  background: var(--color-discount-tag);
  color: var(--color-white);
  font-size: var(--fs-sm);
  font-weight: 600;
  letter-spacing: -0.02em;
  padding: 0.375rem;
  border-radius: var(--radius-pill);
  line-height: 1.6;
}
.product-card__quick-order{
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  gap: 0.875rem;
  opacity: 0;
  transform: translateY(0.5rem);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.product-card__media:hover .product-card__quick-order,
.product-card__media:focus-within .product-card__quick-order{
  opacity: 1;
  transform: translateY(0);
}
.product-card__quick-order-btn{
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  background: var(--color-white);
  border: none;
  border-radius: 0.875rem;
  padding: 0.875rem 1.25rem;
  font-weight: 600;
  font-size: var(--fs-sm);
  color: #000000;
}
.product-card__quick-order-btn img{ width: 14px; height: 14px; object-fit: contain; transform: rotate(90deg); }
.product-card__quick-cart{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px; height: 48px;
  background: var(--color-white);
  border: none;
  border-radius: 0.875rem;
}
.product-card__quick-cart img{ width: 24px; height: 24px; object-fit: contain; }
.product-card__meta{ display: flex; flex-direction: column; align-items: center; gap: 0.875rem; }
.product-card__price-row{ display: flex; align-items: center; gap: 0.8125rem; }
.product-card__prices{ display: flex; align-items: center; gap: 0.4375rem; text-transform: capitalize; }
.product-card__price{ font-weight: 700; font-size: var(--fs-xl); color: var(--color-price-current); }
.product-card__price-original{ font-size: var(--fs-sm); color: var(--color-price-strike); text-decoration: line-through; }
.product-card__discount{
  background: var(--color-discount-tag);
  color: var(--color-white);
  font-size: var(--fs-sm);
  font-weight: 600;
  padding: 0.375rem;
  border-radius: var(--radius-pill);
  line-height: 1.6;
}
.product-card__name{ font-weight: 500; font-size: var(--fs-lg); color: var(--color-text-dark); text-align: center; }

/* =========================================================
   RESPONSIVE — TABLET (≤1024px)
   ========================================================= */
@media (max-width: 1024px){
  .pdp-section, .pdp-section--beige{ padding: 3rem 1.25rem; overflow-x: clip; }
  .pdp-hero{ flex-direction: column; }
  .pdp-gallery, .pdp-info{ flex: 1 1 auto; width: 100%; }
  .pdp-info{ padding: 2.5rem; }
  .pdp-reviews-layout{ flex-direction: column; }
  .pdp-rating-card{ flex-basis: auto; width: 100%; }
  .pdp-angle-gallery{ flex-direction: column; }
  .pdp-cta-grid{ flex-direction: column; }
  .pdp-products{ grid-template-columns: repeat(2, 1fr); }
  .pdp-heading-group__title{ font-size: 2rem; }
}

/* =========================================================
   RESPONSIVE — MOBILE (≤768px)
   ========================================================= */
@media (max-width: 768px){
  .pdp-section, .pdp-section--beige{ padding: 2rem 1rem; }
  .pdp-hero{ gap: 1.5rem; }
  .pdp-gallery__thumbs{ gap: 0.5rem; }
  .pdp-gallery__thumb{ min-width: 3.5rem; }
  .pdp-info{ padding: 1.75rem 1.25rem; gap: 1.5rem; }
  .pdp-info__top{ gap: 2.5rem; }
  .pdp-info__title{ font-size: 1.5rem; line-height: 1.3; }
  .pdp-price-row__current{ font-size: 1.5rem; }
  .pdp-actions-row{ width: 100%; }
  .pdp-qty{ width: auto; flex: 0 0 auto; padding: 0 1rem; }
  .btn-add-to-cart{ flex: 1 1 8rem; padding: 0.875rem 1rem; }

  .pdp-tabs{ width: 100%; }
  .pdp-tab{ flex: 1 1 auto; text-align: center; padding: 0.75rem 1rem; }
  .pdp-content-block__title{ font-size: 1.5rem; }
  .pdp-rating-breakdown__row{ gap: 0.5rem; flex-wrap: wrap; }

  .pdp-heading-group{ margin-bottom: 2.5rem; }
  .pdp-heading-group__title{ font-size: 1.75rem; }
  .pdp-angle-gallery__grid{ gap: 0.75rem; }

  .pdp-video{ border-radius: 1.25rem; }
  .pdp-video__play{ width: 72px; height: 72px; }
  .pdp-video__play-inner{ width: 64px; height: 64px; }
  .pdp-video__play-inner svg{ width: 26px; height: 26px; }

  .pdp-cta-card{ padding: 2.5rem 1.5rem; }
  .pdp-products{ grid-template-columns: 1fr; }
  .product-card__quick-order{ opacity: 1; transform: none; }
}