/**

 * WordPress / keys-theme 兼容样式

 */



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*="keymax"] .site-content,

body[class*="page-template"][class*="keymax"] .entry-content,

body[class*="page-template"][class*="keymax"] .content-area,

body[class*="page-template"][class*="keymax"] #primary,

body[class*="page-template"][class*="keymax"] main.site-main,

.site-content:has(#keymax-detail-root),

.entry-content:has(#keymax-detail-root),

.content-area:has(#keymax-detail-root),

#primary:has(#keymax-detail-root),

.main-con:has(#keymax-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*="keymax"] .entry-header,

body[class*="page-template"][class*="keymax"] h1.entry-title {

  display: none !important;

}



#keymax-detail-root {

  width: 100%;

  max-width: none;

  margin: 0;

  padding: 0;

  overflow: visible !important;

  position: relative;

  isolation: isolate;

  background: #fff;

}



#keymax-detail-root main.desktop-page {

  width: 100% !important;

  max-width: none !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: visible !important;

}



#keymax-detail-root .section-inner {

  width: 62.5vw !important;

  max-width: none !important;

  margin-left: auto !important;

  margin-right: auto !important;

}



#keymax-detail-root .section-1200 {

  width: 100% !important;

  max-width: none !important;

}



#keymax-detail-root img,

#keymax-detail-root video {

  max-width: none !important;

}



#keymax-detail-root .desktop-page {

  width: 100%;

}



#keymax-detail-root .mobile-page {

  display: none;

}



#keymax-detail-root .features-section--media-pending {

  opacity: 0;

  pointer-events: none;

}



#keymax-detail-root #puffs-scene,

#keymax-detail-root #puffs-scene .puffs-scroll-track,

#keymax-detail-root #puffs-scene .puffs-sticky-content {

  overflow: visible !important;

}



#keymax-detail-root .puffs-sticky-content {

  position: sticky !important;

  top: 0 !important;

}



/* ── 360° 体验区：抵消主题对 button / img 的全局样式 ── */



#keymax-detail-root .experience-control-btn,

#keymax-detail-root .color-dot {

  background: transparent !important;

  border: none !important;

  box-shadow: none !important;

  padding: 0 !important;

  margin: 0 !important;

  appearance: none !important;

  -webkit-appearance: none !important;

  outline: none !important;

  min-height: 0 !important;

  line-height: normal !important;

  font: inherit !important;

  color: inherit !important;

}



#keymax-detail-root .experience-control-btn:hover,

#keymax-detail-root .experience-control-btn:focus,

#keymax-detail-root .experience-control-btn:active,

#keymax-detail-root .color-dot:hover,

#keymax-detail-root .color-dot:focus,

#keymax-detail-root .color-dot:active {

  background: transparent !important;

  border: none !important;

  box-shadow: none !important;

}



#keymax-detail-root .experience-control-btn img {

  display: block !important;

  width: 100% !important;

  height: auto !important;

  max-width: none !important;

  margin: 0 !important;

  padding: 0 !important;

  border: none !important;

  background: transparent !important;

}



/* 主题 img { display:block!important } 会盖掉 .color-dot-on{display:none}，导致全部像选中 */

#keymax-detail-root .color-dot .color-dot-off {

  display: block !important;

  position: static !important;

  width: 100% !important;

  height: 100% !important;

  max-width: none !important;

}



#keymax-detail-root .color-dot .color-dot-on {

  display: none !important;

  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;

  height: 100% !important;

  max-width: none !important;

}



#keymax-detail-root .color-dot[aria-pressed="true"] .color-dot-off {

  display: none !important;

}



#keymax-detail-root .color-dot[aria-pressed="true"] .color-dot-on {

  display: block !important;

}



#keymax-detail-root .color-dot {

  position: relative !important;

  overflow: visible !important;

}