.collection-light-page { overflow:hidden; background:#fff; }
.collection-light-page .eyebrow { margin-bottom:12px; color:var(--color-primary); font-size:.68rem; font-weight:900; letter-spacing:.22em; text-transform:uppercase; }
.collection-light-page .eyebrow--light { color:#d9ece8; }
.collection-hero--editorial { position:relative; isolation:isolate; display:grid; min-height:510px; align-items:center; overflow:hidden; color:#172f30; background:#e9e5df; }
.collection-hero__backdrop { position:absolute; z-index:-2; inset:0; background:var(--perf-bg-af84847bca06c1f2, url('../../../images/product-collection/ceiling-fans-with-lights/hero-user-supplied.png')) center / cover no-repeat; }
.collection-hero--editorial::after { position:absolute; z-index:-1; inset:0; content:""; background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 29%,rgba(255,255,255,.49) 49%,rgba(255,255,255,.06) 76%); }
.collection-hero__copy { width:100%; max-width:1180px; padding:74px 0; }
.collection-hero__copy h1 { max-width:580px; margin:0 0 17px; font-size:clamp(3.2rem,5.6vw,5.6rem); line-height:.98; letter-spacing:-.065em; }
.collection-hero__copy > p:not(.eyebrow) { max-width:455px; margin:0; color:#405354; font-size:1.02rem; line-height:1.7; }
.collection-hero__actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:28px; }
.collection-hero__actions .button { min-width:148px; }
.collection-hero__actions .button--outline { border-color:#6c8586; color:#214445; background:rgba(255,255,255,.48); }
.collection-hero__signature { position:absolute; right:clamp(34px,8vw,145px); bottom:44px; margin:0; color:rgba(255,255,255,.88); font-family:Georgia,serif; font-size:1.45rem; font-style:italic; line-height:1.05; text-align:center; text-shadow:0 1px 15px rgba(0,0,0,.2); }

.collection-filters { padding:22px 0 15px; background:#fff; }
.collection-filters__inner { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.filter-tabs { display:flex; flex:1; gap:8px; }
.filter-tab { display:grid; min-width:96px; flex:1; place-items:center; gap:6px; padding:13px 8px; border:1px solid transparent; border-radius:12px; color:#315153; background:#f1f4f4; font-size:.72rem; font-weight:800; transition:background .2s ease,color .2s ease,transform .2s ease; }
.filter-tab:hover { transform:translateY(-2px); }
.filter-tab.is-active { color:#fff; background:#214445; box-shadow:0 9px 20px rgba(24,68,69,.18); }
.filter-tab span { font-size:1.35rem; line-height:1; }
.model-search { display:flex; width:210px; align-items:center; gap:9px; padding:0 15px; border:1px solid #e0e7e7; border-radius:22px; color:#708082; background:#fff; }
.model-search span { font-size:1.1rem; }
.model-search input { width:100%; padding:12px 0; border:0; outline:0; color:var(--color-text); background:transparent; font:inherit; font-size:.8rem; }

.featured-models { padding:34px 0 72px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; }
.section-heading--compact { margin-bottom:20px; }
.section-heading h2 { margin:0; font-size:clamp(1.75rem,2.8vw,2.55rem); letter-spacing:-.045em; }
.section-heading a { color:#214445; font-size:.82rem; font-weight:900; white-space:nowrap; }
.section-heading a span { margin-left:5px; }
.product-showcase { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.showcase-card { position:relative; display:grid; overflow:hidden; min-height:318px; border:1px solid #edf0ef; border-radius:11px; color:var(--color-text); background:#fff; box-shadow:0 5px 14px rgba(25,52,53,.07); transition:transform .25s ease,box-shadow .25s ease; }
.showcase-card:hover { box-shadow:0 14px 28px rgba(25,52,53,.13); transform:translateY(-4px); }
.showcase-card:focus-visible { outline:3px solid #214445; outline-offset:4px; }
.showcase-card > img { width:100%; height:auto; aspect-ratio:5 / 3; object-fit:cover; }
.showcase-card > div { position:relative; display:grid; align-content:start; gap:7px; padding:14px 46px 16px 15px; }
.showcase-card h3 { margin:0; font-size:1rem; }
.showcase-card p { margin:0; color:#68787a; font-size:.76rem; }
.showcase-card ul { display:flex; flex-wrap:wrap; gap:5px; margin:2px 0 0; padding:0; list-style:none; }
.showcase-card li { padding:3px 7px; border-radius:4px; color:#596a6b; background:#eff2f2; font-size:.61rem; font-weight:700; }
.showcase-card__arrow { position:absolute; right:14px; bottom:15px; display:grid; width:23px; height:23px; place-items:center; border:1px solid #b8c6c5; border-radius:50%; color:#214445; font-weight:900; }
.showcase-card[hidden] { display:none; }
.showcase-card--image-only { grid-template-rows:auto 1fr; }
.showcase-card--image-only > img { object-fit:contain; background:#fff; }
.showcase-card--image-focus > img { transform:scale(1.55); transform-origin:center; }
.showcase-card--image-only > div { padding-right:15px; }
.model-pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin:30px 0 0; }
.model-pagination__button { min-width:113px; padding:10px 14px; border:1px solid #214445; border-radius:999px; color:#214445; background:#fff; font:700 .77rem/1 inherit; cursor:pointer; transition:background .2s ease,color .2s ease,opacity .2s ease; }
.model-pagination__button:hover:not(:disabled) { color:#fff; background:#214445; }
.model-pagination__button:focus-visible { outline:3px solid #214445; outline-offset:3px; }
.model-pagination__button:disabled { opacity:.42; cursor:not-allowed; }
.model-pagination__status { min-width:90px; margin:0; color:#526565; font-size:.78rem; font-weight:800; text-align:center; }
.empty-results { margin:30px 0 0; color:var(--color-muted); text-align:center; }

.why-kajiapu { position:relative; isolation:isolate; padding:62px 0 54px; overflow:hidden; background:#f7f3ed; }
.why-kajiapu::before { position:absolute; z-index:-1; inset:0; content:""; opacity:.1; background:var(--perf-bg-281fc654ba18dd26, url('../../../images/product-collection/ceiling-fans-with-lights/quality.jpg')) right center / cover no-repeat; filter:grayscale(1); }
.why-kajiapu h2 { margin:0; font-size:clamp(2rem,3.3vw,3rem); letter-spacing:-.055em; }
.why-kajiapu__intro { margin:10px 0 35px; color:#445859; }
.benefit-row { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.benefit-row article { display:grid; justify-items:center; gap:10px; text-align:center; }
.benefit-row span { display:grid; width:40px; height:40px; place-items:center; border-radius:50%; color:#fff; background:#214445; font-size:1.25rem; }
.benefit-row h3 { margin:0; color:#254547; font-size:.78rem; line-height:1.45; }

.collection-promos { padding:24px 0; }
.collection-promos__grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.collection-promo { position:relative; isolation:isolate; display:grid; min-height:300px; align-items:end; overflow:hidden; border-radius:5px; color:#fff; }
.collection-promo::after { position:absolute; z-index:1; inset:0; content:""; background:linear-gradient(90deg,rgba(15,37,38,.74),rgba(20,46,47,.2)); }
.collection-promo img { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.collection-promo:hover img { transform:scale(1.035); }
.collection-promo div { position:relative; z-index:2; max-width:340px; padding:32px; }
.collection-promo h2 { margin:0 0 12px; font-size:clamp(1.65rem,2.5vw,2.5rem); letter-spacing:-.045em; }
.collection-promo p { margin:0 0 21px; color:#f4f7f7; font-size:.88rem; line-height:1.55; }
.collection-promo span { color:#fff; font-size:.78rem; font-weight:900; }
.collection-promo--custom::after { background:linear-gradient(90deg,rgba(12,30,31,.77),rgba(12,30,31,.35)); }

.collection-cta { padding:68px 0; color:#fff; background:radial-gradient(circle at 80% 10%,#295b5b 0%,transparent 32%),#143b3c; }
.collection-cta__grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(410px,.85fr); gap:70px; align-items:center; }
.collection-cta h2 { max-width:680px; margin:0 0 12px; color:#fff; font-size:clamp(2rem,3.5vw,3.4rem); letter-spacing:-.055em; }
.collection-cta p:not(.eyebrow) { max-width:620px; margin:0 0 25px; color:#d6e4e4; }
.collection-cta .button { min-width:178px; }
.cta-points { display:grid; grid-template-columns:repeat(3,1fr); }
.cta-points article { display:grid; justify-items:center; gap:12px; min-height:85px; padding:0 15px; border-left:1px solid rgba(255,255,255,.2); text-align:center; }
.cta-points article:first-child { border-left:0; }
.cta-points span { font-size:1.5rem; }
.cta-points b { font-size:.73rem; }

@media (max-width:980px) { .collection-hero--editorial { min-height:475px; } .product-showcase { grid-template-columns:repeat(3,1fr); } .filter-tabs { overflow:auto; padding-bottom:5px; } .filter-tab { min-width:86px; } .collection-filters__inner { align-items:flex-start; flex-direction:column; } .model-search { width:100%; } .collection-cta__grid { grid-template-columns:1fr; gap:42px; } }
@media (max-width:700px) { .collection-hero--editorial { min-height:520px; } .collection-hero__backdrop { background-position:63% center; } .collection-hero--editorial::after { background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.87) 63%,rgba(255,255,255,.35)); } .collection-hero__copy { padding:64px 0 125px; } .collection-hero__copy h1 { font-size:clamp(3rem,13vw,4.5rem); } .collection-hero__signature { right:25px; bottom:28px; font-size:1.15rem; } .product-showcase { grid-template-columns:repeat(2,1fr); gap:11px; } .showcase-card { min-height:285px; } .showcase-card > div { padding:12px 32px 13px 12px; } .showcase-card h3 { font-size:.9rem; } .showcase-card p { font-size:.66rem; } .showcase-card ul { display:none; } .showcase-card__arrow { right:10px; bottom:12px; } .benefit-row { grid-template-columns:repeat(2,1fr); row-gap:30px; } .collection-promos__grid { grid-template-columns:1fr; } .collection-promo { min-height:270px; } .collection-promo div { padding:25px; } .cta-points { gap:16px; } .cta-points article { padding:0 8px; } }