/* Approved KOPUS design norm 2.0. Native content and business behavior stay owned by WordPress. */
body.kp-design-unified main :is(h1,h2,h3,h4,h5,h6),
body.kp-design-unified main :is(h1,h2,h3,h4,h5,h6) a {
  font-family:var(--wp--preset--font-family--heading,"Manrope V5"),InterVariable,sans-serif;
}
/* 1.2.0: one concise brand-red keyword phrase in every page's main H1. */
body.kp-design-unified main h1{color:#1D2124;}
body.kp-design-unified main h1 .kp-title-accent{
 color:#CF3E38!important;
 display:inline!important;
 margin:0!important;
 max-width:none!important;
 font:inherit!important;
 letter-spacing:inherit!important;
}
/* Reuse the existing child-category grid and data; coordinate its card treatment. */
body.kp-design-unified .ks-catalog .wp-block-post {
  border:1px solid #E1E5E8;border-radius:12px;overflow:hidden;background:#fff;
}
body.kp-design-unified .ks-catalog .wp-block-post-featured-image {
  background:#F5F6F7;border-bottom:1px solid #E1E5E8;
}
body.kp-design-unified .ks-catalog .wp-block-post-featured-image img {
  padding:20px;object-fit:contain;
}
body.kp-design-unified .ks-catalog .ks-card-copy {padding:20px 24px 24px;}
body.kp-design-unified .ks-catalog .wp-block-post-terms {
  color:#626B70;font-size:13px;line-height:1.6;letter-spacing:0;text-transform:none;margin:0 0 10px;
}
body.kp-design-unified .ks-catalog .wp-block-post-title {font-size:19px;line-height:1.35;}
body.kp-design-unified .ks-catalog .wp-block-post:hover {border-color:#C7CFD4;}
/* Current homepage's approved family imagery, displayed whole in an equal 4:3 frame. */
body.kp-design-unified .kf-family .wp-block-image {
  border:1px solid #E1E5E8;border-radius:12px;background:#F5F6F7;
}
body.kp-design-unified .kf-family .wp-block-image img {padding:24px;object-fit:contain;}
@media(max-width:600px){
 body.kp-design-unified .ks-catalog .ks-card-copy {padding:18px 20px 22px;}
 body.kp-design-unified .ks-catalog .wp-block-post-featured-image img {padding:16px;}
 body.kp-design-unified .kf-family .wp-block-image img {padding:20px;}
}

/* KOPUS norm 2.0: shared visual roles across the complete isolated site preview. */
body.kp-design-unified{--unified-border:#E1E5E8;--unified-muted:#626B70;--unified-red:#CF3E38;}
/* The same family reference applies to headings in all page types. Keep each page's confirmed scale. */
body.kp-design-unified main :is(h1,h2,h3,h4,h5,h6),
body.kp-design-unified main :is(h1,h2,h3,h4,h5,h6) a {font-family:var(--wp--preset--font-family--heading,"Manrope V5",InterVariable,sans-serif);}
/* Align the Products intro with its own content grid and the common header. */
body.kp-design-unified .kf-overview .kf-intro{box-sizing:content-box;max-width:1200px;padding:56px 32px 40px;}
/* One FAQ row system. Legal/technical disclosures and optional form fields are separate roles. */
body.kp-design-unified details.unified-faq{padding:0;margin-top:0;border-radius:0;}
body.kp-design-unified details.unified-faq>summary {
 display:block;position:relative;list-style:none;cursor:pointer;min-height:64px;
 padding:20px 42px 20px 0;font:500 16px/1.55 InterVariable,Inter,sans-serif;
}
body.kp-design-unified details.unified-faq>summary::-webkit-details-marker{display:none;}
body.kp-design-unified details.unified-faq>summary::marker{content:"";}
body.kp-design-unified details.unified-faq>summary::before,
body.kp-design-unified details.unified-faq>summary::after{content:none;display:none;}
body.kp-design-unified details.unified-faq>summary:focus-visible{outline:2px solid var(--unified-red);outline-offset:4px;border-radius:4px;}
body.kp-design-unified .unified-faq-icon{position:absolute;right:4px;top:25px;width:14px;height:14px;color:inherit;}
body.kp-design-unified .unified-faq-icon::before,body.kp-design-unified .unified-faq-icon::after{content:"";position:absolute;background:currentColor;border-radius:1px;}
body.kp-design-unified .unified-faq-icon::before{width:14px;height:1.5px;top:6px;left:0;}
body.kp-design-unified .unified-faq-icon::after{height:14px;width:1.5px;left:6px;top:0;}
body.kp-design-unified details.unified-faq[open]>summary .unified-faq-icon::after{display:none;}
body.kp-design-unified details.unified-faq>p:last-child{margin-bottom:20px;}
body.kp-design-unified .kc-faq-number{position:static;display:inline-block;vertical-align:baseline;width:28px;font-size:12px;line-height:inherit;color:var(--unified-muted);}
body.kp-design-unified .kc-faq summary>span:not(.kc-faq-number):not(.unified-faq-icon){display:inline;}
/* The approved home FAQ remains the size reference; its dark section is retained. */
body.kp-design-unified.home-refined details.unified-faq>summary{padding:0 28px 0 0;min-height:0;}
body.kp-design-unified.home-refined details.unified-faq{padding:16px 0;}
body.kp-design-unified.home-refined .unified-faq-icon{top:5px;right:4px;}
/* Reading notes are readable, while true micro labels keep their original scale. */
body.kp-design-unified main .unified-note{font:400 13px/1.65 InterVariable,Inter,sans-serif;color:var(--unified-muted);}
body.kp-design-unified main .dark .unified-note{color:#BCC5CA;}
/* Direction indicates the existing action; it never changes the link or inquiry intent. */
body.kp-design-unified .unified-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;margin-left:9px;vertical-align:-3px;}
body.kp-design-unified .unified-action-icon svg{display:block;width:16px;height:16px;}
body.kp-design-unified .unified-action{column-gap:0;}
/* Product-family arrows use the approved brand red for interactive states. */
body.kp-design-unified .simple-product-grid .category-arrow a:is(:hover,:focus-visible,:active){background:#CF3E38;border-color:#CF3E38;color:#fff;}
@media(max-width:1280px){body.kp-design-unified .kf-overview .kf-intro{box-sizing:border-box;max-width:1264px;margin-left:auto;margin-right:auto;}}
@media(min-width:1281px){body.kp-design-unified .kf-overview .kf-intro{padding-left:0;padding-right:0;}}
@media(max-width:650px){body.kp-design-unified .kf-overview .kf-intro{padding:36px 20px 30px;}body.kp-design-unified details.unified-faq>summary{padding-top:18px;padding-bottom:18px;min-height:60px;}body.kp-design-unified .unified-faq-icon{top:23px;}body.kp-design-unified.home-refined details.unified-faq>summary{padding-top:0;padding-bottom:0;min-height:0;}body.kp-design-unified.home-refined .unified-faq-icon{top:5px;}}
/* Normalize explicit note/FAQ roles across legacy component selectors. */
body.kp-design-unified main .unified-note{font:400 13px/1.65 InterVariable,Inter,sans-serif!important;}
body.kp-design-unified details.unified-faq>summary{line-height:1.55!important;}
body.kp-design-unified .kc-faq details.unified-faq>summary{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;align-items:start;}
body.kp-design-unified:not(.home-refined) details.unified-faq{padding:0!important;}
body.kp-design-unified .kp-inquiry-privacy p{font:400 13px/1.65 InterVariable,Inter,sans-serif!important;}
/* User correction: original OEM artwork remains the default; no substitute diagrams. */
body.kp-design-unified .kct-card figure.oem-original-frame{margin:0;padding:12px;background:#fff;border-bottom:1px solid #E1E5E8;}
body.kp-design-unified .oem-original-zoom{display:block;width:100%;padding:0;border:0;background:#fff;color:inherit;cursor:zoom-in;}
body.kp-design-unified .kct-card .oem-original-zoom img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;}
body.kp-design-unified .oem-original-zoom:focus-visible{outline:2px solid #CF3E38;outline-offset:3px;border-radius:4px;}
.oem-image-dialog{border:1px solid #E1E5E8;border-radius:12px;padding:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:#1D2124;background:#fff;}
.oem-image-dialog::backdrop{background:#1d212499;}
.oem-image-dialog[open]{display:flex;flex-direction:column;overflow:hidden;}
.oem-image-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;border-bottom:1px solid #E1E5E8;flex:none;}
.oem-image-dialog-head h2{font:600 18px/1.4 "Manrope V5",sans-serif;margin:0;}
.oem-image-dialog-close{width:44px;height:44px;flex:none;font-size:25px;border:1px solid #E1E5E8;border-radius:8px;background:#fff;cursor:pointer;}
.oem-image-dialog-body{padding:12px;overflow:auto;min-height:0;}
.oem-image-dialog-body img{display:block;width:auto;height:auto;max-width:min(900px,100%);max-height:calc(100dvh - 128px);object-fit:contain;margin:auto;}
.preview-image-open #kp-wa-contact,.preview-image-open .seopress-edit-choice{visibility:hidden!important;pointer-events:none!important;}

body.kp-design-unified .kct-card{border:1px solid #E1E5E8;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;}

body.kp-design-unified .ks-catalog h1,body.kp-design-unified .ks-catalog .wp-block-post-title,body.kp-design-unified main :is(h1,h2,h3,h4,h5,h6){font-family:var(--wp--preset--font-family--heading,"Manrope V5"),InterVariable,sans-serif!important;}

/* 1.0.1: existing OEM artwork, explicit full-resolution view, readable mobile comparison and scoped panel white-margin framing. */
body.kp-design-unified .oem-original-hint{display:block;text-align:right;padding:8px 2px 2px;font:500 13px/1.5 InterVariable,Inter,sans-serif;color:#626B70;text-decoration:underline;text-underline-offset:3px;}
body.kp-design-unified .oem-original-zoom:hover .oem-original-hint{color:#CF3E38;}
body.kp-design-unified .catalog-variant-comparison thead th.kp-current-configuration{box-shadow:inset 0 3px #CF3E38;background:#FFF3F1;}
body.kp-design-unified .catalog-variant-comparison tbody td.kp-current-configuration{background:#FFF9F8;}
body.kp-design-unified .catalog-variant-comparison a[aria-current=true]{font-weight:600;}
body.kp-design-unified .catalog-variant-comparison a[aria-current=true]::after{content:' ✓';white-space:nowrap;}
@media(max-width:600px){
 body.kp-design-unified .catalog-variant-comparison :is(th,td){font-size:14px;line-height:1.55;padding:12px 6px;word-break:normal;overflow-wrap:anywhere;}
 body.kp-design-unified .catalog-variant-comparison th:first-child{width:26%;}
 body.kp-design-unified .catalog-variant-comparison thead a{display:inline-block;min-height:44px;}
}
/* Only the selected panel hero: fit the complete original into its existing stage with less padding. */
body.kp-panel-hero-refine .image-stage>img{position:absolute;inset:0;width:100%;height:100%;padding:8px;max-height:none;object-fit:contain;object-position:center;}
