:root{--ccci-dark:#15171a;--ccci-red:#8f1717;--ccci-silver:#c9ced3;--ccci-gold:#b98a2f;--ccci-light:#f4f5f6}.ccci-discovery,.ccci-single-panel,.ccci-filter{font-family:Arial,Helvetica,sans-serif}.ccci-discovery{max-width:1280px;margin:20px auto}.ccci-hero{padding:clamp(22px,4vw,50px);border-radius:20px;background:radial-gradient(circle at 20% 0,#4c535b,#171a1e 58%,#08090a);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.2)}.ccci-hero>span,.ccci-section-head span,.ccci-filter-head span{letter-spacing:.16em;font-size:.74rem;font-weight:900;color:#e2c16d}.ccci-hero h2{margin:.35rem 0;font-size:clamp(2rem,5vw,4rem);line-height:1}.ccci-hero p{max-width:850px;color:#e5e8ea}.ccci-stat-strip{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.08)}.ccci-stat-strip strong{font-size:1.5rem;color:#f2d681}.ccci-section{margin:30px 0}.ccci-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px}.ccci-section-head h3{margin:.25rem 0 0;font-size:clamp(1.4rem,3vw,2.1rem)}.ccci-section-head p{margin:.35rem 0 0;color:#5d646b}.ccci-section-head>a{white-space:nowrap;padding:9px 13px;border-radius:8px;background:#22272d;color:#fff!important;text-decoration:none!important;font-weight:800}.ccci-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ccci-product{overflow:hidden;border:1px solid #d6dade;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(0,0,0,.08);transition:transform .18s ease,box-shadow .18s ease}.ccci-product:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.14)}.ccci-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:12px;background:radial-gradient(circle,#fff,#e9ecef)}.ccci-image img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}.ccci-copy{padding:15px}.ccci-copy h4{min-height:2.7em;margin:0 0 9px;font-size:1rem;line-height:1.35}.ccci-copy h4 a{color:#171a1e!important;text-decoration:none!important}.ccci-price{min-height:1.6em;font-weight:800;color:#7b1111}.ccci-view{display:block;margin-top:12px;padding:10px;border-radius:8px;background:linear-gradient(#3d444b,#171b1f);color:#fff!important;text-align:center;text-decoration:none!important;font-size:.82rem;font-weight:900}.ccci-login-callout{margin:24px 0;padding:20px;border-left:6px solid var(--ccci-gold);border-radius:8px;background:#fff8e8}.ccci-login-callout a{display:inline-block;padding:9px 13px;border-radius:7px;background:#222;color:#fff!important;text-decoration:none!important}.ccci-member-teaser{display:block;margin-top:5px;font-size:.76rem;font-weight:700}.ccci-member-teaser a{color:#8a1717!important}.ccci-filter{max-width:1280px;margin:18px auto;border:1px solid #cbd0d5;border-radius:16px;background:#f7f8f9;box-shadow:0 8px 24px rgba(0,0,0,.09)}.ccci-filter-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:15px 15px 0 0;background:linear-gradient(#343b42,#15191d);color:#fff}.ccci-filter-head h3{margin:3px 0 0}.ccci-filter-toggle{border:1px solid #777!important;border-radius:7px!important;background:#fff!important;color:#111!important;padding:8px 11px!important;font-weight:800}.ccci-filter-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:20px}.ccci-filter label{display:flex;flex-direction:column;gap:6px;font-weight:700}.ccci-filter input,.ccci-filter select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #aeb5bc;border-radius:7px;background:#fff}.ccci-filter .ccci-check{flex-direction:row;align-items:center}.ccci-filter .ccci-check input{width:auto}.ccci-filter-actions{display:flex;align-items:end;gap:8px;grid-column:span 2}.ccci-filter-actions button,.ccci-filter-actions a{padding:11px 15px;border:0;border-radius:8px;background:#8d1717;color:#fff!important;text-decoration:none!important;font-weight:900}.ccci-filter-actions a{background:#30363c}.ccci-filter.is-collapsed .ccci-filter-body{display:none}@media(max-width:980px){.ccci-grid,.ccci-filter-body{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ccci-grid,.ccci-filter-body{grid-template-columns:1fr}.ccci-section-head{align-items:start;flex-direction:column}.ccci-filter-actions{grid-column:auto;flex-wrap:wrap}.ccci-hero{border-radius:10px}}