/* Canonical mobile/tablet PDP geometry, loaded after the historical mobile
 * styles so route-specific cascades cannot re-introduce the broken layout. */

@media (max-width: 820px) {
  .farfetch-product-page .welcome-promo-bar {
    height: 30px !important;
    min-height: 30px !important;
  }
}

@media (max-width: 600px) {
  .farfetch-product-page,
  .farfetch-product-page .product-page { overflow-x: clip !important; }

  .farfetch-product-page .retail-site-header .header-secondary,
  .farfetch-product-page .retail-site-header .department-nav { display: none !important; }
  .farfetch-product-page .retail-site-header .header-primary { height: 44px !important; }
  .farfetch-product-page .retail-site-header .compact-mobile-actions {
    display: flex !important;
    left: 4px !important;
    top: 0 !important;
  }
  .farfetch-product-page .retail-site-header .site-logo {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  .farfetch-product-page .retail-site-header .header-actions {
    display: flex !important;
    right: 4px !important;
    top: 0 !important;
    width: 88px !important;
  }
  .farfetch-product-page .retail-site-header .header-actions .region-button,
  .farfetch-product-page .retail-site-header .header-actions .account-button { display: none !important; }
  .farfetch-product-page .welcome-promo-bar { padding: 0 16px !important; text-align: left !important; }

  .farfetch-product-page .product-page { padding-bottom: 0 !important; }
  .farfetch-product-page .product-overview {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: auto !important;
    margin: 8px 16px 0 !important;
  }
  .farfetch-product-page .product-gallery {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    min-width: 0;
    width: 100% !important;
  }
  .farfetch-product-page .product-main-image {
    align-self: center !important;
    aspect-ratio: 3 / 4 !important;
    display: block !important;
    height: calc((80vw - 32px) * 4 / 3) !important;
    margin: 6px auto 0 !important;
    order: 1 !important;
    width: calc(80vw - 32px) !important;
  }
  .farfetch-product-page .product-main-image > button {
    display: block !important;
    height: 100% !important;
    width: 100% !important;
  }
  .farfetch-product-page .product-main-image img {
    height: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
  }
  .farfetch-product-page .product-gallery-pagination {
    background: #dedede !important;
    display: block !important;
    flex: 0 0 2px !important;
    height: 2px !important;
    margin: 20px 0 0 !important;
    order: 2 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
  }
  .farfetch-product-page .product-gallery-pagination > span {
    background: #222 !important;
    display: block !important;
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    transform: none !important;
    width: 50% !important;
  }
  .farfetch-product-page .product-thumbnails { display: none !important; }
  .farfetch-product-page .product-breadcrumbs {
    align-items: flex-start !important;
    display: flex !important;
    flex: 0 0 17px !important;
    flex-wrap: nowrap !important;
    font-size: 13px !important;
    height: 17px !important;
    line-height: 17px !important;
    margin: 0 !important;
    min-height: 17px !important;
    order: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: 100% !important;
  }
  .farfetch-product-page .product-breadcrumbs > span:not(:last-child) {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 28px !important;
    justify-content: center !important;
  }

  .farfetch-product-page .product-summary {
    align-self: stretch !important;
    display: block !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 12px 0 0 !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    z-index: auto !important;
  }
  .farfetch-product-page .product-season {
    font-size: 13px !important;
    line-height: 17px !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .farfetch-product-page .product-summary h1 {
    display: block !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    margin: 0 !important;
    width: calc(100% - 56px) !important;
  }
  .farfetch-product-page .product-title-brand {
    display: block !important;
    font-size: 22px !important;
    line-height: 28px !important;
  }
  .farfetch-product-page .product-description {
    -webkit-line-clamp: unset !important;
    display: block !important;
    font-size: 13px !important;
    line-height: 17px !important;
    margin: 40px 0 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }
  .farfetch-product-page .product-save {
    height: 44px !important;
    right: 0 !important;
    top: 0 !important;
    width: 44px !important;
  }
  .farfetch-product-page .product-price-line {
    align-items: baseline !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    font-size: 15px !important;
    line-height: 20px !important;
    margin: 12px 0 0 !important;
  }
  .farfetch-product-page .product-price-line strong,
  .farfetch-product-page .product-price-line span {
    display: inline !important;
    width: auto !important;
  }
  .farfetch-product-page .product-price-line strong { margin: 0 6px 0 0 !important; }
  .farfetch-product-page .product-price-line span {
    font-size: 13px !important;
    line-height: 17px !important;
    margin: 0 !important;
  }
  .farfetch-product-page .product-purchase { margin-top: 20px !important; }
  .farfetch-product-page .product-page-36134767 .product-purchase { margin-top: 20px !important; }
  .farfetch-product-page .product-price-sale { flex-wrap: wrap !important; row-gap: 0 !important; }
  .farfetch-product-page .product-price-sale s { color: #727272 !important; margin-right: 6px !important; }
  .farfetch-product-page .product-price-sale strong { color: #e21b2d !important; }
  .farfetch-product-page .product-price-sale em {
    color: #e21b2d !important;
    flex-basis: 100% !important;
    font-size: 13px !important;
    font-style: normal !important;
    line-height: 17px !important;
  }
  .farfetch-product-page .product-price-sale { height: 37px !important; }
  .farfetch-product-page .product-size-guide {
    display: block !important;
    margin: 0 0 19px auto !important;
    position: static !important;
    text-align: right !important;
  }
  .farfetch-product-page .product-size-selector { margin-top: 0 !important; width: 100% !important; }
  .farfetch-product-page .product-size-combobox { height: 44px !important; }
  .farfetch-product-page .product-enquiry-button {
    height: 44px !important;
    min-height: 44px !important;
    margin-top: 12px !important;
    padding: 10px 16px !important;
  }
  .farfetch-product-page .product-delivery-summary { margin-top: 24px !important; }
  .farfetch-product-page .product-return-highlight { margin-top: 16px !important; }
  .farfetch-product-page .product-information { margin: 24px 16px 0 !important; }
  .farfetch-product-page .product-information-size-fit { display: block !important; }
  .farfetch-product-page .pdp-contact-options,
  .farfetch-product-page .pdp-footer-skeletons { display: none !important; }

  .farfetch-product-page .product-page-36134767 .product-information {
    margin-top: 32px !important;
  }
  .farfetch-product-page .product-page-36134767 .product-information-details {
    margin-bottom: 0 !important;
  }
  .farfetch-product-page .product-page-36134767 .product-information-details .details-grid {
    padding: 36px 0 0 !important;
  }
  .farfetch-product-page .product-page-36134767 .product-information + .pdp-showcase {
    margin-top: 48px !important;
  }
  .farfetch-product-page .product-page-36134767 .pdp-showcase-skeleton {
    height: 349.609375px !important;
  }
  .farfetch-product-page .product-page-36134767 .product-price-sale s {
    font-size: 13px !important;
    line-height: 17px !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  .farfetch-product-page,
  .farfetch-product-page .product-page { overflow-x: clip !important; }
  .farfetch-product-page .retail-site-header .header-secondary {
    display: block !important;
    height: 56px !important;
    min-height: 56px !important;
  }
  .farfetch-product-page .retail-site-header .header-primary { height: 68px !important; }
  .farfetch-product-page .retail-site-header .compact-mobile-actions { display: none !important; }
  .farfetch-product-page .retail-site-header .department-nav { display: flex !important; }
  .farfetch-product-page .retail-site-header .header-actions { display: flex !important; }
  .farfetch-product-page .retail-site-header .site-logo {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .farfetch-product-page .product-page { padding-bottom: 0 !important; }
  .farfetch-product-page .product-overview {
    align-items: start !important;
    display: grid !important;
    gap: 24px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: 637px !important;
    margin: 24px 24px 0 !important;
  }
  .farfetch-product-page .product-gallery {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    min-width: 0 !important;
  }
  .farfetch-product-page .product-main-image {
    align-self: stretch !important;
    aspect-ratio: 3 / 4 !important;
    height: calc((50vw - 36px) * 4 / 3) !important;
    margin: 0 !important;
    order: 0 !important;
    width: 100% !important;
  }
  .farfetch-product-page .product-main-image > button { height: 100% !important; width: 100% !important; }
  .farfetch-product-page .product-main-image img { height: 100% !important; object-fit: cover !important; width: 100% !important; }
  .farfetch-product-page .product-thumbnails {
    display: flex !important;
    gap: 12px !important;
    margin-top: 12px !important;
    max-width: 100% !important;
    order: 1 !important;
    overflow: hidden !important;
  }
  .farfetch-product-page .product-thumbnails button {
    flex: 0 0 90px !important;
    height: 120px !important;
    opacity: .5 !important;
    padding: 0 !important;
    width: 90px !important;
  }
  .farfetch-product-page .product-thumbnails button.is-active,
  .farfetch-product-page .product-thumbnails button[aria-pressed='true'] { opacity: 1 !important; }
  .farfetch-product-page .product-gallery-pagination { display: none !important; }
  .farfetch-product-page .product-breadcrumbs {
    display: flex !important;
    flex: 0 0 17px !important;
    font-size: 13px !important;
    height: 17px !important;
    line-height: 17px !important;
    margin: 24px 0 0 !important;
    min-height: 17px !important;
    order: 2 !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }
  .farfetch-product-page .product-breadcrumbs > span:not(:last-child) {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 28px !important;
    justify-content: center !important;
  }
  .farfetch-product-page .product-summary {
    align-self: start !important;
    display: block !important;
    height: 451.921875px !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: sticky !important;
    top: 154px !important;
    width: auto !important;
  }
  .farfetch-product-page .product-season { font-size: 13px !important; line-height: 17px !important; margin: 0 !important; }
  .farfetch-product-page .product-summary h1 {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 40px !important;
    margin: 0 !important;
    width: calc(100% - 56px) !important;
  }
  .farfetch-product-page .product-title-brand { display: block !important; font-size: 30px !important; line-height: 40px !important; }
  .farfetch-product-page .product-description {
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    font-size: 13px !important;
    line-height: 17px !important;
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
  }
  .farfetch-product-page .product-save { height: 44px !important; right: 0 !important; top: 0 !important; width: 44px !important; }
  .farfetch-product-page .product-price-line { margin: 12px 0 0 !important; }
  .farfetch-product-page .product-price-line strong,
  .farfetch-product-page .product-price-line span { display: inline !important; margin: 0 6px 0 0 !important; width: auto !important; }
  .farfetch-product-page .product-purchase { margin-top: 28px !important; }
  .farfetch-product-page .product-return-highlight { margin-top: 24px !important; }
  .farfetch-product-page .product-price-sale { flex-wrap: wrap !important; row-gap: 0 !important; }
  .farfetch-product-page .product-price-sale s { color: #727272 !important; margin-right: 6px !important; }
  .farfetch-product-page .product-price-sale strong { color: #e21b2d !important; }
  .farfetch-product-page .product-price-sale em {
    color: #e21b2d !important;
    flex-basis: 100% !important;
    font-size: 13px !important;
    font-style: normal !important;
    line-height: 17px !important;
  }
  .farfetch-product-page .product-price-sale { height: 37px !important; }
  .farfetch-product-page .product-size-guide { display: block !important; margin: 0 0 19px auto !important; position: static !important; text-align: right !important; }
  .farfetch-product-page .product-size-selector { margin-top: 0 !important; width: 100% !important; }
  .farfetch-product-page .product-size-combobox { height: 44px !important; }
  .farfetch-product-page .product-enquiry-button { height: 44px !important; margin-top: 12px !important; min-height: 44px !important; }
  .farfetch-product-page .product-information { margin: 24px 24px 0 !important; }
  .farfetch-product-page .product-information-size-fit { display: block !important; }
  .farfetch-product-page .pdp-contact-options,
  .farfetch-product-page .pdp-footer-skeletons { display: none !important; }

  .farfetch-product-page .product-page-36134767 .product-purchase {
    margin-top: 38px !important;
  }
  .farfetch-product-page .product-page-36134767 .product-enquiry-button {
    bottom: auto !important;
    left: auto !important;
    margin-top: 12px !important;
    position: static !important;
    width: 100% !important;
  }
  .farfetch-product-page .product-page-36134767 .product-information {
    margin-top: 59px !important;
  }
  .farfetch-product-page .product-page-36134767 .product-information .details-grid {
    padding: 12px 0 !important;
  }
  .farfetch-product-page .product-page-36134767 .product-details-36134767 {
    grid-column: 1 / -1;
  }
  .farfetch-product-page .product-page-36134767 .product-information-size-fit {
    display: none !important;
  }
  .farfetch-product-page .product-page-36134767 .product-information + .pdp-showcase {
    margin-top: 48px !important;
  }
}

/* The Chloé PDP remains in the source's horizontal-carousel, single-column
 * flow at tablet widths.  This is deliberately different from the 36134767
 * sale PDP, whose live source uses a two-column tablet summary. */
@media (min-width: 601px) and (max-width: 820px) {
  body.farfetch-product-id-37699969 .retail-site-header .header-secondary,
  body.farfetch-product-id-37699969 .retail-site-header .department-nav {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  body.farfetch-product-id-37699969 .retail-site-header .header-primary {
    height: 68px !important;
  }

  body.farfetch-product-id-37699969 .retail-site-header .compact-mobile-actions {
    display: flex !important;
    left: 12px !important;
    top: 12px !important;
  }

  body.farfetch-product-id-37699969 .retail-site-header .header-actions {
    right: 12px !important;
    top: 12px !important;
    width: 88px !important;
  }

  body.farfetch-product-id-37699969 .retail-site-header .header-actions .region-button,
  body.farfetch-product-id-37699969 .retail-site-header .header-actions .account-button {
    display: none !important;
  }

  .farfetch-product-page .product-page-37699969 .product-overview {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: auto !important;
    margin: 24px 24px 0 !important;
  }

  .farfetch-product-page .product-page-37699969 .product-gallery {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-37699969 .product-breadcrumbs {
    align-items: flex-start !important;
    display: flex !important;
    flex: 0 0 27px !important;
    flex-wrap: nowrap !important;
    font-size: 13px !important;
    height: 27px !important;
    line-height: 17px !important;
    margin: 0 !important;
    min-height: 27px !important;
    order: 0 !important;
    overflow: hidden !important;
    padding: 10px 0 0 !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-37699969 .product-main-image {
    align-self: center !important;
    aspect-ratio: 3 / 4 !important;
    height: calc((100vw - 201.59375px) * 4 / 3) !important;
    margin: 44px auto 0 !important;
    order: 1 !important;
    width: calc(100vw - 201.59375px) !important;
  }

  .farfetch-product-page .product-page-37699969 .product-main-image > button,
  .farfetch-product-page .product-page-37699969 .product-main-image img {
    display: block !important;
    height: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-37699969 .product-thumbnails {
    display: none !important;
  }

  .farfetch-product-page .product-page-37699969 .product-gallery-pagination {
    background: #dedede !important;
    display: block !important;
    flex: 0 0 2px !important;
    height: 2px !important;
    margin: 20px 0 0 !important;
    order: 2 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-37699969 .product-gallery-pagination > span {
    background: #222 !important;
    display: block !important;
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 50% !important;
  }

  .farfetch-product-page .product-page-37699969 .product-summary {
    align-self: stretch !important;
    display: block !important;
    height: auto !important;
    padding: 12px 0 0 !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-37699969 .product-season {
    font-size: 13px !important;
    line-height: 17px !important;
    margin: 0 !important;
  }

  .farfetch-product-page .product-page-37699969 .product-summary h1 {
    display: block !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    margin: 0 !important;
    width: calc(100% - 56px) !important;
  }

  .farfetch-product-page .product-page-37699969 .product-title-brand {
    display: block !important;
    font-size: 22px !important;
    line-height: 28px !important;
  }

  .farfetch-product-page .product-page-37699969 .product-description {
    -webkit-line-clamp: unset !important;
    display: block !important;
    font-size: 13px !important;
    line-height: 17px !important;
    margin: 40px 0 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-37699969 .product-save {
    height: 44px !important;
    right: 0 !important;
    top: 12px !important;
    width: 44px !important;
  }

  .farfetch-product-page .product-page-37699969 .product-price-line {
    align-items: baseline !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    margin: 12px 0 0 !important;
  }

  .farfetch-product-page .product-page-37699969 .product-price-line strong,
  .farfetch-product-page .product-page-37699969 .product-price-line span {
    display: inline !important;
    margin: 0 6px 0 0 !important;
    width: auto !important;
  }

  .farfetch-product-page .product-page-37699969 .product-purchase {
    margin-top: 20px !important;
  }

  .farfetch-product-page .product-page-37699969 .product-size-guide {
    display: block !important;
    margin: 0 0 19px auto !important;
    position: static !important;
    text-align: right !important;
  }

  .farfetch-product-page .product-page-37699969 .product-size-selector,
  .farfetch-product-page .product-page-37699969 .product-size-combobox {
    width: 100% !important;
  }

  .farfetch-product-page .product-page-37699969 .product-size-combobox,
  .farfetch-product-page .product-page-37699969 .product-enquiry-button {
    height: 44px !important;
    min-height: 44px !important;
  }

  .farfetch-product-page .product-page-37699969 .product-enquiry-button {
    margin-top: 12px !important;
    position: static !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-37699969 .product-information {
    margin: 48px 24px 0 !important;
  }

  .farfetch-product-page .product-page-37699969 .product-purchase {
    margin-top: 28px !important;
  }

  .farfetch-product-page .product-page-37699969 .product-size-guide {
    margin-bottom: 27px !important;
  }

  .farfetch-product-page .product-page-37699969 .product-information-size-fit {
    display: none !important;
  }

  .farfetch-product-page .product-page-37699969 .product-details-37699969 {
    display: block !important;
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 600px) {
  .farfetch-product-page .product-page-37699969 .product-information {
    margin-top: 32px !important;
  }

  .farfetch-product-page .product-page-37699969 .product-information-size-fit {
    display: none !important;
  }

  .farfetch-product-page .product-page-37699969 .product-details-37699969 {
    display: block !important;
  }
}

/* Product 36134767 has a live sale layout whose detail block differs from the
 * catalogue default. Keep these last so no generic PDP stylesheet can change
 * its purchase flow or information geometry. */
@media (max-width: 600px) {
  .farfetch-product-page .product-page-36134767 .product-information {
    margin-top: 32px !important;
  }

  .farfetch-product-page .product-page-36134767 .product-information-details {
    margin-bottom: 0 !important;
  }

  .farfetch-product-page .product-page-36134767 .product-information-details .details-grid {
    padding: 36px 0 0 !important;
  }

  .farfetch-product-page .product-page-36134767 .product-information + .pdp-showcase {
    margin-top: 48px !important;
  }

  .farfetch-product-page .product-page-36134767 .pdp-showcase-skeleton {
    height: 349.609375px !important;
  }

  .farfetch-product-page .product-page-36134767 .product-price-sale s {
    font-size: 13px !important;
    line-height: 17px !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  .farfetch-product-page .product-page-36134767 .product-purchase {
    margin-top: 38px !important;
  }

  .farfetch-product-page .product-page-36134767 .product-enquiry-button {
    bottom: auto !important;
    left: auto !important;
    margin-top: 12px !important;
    position: static !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-36134767 .product-information {
    margin-top: 59px !important;
  }

  .farfetch-product-page .product-page-36134767 .product-information .details-grid {
    padding: 12px 0 !important;
  }

  .farfetch-product-page .product-page-36134767 .product-details-36134767 {
    grid-column: 1 / -1;
  }

  .farfetch-product-page .product-page-36134767 .product-information-size-fit {
    display: none !important;
  }

  .farfetch-product-page .product-page-36134767 .product-information + .pdp-showcase {
    margin-top: 48px !important;
  }
}

/* The live sale PDP keeps the same tablet carousel flow as the Chloé PDP:
 * product media first, then a full-width summary and source-order details. */
@media (min-width: 601px) and (max-width: 820px) {
  body.farfetch-product-id-36134767 .retail-site-header .header-secondary,
  body.farfetch-product-id-36134767 .retail-site-header .department-nav {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  body.farfetch-product-id-36134767 .retail-site-header .header-primary {
    height: 68px !important;
  }

  body.farfetch-product-id-36134767 .retail-site-header .compact-mobile-actions {
    display: flex !important;
    left: 12px !important;
    top: 12px !important;
  }

  body.farfetch-product-id-36134767 .retail-site-header .header-actions {
    right: 12px !important;
    top: 12px !important;
    width: 88px !important;
  }

  body.farfetch-product-id-36134767 .retail-site-header .header-actions .region-button,
  body.farfetch-product-id-36134767 .retail-site-header .header-actions .account-button {
    display: none !important;
  }

  .farfetch-product-page .product-page-36134767 .product-overview {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: auto !important;
    margin: 24px 24px 0 !important;
  }

  .farfetch-product-page .product-page-36134767 .product-gallery {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-36134767 .product-breadcrumbs {
    align-items: flex-start !important;
    display: flex !important;
    flex: 0 0 27px !important;
    flex-wrap: nowrap !important;
    font-size: 13px !important;
    height: 27px !important;
    line-height: 17px !important;
    margin: 0 !important;
    min-height: 27px !important;
    order: 0 !important;
    overflow: hidden !important;
    padding: 10px 0 0 !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-36134767 .product-main-image {
    align-self: center !important;
    aspect-ratio: 3 / 4 !important;
    height: calc((100vw - 202px) * 4 / 3) !important;
    margin: 44px auto 0 !important;
    order: 1 !important;
    width: calc(100vw - 202px) !important;
  }

  .farfetch-product-page .product-page-36134767 .product-main-image > button,
  .farfetch-product-page .product-page-36134767 .product-main-image img {
    display: block !important;
    height: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-36134767 .product-thumbnails {
    display: none !important;
  }

  .farfetch-product-page .product-page-36134767 .product-gallery-pagination {
    background: #dedede !important;
    display: block !important;
    flex: 0 0 2px !important;
    height: 2px !important;
    margin: 20px 0 0 !important;
    order: 2 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-36134767 .product-gallery-pagination > span {
    background: #222 !important;
    display: block !important;
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 50% !important;
  }

  .farfetch-product-page .product-page-36134767 .product-summary {
    align-self: stretch !important;
    display: block !important;
    height: auto !important;
    padding: 12px 0 0 !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-36134767 .product-summary h1 {
    display: block !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    margin: 0 !important;
    width: calc(100% - 56px) !important;
  }

  .farfetch-product-page .product-page-36134767 .product-title-brand {
    display: block !important;
    font-size: 22px !important;
    line-height: 28px !important;
  }

  .farfetch-product-page .product-page-36134767 .product-description {
    -webkit-line-clamp: unset !important;
    display: block !important;
    font-size: 13px !important;
    line-height: 17px !important;
    margin: 40px 0 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-36134767 .product-save {
    height: 44px !important;
    right: 0 !important;
    top: 12px !important;
    width: 44px !important;
  }

  .farfetch-product-page .product-page-36134767 .product-price-line {
    align-items: baseline !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    margin: 12px 0 0 !important;
  }

  .farfetch-product-page .product-page-36134767 .product-price-line strong,
  .farfetch-product-page .product-page-36134767 .product-price-line span {
    display: inline !important;
    margin: 0 6px 0 0 !important;
    width: auto !important;
  }

  .farfetch-product-page .product-page-36134767 .product-purchase {
    margin-top: 28px !important;
  }

  .farfetch-product-page .product-page-36134767 .product-size-guide {
    display: block !important;
    margin: 0 0 27px auto !important;
    position: static !important;
    text-align: right !important;
  }

  .farfetch-product-page .product-page-36134767 .product-size-selector,
  .farfetch-product-page .product-page-36134767 .product-size-combobox {
    width: 100% !important;
  }

  .farfetch-product-page .product-page-36134767 .product-size-combobox,
  .farfetch-product-page .product-page-36134767 .product-enquiry-button {
    height: 44px !important;
    min-height: 44px !important;
  }

  .farfetch-product-page .product-page-36134767 .product-enquiry-button {
    bottom: auto !important;
    left: auto !important;
    margin-top: 12px !important;
    position: static !important;
    width: 100% !important;
  }

  .farfetch-product-page .product-page-36134767 .product-information {
    margin: 48px 24px 0 !important;
  }

  .farfetch-product-page .product-page-36134767 .product-information .details-grid {
    padding: 12px 0 !important;
  }

  .farfetch-product-page .product-page-36134767 .product-details-36134767 {
    display: block !important;
    grid-column: 1 / -1 !important;
  }

  .farfetch-product-page .product-page-36134767 .product-information-size-fit {
    display: none !important;
  }
}

@media (max-width: 600px) {
  .farfetch-product-page .product-page-36134767 .product-information {
    margin-top: 24px !important;
  }

  .farfetch-product-page .product-page-36134767 .product-information-details .details-grid {
    padding: 20px 0 0 !important;
  }
}

/* The source PDP keeps its primary header in view while the product gallery and
 * details scroll beneath it.  Keep this above the product controls but below
 * drawers and gallery dialogs, whose z-index values are higher. */
@media (max-width: 820px) {
  .farfetch-product-page .retail-site-header {
    position: sticky;
    top: 0;
    z-index: 200;
  }
}

/* Live 390px PDP shell and Chloé gallery. These rules deliberately come
 * after the historical compact-PDP cascade: the source has its complete
 * 44px primary + 56px search row, then a full-width 3:4 gallery with a
 * thumbnail rail and breadcrumbs below the image. */
@media (max-width: 600px) {
  .farfetch-product-page .retail-site-header .header-primary { height: 44px !important; }
  .farfetch-product-page .retail-site-header .compact-mobile-actions { display: none !important; }

  .farfetch-product-page .retail-site-header .department-nav {
    align-items: center;
    display: flex !important;
    height: 44px;
    left: 16px;
    position: absolute;
    top: 0;
    z-index: 2;
  }

  .farfetch-product-page .retail-site-header .department-nav a {
    display: block !important;
    font-size: 15px;
    line-height: 20px;
  }

  .farfetch-product-page .retail-site-header .department-nav a:not(.is-current),
  .farfetch-product-page .retail-site-header .department-nav button { display: none !important; }

  .farfetch-product-page .retail-site-header .site-logo {
    left: 82px !important;
    top: 14px !important;
    transform: none !important;
  }

  .farfetch-product-page .retail-site-header .header-actions {
    display: flex !important;
    height: 44px !important;
    right: -8px !important;
    top: 0 !important;
    width: 176px !important;
  }

  .farfetch-product-page .retail-site-header .header-actions .region-button,
  .farfetch-product-page .retail-site-header .header-actions .account-button { display: flex !important; }

  .farfetch-product-page .retail-site-header .header-secondary {
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    display: flex !important;
    height: 56px !important;
    min-height: 56px !important;
    overflow: hidden;
    padding: 0 16px;
  }

  .farfetch-product-page .retail-site-header .header-secondary > .mobile-menu-button,
  .farfetch-product-page .retail-site-header .header-secondary > .category-nav { display: none !important; }

  .farfetch-product-page .retail-site-header .header-secondary > .mobile-new-in {
    align-items: center;
    display: flex !important;
    flex: 0 0 88px;
    font-size: 15px;
    height: 56px;
    line-height: 20px;
  }

  .farfetch-product-page .retail-site-header .header-secondary > .header-search {
    border-bottom: 1px solid #727272;
    display: flex !important;
    flex: 1 1 auto;
    height: 44px;
    margin: 0 !important;
    min-width: 0;
  }
  .farfetch-product-page .retail-site-header .header-secondary > .header-search input { display: block !important; }

  body.farfetch-product-id-37699969 .product-overview { margin: 16px 16px 0 !important; }
  body.farfetch-product-id-37699969 .product-page-37699969 .product-gallery {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  body.farfetch-product-id-37699969 .product-page-37699969 .product-main-image {
    align-self: stretch !important;
    height: calc((100vw - 32px) * 4 / 3) !important;
    margin: 0 !important;
    order: 0 !important;
    width: 100% !important;
  }
  body.farfetch-product-id-37699969 .product-page-37699969 .product-main-image > button,
  body.farfetch-product-id-37699969 .product-page-37699969 .product-main-image img {
    height: 100% !important;
    object-fit: cover !important;
    width: 100% !important;
  }
  body.farfetch-product-id-37699969 .product-page-37699969 .product-thumbnails {
    display: flex !important;
    gap: 12px !important;
    margin: 12px 0 0 !important;
    order: 1 !important;
    overflow: hidden !important;
  }
  body.farfetch-product-id-37699969 .product-page-37699969 .product-thumbnails button {
    flex: 0 0 90px !important;
    height: 120px !important;
    opacity: .5 !important;
    padding: 0 !important;
    width: 90px !important;
  }
  body.farfetch-product-id-37699969 .product-page-37699969 .product-thumbnails button.is-active,
  body.farfetch-product-id-37699969 .product-page-37699969 .product-thumbnails button[aria-pressed='true'] { opacity: 1 !important; }
  body.farfetch-product-id-37699969 .product-page-37699969 .product-gallery-pagination { display: none !important; }
  body.farfetch-product-id-37699969 .product-page-37699969 .product-breadcrumbs {
    display: flex !important;
    flex: 0 0 17px !important;
    height: 17px !important;
    margin: 24px 0 0 !important;
    min-height: 17px !important;
    order: 2 !important;
    padding: 0 !important;
  }
  body.farfetch-product-id-37699969 .product-page-37699969 .product-summary { padding: 0 !important; }
}

/*
 * Current mobile PDP source contract.  The live product page is a single
 * vertical purchase flow: breadcrumb, centred 3:4 product image, progress
 * rail and full-width product copy.  The previous late legacy override
 * reintroduced a full-width image, thumbnail rail and two-row search header
 * for the Chloé reference page, which shifted every control by hundreds of
 * pixels.  This route-wide final layer keeps every captured PDP on the same
 * source layout rather than treating 37699969 as a desktop-style exception.
 */
@media (max-width: 600px) {
  body.farfetch-product-page .retail-site-header .header-primary {
    height: 44px !important;
  }

  body.farfetch-product-page .retail-site-header .compact-mobile-actions {
    align-items: center !important;
    display: flex !important;
    height: 44px !important;
    left: 4px !important;
    top: 0 !important;
    width: 88px !important;
  }

  body.farfetch-product-page .retail-site-header .compact-mobile-icon-button {
    display: flex !important;
    flex: 0 0 44px !important;
    height: 44px !important;
    width: 44px !important;
  }

  body.farfetch-product-page .retail-site-header .department-nav,
  body.farfetch-product-page .retail-site-header .header-secondary {
    display: none !important;
  }

  body.farfetch-product-page .retail-site-header .header-secondary {
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.farfetch-product-page .retail-site-header .site-logo {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 124px !important;
  }

  body.farfetch-product-page .retail-site-header .header-actions {
    display: flex !important;
    height: 44px !important;
    right: 4px !important;
    top: 0 !important;
    width: 88px !important;
  }

  body.farfetch-product-page .retail-site-header .header-actions .region-button,
  body.farfetch-product-page .retail-site-header .header-actions .account-button {
    display: none !important;
  }

  body.farfetch-product-page .retail-site-header .header-actions > .icon-button:not(.region-button):not(.account-button) {
    display: flex !important;
    flex: 0 0 44px !important;
    height: 44px !important;
    width: 44px !important;
  }

  body.farfetch-product-page .welcome-promo-bar {
    height: 30px !important;
    min-height: 30px !important;
    padding: 3px 16px !important;
  }

  body.farfetch-product-page .product-page {
    overflow-x: clip !important;
    padding-bottom: 0 !important;
  }

  body.farfetch-product-page .product-overview {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: auto !important;
    margin: 8px 16px 0 !important;
    width: auto !important;
  }

  body.farfetch-product-page .product-gallery {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body.farfetch-product-page .product-breadcrumbs {
    align-items: flex-start !important;
    display: flex !important;
    flex: 0 0 17px !important;
    flex-wrap: nowrap !important;
    font-size: 13px !important;
    height: 17px !important;
    line-height: 17px !important;
    margin: 0 !important;
    min-height: 17px !important;
    order: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  body.farfetch-product-page .product-main-image {
    align-self: center !important;
    aspect-ratio: 3 / 4 !important;
    display: block !important;
    height: calc((100vw - 110px) * 4 / 3) !important;
    margin: 6px auto 0 !important;
    order: 1 !important;
    width: calc(100vw - 110px) !important;
  }

  body.farfetch-product-page .product-main-image > button,
  body.farfetch-product-page .product-main-image img {
    display: block !important;
    height: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
  }

  body.farfetch-product-page .product-thumbnails {
    display: none !important;
  }

  body.farfetch-product-page .product-gallery-pagination {
    background: #dedede !important;
    display: block !important;
    flex: 0 0 2px !important;
    height: 2px !important;
    margin: 20px 0 0 !important;
    order: 2 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
  }

  body.farfetch-product-page .product-gallery-pagination > span {
    background: #222 !important;
    display: block !important;
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    transform: none !important;
    width: 50% !important;
  }

  body.farfetch-product-page .product-summary {
    align-self: stretch !important;
    display: block !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 12px 0 0 !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
  }

  body.farfetch-product-page .product-summary h1 {
    display: block !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    margin: 0 !important;
    width: calc(100% - 56px) !important;
  }

  body.farfetch-product-page .product-title-brand {
    display: block !important;
    font-size: 22px !important;
    line-height: 28px !important;
  }

  body.farfetch-product-page .product-description {
    -webkit-line-clamp: unset !important;
    display: block !important;
    font-size: 13px !important;
    line-height: 17px !important;
    margin: 40px 0 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  body.farfetch-product-page .product-save {
    height: 44px !important;
    right: 0 !important;
    top: 0 !important;
    width: 44px !important;
  }

  body.farfetch-product-page .product-price-line {
    align-items: baseline !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    font-size: 15px !important;
    line-height: 20px !important;
    margin: 12px 0 0 !important;
  }

  body.farfetch-product-page .product-price-line strong,
  body.farfetch-product-page .product-price-line span {
    display: inline !important;
    width: auto !important;
  }

  body.farfetch-product-page .product-price-line strong {
    margin: 0 6px 0 0 !important;
  }

  body.farfetch-product-page .product-price-line span {
    font-size: 13px !important;
    line-height: 17px !important;
    margin: 0 !important;
  }

  body.farfetch-product-page .product-purchase,
  body.farfetch-product-page .product-page-36134767 .product-purchase {
    margin-top: 20px !important;
  }

  body.farfetch-product-page .product-size-guide {
    display: block !important;
    margin: 0 0 19px auto !important;
    position: static !important;
    text-align: right !important;
  }

  body.farfetch-product-page .product-size-selector,
  body.farfetch-product-page .product-size-combobox {
    margin-top: 0 !important;
    width: 100% !important;
  }

  body.farfetch-product-page .product-size-combobox,
  body.farfetch-product-page .product-enquiry-button {
    height: 44px !important;
    min-height: 44px !important;
  }

  body.farfetch-product-page .product-enquiry-button {
    margin-top: 12px !important;
    padding: 10px 16px !important;
    width: 100% !important;
  }

  body.farfetch-product-page .product-information,
  body.farfetch-product-page .product-page-37699969 .product-information,
  body.farfetch-product-page .product-page-36134767 .product-information {
    margin: 32px 16px 0 !important;
  }
}

@media (max-width: 350px) {
  body.farfetch-product-page .welcome-promo-bar {
    height: 46px !important;
    min-height: 46px !important;
  }
}

/* The source promotes the existing purchase action into a fixed 44px mobile
 * action only after it has scrolled above the viewport. The JavaScript keeps
 * the original button (and its size/enquiry handler) rather than cloning a
 * second focusable control. */
@media (max-width: 600px) {
  body.farfetch-product-page.farfetch-product-page .product-page-37699969 .product-enquiry-button.is-mobile-sticky {
    bottom: -40px !important;
    left: 16px !important;
    margin-top: 0 !important;
    position: fixed !important;
    right: 16px !important;
    transform: translateY(0) !important;
    transition: transform 425ms ease-in-out, background-color 0.3s cubic-bezier(0, 0, 0, 1), border-color 0.3s cubic-bezier(0, 0, 0, 1), opacity 0.3s cubic-bezier(0, 0, 0, 1), color 0.3s cubic-bezier(0, 0, 0, 1) !important;
    width: calc(100% - 32px) !important;
    z-index: 1 !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-page-37699969 .product-enquiry-button.is-mobile-sticky:not(.is-mobile-sticky-visible) {
    pointer-events: none;
  }

  body.farfetch-product-page.farfetch-product-page .product-page-37699969 .product-enquiry-button.is-mobile-sticky.is-mobile-sticky-visible {
    transform: translateY(-80px) !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  body.farfetch-product-page.farfetch-product-page .product-page-37699969 .product-enquiry-button.is-mobile-sticky {
    bottom: -40px !important;
    left: 24px !important;
    margin-top: 0 !important;
    position: fixed !important;
    right: 24px !important;
    transform: translateY(0) !important;
    transition: transform 425ms ease-in-out, background-color 0.3s cubic-bezier(0, 0, 0, 1), border-color 0.3s cubic-bezier(0, 0, 0, 1), opacity 0.3s cubic-bezier(0, 0, 0, 1), color 0.3s cubic-bezier(0, 0, 0, 1) !important;
    width: calc(100% - 48px) !important;
    z-index: 1 !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-page-37699969 .product-enquiry-button.is-mobile-sticky:not(.is-mobile-sticky-visible) {
    pointer-events: none;
  }

  body.farfetch-product-page.farfetch-product-page .product-page-37699969 .product-enquiry-button.is-mobile-sticky.is-mobile-sticky-visible {
    transform: translateY(-80px) !important;
  }
}

/* Match the specificity of the retired 37699969-only layer above. */
@media (max-width: 600px) {
  body.farfetch-product-page.farfetch-product-page .product-breadcrumbs {
    align-items: flex-start !important;
    display: flex !important;
    flex: 0 0 17px !important;
    height: 17px !important;
    margin: 0 !important;
    min-height: 17px !important;
    order: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-main-image {
    align-self: center !important;
    aspect-ratio: 3 / 4 !important;
    height: calc((80vw - 32px) * 4 / 3) !important;
    margin: 6px auto 0 !important;
    order: 1 !important;
    width: calc(80vw - 32px) !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-main-image > button,
  body.farfetch-product-page.farfetch-product-page .product-main-image img {
    height: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-thumbnails {
    display: none !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-gallery-pagination {
    background: #dedede !important;
    display: block !important;
    flex: 0 0 2px !important;
    height: 2px !important;
    margin: 20px 0 0 !important;
    order: 2 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-gallery-pagination > span {
    background: #222 !important;
    display: block !important;
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    transform: none !important;
    width: 50% !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-summary {
    padding: 12px 0 0 !important;
  }
}

/* This stylesheet is the final mobile shell asset, so keep the ordinary
 * service-page footer skeleton after destination CSS can no longer override
 * its measured bars. */
@media (max-width: 820px) {
  .retail-source-footer-skeleton {
    background: #e6e6e6 !important;
    box-sizing: border-box !important;
    display: block !important;
    height: 334.984375px !important;
    margin-top: 48px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
  }

  .retail-source-footer-skeleton .destination-source-footer-skeleton-links {
    border: 0 !important;
    box-sizing: border-box !important;
    height: 132px !important;
    left: var(--retail-footer-skeleton-inset, 16px) !important;
    padding: 0 !important;
    position: absolute !important;
    right: var(--retail-footer-skeleton-inset, 16px) !important;
    top: 28px !important;
  }

  .retail-source-footer-skeleton .destination-source-footer-skeleton-links span {
    background: #f5f5f5 !important;
    display: block !important;
    height: 19.984375px !important;
    margin: 0 0 36px !important;
    width: 100% !important;
  }

  .retail-source-footer-skeleton .destination-source-footer-skeleton-links span:nth-child(2) {
    width: 80% !important;
  }

  .retail-source-footer-skeleton .destination-source-footer-skeleton-legal {
    height: 86px !important;
    left: var(--retail-footer-skeleton-inset, 16px) !important;
    padding: 0 !important;
    position: absolute !important;
    right: var(--retail-footer-skeleton-inset, 16px) !important;
    top: 233px !important;
  }

  .retail-source-footer-skeleton .destination-source-footer-skeleton-legal span {
    background: #f5f5f5 !important;
    height: 19.984375px !important;
    margin: 0 !important;
    position: absolute !important;
  }

  .retail-source-footer-skeleton .destination-source-footer-skeleton-legal span:nth-child(1) { left: 0; top: 0; width: 44px; }
  .retail-source-footer-skeleton .destination-source-footer-skeleton-legal span:nth-child(2) { left: 68px; top: 0; width: 44px; }
  .retail-source-footer-skeleton .destination-source-footer-skeleton-legal span:nth-child(3) { left: 136px; top: 0; width: 44px; }
  .retail-source-footer-skeleton .destination-source-footer-skeleton-legal span:nth-child(4) { height: 17px !important; left: 0; top: 44px; width: 75%; }
  .retail-source-footer-skeleton .destination-source-footer-skeleton-legal span:nth-child(5) { height: 17px !important; left: 0; top: 69px; width: 45%; }

  body.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-source-footer-skeleton + footer.site-footer.site-footer {
    display: none !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  .retail-source-footer-skeleton {
    --retail-footer-skeleton-inset: 24px;
  }
}

/* The hydrated source keeps the closed SIZE & FIT row in the reference
 * Chloé product flow and reserves the two post-newsletter loading cards. */
@media (max-width: 820px) {
  body.farfetch-product-page.farfetch-product-page .product-page-37699969 .product-information-size-fit {
    display: block !important;
  }

  body.farfetch-product-page .pdp-footer-skeletons {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 112px 16px 24px !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  body.farfetch-product-page .pdp-footer-skeletons {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 94px 24px 24px !important;
  }
}

@media (max-width: 600px) {
  body.farfetch-product-page.farfetch-product-page .product-page-37699969 .product-information {
    margin-top: 56px !important;
  }
}

/* The Alberta Ferretti sale PDP has a product-specific source state: at phone
 * width its details block is followed directly by the delivery row, while the
 * tablet source keeps the closed SIZE & FIT row. The 12px panel inset and
 * resulting flow align the detail copy and every downstream shelf naturally. */
@media (max-width: 600px) {
  body.farfetch-product-page.farfetch-product-page .product-page-36134767 .product-information {
    margin-top: 56px !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-page-36134767 .product-information-details .details-grid {
    padding: 12px 0 !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-page-36134767 .product-information-details {
    margin-bottom: 12px !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-page-36134767 .product-information-size-fit {
    display: none !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-page-36134767 .pdp-recommendations {
    height: 379.59375px !important;
    min-height: 379.59375px !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-page-36134767 .pdp-recommendations-track,
  body.farfetch-product-page.farfetch-product-page .product-page-36134767 .pdp-recommendation-card {
    height: 339.609375px !important;
    min-height: 339.609375px !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  body.farfetch-product-page.farfetch-product-page .product-page-36134767 .product-information-size-fit {
    display: block !important;
  }
}

@media (max-width: 820px) {
  body.farfetch-product-page.farfetch-product-page .product-page-36134767 .pdp-why-farfetch {
    margin-top: 48px !important;
  }
}

/* Settled PDP footer: the live mobile product page uses four collapsed rows,
 * followed by social/app actions.  Earlier product rules expanded every
 * panel, so keep this route-specific shell as the final cascade layer. */
@media (max-width: 820px) {
  body.farfetch-product-page.farfetch-product-page .site-footer {
    background: #e6e6e6 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    height: 681.9375px !important;
    min-height: 681.9375px !important;
    overflow: hidden !important;
    padding: 16px 0 !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-links {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 435.96875px !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: 435.96875px !important;
    margin: 0 16px !important;
    width: auto !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-group {
    display: block !important;
    flex: 0 0 44px !important;
    height: 44px !important;
    margin: 0 0 12px !important;
    width: 100% !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-group:nth-child(4) {
    display: contents !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-group-links {
    display: block !important;
    flex: 0 0 44px !important;
    height: 44px !important;
    margin: 0 0 12px !important;
    width: 100% !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-group-title,
  body.farfetch-product-page.farfetch-product-page .site-footer .footer-group-toggle {
    box-sizing: border-box !important;
    height: 44px !important;
    margin: 0 !important;
    width: 100% !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-group-toggle {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    color: #222 !important;
    display: flex !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    justify-content: space-between !important;
    line-height: 20px !important;
    padding: 0 !important;
    pointer-events: auto !important;
    text-transform: uppercase !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-group-toggle svg {
    display: block !important;
    flex: 0 0 24px !important;
    height: 24px !important;
    width: 24px !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-group-panel,
  body.farfetch-product-page.farfetch-product-page .site-footer .footer-group-panel[hidden] {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-social {
    display: flex !important;
    flex: 0 0 71.984375px !important;
    flex-direction: column !important;
    gap: 8px !important;
    height: 71.984375px !important;
    margin: 36px 0 0 !important;
    width: 100% !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-social .social-links {
    display: flex !important;
    flex: 0 0 44px !important;
    gap: 4px !important;
    height: 44px !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-social .social-links a {
    height: 44px !important;
    width: 44px !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-app {
    display: flex !important;
    flex: 0 0 67.984375px !important;
    flex-direction: column !important;
    gap: 8px !important;
    height: 67.984375px !important;
    margin: 36px 0 0 !important;
    width: 100% !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-app-badges {
    display: flex !important;
    flex: 0 0 40px !important;
    gap: 8px !important;
    height: 40px !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-app-badges a,
  body.farfetch-product-page.farfetch-product-page .site-footer .footer-app-badges img {
    display: block !important;
    height: 40px !important;
    width: 135px !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-divider {
    background: #fff !important;
    border: 0 !important;
    flex: 0 0 1px !important;
    height: 1px !important;
    margin: 0 !important;
    width: 100% !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-legal {
    display: grid !important;
    flex: 0 0 164.96875px !important;
    gap: 24px !important;
    height: 164.96875px !important;
    margin: 0 16px !important;
    padding-top: 0 !important;
    width: auto !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  body.farfetch-product-page.farfetch-product-page .site-footer {
    height: 611.953125px !important;
    min-height: 611.953125px !important;
    padding: 16px 0 !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-links {
    margin: 0 24px !important;
  }

  body.farfetch-product-page.farfetch-product-page .site-footer .footer-legal {
    flex-basis: 94.984375px !important;
    height: 94.984375px !important;
    margin: 0 24px !important;
  }
}

/* Older content layers carry a larger selector for these two descendants;
 * repeat the route/shell hooks here so the settled PDP state wins the cascade. */
@media (max-width: 820px) {
  body.farfetch-product-page.farfetch-product-page.farfetch-product-page.farfetch-product-page.farfetch-product-page .site-footer.site-footer.site-footer.site-footer .footer-group-panel,
  body.farfetch-product-page.farfetch-product-page.farfetch-product-page.farfetch-product-page.farfetch-product-page .site-footer.site-footer.site-footer.site-footer .footer-group-panel[hidden] {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
  }

  body.farfetch-product-page.farfetch-product-page.farfetch-product-page.farfetch-product-page.farfetch-product-page .site-footer.site-footer.site-footer.site-footer .footer-app {
    display: flex !important;
    flex: 0 0 67.984375px !important;
    height: 67.984375px !important;
    margin: 36px 0 0 !important;
  }
}

/* Standard service/legal pages share the compact commerce header, not the
 * desktop department picker.  This final layer also restores the source
 * 358px mobile newsletter controls after the historical 318px override. */
@media (max-width: 820px) {
  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-site-header .compact-mobile-actions {
    display: flex !important;
    gap: 0 !important;
    left: 12px !important;
    position: absolute !important;
    top: 0 !important;
    width: 88px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-site-header .compact-mobile-icon-button {
    display: flex !important;
    flex: 0 0 44px !important;
    height: 44px !important;
    width: 44px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-site-header .department-nav,
  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-site-header .header-actions .region-button,
  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-site-header .header-actions .account-button {
    display: none !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-site-header .header-actions {
    display: flex !important;
    gap: 0 !important;
    right: 12px !important;
    width: 88px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .newsletter.newsletter.newsletter .newsletter-input-wrap {
    width: 358px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .newsletter.newsletter.newsletter .newsletter-input-wrap input {
    flex: 0 0 340px !important;
    max-width: 340px !important;
    width: 340px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .newsletter.newsletter.newsletter .newsletter-form button {
    align-self: stretch !important;
    width: 358px !important;
  }

  body.farfetch-product-page.farfetch-product-page.farfetch-product-page.farfetch-product-page .newsletter.newsletter.newsletter .newsletter-input-wrap {
    width: 358px !important;
  }

  body.farfetch-product-page.farfetch-product-page.farfetch-product-page.farfetch-product-page .newsletter.newsletter.newsletter .newsletter-input-wrap input {
    flex: 0 0 340px !important;
    max-width: 340px !important;
    width: 340px !important;
  }

  body.farfetch-product-page.farfetch-product-page.farfetch-product-page.farfetch-product-page .newsletter.newsletter.newsletter .newsletter-form button {
    align-self: stretch !important;
    width: 358px !important;
  }
}

@media (max-width: 600px) {
  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-site-header .compact-mobile-actions {
    left: 4px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-site-header .header-actions {
    right: 4px !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-site-header .compact-mobile-actions {
    height: 44px !important;
    top: 12px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-site-header .header-actions {
    height: 44px !important;
    top: 12px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-site-header .header-actions > .icon-button {
    flex: 0 0 44px !important;
    height: 44px !important;
    width: 44px !important;
  }
}

@media (max-width: 820px) {
  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .contact-source-loading-spinner {
    display: none !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer {
    background: #e6e6e6 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    height: 681.9375px !important;
    min-height: 681.9375px !important;
    overflow: hidden !important;
    padding: 16px 0 !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-links {
    display: flex !important;
    flex: 0 0 435.96875px !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: 435.96875px !important;
    margin: 0 16px !important;
    width: auto !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-group {
    display: block !important;
    flex: 0 0 44px !important;
    height: 44px !important;
    margin: 0 0 12px !important;
    width: 100% !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-group:nth-child(4) {
    display: contents !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-group-links {
    display: block !important;
    flex: 0 0 44px !important;
    height: 44px !important;
    margin: 0 0 12px !important;
    width: 100% !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-group-title,
  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-group-toggle {
    box-sizing: border-box !important;
    height: 44px !important;
    margin: 0 !important;
    width: 100% !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-group-toggle {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    display: flex !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    justify-content: space-between !important;
    line-height: 20px !important;
    padding: 0 !important;
    text-transform: uppercase !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-group-toggle svg {
    display: block !important;
    flex: 0 0 24px !important;
    height: 24px !important;
    width: 24px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-group-panel,
  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-group-panel[hidden] {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-social {
    display: flex !important;
    flex: 0 0 71.984375px !important;
    flex-direction: column !important;
    gap: 8px !important;
    height: 71.984375px !important;
    margin: 36px 0 0 !important;
    width: 100% !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .social-links {
    display: flex !important;
    flex: 0 0 44px !important;
    gap: 4px !important;
    height: 44px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .social-links a {
    height: 44px !important;
    width: 44px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-app {
    display: flex !important;
    flex: 0 0 67.984375px !important;
    flex-direction: column !important;
    gap: 8px !important;
    height: 67.984375px !important;
    margin: 36px 0 0 !important;
    width: 100% !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-app-badges {
    display: flex !important;
    flex: 0 0 40px !important;
    gap: 8px !important;
    height: 40px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-app-badges a,
  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-app-badges img {
    display: block !important;
    height: 40px !important;
    width: 135px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-divider {
    background: #fff !important;
    border: 0 !important;
    flex: 0 0 1px !important;
    height: 1px !important;
    margin: 0 !important;
    width: 100% !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-legal {
    display: grid !important;
    flex: 0 0 164.96875px !important;
    gap: 24px !important;
    height: 164.96875px !important;
    margin: 0 16px !important;
    padding-top: 0 !important;
    width: auto !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer {
    height: 611.953125px !important;
    min-height: 611.953125px !important;
    padding: 16px 0 !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-links {
    margin: 0 24px !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .site-footer .footer-legal {
    flex-basis: 94.984375px !important;
    height: 94.984375px !important;
    margin: 0 24px !important;
  }
}

/* The live service pages initially expose the footer loading shell.  Keep
 * the ordinary accordion footer out of that first paint; the source app does
 * not render its expanded footer until a later shell state. */
@media (max-width: 820px) {
  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .retail-source-footer-skeleton + footer.site-footer.site-footer.site-footer.site-footer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.page.page.page.page.page:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .newsletter.newsletter.newsletter {
    margin-bottom: 48px !important;
    margin-top: 48px !important;
  }

  body.page.page.page.page.page.page-slug-contact-us:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .content-article {
    gap: 48px !important;
  }

  body.page.page.page.page.page.page-slug-contact-us:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .content-entry-contact {
    gap: 48px !important;
  }

  body.page.page.page.page.page.page-slug-contact-us:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .contact-intro {
    gap: 36px !important;
  }

  body.page.page.page.page.page.page-slug-contact-us:not(.home):not(.farfetch-catalog-page):not(.destination-page):not(.farfetch-account-page):not(.farfetch-product-page) .contact-intro-section {
    padding-bottom: 12px !important;
  }
}

/* The settled PDP source replaces the temporary loading cards with its live
 * contact controls directly below the newsletter at both mobile breakpoints. */
@media (max-width: 600px) {
  body.farfetch-product-page.farfetch-product-page .pdp-contact-options {
    align-items: stretch;
    background: #e6e6e6;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    gap: 16px;
    margin: 3px 0 0 !important;
    padding: 32px 16px 24px;
  }

  body.farfetch-product-page.farfetch-product-page .pdp-contact-options h2 {
    color: #222;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
  }

  body.farfetch-product-page.farfetch-product-page .pdp-contact-option {
    align-items: center;
    background: #fff;
    border: 1px solid #222;
    box-sizing: border-box;
    color: #222;
    display: flex;
    font-size: 15px;
    height: 44px;
    justify-content: center;
    line-height: 20px;
    position: relative;
    text-decoration: none;
  }

  body.farfetch-product-page.farfetch-product-page .pdp-contact-option svg {
    fill: none;
    height: 24px;
    position: absolute;
    right: 12px;
    stroke: #222;
    stroke-width: 1.2;
    width: 24px;
  }

  body.farfetch-product-page.farfetch-product-page .pdp-footer-skeletons {
    display: none !important;
  }
}

/* Match the source's settled vertical gap before the PDP newsletter/contact
 * block.  The gap is intentionally wider on the 390px source canvas. */
@media (max-width: 600px) {
  body.farfetch-product-page.farfetch-product-page .newsletter.newsletter.newsletter {
    margin-top: 376px !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  body.farfetch-product-page.farfetch-product-page .newsletter.newsletter.newsletter {
    margin-top: 460px !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  body.farfetch-product-page.farfetch-product-page .product-page-37699969 .product-information-size-fit {
    display: none !important;
  }

  body.farfetch-product-page.farfetch-product-page .pdp-contact-options {
    align-items: stretch;
    background: #e6e6e6;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    gap: 16px;
    margin: 3px 0 0 !important;
    padding: 32px 24px 24px;
  }

  body.farfetch-product-page.farfetch-product-page .pdp-contact-options h2 {
    color: #222;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
  }

  body.farfetch-product-page.farfetch-product-page .pdp-contact-option {
    align-items: center;
    background: #fff;
    border: 1px solid #222;
    box-sizing: border-box;
    color: #222;
    display: flex;
    font-size: 15px;
    height: 44px;
    justify-content: center;
    line-height: 20px;
    position: relative;
    text-decoration: none;
  }

  body.farfetch-product-page.farfetch-product-page .pdp-contact-option svg {
    fill: none;
    height: 24px;
    position: absolute;
    right: 12px;
    stroke: #222;
    stroke-width: 1.2;
    width: 24px;
  }

  body.farfetch-product-page.farfetch-product-page .pdp-footer-skeletons {
    display: none !important;
  }
}

/* The hydrated 768px Chloé PDP keeps the enquiry action in the purchase flow
 * and retains the closed SIZE & FIT row. The resolved contact block, rather
 * than footer loading cards, provides the source hand-off after newsletter. */
@media (min-width: 601px) and (max-width: 820px) {
  body.farfetch-product-page.farfetch-product-page .product-page-37699969 .product-enquiry-button {
    bottom: auto !important;
    left: auto !important;
    margin-top: 12px !important;
    position: static !important;
    right: auto !important;
    width: 100% !important;
    z-index: auto !important;
  }

  body.farfetch-product-page.farfetch-product-page .product-page-37699969 .product-information-size-fit {
    display: block !important;
  }

  body.farfetch-product-page.farfetch-product-page .newsletter.newsletter.newsletter {
    margin-top: 343px !important;
  }

  body.farfetch-product-page.farfetch-product-page .pdp-contact-options {
    margin: 48px 0 16px !important;
  }
}

/* Source parity: once the normal 37699969 purchase action has fully passed
 * the top edge, its tablet counterpart enters from 40px below the viewport
 * and settles 40px above the bottom edge. */
@media (min-width: 601px) and (max-width: 820px) {
  body.farfetch-product-id-37699969 .product-sticky-purchase-action[hidden] {
    display: none !important;
  }

  body.farfetch-product-id-37699969 .product-sticky-purchase-action {
    bottom: -40px;
    box-sizing: border-box;
    height: 44px;
    left: 0;
    padding: 0 24px;
    position: fixed;
    transform: translateY(0);
    transition: transform 0.425s ease-in-out;
    width: 100vw;
    will-change: transform;
    z-index: 1;
  }

  body.farfetch-product-id-37699969 .product-sticky-purchase-action.is-visible {
    transform: translateY(-80px);
  }

  body.farfetch-product-id-37699969 .product-sticky-purchase-action .product-enquiry-button {
    height: 44px !important;
    margin-top: 0 !important;
    min-height: 44px !important;
    padding: 10px 16px !important;
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.farfetch-product-id-37699969 .product-sticky-purchase-action {
    transition-duration: 0s;
  }
}

/* Chloé 37699969 uses the source's native two-frame rail at both mobile
 * breakpoints.  The image controls below are intentionally ordered as
 * breadcrumb → image → progress indicator; thumbnail strips are not part of
 * this source state.  Measurements were taken from the live product route on
 * 2026-08-09 with the same Android touch context used by the regression run. */
@media (max-width: 600px) {
  body.farfetch-product-id-37699969 .product-page-37699969 .product-overview {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: auto !important;
    margin: 8px 16px 0 !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-gallery {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-breadcrumbs {
    align-items: flex-start !important;
    display: flex !important;
    flex: 0 0 17px !important;
    flex-wrap: nowrap !important;
    font-size: 13px !important;
    height: 17px !important;
    line-height: 17px !important;
    margin: 0 !important;
    min-height: 17px !important;
    order: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-main-image {
    align-self: center !important;
    aspect-ratio: 3 / 4 !important;
    height: 373.328125px !important;
    margin: 6px auto 0 !important;
    order: 1 !important;
    width: 280px !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-main-image > button,
  body.farfetch-product-id-37699969 .product-page-37699969 .product-main-image img {
    display: block !important;
    height: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-thumbnails {
    display: none !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-gallery-pagination {
    background: #dedede !important;
    display: block !important;
    flex: 0 0 2px !important;
    height: 2px !important;
    margin: 20px 0 0 !important;
    order: 2 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-gallery-pagination > span {
    background: #222 !important;
    display: block !important;
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 50% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-summary {
    align-self: stretch !important;
    display: block !important;
    height: 480px !important;
    min-width: 0 !important;
    padding: 12px 0 0 !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-save {
    top: 12px !important;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  body.farfetch-product-id-37699969 .retail-site-header .header-primary {
    height: 68px !important;
  }

  body.farfetch-product-id-37699969 .retail-site-header .header-secondary,
  body.farfetch-product-id-37699969 .retail-site-header .department-nav {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  body.farfetch-product-id-37699969 .retail-site-header .compact-mobile-actions {
    display: flex !important;
    left: 12px !important;
    top: 12px !important;
  }

  body.farfetch-product-id-37699969 .retail-site-header .header-actions {
    display: flex !important;
    right: 12px !important;
    top: 12px !important;
    width: 88px !important;
  }

  body.farfetch-product-id-37699969 .retail-site-header .header-actions .region-button,
  body.farfetch-product-id-37699969 .retail-site-header .header-actions .account-button {
    display: none !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-overview {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: auto !important;
    margin: 24px 24px 0 !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-gallery {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-breadcrumbs {
    align-items: flex-start !important;
    display: flex !important;
    flex: 0 0 27px !important;
    flex-wrap: nowrap !important;
    font-size: 13px !important;
    height: 27px !important;
    line-height: 17px !important;
    margin: 0 !important;
    min-height: 27px !important;
    order: 0 !important;
    overflow: hidden !important;
    padding: 10px 0 0 !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-main-image {
    align-self: center !important;
    aspect-ratio: 3 / 4 !important;
    height: calc((100vw - 201.59375px) * 4 / 3) !important;
    margin: 44px auto 0 !important;
    order: 1 !important;
    width: calc(100vw - 201.59375px) !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-main-image > button,
  body.farfetch-product-id-37699969 .product-page-37699969 .product-main-image img {
    display: block !important;
    height: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-thumbnails {
    display: none !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-gallery-pagination {
    background: #dedede !important;
    display: block !important;
    flex: 0 0 2px !important;
    height: 2px !important;
    margin: 20px 0 0 !important;
    order: 2 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-gallery-pagination > span {
    background: #222 !important;
    display: block !important;
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 50% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-summary {
    align-self: stretch !important;
    display: block !important;
    height: 452px !important;
    min-width: 0 !important;
    padding: 12px 0 0 !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-summary h1 {
    display: block !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    margin: 0 !important;
    width: calc(100% - 56px) !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-title-brand {
    display: block !important;
    font-size: 22px !important;
    line-height: 28px !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-description {
    -webkit-line-clamp: unset !important;
    display: block !important;
    font-size: 13px !important;
    line-height: 17px !important;
    margin: 40px 0 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-save {
    height: 44px !important;
    right: 0 !important;
    top: 12px !important;
    width: 44px !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-price-line {
    align-items: baseline !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    margin: 12px 0 0 !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-price-line strong,
  body.farfetch-product-id-37699969 .product-page-37699969 .product-price-line span {
    display: inline !important;
    margin: 0 6px 0 0 !important;
    width: auto !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-purchase {
    margin-top: 28px !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-size-guide {
    display: block !important;
    margin: 0 0 27px auto !important;
    position: static !important;
    text-align: right !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-size-selector,
  body.farfetch-product-id-37699969 .product-page-37699969 .product-size-combobox {
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-size-combobox,
  body.farfetch-product-id-37699969 .product-page-37699969 .product-enquiry-button {
    height: 44px !important;
    min-height: 44px !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-enquiry-button {
    margin-top: 12px !important;
    position: static !important;
    width: 100% !important;
  }

  body.farfetch-product-id-37699969 .product-page-37699969 .product-information {
    margin: 48px 24px 0 !important;
  }
}
/* The live Alberta Ferretti rail keeps a 2px marker five pixels above each
 * thumbnail. The marker belongs to every cell (not only the active cell), so
 * it remains in the correct position when the existing gallery script swaps
 * aria-pressed states. */
@media (max-width: 600px) {
  body.farfetch-product-id-36134767 .product-thumbnails button {
    position: relative !important;
  }

  body.farfetch-product-id-36134767 .product-thumbnails button::before {
    background: #727272;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    top: -5px;
    width: 90px;
  }
}
