.ccat-card:has(.ccat-logo-ate-drum) .ccat-logo-box{background:#fff}.ccat-logo-ate-drum{height:auto!important;max-height:90px!important;max-width:235px!important;object-fit:contain;width:76%!important}
.ate-shell{--ate-blue:#0066b3;--ate-navy:#062b4c;display:grid;gap:18px;margin:0 auto;max-width:1240px;padding:20px 0 52px}.ate-hero{background:linear-gradient(90deg,rgba(2,18,34,.99) 0 34%,rgba(2,18,34,.88) 46%,rgba(2,18,34,.26) 69%,rgba(2,18,34,.03) 100%),url('/assets/catalogs/ate-drum/category-art-v2/hero-c2-v2.webp') center/cover no-repeat;border:1px solid #0a5e9e;border-radius:24px;box-shadow:0 18px 42px rgba(6,43,76,.22);color:#fff;display:flex;min-height:420px;overflow:hidden;position:relative}.ate-hero::before{background:linear-gradient(90deg,#075da4 0 34%,#16b9e6 34% 61%,#fff 61% 84%,#ffd21a 84%);content:"";height:9px;inset:0 0 auto;position:absolute;z-index:3}.ate-hero-copy{align-self:center;display:grid;gap:15px;max-width:660px;padding:50px clamp(30px,4vw,58px);position:relative;z-index:1}.ate-kicker{color:#81dbff;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.ate-logo{background:#0872bb;border:1px solid rgba(255,255,255,.55);border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.2);height:100px;object-fit:contain;padding:10px;width:172px}.ate-hero h1{font-size:clamp(2.1rem,4vw,4.05rem);letter-spacing:-.045em;line-height:.94;margin:0;max-width:640px}.ate-hero p{color:#f4faff;font-size:clamp(1rem,1.3vw,1.14rem);font-weight:700;line-height:1.55;margin:0;max-width:610px;text-shadow:0 2px 14px rgba(0,0,0,.95)}.ate-notice{align-items:center;background:#eef8ff;border:1px solid #b6d9f1;border-left:5px solid var(--ate-blue);border-radius:16px;color:#26445d;display:grid;gap:4px;grid-template-columns:auto 1fr;padding:15px 18px}.ate-notice strong{color:#06375e;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.ate-notice span{font-size:12px;line-height:1.45}.ate-controls{background:#fff;border:1px solid #dde4eb;border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.06);display:grid;gap:18px;padding:22px}.ate-filter-block{display:grid;gap:10px}.ate-categories{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.ate-category{background:#062b4c;border:2px solid transparent;border-bottom-color:#0b71bb;border-radius:18px;cursor:pointer;min-height:205px;overflow:hidden;padding:0;position:relative;text-align:left;transition:border-color .18s,box-shadow .18s,transform .18s}.ate-category::after{background:linear-gradient(145deg,rgba(2,18,34,.84) 0 28%,rgba(2,18,34,.42) 49%,rgba(2,18,34,.03) 78%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.ate-category-image{filter:saturate(.9) contrast(1.06);height:100%;inset:0;object-fit:cover;opacity:.58;position:absolute;transition:opacity .22s,filter .22s,transform .22s;width:100%}.ate-category-copy{border-left:4px solid #65d6ff;color:#fff;display:flex;flex-direction:column;gap:6px;left:16px;max-width:88%;padding:2px 0 3px 12px;position:absolute;top:17px;z-index:2}.ate-category-copy strong{font-size:clamp(1.12rem,1.3vw,1.4rem);line-height:1.02;text-shadow:0 2px 5px #000,0 0 16px rgba(0,0,0,.95)}.ate-category-copy span{color:#fff;font-size:.76rem;font-weight:850;line-height:1.18;text-shadow:0 2px 4px #000,0 0 14px rgba(0,0,0,.98)}.ate-category:hover,.ate-category:focus-visible{border-color:#16b9e6;box-shadow:0 13px 28px rgba(6,43,76,.17);outline:0;transform:translateY(-2px)}.ate-category:hover .ate-category-image,.ate-category:focus-visible .ate-category-image,.ate-category.is-active .ate-category-image{filter:saturate(1.06) contrast(1.02);opacity:1;transform:scale(1.035)}.ate-category.is-active{border-color:#ffd21a;box-shadow:0 0 0 3px rgba(255,210,26,.3),0 13px 28px rgba(6,43,76,.17)}.ate-category.is-active .ate-category-copy{border-left-color:#ffd21a}.ate-results{display:grid;gap:15px}.ate-results-heading{display:grid;gap:5px}.ate-results-priority{color:#5d6672;font-size:12px;font-weight:750}.ate-product-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.ate-product{background:#fff;border:1px solid #dbe3eb;border-radius:20px;box-shadow:0 10px 28px rgba(17,24,39,.07);display:flex;flex-direction:column;min-width:0;overflow:hidden}.ate-product-media{align-items:center;background:#e9f0ff;display:flex;justify-content:center;min-height:235px;padding:12px;position:relative}.ate-product-media .rp-catalog-gallery{height:215px;width:100%}.ate-product-media .rp-catalog-gallery__stage{background:#e9f0ff!important;background-image:none!important;height:215px;overflow:hidden;padding:9px;width:100%}.ate-product-media .rp-catalog-gallery__image{display:block;height:100%;max-height:197px;max-width:100%;object-fit:contain;object-position:center;width:100%}.ate-product-media .rp-catalog-gallery__zoom{right:12px;top:12px}.ate-product-body{display:flex;flex:1;flex-direction:column;padding:18px}.ate-meta{display:flex;flex-wrap:wrap;gap:6px}.ate-badge{border-radius:999px;font-size:9px;font-weight:900;padding:6px 8px;text-transform:uppercase}.ate-badge-featured{background:#ffd21a;color:#302400}.ate-badge-type{background:#e6f4ff;color:#07598a}.ate-badge-history{background:#fff0e6;color:#9a3412}.ate-product-title{color:#0a3154;font-size:1.22rem;line-height:1.2;margin:12px 0 7px}.ate-application{color:#5c6775;font-size:12px;line-height:1.5;margin:0 0 13px;min-height:3.6em}.ate-specs{border-bottom:1px solid #e7ebef;border-top:1px solid #e7ebef;display:grid;grid-template-columns:1fr 1fr;margin:0 0 13px}.ate-spec-row{display:grid;gap:3px;padding:10px}.ate-spec-row:nth-child(even){border-left:1px solid #e7ebef}.ate-spec-row:nth-child(n+3){border-top:1px solid #e7ebef}.ate-spec-row dt{color:#8792a1;font-size:8px;font-weight:900;text-transform:uppercase}.ate-spec-row dd{color:#1d2d3d;font-size:12px;font-weight:850;margin:0}.ate-replaces{align-items:center;background:#eef8ff;border:1px solid #c8e2f2;border-radius:10px;color:#35556e;display:flex;font-size:11px;gap:8px;margin-bottom:13px;padding:9px 11px}.ate-replaces strong{color:#07598a}.ate-actions{display:grid;gap:8px;margin-top:auto}.ate-search-code{align-items:center;background:#ffd21a;border:1px solid #e1b800;border-radius:12px;color:#152331;cursor:pointer;display:grid;font:inherit;grid-template-columns:1fr auto auto;min-height:50px;padding:10px 13px;text-align:left}.ate-search-code span:first-child{font-size:10px;font-weight:800;text-transform:uppercase}.ate-search-code strong{font-family:'JetBrains Mono',Consolas,monospace;font-size:16px}.ate-search-code span:last-child{font-size:20px}.ate-search-code:hover{background:#07598a;border-color:#07598a;color:#fff}.ate-source-link{color:#07598a;font-size:11px;font-weight:900;text-decoration:none}.ate-source-link:hover{text-decoration:underline}.ate-pager{align-items:center;display:flex;gap:14px;justify-content:center;margin-top:12px}.ate-page-button{background:#fff;border:1px solid #bfcbd6;border-radius:12px;color:#07598a;cursor:pointer;font:inherit;font-size:12px;font-weight:900;min-height:42px;padding:9px 15px}.ate-page-button:hover:not(:disabled){background:#07598a;color:#fff}.ate-page-button:disabled{cursor:not-allowed;opacity:.42}.ate-page-label{color:#667085;font-size:12px;font-weight:800}.ate-empty{background:#fff;border:1px dashed #bdc9d5;border-radius:18px;display:grid;gap:5px;grid-column:1/-1;padding:40px;text-align:center}.ate-status{border-color:#71bde9;color:#07598a}
.ate-product-title{font-size:1.3rem;line-height:1.18;margin:12px 0 9px}
.ate-application{background:linear-gradient(90deg,#eef8ff,#f8fcff);border:1px solid #c9e3f4;border-left:5px solid #0872bb;border-radius:12px;display:grid;gap:5px;margin:0 0 14px;min-height:76px;padding:11px 13px}
.ate-application-label{color:#0872bb;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.ate-application-value{color:#102f49;font-size:15px;font-weight:900;line-height:1.35}
@media(max-width:1050px){.ate-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.ate-hero{min-height:390px}.ate-product-grid{grid-template-columns:1fr}}
@media(max-width:760px){.ate-shell{padding:12px 0 38px}.ate-hero{background:linear-gradient(90deg,rgba(2,18,34,.97),rgba(2,18,34,.7)),url('/assets/catalogs/ate-drum/category-art-v2/hero-c2-v2.webp') 62% center/cover no-repeat;border-radius:18px;min-height:390px}.ate-hero-copy{padding:40px 22px}.ate-logo{height:82px;width:145px}.ate-notice{align-items:start;grid-template-columns:1fr}.ate-controls{border-radius:17px;padding:15px}.ate-categories{grid-template-columns:1fr 1fr}.ate-category{min-height:150px}.ate-product-media{min-height:205px}.ate-product-media .rp-catalog-gallery,.ate-product-media .rp-catalog-gallery__stage{height:185px}.ate-product-media .rp-catalog-gallery__image{max-height:167px}.ate-specs{grid-template-columns:1fr}.ate-spec-row:nth-child(even){border-left:0}.ate-spec-row:nth-child(n+2){border-top:1px solid #e7ebef}}
@media(max-width:460px){.ate-categories{grid-template-columns:1fr}.ate-category{min-height:154px}.ate-product-body{padding:15px}.ate-search-code{grid-template-columns:1fr auto}.ate-search-code span:first-child{display:none}}