<style>
  .nv00-gnb-v4__l0-menu-text,
  .nv00-gnb-v4__l0-menu-link,
  .nv00-gnb-v4__l0-menu-btn,
  .nv00-gnb-v4__l1-menu-text,
  .nv00-gnb-v4__l1-featured-link,
  .nv00-gnb-v4__l1-featured-title {
    font-family: "Prompt", "Noto Sans Thai", "Sarabun", sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
  }

  .nv00-gnb-v4__l0-menu-list--left .nv00-gnb-v4__l0-menu-text {
    font-size: 19px !important;
    font-weight: 500 !important;
  }

  @media (max-width: 768px) {
    .nv00-gnb-v4__l0-menu-text,
    .nv00-gnb-v4__l0-menu-link,
    .nv00-gnb-v4__l0-menu-btn,
    .nv00-gnb-v4__l1-menu-text,
    .nv00-gnb-v4__l1-featured-link,
    .nv00-gnb-v4__l1-featured-title {
      font-size: 16px !important;
    }

    .nv00-gnb-v4__l0-menu-list--left .nv00-gnb-v4__l0-menu-text {
      font-size: 17px !important;
    }
  }

  .footer-category__title,
  .footer-category__link,
  .footer-copyright,
  .footer-terms__link,
  .footer-sns__title,
  .footer-language__anchor {
    font-family: "Prompt", "Noto Sans Thai", "Sarabun", sans-serif !important;
  }

  .footer-category__title {
    font-size: 17px !important;
    font-weight: 600 !important;
  }

  .footer-category__link {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
  }

  .prt-copybar {
    display: block;
    position: relative;
    z-index: 1;
    clear: both;
    margin-top: 36px;
    margin-bottom: 48px;
    padding: 22px 24px;
    text-align: center;
    border-radius: 16px;
    background:linear-gradient(165deg, #70c63e 0%, #70c63e 45%, #8ad061 100%);
    border:2px solid rgba(138, 208, 97, 0.75);
    box-shadow:0 2px 0 #8ad061,
      0 8px 0 #233c1b,
      0 16px 24px rgba(35, 60, 27, 0.35),
      0 0 18px rgba(138, 208, 97, 0.18);
  }

  footer.footer {
    clear: both;
    position: relative;
    z-index: 0;
    margin-top: 8px;
    padding-top: 12px;
  }

  .prt-copybar p {
    margin: 0 !important;
    font-family: "Prompt", "Noto Sans Thai", "Sarabun", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    color:#ffffff !important;
    text-align: center !important;
  }

  .prt-copybar span {
    color:#8ad061;
    font-weight: 700;
    text-shadow:0 0 12px rgba(138, 208, 97, 0.55);
  }

  /* Gallery banner: full image, ikuti ukuran asli (desktop) */
  @media (min-width: 768px) {
  .hdd02-pdp-header--ux-v2 .hdd02-pdp-header__gallery,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__content,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__list,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__list .swiper-wrapper,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__list .swiper-slide,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__item,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__image,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__image .image,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__image .first-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    background:transparent !important;
  }

  .hdd02-pdp-header--ux-v2 .hdd02-gallery__list .swiper-slide,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__item,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__image,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__image .image,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__image .first-image {
    padding: 0 !important;
   aspect-ratio: auto !important;
  }

  .hdd02-pdp-header--ux-v2 .hdd02-gallery__image .image img,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__image .first-image img,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__item .image img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
  }

  .hdd02-pdp-header--ux-v2 .hdd02-gallery__thumbnail-item,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__thumbnail-item-image,
  .hdd02-pdp-header--ux-v2 .hdd02-gallery__thumbnail-item-text {
    width: 72px !important;
    height: 72px !important;
  }

  .hdd02-pdp-header--ux-v2 .hdd02-gallery__thumbnail-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  }

  /* Rapikan jarak putih antara GNB dan gallery/kartu */
  .pd-g-product-promotion-bar,
  .pd-g-product-detail-offer-banner,
  .pdd39-anchor-nav__header,
  .pdd39-anchor-nav__header-dummy,
  .pdd39-anchor-nav__menu,
  #sgDevPriceAreaBase,
  .nvd02-breadcrumb,
  .breadcrumb,
  .nv17-breadcrumb,
  .epp-breadcrumb {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border:0 !important;
  }

  .hdd02-pdp-header--ux-v2 .hdd02-gallery__cta:empty {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sdf-component-templates:not(#sg-pdh-dynamic-template-assembly) {
    display: none !important;
  }

  #content.st-page-pd,
  .hdd02-pdp-header,
  .hdd02-pdp-header.hdd02-pdp-header--ux-v2,
  html:has(.nvd02-breadcrumb[style*="display: none"]) .hdd02-pdp-header,
  html:not(:has(.nvd02-breadcrumb)) .hdd02-pdp-header {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .nv00-gnb-v4 {
    margin-bottom: 0 !important;
  }

  .prt-statbox-head h2::before,
  .prt-headline h1::before,
  .prt-hero-card h2::before {
    content: none !important;
    display: none !important;
  }

  @media (min-width: 768px) {
    .hdd02-pdp-header.hdd02-pdp-header--ux-v2,
    .hdd02-pdp-header.hdd02-pdp-header--ux-v2.hdd02-pdp-header--fixed {
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: stretch !important;
      justify-content: flex-start;
      gap: 16px;
      padding-top: 8px !important;
      padding-left: 16px;
      padding-right: 16px;
      position: relative !important;
    }

    .hdd02-pdp-header.hdd02-pdp-header--ux-v2 .hdd02-pdp-header__product-info {
      position: absolute !important;
      flex: none !important;
      width: auto !important;
      pointer-events: none;
    }

    .hdd02-pdp-header.hdd02-pdp-header--ux-v2 .hdd02-pdp-header__gallery-area,
    .hdd02-pdp-header.hdd02-pdp-header--ux-v2.hdd02-pdp-header--fixed .hdd02-pdp-header__gallery-area,
    .hdd02-pdp-header.hdd02-pdp-header--ux-v2 .hdd02-pdp-header__buying-tool,
    .hdd02-pdp-header.hdd02-pdp-header--ux-v2.hdd02-pdp-header--fixed .hdd02-pdp-header__buying-tool {
      float: none !important;
      position: relative !important;
      flex: 1 1 0 !important;
      width: 50% !important;
      max-width: calc(50% - 8px) !important;
      min-width: 0 !important;
      margin: 0 !important;
      top: auto !important;
      right: auto !important;
      left: auto !important;
      box-sizing: border-box !important;
    }

    .hdd02-pdp-header.hdd02-pdp-header--ux-v2 .hdd02-pdp-header__gallery-area,
    .hdd02-pdp-header.hdd02-pdp-header--ux-v2.hdd02-pdp-header--fixed .hdd02-pdp-header__gallery-area {
      overflow: hidden !important;
      z-index: 1 !important;
    }

    .hdd02-pdp-header.hdd02-pdp-header--ux-v2 .hdd02-pdp-header__buying-tool,
    .hdd02-pdp-header.hdd02-pdp-header--ux-v2.hdd02-pdp-header--fixed .hdd02-pdp-header__buying-tool {
      overflow: visible !important;
      z-index: 2 !important;
    }

    .hdd02-pdp-header.hdd02-pdp-header--ux-v2 .hdd02-pdp-header__gallery,
    .hdd02-pdp-header.hdd02-pdp-header--ux-v2.hdd02-pdp-header--fixed .hdd02-pdp-header__gallery {
      position: relative !important;
      top: auto !important;
      width: 100% !important;
    }

    .hdd02-pdp-header.hdd02-pdp-header--ux-v2 .prt-hero-card {
      max-width: 100%;
    }
  }

  @media only screen and (max-width: 767px) {
    .hdd02-pdp-header.hdd02-pdp-header--ux-v2,
    .hdd02-pdp-header.hdd02-pdp-header--ux-v2.hdd02-pdp-header--fixed {
      display: block !important;
      flex-wrap: wrap !important;
      padding: 8px 12px 16px !important;
      width: 100% !important;
      max-width: 100% !important;
    }

    .hdd02-pdp-header--ux-v2 .hdd02-pdp-header__gallery-area,
    .hdd02-pdp-header--ux-v2 .hdd02-pdp-header__buying-tool,
    .hdd02-pdp-header--ux-v2 .hdd02-pdp-header__gallery,
    .hdd02-pdp-header--ux-v2 .hdd02-gallery,
    .hdd02-pdp-header--ux-v2 .hdd02-gallery__content,
    .hdd02-pdp-header--ux-v2 .hdd02-gallery__list {
      float: none !important;
      position: relative !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      overflow: hidden !important;
    }

    .hdd02-pdp-header--ux-v2 .hdd02-gallery__list .swiper-wrapper {
      overflow: hidden !important;
      width: 100% !important;
      transform: none !important;
    }

    .hdd02-pdp-header--ux-v2 .hdd02-gallery__item,
    .hdd02-pdp-header--ux-v2 .hdd02-gallery__list .swiper-slide {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    .hdd02-pdp-header--ux-v2 .hdd02-gallery__item:not(:first-child),
    .hdd02-pdp-header--ux-v2 .hdd02-gallery__thumbnail,
    .hdd02-pdp-header--ux-v2 .hdd02-gallery__cta {
      display: none !important;
    }

    .hdd02-pdp-header--ux-v2 .hdd02-gallery__image,
    .hdd02-pdp-header--ux-v2 .hdd02-gallery__image .image,
    .hdd02-pdp-header--ux-v2 .hdd02-gallery__image .first-image {
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      overflow: hidden !important;
    }

    .hdd02-pdp-header--ux-v2 .hdd02-gallery__image .image img,
    .hdd02-pdp-header--ux-v2 .hdd02-gallery__image .first-image img,
    .hdd02-pdp-header--ux-v2 .hdd02-gallery__item .image img {
      position: static !important;
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
      object-fit: contain !important;
      display: block !important;
    }

    .hdd02-pdp-header--ux-v2 .prt-hero-card {
      max-width: 100% !important;
      width: 100% !important;
      margin-top: 12px;
      padding: 24px 16px;
    }
  }