:root{--cpa-blue:#2563eb;--cpa-ink:#152238;--cpa-muted:#687386;--cpa-line:#e6eaf0;--cpa-soft:#f6f8fb}
.cpa-wrapper{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}.cpa-content{min-width:0}.cpa-sidebar{position:sticky;top:24px;background:#fff;border:1px solid var(--cpa-line);border-radius:18px;box-shadow:0 10px 35px rgba(20,34,56,.07);overflow:hidden;z-index:20}.cpa-filter-panel{display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.cpa-filter-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px}.cpa-filter-kicker{display:block;color:var(--cpa-blue);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cpa-filter-title{font-size:22px;line-height:1.2;margin:3px 0 0;color:var(--cpa-ink)}.cpa-filter-close{display:none;border:0;background:var(--cpa-soft);width:36px;height:36px;border-radius:50%;font-size:24px}.cpa-clear-filters{position:absolute;right:18px;top:25px;border:0;background:none;color:#dc2626;font-size:12px;font-weight:700;cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.cpa-clear-filters.is-visible{opacity:1;pointer-events:auto}.cpa-filter-section{border-top:1px solid var(--cpa-line);padding:16px 14px 14px;min-height:0;display:flex;flex-direction:column}.cpa-filter-section-title{display:flex;justify-content:space-between;align-items:center;padding:0 5px 12px;color:var(--cpa-ink)}.cpa-filter-section-title span{min-width:26px;padding:2px 7px;border-radius:20px;background:#eef2f7;color:var(--cpa-muted);font-size:11px;text-align:center}.cpa-category-search-wrap{height:42px;border:1px solid var(--cpa-line);border-radius:12px;background:var(--cpa-soft);display:flex;align-items:center;gap:8px;padding:0 12px;margin:0 3px 12px}.cpa-category-search-wrap>span{font-size:16px}.cpa-category-search{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;width:100%;height:38px!important;padding:0!important;font-size:13px}.cpa-category-list{overflow:auto;padding:1px 3px 8px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.cpa-category-card{position:relative;display:grid;grid-template-columns:22px 38px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:7px 9px;margin:0 0 5px;border:1px solid transparent;border-radius:13px;cursor:pointer;transition:.18s}.cpa-category-card:hover{background:#f7f9fc;border-color:#e8edf4;transform:translateX(2px)}.cpa-category-card input{position:absolute;opacity:0}.cpa-checkmark{display:grid;place-items:center;width:20px;height:20px;border:1.5px solid #c8d0dc;border-radius:6px;color:transparent;font-size:13px;font-weight:900}.cpa-category-card input:checked+.cpa-checkmark{background:var(--cpa-blue);border-color:var(--cpa-blue);color:#fff}.cpa-category-card:has(input:checked){background:#f0f6ff;border-color:#cfe0ff}.cpa-category-image{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:10px;background:#edf1f6;color:var(--cpa-blue);font-weight:800}.cpa-category-image img{width:100%;height:100%;object-fit:cover}.cpa-category-info{min-width:0;display:flex;flex-direction:column;line-height:1.25}.cpa-category-name{color:var(--cpa-ink);font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpa-category-info small{margin-top:3px;color:var(--cpa-muted);font-size:11px}.cpa-category-empty{padding:24px 8px;color:var(--cpa-muted);font-size:13px;text-align:center}.cpa-filter-mobile-footer{display:none}
.cpa-mobile-topbar{margin-bottom:13px}.cpa-topbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px 10px 18px;background:#fff;border:1px solid var(--cpa-line);border-radius:15px;box-shadow:0 5px 22px rgba(20,34,56,.05)}.cpa-result-summary{display:flex;flex-direction:column}.cpa-result-summary>span{color:var(--cpa-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cpa-result-summary strong{color:var(--cpa-ink);font-size:16px}.cpa-sort-wrap{display:flex;align-items:center;gap:9px;color:var(--cpa-muted);font-size:12px;font-weight:700}.cpa-sort-wrap select,#cpa-sort{height:42px!important;min-width:190px;padding:0 35px 0 12px!important;border:1px solid #d9e0ea!important;border-radius:11px!important;background-color:#fff!important;color:var(--cpa-ink)!important;font-size:13px!important;font-weight:600;box-shadow:none!important}.cpa-active-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.cpa-active-filters:empty{display:none}.cpa-filter-chip,.cpa-chip-clear{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid #cfe0ff;border-radius:20px;background:#f0f6ff;color:#194a9a;font-size:12px;font-weight:700;cursor:pointer}.cpa-filter-chip i{font-style:normal;font-size:17px}.cpa-chip-clear{border-color:transparent;background:transparent;color:#dc2626}.cpa-mobile-filter-btn{display:none}.cpa-filter-badge{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:12px;background:#fff;color:var(--cpa-blue);font-size:10px}.cpa-overlay{display:none}
.pe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cpa-no-product,.cpa-request-error{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;padding:35px;border:1px dashed #d6dde8;border-radius:16px;background:#fff;text-align:center;color:var(--cpa-muted)}.cpa-no-product strong,.cpa-request-error strong{color:var(--cpa-ink);font-size:18px}.cpa-retry-products{margin-top:15px;padding:10px 18px;border:0;border-radius:10px;background:var(--cpa-ink);color:#fff;font-weight:700}.cpa-load-more{display:block;width:min(100%,430px);height:50px;margin:24px auto 10px;border:0;border-radius:13px;background:var(--cpa-ink);color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:.2s}.cpa-load-more:hover{background:var(--cpa-blue);transform:translateY(-1px)}.cpa-load-more[hidden]{display:none!important}.cpa-skeleton-card{display:block;height:315px;border-radius:15px;background:#fff;overflow:hidden}.cpa-skeleton-card i,.cpa-skeleton-card b,.cpa-skeleton-card em{display:block;background:linear-gradient(90deg,#edf0f4 25%,#f7f8fa 50%,#edf0f4 75%);background-size:200% 100%;animation:cpaShimmer 1.2s infinite}.cpa-skeleton-card i{height:210px}.cpa-skeleton-card b{height:15px;margin:18px 14px 0;border-radius:6px}.cpa-skeleton-card em{width:55%;height:13px;margin:11px 14px;border-radius:6px}@keyframes cpaShimmer{to{background-position:-200% 0}}
.cpa-hero-slider{position:relative;height:230px;margin-bottom:12px;border-radius:16px;overflow:hidden;opacity:0;visibility:hidden}.cpa-hero-slider.ready{opacity:1;visibility:visible;transition:opacity .3s}.cpa-hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.05);transition:opacity 1s,transform 6s}.cpa-hero-slide.active{opacity:1;transform:scale(1)}.cpa-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent)}.cpa-hero-content{position:absolute;z-index:2;left:40px;top:50%;transform:translateY(-50%);color:#fff}.cpa-hero-content h2{font-size:30px;margin:0 0 10px}.cpa-hero-content a{display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:10px;background:#fff;color:#111;text-decoration:none;font-weight:700}
@media(min-width:1500px){.pe-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.cpa-wrapper{grid-template-columns:235px minmax(0,1fr);gap:12px}.pe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:767px){body.cpa-filter-open{overflow:hidden}.cpa-wrapper{grid-template-columns:1fr}.cpa-hero-slider{height:180px;border-radius:12px}.cpa-hero-content{left:20px}.cpa-hero-content h2{font-size:20px}.cpa-mobile-topbar{display:flex;align-items:stretch;gap:9px}.cpa-mobile-filter-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-width:105px;padding:0 13px;border:0;border-radius:12px;background:var(--cpa-blue);color:#fff;font-size:13px;font-weight:800}.cpa-topbar{flex:1;min-width:0;min-height:54px;padding:6px 8px}.cpa-result-summary{display:none}.cpa-sort-wrap>span{display:none}.cpa-sort-wrap,#cpa-sort,.cpa-sort-wrap select{width:100%;min-width:0}.cpa-sidebar{position:fixed;left:-390px;top:0;width:min(360px,88vw);height:100%;border:0;border-radius:0 18px 18px 0;z-index:100001;transition:left .25s}.cpa-sidebar.active{left:0}.cpa-filter-panel{height:100%;max-height:none}.cpa-filter-close{display:block}.cpa-clear-filters{right:66px;top:27px}.cpa-filter-section{flex:1}.cpa-filter-mobile-footer{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;padding:12px 14px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--cpa-line)}.cpa-filter-mobile-footer button{height:46px;border:0;border-radius:11px;font-weight:800}.cpa-mobile-clear{background:#eef2f7;color:var(--cpa-ink)}.cpa-view-results{background:var(--cpa-blue);color:#fff}.cpa-overlay{display:block;position:fixed;inset:0;background:rgba(10,20,35,.48);backdrop-filter:blur(2px);opacity:0;visibility:hidden;z-index:100000;transition:.25s}.cpa-overlay.active{opacity:1;visibility:visible}.pe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cpa-skeleton-card{height:255px}.cpa-skeleton-card i{height:165px}.cpa-active-filters{overflow-x:auto;flex-wrap:nowrap}.cpa-filter-chip,.cpa-chip-clear{flex:0 0 auto}}

/* Extended catalog filters */
.cpa-filter-panel{overflow-y:auto;scrollbar-width:thin}.cpa-category-list{max-height:270px}.cpa-price-section,.cpa-brand-section{flex:0 0 auto}.cpa-price-inputs{display:grid;grid-template-columns:1fr 12px 1fr;align-items:end;gap:7px}.cpa-price-inputs i{padding-bottom:11px;color:var(--cpa-muted);font-style:normal;text-align:center}.cpa-price-inputs label{display:flex;flex-direction:column;gap:5px;color:var(--cpa-muted);font-size:10px;font-weight:700;text-transform:uppercase}.cpa-price-inputs input{width:100%;height:42px!important;padding:0 9px!important;border:1px solid var(--cpa-line)!important;border-radius:10px!important;background:var(--cpa-soft)!important;box-shadow:none!important;color:var(--cpa-ink);font-size:12px}.cpa-apply-price{width:100%;height:40px;margin-top:10px;border:0;border-radius:10px;background:var(--cpa-ink);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.cpa-apply-price:hover{background:var(--cpa-blue)}.cpa-brand-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto}.cpa-brand-option{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:40px;padding:6px 8px;border:1px solid transparent;border-radius:10px;cursor:pointer}.cpa-brand-option:hover,.cpa-brand-option:has(input:checked){background:#f0f6ff;border-color:#cfe0ff}.cpa-brand-option input{position:absolute;opacity:0}.cpa-brand-option input:checked+.cpa-checkmark{background:var(--cpa-blue);border-color:var(--cpa-blue);color:#fff}.cpa-brand-option b{overflow:hidden;color:var(--cpa-ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.cpa-brand-option small{color:var(--cpa-muted);font-size:10px}@media(max-width:767px){.cpa-filter-section{flex:0 0 auto}.cpa-category-section{min-height:300px}.cpa-filter-mobile-footer{position:sticky;bottom:0;background:#fff;z-index:2}}