﻿/* PeptiVial safe repair 2026-09-21: deliberately scoped fixes. */

/* Product COA empty-state: readable text on the existing light panel. */
html body.single-product .ps-pdp-coa-panel .ps-product-docs-empty {
  color: #3f2a5f;
  background: #f6f1fd;
  border-color: #d9c9ef;
}

/* 404 secondary action: preserve contrast in all link states. */
html body.error404 .ps-content-actions .ps-content-button.ps-content-secondary,
html body.error404 .ps-content-actions .ps-content-button.ps-content-secondary:visited {
  color: #fff;
  background: transparent;
  border-color: #b990f5;
  box-shadow: none;
}
html body.error404 .ps-content-actions .ps-content-button.ps-content-secondary:hover,
html body.error404 .ps-content-actions .ps-content-button.ps-content-secondary:focus-visible {
  color: #fff;
  background: #ffffff12;
  border-color: #8b4cff;
}

/* Home cube: clip neighbouring faces to their own animated line. */
html body.home .ps-request-cube-title { overflow: hidden; }
html body.home .ps-hero-cube {
  display: block;
  height: 1.08em;
  overflow: hidden;
  perspective: 900px;
}
html body.home .ps-hero-cube-rotor {
  display: block;
  height: 100%;
  transform-style: preserve-3d;
}
html body.home .ps-hero-cube-face {
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
}

/* Tablet home hero: give copy/tests and artwork separate rows before mobile. */
@media (min-width: 768px) and (max-width: 1023px) {
  html body.home .ps-refined-home.ps-home-coa-hero {
    grid-template-columns: minmax(0,1fr);
    background-position: right bottom;
    background-size: auto 330px;
  }
  html body.home .ps-refined-home .ps-home-coa-copy {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    max-width: none;
  }
  html body.home .ps-refined-home .ps-home-coa-tests {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  html body.home .ps-refined-home .ps-home-coa-art {
    grid-row: 2;
    grid-column: 1;
    min-height: 330px;
  }
  html body.home .ps-refined-home .ps-home-coa-paper {
    width: 145px;
  }
}

/* COA: visually separate multiple reports inside a single document card. */
html body.page-id-36 .ps-document-card .ps-document-report {
  padding: 14px;
  background: #f7f2ff;
  border: 1px solid #d5c2ef;
  border-radius: 10px;
}
html body.page-id-36 .ps-document-card .ps-document-report + .ps-document-report {
  margin-top: 12px;
  background: #fff;
  border-style: dashed;
}
html body.page-id-36 .ps-document-report-label {
  width: max-content;
  padding: 4px 8px;
  color: #54209b;
  font-weight: 700;
  background: #e9dcff;
  border-radius: 999px;
}

/* FAQ user decision applies on every viewport. */
html body.page-id-38 .ps-help-search {
  display: none !important;
}

/* Small functional icons use one visual scale without touching large illustrations. */
html body .ps-reference-icon,
html body .ps-shop-ref-icon,
html body .ps-contact-info .ps-content-icon,
html body .ps-service-method .ps-content-icon,
html body .ps-service-shortcut .ps-content-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  filter: none;
}

/* Cart and checkout: reduce dead space and normalize form surfaces, page-scoped. */
html body.page-id-8 .wc-block-cart-items .wc-block-cart-items__row td {
  padding-top: 12px;
  padding-bottom: 12px;
}
html body.page-id-8 .wc-block-cart-item__wrap {
  gap: 8px;
}
html body.page-id-9 .wc-block-components-checkout-step {
  margin-bottom: 12px;
  padding: 16px;
}
html body.page-id-9 .wc-block-components-order-summary-item {
  padding-top: 10px;
  padding-bottom: 10px;
}
html body.page-id-9 .wc-block-components-checkout-order-summary__title {
  column-gap: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}
html body.page-id-9 .wc-block-components-country-input .components-combobox-control__input,
html body.page-id-9 .wc-block-components-country-input .wc-block-components-combobox-control input,
html body.page-id-9 #shipping-country,
html body.page-id-9 #billing-country {
  color: #21133d;
  background: #fff;
  border: 1px solid #cec3de !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}
html body.page-id-9 .wc-block-components-country-input .components-combobox-control__input:focus,
html body.page-id-9 .wc-block-components-country-input .wc-block-components-combobox-control input:focus,
html body.page-id-9 #shipping-country:focus,
html body.page-id-9 #billing-country:focus {
  border-color: #7c3aed !important;
  outline: 2px solid rgba(124,58,237,.18);
  outline-offset: 1px;
}
html body:is(.page-id-8,.page-id-9) .ps-place-order-total {
  display: inline-flex;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid rgba(255,255,255,.35);
  font-weight: 800;
  white-space: nowrap;
}

