@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@keyframes pcFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}p{text-align:justify!important}label.fw-bold{font-weight:600}div#navBar.collapse:not(.show){display:block!important}.floating-finder-btn{position:fixed;bottom:70px;right:12px;width:50px;height:50px;background:linear-gradient(135deg,#e70c17 0,#ea1b2573 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:transform .3s ease,box-shadow .3s ease;z-index:9999;border:0;animation:pulse 2s infinite}.floating-finder-btn:hover{transform:scale(1.15);box-shadow:0 6px 20px rgba(0,0,0,.4);animation:none}.floating-finder-btn i{color:#fff;font-size:24px}@media (max-width:768px){.floating-finder-btn{width:50px;height:50px;bottom:20px;right:20px}.floating-finder-btn i{font-size:24px}}.terms-content li,.terms-content p{line-height:1.8}.nested-list,.terms-content ol{list-style:none;padding-left:0}.nested-list li,.terms-content ol>li{position:relative;padding-left:30px;margin-bottom:15px;line-height:1.8}.nested-list li:before,.terms-content ol>li:before{content:"➤";color:#ea1b25;font-size:14px;position:absolute;left:0;top:0}.nested-list{padding-left:20px;margin-top:10px}.nested-list li{margin-bottom:10px}.nested-list li:before{content:"→";font-size:16px;top:-2px}#orderTable td a:hover{color:#ea1b25!important;text-decoration:underline}#basicsAccordion .hs-has-sub-menu{position:relative!important;border-bottom:1px solid #ebebeb}.alert-primary,.btn-primary-dark-w{color:#fff!important}#basicsAccordion .hs-sub-menu.u-header__sub-menu{display:none!important;position:absolute!important;margin-left:5px!important;width:180px!important;overflow-y:auto!important;border:1px solid #ddd!important;border-top:4px solid #ea1b25!important;border-radius:8px!important;z-index:9999!important;padding:8px 0!important}#basicsAccordion .hs-has-sub-menu:hover>.hs-sub-menu.u-header__sub-menu{display:block!important}#basicsAccordion .hs-sub-menu.u-header__sub-menu a{padding:6px 16px!important;display:block!important}.fw-600{font-weight:600!important}.section-title{position:relative;font-weight:600;font-size:20px}.btn:not([href]):not([type]):not(:disabled):not(.disabled){cursor:pointer}.brand-links li a:hover{color:#ea1b25!important;text-decoration:none}.bg-info{background-color:#009ee0!important}.u-header .vertical-menu,.u-header+main .vertical-menu{border:1px solid #80808040}.u-header__navbar-brand,.u-header__navbar-brand>img{width:4.375rem;height:80px}.u-header__nav-link.font-weight-bold::after{font-family:"Font Awesome 6 Free";content:"\f105";font-weight:900;float:right;color:#555;font-size:.8rem}.font-weight-600{font-weight:600!important}@media (min-width:992px){.col-lg-3{display:flex}}.finder-gap{gap:24px}@media (min-width:768px){.finder-gap{gap:32px}}.left-image{flex:7;min-width:0}.right-form{flex:5;min-width:0;display:flex;flex-direction:column;gap:20px}.text-white-90{color:#fff}select{padding:10px!important;border-radius:5px!important;border:2px solid #ea1b25!important;font-size:16px!important;outline:0!important;width:100%!important}select:focus{border-color:#ea1b25;box-shadow:0 0 5px rgba(234,27,37,.5)}.main-content-wrapper{display:flex;gap:20px;margin-bottom:40px}.sidebar-section{flex:0 0 270px;max-width:270px}@media (max-width:1199px){.main-content-wrapper{flex-direction:column}.sidebar-section{flex:1;max-width:100%}}.custom{width:100%;max-width:100%;aspect-ratio:452/218;border-radius:7px}.series-card h3{border-bottom:2px solid #ea1b25;padding-bottom:10px;font-size:16px;font-weight:600;color:#ea1b25;font-style:italic;margin-bottom:15px}.content-section{flex:1}.series-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.bring-column{display:flex;flex-direction:column}.cart-subtotal{text-align:end}.text-size{margin-block:10px!important}.model-list{display:flex;flex-wrap:wrap;gap:10px}.model-list a{background:#f1f1f1;color:#333;padding:5px 14px;border-radius:5px;text-decoration:none;transition:all .2s ease;font-size:12px}.bg-temp{background:#ea1b25!important}.width-122{width:7.625rem!important}.float-inline-end{float:inline-end!important}.search-wrapper{position:relative}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.15);max-height:420px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow-y:auto;display:none;z-index:9999;border-top:2px solid #dc143c}.search-results-dropdown.show{display:block;animation:slideDown .3s ease}.search-result-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit}.search-result-item:hover{background-color:#f8f9fa;text-decoration:none;color:inherit}.search-result-item:last-child{border-bottom:none}.search-result-image{width:70px;height:70px;object-fit:contain;margin-right:16px;background:#f5f5f5;border-radius:5px;padding:8px;flex-shrink:0;border:1px solid #e0e0e0}.search-result-details{flex:1;min-width:0}.search-result-name{color:#06c;font-weight:600;font-size:15px;margin-bottom:6px;display:block;line-height:1.4}.search-result-name:hover{color:#0052a3;text-decoration:underline}.search-results-dropdown::-webkit-scrollbar{width:8px}.search-results-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.search-results-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.search-results-dropdown::-webkit-scrollbar-thumb:hover{background:#999}.search-loading,.search-no-results{padding:40px 20px;text-align:center;color:#666;font-size:15px}.search-loading::after{content:"...";animation:dots 1.5s infinite}.form-control:focus{border-color:#ea1b25!important;box-shadow:0 0 0 .2rem rgba(228,126,122,.25)!important}.height-40{height:40px!important}.border-width-2{border-width:2px!important}.rounded-left-pill{border-radius:50rem 0 0 50rem!important}.rounded-right-pill{border-radius:0 50rem 50rem 0!important}.form-hidden{display:none!important}@media (min-width:768px) and (max-width:1024px){.search-dnone{display:none!important}.series-card{padding:10px!important}.custom-header{font-size:24px!important}.col-6-mobile{max-width:50%!important;flex:0 0 50%!important}.br-primary-down-lg{border-bottom:3px solid #ea1b25!important}.header-icons-wrapper{flex-wrap:nowrap}}@media (max-width:767px){.search-dnone{display:none!important}.series-card{padding:10px!important}.col-12-mobile{max-width:100%!important;flex:0 0 100%}.col-6-mobile{max-width:50%!important;flex:0 0 50%!important}.max-width-150{max-width:5.375rem!important}.custom-header{font-size:22px!important}.br-primary-down-lg{border-bottom:3px solid #ea1b25!important}.u-header-collapse__nav-link,.u-header-collapse__submenu-nav-link{padding-top:.8rem;padding-bottom:.8rem}.border-bottom-rd{border-bottom:3px solid #ea1b25!important;background-color:#ea1b25!important}.header-icons-wrapper .search-item a::after{content:attr(data-label);display:block;font-size:12px;color:#000;margin-top:2px}}:root{--pc-red:#ea1b25;--pc-red-glow:rgba(234,27,37,0.14);--pc-ink:#16161a;--pc-surface:#ffffff;--pc-edge:#e9e7e4;--pc-lift:#f5f3f0}.pc-brands-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.pc-brand-inner,.pc-brand-tile{display:flex;align-items:center;position:relative}.pc-brand-tile{justify-content:center;background:var(--pc-surface);border:1px solid var(--pc-edge);border-radius:14px;padding:22px 14px 18px;text-decoration:none!important;overflow:hidden;aspect-ratio:4/3;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,border-color .22s ease;cursor:pointer}.pc-brand-tile::after,.pc-brand-tile::before{content:"";position:absolute;bottom:0;background:var(--pc-red)}.pc-brand-tile::before{left:0;top:0;width:3px;border-radius:14px 0 0 14px;transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.pc-brand-tile::after{left:12%;right:12%;height:2px;border-radius:4px;opacity:0;transition:opacity .25s ease;filter:blur(2px)}.pc-brand-tile:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 1px 0 0 var(--pc-red),0 10px 28px rgba(0,0,0,.09),0 4px 10px var(--pc-red-glow);border-color:rgba(234,27,37,.22)}.pc-brand-tile:hover::before{transform:scaleY(1)}.pc-brand-tile:hover::after{opacity:1}.pc-brand-inner{flex-direction:column;gap:10px;width:100%;z-index:1}.pc-brand-img{max-width:80%;max-height:52px;aspect-ratio:80/60;object-fit:contain;filter:grayscale(25%) opacity(.88);transition:filter .25s ease,transform .25s ease}.pc-brand-tile:hover .pc-brand-img{filter:grayscale(0%) opacity(1);transform:scale(1.06)}.pc-brand-name{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9a9896;transition:color .2s ease;white-space:nowrap}.pc-brand-tile:hover .pc-brand-name{color:var(--pc-red)}.pc-brand-tile{opacity:0;animation:pcFadeUp .45s cubic-bezier(.34,1.4,.64,1) forwards}.pc-brands-grid .pc-brand-tile:nth-child(1){animation-delay:.04s}.pc-brands-grid .pc-brand-tile:nth-child(2){animation-delay:.08s}.pc-brands-grid .pc-brand-tile:nth-child(3){animation-delay:.12s}.pc-brands-grid .pc-brand-tile:nth-child(4){animation-delay:.16s}.pc-brands-grid .pc-brand-tile:nth-child(5){animation-delay:.2s}.pc-brands-grid .pc-brand-tile:nth-child(6){animation-delay:.24s}.pc-brands-grid .pc-brand-tile:nth-child(7){animation-delay:.28s}.pc-brands-grid .pc-brand-tile:nth-child(8){animation-delay:.32s}.pc-brands-grid .pc-brand-tile:nth-child(9){animation-delay:.36s}.pc-brands-grid .pc-brand-tile:nth-child(10){animation-delay:.4s}@media (max-width:1024px){.pc-brands-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}}@media (max-width:640px){.pc-brands-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.pc-brand-tile{padding:16px 10px 12px;border-radius:10px}.pc-brand-img{max-height:38px}.pc-brand-name{font-size:10px}}.pc-brand-tile .pc-arrow{position:absolute;bottom:9px;right:9px;width:20px;height:20px;border-radius:50%;background:var(--pc-lift);border:.5px solid var(--pc-edge);display:flex;align-items:center;justify-content:center;opacity:.45;transition:opacity .22s ease,background .22s ease,border-color .22s ease,transform .22s ease;pointer-events:none}.pc-brand-tile .pc-arrow svg{width:9px;height:9px;stroke:var(--pc-muted);transition:stroke .22s ease,transform .22s ease}.pc-brand-tile:hover .pc-arrow{opacity:1;background:var(--pc-red);border-color:var(--pc-red);transform:scale(1.15)}.pc-brand-tile:hover .pc-arrow svg{stroke:#fff;transform:translate(1px,-1px)}.cart-dropdown-wrapper{position:relative}.cart-icon-trigger{text-decoration:none}.cart-dropdown-menu{position:absolute;top:100%;right:0;width:480px;max-width:90vw;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:9999;margin-top:15px}.cart-dropdown-menu:hover,.cart-dropdown-wrapper:hover .cart-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.cart-dropdown-menu::before{content:"";position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ea1b25}.btn-contact{width:2.188rem;height:2.188rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:6.1875rem}.btn-contact:hover{color:#fff!important}.has-tooltip{position:relative}.has-tooltip:hover::after,.has-tooltip:hover::before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%)}.has-tooltip:hover::after{content:attr(data-tooltip);background:#333;color:#fff;padding:5px 10px;border-radius:4px;white-space:nowrap;font-size:12px;margin-bottom:5px;z-index:1000}button.faq-preview-toggle{font-size:large}.has-tooltip:hover::before{content:"";border:5px solid transparent;border-top-color:#333;margin-bottom:-5px}.cart-dropdown-header{background:linear-gradient(135deg,#ea1b25 0,#c41520 100%);color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;font-weight:600}.cart-dropdown-body{max-height:350px;overflow-y:auto;padding:15px}.cart-dropdown-body::-webkit-scrollbar{width:6px}.cart-dropdown-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.cart-dropdown-body::-webkit-scrollbar-thumb{background:#009ee0;border-radius:10px}.cart-dropdown-body::-webkit-scrollbar-thumb:hover{background:#0088c7}.cart-dropdown-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;transition:background .2s ease}.cart-dropdown-item:hover{background:#f9f9f9;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px;border-radius:6px}.cart-dropdown-item:last-child{border-bottom:none}.cart-item-image{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #e0e0e0;flex-shrink:0}.cart-item-details{flex:1;margin-left:12px;min-width:0}.cart-item-name{font-size:14px;font-weight:500;color:#333;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3;text-decoration:none}.cart-item-name:hover{color:#009ee0}.cart-item-price{font-size:13px;color:#666}.cart-item-quantity{font-size:12px;color:#999;margin-left:8px}.cart-item-total{font-size:14px;font-weight:600;color:#ea1b25;white-space:nowrap;margin-left:10px}.cart-item-remove{color:#999;font-size:18px;cursor:pointer;margin-left:10px;padding:0 5px;transition:color .2s ease}.cart-item-remove:hover{color:#ea1b25}.empty-cart-message{padding:40px 20px}.empty-cart-message i{color:#ccc}.cart-dropdown-footer{padding:15px 20px;background:#f8f9fa;border-top:1px solid #e0e0e0;border-radius:0 0 8px 8px}.cart-subtotal strong{font-size:18px;color:#ea1b25}.btn-checkout,.btn-view-cart{font-weight:600;line-height:10px;border-radius:6px;transition:all .3s ease;text-decoration:none;display:block;text-align:center}.btn-view-cart{background:#fff;border:2px solid #009ee0;color:#009ee0}.btn-checkout:hover,.btn-view-cart:hover{color:#fff;transform:translateY(-2px);text-decoration:none}.btn-view-cart:hover{background:#009ee0;box-shadow:0 4px 12px rgba(0,158,224,.3)}.btn-checkout{background:linear-gradient(135deg,#ea1b25 0,#c41520 100%);border:0;color:#fff}.btn-checkout:hover{background:linear-gradient(135deg,#c41520 0,#a01218 100%);box-shadow:0 4px 12px rgba(234,27,37,.3)}.btn-checkout.disabled,.btn-checkout:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}@media (max-width:576px){.cart-dropdown-menu{width:440px;right:-100px}button.faq-preview-toggle{font-size:15px}.cart-dropdown-menu::before{right:150px}}@media (max-width:480px){.cart-dropdown-menu{width:400px;right:-120px}button.faq-preview-toggle{font-size:15px}}.spinner-border.text-primary{color:#009ee0!important;width:2rem;height:2rem}.models-container{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 20px;align-items:flex-start}.model-btn,.model-item{position:relative;display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 9px;background:#f9f9f9;border:.5px solid #ddd;border-left:3px solid #ddd;border-radius:4px;font-size:12.5px;font-weight:600;color:#555;text-decoration:none;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .15s ease,box-shadow .18s ease;letter-spacing:.035em;white-space:nowrap;line-height:1}.model-btn::before,.model-item::before{content:"";width:5px;height:5px;border-radius:50%;background:#ccc;flex-shrink:0;transition:background .18s ease}.model-item:hover{border-color:rgba(220,53,69,.3);border-left-color:#dc3545;color:#1a1a1a;background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(220,53,69,.12);text-decoration:none}.model-btn.active::before,.model-btn:hover::before,.model-item.active::before,.model-item:hover::before{background:#dc3545}.model-item.active{border-color:rgba(220,53,69,.25);border-left-color:#dc3545;color:#dc3545;background:#fff8f8;font-weight:700;box-shadow:0 1px 4px rgba(220,53,69,.1)}.model-btn.active,.model-btn:hover{border-color:rgba(220,53,69,.3);border-left-color:#dc3545;color:#1a1a1a;background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(220,53,69,.12);text-decoration:none}.model-btn.active{color:#dc3545;background:#fff8f8;font-weight:700}@media (max-width:576px){.model-btn,.model-item{font-size:11.5px;padding:5px 11px 5px 8px;gap:6px}.model-btn::before,.model-item::before{width:4px;height:4px}}
/* ============================================================
   MOBILE PERFORMANCE FIXES
   ============================================================ */

