/* Ribbon finder: scoped to this one department. */
#acb-department-ribbons-panel { background:#f1f2f3; }
body.acb-redesign-draft .acb-menu-ribbons .acb-native-panel-inner {
 display:block; max-width:1370px; padding:22px 40px 26px; margin:0 auto;
}
#acb-department-ribbons-panel .acb-ribbon-finder {
 color:#23292f; background:#fff; border:1px solid #dce0e3; border-radius:10px; overflow:hidden;
 font:400 14px/1.55 Poppins,Arial,sans-serif;
}
#acb-department-ribbons-panel .acb-rf-intro {
 position:relative; display:flex; justify-content:space-between; align-items:center; gap:24px;
 padding:23px 28px 25px; background:#23292f; color:#fff;
}
#acb-department-ribbons-panel .acb-rf-intro::after {
 content:""; position:absolute; bottom:0; left:0; right:0; height:3px;
 background:linear-gradient(90deg,#00a9cf 0 25%,#df278a 25% 50%,#f5cb32 50% 75%,#fe5000 75%);
}
#acb-department-ribbons-panel .acb-rf-eyebrow {
 display:block; margin-bottom:6px; color:#ffad86; font-size:10px; font-weight:600; letter-spacing:.16em;
}
#acb-department-ribbons-panel .acb-rf-intro h2 {
 margin:0; padding:0; color:#fff; font-size:25px; font-weight:600; letter-spacing:-.025em; line-height:1.3;
}
#acb-department-ribbons-panel .acb-rf-intro h2::after { display:none; }
#acb-department-ribbons-panel .acb-rf-intro p { margin:6px 0 0; color:#d9dde1; font-size:13px; line-height:1.6; }
#acb-department-ribbons-panel a.acb-rf-all {
 display:inline-flex; align-items:center; justify-content:center; gap:24px; flex-shrink:0;
 padding:12px 17px; min-height:44px; color:#fff; background:#b93800; border:1px solid #e45416;
 border-radius:5px; font-size:13px; font-weight:600; text-decoration:none;
}
#acb-department-ribbons-panel a.acb-rf-all:hover { background:#943000; text-decoration:none; }
#acb-department-ribbons-panel .acb-rf-brands {
 display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:10px; padding:17px 24px;
 border-bottom:1px solid #e4e6e8; background:#fafbfc;
}
#acb-department-ribbons-panel a.acb-rf-brand {
 display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px;
 padding:10px 6px 8px; min-height:78px; background:#fff; color:#42484e; border:1px solid #d9dee3;
 border-radius:5px; text-decoration:none; position:relative;
}
#acb-department-ribbons-panel .acb-rf-brand img { display:block; width:108px; max-width:90%; height:28px; object-fit:contain; margin:0; }
#acb-department-ribbons-panel .acb-rf-brand-name { font-size:10px; font-weight:500; line-height:1.3; text-align:center; }
#acb-department-ribbons-panel a.acb-rf-brand:hover { border-color:#b93800; background:#fff8f4; color:#8a2c00; text-decoration:none; }
#acb-department-ribbons-panel .acb-rf-brand[aria-selected="true"] {
 border-color:#c13d00; box-shadow:inset 0 -3px 0 #fe5000; background:#fff8f4; color:#8a2c00;
}
#acb-department-ribbons-panel [hidden] { display:none!important; }
#acb-department-ribbons-panel .acb-rf-panel {
 display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:30px; margin:0; padding:24px 28px;
}
#acb-department-ribbons-panel .acb-rf-step { display:block; font-size:10px; letter-spacing:.12em; font-weight:600; color:#6b7279; margin:0 0 5px; }
#acb-department-ribbons-panel .acb-rf-models h3 {
 font-size:21px; font-weight:600; line-height:1.35; letter-spacing:-.02em; margin:0 0 16px; padding:0; color:#23292f;
}
#acb-department-ribbons-panel .acb-rf-models h3::after { display:none; }
#acb-department-ribbons-panel .acb-rf-model-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
#acb-department-ribbons-panel .acb-rf-model-links a {
 display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; padding:10px 12px;
 color:#30363d; background:#f7f8fa; border:1px solid #e4e7ea; border-radius:4px;
 font-size:12px; font-weight:500; line-height:1.4; text-decoration:none;
}
#acb-department-ribbons-panel .acb-rf-model-links a::after { content:"›"; color:#b93800; font-size:20px; font-weight:400; line-height:1; flex-shrink:0; }
#acb-department-ribbons-panel .acb-rf-model-links a:hover { background:#fff4ed; border-color:#e7b89f; color:#902e00; text-decoration:none; }
#acb-department-ribbons-panel a.acb-rf-brand-all {
 display:inline-flex; align-items:center; gap:18px; min-height:44px; margin:12px 0 0; padding:5px 0;
 color:#a03300; font-weight:600; font-size:12px; text-decoration:none;
}
#acb-department-ribbons-panel a.acb-rf-brand-all:hover { color:#792700; text-decoration:underline; }
#acb-department-ribbons-panel .acb-rf-visual {
 display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; gap:16px;
 border-left:1px solid #e5e8eb; padding-left:24px;
}
#acb-department-ribbons-panel a.acb-rf-photo { display:block; min-height:0; padding:0; background:#fff; }
#acb-department-ribbons-panel .acb-rf-photo img { display:block; width:110px; height:155px; object-fit:contain; margin:0; }
#acb-department-ribbons-panel .acb-rf-visual-copy strong { display:block; font-size:16px; font-weight:600; line-height:1.35; letter-spacing:-.02em; }
#acb-department-ribbons-panel .acb-rf-visual-copy p { margin:8px 0 0; color:#626a72; font-size:11px; line-height:1.7; }
#acb-department-ribbons-panel .acb-rf-footer {
 display:flex; justify-content:space-between; align-items:center; gap:20px; padding:13px 28px; background:#f3f5f7;
 border-top:1px solid #e5e8eb; font-size:11px; color:#626a72;
}
#acb-department-ribbons-panel .acb-rf-footer strong { color:#30363d; font-weight:600; }
#acb-department-ribbons-panel .acb-rf-footer>div { display:flex; align-items:center; gap:24px; }
#acb-department-ribbons-panel .acb-rf-footer a { display:inline-flex; align-items:center; gap:10px; padding:4px 0; min-height:36px; color:#903000; font-size:11px; font-weight:600; white-space:nowrap; }
#acb-department-ribbons-panel a:focus-visible { outline:3px solid #bd3c00; outline-offset:3px; z-index:1; }
#acb-department-ribbons-panel .acb-rf-panel:focus-visible { outline:3px solid #bd3c00; outline-offset:-5px; }
#acb-department-ribbons-panel .acb-rf-panel+.acb-rf-panel { border-top:1px solid #e4e7ea; }
#acb-department-ribbons-panel .is-enhanced .acb-rf-panel { border-top:0; }
@media(min-width:1181px) {
 #acb-department-ribbons-panel .is-enhanced .acb-rf-panel { min-height:235px; }
}
@media(max-width:1180px) {
 body.acb-redesign-draft .acb-menu-ribbons .acb-native-panel-inner { padding:18px; }
 #acb-department-ribbons-panel .acb-rf-panel { grid-template-columns:minmax(0,1fr) 235px; gap:20px; }
 #acb-department-ribbons-panel .acb-rf-model-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #acb-department-ribbons-panel .acb-rf-visual { grid-template-columns:85px minmax(0,1fr); padding-left:16px; gap:12px; }
 #acb-department-ribbons-panel .acb-rf-photo img { width:85px; height:140px; }
}
@media(max-width:800px) {
 #acb-department-ribbons-panel .acb-rf-brands { grid-template-columns:repeat(4,minmax(0,1fr)); padding:14px; gap:8px; }
 #acb-department-ribbons-panel .acb-rf-intro { padding:20px; }
 #acb-department-ribbons-panel .acb-rf-intro h2 { font-size:22px; }
 #acb-department-ribbons-panel .acb-rf-panel { padding:20px; grid-template-columns:minmax(0,1fr); }
 #acb-department-ribbons-panel .acb-rf-visual { display:none; }
 #acb-department-ribbons-panel .acb-rf-footer { padding:12px 20px; flex-wrap:wrap; gap:3px 16px; }
}
@media(max-width:550px) {
 body.acb-redesign-draft .acb-menu-ribbons .acb-native-panel-inner { padding:10px; }
 #acb-department-ribbons-panel .acb-rf-intro { display:block; padding:18px; }
 #acb-department-ribbons-panel .acb-rf-intro h2 { font-size:21px; }
 #acb-department-ribbons-panel a.acb-rf-all { margin-top:14px; padding:9px 13px; }
 #acb-department-ribbons-panel .acb-rf-brands { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:12px; }
 #acb-department-ribbons-panel a.acb-rf-brand { min-height:64px; padding:8px 5px; }
 #acb-department-ribbons-panel .acb-rf-brand img { height:23px; width:95px; }
 #acb-department-ribbons-panel .acb-rf-model-links { grid-template-columns:minmax(0,1fr); }
 #acb-department-ribbons-panel .acb-rf-model-links a { font-size:13px; }
 #acb-department-ribbons-panel .acb-rf-panel { padding:18px; }
 #acb-department-ribbons-panel .acb-rf-footer>div { gap:18px; flex-wrap:wrap; }
}

/* Keep labels readable and crop only the existing logos' surrounding whitespace. */
#acb-department-ribbons-panel .acb-rf-brand img { width:112px; height:44px; object-fit:cover; }
#acb-department-ribbons-panel .acb-rf-brand-name { font-size:11px; }
#acb-department-ribbons-panel .acb-rf-model-links a,
#acb-department-ribbons-panel a.acb-rf-brand-all { font-size:14px; }
#acb-department-ribbons-panel .acb-rf-footer,
#acb-department-ribbons-panel .acb-rf-footer a { font-size:12px; }
#acb-department-ribbons-panel .acb-rf-visual-copy p { font-size:12px; }
@media(min-width:1181px) {
 #acb-department-ribbons-panel .acb-rf-panel { grid-template-columns:minmax(0,1fr) 310px; }
 #acb-department-ribbons-panel .acb-rf-visual { grid-template-columns:128px minmax(0,1fr); }
 #acb-department-ribbons-panel .acb-rf-photo img { width:128px; }
}
@media(max-width:550px) {
 #acb-department-ribbons-panel .acb-rf-brand img { width:100px; height:38px; }
}