/*
 * PERFUME DUPE EXPERIENCE — LOCKED.
 * Do not modify this template, its styles, category layout, pricing logic,
 * image pipeline, or content sections when redesigning regular product pages.
 *
 * PerfumeDupeProductPage isolation layer.
 * Load AFTER dfa-perfume-dupe.css (controller loads both). Guards prevent
 * global / standard-product CSS from overriding the approved dupe layout.
 */

body.dfa-perfume-dupe-page {
  overflow-x: hidden !important;
  max-width: 100vw;
}

body.dfa-perfume-dupe-page .std-pdp,
body.dfa-perfume-dupe-page .dfa-standard-pdp,
body.dfa-perfume-dupe-page [class*="standard-product"] {
  display: none !important;
}

@media (max-width: 768px) {
  body.dfa-perfume-dupe-page #product-info,
  body.dfa-perfume-dupe-page .pd-product-main,
  body.dfa-perfume-dupe-page .pd-product-info,
  body.dfa-perfume-dupe-page .pd-gallery-wrap,
  body.dfa-perfume-dupe-page .pd-tabs {
    max-width: 100%;
    box-sizing: border-box;
  }

  body.dfa-perfume-dupe-page .pd-product-main {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
  }

  body.dfa-perfume-dupe-page .pd-title {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body.dfa-perfume-dupe-page .pd-btn-cart,
  body.dfa-perfume-dupe-page .pd-qty-stepper,
  body.dfa-perfume-dupe-page .pd-pricing-card {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}