/**
 * KEY OS × WordPress 兼容层
 * 还原主题容器宽度，抵消主题对 img / button 的全局样式。
 */

body.single-product .site-content,
body.single-product .entry-content,
body.single-product .content-area,
body.single-product #primary,
body.single-product main.site-main,
body.single-product .page-content,
body.single-product article,
body.single-post-type-product .site-content,
body.single-post-type-product .entry-content,
body.single-post-type-product .content-area,
body.single-post-type-product #primary,
body.single-post-type-product main.site-main,
body[class*="page-template"][class*="keyos" i] .site-content,
body[class*="page-template"][class*="keyos" i] .entry-content,
body[class*="page-template"][class*="keyos" i] .content-area,
body[class*="page-template"][class*="keyos" i] #primary,
body[class*="page-template"][class*="keyos" i] main.site-main,
.site-content:has(#keyos-detail-root),
.entry-content:has(#keyos-detail-root),
.content-area:has(#keyos-detail-root),
#primary:has(#keyos-detail-root),
.main-con:has(#keyos-detail-root),
article:has(#keyos-detail-root) {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: visible !important;
  transform: none !important;
  filter: none !important;
}

body.single-product .entry-header,
body.single-product .page-header,
body.single-product h1.entry-title,
body.single-product h1.product_title,
body.single-post-type-product .entry-header,
body.single-post-type-product h1.entry-title,
body.single-post-type-product h1.product_title,
body[class*="page-template"][class*="keyos" i] .entry-header,
body[class*="page-template"][class*="keyos" i] .page-header,
body[class*="page-template"][class*="keyos" i] h1.entry-title {
  display: none !important;
}

#keyos-detail-root {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: visible !important;
  position: relative;
  isolation: isolate;
}

#keyos-detail-root img,
#keyos-detail-root video {
  max-width: none !important;
  max-height: none !important;
}

#keyos-detail-root .ko-viewport,
#keyos-detail-root .ko-hero,
#keyos-detail-root .ko-lifestyle,
#keyos-detail-root .ko-taste-rush,
#keyos-detail-root .ko-battery,
#keyos-detail-root .kom-section--scroll,
#keyos-detail-root .kom-lifestyle {
  overflow: visible !important;
}

#keyos-detail-root .kom-flavors-nav,
#keyos-detail-root .ko-flavors-nav,
#keyos-detail-root .kom-dot {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  line-height: normal !important;
  font: inherit !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  cursor: pointer !important;
}

#keyos-detail-root .kom-flavors-nav,
#keyos-detail-root .ko-flavors-nav,
#keyos-detail-root .kom-flavors-nav:hover,
#keyos-detail-root .ko-flavors-nav:hover,
#keyos-detail-root .kom-flavors-nav:focus,
#keyos-detail-root .ko-flavors-nav:focus,
#keyos-detail-root .kom-flavors-nav:active,
#keyos-detail-root .ko-flavors-nav:active {
  background: transparent !important;
}

#keyos-detail-root .ko-control-btn img,
#keyos-detail-root .kom-control-btn img {
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

#keyos-detail-root h1,
#keyos-detail-root h2,
#keyos-detail-root h3,
#keyos-detail-root h4,
#keyos-detail-root p {
  margin: 0 !important;
  padding: 0 !important;
}