/* Source home newProduct: 18px tabs, 16px padding, 130px cards, 160px strip. */
.fidelity .catalog-nav-inner,body.fidelity.quote-view .catalog-nav-inner{grid-template-columns:repeat(8,minmax(85px,1fr))}
.fidelity .nav-frequent>img{width:17px;height:17px}
.fidelity .shortcut-grid>.frequent-products{padding:0;scroll-margin-top:150px;outline-offset:4px}
.frequent-tabs{display:flex;gap:20px;align-items:center;padding:16px 16px 0;margin-bottom:16px;min-height:43px}
.frequent-tabs>button{position:relative;isolation:isolate;padding:0;border:0;border-radius:0;background:transparent;color:#333;font-size:18px;line-height:27px;font-weight:700;white-space:nowrap;cursor:pointer}
.frequent-tabs>button:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:1px;height:10px;border-radius:10px;background:var(--yellow);opacity:0;transition:opacity .2s}
.frequent-tabs>button.active:after{opacity:1}
.frequent-tabs>button:hover{color:#111}
.frequent-viewport{position:relative;min-width:0}
.frequent-product-list{display:flex;gap:8px;align-items:flex-start;height:160px;padding:0 12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}
.frequent-product-list::-webkit-scrollbar{display:none}
.frequent-product{flex:0 0 132px;width:132px;padding:8px 8px 6px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;text-align:center;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s;animation:frequent-card-in .22s ease both}
.frequent-product>img{display:block;width:114px;height:114px;border-radius:8px;object-fit:cover;transition:transform .3s}
.frequent-product>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:21px;margin-top:5px;font-weight:400;color:#222}
.frequent-product:hover{border-color:#bcbcbc;box-shadow:0 2px 6px #0000000a}
.frequent-product:hover>img{transform:scale(1.035)}
.frequent-scroll{position:absolute;top:52px;z-index:1;display:flex;align-items:center;justify-content:center;width:30px;height:42px;background:#fffef8e8;border:1px solid #ddd;box-shadow:0 2px 8px #0002;opacity:0;transition:opacity .2s}
.frequent-scroll.previous{left:0;border-radius:0 6px 6px 0}
.frequent-scroll.next{right:0;border-radius:6px 0 0 6px}
.frequent-scroll>img{width:18px;height:18px}
.frequent-viewport:hover>.frequent-scroll,.frequent-viewport:focus-within>.frequent-scroll{opacity:1}
.frequent-products button:focus-visible{outline:2px solid #a58a00;outline-offset:2px}
.frequent-scroll[hidden]{display:none!important}
@keyframes frequent-card-in{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.frequent-products *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.frequent-product:hover>img{transform:none}}