/* ============================================================ */
/* Kimi Pillar Section — Fully Scoped (Kit Override Safe) */
/* ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@600;700;800;900&display=swap");

/* ── Root Variables (Scoped) ───────────────────────────── */
.kimi-pillar-section{--kimi-bg:#0A0A0B;--kimi-card:#141415;--kimi-card-2:#1A1A1C;--kimi-border:#2A2A2C;--kimi-primary:#D4A843;--kimi-primary-hov:#C49A3B;--kimi-text:#ffffff;--kimi-muted:#A1A1A6;--kimi-dim:#6E6E73;--kimi-radius:0.5rem;}

/* ── Wrapper (Parent Scope) ────────────────────────────── */
.kimi-pillar-section{display:flex;align-items:center;gap:3rem;background-color:var(--kimi-bg);padding:4rem 2rem;max-width:1280px;margin:0 auto;font-family:'Inter',sans-serif;color:var(--kimi-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;}

/* ── Left Image ───────────────────────────────────────── */
.kimi-pillar-section .kimi-pillar-image-wrap{flex:0 0 auto;width:42%;border-radius:calc(var(--kimi-radius) + 4px);overflow:hidden;border:1px solid var(--kimi-border);background-color:var(--kimi-card);aspect-ratio:4/3;position:relative;}
.kimi-pillar-section .kimi-pillar-img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .35s ease;}
.kimi-pillar-section .kimi-pillar-img.kimi-img-loading{opacity:0;transform:scale(1.02);}

/* ── Right Content ─────────────────────────────────────── */
.kimi-pillar-section .kimi-pillar-content{flex:1 1 0%;min-width:0;}

/* Eyebrow */
.kimi-pillar-section .kimi-pillar-number{font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--kimi-primary);margin:0 !important;}

/* Title */
.kimi-pillar-section .kimi-pillar-title{font-family:'Montserrat',sans-serif;font-size:48px;font-weight:900;line-height:1;color:#fff;margin:0 0 .5rem 0;letter-spacing:-.025em;text-transform:uppercase !important; letter-spacing:1px;}

/* Subtitle */
.kimi-pillar-section .kimi-pillar-subtitle{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;font-style:italic;color:var(--kimi-primary);margin:0 0 1rem 0;line-height:1.375;}

/* Description */
.kimi-pillar-section .kimi-pillar-desc{font-family:'Inter',sans-serif;font-size:14px;font-weight:400;line-height:1.625;color:var(--kimi-muted);margin:0 0 1.5rem 0;max-width:480px;}

/* ── Specs ─────────────────────────────────────────────── */
.kimi-pillar-section .kimi-pillar-specs{margin-bottom:1.5rem;border-top:1px solid var(--kimi-border);}
.kimi-pillar-section .kimi-spec-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid var(--kimi-border);}
.kimi-pillar-section .kimi-spec-label{font-family:'Inter',sans-serif;font-size:13px;font-weight:400;color:var(--kimi-muted);}
.kimi-pillar-section .kimi-spec-value{font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:var(--kimi-primary);white-space:nowrap;}
.kimi-pillar-section .kimi-checkmark{font-size:15px;color:var(--kimi-primary);}

/* ── Finishes ─────────────────────────────────────────── */
.kimi-pillar-section .kimi-finishes-label{font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--kimi-muted);margin:0 0 .75rem 0;}
.kimi-pillar-section .kimi-finishes-row{display:flex;flex-direction:column;gap:.625rem;}
.kimi-pillar-section .kimi-finish-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;}

/* ── Buttons Base ─────────────────────────────────────── */
.kimi-pillar-section .kimi-finish-btn{cursor:pointer;border:none;outline:none;line-height:1;font-family:'Inter',sans-serif;transition:.2s ease;}

/* Secondary */
.kimi-pillar-section .kimi-finish-btn--secondary{display:inline-flex !important;align-items:center !important;gap:.375rem !important;padding:.375rem .875rem !important;border-radius:9999px !important;border:1px solid var(--kimi-border) !important;background:transparent !important;color:var(--kimi-muted) !important;font-size:12px !important;font-weight:500 !important;}
.kimi-pillar-section .kimi-finish-btn--secondary:hover{border-color:#3A3A3C !important;color:#fff !important;background:rgba(255,255,255,0.05) !important;}
.kimi-pillar-section .kimi-finish-btn--secondary.kimi-finish-active{border-color:var(--kimi-primary) !important;color:#fff !important;background:rgba(212,168,67,0.10) !important;}

/* Dot */
.kimi-pillar-section .kimi-finish-dot{width:10px;height:10px;border-radius:9999px;display:inline-block;}

/* Primary */
.kimi-pillar-section .kimi-finish-btn--primary{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:.5rem 1.25rem !important;border-radius:9999px !important;background:var(--kimi-primary) !important;color:#0A0A0B !important;font-size:13px !important;font-weight:700 !important;border:1.5px solid var(--kimi-primary) !important;}
.kimi-pillar-section .kimi-finish-btn--primary:hover{background:var(--kimi-primary-hov) !important;box-shadow:0 8px 24px rgba(212,168,67,.3) !important;}
.kimi-pillar-section .kimi-finish-btn--primary.kimi-finish-active{box-shadow:0 8px 24px rgba(212,168,67,.3) !important;}

/* Glass */
.kimi-pillar-section .kimi-finish-btn--glass{display:inline-flex !important;align-items:center !important;padding:.3rem .75rem !important;border-radius:9999px !important;background:rgba(255,255,255,0.08) !important;color:var(--kimi-muted) !important;font-size:11px !important;border:1px solid rgba(255,255,255,0.12) !important;}
.kimi-pillar-section .kimi-finish-btn--glass:hover{background:rgba(255,255,255,0.14) !important;color:#fff !important;}
.kimi-pillar-section .kimi-finish-btn--glass.kimi-finish-active{background:rgba(212,168,67,0.15) !important;color:var(--kimi-primary) !important;}

/* Title Fix */
.kimi-pillar-section h2.kimi-pillar-title{color:#fff !important;}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width:1024px){
.kimi-pillar-section{gap:2rem;padding:3rem 1.5rem;}
.kimi-pillar-section .kimi-pillar-image-wrap{width:46%;}
.kimi-pillar-section .kimi-pillar-title{font-size:36px;}
}

@media (max-width:768px){
.kimi-pillar-section{flex-direction:column;gap:1.5rem;padding:2.5rem 1rem;}
.kimi-pillar-section .kimi-pillar-image-wrap{width:100%;}
.kimi-pillar-section .kimi-pillar-title{font-size:32px;}
.kimi-pillar-section .kimi-pillar-subtitle{font-size:18px;}
}

@media (max-width:480px){
.kimi-pillar-section .kimi-pillar-title{font-size:28px;}
.kimi-pillar-section .kimi-finish-btn--secondary,
.kimi-pillar-section .kimi-finish-btn--glass{font-size:11px;padding:.3rem .7rem;}
}