body:has(.pc-intro) #MainContent .product-grid{--grid-desktop-horizontal-spacing:24px;--grid-mobile-horizontal-spacing:12px;align-items:stretch}
body:has(.pc-intro) #MainContent .product-card-wrapper{height:100%;border:1px solid #dce7ed;border-radius:10px;padding:0;background:#fff;box-shadow:none;transition:border-color .15s}
body:has(.pc-intro) #MainContent .product-card-wrapper:hover{border-color:#0499dd}
body:has(.pc-intro) #MainContent .product-card-wrapper>.card{height:100%;display:flex;flex-direction:column;padding:0;background:#fff;border:0;border-radius:10px}
body:has(.pc-intro) #MainContent .product-card-wrapper .card__inner{width:100%;aspect-ratio:1;flex:none;background:#f5f7f8;border-radius:10px 10px 0 0;--ratio-percent:100%}
body:has(.pc-intro) #MainContent .product-card-wrapper .card__media{inset:20px;width:auto;border-radius:4px}
body:has(.pc-intro) #MainContent .product-card-wrapper .card__media img{object-fit:contain}
body:has(.pc-intro) #MainContent .product-card-wrapper>.card>.card__content{padding:18px;display:flex;flex-direction:column;flex:1;gap:0}
body:has(.pc-intro) #MainContent .product-card-wrapper>.card>.card__content>.card__information{padding:0;display:flex;flex-direction:column;flex:1}
body:has(.pc-intro) #MainContent .product-card-wrapper>.card>.card__content .card__heading{font-size:15px;line-height:1.45;font-weight:600;letter-spacing:0;min-height:66px;margin:0 0 14px;color:#102b3a}
body:has(.pc-intro) #MainContent .product-card-wrapper .card-information{margin-top:auto;text-align:left;min-height:66px}
body:has(.pc-intro) #MainContent .product-card-wrapper .price{font-size:16px;letter-spacing:0;line-height:1.4;font-weight:600;color:#102b3a}
body:has(.pc-intro) #MainContent .product-card-wrapper .b2b-price-badge{display:flex!important;justify-content:space-between;gap:6px!important;padding:7px 9px!important;border:0!important;border-radius:5px!important;background:#eef8fd!important;font-size:12px!important;min-height:30px}
body:has(.pc-intro) #MainContent .product-card-wrapper .b2b-price-badge strong{color:#0078ae!important;font-size:14px}
body:has(.pc-intro) #MainContent .product-card-wrapper .quick-add{margin:16px 0 0;z-index:2}
body:has(.pc-intro) #MainContent .product-card-wrapper .quick-add__submit{min-height:43px;height:auto;padding:10px 8px;background:#0499dd;color:#fff;--color-button:4,153,221;--color-button-text:255,255,255;--color-secondary-button-text:255,255,255;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:0}
body:has(.pc-intro) #MainContent .product-card-wrapper .quick-add__submit:disabled{background:#e9eef1;color:#657780;opacity:1}
@media(max-width:749px){body:has(.pc-intro) #MainContent .product-card-wrapper .card__media{inset:10px}body:has(.pc-intro) #MainContent .product-card-wrapper>.card>.card__content{padding:11px}body:has(.pc-intro) #MainContent .product-card-wrapper>.card>.card__content .card__heading{font-size:12px;min-height:72px;line-height:1.5;margin-bottom:10px}body:has(.pc-intro) #MainContent .product-card-wrapper .price{font-size:13px}body:has(.pc-intro) #MainContent .product-card-wrapper .b2b-price-badge{padding:6px!important;gap:3px!important;font-size:10px!important;flex-wrap:wrap}body:has(.pc-intro) #MainContent .product-card-wrapper .b2b-price-badge strong{font-size:12px}body:has(.pc-intro) #MainContent .product-card-wrapper .quick-add__submit{font-size:10px;min-height:42px}}
/* Override legacy theme-wide sizing so every shelf uses the same four-column grid. */
@media(min-width:990px){body:has(.pc-intro) #MainContent .product-grid>.grid__item{width:calc((100% - 72px)/4)!important;max-width:calc((100% - 72px)/4)!important;flex:0 0 calc((100% - 72px)/4)!important}body:has(.pc-intro) #MainContent .product-grid{gap:24px!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}}
body:has(.pc-intro) #MainContent .product-card-wrapper .quick-add__submit:after{box-shadow:none!important}
body:has(.pc-intro) #MainContent .product-card-wrapper .card__heading a:after{border-radius:10px}
@media(min-width:990px){body:has(.pc-intro) #MainContent .product-grid>.grid__item:first-child{margin-left:0!important}body:has(.pc-intro) #MainContent .product-grid>.grid__item:last-child{margin-right:0!important}}
@media(max-width:749px){
body:has(.pc-intro) #MainContent .product-card-wrapper>.card>.card__content .card__heading{min-height:54px;max-height:54px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
.pc-intro{max-width:1376px;margin:26px auto 0;padding:0 32px;color:#102b3a}.pc-intro nav{display:flex;gap:10px;font-size:11px;color:#536774;margin-bottom:24px}.pc-intro nav a{color:inherit;text-decoration:none}.pc-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.pc-kicker{font-size:10px;letter-spacing:1.4px;color:#0078ae;font-weight:700;margin:0 0 12px}.pc-heading h1{font-size:44px;line-height:1.08;letter-spacing:-1.5px;margin:0;color:#102b3a}.pc-heading h1 em{font-style:normal;color:#0499dd}.pc-sub{font-size:14px;color:#536774;margin:14px 0 0}.pc-heading aside{border-left:2px solid #0499dd;padding:12px 20px;font-size:13px}.pc-heading aside strong{display:block;margin-bottom:8px}.pc-heading aside a{font-size:12px;color:#0078ae;text-underline-offset:4px}.pc-about{max-width:1312px;margin:20px auto;padding:20px;border-top:1px solid #dce7ed;color:#536774;font-size:13px}.pc-about summary{font-weight:600;cursor:pointer;color:#102b3a}
body:has(.pc-intro) .cc-wrap{max-width:1312px;margin:22px auto 0;padding:16px 0 10px}body:has(.pc-intro) .cc-card{border:1px solid #dce7ed;border-radius:8px;background:#fff;box-shadow:none;padding:12px 8px;gap:8px}body:has(.pc-intro) .cc-card__icon svg{width:28px;height:28px;stroke:#0078ae}body:has(.pc-intro) .cc-card.active{background:#eef8fd;border-color:#0499dd}body:has(.pc-intro) .cc-dots{margin-bottom:20px}body:has(.pc-intro) #ProductGridContainer{min-width:0}body:has(.pc-intro) .facets-container{padding:16px 0;border-top:1px solid #dce7ed;border-bottom:1px solid #dce7ed;margin-bottom:24px}body:has(.pc-intro) .facet-filters__field .select__select{border:1px solid #dce7ed;border-radius:6px;padding:10px 32px 10px 12px;color:#102b3a}body:has(.pc-intro) #MainContent .product-grid{row-gap:24px!important}body:has(.pc-intro) .pagination__item--current{background:#eef8fd;color:#0078ae;border-radius:6px}body:has(.pc-intro) .pagination__item--current:after{display:none}
@media(min-width:990px){body:has(.pc-intro) #MainContent .facets-wrapper,body:has(.pc-intro) #MainContent #ProductGridContainer{max-width:1376px;margin-left:auto;margin-right:auto}body:has(.pc-intro) #MainContent .product-grid{display:flex!important;flex-wrap:wrap!important}}
@media(max-width:749px){.pc-intro{padding:0 16px;margin-top:18px}.pc-intro nav{font-size:10px;margin-bottom:16px}.pc-kicker{font-size:8px;margin-bottom:8px}.pc-heading{display:block}.pc-heading h1{font-size:29px;letter-spacing:-.8px}.pc-sub{font-size:12px;margin:10px 0}.pc-heading aside{border-left:0;border-top:1px solid #dce7ed;margin-top:16px;padding:12px 0 0}.pc-heading aside strong{display:none}.pc-heading aside a{font-size:11px}body:has(.pc-intro) .cc-wrap{margin:12px 16px 0;padding-top:8px}body:has(.pc-intro) .cc-card{padding:10px 6px}body:has(.pc-intro) .cc-dots{margin-bottom:10px}body:has(.pc-intro) #MainContent .product-grid{gap:12px!important;padding:0!important;margin:0!important}body:has(.pc-intro) #MainContent .product-grid>.grid__item{width:calc((100% - 12px)/2)!important;max-width:calc((100% - 12px)/2)!important;flex:0 0 calc((100% - 12px)/2)!important}body:has(.pc-intro) .facets-container{margin-bottom:16px}body:has(.pc-intro) #MainContent .product-card-wrapper>.card>.card__content .card__heading{min-height:54px;max-height:54px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pc-about{margin:16px;font-size:12px}}

body:has(.pc-intro) .mobile-facets__open{color:#0078ae!important}@media(max-width:749px){.pc-intro nav,.pc-kicker,.pc-sub{display:none}.pc-intro{margin-top:16px}.pc-heading h1{font-size:27px}.pc-heading aside{margin-top:10px;padding-top:8px}body:has(.pc-intro) .cc-card{min-height:70px;padding:8px 6px;gap:4px}body:has(.pc-intro) .cc-card__icon{height:26px}body:has(.pc-intro) .cc-card__icon svg{height:24px;width:24px}body:has(.pc-intro) .cc-dots{padding-top:3px;margin-bottom:4px}body:has(.pc-intro) .facets-container{padding:10px 0}}