/*
 * YOKO Kids v3.4.3
 * Compact first-screen spacing for the native Single Product template.
 * Rey already reserves the header's layout height, so only a 10px visual gap
 * is added before the breadcrumb/product content.
 */
body.yoko-pdp-php-template .rey-siteContent,
body.yoko-pdp-php-template .rey-mainContent,
body.yoko-pdp-php-template .rey-pageContent,
body.yoko-pdp-php-template #main,
body.yoko-pdp-php-template .site-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.yoko-pdp-php-template .yoko-pdp,
body.yoko-pdp-php-template .yoko-pdp__container {
  margin-top: 0 !important;
}

body.yoko-pdp-php-template .yoko-pdp__container {
  padding-top: calc(10px + var(--yoko-live-header-offset, 0px)) !important;
}

body.yoko-pdp-php-template .yoko-pdp__breadcrumb {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  body.yoko-pdp-php-template .yoko-pdp__container {
    padding-top: calc(10px + var(--yoko-live-header-offset, 0px)) !important;
  }
  body.yoko-pdp-php-template .yoko-pdp__breadcrumb {
    margin-bottom: 10px !important;
  }
}