/* Account dashboard rebuilt with real WooCommerce/COA data. */
html body.ps-safe-account-dashboard .woocommerce-MyAccount-content > p:not(.ps-safe-account-empty) {
  display: none;
}
html body.ps-safe-account-dashboard .woocommerce-MyAccount-content {
  padding: 0;
  background: transparent;
  border: 0;
}
html body .ps-safe-account-dashboard {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
html body .ps-safe-account-welcome,
html body .ps-safe-account-panel {
  padding: 20px;
  background: #fff;
  border: 1px solid #e4def4;
  border-radius: 12px;
}
html body .ps-safe-account-welcome h2 {
  margin: 2px 0 8px;
  color: #1a0d38;
  font-size: 26px;
  line-height: 1.2;
}
html body .ps-safe-account-welcome p {
  margin: 0;
  color: #675978;
}
html body .ps-safe-account-kicker {
  color: #7c3aed !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
html body .ps-safe-account-summary {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}
html body .ps-safe-account-summary > a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  min-height: 118px;
  padding: 16px;
  color: #392553;
  text-decoration: none;
  background: #fff;
  border: 1px solid #e4def4;
  border-radius: 12px;
}
html body .ps-safe-account-summary > a:hover {
  border-color: #b99aeb;
  box-shadow: 0 8px 20px rgba(50,25,90,.07);
}
html body .ps-safe-account-summary strong {
  color: #6d28d9;
  font-size: 24px;
  line-height: 1.15;
}
html body .ps-safe-account-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
html body .ps-safe-account-panel-head h3 {
  margin: 0;
  color: #231051;
  font-size: 19px;
}
html body .ps-safe-account-panel-head a {
  color: #6d28d9;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
html body .ps-safe-account-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
html body .ps-safe-account-list li {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #eee7f8;
  border-radius: 9px;
}
html body .ps-safe-account-list small {
  display: block;
  margin-top: 2px;
  color: #776a87;
  font-size: 12px;
}
html body .ps-safe-account-list a {
  color: #6d28d9;
  font-weight: 700;
  text-decoration: none;
}
html body .ps-safe-account-empty {
  margin: 0 !important;
  color: #675978;
}

/* Shared content grid: align the main surfaces to the 1280px information grid. */
@media (min-width: 768px) {
  html body.home .ps-request-home.ps-home-coa-hero,
  html body.page-id-35 .ps-request-why.ps-home-coa-hero,
  html body.woocommerce-shop .ps-refined-shop,
  html body.page-id-199 .ps-refined-shop,
  html body.page-id-199 .ps-request-sale,
  html body .ps-common-newsletter-host .ps-newsletter-wrap,
  html body .ps-common-footer .ps-footer-grid {
    width: min(1280px, calc(100% - 48px));
    max-width: 1280px;
    margin-inline: auto;
  }
}

/* Product cards: shop is the reference presentation everywhere. */
html body.breakdance .ps-shop-ref-products .ps-shop-ref-coa,
html body.breakdance .ps-refined-products .ps-shop-ref-coa {
  display: none !important;
}

html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product {
  min-height: 548px;
  height: 548px;
  overflow: visible;
  border-radius: 14px;
}
html body.single-product .related.products ul.products li.product,
html body.page-id-8 .ps-native-cross-sells ul.products li.product {
  border-radius: 14px;
}
html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height: 2.6em;
}
html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product .price {
  min-height: 64px;
  align-content: flex-start;
}
html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product .wvs-archive-variations-wrapper,
html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product .variations {
  min-height: 44px;
}
html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product .bde-woo-product-footer {
  margin-top: auto;
}

/* User preference: violet diagonal ribbon, never the pink sale chip. */
html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product .ps-photo-sale.onsale,
html body.single-product .related.products ul.products li.product .ps-photo-sale.onsale,
html body.page-id-8 .ps-native-cross-sells ul.products li.product .ps-photo-sale.onsale {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 12 !important;
  width: clamp(68px,38cqi,110px) !important;
  height: clamp(68px,38cqi,110px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 14px 0 0 !important;
  box-shadow: none !important;
  pointer-events: none;
  transform: none !important;
}
html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product .ps-photo-sale.onsale::before,
html body.single-product .related.products ul.products li.product .ps-photo-sale.onsale::before,
html body.page-id-8 .ps-native-cross-sells ul.products li.product .ps-photo-sale.onsale::before {
  content: "PROMOCJA" !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 25%;
  left: -36%;
  width: 145%;
  height: 23%;
  color: #fff;
  background: #6d28d9;
  box-shadow: 0 3px 9px rgba(40,12,88,.25);
  transform: rotate(-45deg);
  font: 800 clamp(8px,4.4cqi,12px)/1 Manrope, sans-serif;
  letter-spacing: .07em;
}
html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product .ps-photo-sale.onsale::after,
html body.single-product .related.products ul.products li.product .ps-photo-sale.onsale::after,
html body.page-id-8 .ps-native-cross-sells ul.products li.product .ps-photo-sale.onsale::after,
html body.breakdance .ps-shop-ref-products .ps-photo-sale .ps-sale-icon,
html body.single-product .related.products .ps-photo-sale .ps-sale-icon,
html body.page-id-8 .ps-native-cross-sells .ps-photo-sale .ps-sale-icon {
  display: none !important;
}

/* Sale prices are violet on every product-card surface and quick view. */
html body.breakdance .ps-shop-ref-products .price ins,
html body.single-product .related.products .price ins,
html body.page-id-8 .ps-native-cross-sells .price ins,
html body .bde-woo-quicklook-modal .summary .price ins,
html body.single-product .summary .price ins {
  color: #7b20eb !important;
  font-weight: 700;
  text-decoration: none;
}
html body.single-product .related.products .price del,
html body.page-id-8 .ps-native-cross-sells .price del,
html body .bde-woo-quicklook-modal .summary .price del {
  color: #9180a7;
  font-weight: 400;
}

/* Small phone controls: keep long CTA/sort labels intact without global nowrap. */
@media (max-width: 479px) {
  html body.page-id-35 .ps-request-why .ps-home-coa-actions {
    gap: 6px;
    flex-wrap: nowrap;
  }
  html body.page-id-35 .ps-request-why .ps-home-coa-button {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
    padding-inline: 7px;
    font-size: 10px;
    white-space: nowrap;
  }
  html body.page-id-35 .ps-content-actions .ps-content-button {
    white-space: nowrap;
  }
  html body.page-id-7 .ps-shop-ref-filters {
    grid-row: 3;
    grid-column: 1 / -1;
  }
  html body.page-id-7 .ps-shop-ref-sort {
    grid-row: 4;
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
  }
  html body.page-id-7 .ps-shop-ref-sort select,
  html body.page-id-7 .facetwp-facet-catalog_sort select {
    width: 100%;
    min-width: 0;
    padding-right: 26px;
    font-size: 11px;
    text-overflow: ellipsis;
  }
  html body.page-id-7 .ps-shop-ref-count {
    grid-row: 5;
  }
  html body.page-id-7 .ps-shop-ref-results {
    grid-row: 6;
  }
}

/* Mobile catalog: utility copy must remain readable without changing card geometry. */
@media (max-width: 767px) {
  html body.breakdance .ps-shop-ref-products .ps-shop-ref-coa-label,
  html body.breakdance .ps-refined-products .ps-shop-ref-coa-label {
    font-size: 11px;
    line-height: 1.2;
  }
  html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product .woocommerce-price-suffix {
    font-size: 11px !important;
    line-height: 1.2;
  }

  /* User explicitly approved the existing stock-label size. */
  html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product .stock.ps-stock-status,
  html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product .ps-stock-status {
    font-size: 10px !important;
  }

  html body.breakdance .ps-shop-ref-products.breakdance-woocommerce ul.products li.product {
    min-height: 440px;
    height: 440px;
  }
  /* Research labels should stay readable without enlarging stock labels. */
  html body.home .ps-home-coa-test-name,
  html body.page-id-35 .ps-home-coa-test-name {
    font-size: 12px;
    line-height: 1.25;
  }

  /* Expose all mobile FAQ/account tabs instead of hiding options off-screen. */
  html body.page-id-38 .ps-help-tabs,
  html body.page-id-10 .woocommerce-MyAccount-navigation ul {
    flex-wrap: wrap;
    overflow-x: visible;
  }

  /* FAQ user decision: no question search field. */
  html body.page-id-38 .ps-help-search {
    display: none !important;
  }

  /* Compact newsletter/footer without hiding information. */
  html body .ps-common-newsletter {
    gap: 10px;
    padding: 16px 14px;
  }
  html body .ps-common-newsletter .ps-newsletter-copy {
    gap: 6px;
    padding-inline: 0;
  }
  html body .ps-common-newsletter .ps-newsletter-title {
    font-size: 26px;
  }
  html body .ps-common-newsletter .ps-newsletter-text {
    font-size: 13px;
    line-height: 1.45;
  }
  html body .ps-common-newsletter .ps-newsletter-native {
    gap: 6px;
  }
  html body .ps-common-newsletter .breakdance-form {
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
  }
  html body .ps-common-newsletter #ps-newsletter-signup .breakdance-form-field--email {
    grid-row: 1;
    grid-column: 1;
  }
  html body .ps-common-newsletter #ps-newsletter-signup .breakdance-form-footer {
    grid-row: 1;
    grid-column: 2;
    width: auto;
  }
  html body .ps-common-newsletter .breakdance-form-button__submit {
    width: auto;
    min-height: 44px;
    padding-inline: 14px;
  }
  html body .ps-site-footer.ps-common-footer {
    padding-top: 14px;
    padding-bottom: 10px;
  }
  html body .ps-common-footer .ps-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px 10px;
  }
  html body .ps-common-footer .ps-footer-grid > :first-child,
  html body .ps-common-footer .ps-footer-grid > :last-child {
    grid-column: 1 / -1;
  }
  html body .ps-common-footer .ps-footer-copy {
    margin-top: 6px;
    line-height: 1.4;
  }
  html body .ps-common-footer .ps-footer-title {
    margin-bottom: 4px;
  }
  html body .ps-common-footer .ps-footer-links {
    gap: 2px;
  }
  html body .ps-common-footer .ps-footer-link {
    min-height: 26px;
    line-height: 1.35;
  }
  html body .ps-common-footer .ps-footer-bottom {
    gap: 6px;
    margin-top: 10px;
    padding-top: 10px;
    line-height: 1.4;
  }

  html body.page-id-8 .wc-block-cart-items .wc-block-cart-items__row td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  html body.page-id-9 .wc-block-components-checkout-step {
    margin-bottom: 10px;
    padding: 12px;
  }
  html body.page-id-9 .wc-block-components-order-summary-item {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  html body:is(.page-id-8,.page-id-9) .wc-block-components-button.contained {
    justify-content: space-between;
    gap: 10px;
  }

  html body .ps-safe-account-summary {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html body .ps-safe-account-welcome,
  html body .ps-safe-account-panel {
    padding: 16px;
  }
  html body .ps-safe-account-welcome h2 {
    font-size: 22px;
  }
  html body .ps-safe-account-summary > a {
    min-height: 100px;
    padding: 13px;
  }
  html body .ps-safe-account-summary strong {
    font-size: 20px;
  }
  html body .ps-safe-account-list li {
    grid-template-columns: 1fr;
  }
}

/* Home mobile: shorter composition and document moved away from the left vial. */
@media (max-width: 767px) {
  html body.home .ps-request-home.ps-refined-home.ps-home-coa-hero {
    gap: 12px;
    padding: 14px 12px 12px;
    background-position: 78% bottom;
    background-size: auto 220px;
  }
  html body.home .ps-request-home .ps-home-coa-copy {
    gap: 15px;
  }
  html body.home .ps-request-home .ps-home-coa-art {
    justify-content: flex-end;
    align-items: flex-end;
    height: 205px !important;
    min-height: 205px !important;
  }
  html body.home .ps-request-home .ps-home-coa-paper {
    width: 150px !important;
    height: 180px !important;
    min-height: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 8px 4px auto;
    padding: 8px;
    transform: rotate(-4deg);
  }
  html body.home .ps-request-home .ps-home-coa-paper p {
    font-size: 8px;
  }
  html body.home .ps-request-home .ps-home-coa-paper > p:first-child {
    font-size: 16px;
  }

  /* Why-us mobile: keep the COA art supportive, not dominant. */
  html body.page-id-35 .ps-request-why.ps-home-coa-hero {
    gap: 12px;
    padding: 15px 12px;
  }
  html body.page-id-35 .ps-request-why .ps-home-coa-art {
    width: 100%;
    height: 180px !important;
    min-height: 180px !important;
  }
  html body.page-id-35 .ps-request-why .ps-home-coa-paper {
    width: 150px !important;
    height: 165px !important;
    min-height: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px;
  }
}

/* 22.09: fixes for generated Woo markup. Native page layout is saved in Breakdance.
   Explicit precedence here replaces inconsistent legacy card rules, without changing images/data. */
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) ul.products > li.product {
  container-type: inline-size;
  --ps-photo: clamp(120px,65cqi,180px);
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  grid-template-rows: var(--ps-photo) 42px 68px 82px 22px 38px !important;
  gap: 7px 0 !important;
  align-content: start !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 12px !important;
  overflow: visible;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) ul.products > li.product.ps-product-deferred { display: none !important; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product > .woocommerce-loop-product__link,
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .wvs-archive-variations-wrapper { display: contents !important; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product :is(.custom-area-1,.bde-woo-product-image) {
  grid-area: 1 / 1 !important; height: var(--ps-photo) !important; min-height: 0 !important; margin: 0 !important;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product :is(.custom-area-1,.bde-woo-product-image) img {
  width: 100% !important; height: 100% !important; aspect-ratio: 1; object-fit: contain !important;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .woocommerce-loop-product__title {
  grid-area: 2 / 1 !important; min-height: 0 !important; margin: 0 !important; align-self: center;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .variations {
  grid-area: 3 / 1 !important; min-height: 0 !important; margin: 0 !important; padding: 2px 0 0 !important; align-self: start;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .variable-items-wrapper { gap: 5px !important; flex-wrap: wrap !important; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .variable-item {
  min-height: 32px !important; height: 32px !important; min-width: 38px !important; padding: 6px 6px 4px !important; margin: 0 !important;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .variable-item:has(> .ps-variant-discount) {
  padding-right: 14px !important;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .price {
  grid-area: 4 / 1 !important; align-self: start; align-content: start; margin: 0 !important; min-height: 0 !important; line-height: 1.2;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product :is(.wvs-archive-information,.ps-loop-stock) {
  grid-area: 5 / 1 !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .bde-woo-product-footer {
  grid-area: 6 / 1 !important; align-self: end; margin: 0 !important; display: flex !important; flex-wrap: nowrap; gap: 6px;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .ps-photo-sale.onsale {
  width: clamp(68px,38cqi,110px) !important; height: clamp(68px,38cqi,110px) !important;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .ps-photo-sale.onsale::before {
  width: 145% !important; height: 23% !important; top: 25% !important; left: -36% !important;
  font-size: clamp(8px,4.4cqi,12px) !important; letter-spacing: .03em;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .bde-woo-product-quicklook {
  position: absolute !important; top: calc(var(--ps-photo) - 34px) !important; right: 16px !important; left: auto !important; bottom: auto !important;
  transform: none !important; width: 44px; height: 44px; z-index: 13; opacity: 0; visibility: hidden;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product:is(:hover,:focus-within) .bde-woo-product-quicklook {
  visibility: visible !important; opacity: 1 !important;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .bde-woo-product-quicklook-button {
  font-size: 0 !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important;
  padding: 10px !important; border-radius: 50% !important; background: #fff !important; color: #6d28d9 !important; border: 1px solid #d7c7ed !important;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .bde-woo-product-quicklook-button::before {
  content: ''; display: block; width: 22px; height: 22px; background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
}
html body.breakdance .price ins,
html body.breakdance .price ins :is(.amount,bdi,.woocommerce-Price-currencySymbol) { color: #7c3aed !important; font-weight: 750 !important; }
html body.breakdance .price del,
html body.breakdance .price del :is(.amount,bdi,.woocommerce-Price-currencySymbol) { color: #867991 !important; font-weight: 400 !important; font-size: 14px !important; }
html body.breakdance li.product .ps-omnibus-note { font-size: 12px !important; line-height: 1.4 !important; color: #675277 !important; }
html body.breakdance li.product .ps-omnibus-note .amount { color: inherit !important; font-size: inherit !important; }
html body.breakdance li.product .bde-woo-product-footer > .ps-unavailable {
  background: #d8d5df !important; background-image: none !important; color: #5d566b !important; box-shadow: none !important; cursor: not-allowed;
}
/* Stable quick-view space is reserved for BOTH sale and non-sale variants. */
html body .bde-woo-quicklook-modal .woocommerce-variation-price { min-height: 100px !important; }
html body .bde-woo-quicklook-modal .woocommerce-variation-add-to-cart { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 10px; }
html body .bde-woo-quicklook-modal .woocommerce-variation-add-to-cart .single_add_to_cart_button { flex: 1; width: auto !important; }
html body .bde-woo-quicklook-modal .ps-mobile-purchase-context { display: none !important; }
html body .ps-mobile-purchase-context { display: none; }

/* Shared rails and independent section spacing; sticky header positioning untouched. */
html body.home .ps-home-coa-page { margin-top: 20px !important; gap: 28px !important; }
html body.home .ps-request-home.ps-home-coa-hero { width: 100%; max-width: none; margin-inline: 0; }
html body.home .ps-request-products,
html body.home .ps-refined-products.ps-shop-ref-products { max-width: none; width: 100%; }
html body .ps-common-newsletter-host .ps-newsletter-wrap,
html body.woocommerce-shop .ps-refined-shop,
html body.page-id-199 .ps-refined-shop,
html body.page-id-199 .ps-request-sale { width: min(1320px,calc(100% - 48px)); max-width: 1320px; margin-inline: auto; }
html body.woocommerce-shop .ps-refined-shop > .section-container,
html body.page-id-199 .ps-refined-shop > .section-container { padding-inline: 0; }
html body :is(.ps-content-hero,.ps-about-hero,.ps-help-hero,.ps-legal-hero,.ps-service-hero) { margin-bottom: 24px !important; }
html body :is(.ps-about-principle,.ps-about-process,.ps-common-newsletter-host,.ps-common-disclaimer) { margin-top: 24px; }
html body .ps-help-support > .ps-content-icon { width: 40px; height: 40px; flex: 0 0 40px; }
html body .ps-help-support > .ps-content-icon svg,
html body .ps-home-coa-icon svg { width: 100%; height: 100%; display: block; }
html body.home .ps-home-coa-icon { width: 30px !important; height: 30px !important; min-width: 30px; flex: 0 0 30px; }
html body .ps-hero-cube { clip-path: inset(0); margin-block: .08em; }
html body.home .ps-request-home .ps-home-coa-tests { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
html body .ps-help-six-symbol svg { display: block; width: 26px; height: 26px; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .custom-area-1 { width: 100% !important; display: flex; justify-content: center; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .custom-area-1 img { width: auto !important; max-width: 100%; aspect-ratio: 1; margin: 0 auto; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .bde-woo-product-footer :is(.quantity,.button) { min-height: 36px !important; height: 36px !important; }
html body .ps-common-newsletter { background-size: 140px auto,cover,cover; }
html body .ps-library-hero { align-content: center; }
html body .ps-legal-toc a { display: block; padding-block: 8px; line-height: 1.5; }
html body.page-id-37 .ps-content-process-row { margin-top: 28px; }
html body.page-id-37 .ps-content-shipping { margin-top: 20px; }
html body .ps-service-shell { gap: 24px; }
html body .ps-service-toc-slot a { padding-block: 8px; line-height: 1.5; }
html body .ps-service-document :is(h2,h3) { scroll-margin-top: 110px; }
html body .ps-document-test { opacity: 1; color: #695677; }
html body.page-id-8 #ps-cart-cross-sells,
html body.page-id-8 .ps-native-cross-sells,
html body.page-id-8 .ps-native-cross-sells .ps-product-list { width: 100% !important; max-width: none; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .price { flex-direction: row !important; flex-wrap: wrap !important; gap: 4px 6px; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .price del { order: 1; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .price ins { order: 2; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .price .woocommerce-price-suffix { order: 3; font-size: 10px; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .price .ps-omnibus-note { order: 4; flex: 0 0 100%; }
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .price .ps-discount { display: none; }
html body .ps-native-cross-sells .bde-woo-product-footer > .button { width: 100%; font-size: 13px; padding: 8px; line-height: 1.2; }
html body .ps-common-footer .ps-logo-name { color: #fff; }
html body .ps-common-footer .ps-common-brand-accent { color: #a168ff; }
html body.search :is(h1,.ps-shop-ref-title) { overflow-wrap: anywhere; min-width: 0; max-width: 100%; }
html body.search-no-results :is(.ps-shop-ref-filters,.ps-shop-ref-sort,.ps-shop-ref-toolbar) { display: none !important; }
html body .woocommerce-MyAccount-content .ps-safe-account-summary > a { display: flex !important; flex-direction: column !important; align-items: flex-start; gap: 12px !important; }
html body .woocommerce-MyAccount-content .ps-safe-account-summary > a > :is(span,strong) { display: block !important; width: 100%; }
html body .ps-document-card .ps-document-archive { display: block !important; color: #635071; background: #ede7f5; }
html body .ps-document-card .ps-document-status { color: #006c54; background: #cef2e5; }
html body .ps-document-card :is(.ps-document-status,.ps-document-archive) { width: fit-content; padding: 5px 10px; border-radius: 20px; font-size: 12px; }
html body .ps-document-card .ps-document-test-notice { font-size: 13px; color: #665271; }
html body .ps-document-card .ps-document-report { margin-top: 0; }
html body .ps-document-card .ps-document-report-label { order: -1; font-size: 13px; }
html body .ps-document-card .ps-document-scope { gap: 6px 10px; }
html body .ps-document-card .ps-document-test { font-size: 13px; }
@media(min-width:1024px) {
  html body.page-id-36 .bde-loop:has(> .bde-loop-item:only-child) { grid-template-columns: minmax(0,1fr) !important; }
  html body.page-id-36 .bde-loop > .bde-loop-item:only-child .ps-document-card { max-width: none; width: 100%; }
  html body.page-id-36 .bde-post-loop-36-141 > .bde-loop > .bde-loop-item:only-child .bde-dynamic-repeater { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  html body.page-id-36 .ps-document-card .ps-document-report + .ps-document-report { margin-top: 0; }
  html body .ps-library-hero { min-height: 330px; }
  html body .ps-library-hero .ps-library-art { top: 24px; height: 280px; right: 30px; }
  html body .ps-library-art .ps-reference-paper { min-height: 0; gap: 4px; padding: 14px; transform: rotate(4deg); }
}
html body .ps-service-box::after { content: ''; position: absolute; inset: 0 auto 0 48%; width: 9%; background: #f3d7b477; border-inline: 1px solid #ac856b; }
html body .ps-service-box { border-right-width: 10px; border-right-color: #976644; }
html body .ps-common-footer details { display: block; min-width: 0; }
html body .ps-common-footer details > summary { list-style: none; cursor: default; }
html body .ps-common-footer details > summary::-webkit-details-marker { display: none; }
@media(min-width:768px) and (max-width:1119px) {
  html body .ps-navrow { width: 100%; justify-content: space-between; }
  html body .ps-header-actions { margin-left: auto; }
}
@media(max-width:1023px) {
  html body.home .ps-request-home.ps-refined-home.ps-home-coa-hero,
  html body.page-id-35 .ps-request-why.ps-home-coa-hero { grid-template-columns: minmax(0,1fr) !important; grid-template-rows: auto auto !important; gap: 24px !important; }
  html body.home .ps-request-home .ps-home-coa-copy,
  html body.page-id-35 .ps-request-why .ps-home-coa-copy { grid-area: 1 / 1 !important; }
  html body.home .ps-request-home .ps-home-coa-art,
  html body.page-id-35 .ps-request-why .ps-home-coa-art {
    grid-area: 2 / 1 !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 310px !important;
    align-items: center !important; justify-content: flex-start !important; padding: 12px 8px;
  }
  html body.home .ps-request-home.ps-refined-home.ps-home-coa-hero { background-size: auto 310px !important; background-position: right bottom !important; }
  html body.home .ps-request-home .ps-home-coa-paper,
  html body.page-id-35 .ps-request-why .ps-home-coa-paper {
    position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
    width: 200px !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important;
    padding: 13px !important; overflow: visible !important; gap: 5px; transform: rotate(-3deg);
  }
  html body.page-id-35 .ps-request-why .ps-home-coa-paper { margin-left: auto !important; }
  html body.page-id-35 .ps-home-coa-vial { height: 270px !important; width: 46%; left: 0; bottom: 12px; }
  html body.home .ps-request-home .ps-home-coa-paper p { font-size: 10px; line-height: 1.35; }
  html body.home .ps-request-home .ps-home-coa-paper > p:first-child { font-size: 20px; }
}
@media(max-width:767px) {
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) ul.products > li.product {
    --ps-photo: 120px;
    grid-template-rows: var(--ps-photo) 38px 72px 82px 22px 36px !important; gap: 6px 0 !important; padding: 9px !important;
  }
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .bde-woo-product-quicklook { visibility: visible !important; opacity: 1 !important; right: 10px !important; }
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .price { font-size: 21px !important; }
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .variable-item .variable-item-span { font-size: 11px !important; }
  html body.home .ps-home-coa-page { margin-top: 16px !important; gap: 20px !important; }
  html body :is(.ps-content-hero,.ps-about-hero,.ps-help-hero,.ps-legal-hero,.ps-service-hero) { margin-bottom: 20px !important; }
  html body .ps-common-newsletter-host .ps-newsletter-wrap { width: calc(100% - 24px); }
  html body .ps-common-newsletter { padding: 20px 16px !important; gap: 20px !important; background: linear-gradient(125deg,#1d1037,#54218a) !important; }
  html body .ps-common-newsletter::before { top: 22px; left: 16px; width: 32px; height: 24px; }
  html body .ps-common-newsletter::after { display: none; }
  html body .ps-common-newsletter .ps-newsletter-copy { padding: 0 !important; }
  html body .ps-common-newsletter :is(.ps-newsletter-kicker,.ps-newsletter-title) { padding-left: 44px; }
  html body .ps-common-newsletter .ps-newsletter-title { font-size: 26px; }
  html body .ps-common-newsletter .ps-newsletter-text { margin-top: 6px; font-size: 14px; padding: 0; }
  html body .ps-common-newsletter #ps-newsletter-signup.breakdance-form { display: flex !important; flex-direction: column !important; gap: 12px; }
  html body .ps-common-newsletter #ps-newsletter-signup :is(.breakdance-form-field,.breakdance-form-footer) { width: 100% !important; flex: 0 0 auto; }
  html body .ps-common-newsletter .breakdance-form-button__submit { width: 100% !important; min-height: 44px; }
  html body .ps-common-newsletter .breakdance-form-field--email input { font-size: 15px; }
  html body .ps-common-newsletter :is(.ps-newsletter-detail,.breakdance-form-checkbox__text) { font-size: 13px; line-height: 1.5; }
  html body .ps-common-footer .ps-footer-grid { grid-template-columns: minmax(0,1fr) !important; gap: 0; }
  html body .ps-common-footer .ps-footer-grid > :first-child { padding-bottom: 20px; }
  html body .ps-common-footer details { border-top: 1px solid #ffffff2c; padding: 0; }
  html body .ps-common-footer details > summary { display: flex; justify-content: space-between; align-items: center; min-height: 48px; margin: 0; cursor: pointer; }
  html body .ps-common-footer details > summary::after { content: '+'; font-size: 22px; }
  html body .ps-common-footer details[open] > summary::after { content: '−'; }
  html body .ps-common-footer details:not([open]) > :not(summary) { display: none !important; }
  html body .ps-common-footer details .ps-footer-links { padding-bottom: 16px; gap: 6px; }
  html body .ps-common-footer details .ps-footer-link { min-height: 36px; font-size: 14px; }
  html body .ps-contact-shortcuts { grid-template-columns: minmax(0,1fr) !important; }
  html body .ps-contact-shortcut { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 8px 12px; padding: 16px; }
  html body .ps-contact-shortcut > .ps-content-icon { grid-column: 1; grid-row: 1 / span 3; }
  html body .ps-contact-shortcut > :not(.ps-content-icon) { grid-column: 2; }
  html body .ps-contact-shortcut .ps-content-text { font-size: 14px; line-height: 1.5; }
  html body .ps-contact-info .ps-content-text { font-size: 13px; }
  html body .ps-help-art { opacity: 1; }
  html body .ps-help-symbol { opacity: 1; }
  html body .ps-help-support .ps-content-icon { align-self: flex-start; }
  html body .ps-shop-ref-toggle { min-height: 44px; }
  html body .ps-shop-ref-sort select { min-height: 44px; }
  html body .ps-shop-ref-toolbar { gap: 12px; }
  html body .ps-shop-ref-count { margin-block: 8px; }
  html body.single-product .summary form.cart .ps-mobile-purchase-context { display: block; width: 100%; flex: 0 0 100%; color: #211333; font-size: 13px; font-weight: 700; padding-bottom: 6px; }
  html body.single-product .summary form.cart .ps-mobile-purchase-context.is-sale { color: #7c3aed; }
  html body.single-product .summary .woocommerce-variation-add-to-cart { flex-wrap: wrap !important; }
  html body.single-product { padding-bottom: 108px; }
  html body .bde-woo-quicklook-modal { max-height: calc(100dvh - 24px) !important; }
  html body .bde-woo-quicklook-modal-body { overflow-y: auto; max-height: calc(100dvh - 48px); }
  html body .bde-woo-quicklook-modal .woocommerce-variation-price { min-height: 100px !important; }
  html body .bde-woo-quicklook-modal .ps-quickview-product { gap: 12px !important; }
  html body .bde-woo-quicklook-modal .ps-quickview-gallery,
  html body .bde-woo-quicklook-modal .ps-quickview-gallery .woocommerce-product-gallery { height: 180px !important; min-height: 0 !important; margin: 0 !important; width: 100% !important; }
  html body .bde-woo-quicklook-modal .ps-quickview-gallery .woocommerce-product-gallery__image { height: 180px !important; }
  html body .bde-woo-quicklook-modal .ps-quickview-gallery img { height: 180px !important; width: 180px !important; margin: 0 auto; object-fit: contain; }
  html body .bde-woo-quicklook-modal .summary { gap: 10px !important; }
  html body .bde-woo-quicklook-modal .summary .product_title { font-size: 21px !important; line-height: 1.25; margin: 0 0 8px !important; }
  html body .bde-woo-quicklook-modal .summary form.cart { margin: 0 !important; }
  html body .bde-woo-quicklook-modal .summary .variations { margin: 0 0 10px !important; }
  html body .bde-woo-quicklook-modal .summary .woocommerce-variation-add-to-cart :is(.quantity,.button) { height: 44px !important; min-height: 44px !important; }
  html body .bde-woo-quicklook-modal .summary .single_add_to_cart_button { font-size: 13px !important; line-height: 1.2; padding: 8px !important; }
  html body .bde-woo-quicklook-modal .ps-quickview-details { margin-top: 12px; min-height: 42px; font-size: 13px; }
  html body.home .ps-request-home .ps-home-coa-paper { width: 160px !important; padding: 10px !important; }
  html body.home .ps-request-home .ps-home-coa-paper p { font-size: 9px; }
  html body.home .ps-request-home .ps-home-coa-art { min-height: 290px !important; }
  html body.page-id-35 .ps-request-why .ps-home-coa-paper { width: 58% !important; padding: 10px !important; }
  html body.page-id-35 .ps-request-why .ps-home-coa-art { min-height: 290px !important; }
  html body.page-id-35 .ps-home-coa-vial { height: 230px !important; }
}





/* Accepted independent audit, 22.09.2026. Items 4 and 7 and mobile COA omitted. */
/* Shared title geometry prevents default heading margins shifting either catalogue. */
html body .ps-shop-ref-title > :is(h1,.bde-heading,.bde-archive-title) { margin-block: 0; }

@media (max-width: 1119px) {
  html body .ps-shop-ref-sort select {
    width: 100%; max-width: 100%; min-width: 0; padding-right: 34px;
    text-overflow: clip;
  }
}

/* Generated WooCommerce cards: centre the entire image field, including its link. */
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product :is(.custom-area-1,.bde-woo-product-image) {
  justify-self: center; display: flex; justify-content: center; align-items: center;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .custom-area-1 > a {
  display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; max-width: 100%;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product :is(.custom-area-1,.bde-woo-product-image) img {
  display: block; width: 100% !important; max-width: 100% !important; height: 100% !important;
  object-fit: contain !important; aspect-ratio: 1 / 1; margin-inline: auto;
}
@media (min-width: 768px) {
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) ul.products > li.product {
    grid-template-rows: auto 42px minmax(36px,max-content) minmax(64px,1fr) 22px 38px !important;
  }
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product :is(.custom-area-1,.bde-woo-product-image) {
    width: min(100%,260px) !important; height: auto !important; aspect-ratio: 1 / 1;
  }
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .bde-woo-product-quicklook {
    top: 16px !important; right: 16px !important;
  }
}
@media (hover: none), (pointer: coarse) {
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product :is(.bde-woo-product-quicklook,.bde-woo-product-quicklook-button) {
    visibility: visible !important; opacity: 1 !important; pointer-events: auto;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  html body.single-product .ps-pdp-coa-layout div.product > .images {
    width: 100% !important; max-width: 360px !important; margin: 0 auto !important; justify-self: center; float: none;
  }
  html body.single-product .ps-pdp-coa-layout .woocommerce-product-gallery__image { padding: 24px; }
  html body.single-product .ps-pdp-coa-layout .woocommerce-product-gallery__image img:not(.zoomImg) { max-height: 310px; }
}

/* Two cells in the same row: the parameter label always stays left of its value. */
@media (max-width: 767px) {
  html body.single-product .ps-description-copy table.shop_attributes { display: table !important; table-layout: fixed; width: 100%; }
  html body.single-product .ps-description-copy table.shop_attributes tbody { display: table-row-group !important; }
  html body.single-product .ps-description-copy table.shop_attributes tr { display: table-row !important; }
  html body.single-product .ps-description-copy table.shop_attributes :is(th,td) {
    display: table-cell !important; float: none; text-align: left !important; vertical-align: top;
    padding: 10px !important; min-width: 0; white-space: normal; overflow-wrap: anywhere;
  }
  html body.single-product .ps-description-copy table.shop_attributes th { width: 42% !important; }
  html body.single-product .ps-description-copy table.shop_attributes td { width: 58% !important; }
  html body.single-product .ps-description-copy table.shop_attributes td::before { display: none !important; }
}


/* Accepted independent audit, 22.09.2026. Items 4 and 7 and mobile COA omitted. */
/* Shared title geometry prevents default heading margins shifting either catalogue. */
html body .ps-shop-ref-title > :is(h1,.bde-heading,.bde-archive-title) { margin-block: 0; }

@media (max-width: 1119px) {
  html body .ps-shop-ref-sort select {
    width: 100%; max-width: 100%; min-width: 0; padding-right: 34px;
    text-overflow: clip;
  }
}

/* Generated WooCommerce cards: centre the entire image field, including its link. */
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product :is(.custom-area-1,.bde-woo-product-image) {
  justify-self: center; display: flex; justify-content: center; align-items: center;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .custom-area-1 > a {
  display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; max-width: 100%;
}
html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product :is(.custom-area-1,.bde-woo-product-image) img {
  display: block; width: 100% !important; max-width: 100% !important; height: 100% !important;
  object-fit: contain !important; aspect-ratio: 1 / 1; margin-inline: auto;
}
@media (min-width: 768px) {
  html body [data-faq-all-mobile] { display: none !important; }
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) ul.products > li.product {
    grid-template-rows: auto 42px minmax(36px,max-content) minmax(64px,1fr) 22px 38px !important;
  }
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product :is(.custom-area-1,.bde-woo-product-image) {
    width: min(100%,260px) !important; height: auto !important; aspect-ratio: 1 / 1;
  }
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product .bde-woo-product-quicklook {
    top: 16px !important; right: 16px !important;
  }
}
@media (hover: none), (pointer: coarse) {
  html body.breakdance.breakdance :is(.ps-product-list,.related.products,.ps-native-cross-sells) li.product :is(.bde-woo-product-quicklook,.bde-woo-product-quicklook-button) {
    visibility: visible !important; opacity: 1 !important; pointer-events: auto;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  html body.single-product .ps-pdp-coa-layout div.product > .images {
    width: 100% !important; max-width: 360px !important; margin: 0 auto !important; justify-self: center; float: none;
  }
  html body.single-product .ps-pdp-coa-layout .woocommerce-product-gallery__image { padding: 24px; }
  html body.single-product .ps-pdp-coa-layout .woocommerce-product-gallery__image img:not(.zoomImg) { max-height: 310px; }
}

/* Two cells in the same row: the parameter label always stays left of its value. */
@media (max-width: 767px) {
  html body.single-product .ps-description-copy table.shop_attributes { display: table !important; table-layout: fixed; width: 100%; }
  html body.single-product .ps-description-copy table.shop_attributes tbody { display: table-row-group !important; }
  html body.single-product .ps-description-copy table.shop_attributes tr { display: table-row !important; }
  html body.single-product .ps-description-copy table.shop_attributes :is(th,td) {
    display: table-cell !important; float: none; text-align: left !important; vertical-align: top;
    padding: 10px !important; min-width: 0; white-space: normal; overflow-wrap: anywhere;
  }
  html body.single-product .ps-description-copy table.shop_attributes th { width: 42% !important; }
  html body.single-product .ps-description-copy table.shop_attributes td { width: 58% !important; }
  html body.single-product .ps-description-copy table.shop_attributes td::before { display: none !important; }
}
/* CARD-03: keep two catalog columns from 360 px and retain every price disclosure. */
@media (max-width: 767px) {
  html body.breakdance.breakdance .ps-shop-ref-products.ps-product-list.breakdance-woocommerce ul.products > li.product {
    padding: 8px !important;
  }
  html body.breakdance.breakdance .ps-shop-ref-products.ps-product-list.breakdance-woocommerce ul.products > li.product.sale .price {
    align-items: baseline !important;
    column-gap: 3px !important;
    row-gap: 3px !important;
  }
  html body.breakdance.breakdance .ps-shop-ref-products.ps-product-list.breakdance-woocommerce ul.products > li.product.sale .price > :is(del,ins) {
    white-space: nowrap !important;
  }
  html body.breakdance.breakdance .ps-shop-ref-products.ps-product-list.breakdance-woocommerce ul.products > li.product.sale .price > .woocommerce-price-suffix,
  html body.breakdance.breakdance .ps-shop-ref-products.ps-product-list.breakdance-woocommerce ul.products > li.product.sale .price > .ps-omnibus-note {
    flex-basis: 100% !important;
  }
}

@media (min-width: 768px) {
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--two .ps-native-cross-sells ul.products {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    max-width: 900px !important;
  }
}

/* CART-02: real WooCommerce cross-sells, full section only with 2+ products. */
html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells {
  width: 100% !important;
  max-width: 680px !important;
  margin-right: auto !important;
}
html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells ul.products {
  grid-template-columns: minmax(0,1fr) !important;
}
html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells ul.products > li.product {
  --ps-photo: 86px;
  grid-template-columns: 86px minmax(0,1fr) 140px !important;
  grid-template-rows: auto auto auto !important;
  gap: 3px 12px !important;
  padding: 12px !important;
  height: auto !important;
  min-height: 0 !important;
  align-content: center !important;
  align-items: center !important;
}
html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product :is(.custom-area-1,.bde-woo-product-image) {
  grid-area: 1 / 1 / 4 / 2 !important;
  width: 86px !important;
  height: 86px !important;
  align-self: center !important;
}
html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .woocommerce-loop-product__title {
  grid-area: 1 / 2 !important;
  align-self: end !important;
}
html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .variations {
  grid-area: 2 / 2 !important;
  padding: 0 !important;
}
html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .price {
  grid-area: 3 / 2 !important;
  align-self: start !important;
}
html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product :is(.wvs-archive-information,.ps-loop-stock,.stock.ps-stock-status,.bde-woo-product-quicklook) {
  display: none !important;
}
html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .bde-woo-product-footer {
  grid-area: 1 / 3 / 4 / 4 !important;
  align-self: center !important;
}
html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .bde-woo-product-footer > .button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 8px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
}
@media (max-width: 767px) {
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations .ps-native-cross-sells {
    padding: 12px !important;
    gap: 10px !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations .ps-native-cross-sells-title {
    margin: 0 !important;
  }

  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--many .ps-native-cross-sells ul.products {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--many .ps-native-cross-sells ul.products > li.product {
    --ps-photo: 86px;
    grid-template-rows: 86px 38px 30px minmax(70px,auto) 0 44px !important;
    gap: 4px 0 !important;
    align-content: stretch !important;
    padding: 8px !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--many .ps-native-cross-sells li.product .woocommerce-loop-product__title {
    font-size: 13px !important;
    line-height: 1.2 !important;
    align-self: start !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--many .ps-native-cross-sells li.product :is(.wvs-archive-information,.ps-loop-stock,.stock.ps-stock-status,.bde-woo-product-quicklook) {
    display: none !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--many .ps-native-cross-sells li.product .price {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--many .ps-native-cross-sells li.product .price ins {
    font-size: 16px !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--many .ps-native-cross-sells li.product .price del {
    font-size: 11px !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--many .ps-native-cross-sells li.product .price .ps-omnibus-note {
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--many .ps-native-cross-sells li.product .bde-woo-product-footer > .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 4px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells ul.products {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 0 !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells ul.products > li.product {
    --ps-photo: 60px;
    grid-template-columns: 52px minmax(0,1fr) 78px !important;
    grid-template-rows: auto auto auto !important;
    gap: 2px 8px !important;
    padding: 10px !important;
    height: auto !important;
    min-height: 0 !important;
    align-content: center !important;
    align-items: center !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product :is(.custom-area-1,.bde-woo-product-image) {
    grid-area: 1 / 1 / 4 / 2 !important;
    width: 52px !important;
    height: 60px !important;
    align-self: center !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .woocommerce-loop-product__title {
    grid-area: 1 / 2 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    align-self: end !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .variations {
    grid-area: 2 / 2 !important;
    padding: 0 !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .price {
    grid-area: 3 / 2 !important;
    font-size: 12px !important;
    align-self: start !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .price ins {
    font-size: 14px !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .price del,
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .price .ps-omnibus-note {
    font-size: 10px !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product :is(.wvs-archive-information,.ps-loop-stock,.stock.ps-stock-status,.bde-woo-product-quicklook) {
    display: none !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .bde-woo-product-footer {
    grid-area: 1 / 3 / 4 / 4 !important;
    align-self: center !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--single .ps-native-cross-sells li.product .bde-woo-product-footer > .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 4px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (min-width: 380px) and (max-width: 767px) {
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--three .ps-native-cross-sells ul.products {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--three .ps-native-cross-sells ul.products > li.product {
    --ps-photo: 68px;
    grid-template-rows: 68px 42px 28px minmax(88px,auto) 0 44px !important;
    gap: 3px 0 !important;
    padding: 6px !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--three .ps-native-cross-sells li.product .woocommerce-loop-product__title {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: auto !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--three .ps-native-cross-sells li.product .price,
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--three .ps-native-cross-sells li.product .price ins {
    font-size: 14px !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--three .ps-native-cross-sells li.product .price del,
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--three .ps-native-cross-sells li.product .price .ps-omnibus-note {
    font-size: 9px !important;
  }
  html body.page-id-8.breakdance.breakdance #ps-cart-cross-sells .ps-cart-recommendations--three .ps-native-cross-sells li.product .bde-woo-product-footer > .button {
    font-size: 10px !important;
  }
}