/* 1. Reduce CLS from brand-tile fade-up animation on mobile.
      Browsers that respect prefers-reduced-motion skip animation. */
@media (prefers-reduced-motion: reduce) {
  .pc-brand-tile {
    opacity: 1 !important;
    animation: none !important;
  }
}

/* 2. On mobile, skip animation entirely (saves JS parsing + layout thrash).
      Tiles are below the fold — no visual loss. */
@media (max-width: 640px) {
  .pc-brand-tile {
    opacity: 1;
    animation: none;
  }
}

/* 3. content-visibility: auto on below-fold sections.
      Tells the browser it can skip rendering these sections until they
      are near the viewport — biggest mobile paint/layout win. */
#printer-cartridges,
.mb-5.mt-5,
footer,
.u-footer {
  content-visibility: auto;
  contain-intrinsic-size: 0 400px; /* placeholder height avoids layout shift */
}

/* 4. Eliminate animation CLS — set explicit min-height on brand grid so
      page doesn't jump when tiles fade in */
.pc-brands-grid {
  min-height: 220px;
}
@media (max-width: 640px) {
  .pc-brands-grid {
    min-height: 160px;
  }
}

/* 5. Avoid oversized tap targets warning on mobile — ensure buttons ≥ 48px */
.floating-finder-btn {
  width: 54px !important;
  height: 54px !important;
}
