/* knsic.com category catalog overlay.
   The base CineMatrix theme continues to own document structure and SEO. */
.kc-catalog-page{padding-bottom:24px}
.kc-catalog-page .pm-breadcrumb{padding-top:18px}
.kc-catalog-hero{margin:18px 0 22px;padding:24px;background:#24211e;color:#f7f2ea;border-top:3px solid #9d3428}
.kc-catalog-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.kc-catalog-title h1{margin:2px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.025em}
.kc-catalog-title p{margin:8px 0 0;color:#c9c0b5;font:13px/1.6 Arial,"Noto Sans SC",sans-serif}
.kc-catalog-title>a{flex:0 0 auto;padding-bottom:3px;color:#d9a26f;font:700 13px/1.4 Arial,"Noto Sans SC",sans-serif;border-bottom:1px solid #8d6a4d}
.kc-catalog-hero-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kc-feature-card{min-width:0;background:#302c28;border:1px solid #494139}
.kc-feature-card>a{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:138px;color:inherit}
.kc-feature-card img{width:92px;height:138px;object-fit:cover;background:#191817}
.kc-feature-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:13px 14px}
.kc-feature-copy>small{color:#c98a58;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.1em}
.kc-feature-copy>b{display:-webkit-box;overflow:hidden;margin-top:7px;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:17px;line-height:1.35}
.kc-feature-copy>em{display:flex;gap:5px;margin-top:6px;color:#b9afa4;font:normal 11px/1.4 Arial,"Noto Sans SC",sans-serif}
.kc-feature-copy>span{overflow:hidden;margin-top:8px;color:#e3ddd5;font:12px/1.4 Arial,"Noto Sans SC",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.kc-feature-copy i{font-style:normal;opacity:.55}

.kc-catalog-subnav{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:2px 0;scrollbar-width:thin}
.kc-catalog-subnav a{flex:0 0 auto;padding:6px 11px;color:#6f655b;font:12px/1.35 Arial,"Noto Sans SC",sans-serif;background:#f8f5ef;border:1px solid #d7cfc4}
.kc-catalog-subnav a:hover,.kc-catalog-subnav a.is-active{color:#fff;background:#8f3026;border-color:#8f3026}

.kc-catalog-content{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:24px;align-items:start;margin-top:28px}
.kc-catalog-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #cfc8bd}
.kc-catalog-section-head h2{margin:2px 0 0;font-size:25px;line-height:1.15}
.kc-catalog-section-head p{margin:0;color:#786e64;font:12px/1.4 Arial,"Noto Sans SC",sans-serif}
.kc-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 12px}
.xp_cinematrix_pro .kc-catalog-card{height:100%;box-shadow:0 6px 17px rgba(45,35,25,.09);border:1px solid rgba(158,145,129,.32)}
.xp_cinematrix_pro .kc-catalog-card .pm-card-media{overflow:hidden;background:#ded8ce}
.xp_cinematrix_pro .kc-catalog-card .pm-card-media img{transition:transform .25s ease}
.xp_cinematrix_pro .kc-catalog-card:hover .pm-card-media img{transform:scale(1.018)}
.xp_cinematrix_pro .kc-catalog-card .pm-card-copy{padding:9px 10px 10px}
.xp_cinematrix_pro .kc-catalog-card h3{display:-webkit-box;min-height:2.7em;max-height:2.7em;overflow:hidden;margin:0 0 5px;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;line-height:1.35;letter-spacing:.005em}
.xp_cinematrix_pro .kc-catalog-card .pm-meta{overflow:hidden;color:#81766a;font:11px/1.4 Arial,"Noto Sans SC",sans-serif;white-space:nowrap}
.xp_cinematrix_pro .kc-catalog-card .pm-badge{right:6px;bottom:6px;max-width:calc(100% - 12px);overflow:hidden;padding:4px 6px;background:rgba(143,48,38,.94);font:700 10px/1.2 Arial,"Noto Sans SC",sans-serif;text-overflow:ellipsis;white-space:nowrap}

.kc-catalog-side{position:sticky;top:16px}
.kc-side-panel{padding:17px 16px;background:#f8f5ef;border:1px solid #d2cabf;border-top:3px solid #9d3428}
.kc-side-head{margin-bottom:8px;padding-bottom:9px;border-bottom:1px solid #d9d1c6}
.kc-side-head h2{margin:1px 0 0;font-size:19px;line-height:1.3}
.kc-side-rank{list-style:none;margin:0;padding:0;counter-reset:kc-side-rank}
.kc-side-rank li{counter-increment:kc-side-rank;border-top:1px solid #e4ddd4}
.kc-side-rank li:first-child{border-top:0}
.kc-side-rank a{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:43px}
.kc-side-rank a>span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;color:#6d6257;background:#e2dbd1;font:700 11px/1 Arial,sans-serif}
.kc-side-rank li:nth-child(-n+3) a>span{color:#fff;background:#9d3428}
.kc-side-rank b{overflow:hidden;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.kc-side-rank small{max-width:58px;overflow:hidden;color:#8a7f73;font:10px/1.3 Arial,"Noto Sans SC",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.kc-side-rank a:hover b{color:#8f3026}
.kc-side-topics{margin-top:14px}
.kc-side-topic-links{display:grid}
.kc-side-topic-links .pm-topic-separator{display:none}
.kc-side-topic-links a{display:block;padding:10px 0;color:#3f3933;border-top:1px solid #e4ddd4;font:700 13px/1.45 Arial,"Noto Sans SC",sans-serif;overflow-wrap:anywhere}
.kc-side-topic-links a:first-of-type{border-top:0}
.kc-side-topic-links a:hover,.kc-side-topic-more:hover{color:#8f3026}
.kc-side-topic-more{display:block;margin-top:8px;padding-top:10px;color:#776b60;border-top:1px solid #d9d1c6;font:700 12px/1.4 Arial,"Noto Sans SC",sans-serif}

@media(min-width:1360px){.kc-catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){
  .kc-catalog-content{grid-template-columns:1fr}
  .kc-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .kc-catalog-side{position:static}
  .kc-side-rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  .kc-side-topic-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  .kc-side-topic-links a:nth-of-type(2){border-top:0}
}
@media(max-width:767px){
  .kc-catalog-page .pm-breadcrumb{padding-top:12px}
  .kc-catalog-hero{margin:12px -12px 18px;padding:20px 12px 16px}
  .kc-catalog-title{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:14px}
  .kc-catalog-title h1{font-size:32px}
  .kc-catalog-title p{margin-top:6px}
  .kc-catalog-hero-track{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory}
  .kc-feature-card{flex:0 0 min(84vw,330px);scroll-snap-align:start}
  .kc-feature-card>a{grid-template-columns:82px minmax(0,1fr);min-height:123px}
  .kc-feature-card img{width:82px;height:123px}
  .kc-feature-copy{padding:10px 12px}
  .kc-feature-copy>b{font-size:16px}
  .kc-catalog-content{gap:22px;margin-top:23px}
  .kc-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 9px}
  .kc-catalog-section-head h2{font-size:22px}
  .kc-catalog-section-head p{display:none}
  .kc-side-rank{grid-template-columns:1fr}
  .kc-side-topic-links{grid-template-columns:1fr}
  .kc-side-topic-links a:nth-of-type(2){border-top:1px solid #e4ddd4}
  .xp_cinematrix_pro .kc-catalog-card .pm-card-copy{padding:8px}
  .xp_cinematrix_pro .kc-catalog-card h3{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.xp_cinematrix_pro .kc-catalog-card .pm-card-media img{transition:none}}