@media (max-width: 767px) {
  body.single-product .opd-header,
  body.single-product header.header,
  body.single-product .header,
  body.single-product .site-search,
  body.single-product .site-search form,
  body.single-product .woocommerce-product-search,
  body.single-product .opd-phone-drawer-top-search,
  body.single-product nav.woocommerce-breadcrumb,
  body.single-product .woocommerce-breadcrumb,
  body.single-product .search-form,
  body.single-product form[role="search"],
  body.single-product .dgwt-wcas-search-wrapp,
  body.single-product .header-search,
  body.single-product .mobile-search,
  body.single-product .shop-search,
  body.single-product .archive-search,
  body.single-product .shop-toolbar,
  body.single-product .archive-toolbar,
  body.single-product .products-toolbar,
  body.single-product .page-title,
  body.single-product .page-header,
  body.single-product .entry-header,
  body.single-product .woocommerce-products-header,
  body.single-product .storefront-breadcrumb,
  body.single-product .site-breadcrumb,
  body.single-product .opd-marquee,
  body.single-product .opd-header-right,
  body.single-product .header-right,
  body.single-product .header-left {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.single-product .opd-header,
  body.single-product header.header,
  body.single-product .header {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body.single-product,
  body.single-product #page,
  body.single-product .site,
  body.single-product .site-main,
  body.single-product .content-area,
  body.single-product .container,
  body.single-product .woocommerce,
  body.single-product .product.type-product,
  body.single-product div.product,
  body.single-product main,
  body.single-product main.container {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.single-product main.container,
  body.single-product .site-main,
  body.single-product .content-area,
  body.single-product .woocommerce,
  body.single-product div.product {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-product {
    --kk-hero-h: 69svh;
  }

  body.single-product div.product .woocommerce-product-gallery,
  body.single-product .product .woocommerce-product-gallery {
    float: none !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 calc(50% - 50vw) 0 !important;
    padding: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
  }

  body.single-product div.product .woocommerce-product-gallery::before,
  body.single-product .product .woocommerce-product-gallery::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: calc(env(safe-area-inset-top, 0px) + 96px);
    background: linear-gradient(to bottom, rgba(0,0,0,.42), rgba(0,0,0,0));
    z-index: 8;
    pointer-events: none;
  }

  body.single-product div.product .woocommerce-product-gallery .flex-viewport {
    position: relative !important;
    min-height: var(--kk-hero-h) !important;
    height: var(--kk-hero-h) !important;
    background-color: #000 !important;
    background-image: var(--kk-hero-bg, none) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
  }

  body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
  body.single-product div.product .woocommerce-product-gallery .slides {
    min-height: var(--kk-hero-h) !important;
    height: var(--kk-hero-h) !important;
    background: transparent !important;
  }

  body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
  body.single-product div.product .woocommerce-product-gallery .slides > li,
  body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
    min-height: var(--kk-hero-h) !important;
    height: var(--kk-hero-h) !important;
    background: transparent !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
  }

  body.single-product div.product .woocommerce-product-gallery img {
    width: 100% !important;
    height: 100% !important;
    min-height: var(--kk-hero-h) !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-width: none !important;
    margin: 0 !important;
    background: transparent !important;
  }

  body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs,
  body.single-product div.product ol.flex-control-nav,
  body.single-product .product .flex-control-thumbs,
  body.single-product .product ol.flex-control-nav,
  body.single-product div.product .flickity-page-dots,
  body.single-product .product .flickity-page-dots {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.single-product .woocommerce-product-gallery__trigger {
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    right: 12px !important;
    left: auto !important;
    z-index: 12 !important;
    background: rgba(0,0,0,.42) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: #fff !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  body.single-product .opd-gallery-counter,
  body.single-product .kk-fab,
  body.single-product .wwv-share-inline {
    z-index: 12 !important;
  }

  body.single-product .opd-gallery-counter {
    right: 12px !important;
    bottom: 14px !important;
    background: rgba(0,0,0,.42) !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 6px 10px !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  body.single-product div.product .summary,
  body.single-product .product .summary {
    position: relative !important;
    z-index: 5 !important;
    background: #fff !important;
    border-radius: 22px 22px 0 0 !important;
    margin-top: -18px !important;
    padding-top: 14px !important;
    overflow: visible !important;
  }
}
