:root{--z-base:2;--z-float:5;--z-nav:10;--z-sticky:12;--z-popover:20;--z-panel:40;--z-overlay:50;--z-modal:60;--z-modal-top:70;--z-toast:80;--z-toast-top:82;--z-lang:90;--z-max:92;}
:root{--red:#C62828;--orange:#E8810A;--od:#C26A06;--gold:#F2A33C;--g9:#1E1E1E;--g5:#6B6A66;--g1:#EFEEE9;--bg:#F4F3EF;--sf:#fff;--tx:#1E1E1E;--mu:#6B6A66;--br:#E2E0D9;--rad:8px;--grn:#2E7D32;}
[data-theme="dark"]{--bg:#000000;--sf:#161616;--tx:#F2F1ED;--mu:#9C9A94;--br:#302F2C;--g1:#232321;--od:#E8952E;--red:#E5484D;--grn:#43A047;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--tx);transition:background .3s,color .3s;}
header{background:var(--sf);border-bottom:3px solid var(--orange);padding:0 20px;position:sticky;top:0;z-index:var(--z-panel);box-shadow:0 2px 10px rgba(0,0,0,.07);}
.hdr{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:16px;height:64px;}
.logo-wrap{display:flex;align-items:center;flex-shrink:0;cursor:pointer;text-decoration:none;}
.logo-wrap img{height:44px;width:auto;max-width:170px;display:block;object-fit:contain;}
.hdr-right{margin-left:auto;display:flex;align-items:center;gap:14px;flex-shrink:0;}
.hdr-phone-block{text-align:right;line-height:1.25;}
.hdr-phone-block a{font-size:17px;font-weight:800;color:var(--tx);text-decoration:none;display:block;}
.hdr-phone-block a:hover{color:var(--orange);}
.hdr-phone-block small{font-size:10px;color:var(--mu);}
.b2b-btn{background:var(--g9);color:#fff;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s;}
.b2b-btn:hover{background:#000;}
.cart-btn{position:relative;background:none;border:2px solid var(--br);border-radius:8px;padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--tx);transition:all .15s;}
.cart-btn:hover{border-color:var(--orange);color:var(--orange);}
.cart-btn svg{width:18px;height:18px;}
.cart-count{background:var(--red);color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center;position:absolute;top:-7px;right:-7px;}
.cart-count.show{display:flex;}
.hero{position:relative;overflow:hidden;background:linear-gradient(155deg,#18100a 0%,#231810 45%,#1a1a1a 100%);padding:52px 20px 44px;text-align:center;display:flex;align-items:center;justify-content:center;min-height:320px;}
.hero-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;}
.hero-bg svg{width:500px;height:500px;max-width:100vw;opacity:.06;}
.hero-content{position:relative;z-index:var(--z-base);width:100%;max-width:680px;}
.hero-tag{display:inline-block;background:rgba(232,129,10,.14);border:1px solid rgba(232,129,10,.3);color:var(--gold);border-radius:20px;padding:4px 14px;font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px;}
.hero h1{color:#fff;font-size:clamp(20px,3.8vw,36px);font-weight:900;letter-spacing:-1px;margin-bottom:8px;line-height:1.1;}
.hero h1 span{color:var(--gold);}
.hero-desc{color:rgba(255,255,255,.52);font-size:13.5px;margin-bottom:26px;line-height:1.5;}
.hsearch{display:flex;max-width:580px;margin:0 auto 16px;border-radius:12px;overflow:hidden;box-shadow:0 6px 28px rgba(0,0,0,.4);}
.hsearch input{flex:1;border:none;padding:16px 20px;font-size:16px;outline:none;color:var(--tx);min-width:0;}
.hsearch input::placeholder{color:#bbb;}
.hsearch>button{background:var(--orange);color:#fff;border:none;padding:16px 26px;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:7px;white-space:nowrap;}
.hsearch>button:hover{background:var(--od);}
.hsearch>button svg{width:17px;height:17px;}
.brand-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;}
.bpill{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.65);border-radius:18px;padding:4px 13px;font-size:12px;cursor:pointer;transition:all .15s;font-weight:500;}
.bpill:hover,.bpill.first{background:rgba(232,129,10,.2);border-color:rgba(232,129,10,.45);color:var(--gold);}
.about-strip{background:var(--sf);border-bottom:1px solid var(--br);padding:10px 20px;}
.about-inner{max-width:1280px;margin:0 auto;display:flex;gap:28px;align-items:center;flex-wrap:wrap;justify-content:center;}
.aitem{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mu);}
.aitem svg{width:16px;height:16px;flex-shrink:0;color:var(--orange);}
.aitem strong{color:var(--tx);}
.back-btn{display:none;align-items:center;gap:7px;background:none;border:none;cursor:pointer;color:var(--mu);font-size:13px;font-weight:600;padding:0;transition:color .15s;margin-bottom:14px;}
.back-btn:hover{color:var(--orange);}
.back-btn svg{width:18px;height:18px;}
.cats-bar{background:var(--sf);border-bottom:1px solid var(--br);padding:0 20px;display:none;align-items:center;gap:0;overflow-x:auto;}
.cats-bar::-webkit-scrollbar{display:none;}
.cats-inner{display:flex;padding:7px 0;align-items:center;flex-shrink:0;}
.cpill{background:none;border:1.5px solid var(--br);cursor:pointer;transition:all .15s;color:var(--mu);font-weight:500;}
.cpill:hover,.cpill.active{background:var(--orange);border-color:var(--orange);color:#fff;}
.rbar{display:flex;align-items:center;margin-bottom:12px;flex-wrap:wrap;}
.rcount{font-size:13px;color:var(--mu);}
.rcount strong{color:var(--tx);}
.sort-row{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--mu);}
.sbtn{background:none;border:1.5px solid var(--br);border-radius:6px;cursor:pointer;color:var(--mu);transition:all .15s;font-weight:500;}
.sbtn:hover,.sbtn.active{border-color:var(--orange);color:var(--orange);background:#fff8f0;}
.twrap{background:var(--sf);border-radius:12px;border:1px solid var(--br);overflow:hidden;}
@media (max-width:768px){.twrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}}
.ptable{width:100%;border-collapse:collapse;}
.ptable th{background:var(--g1);padding:10px 13px;text-align:left;font-size:11px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--br);white-space:nowrap;cursor:pointer;user-select:none;}
.ptable th:hover{color:var(--orange);}
.ptable th.sorted{color:var(--orange);}
.ptable td{padding:12px 13px;border-bottom:1px solid var(--br);font-size:13.5px;vertical-align:middle;}
.ptable tr:last-child td{border-bottom:none;}
.ptable tr:hover td{background:#FAFAF7;}
[data-theme="dark"] .ptable tr:hover td{background:#2A2A27;}
[data-theme="dark"] .ptable td{border-color:var(--br);}
[data-theme="dark"] .ptable th{border-color:var(--br);}
.td-art{font-family:monospace;font-size:12.5px;font-weight:700;color:var(--od);white-space:nowrap;}
.td-nm{font-weight:500;line-height:1.35;}
.prod-link{color:inherit;text-decoration:none;}
.prod-link:hover{text-decoration:underline;color:var(--orange);}
.td-br{color:var(--mu);font-size:12px;}
.td-cat span{background:var(--g1);padding:2px 9px;border-radius:10px;font-size:11px;color:var(--mu);font-weight:500;white-space:nowrap;}
.td-pr{font-size:15px;font-weight:800;color:var(--tx);white-space:nowrap;}
.td-pr small{font-size:11px;color:var(--mu);font-weight:400;}
.qbadge{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:500;white-space:nowrap;}
.qbadge.ok{color:#2E7D32;}
.qbadge.low{color:var(--od);}
.qbadge.no{color:var(--red);}
.qdot{width:7px;height:7px;border-radius:50%;}
.ok .qdot{background:#43A047;}
.low .qdot{background:var(--orange);}
.no .qdot{background:var(--red);}
.add-btn{background:var(--orange);color:#fff;border:none;border-radius:6px;padding:7px 13px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:5px;}
.add-btn:hover{background:var(--od);}
.add-btn.added{background:var(--grn);}
.add-btn svg{width:14px;height:14px;}
.empty{text-align:center;padding:52px 20px;background:var(--sf);border-radius:12px;border:1px solid var(--br);}
.empty p{color:var(--mu);margin:8px 0 18px;font-size:14px;}
.loading{display:none;text-align:center;padding:40px;color:var(--mu);}
.spinner{width:30px;height:30px;border:3px solid var(--br);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 10px;}
@keyframes spin{to{transform:rotate(360deg)}}
.cat-section{background:var(--sf);border-radius:12px;border:1px solid var(--br);padding:22px;margin-bottom:16px;}
.cat-section h3{font-size:15px;font-weight:800;margin-bottom:14px;color:var(--tx);}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;}
.ccard{display:block;border:1.5px solid var(--br);border-radius:10px;padding:14px;cursor:pointer;transition:all .15s;text-align:left;text-decoration:none;color:inherit;}
.ccard:hover{border-color:var(--orange);background:#FFF8F0;}
[data-theme="dark"] .ccard:hover{background:#2A1F0A;}
.ccard .ci{font-size:20px;margin-bottom:6px;}
.ccard .ci-img{width:100%;aspect-ratio:16/10;object-fit:contain;background:var(--g1);border-radius:8px;margin-bottom:10px;display:block;}
.ccard .cn{font-size:13.5px;font-weight:700;color:var(--tx);margin-bottom:3px;}
.ccard .cd{font-size:11.5px;color:var(--mu);line-height:1.4;}
.ccard .ct{font-size:11px;color:var(--orange);font-weight:600;margin-top:6px;}
#cartPanel{display:none;}
.cart-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.cart-header h2{font-size:20px;font-weight:900;}
.cart-items{background:var(--sf);border-radius:12px;border:1px solid var(--br);overflow:hidden;margin-bottom:12px;}
.cart-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--br);}
.cart-row:last-child{border-bottom:none;}
.cart-row:hover{background:#FAFAF7;}
[data-theme="dark"] .cart-row:hover{background:#2A2A27;}
.cr-art{font-family:monospace;font-size:12px;color:var(--od);font-weight:700;}
.cr-name{font-size:13px;font-weight:500;line-height:1.3;margin-top:2px;}
.cr-unit{font-size:11px;color:var(--mu);margin-top:2px;}
.qty-ctrl{width:max-content;justify-self:start;display:flex;align-items:center;gap:0;border:1px solid var(--orange);border-radius:7px;overflow:hidden;}
.qty-ctrl button{background:#f8f7f4;border:none;width:30px;height:30px;font-size:16px;cursor:pointer;transition:background .1s;color:var(--tx);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.qty-ctrl button:hover{background:var(--g1);}
.qty-ctrl input{width:40px;border:none;border-left:1.5px solid var(--br);border-right:1.5px solid var(--br);text-align:center;font-size:14px;font-weight:700;padding:0;height:30px;outline:none;background:var(--sf);color:var(--tx);}
.cr-price{font-size:16px;font-weight:800;white-space:nowrap;text-align:right;min-width:90px;}
.cr-price small{display:block;font-size:10.5px;color:var(--mu);font-weight:400;}
.del-btn{background:none;border:none;cursor:pointer;color:#ccc;transition:color .15s;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:5px;}
.del-btn:hover{color:var(--red);background:#fff0f0;}
.del-btn svg{width:17px;height:17px;}
.cart-summary{background:var(--sf);border-radius:12px;border:1px solid var(--br);padding:18px 20px;}
.cs-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;}
.cs-row.total{font-size:19px;font-weight:900;padding-top:10px;border-top:2px solid var(--br);margin-top:4px;}
.cs-row.total .tlabel{color:var(--tx);}
.cs-row.total .tval{color:var(--orange);}
.cart-actions{display:flex;justify-content:space-between;align-items:center;margin-top:14px;flex-wrap:wrap;gap:10px;}
.btn-back-shop{background:none;border:1.5px solid var(--br);border-radius:8px;padding:11px 18px;font-size:13.5px;font-weight:600;cursor:pointer;color:var(--tx);transition:all .15s;display:flex;align-items:center;gap:7px;}
.btn-back-shop:hover{border-color:var(--orange);color:var(--orange);}
.btn-back-shop svg{width:16px;height:16px;}
.btn-checkout{background:var(--orange);color:#fff;border:none;border-radius:8px;padding:13px 26px;font-size:15px;font-weight:800;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:8px;}
.btn-checkout:hover{background:var(--od);}
.cart-empty-msg{text-align:center;padding:40px;color:var(--mu);font-size:15px;}
.cart-empty-msg button{margin-top:14px;background:var(--orange);color:#fff;border:none;border-radius:8px;padding:11px 22px;font-size:14px;font-weight:700;cursor:pointer;}
.modal-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:var(--z-modal);align-items:center;justify-content:center;padding:16px;}
.modal-ov.open{display:flex;}
.modal{background:var(--sf);border-radius:16px;padding:28px;max-width:420px;width:100%;position:relative;}
.mc{position:absolute;top:14px;right:14px;background:none;border:none;font-size:22px;cursor:pointer;color:var(--mu);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.mc:hover{background:var(--g1);}
.modal h3{font-size:17px;font-weight:900;margin-bottom:4px;}
.modal .msub{font-size:12.5px;color:var(--mu);margin-bottom:16px;}
.order-summary{background:#FFF8EE;border:1px solid #F2D7AC;border-radius:8px;padding:12px 14px;margin-bottom:16px;max-height:160px;overflow-y:auto;}
.os-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:12.5px;padding:4px 0;border-bottom:1px solid rgba(242,167,60,.2);}
.os-row:last-child{border-bottom:none;font-weight:800;font-size:14px;padding-top:8px;margin-top:4px;}
.os-nm{flex:1;color:var(--mu);}
.os-pr{white-space:nowrap;font-weight:600;color:var(--tx);}
.modal-label{font-size:11px;color:var(--mu);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:700;}
.modal input[type=text],.modal input[type=tel]{width:100%;border:1.5px solid var(--br);border-radius:8px;padding:10px 14px;font-size:14px;outline:none;transition:border-color .15s;margin-bottom:10px;}
.modal input:focus{border-color:var(--orange);}
.modal-note-sm{font-size:11.5px;color:var(--mu);margin-top:4px;line-height:1.4;}
.send-order-btn{width:100%;background:var(--g9);color:#fff;border:none;border-radius:10px;padding:13px;font-size:16px;font-weight:800;cursor:pointer;transition:background .15s;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;}
.send-order-btn:hover{background:#000;}
.or-div{text-align:center;color:var(--mu);font-size:12px;margin:10px 0;position:relative;}
.or-div::before,.or-div::after{content:"";position:absolute;top:50%;width:42%;height:1px;background:var(--br);}
.or-div::before{left:0;}
.or-div::after{right:0;}
.msg-row{display:flex;gap:8px;margin-top:6px;}
.bmsg{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:1.5px solid var(--br);border-radius:9px;padding:10px 6px;text-decoration:none;font-size:12.5px;font-weight:700;transition:all .15s;}
.bmsg svg{width:18px;height:18px;flex-shrink:0;}
.bmsg.tg{color:#229ED9;}
.bmsg.tg:hover{background:#E8F6FD;border-color:#229ED9;}
.bmsg.vb{color:#7360F2;}
.bmsg.vb:hover{background:#F1EFFE;border-color:#7360F2;}
.bmsg.wa{color:#25D366;}
.bmsg.wa:hover{background:#E9FAF0;border-color:#25D366;}
.success-screen{display:none;text-align:center;padding:20px 0;}
.success-icon{font-size:48px;margin-bottom:12px;}
.success-screen h3{font-size:18px;font-weight:900;margin-bottom:6px;}
.success-screen p{font-size:13px;color:var(--mu);line-height:1.5;}
footer{margin-top:48px;background:var(--g9);color:rgba(255,255,255,.7);padding:36px 20px 22px;}
.footer-inner{max-width:1280px;margin:0 auto;}
.ftop{display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;}
.fbrand .fn{font-size:18px;font-weight:900;color:#fff;margin-bottom:6px;}
.fbrand .fn em{color:var(--orange);font-style:normal;}
.fbrand p{font-size:12px;line-height:1.6;max-width:240px;color:rgba(255,255,255,.5);}
.fbrand .freg{font-size:10.5px;color:rgba(255,255,255,.3);margin-top:6px;}
.fcol h4{font-size:11px;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;}
.fcol a,.fcol p{font-size:12.5px;color:rgba(255,255,255,.6);text-decoration:none;display:block;margin-bottom:5px;line-height:1.4;transition:color .15s;}
.fcol a:hover{color:#fff;}
.fcol .phbig{font-size:15px;font-weight:800;color:#fff;}
.fcol .b2b-f{color:var(--gold);font-weight:700;margin-top:6px;}
.micons{display:flex;gap:8px;margin-top:10px;}
.micon{width:34px;height:34px;background:rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .15s;}
.micon:hover{background:rgba(255,255,255,.16);}
.micon svg{width:17px;height:17px;}
.fdiv{border:none;border-top:1px solid rgba(255,255,255,.08);margin-bottom:14px;}
.fbot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:rgba(255,255,255,.28);}
@media (max-width:900px){.ptable th:nth-child(4),.ptable td:nth-child(4){display:none;}}
@media (max-width:768px){.hdr-phone-block small{display:none;}
.hdr-phone-block a{font-size:14px;}
.b2b-btn{display:none;}
.about-strip{display:none;}
.hero{padding:38px 16px 32px;min-height:auto;}
.cart-row{grid-template-columns:1fr auto auto;}
.cr-price{min-width:70px;}
.bearing-size-panel{padding:16px 14px;}
.bs-row{gap:8px;}
.bs-field input{width:112px;}
.ftop{flex-direction:column;gap:22px;}
.fcol,.fbrand{width:100%;}
.modal{padding:20px 16px;max-width:100%;}
.info-modal{max-height:90vh;overflow-y:auto;}
.info-modal-head{padding:20px 18px 16px;}
.info-modal-body{padding:18px;}
.info-modal-ov{padding:16px;}
.delivery-grid{grid-template-columns:1fr;}}
@media (max-width:480px){.logo-cyr{display:none;}
.hdr-right{gap:8px;}
.hsearch input{font-size:14px;padding:13px 15px;}
.hsearch>button{padding:13px 16px;font-size:13px;}
main{padding:14px 12px;}
.cart-row{grid-template-columns:1fr;gap:8px;}
.cart-actions{flex-direction:column;}
.btn-checkout,.btn-back-shop{width:100%;justify-content:center;}
.bs-row{justify-content:flex-start;}
.bs-field{flex:1 1 calc(50% - 8px);}
.bs-field input{width:100%;box-sizing:border-box;}
.bs-search-btn,.bs-clear-btn{flex:1;}
.seal-search{padding:12px 14px;}
.seal-field{flex:1 1 calc(50% - 8px);}
.seal-search input{width:100%;box-sizing:border-box;}
.cgrid{grid-template-columns:1fr;}
.order-summary{max-height:140px;overflow-y:auto;}}
mark{background:#FCE4B6;border-radius:2px;padding:0 1px;}
.row-qty{display:flex;align-items:center;gap:0;border:2px solid var(--orange);border-radius:6px;overflow:hidden;flex-shrink:0;}
.row-qty button{background:none;border:none;width:26px;height:28px;font-size:15px;cursor:pointer;color:var(--tx);display:flex;align-items:center;justify-content:center;transition:background .1s;}
.row-qty button:hover{background:var(--g1);}
.row-qty input{width:36px;border:none;border-left:1.5px solid var(--br);border-right:1.5px solid var(--br);text-align:center;font-size:13px;font-weight:700;padding:0;height:28px;outline:none;background:var(--sf);color:var(--tx);}
.row-share{background:none;border:none;cursor:pointer;color:var(--br);padding:0 4px;display:flex;align-items:center;justify-content:center;transition:color .15s;flex-shrink:0;position:relative;}
.row-share:hover{color:var(--orange);}
.row-share svg{width:15px;height:15px;}
.share-popup{position:absolute;right:0;top:100%;margin-top:4px;background:var(--sf);border:1.5px solid var(--br);border-radius:10px;padding:6px;z-index:var(--z-overlay);box-shadow:0 4px 20px rgba(0,0,0,.15);display:none;min-width:190px;text-align:left;}
.share-popup.open{display:block;}
.share-opt{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;color:var(--tx);transition:background .1s;border:none;background:none;width:100%;text-decoration:none;}
.share-opt:hover{background:var(--g1);}
.share-opt svg{width:18px;height:18px;flex-shrink:0;}
.share-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--g9);color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;z-index:var(--z-lang);opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.3);}
.share-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.td-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;}
[data-theme="dark"] .row-qty{border-color:var(--br);}
[data-theme="dark"] .row-qty button{color:var(--tx);}
[data-theme="dark"] .row-qty button:hover{background:var(--g1);}
[data-theme="dark"] .row-qty input{background:var(--sf);color:var(--tx);border-color:var(--br);}
[data-theme="dark"] .share-popup{background:#1C1C1C;border-color:#333;}
[data-theme="dark"] .share-opt{color:var(--tx);}
[data-theme="dark"] .share-opt:hover{background:#252522;}
.info-modal-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:var(--z-modal-top);align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;}
.info-modal-ov.open{display:flex;}
.info-modal{background:var(--sf);border-radius:16px;max-width:720px;width:100%;position:relative;overflow:hidden;}
.info-modal-head{background:linear-gradient(135deg,#1E1E1E,#2A1A0A);padding:28px 32px 20px;display:flex;align-items:center;gap:14px;}
.info-modal-head h2{color:#fff;font-size:22px;font-weight:900;margin:0;}
.info-modal-head .hi{font-size:28px;}
.info-modal-body{padding:28px 32px;}
.info-modal-body p{font-size:14px;line-height:1.75;color:var(--tx);margin-bottom:14px;}
.info-modal-body h3{font-size:16px;font-weight:800;color:var(--tx);margin:20px 0 10px;border-left:3px solid var(--orange);padding-left:10px;}
.info-modal-body ul{padding-left:18px;margin-bottom:14px;}
.info-modal-body ul li{font-size:14px;line-height:1.7;color:var(--tx);margin-bottom:4px;}
.info-modal-body .contact-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--g1);border-radius:8px;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--tx);}
.info-modal-body .contact-row a{color:var(--tx);text-decoration:none;}
.info-modal-body .contact-row a:hover{color:var(--orange);}
.info-modal-body .contact-row svg{width:18px;height:18px;flex-shrink:0;color:var(--orange);}
.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;}
.delivery-card{border:1.5px solid var(--br);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;}
.delivery-card .dc-icon{font-size:22px;flex-shrink:0;}
.delivery-card .dc-name{font-size:14px;font-weight:700;color:var(--tx);}
.delivery-card .dc-desc{font-size:12px;color:var(--mu);margin-top:2px;}
.pickup-loc{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px solid var(--br);border-radius:10px;margin-bottom:8px;}
.pickup-loc svg{width:18px;height:18px;color:var(--red);flex-shrink:0;margin-top:2px;}
.pickup-loc .pl-name{font-size:13.5px;font-weight:700;color:var(--tx);}
.pickup-loc .pl-addr{font-size:12.5px;color:var(--mu);margin-top:2px;}
.pickup-loc .pl-map{font-size:11.5px;color:var(--orange);margin-top:4px;text-decoration:none;display:inline-flex;align-items:center;gap:4px;}
.payment-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--br);border-radius:10px;margin-bottom:8px;}
.payment-row .pr-icon{font-size:22px;flex-shrink:0;}
.payment-row .pr-name{font-size:13.5px;font-weight:700;color:var(--tx);}
.payment-row .pr-desc{font-size:12px;color:var(--mu);margin-top:2px;}
.imc{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.15);border:none;color:#fff;width:30px;height:30px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;}
.imc:hover{background:rgba(255,255,255,.3);}
[data-theme="dark"] .info-modal-body .contact-row{background:var(--g1);color:var(--tx);}
[data-theme="dark"] .delivery-card,[data-theme="dark"] .pickup-loc,[data-theme="dark"] .payment-row{border-color:var(--br);}
[data-theme="dark"] .delivery-card .dc-name,[data-theme="dark"] .pickup-loc .pl-name,[data-theme="dark"] .payment-row .pr-name{color:var(--tx);}
.seal-search{display:none;background:var(--sf);border:1.5px solid var(--br);border-radius:10px;padding:14px 18px;margin-bottom:14px;align-items:center;gap:12px;flex-wrap:wrap;}
.seal-search.show{display:flex;}
.seal-search label{font-size:12px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.4px;}
.seal-field{display:flex;flex-direction:column;gap:4px;}
.seal-field input{width:90px;border:1.5px solid var(--br);border-radius:7px;padding:7px 10px;font-size:15px;font-weight:700;text-align:center;outline:none;transition:border-color .15s;background:var(--sf);color:var(--tx);}
.seal-field input:focus{border-color:var(--orange);}
.seal-sep{font-size:20px;color:var(--br);font-weight:300;margin-top:18px;}
.seal-search-btn{background:var(--orange);color:#fff;border:none;border-radius:7px;padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;margin-top:16px;}
.seal-search-btn:hover{background:var(--od);}
.seal-clear-btn{background:none;border:1.5px solid var(--br);border-radius:7px;padding:9px 14px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--mu);transition:all .15s;margin-top:16px;}
.seal-clear-btn:hover{border-color:var(--red);color:var(--red);}
.seal-hint{font-size:11.5px;color:var(--mu);margin-top:16px;align-self:flex-end;}
[data-theme="dark"] .seal-search{background:var(--sf);border-color:var(--br);}
[data-theme="dark"] .seal-field input{background:var(--sf);color:var(--tx);border-color:var(--br);}
.autocomplete-wrap{position:relative;flex:1;z-index:var(--z-max);}
.autocomplete-wrap input{width:100%;}
#heroSearchInput{flex:1;}
.ac-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid var(--orange);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:var(--z-lang);overflow:hidden;display:none;max-height:320px;overflow-y:auto;pointer-events:auto;}
.ac-dropdown.open{display:block;}
.ac-item{padding:10px 16px;cursor:pointer;border-bottom:1px solid var(--br);display:flex;align-items:center;gap:10px;transition:background .1s;}
.ac-item:last-child{border-bottom:none;}
.ac-item:hover,.ac-item.selected{background:#FFF8F0;}
.ac-item .ac-art{font-family:monospace;font-size:13px;font-weight:700;color:var(--od);white-space:nowrap;flex-shrink:0;min-width:90px;}
.ac-item .ac-name{font-size:13px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ac-item .ac-brand{font-size:11.5px;color:var(--mu);white-space:nowrap;margin-left:auto;flex-shrink:0;padding-left:8px;}
.ac-count{padding:8px 16px;font-size:11.5px;color:var(--mu);background:var(--g1);text-align:center;}
[data-theme="dark"] .ac-dropdown{background:#1C1C1C;border-color:var(--orange);}
[data-theme="dark"] .ac-item{border-color:#2E2E2C;}
[data-theme="dark"] .ac-item:hover,[data-theme="dark"] .ac-item.selected{background:#252520;}
[data-theme="dark"] .ac-item .ac-name{color:#E0DDD6;}
[data-theme="dark"] .ac-count{background:#252522;color:#888;}
[data-theme="dark"] mark{background:#7A5200;color:#fff;}
[data-theme="dark"] input{background:var(--sf);color:var(--tx);border-color:var(--br);}
[data-theme="dark"] .qty-ctrl button{background:var(--g1);}
[data-theme="dark"] .qty-ctrl button:hover{background:#2E2E2B;}
[data-theme="dark"] .b2b-btn{background:#333;color:#fff;}
[data-theme="dark"] .b2b-btn:hover{background:#1a1a1a;}
[data-theme="dark"] .send-order-btn:hover{background:#1a1a1a;}
[data-theme="dark"] .sbtn:hover,[data-theme="dark"] .sbtn.active{background:rgba(232,129,10,.15);}
[data-theme="dark"] .del-btn:hover{background:rgba(198,40,40,.18);}
[data-theme="dark"] .order-summary{background:rgba(232,129,10,.08);border-color:rgba(232,129,10,.35);}
[data-theme="dark"] .bmsg.tg:hover{background:rgba(34,158,217,.15);}
[data-theme="dark"] .bmsg.vb:hover{background:rgba(115,96,242,.18);}
[data-theme="dark"] .bmsg.wa:hover{background:rgba(37,211,102,.15);}
[data-theme="dark"] .qbadge.ok{color:#4CAF50;}
.lang-sw{display:flex;align-items:center;gap:2px;background:rgba(0,0,0,.06);border-radius:20px;padding:3px;flex-shrink:0;}
[data-theme="dark"] .lang-sw{background:rgba(255,255,255,.08);}
.lang-btn{background:none;border:none;border-radius:16px;padding:4px 9px;font-size:11px;font-weight:700;cursor:pointer;color:var(--mu);transition:all .15s;letter-spacing:.3px;}
.lang-btn:hover{color:var(--tx);}
.lang-btn.active{background:var(--sf);color:var(--orange);box-shadow:0 1px 4px rgba(0,0,0,.1);}
[data-theme="dark"] .lang-btn.active{background:rgba(255,255,255,.12);color:var(--orange);}
.lang-opt{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;color:var(--tx);transition:background .1s;text-align:left;}
.lang-opt:hover{background:var(--g1);}
.lang-opt.active{color:var(--orange);}
[data-theme="dark"] .lang-opt{color:var(--tx);}
[data-theme="dark"] .lang-opt:hover{background:#252522;}
#langToggleBtn:hover{border-color:var(--orange);color:var(--orange);}
.bearing-size-btn{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8);border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:14px;}
.bearing-size-btn:hover{background:rgba(232,129,10,.15);border-color:var(--orange);color:#fff;}
.bearing-size-btn .bsb-label{font-size:13px;font-weight:700;}
.bearing-size-btn .bsb-arrow{margin-left:4px;font-size:10px;opacity:.6;transition:transform .2s;}
.bearing-size-btn.open .bsb-arrow{transform:rotate(180deg);}
.bearing-size-panel{display:none;max-width:580px;margin:12px auto 0;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.15);border-radius:14px;padding:20px 24px;animation:fadeSlide .2s ease;}
.bearing-size-panel.open{display:block;}
@keyframes fadeSlide{from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:translateY(0)}}
.bs-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;justify-content:center;}
.bs-field{display:flex;flex-direction:column;gap:5px;}
.sd-label{font-size:11px;color:rgba(255,255,255,.55);font-weight:600;letter-spacing:.4px;text-transform:uppercase;}
.bs-field input{width:132px;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:9px 40px 9px 12px;font-size:17px;font-weight:800;text-align:center;outline:none;background:rgba(255,255,255,.1);color:#fff;transition:border-color .15s;}
.bs-field input::placeholder{color:rgba(255,255,255,.3);font-weight:400;font-size:14px;}
.bs-field input:focus{border-color:var(--orange);}
.bs-sep{font-size:22px;color:rgba(255,255,255,.3);margin-bottom:8px;font-weight:300;}
.bs-search-btn{background:var(--orange);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;margin-bottom:0;}
.bs-search-btn:hover{background:var(--od);}
.bs-clear-btn{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);border:1.5px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 14px;font-size:13px;cursor:pointer;transition:all .15s;margin-bottom:0;}
.bs-clear-btn:hover{background:rgba(255,255,255,.14);color:#fff;}
.bs-hint{font-size:11px;color:rgba(255,255,255,.35);margin-top:10px;text-align:center;}
.bs-title{font-size:12px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-bottom:14px;}
.bs-input-wrap{position:relative;display:inline-flex;align-items:center;}
.bs-input-wrap input{padding-right:32px;}
.bs-unit{position:absolute;right:8px;font-size:11px;color:rgba(255,255,255,.4);pointer-events:none;font-weight:600;}
:root{--figma-orange:#ee6812;--figma-dark:#262527;--figma-line:#a9a9a9;--figma-soft:#f5f5f5;--page-gutter:clamp(.8rem,2vw,2rem);--ui-radius:.55rem;}
.figma-header{position:relative;top:auto;z-index:var(--z-panel);border:0;box-shadow:none;flex:0 0 auto;}
.figma-logo{height:auto;justify-content:flex-start;}
.figma-logo img{max-width:100%;display:block;}
.header-meta{display:flex;flex-direction:column;justify-content:center;}
.figma-phones a{color:var(--tx);text-decoration:none;}
.header-meta small{color:var(--tx);}
.figma-actions{margin:0;justify-content:end;}
.figma-action-btn{width:100%;min-width:0;border:.09rem solid #707070;background:var(--sf);color:var(--tx);font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s,background .15s;}
.figma-action-btn:hover{border-color:var(--figma-orange);color:var(--figma-orange);background:var(--sf);}
.figma-action-icon{flex:0 0 auto;}
.figma-b2b b{font-size:1.18em;font-weight:600;}
.figma-cart{position:relative;cursor:pointer;}
.figma-cart .cart-count{width:1.2rem;height:1.2rem;font-size:.66rem;}
.figma-mini-controls{display:grid;grid-template-rows:1fr 1fr;min-width:0;}
.figma-mini-btn{width:100%;min-width:0;border:.07rem solid var(--figma-line);background:var(--sf);color:var(--tx);display:flex;gap:5%;cursor:pointer;white-space:nowrap;}
#themeToggle.figma-mini-btn{margin:0;}
.theme-photo{object-fit:contain;}
.figma-lang-wrap{position:relative;min-height:0;}
.figma-lang svg{width:14%;height:auto;}
.figma-lang-menu{display:none;position:absolute;top:108%;right:0;background:var(--sf);border:.07rem solid var(--br);border-radius:.55rem;padding:.3rem;box-shadow:0 .25rem 1.2rem rgba(0,0,0,.14);min-width:7rem;}
.figma-home-stage.hero{flex:1 0 auto;}
.roller-illustration img{display:block;}
.figma-search-row .bearing-size-panel{position:absolute;top:112%;left:0;width:min(72%,48rem);max-width:96vw;margin:0;background:rgba(24,24,24,.97);border:.07rem solid rgba(255,255,255,.22);border-radius:.75rem;padding:1.1rem 1.2rem;z-index:var(--z-popover);box-shadow:0 .7rem 2rem rgba(0,0,0,.28);}
.bs-panel-actions{display:flex;gap:.5rem;align-items:flex-end;}
.figma-banner-copy .hero-tag{display:none;}
.figma-banner-copy .hero-desc{display:none;}
.brand-pills--legacy{display:none;}
.about-strip{display:none;}
.figma-footer{flex:0 0 auto;}
.figma-footer-inner{flex-direction:column;justify-content:center;}
.figma-footer-warehouses{display:grid;grid-template-columns:1fr 1fr;gap:3% 6%;padding:0 3%;}
.warehouse-mini p{color:rgba(255,255,255,.82);}
.figma-email{grid-column:1/-1;}
.figma-footer-contact{text-align:left;}
.figma-footer-contact>a{display:block;font-size:clamp(.56rem,.76vw,.8rem);line-height:1.28;}
.figma-contact-link{display:none;}
.figma-footer-contact .micons{display:flex;gap:.3rem;margin-top:.3rem;}
.figma-footer-contact .micon{width:clamp(1.1rem,1.7vw,1.55rem);height:clamp(1.1rem,1.7vw,1.55rem);background:transparent;border-radius:50%;overflow:hidden;}
.figma-footer-contact .micon img{width:100%;height:auto;display:block;object-fit:contain;}
.figma-footer-contact .micon svg{width:55%;height:55%;}
.figma-fbot{margin-top:.38rem;padding-top:.3rem;border-top:.05rem solid rgba(255,255,255,.11);font-size:clamp(.44rem,.55vw,.58rem);color:rgba(255,255,255,.4);justify-content:space-between;gap:2%;}
@media (max-width:80rem){.figma-hdr{grid-template-columns:25% 31% 44%;}
.figma-logo{width:86%;}
.header-meta{align-items:center;}
.home-layout{grid-template-columns:clamp(12.5rem,28.5%,18.5rem) minmax(0,1fr);}
.figma-search-row{overflow:visible;grid-template-columns:minmax(0,66%) minmax(7rem,22%) minmax(0,1fr);gap:2%;}
.figma-banner-copy{width:66%;}
.figma-footer-grid{grid-template-columns:24% 25% 34% 17%;}}
@media (max-width:58rem){.figma-hdr{grid-template-columns:24% 32% 44%;gap:1%;}
.figma-logo{width:94%;}
.header-meta small{white-space:normal;}
.figma-actions{grid-template-columns:27% 40% 27%;gap:3%;}
.home-layout{grid-template-columns:clamp(11.6rem,31%,16rem) minmax(0,1fr);gap:2%;}
.figma-sidebar{padding:0 4%;}
.side-cat{font-size:clamp(.58rem,1.15vw,.76rem);}
.figma-hero-banner{aspect-ratio:2.72/1;min-height:11.8rem;}
.figma-banner-copy{width:71%;padding-left:5%;}
.figma-footer-grid{grid-template-columns:24% 24% 35% 17%;}}
:root{--v32-max:100rem;--v32-gutter:clamp(.72rem,1.8vw,1.55rem);--v32-gap:clamp(.55rem,1.35vw,1.15rem);--v32-header-h:clamp(5.8rem,17vh,7rem);--v32-footer-h:clamp(6.2rem,19.2vh,7.5rem);--v32-orange:#ee6812;--v32-dark:#262527;--v32-border:#777;}
body{background:#fff;overflow-x:hidden;}
.figma-header{width:100%;box-sizing:border-box;background:var(--sf);}
.figma-hdr{height:100%;min-height:0;margin:0 auto;display:grid;align-items:center;}
.figma-logo{max-height:100%;display:flex;align-items:center;cursor:pointer;}
.figma-logo img{height:auto;object-fit:contain;object-position:left center;}
.header-meta{padding:0 2%;}
.figma-phones a{font-weight:500;}
.header-meta small{white-space:nowrap;}
.figma-actions{display:grid;}
.figma-action-btn{height:100%;border-radius:.48rem;}
.figma-mini-controls{gap:.18rem;align-self:center;}
.figma-mini-btn{border-width:1px;border-radius:.45rem;padding:0 7%;}
.theme-photo{height:auto;}
.figma-lang-menu{z-index:var(--z-modal);}
.figma-home-stage.hero{width:100%;min-height:0;padding:0 var(--v32-gutter) 0;background:var(--sf);display:block;text-align:left;overflow:hidden;box-sizing:border-box;}
.home-layout{margin:0 auto;display:grid;}
.figma-sidebar{width:100%;height:100%;border:1px solid #858585;border-radius:.45rem;background:var(--sf);overflow:hidden;display:flex;flex-direction:column;padding:0 5.4%;box-sizing:border-box;}
.side-cat{flex:1 1 0;min-height:0;width:100%;border:0;border-bottom:1px solid #c4c4c4;background:transparent;color:var(--tx);display:grid;grid-template-columns:10% minmax(0,1fr) 4%;gap:4%;align-items:center;padding:0;cursor:pointer;text-align:left;font-size:clamp(.72rem,1vw,.98rem);font-weight:400;transition:color .15s,background .15s;}
.side-cat:hover{color:var(--v32-orange);background:rgba(238,104,18,.045);}
.side-cat b{font-size:1.08em;font-weight:400;text-align:right;}
.side-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.side-icon img{width:100%;height:100%;max-height:none;display:block;object-fit:contain;}
.side-cat-rollers{flex:1.42 1 0;border-bottom:0;background:#f5f5f5;border:1px solid #858585;border-radius:.45rem;margin:3.2% 0;padding:.08rem 2%;grid-template-columns:22% minmax(0,1fr) 5%;line-height:1.04;}
.roller-illustration{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.roller-illustration img{width:100%;height:100%;object-fit:contain;}
.home-main{width:100%;min-width:0;display:flex;flex-direction:column;padding:0;}
.figma-search-row{width:100%;min-height:0;display:grid;gap:2.5%;align-items:stretch;position:relative;z-index:var(--z-sticky);}
.figma-search-row .hsearch{display:flex;width:100%;max-width:none;margin:0;border:1px solid var(--v32-border);border-radius:.48rem;overflow:visible;box-shadow:none;background:var(--sf);}
.figma-search-row .autocomplete-wrap{height:100%;flex:1;min-width:0;}
.figma-search-row .hsearch input{width:100%;height:100%;border:0;background:var(--sf);color:var(--tx);outline:none;border-radius:.48rem 0 0 .48rem;}
.figma-search-row .hsearch>button{height:100%;width:22%;min-width:4.9rem;background:var(--v32-orange);border:0;border-radius:0 .48rem .48rem 0;padding:0 2%;display:flex;align-items:center;justify-content:center;gap:7%;color:#fff;cursor:pointer;}
.figma-search-row .hsearch>button svg{width:1.05em;height:1.05em;}
.figma-search-row .ac-dropdown{top:106%;border-radius:.5rem;border-width:1px;max-height:20rem;}
.figma-search-row .bearing-size-btn{width:100%;height:100%;margin:0;border:1px solid var(--v32-border);border-radius:.48rem;background:var(--sf);color:#111;display:flex;align-items:center;justify-content:center;gap:5%;text-align:center;}
.figma-search-row .bearing-size-btn:hover{background:#f7f7f7;border-color:var(--v32-orange);color:#111;}
.figma-search-row .bearing-size-btn .bsb-label{font-size:inherit;font-weight:500;}
.figma-search-row .bearing-size-btn .bsb-arrow{font-size:1.15em;color:#707070;transition:transform .18s ease;}
.figma-search-row .bearing-size-btn.open .bsb-arrow{transform:rotate(180deg);}
.figma-size-panel{animation:fadeSlide .16s ease;box-sizing:border-box;}
.figma-size-panel .bs-title,.figma-size-panel .bs-hint,.figma-size-panel .bs-sep,.figma-size-panel .bs-clear-btn{display:none;}
.figma-size-panel .bs-field{grid-template-columns:auto minmax(3rem,4rem);}
.figma-size-panel .sd-label{letter-spacing:0;text-transform:none;}
.figma-size-panel .bs-field input{width:100%;font-weight:400;}
.figma-size-panel .bs-unit{font-weight:400;}
.figma-size-panel .bs-panel-actions{height:100%;}
.figma-size-panel .bs-search-btn{width:100%;background:var(--v32-orange);}
.figma-hero-banner{width:100%;aspect-ratio:2.72/1;border-radius:.45rem;display:flex;overflow:hidden;background-repeat:no-repeat;}
.figma-banner-copy{width:62%;min-width:0;padding:5.8% 0 4.2% 4.7%;display:flex;flex-direction:column;align-items:flex-start;}
.figma-banner-copy .hero-tag,.figma-banner-copy .hero-desc{display:none;}
.figma-banner-copy h1{margin:0;color:#fff;font-size:clamp(1.1rem,2.12vw,2.2rem);line-height:1.04;font-weight:700;letter-spacing:.002em;text-transform:uppercase;}
.figma-banner-copy h1 span{color:var(--v32-orange);}
.figma-benefits{margin-top:auto;margin-bottom:.5%;display:flex;flex-direction:column;gap:clamp(.3rem,.72vh,.58rem);color:#fff;font-size:clamp(.58rem,.78vw,.82rem);line-height:1.08;}
.figma-benefits>div{display:flex;align-items:center;gap:clamp(.34rem,.55vw,.55rem);}
.benefit-photo{width:clamp(1.25rem,1.75vw,1.8rem);height:clamp(1.25rem,1.75vw,1.8rem);display:block;object-fit:contain;flex:0 0 auto;}
.benefit-shield{width:clamp(1.25rem,1.75vw,1.8rem);aspect-ratio:1;border:2px solid var(--v32-orange);border-radius:35% 35% 48% 48%;display:grid;place-items:center;color:var(--v32-orange);font-style:normal;font-size:.72em;flex:0 0 auto;}
.brand-pills--legacy,.about-strip{display:none;}
#catalogSection{display:none;}
main{max-width:min(96vw,100rem);width:100%;padding:0 var(--v32-gutter);margin:0 auto;}
.figma-footer{margin:0;width:100%;overflow:hidden;color:#fff;box-sizing:border-box;}
.figma-footer-inner{height:100%;margin:0 auto;display:flex;align-items:center;}
.figma-footer-grid{width:100%;display:grid;}
.figma-footer h4{font-weight:400;color:#fff;text-transform:none;letter-spacing:0;}
.figma-footer a,.figma-footer p{font-size:clamp(.56rem,.72vw,.72rem);line-height:1.25;color:#fff;text-decoration:none;margin:0;}
.figma-footer a:hover{color:var(--v32-orange);}
.figma-footer-brand img{height:auto;display:block;object-fit:contain;object-position:left center;}
.figma-footer-brand p,.figma-footer-brand #footerReg{display:none;}
.figma-info-links a{display:block;}
.figma-footer-contact-center{display:grid;align-items:start;}
.figma-footer-phones a{display:block;}
.figma-email{display:block;margin-top:.15rem;white-space:nowrap;}
.figma-footer-contact-meta .micons{display:flex;}
.figma-footer-contact-meta .micon{background:transparent;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.figma-footer-contact-meta .micon img{width:100%;height:100%;object-fit:contain;}
.figma-footer-contact-meta .micon svg{width:70%;height:70%;}
.figma-footer-addresses .city{margin-top:.18rem;}
.figma-footer-addresses .city:first-child{margin-top:0;}
.figma-fbot{display:none;}
[data-theme="dark"] .figma-header,[data-theme="dark"] .figma-home-stage.hero,[data-theme="dark"] .figma-sidebar,[data-theme="dark"] .figma-action-btn,[data-theme="dark"] .figma-mini-btn,[data-theme="dark"] .figma-search-row .hsearch,[data-theme="dark"] .figma-search-row .hsearch input,[data-theme="dark"] .figma-search-row .bearing-size-btn{background:var(--sf);color:var(--tx);}
[data-theme="dark"] .side-cat-rollers{background:#222;}
@media (min-width:900px){body.home-page-mode .home-layout{overflow:hidden;}}
@media (max-width:80rem) and (min-width:900px){.figma-hdr{grid-template-columns:22% 41% 37%;}
.figma-logo{width:86%;}
.figma-actions{width:min(100%,26rem);grid-template-columns:29% 44% 21%;}
.home-layout{grid-template-columns:minmax(12rem,29%) minmax(0,1fr);gap:1.8%;}
.figma-search-row{overflow:visible;grid-template-columns:minmax(0,66%) minmax(7rem,22%) minmax(0,1fr);gap:2%;}
.figma-banner-copy{width:68%;padding-left:5%;}
.figma-footer-grid{grid-template-columns:20% 27% 35% 18%;}}
@media (min-width:900px) and (max-height:42rem){:root{--v32-header-h:clamp(5.35rem,16.5vh,6.55rem);--v32-footer-h:clamp(5.8rem,18.6vh,7rem);}
.figma-header{padding:.25rem var(--v32-gutter);}
.figma-search-row{overflow:visible;height:clamp(2.35rem,7vh,2.75rem);}
.home-main{gap:.45rem;}
.side-cat{font-size:clamp(.68rem,.95vw,.9rem);}
.figma-banner-copy h1{font-size:clamp(1rem,2vw,2rem);}
.figma-footer{padding:.35rem var(--v32-gutter);}}
@media (max-width:48rem){.header-meta{text-align:right;}
.header-meta small{font-size:.56rem;white-space:normal;}}
:root{--v33-max:100rem;--v33-gutter:clamp(.7rem,1.65vw,1.45rem);--v33-gap:clamp(.5rem,1.25vw,1.05rem);--v33-header-h:clamp(5.7rem,14.4vh,7.15rem);--v33-footer-h:clamp(7.2rem,18.6vh,8.9rem);}
body{min-height:100dvh;display:flex;flex-direction:column;}
body:not(.home-page-mode) main{flex:1 0 auto;width:100%;}
body:not(.home-page-mode) .figma-footer{margin-top:auto;min-height:var(--v33-footer-h);}
.figma-header{padding:.28rem var(--v33-gutter);}
.figma-hdr{width:100%;max-width:var(--v33-max);gap:0;}
.figma-logo{width:78%;max-width:none;}
.figma-logo img{width:100%;max-height:calc(var(--v33-header-h) - .7rem);}
.header-meta{width:max-content;max-width:100%;align-items:flex-end;text-align:right;gap:.08rem;}
.header-meta small{line-height:1.08;}
.figma-action-btn{border-width:1px;}
.home-layout{width:100%;max-width:var(--v33-max);grid-template-columns:minmax(13rem,27.1%) minmax(0,1fr);gap:var(--v33-gap);}
.home-main{gap:clamp(.38rem,.85vh,.58rem);}
.figma-search-row{height:clamp(2.35rem,6.2vh,2.75rem);}
.figma-footer{padding:clamp(.65rem,1.25vh,.9rem) var(--v33-gutter);background:#262527;}
.figma-footer-inner{width:100%;max-width:var(--v33-max);}
.figma-footer-grid{gap:0;align-items:center;}
.figma-footer-brand img{width:86%;max-width:none;}
.figma-footer h4{font-size:clamp(.82rem,1.02vw,1.04rem);margin:0 0 .38rem;}
.figma-footer a,.figma-footer p{font-size:clamp(.66rem,.84vw,.86rem);line-height:1.34;}
.figma-footer-info{padding:0 6%;}
.figma-info-links{gap:10%;}
.figma-info-links a{margin:.12rem 0;}
.figma-footer-contact-center{grid-template-columns:43% 57%;gap:4%;padding:0 4%;}
.figma-footer-phones a{font-size:clamp(.67rem,.85vw,.88rem);line-height:1.34;}
.figma-footer-contact-meta p{font-size:clamp(.65rem,.82vw,.84rem);line-height:1.3;}
.figma-email{font-size:clamp(.63rem,.78vw,.8rem);}
.figma-footer-contact-meta .micons{gap:.32rem;margin:.24rem 0;}
.figma-footer-contact-meta .micon{width:clamp(1rem,1.35vw,1.28rem);height:clamp(1rem,1.35vw,1.28rem);}
.figma-footer-addresses{padding-left:7%;}
.figma-footer-addresses p{margin:.1rem 0;}
body:not(.home-page-mode) #resultsSection{min-height:clamp(18rem,52vh,34rem);}
body:not(.home-page-mode) #emptyState{min-height:clamp(15rem,43vh,27rem);display:flex;flex-direction:column;align-items:center;justify-content:center;}
body:not(.home-page-mode) #emptyState[style*="display:none"]{display:none;}
@media (max-width:85rem) and (min-width:900px){.home-layout{grid-template-columns:minmax(12rem,28%) minmax(0,1fr);}}
@media (min-width:900px) and (max-height:43rem){:root{--v33-header-h:clamp(5.2rem,13.8vh,6.3rem);--v33-footer-h:clamp(6.6rem,18.2vh,7.7rem);}
.figma-footer{padding:.42rem var(--v33-gutter);}
.figma-footer h4{margin-bottom:.24rem;}}
@media (max-width:48rem){.header-meta{width:100%;justify-self:stretch;padding-right:0;align-items:flex-end;}}
.figma-hdr{grid-template-columns:30% 31% 39%;}
.header-meta{justify-self:end;padding-right:1.5%;}
.figma-phones a{font-size:clamp(.82rem,1.02vw,1.08rem);line-height:1.04;}
.header-meta small{font-size:clamp(.62rem,.76vw,.82rem);}
.figma-action-icon{max-height:1.3rem;}
.figma-search-row .hsearch input{font-weight:400;}
.figma-footer-grid{grid-template-columns:18% 31% 31% 20%;}
@media (max-width:85rem) and (min-width:900px){.figma-hdr{grid-template-columns:29% 32% 39%;}
.header-meta{padding-right:1%;}
.figma-footer-grid{grid-template-columns:17% 32% 31% 20%;}
.figma-footer-info{padding-left:9%;padding-right:1%;}}
.figma-footer-info{padding-left:0;padding-right:0;justify-self:center;align-self:center;display:flex;flex-direction:column;align-items:center;}
.figma-footer-info h4{width:100%;margin:0 0 4% 0;text-align:center;}
.figma-info-links{width:100%;display:grid;grid-template-columns:47.5% 47.5%;justify-content:center;align-items:start;}
.figma-info-links > div{min-width:0;}
.figma-info-links > div:first-child{text-align:left;}
.figma-info-links > div:last-child{text-align:left;}
.figma-b2b .figma-action-icon{width:clamp(1.9rem,2.4vw,2.5rem);max-height:2.6rem;}
.figma-cart .figma-action-icon{width:clamp(2.16rem,2.8vw,2.84rem);max-height:2.95rem;}
.theme-photo{max-height:1.6rem;}
@media (max-width:85rem) and (min-width:900px){.figma-info-links{grid-template-columns:48% 48%;}}
.figma-action-btn{padding-left:1.5%;padding-right:1.5%;}
.figma-actions{align-items:center;}
.figma-b2b{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:.65rem;}
.figma-b2b .figma-action-icon{grid-column:1;justify-self:start;}
.figma-b2b span{grid-column:2;justify-self:center;text-align:center;}
.figma-b2b b{grid-column:3;justify-self:end;}
.figma-cart{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:.65rem;}
.figma-cart .figma-action-icon{grid-column:1;justify-self:start;}
.figma-cart #cartLabel{grid-column:2;justify-self:center;text-align:center;}
.figma-cart .cart-count{grid-column:3;justify-self:end;position:relative;top:auto;right:auto;margin-left:.2rem;}
.figma-action-icon{width:clamp(1.55rem,2.15vw,2rem);height:auto;object-fit:contain;}
.figma-mini-btn{font-size:clamp(.78rem,.92vw,.92rem);}
.theme-photo{width:clamp(.95rem,1.2vw,1.15rem);}
.figma-action-btn{align-content:center;}
.figma-b2b,.figma-cart{align-content:center;}
.figma-b2b span,.figma-cart #cartLabel{align-self:center;line-height:1;}
.figma-b2b b,.figma-b2b .figma-action-icon,.figma-cart .figma-action-icon,.figma-cart .cart-count{align-self:center;}
.figma-mini-btn{height:auto;}
@media (max-width:85rem) and (min-width:900px){.figma-action-btn{min-height:clamp(2.08rem,2.7vw,2.35rem);font-size:clamp(.82rem,.98vw,1rem);}
.figma-mini-btn{min-height:clamp(1rem,1.25vw,1.16rem);}}
.figma-hero-banner{background-image:url("hero-banner-v41.png");background-size:cover;background-position:center center;min-height:clamp(12.5rem,24vw,22rem);}
.figma-actions{justify-self:end;}
.figma-action-btn{line-height:1;display:flex;align-items:center;justify-content:center;gap:8%;}
.figma-b2b,.figma-cart{display:flex;align-items:center;justify-content:center;}
.figma-b2b .figma-action-icon,.figma-cart .figma-action-icon,.figma-b2b span,.figma-cart #cartLabel,.figma-b2b b,.figma-cart .cart-count{align-self:center;line-height:1;}
.figma-mini-btn{align-items:center;justify-content:center;}
.side-cat img[src*="stoporni-kiltsia-v41"],.ci-img[src*="stoporni-kiltsia-v41"]{object-fit:contain;}
.side-icon img[src*="stoporni-kiltsia-transparent.png"],.ci-img[src*="stoporni-kiltsia-transparent.png"]{background:transparent;mix-blend-mode:normal;object-fit:contain;}
.side-cat .side-icon:has(img[src*="stoporni-kiltsia-transparent.png"]){background:transparent;}
[data-theme="dark"] body,[data-theme="dark"] main,[data-theme="dark"] #catalogSection,[data-theme="dark"] #resultsSection,[data-theme="dark"] #cartPanel,[data-theme="dark"] .page,[data-theme="dark"] .shell,[data-theme="dark"] .home-layout,[data-theme="dark"] .rbar,[data-theme="dark"] .twrap{background:var(--bg);color:var(--tx);}
[data-theme="dark"] .cats-bar,[data-theme="dark"] .about-strip,[data-theme="dark"] #inlineSearchBar,[data-theme="dark"] .figma-home-stage,[data-theme="dark"] .figma-footer{background:var(--sf);}
[data-theme="dark"] #resultsSection{background:var(--bg);}
@media (max-width:85rem) and (min-width:900px){.figma-actions{width:95%;grid-template-columns:30% 40% 22%;gap:4%;}
.figma-footer-info{transform:translateX(12%);width:30%;}
.figma-info-links{column-gap:30%;}}
#inlineSearchBar > div{display:flex;gap:8px;align-items:center;}
#inlineSearch{width:15.75rem;}
.figma-actions{width:94%;grid-template-columns:30% 40% 22%;gap:4%;}
.figma-action-btn{min-height:clamp(2.02rem,2.55vw,2.22rem);padding:.02rem 3.1%;font-size:clamp(.84rem,.98vw,1rem);}
.figma-mini-btn{min-height:clamp(1rem,1.28vw,1.15rem);}
.figma-size-panel .bs-title{font-size:clamp(.72rem,.9vw,.9rem);margin-bottom:.45rem;color:#111;}
.figma-size-panel .bs-sep{display:none;}
.figma-size-panel .bs-input-wrap input{min-width:0;}
.figma-size-panel .bs-panel-actions{gap:.45rem;justify-content:flex-start;}
.figma-size-panel .bs-search-btn{min-width:auto;}
.figma-size-panel .bs-clear-btn{width:2rem;height:2rem;border-radius:.45rem;font-size:.95rem;}
.figma-size-panel .bs-hint{margin-top:.45rem;font-size:clamp(.58rem,.72vw,.72rem);}
@media (max-width:72rem){#inlineSearch{width:13rem;}
.figma-size-panel .bs-row{grid-template-columns:repeat(2,minmax(0,1fr));}
.figma-size-panel .bs-panel-actions{grid-column:1 / -1;}}
@media (min-width:900px){body.home-page-mode{
    min-height:100dvh;
    height:auto;
    max-height:none;
    overflow-x:hidden;
    overflow-y:auto;
  }
body.home-page-mode .figma-header{
    height:auto;
    min-height:clamp(5.9rem,6.65vw,7.15rem);
    max-height:none;
    flex:0 0 auto;
    padding:clamp(.28rem,.42vw,.45rem) clamp(.8rem,1.45vw,1.35rem);
  }
body.home-page-mode .figma-hdr{
    width:100%;
    max-width:min(96vw,100rem);
    min-height:clamp(5.35rem,5.9vw,6.55rem);
    height:auto;
  }
body.home-page-mode .figma-logo{
    width:min(70%,15.7rem);
    max-width:15.7rem;
  }
body.home-page-mode .figma-logo img{
    width:100%;
    height:auto;
    max-height:clamp(4.5rem,5.25vw,5.35rem);
    object-fit:contain;
  }
body.home-page-mode .figma-home-stage.hero{
    height:auto;
    min-height:0;
    max-height:none;
    flex:0 0 auto;
    padding:0 clamp(.8rem,1.45vw,1.35rem) clamp(.35rem,.55vw,.55rem);
    overflow:visible;
  }
body.home-page-mode .home-layout{
    width:100%;
    max-width:min(96vw,100rem);
    height:auto;
    min-height:0;
    max-height:none;
    align-items:start;
    gap:clamp(.65rem,1.15vw,1.05rem);
  }
body.home-page-mode .home-main{
    height:auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:clamp(.38rem,.48vw,.58rem);
  }
body.home-page-mode .figma-search-row{
    display:grid;
    visibility:visible;
    opacity:1;
    height:clamp(2.65rem,3.05vw,3.15rem);
    min-height:clamp(2.65rem,3.05vw,3.15rem);
    flex:0 0 auto;
    margin:0;
  }
body.home-page-mode .figma-sidebar{
    height:auto;
    min-height:0;
    align-self:start;
  }
body.home-page-mode .figma-hero-banner{
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:2.55 / 1;
    background-image:url("hero-banner-v41.png");
    background-size:100% 100%;
    background-position:center center;
    background-repeat:no-repeat;
    border-radius:.5rem;
    flex:0 0 auto;
  }
.figma-actions{width:95%;grid-template-columns:30% 40% 22%;gap:4%;}
.figma-action-btn{
    height:clamp(1.92rem,2.35vw,2.12rem);
    min-height:clamp(1.92rem,2.35vw,2.12rem);
    max-height:clamp(1.92rem,2.35vw,2.12rem);
    padding:0 3.1%;
  }
body.home-page-mode .figma-footer{
    height:auto;
    min-height:clamp(7rem,7.7vw,8.2rem);
    max-height:none;
    flex:0 0 auto;
    padding:clamp(.42rem,.52vw,.55rem) clamp(.8rem,1.45vw,1.35rem);
  }
body.home-page-mode .figma-footer-inner{width:100%;max-width:min(96vw,100rem);}}
.figma-footer-info{transform:translateX(12%);width:30%;}
.figma-info-links{column-gap:30%;}
#inlineSearchBar{margin-left:0;display:flex;align-items:center;}
#inlineSearchBar .inline-search-wrap{box-shadow:none;}
#inlineSearchBar button{border-left:1px solid rgba(0,0,0,.06);cursor:pointer;transition:background .15s;}
.home-main{position:relative;}
.bearing-size-panel.figma-size-panel{position:absolute;left:0;right:0;top:calc(100% + .2rem);z-index:var(--z-float);}
.home-main.size-open .figma-hero-banner{margin-top:12.7rem;}
.home-main.size-open .brand-pills{margin-top:1.1rem;}
.home-main.size-open .figma-benefit-row{margin-top:1rem;}
@media (max-width:900px){.home-main.size-open .figma-hero-banner{margin-top:14rem;}}
.figma-sidebar .side-cat span{white-space:normal;}
#catCustomName{line-height:1.25;}
.home-layout{align-items:start;}
.figma-sidebar{align-self:start;position:sticky;top:12px;}
.figma-search-row{overflow:visible;margin-bottom:.65rem;}
.figma-search-row .hsearch input{font-size:clamp(.86rem,1.04vw,1.02rem);padding:0 3.6%;}
.figma-search-row .hsearch>button{font-size:clamp(.82rem,1vw,.98rem);font-weight:700;}
.cpill{border-radius:20px;}
.rbar{justify-content:center;gap:10px;}
.rcount{width:100%;text-align:center;}
.sort-row{width:100%;justify-content:center;}
.sbtn{padding:6px 14px;font-size:13px;}
.figma-size-panel .bs-row{grid-template-columns:repeat(4,minmax(0,1fr)) 7rem;}
.figma-size-panel .bs-field input{height:2.75rem;border:1px solid #8e8e8e;border-radius:.72rem;padding:0 2.2rem 0 .8rem;text-align:left;font-size:1rem;color:#4c4c4c;background:#fff;}
.figma-search-row .bearing-size-btn{font-weight:600;}
[data-theme="dark"] .figma-size-panel{box-shadow:none;}
[data-theme="dark"] .figma-size-panel .bs-field input{background:#d9d9d9;color:#303030;border-color:#8e8e8e;}
[data-theme="dark"] #resultsSection,[data-theme="dark"] .rbar,[data-theme="dark"] .twrap{background:#3b3b39;}
@media (max-width: 980px){.figma-sidebar{position:static;}
.figma-size-panel .bs-row{grid-template-columns:1fr 1fr;}
.figma-size-panel .bs-panel-actions{grid-column:1/-1;}
.figma-size-panel .bs-field{display:grid;grid-template-columns:1fr;gap:.35rem;}}
.results-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:.65rem;flex-wrap:wrap;padding:.5rem 0 .65rem;}
.results-toolbar .rcount{width:auto;text-align:left;margin:0;}
.results-toolbar .sort-row{width:auto;justify-content:flex-start;margin:0;gap:.35rem;}
.results-toolbar .sbtn{padding:.34rem .72rem;font-size:clamp(.7rem,.76vw,.8rem);}
#catsBar{justify-content:flex-start;align-items:center;gap:.6rem;}
#inlineSearchBar{order:-1;margin:0;padding:0;flex:0 0 auto;}
#inlineSearchBar .inline-search-wrap{display:flex;align-items:stretch;width:clamp(17rem,22vw,23rem);border:.09rem solid var(--orange);overflow:hidden;background:var(--sf);}
#inlineSearchBar input{flex:1 1 auto;width:auto;min-width:0;height:100%;margin:0;border:0;border-radius:0;padding:0 .85rem;line-height:1;background:var(--sf);color:var(--tx);outline:none;}
#inlineSearchBar button{flex:0 0 5.6rem;width:5.6rem;height:100%;margin:0;border:0;border-radius:0;padding:0 .75rem;background:var(--orange);color:#fff;}
#inlineSearchBar button:hover{background:#c96e05;}
.cats-inner{gap:.28rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
.cats-inner::-webkit-scrollbar{display:none;}
.cpill{padding:.36rem .72rem;font-size:clamp(.68rem,.72vw,.78rem);white-space:nowrap;flex:0 0 auto;}
.figma-size-panel{z-index:var(--z-nav);}
.figma-size-panel .bs-unit{position:absolute;pointer-events:none;}
.figma-home-stage.size-open .figma-sidebar{transform:none;margin-top:0;align-self:start;}
.figma-home-stage:not(.size-open) .figma-hero-banner{margin-top:0;}
@media (max-width:70rem){.figma-size-panel .bs-row{gap:.45rem;}
.figma-size-panel .sd-label{font-size:.7rem;}
.figma-size-panel .bs-input-wrap{width:4rem;flex-basis:4rem;}}
.figma-size-panel{left:auto;right:auto;top:auto;}
.figma-home-stage.size-open .figma-hero-banner{margin-top:0;transform:none;aspect-ratio:3.18/1;}
.figma-home-stage.size-open .figma-sidebar,.figma-home-stage:not(.size-open) .figma-sidebar{margin-top:0;transform:none;align-self:start;}
.figma-home-stage.size-open .home-layout{align-items:start;}
@media (min-width:900px){body.home-page-mode .figma-sidebar{height:auto;min-height:0;max-height:none;align-self:start;overflow:hidden;display:flex;flex-direction:column;position:relative;top:auto;}
body.home-page-mode .figma-sidebar .side-cat{flex:0 0 clamp(2.1rem,3.9vh,2.45rem);min-height:clamp(2.1rem,3.9vh,2.45rem);height:clamp(2.1rem,3.9vh,2.45rem);}
body.home-page-mode .figma-sidebar .side-cat-rollers{flex:0 0 clamp(3.0rem,5.6vh,3.45rem);min-height:clamp(3.0rem,5.6vh,3.45rem);height:clamp(3.0rem,5.6vh,3.45rem);margin:.22rem 0;}
body.home-page-mode .figma-sidebar .side-icon,body.home-page-mode .figma-sidebar .roller-illustration{height:100%;}
body.home-page-mode .figma-sidebar .side-icon img{width:100%;height:76%;max-height:2.15rem;object-fit:contain;}
body.home-page-mode .figma-sidebar .roller-illustration img{width:100%;height:82%;object-fit:contain;}}
.figma-search-row{grid-template-columns:minmax(0,66%) minmax(10.5rem,17%) minmax(0,1fr);}
.figma-search-row .bearing-size-btn{white-space:nowrap;line-height:1;padding:0 .65rem;font-size:clamp(.69rem,.78vw,.82rem);}
.figma-size-panel{display:none;position:static;width:100%;max-width:none;margin:.28rem 0 0;padding:.52rem .72rem;background:var(--sf);border:1px solid #8b8b8b;border-radius:.58rem;box-shadow:none;backdrop-filter:none;min-height:3.35rem;}
.figma-size-panel.open{display:block;}
.figma-size-panel .bs-title,.figma-size-panel .bs-hint,.figma-size-panel .bs-clear-btn{display:none;}
.figma-size-panel .bs-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:clamp(.55rem,1vw,1rem);width:100%;min-height:2.35rem;}
.figma-size-panel .bs-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.42rem;flex:1 1 0;min-width:0;margin:0;}
.figma-size-panel .sd-label{display:block;flex:0 0 auto;margin:0;padding:0;white-space:nowrap;font-size:clamp(.69rem,.82vw,.88rem);font-weight:400;color:#616161;line-height:1;}
.figma-size-panel .bs-input-wrap{position:relative;display:block;flex:0 0 clamp(4rem,4.7vw,4.75rem);width:clamp(4rem,4.7vw,4.75rem);height:2.25rem;min-width:0;margin:0;}
.figma-size-panel .bs-input-wrap input{width:100%;height:100%;min-height:0;margin:0;border:1px solid #888;border-radius:.5rem;padding:0 1.55rem 0 .55rem;text-align:left;font-size:.82rem;background:var(--sf);color:var(--tx);outline:none;}
.figma-size-panel .bs-unit{right:.4rem;top:50%;transform:translateY(-50%);font-size:.62rem;color:#777;}
.figma-size-panel .bs-panel-actions{display:flex;flex:0 0 auto;align-items:center;margin:0;min-height:0;}
.figma-size-panel .bs-search-btn{height:2.3rem;min-height:2.3rem;padding:0 1.05rem;border-radius:.5rem;font-size:.8rem;font-weight:700;white-space:nowrap;}
.figma-home-stage.size-open .figma-sidebar,.figma-home-stage:not(.size-open) .figma-sidebar{margin-top:0;transform:none;align-self:start;}
.figma-home-stage.size-open .figma-hero-banner,.figma-home-stage:not(.size-open) .figma-hero-banner{margin-top:0;transform:none;aspect-ratio:2.55 / 1;}
[data-theme="dark"] .figma-size-panel{background:#242424;border-color:#666;}
[data-theme="dark"] .figma-size-panel .sd-label{color:#ddd;}
[data-theme="dark"] .figma-size-panel .bs-input-wrap input{background:#363636;color:#fff;border-color:#777;}
[data-theme="dark"] .figma-size-panel .bs-unit{color:#bbb;}
@media (max-width:74rem){.figma-size-panel .bs-row{gap:.45rem;}
.figma-size-panel .sd-label{font-size:.66rem;}
.figma-size-panel .bs-input-wrap{flex-basis:3.8rem;width:3.8rem;}}
@media (max-width:58rem){.figma-size-panel .bs-row{flex-wrap:wrap;justify-content:flex-start;}
.figma-size-panel .bs-field{flex:1 1 45%;}
.figma-size-panel .bs-panel-actions{flex:0 0 auto;}}
html:not([data-theme="dark"]) body:not(.home-page-mode) #resultsSection,html:not([data-theme="dark"]) body:not(.home-page-mode) #resultsSection .rbar,html:not([data-theme="dark"]) body:not(.home-page-mode) #resultsSection .twrap,html:not([data-theme="dark"]) body:not(.home-page-mode) #resultsSection #emptyState{background:#fff;}
html:not([data-theme="dark"]) #resultsSection .ptable tbody tr{background:#fff;}
html:not([data-theme="dark"]) #resultsSection .ptable tbody tr:hover{background:#fafaf7;}
html:not([data-theme="dark"]) #resultsSection .ptable thead tr,html:not([data-theme="dark"]) #resultsSection .ptable th{background:#f1f0ec;}
html:not([data-theme="dark"]) #resultsSection .ptable td,html:not([data-theme="dark"]) #resultsSection .ptable th{border-color:#dedbd5;color:var(--tx);}
[data-theme="dark"] body:not(.home-page-mode) #resultsSection,[data-theme="dark"] body:not(.home-page-mode) #resultsSection .rbar,[data-theme="dark"] body:not(.home-page-mode) #resultsSection .twrap,[data-theme="dark"] body:not(.home-page-mode) #resultsSection #emptyState{background:#000;}
[data-theme="dark"] #resultsSection .ptable tbody tr{background:#171717;}
[data-theme="dark"] #resultsSection .ptable tbody tr:hover{background:#202020;}
[data-theme="dark"] #resultsSection .ptable thead tr,[data-theme="dark"] #resultsSection .ptable th{background:#181818;}
[data-theme="dark"] #resultsSection .ptable td,[data-theme="dark"] #resultsSection .ptable th{border-color:#2b2b2b;}
@media (min-width: 1000px){body.home-page-mode .home-layout{grid-template-columns:clamp(16rem, 31%, 21.5rem) minmax(0,1fr);gap:1.45%;}
@media (min-width:900px){body.home-page-mode .figma-sidebar{padding:0 .3% 0 0;}
body.home-page-mode .figma-sidebar .side-cat{min-height:clamp(2.85rem,4.1vw,3.45rem);grid-template-columns:clamp(2.0rem,3vw,2.45rem) minmax(0,1fr) .85rem;font-size:clamp(.77rem,.9vw,.94rem);padding:.32rem .78rem;}
body.home-page-mode .figma-sidebar .side-icon,body.home-page-mode .figma-sidebar .side-icon img{background:transparent;box-shadow:none;}
body.home-page-mode .figma-sidebar .side-icon img{max-height:clamp(1.15rem,1.85vw,1.55rem);object-fit:contain;}
body.home-page-mode .figma-sidebar .side-cat-rollers{min-height:clamp(3.55rem,4.9vw,4.2rem);}}}
#inlineSearchBar .inline-search-wrap{height:2.35rem;min-width:clamp(17rem,22vw,23rem);border-radius:.65rem;}
#inlineSearchBar input{font-size:clamp(.76rem,.84vw,.9rem);}
#inlineSearchBar button{font-size:clamp(.73rem,.82vw,.87rem);font-weight:700;}
body:not(.home-page-mode) #inlineSearchBar{flex:0 0 auto;width:auto;min-width:0;max-width:none;}
body:not(.home-page-mode) #inlineSearchBar .inline-search-wrap{width:clamp(17rem,22vw,23rem);min-width:clamp(17rem,22vw,23rem);max-width:23rem;height:2.35rem;border:.09rem solid var(--orange);border-radius:.65rem;overflow:hidden;gap:0;}
body:not(.home-page-mode) #inlineSearchBar input{flex:1 1 auto;width:auto;min-width:0;height:100%;padding:0 .85rem;border:0;border-radius:0;font-size:clamp(.76rem,.84vw,.9rem);}
body:not(.home-page-mode) #inlineSearchBar button{flex:0 0 5.6rem;width:5.6rem;min-width:5.6rem;height:100%;padding:0 .75rem;border:0;border-radius:0;font-size:clamp(.73rem,.82vw,.87rem);font-weight:700;}
@media (min-width:62.5rem){body.home-page-mode .home-layout{grid-template-columns:minmax(17rem,31.5%) minmax(0,1fr);gap:1.45%;}
@media (min-width:900px){body.home-page-mode .figma-sidebar{width:100%;height:auto;min-height:0;max-height:none;padding:0 .5rem;overflow:hidden;align-self:start;}
body.home-page-mode .figma-sidebar .side-cat{
    flex:0 0 clamp(2.55rem,3.05vw,3.05rem);
    height:clamp(2.55rem,3.05vw,3.05rem);
    min-height:clamp(2.55rem,3.05vw,3.05rem);
    max-height:clamp(2.55rem,3.05vw,3.05rem);
    grid-template-columns:clamp(2rem,2.35vw,2.4rem) minmax(0,1fr) .8rem;
    column-gap:.55rem;
    padding:.25rem .7rem;
    font-size:clamp(.82rem,.92vw,.98rem);
    line-height:1.08;
  }
body.home-page-mode .figma-sidebar .side-icon{width:clamp(1.9rem,2.2vw,2.25rem);height:clamp(1.9rem,2.2vw,2.25rem);display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;}
body.home-page-mode .figma-sidebar .side-icon img{width:100%;height:100%;max-width:1.95rem;max-height:1.65rem;object-fit:contain;background:transparent;box-shadow:none;}
body.home-page-mode .figma-sidebar .side-cat-rollers{
    flex:0 0 clamp(3.5rem,4.1vw,4.15rem);
    height:clamp(3.5rem,4.1vw,4.15rem);
    min-height:clamp(3.5rem,4.1vw,4.15rem);
    max-height:clamp(3.5rem,4.1vw,4.15rem);
    margin:.38rem 0 .52rem;
    grid-template-columns:clamp(3rem,3.35vw,3.45rem) minmax(0,1fr) .8rem;
    padding:.36rem .7rem;
  }
body.home-page-mode .figma-sidebar .roller-illustration{width:clamp(2.8rem,3.15vw,3.25rem);height:clamp(2.8rem,3.15vw,3.25rem);display:flex;align-items:center;justify-content:center;}
body.home-page-mode .figma-sidebar .roller-illustration img{width:100%;height:100%;max-width:3rem;max-height:2.25rem;object-fit:contain;}}}
html[data-theme="dark"] .td-pr,html[data-theme="dark"] .td-pr small,html[data-theme="dark"] .cr-price,html[data-theme="dark"] .cr-price small,[data-theme="dark"] .td-pr,[data-theme="dark"] .td-pr small,[data-theme="dark"] .cr-price,[data-theme="dark"] .cr-price small{color:#fff;}
#orderForm .or-div,#orderForm .msg-row{display:none;}
.cart-messenger-modal{position:fixed;inset:0;z-index:var(--z-toast);display:none;align-items:center;justify-content:center;padding:1.2rem;background:rgba(0,0,0,.46);backdrop-filter:blur(2px);}
.cart-messenger-modal.show{display:flex;}
.cart-messenger-card{width:min(92vw,28rem);position:relative;border-radius:1.05rem;padding:1.35rem;background:#fff;color:#161616;border:1px solid #ded8cf;box-shadow:0 1.3rem 3.5rem rgba(0,0,0,.25);}
.cart-messenger-close{position:absolute;right:.7rem;top:.55rem;width:2rem;height:2rem;border:0;background:transparent;color:#777;font-size:1.6rem;cursor:pointer;}
.cart-messenger-title{font-size:1.18rem;font-weight:800;text-align:center;margin:.1rem 2rem .2rem;}
.cart-messenger-sub{text-align:center;color:#777;font-size:.85rem;margin-bottom:1rem;}
.cart-messenger-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;}
.cart-msg-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:5.2rem;border:1px solid #ded8cf;border-radius:.8rem;background:#fafafa;color:#171717;text-decoration:none;font-weight:700;transition:.15s;}
.cart-msg-btn:hover{transform:translateY(-1px);border-color:#e8810a;background:#fff7ed;}
.cart-msg-dot{width:2rem;height:2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.82rem;font-weight:900;}
.cart-msg-viber .cart-msg-dot{background:#7360f2;}
.cart-msg-telegram .cart-msg-dot{background:#229ed9;}
.cart-msg-whatsapp .cart-msg-dot{background:#25d366;}
.cart-messenger-note{font-size:.74rem;color:#777;line-height:1.45;margin-top:.9rem;text-align:center;}
.cart-copy-toast{position:fixed;right:1.2rem;top:7.2rem;z-index:var(--z-toast-top);padding:.62rem .9rem;border-radius:.65rem;background:#fff;color:#222;border:1px solid #ddd8cf;box-shadow:0 .6rem 1.5rem rgba(0,0,0,.14);font-size:.82rem;font-weight:700;opacity:0;transform:translateY(-.35rem);pointer-events:none;transition:.18s ease;}
.cart-copy-toast.show{opacity:1;transform:translateY(0);}
[data-theme="dark"] .cart-messenger-card{background:#2a2a29;color:#f2efe8;border-color:#4a4a47;}
[data-theme="dark"] .cart-messenger-close,[data-theme="dark"] .cart-messenger-sub,[data-theme="dark"] .cart-messenger-note{color:#bdb8ae;}
[data-theme="dark"] .cart-msg-btn{background:#343432;color:#f4f0e9;border-color:#50504c;}
[data-theme="dark"] .cart-msg-btn:hover{background:#40382f;border-color:#e8810a;}
[data-theme="dark"] .cart-copy-toast{background:#262626;color:#fff;border-color:#555;}
@media (max-width:34rem){.cart-messenger-actions{grid-template-columns:1fr;}
.cart-msg-btn{min-height:3.7rem;flex-direction:row;}}
@media (min-width:56.25rem){html{width:100%;min-height:100%;background:var(--sf);}
body.home-page-mode{
    width:100%;
    min-height:100vh;
    height:auto;
    max-height:none;
    overflow-x:hidden;
    overflow-y:auto;
    display:flex;
    flex-direction:column;
  }
body.home-page-mode .figma-header{
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    padding:.55% 1.45% .45%;
    display:block;
  }
body.home-page-mode .figma-hdr{
    width:100%;
    max-width:none;
    height:auto;
    min-height:0;
    margin:0;
    display:grid;
    grid-template-columns:31% 29% 40%;
    align-items:center;
    gap:0;
  }
body.home-page-mode .figma-logo{
    width:58%;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:flex-start;
  }
body.home-page-mode .figma-logo img{
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:left center;
  }
body.home-page-mode .header-meta{
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    padding-right:5%;
  }
body.home-page-mode .figma-actions{
    width:100%;
    height:auto;
    display:grid;
    grid-template-columns:30% 40% 22%;
    gap:4%;
    align-items:center;
  }
body.home-page-mode .figma-action-btn{
    width:100%;
    min-height:0;
    height:auto;
    aspect-ratio:5.5/1;
    padding:0 3%;
  }
body.home-page-mode .figma-mini-controls{
    width:100%;
    height:auto;
    display:grid;
    grid-template-rows:1fr 1fr;
    gap:6%;
  }
body.home-page-mode .figma-mini-btn{
    width:100%;
    min-height:0;
    height:auto;
    aspect-ratio:auto;
  }
body.home-page-mode .figma-home-stage.hero{
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    padding:.15% 1.45% .45%;
    overflow:visible;
  }
body.home-page-mode .home-layout{
    width:100%;
    max-width:none;
    height:auto;
    min-height:0;
    max-height:none;
    margin:0;
    display:grid;
    grid-template-columns:31% 67.5%;
    gap:1.5%;
    align-items:start;
  }
@media (min-width:900px){body.home-page-mode .figma-sidebar{
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:.91/1;
    margin:0;
    padding:0 .45%;
    position:relative;
    top:auto;
    overflow:hidden;
    display:grid;
    grid-template-rows:repeat(8,10.7%) 14.4%;
    align-content:stretch;
    align-self:start;
  }
body.home-page-mode .figma-sidebar .side-cat,body.home-page-mode .figma-sidebar .side-cat-rollers{
    width:100%;
    height:100%;
    min-height:0;
    max-height:none;
    margin:0;
    padding:0 5%;
    align-self:stretch;
    font-size:1.05vw;
    line-height:1.1;
  }
body.home-page-mode .figma-sidebar .side-cat{grid-template-columns:12% 82% 6%;}
body.home-page-mode .figma-sidebar .side-cat-rollers{grid-template-columns:19% 75% 6%;}
body.home-page-mode .figma-sidebar .side-icon,body.home-page-mode .figma-sidebar .roller-illustration{
    width:100%;height:72%;display:flex;align-items:center;justify-content:center;
  }
body.home-page-mode .figma-sidebar .side-icon img,body.home-page-mode .figma-sidebar .roller-illustration img{
    width:80%;height:80%;max-width:none;max-height:none;object-fit:contain;
  }}
body.home-page-mode .home-main{
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:.7vw;
    position:relative;
  }
body.home-page-mode .figma-search-row{
    order:1;
    width:100%;
    height:auto;
    min-height:0;
    margin:0;
    display:grid;
    grid-template-columns:66% 22% 10%;
    gap:2%;
    align-items:stretch;
  }
body.home-page-mode .figma-search-row .hsearch,body.home-page-mode .figma-search-row .bearing-size-btn{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:16/1;
  }
body.home-page-mode .bearing-size-panel.figma-size-panel{
    order:2;
    position:static;
    width:100%;
    max-width:none;
    height:0;
    min-height:0;
    margin:0;
    padding:0;
    border-width:0;
    overflow:hidden;
    opacity:0;
  }
body.home-page-mode .bearing-size-panel.figma-size-panel.open{
    display:block;
    height:auto;
    min-height:0;
    margin:0;
    padding:.65% 1%;
    border:1px solid #8b8b8b;
    overflow:visible;
    opacity:1;
  }
body.home-page-mode .figma-size-panel .bs-title,body.home-page-mode .figma-size-panel .bs-hint{display:none;}
body.home-page-mode .figma-size-panel .bs-row{
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
    gap:1%;
  }
body.home-page-mode .figma-size-panel .bs-field{
    min-width:0;
    flex:1 1 0;
    display:flex;
    align-items:center;
    gap:3%;
  }
body.home-page-mode .figma-size-panel .bs-input-wrap{
    width:34%;
    flex:0 0 34%;
    height:auto;
    min-width:0;
    aspect-ratio:2.25/1;
  }
body.home-page-mode .figma-size-panel .bs-input-wrap input{height:100%;}
body.home-page-mode .figma-size-panel .bs-panel-actions{display:flex;align-items:center;height:auto;}
body.home-page-mode .figma-size-panel .bs-search-btn{height:auto;min-height:0;padding:.72em 1.25em;}
body.home-page-mode .figma-size-panel .bs-clear-btn{display:none;}
body.home-page-mode .figma-hero-banner,body.home-page-mode .figma-home-stage.size-open .figma-hero-banner,body.home-page-mode .figma-home-stage:not(.size-open) .figma-hero-banner{
    order:3;
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    margin:0;
    transform:none;
    aspect-ratio:1092/405;
    background-image:url("hero-banner-v41.png");
    background-size:100% 100%;
    background-position:center center;
    background-repeat:no-repeat;
    overflow:hidden;
  }
body.home-page-mode .figma-banner-copy{display:none;}
body.home-page-mode .figma-footer{
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    margin:0;
    padding:.65% 1.45%;
    overflow:hidden;
  }
body.home-page-mode .figma-footer-inner{width:100%;max-width:none;height:auto;}
body.home-page-mode .figma-footer-grid{
    width:100%;
    height:auto;
    grid-template-columns:18% 31% 31% 20%;
    align-items:center;
  }
body.home-page-mode .figma-footer-brand img{width:86%;height:auto;object-fit:contain;}}
@media (min-width:900px){body:not(.home-page-mode) #catsBar{
    display:flex;
    align-items:center;
    gap:.55rem;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding:.52rem 2%;
    background:var(--sf);
    border-top:1px solid var(--br);
    border-bottom:1px solid var(--br);
  }
body:not(.home-page-mode) #inlineSearchBar{order:-1;flex:0 0 auto;width:auto;}
body:not(.home-page-mode) #inlineSearchBar .inline-search-wrap{
    width:clamp(20rem,26vw,27rem);
    min-width:clamp(20rem,26vw,27rem);
    max-width:27rem;
    height:2.65rem;
    border-radius:.68rem;
  }
body:not(.home-page-mode) #inlineSearchBar input{font-size:.92rem;padding:0 .9rem;}
body:not(.home-page-mode) #inlineSearchBar button{font-size:.9rem;min-width:6.2rem;font-weight:600;}
body:not(.home-page-mode) .cpill{font-size:.88rem;padding:.58rem .82rem;white-space:nowrap;}
body:not(.home-page-mode) #mainContent{width:96%;max-width:none;margin:0 auto;padding:.8rem 0 1.5rem;}
body:not(.home-page-mode) #resultsSection{min-height:calc(100vh - 20rem);background:var(--sf);border-radius:16px;padding:.9rem 1.1rem 1.3rem;}
body:not(.home-page-mode) .results-toolbar{display:flex;align-items:center;gap:.8rem;flex-wrap:nowrap;padding:.35rem 0 .8rem;overflow-x:auto;}
body:not(.home-page-mode) .back-btn{font-size:.9rem;flex:0 0 auto;}
body:not(.home-page-mode) .rcount{font-size:.96rem;flex:0 0 auto;}
.sort-row{display:flex;align-items:center;gap:.42rem;white-space:nowrap;min-width:0;}
.sort-label{font-size:.9rem;color:var(--mu);font-weight:400;margin-left:.2rem;}
.sort-options{display:flex;align-items:center;gap:.38rem;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding:.04rem .08rem;}
.sort-options .sbtn{
    flex:0 0 auto;
    min-height:2.2rem;
    padding:.45rem .72rem;
    border:1px solid var(--br);
    border-radius:.6rem;
    background:var(--sf);
    color:var(--tx);
    font-size:.86rem;
    font-weight:400;
    cursor:pointer;
  }
.sort-options .sbtn:hover{border-color:rgba(232,129,10,.65);}
.sort-options .sbtn.active{background:#fff7ee;border-color:var(--orange);color:#a85b05;font-weight:400;}
[data-theme="dark"] .sort-options .sbtn{background:#242423;color:#f4f0e8;border-color:#484844;}
[data-theme="dark"] .sort-options .sbtn.active{background:rgba(232,129,10,.14);border-color:var(--orange);color:#ffb45c;}
.ptable th{font-size:.88rem;padding:.78rem .7rem;}
.ptable td{font-size:.94rem;padding:.8rem .7rem;}
.ptable .td-nm,.ptable .td-pr{font-size:.98rem;}
.row-qty button,.row-qty input,.add-btn{font-size:.92rem;}
body:not(.home-page-mode) .figma-header{
    width:100%;
    height:calc(112px * var(--gp-sy, 1));
    min-height:calc(112px * var(--gp-sy, 1));
    max-height:calc(112px * var(--gp-sy, 1));
    padding:calc(6px * var(--gp-sy, 1)) calc(22px * var(--gp-sx, 1));
    background:var(--sf);
    border:0;
    box-shadow:none;
    position:relative;
    top:auto;
  }
body:not(.home-page-mode) .figma-hdr{
    width:100%;max-width:none;height:100%;
    display:grid;grid-template-columns:30% 34% 36%;gap:0;align-items:center;
  }
body:not(.home-page-mode) .figma-logo{width:72%;max-width:15.7rem;height:100%;min-height:0;display:flex;align-items:center;overflow:hidden;}
body:not(.home-page-mode) .figma-logo img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:left center;}
body:not(.home-page-mode) .header-meta{padding:0 3%;align-items:flex-end;text-align:right;}
body:not(.home-page-mode) .figma-phones a{font-size:calc(20px * var(--gp-sy, 1));line-height:1.04;}
body:not(.home-page-mode) .header-meta small{font-size:calc(14px * var(--gp-sy, 1));line-height:1.08;}
body:not(.home-page-mode) .figma-actions{width:100%;display:grid;grid-template-columns:31% 42% 23%;gap:2%;align-items:center;}
body:not(.home-page-mode) .figma-action-btn{
    min-height:calc(46px * var(--gp-sy, 1));height:calc(46px * var(--gp-sy, 1));
    padding:0 calc(22px * var(--gp-sx, 1));font-size:calc(18px * var(--gp-sy, 1));
  }
body:not(.home-page-mode) .figma-b2b .figma-action-icon{width:calc(38px * var(--gp-sy, 1));height:calc(38px * var(--gp-sy, 1));max-height:none;}
body:not(.home-page-mode) .figma-cart .figma-action-icon{width:calc(42px * var(--gp-sy, 1));height:calc(42px * var(--gp-sy, 1));max-height:none;}
body:not(.home-page-mode) .figma-mini-btn{font-size:calc(14px * var(--gp-sy, 1));min-height:calc(22px * var(--gp-sy, 1));height:calc(22px * var(--gp-sy, 1));}
body:not(.home-page-mode) .theme-photo{width:calc(21px * var(--gp-sy, 1));height:calc(21px * var(--gp-sy, 1));max-height:none;}
body:not(.home-page-mode) .figma-footer{
    width:100%;
    min-height:calc(154px * var(--gp-sy, 1));
    height:calc(154px * var(--gp-sy, 1));
    max-height:calc(154px * var(--gp-sy, 1));
    padding:calc(10px * var(--gp-sy, 1)) calc(22px * var(--gp-sx, 1));
    margin-top:calc(28px * var(--gp-sy, 1));
    background:#262527;color:#fff;overflow:hidden;
  }
body:not(.home-page-mode) .figma-footer-inner{width:100%;max-width:none;height:100%;}
body:not(.home-page-mode) .figma-footer-grid{
    display:grid;grid-template-columns:18% 31% 31% 20%;gap:0;height:100%;
    align-items:start;padding-top:calc(18px * var(--gp-sy, 1));
  }
body:not(.home-page-mode) .figma-footer-brand{align-self:center;}
body:not(.home-page-mode) .figma-footer-brand img{width:82%;max-width:none;}
body:not(.home-page-mode) .figma-footer-info,body:not(.home-page-mode) .figma-footer-contact-center,body:not(.home-page-mode) .figma-footer-addresses{align-self:start;}
body:not(.home-page-mode) .figma-footer h4{font-size:calc(18px * var(--gp-sy, 1));margin:0 0 calc(7px * var(--gp-sy, 1));line-height:1.15;}
body:not(.home-page-mode) .figma-footer a,body:not(.home-page-mode) .figma-footer p{font-size:calc(14px * var(--gp-sy, 1));line-height:1.34;}
body:not(.home-page-mode) .figma-footer-phones a{font-size:calc(14px * var(--gp-sy, 1));}
body:not(.home-page-mode) .figma-footer-contact-meta p,body:not(.home-page-mode) .figma-email{font-size:calc(14px * var(--gp-sy, 1));}
body:not(.home-page-mode) .figma-footer-contact-meta .micon{width:calc(30px * var(--gp-sy, 1));height:calc(30px * var(--gp-sy, 1));}
body:not(.home-page-mode) .figma-footer-contact-meta .micon svg{width:84%;height:84%;}
body:not(.home-page-mode) .figma-footer-info{transform:translateX(12%);width:30%;}
body:not(.home-page-mode) .figma-info-links{column-gap:30%;}}
.mobile-catalog-toggle{display:none;}
.row-qty input[type="number"],.qty-ctrl input[type="number"],#pdpQty,.bs-input-wrap input[type="number"]{-moz-appearance:textfield;appearance:textfield;}
.row-qty input[type="number"]::-webkit-outer-spin-button,.row-qty input[type="number"]::-webkit-inner-spin-button,.qty-ctrl input[type="number"]::-webkit-outer-spin-button,.qty-ctrl input[type="number"]::-webkit-inner-spin-button,#pdpQty::-webkit-outer-spin-button,#pdpQty::-webkit-inner-spin-button,.bs-input-wrap input[type="number"]::-webkit-outer-spin-button,.bs-input-wrap input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
@media (min-width:900px){.figma-header{width:100%!important;height:104px!important;min-height:104px!important;max-height:104px!important;padding:0 22px!important;background:#fff;color:#171717;overflow:visible;transform:none!important;zoom:1!important;}
.figma-hdr{width:100%!important;height:100%!important;display:grid!important;grid-template-columns:38% 27% 35%!important;align-items:center!important;margin:0!important;}
.figma-logo{width:300px!important;height:92px!important;display:flex;align-items:center;overflow:hidden;}
.figma-logo img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:left center;}
.header-meta{padding:0 3%;align-items:flex-end;text-align:right;}
.figma-phones a{font-size:20px;line-height:1.04;}
.header-meta small{font-size:14px;line-height:1.08;}
.figma-actions{width:100%!important;display:grid!important;grid-template-columns:31% 42% 23%!important;gap:2%!important;align-items:center!important;}
.figma-action-btn{height:46px!important;min-height:46px!important;max-height:46px!important;padding:0 22px!important;font-size:18px!important;}
.figma-b2b .figma-action-icon{width:38px!important;height:38px!important;max-height:none!important;}
.figma-cart .figma-action-icon{width:42px!important;height:42px!important;max-height:none!important;}
.figma-mini-controls{grid-template-columns:minmax(0,1fr);}
.figma-mini-btn{height:22px!important;min-height:22px!important;max-height:22px!important;font-size:14px!important;}
.figma-header .theme-photo{width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important;object-fit:contain!important;}
.figma-footer{width:100%!important;height:154px!important;min-height:154px!important;max-height:154px!important;padding:10px 22px!important;margin-top:28px;background:#262527;color:#fff;overflow:hidden;transform:none!important;zoom:1!important;}
.figma-footer-inner{width:100%;max-width:none;height:100%;}
.figma-footer-grid{display:grid!important;grid-template-columns:18% 31% 31% 20%!important;gap:0;height:100%;align-items:start!important;padding-top:18px!important;}
.figma-footer-brand{align-self:center;}
.figma-footer-brand img{width:82%;max-width:none;}
.figma-footer-info,.figma-footer-contact-center,.figma-footer-addresses{align-self:start!important;}
.figma-footer h4{font-size:18px;margin:0 0 7px!important;line-height:1.15;}
.figma-footer a,.figma-footer p,.figma-footer-phones a,.figma-footer-contact-meta p,.figma-email{font-size:14px;line-height:1.34;}
.figma-footer-contact-meta .micon{width:30px;height:30px;}
.figma-footer-contact-meta .micon svg{width:84%;height:84%;}
body.home-page-mode .figma-footer-info,body:not(.home-page-mode) .figma-footer-info{transform:translateX(12%);width:50%;}
body.home-page-mode .figma-info-links,body:not(.home-page-mode) .figma-info-links{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;}
body.home-page-mode{width:100%!important;height:auto!important;min-width:0!important;min-height:100vh!important;max-width:none!important;max-height:none!important;transform:none!important;display:flex;flex-direction:column;overflow-x:hidden;}
body.home-page-mode .figma-home-stage{width:100%;height:auto;min-height:0;padding:0 1.05% .55rem;display:block;flex:0 0 auto;}
body.home-page-mode .home-layout{display:grid;grid-template-columns:32% 66.5%;gap:1.5%;align-items:start;width:100%;}
body.home-page-mode .figma-sidebar{position:static;align-self:start;height:auto;min-height:0;}
body.home-page-mode .home-main{display:flex;flex-direction:column;gap:10px!important;position:relative;min-width:0;}
body.home-page-mode .figma-search-row{order:1;margin:0;height:58px!important;min-height:58px!important;max-height:58px!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:12px!important;align-items:stretch!important;}
body.home-page-mode .figma-search-row .hsearch,body.home-page-mode .figma-search-row .bearing-size-btn{height:58px!important;min-height:58px!important;max-height:58px!important;margin:0!important;}
body.home-page-mode .figma-search-row .bearing-size-btn{padding:0 22px!important;font-size:15px!important;font-weight:600!important;}
body.home-page-mode .bearing-size-panel.figma-size-panel{order:2;position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;margin:0!important;display:none;z-index:2;}
body.home-page-mode .bearing-size-panel.figma-size-panel.open{display:block;height:64px!important;min-height:64px!important;max-height:64px!important;padding:9px 14px;border:1px solid rgba(232,129,10,.72);border-radius:12px;background:var(--sf);box-shadow:0 6px 18px rgba(0,0,0,.08);}
body.home-page-mode .figma-size-panel .bs-title,body.home-page-mode .figma-size-panel .bs-hint{display:none;}
body.home-page-mode .figma-size-panel .bs-row{height:44px;gap:18px;align-items:center;justify-content:space-between;flex-wrap:nowrap;}
body.home-page-mode .figma-size-panel .bs-field{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:16px;white-space:nowrap;}
body.home-page-mode .figma-size-panel .bs-input-wrap{width:96px;flex:0 0 96px;height:38px;}
body.home-page-mode .figma-size-panel .bs-search-btn{height:40px;font-size:16px;padding:0 30px;}
body.home-page-mode .figma-size-panel .bs-clear-btn{height:40px;width:42px;}
body.home-page-mode .figma-hero-banner{order:3;width:100%;height:clamp(430px,36vw,610px)!important;min-height:0;max-height:none;aspect-ratio:auto!important;margin:0!important;transform:none!important;background-image:url("user/hero-fast.webp")!important;background-size:cover!important;background-position:right center!important;background-repeat:no-repeat!important;border-radius:10px;overflow:hidden;transition:height .22s ease,background-position .22s ease!important;}
body.home-page-mode .figma-home-stage.size-open .figma-hero-banner{height:clamp(356px,calc(36vw - 74px),536px)!important;background-size:cover!important;background-position:right 48%!important;}
body.home-page-mode .figma-banner-copy{display:flex!important;flex-direction:column!important;width:74%!important;height:100%!important;padding:5.4% 0 4.5% 4.9%!important;position:relative!important;z-index:2!important;color:#fff!important;}
body.home-page-mode .figma-banner-copy .hero-tag,body.home-page-mode .figma-banner-copy .hero-desc{display:none!important;}
body.home-page-mode .figma-banner-copy h1{margin:0 0 clamp(2.2rem,4.1vw,4rem)!important;font-size:clamp(1.9rem,2.5vw,2.85rem)!important;line-height:1.04!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap!important;color:#fff!important;text-transform:uppercase!important;}
body.home-page-mode .figma-banner-copy h1 span{color:#f2760b!important;}
body.home-page-mode .figma-benefits{margin-top:auto!important;margin-bottom:0!important;display:flex!important;flex-direction:column!important;gap:clamp(1rem,2.05vw,2rem)!important;font-size:clamp(.98rem,1.2vw,1.28rem)!important;line-height:1.08!important;color:#e8e8e8!important;}
body.home-page-mode .figma-benefits>div{display:flex!important;align-items:center!important;gap:18px!important;min-height:46px!important;}
body.home-page-mode .benefit-photo{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;object-fit:contain!important;filter:none!important;transform:scale(2.65)!important;transform-origin:center!important;}
body.home-page-mode .benefit-shield-svg{width:36px!important;height:42px!important;min-width:36px!important;display:block!important;overflow:visible!important;fill:none!important;stroke:#f2760b!important;transform:scale(1.3)!important;transform-origin:center!important;stroke-width:.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
body.home-page-mode .benefit-shield{display:none!important;}
body.home-page-mode .figma-home-stage.size-open .figma-banner-copy{padding-top:3.5%!important;padding-bottom:2.7%!important;}
body.home-page-mode .figma-home-stage.size-open .figma-banner-copy h1{margin-bottom:clamp(1.15rem,2vw,2rem)!important;font-size:clamp(1.7rem,2.2vw,2.45rem)!important;}
body.home-page-mode .figma-home-stage.size-open .figma-benefits{gap:clamp(.55rem,1.2vw,1rem)!important;font-size:clamp(.9rem,1.08vw,1.18rem)!important;}
body.home-page-mode .figma-home-stage.size-open .figma-benefits>div{min-height:38px!important;}
body.home-page-mode .figma-home-stage.size-open .benefit-photo{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;}
body.home-page-mode .figma-home-stage.size-open .benefit-shield-svg{width:32px!important;height:36px!important;min-width:32px!important;}
body.home-page-mode .figma-footer{margin-top:auto;}
body.home-page-mode .home-layout{
    grid-template-columns:33.5% 65%;
    gap:1.5%;
  }
body.home-page-mode .figma-sidebar{
    margin-top:14px;
    padding-left:0;
    padding-right:0;
  }}
.mobile-menu-toggle,.mobile-filter,.mobile-cart-icon{display:none;}
.mobile-catalog-shell{display:contents;}
.figma-logo{color:inherit;}
:focus-visible{outline:3px solid #ed7900;outline-offset:3px;}
.hsearch input:focus-visible,.bs-input-wrap input:focus-visible{outline-offset:-3px;}
.ac-dropdown .ac-item{display:block;width:100%;min-height:44px;height:auto;padding:11px 14px;text-align:left;white-space:normal;overflow-wrap:anywhere;border:0;border-bottom:1px solid #eee;border-radius:0;background:#fff;color:#c96600;font:inherit;font-size:14px;line-height:1.4;font-weight:500;}
.ac-dropdown .ac-item:hover,.ac-dropdown .ac-item.selected{background:#fff6e9;color:#a84e00;}
[data-theme="dark"] .ac-dropdown .ac-item{background:#1c1c1c;color:#f6a343;border-bottom-color:#3d3d3d;}
[data-theme="dark"] .ac-dropdown .ac-item:hover,[data-theme="dark"] .ac-dropdown .ac-item.selected{background:#352719;color:#ffbb69;}
/* Compact mobile layout. Desktop design is defined separately. */
@media (max-width:899px){
  html,body{width:100%;min-width:0;overflow-x:clip;}
  body{display:flex;flex-direction:column;min-height:100vh;}
  body .figma-header{position:relative;height:auto;min-height:0;max-height:none;padding:10px 16px;border:0;border-bottom:1px solid var(--br);box-shadow:none;background:var(--sf);}
  body .figma-hdr{width:100%;max-width:none;height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 42px 42px 42px;grid-template-rows:auto;grid-template-areas:none;gap:8px;align-items:center;}
  body .mobile-menu-toggle{display:none;grid-column:1;grid-row:1;width:44px;height:44px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--tx);cursor:pointer;}
  .mobile-menu-toggle svg{width:26px;height:26px;}
  body .figma-logo{grid-area:auto;grid-column:1;grid-row:1;justify-self:start;width:min(175px,100%);max-width:none;height:64px;min-height:0;margin:0;}
  body .figma-logo img{width:100%;max-width:100%;height:100%;max-height:64px;object-fit:contain;}
  body .figma-actions{display:contents;}
  body .figma-cart{grid-column:3;grid-row:1;width:44px;height:44px;min-height:44px;padding:6px;border:0;background:transparent;}
  body .figma-cart .figma-action-icon{display:none;}
  body .figma-cart .mobile-cart-icon{display:block;width:24px;height:24px;flex:none;}
  body .figma-cart .cart-count{position:absolute;top:-3px;right:-2px;width:18px;height:18px;min-width:18px;flex:none;margin:0;line-height:18px;font-size:10px;}
  body .figma-cart #cartLabel,body .figma-cart .cart-inline-count{display:none;}
  body .header-meta{display:none;}
  body .figma-mini-controls{display:contents;}
  body .figma-mini-controls #themeToggle{grid-column:4;grid-row:1;width:42px;height:42px;min-height:42px;padding:4px;gap:2px;border:0;background:transparent;}
  body .figma-b2b{display:flex;grid-column:2;grid-row:1;width:42px;height:42px;min-height:42px;padding:4px;justify-content:center;gap:0;border:0;background:transparent;color:var(--tx);font-size:12px;}
  body .figma-b2b .figma-action-icon,body .figma-b2b b{display:none;}
  body .figma-footer #langWrap{margin-top:8px;width:100%;}
  body .figma-footer #langToggleBtn{width:100%;min-height:30px;height:30px;font-size:10px;padding:0 3px;color:#fff;background:transparent;border-color:#777;}
  body .figma-footer .figma-lang-menu{top:auto;bottom:100%;min-width:90px;left:0;}
  body .header-meta .hdr-phone-block{display:flex;flex-wrap:wrap;gap:8px 20px;text-align:left;}
  body .header-meta .figma-phones a{font-size:15px;line-height:1.4;}
  body .header-meta small{font-size:12px;line-height:1.5;}
  body .figma-mini-btn{height:44px;min-height:44px;width:100%;padding:8px 12px;font-size:14px;}
  body .theme-photo{width:20px;height:20px;max-height:20px;}
  body .figma-b2b .figma-action-icon{width:24px;height:24px;}
  body .figma-lang-menu{min-width:100%;width:100%;}
  body .figma-lang-menu button{min-height:44px;}

  body.home-page-mode .figma-home-stage.hero{width:100%;min-height:0;height:auto;padding:12px 16px 20px;display:block;overflow:visible;}
  body.home-page-mode .home-layout{display:flex;flex-direction:column;gap:10px;width:100%;height:auto;overflow:visible;margin:0;}
  body.home-page-mode .home-main{display:contents;}
  body .figma-search-row{display:contents;}
  body .figma-search-row .hsearch{order:1;}
  body .figma-search-row .bearing-size-btn{order:2;}
  body .mobile-catalog-shell{display:block;position:relative;order:7;width:100%;z-index:21;}
  body .figma-search-row .hsearch{height:46px;min-height:46px;width:100%;margin:0;border-radius:8px;}
  body .figma-search-row .hsearch input{font-size:16px;padding:0 12px;}
  body .figma-search-row .hsearch>button{width:94px;min-width:94px;padding:0 12px;font-size:14px;gap:6px;}
  body .figma-search-row .bearing-size-btn{grid-column:auto;height:44px;min-height:44px;font-size:14px;padding:0 14px;justify-content:space-between;}
  body .mobile-catalog-toggle{display:none;}
  body.home-page-mode .figma-sidebar{display:flex;flex-direction:column;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;margin:0;padding:0;border-radius:8px;position:static;background:var(--sf);box-shadow:none;overflow:visible;}
  body.home-page-mode .figma-sidebar.mobile-open{display:flex;flex-direction:column;}
  body.home-page-mode .figma-sidebar .side-cat{display:grid;grid-template-columns:32px minmax(0,1fr) 16px;gap:12px;flex:none;min-height:50px;height:auto;padding:10px 14px;font-size:15px;line-height:1.25;}
  body.home-page-mode .figma-sidebar .side-cat-rollers{min-height:60px;margin:0;}
  body.home-page-mode .figma-sidebar .side-icon,body.home-page-mode .figma-sidebar .roller-illustration{width:32px;height:32px;}
  body.home-page-mode .figma-sidebar .side-icon img,body.home-page-mode .figma-sidebar .roller-illustration img{width:100%;height:100%;max-height:32px;object-fit:contain;}
  body .bearing-size-panel.figma-size-panel{order:3;position:static;left:auto;right:auto;top:auto;display:none;width:100%;min-height:0;height:auto;margin:0;padding:12px;border:1px solid var(--br);border-radius:8px;box-shadow:none;background:var(--sf);color:var(--tx);}
  body .bearing-size-panel.figma-size-panel.open{display:block;}
  body .figma-size-panel .bs-title,body .figma-size-panel .bs-hint{display:none;}
  body .figma-size-panel .bs-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:auto;}
  body .figma-size-panel .bs-field{display:flex;flex-direction:column;align-items:stretch;gap:6px;font-size:13px;min-width:0;}
  body .figma-size-panel .bs-input-wrap{width:100%;height:44px;flex:auto;}
  body .figma-size-panel .bs-input-wrap input{font-size:16px;}
  body .figma-size-panel .bs-panel-actions{grid-column:1/-1;position:relative;display:flex;justify-content:center;gap:8px;}
  body .figma-size-panel .bs-search-btn{height:44px;flex:none;width:50%;grid-column:1/-1;justify-self:center;margin:0 auto;font-size:14px;display:flex;justify-content:center;align-items:center;}
  body .figma-size-panel .bs-clear-btn{position:absolute;right:0;display:block;flex:none;width:44px;height:44px;color:var(--mu);background:transparent;}
  body .figma-hero-banner{order:6;width:100%;height:180px;min-height:180px;aspect-ratio:auto;margin:4px 0 0;border-radius:8px;background-image:url('user/hero-fast.webp');background-size:cover;background-position:right center;overflow:hidden;}
  body .figma-hero-banner .figma-banner-copy{display:flex;width:72%;height:100%;padding:22px 0 20px 18px;justify-content:center;}
  body .figma-banner-copy h1{font-size:clamp(17px,4.2vw,27px);line-height:1.15;white-space:normal;text-align:left;margin:0;color:#fff;letter-spacing:0;}
  body .figma-banner-copy h1 span{color:#f2760b;}
  body .figma-benefits,body .figma-banner-copy .hero-tag,body .figma-banner-copy .hero-desc{display:none;}

  body #catsBar{padding:12px 16px;border:0;overflow:visible;flex-wrap:wrap;}
  body #catsList{display:none;}
  body:not(.home-page-mode) #inlineSearchBar{order:-1;width:100%;flex:1 1 100%;padding:0;}
  body:not(.home-page-mode) #inlineSearchBar .inline-search-wrap{width:100%;min-width:0;max-width:none;height:46px;}
  body:not(.home-page-mode) #inlineSearchBar input{width:100%;min-width:0;font-size:16px;}
  body:not(.home-page-mode) #inlineSearchBar button{width:94px;min-width:94px;font-size:14px;}
  body #mainContent{width:100%;max-width:none;padding:0 16px 24px;}
  body #resultsSection{padding:0;min-height:0;background:var(--sf);}
  body .results-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 0 12px;overflow:visible;}
  body .results-toolbar .rcount{font-size:13px;min-width:0;}
  body .results-toolbar .sort-row{width:100%;flex:0 0 100%;display:flex;flex-wrap:nowrap;gap:6px;overflow:visible;}
  body .sort-label,body .sort-options{display:none;}
  body #mobileCategoryFilter{order:1;}body #mobileSort{order:2;}body #b2bBrand{order:3;}
  body .mobile-filter,body .brand-filter{display:block;flex:1 1 0;width:0;max-width:none;min-width:0;height:34px;padding:0 16px 0 6px;min-width:0;border:1px solid var(--br);border-radius:8px;background-color:var(--sf);color:var(--tx);font-size:11px;text-overflow:ellipsis;}
  body .twrap{overflow:visible;border:0;border-radius:0;box-shadow:none;}
  body .ptable,body .ptable tbody{display:block;width:100%;min-width:0;}
  body .ptable thead{display:none;}
  body .ptable tr{display:grid;grid-template-columns:minmax(0,1fr) 112px;column-gap:12px;row-gap:4px;padding:12px 0;margin:0;border:0;border-bottom:1px solid var(--br);border-radius:0;box-shadow:none;background:var(--sf);}
  body .ptable td{display:block;width:auto;min-width:0;padding:0;border:0;text-align:left;white-space:normal;font-size:13px;line-height:1.4;}
  body .ptable td::before{display:none;}
  body .ptable .td-art{grid-column:1;grid-row:1;font-size:14px;font-weight:700;overflow-wrap:anywhere;}
  body .ptable .td-nm{grid-column:1;grid-row:2/4;font-size:12px;font-weight:400;overflow-wrap:anywhere;}
  body .ptable .td-br,body .ptable .td-cat{display:none;}
  body .ptable .td-pr{grid-column:2;grid-row:1;text-align:right;font-size:14px;}
  body .ptable .td-pr small{font-size:10px;}
  body .ptable td.td-stock{grid-column:2;grid-row:2;text-align:right;}
  body .ptable .unavailable td.td-stock{display:none;}
  body .ptable td:nth-child(7){grid-column:2;grid-row:3;}
  body .qbadge{font-size:10px;white-space:normal;}
  body .td-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:6px;}
  body .td-actions .row-share{display:none;}
  body .td-actions .row-qty{display:flex;width:112px;height:32px;border:1px solid var(--orange);border-radius:6px;overflow:hidden;}
  body .td-actions .row-qty button{width:34px;height:30px;min-height:0;padding:0;flex:none;font-size:17px;}
  body .td-actions .row-qty input{flex:1;min-width:0;width:40px;height:30px;font-size:14px;}
  body .ptable .td-nm{grid-row:2/5;}
  body .td-actions .add-btn{min-height:38px;width:112px;justify-content:center;font-size:12px;padding:6px;}
  body .td-actions .share-btn{display:none;}
  body .figma-footer{width:100%;height:auto;min-height:0;max-height:none;margin-top:auto;padding:18px 12px;overflow:visible;}
  body.home-page-mode #mainContent{display:none;}
  body.home-page-mode .figma-footer{margin-top:0;flex:1;}
  body .figma-footer-inner{width:100%;max-width:none;height:auto;}
  body .figma-footer-grid{display:grid;grid-template-columns:.75fr .9fr 1.18fr 1fr;gap:8px;height:auto;align-items:start;padding:0;}
  body .figma-footer-brand{grid-column:auto;}
  body .figma-footer-brand img{width:100%;max-width:100%;height:auto;}
  body .figma-footer-info{width:100%;transform:none;align-items:flex-start;}
  body .figma-footer h4{font-size:11px;line-height:1.4;margin-bottom:6px;text-align:left;}
  body .figma-footer a,body .figma-footer p{font-size:clamp(9px,2.8vw,12px);line-height:1.5;}
  body .figma-info-links{display:flex;flex-direction:column;gap:0;}
  body .figma-info-links a{display:block;padding:4px 0;margin:0;min-height:25px;}
  body .figma-footer-contact-center{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;padding:0;min-width:0;}
  body .figma-footer-contact-meta .micon{width:22px;height:22px;}
  body .figma-footer-addresses{padding:0;min-width:0;}
  body .figma-footer-grid>div{min-width:0;}
  body .figma-footer-phones{padding:0;}
  body .figma-footer-contact-meta{padding:0;min-width:0;}
  body .figma-footer-contact-meta .micons{display:flex;gap:3px;margin:5px 0;}
  body .figma-footer .figma-email{white-space:normal;overflow-wrap:anywhere;}
  body .figma-footer-phones a{display:block;padding:3px 0;white-space:nowrap;}
  body .figma-footer-addresses p{white-space:normal;overflow-wrap:anywhere;margin:0 0 4px;}
  body .figma-footer-brand #footerDesc,body .figma-footer-brand #footerReg{display:none;}
  body .figma-fbot{display:none;}
}

@media (min-width:900px){
 body.home-page-mode .figma-home-stage.hero{padding-top:12px;padding-bottom:24px;}
 body.home-page-mode .figma-sidebar{margin:0;padding:0;aspect-ratio:auto;height:max(calc(68px + clamp(430px,36vw,610px)),calc(100vh - 294px));grid-template-rows:repeat(8,minmax(0,1fr)) 1.3fr;}
 body.home-page-mode .figma-sidebar .side-cat,body.home-page-mode .figma-sidebar .side-cat-rollers{height:100%;min-height:0;}
}

.mobile-filter,.brand-filter{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23777777'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;height:34px;max-width:200px;min-width:110px;padding:0 24px 0 10px;border:1px solid var(--br);border-radius:6px;background-color:var(--sf);color:var(--mu);font:inherit;font-size:13px;cursor:pointer;}
.add-btn:disabled{opacity:.55;cursor:default}
[data-theme="dark"] .figma-action-icon{filter:brightness(0) invert(1)}

@media (min-width:900px){
 body .results-toolbar .sort-row{flex:1;}
 body .results-toolbar #b2bBrand{margin-left:clamp(14px,8vw,160px);flex:none;width:160px;color:var(--od);border-color:var(--orange);background-color:#fff8ef;}
}
#customRollersSection{width:100%;}
#customRollersSection .cat-section{width:100%;min-height:55vh;padding:clamp(20px,3vw,44px);}
#customRollersSection #rollersTitle{font-size:clamp(20px,2vw,30px);}
#customRollersSection #rollersDesc{font-size:clamp(15px,1.3vw,20px);}

[data-theme="dark"] body .results-toolbar #b2bBrand{background-color:#302416;color:#f4a543;border-color:#e8810a;color-scheme:dark;}

@media(min-width:900px) and (max-width:1499px){body .results-toolbar #b2bBrand{margin-left:12px;}body .results-toolbar .sort-options{flex-shrink:0;}}

@media(min-width:769px){
 .cart-actions{flex-direction:row-reverse;}
 .cs-row.total{flex-direction:row;}
 .figma-footer-info h4{transform:translateX(-16px);}
}

.cart-actions .btn-checkout,.cart-actions .btn-back-shop{min-height:48px;box-sizing:border-box;margin:0;display:inline-flex;align-items:center;justify-content:center;}

/* Approved usability fixes */
.results-pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px}.results-pager[hidden]{display:none}.results-pager button,.results-pager input{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--orange);border-radius:8px;padding:10px}.results-pager input{width:70px}.results-pager button:disabled{opacity:.4}
.gp-order-fallback{margin-top:18px;text-align:left;font-size:14px}.gp-order-fallback summary{cursor:pointer}.gp-order-text{box-sizing:border-box;width:100%;min-height:140px;color:inherit;background:transparent;border:1px solid #888;padding:12px}.gp-copy-order{margin-top:8px;padding:10px;border:1px solid #ed8500;border-radius:8px;color:inherit;background:transparent}.gp-copy-status{font-size:14px}
@media(max-width:768px){.figma-footer{height:auto!important;min-height:0!important}.figma-footer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important}.figma-footer-info,.figma-footer-contact-center,.figma-footer-addresses{transform:none!important}.figma-footer p,.figma-footer a,.figma-footer li{font-size:14px!important;line-height:1.6!important}.figma-footer h4{font-size:16px!important}.figma-footer a{display:inline-block;padding:5px 0;overflow-wrap:anywhere}.figma-footer-info h4{transform:none!important}}

/* Mobile feedback, 25 September: predictable scroll and controls. */
html[data-theme="light"]{color-scheme:light dark}
html[data-theme="dark"]{color-scheme:light dark}
input[type="number"]{appearance:textfield;-moz-appearance:textfield}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.row-qty input:focus-visible,.qty-ctrl input:focus-visible,.qty-stepper input:focus-visible{outline:none!important;box-shadow:inset 0 -2px var(--orange)}
.results-pager{gap:12px;padding:18px}.results-pager button{border:0;background:transparent;min-width:44px;min-height:44px;padding:8px}.results-pager span{font-weight:400;font-size:16px}
.qbadge.out,.cr-stock{color:#858585!important;background:transparent!important;font-weight:400}.cr-stock{font-size:12px;line-height:1.4;margin-top:4px}
[data-theme="dark"] .qbadge.out,[data-theme="dark"] .cr-stock{color:#b8b8b8!important}
.info-modal-ov{padding:16px;overflow:hidden;align-items:center}
.info-modal{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;min-height:0}
.info-modal-head{flex-shrink:0}.info-modal-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
@media(max-width:899px){
 .figma-header #langWrap{display:none!important}
 body.home-page-mode .figma-home-stage.hero{padding-bottom:8px!important}
 body .figma-footer{padding-top:12px!important;max-height:none!important;flex:none!important}
 body .figma-footer-grid{padding-top:0!important;row-gap:16px!important}
 body .figma-footer-info{width:100%!important;align-self:start!important}
 body .figma-footer-info h4{margin-bottom:6px!important}
 .info-modal-head{padding:18px 20px}.info-modal-body{padding:18px 20px}
 .info-modal-body .info-grid{grid-template-columns:1fr}
}

@media(max-width:899px){body.home-page-mode .figma-hero-banner{background-image:url("user/hero-mobile.webp")!important}}

:root{--z-overlay:100;--z-modal:110;--z-modal-top:120;--z-toast:130;--z-toast-top:132}

/* Independent mobile footer columns: no empty row below the logo. */
.footer-column{display:contents}
@media(min-width:900px){.figma-footer-brand{grid-column:1;grid-row:1}.figma-footer-info{grid-column:2;grid-row:1}.figma-footer-contact-center{grid-column:3;grid-row:1}.figma-footer-addresses{grid-column:4;grid-row:1}}
@media(max-width:899px){
 body .figma-footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;align-items:start!important}
 .footer-column{display:flex;flex-direction:column;gap:18px;min-width:0}
 body .figma-footer-contact-center,body .figma-footer-info,body .figma-footer-addresses{width:100%;padding:0;margin:0;align-self:stretch!important}
 body .figma-footer-contact-meta .micons{display:flex;gap:8px;align-items:center;margin:8px 0}
 body .figma-footer .figma-footer-contact-meta a.micon{display:flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:36px;min-height:36px;padding:4px!important;flex:none;background:transparent}
 body .figma-footer .micon img,body .figma-footer .micon svg{display:block;width:28px!important;height:28px!important;max-width:none!important;object-fit:contain;flex:none}
 body .figma-footer .figma-email{font-size:12px!important;overflow-wrap:anywhere;line-height:1.4!important}
 body.home-page-mode .figma-home-stage.hero{padding-bottom:0!important}
 body.home-page-mode .figma-footer{padding-top:10px!important}
}
/* Advertise authored themes to Android WebView; explicit user choice wins. */
@media(prefers-color-scheme:dark){
 html[data-theme="light"]{color-scheme:light dark;--bg:#F4F3EF;--sf:#fff;--tx:#1E1E1E;--mu:#6B6A66;--br:#E2E0D9;--g1:#EFEEE9}
 html[data-theme="light"] body{background:var(--bg);color:var(--tx)}
 html[data-theme="dark"]{color-scheme:light dark}
}

/* Matching vector arrows, independent of Android's fallback fonts. */
.results-pager button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;line-height:1}
.results-pager button svg{display:block;width:24px;height:24px;flex:none}
.results-pager .pager-prev svg{transform:rotate(180deg)}
.results-pager span{line-height:1;font-variant-numeric:tabular-nums}
/* Both authored palettes are supported; form controls follow the explicit choice. */
html{color-scheme:light dark}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{color-scheme:light}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color-scheme:dark}
/* Original messenger artwork; reduce only Telegram on phones. */
@media(max-width:899px){body .figma-footer .micons a[title="Telegram"] svg{width:22px!important;height:22px!important}}

.analytics-consent{position:fixed;bottom:16px;left:16px;right:16px;max-width:520px;padding:16px;background:var(--sf);color:var(--tx);border:1px solid var(--br);border-radius:12px;z-index:140;box-shadow:0 4px 24px #0003}.analytics-consent p{margin:0 0 12px}.analytics-consent button{font:inherit;padding:8px 14px;margin-right:10px;border:1px solid var(--orange);border-radius:8px;background:var(--sf);color:var(--tx);cursor:pointer}
/* Shared desktop typography; layout adapts to width, never to window height. */
@media(min-width:900px){
 body .figma-footer{height:auto!important;min-height:154px!important;max-height:none!important;padding:10px 22px!important;overflow:visible}
 body .figma-footer-grid{height:auto!important;min-height:134px;padding-top:18px!important;grid-template-columns:18% 31% 31% 20%!important;gap:0!important}
 body .figma-footer h4{font-size:18px!important;line-height:1.3!important}
 body .figma-footer a,body .figma-footer p{font-size:14px!important;line-height:1.5!important}
 body.home-page-mode .figma-footer-info,body:not(.home-page-mode) .figma-footer-info{width:50%;transform:translateX(12%)}
 body .figma-footer-info h4{transform:translateX(-16px)}
 body .figma-footer-contact-center{min-width:0;padding:0 4%;grid-template-columns:43% 57%;gap:4%}
 body .figma-footer-contact-meta{min-width:0}
 body .figma-footer .figma-email{overflow-wrap:anywhere}
 body .figma-phones a{font-size:20px!important}
 body .header-meta small{font-size:14px!important}
 body.home-page-mode .figma-sidebar{height:calc(68px + clamp(430px,36vw,610px));margin:0}
 body.home-page-mode .figma-sidebar .side-cat{font-size:18.4px}
 body.home-page-mode .figma-search-row input{font-size:16px}
 body.home-page-mode .figma-size-panel .sd-label{font-size:14px}
 body.home-page-mode .figma-size-panel input{font-size:16px}
 body.home-page-mode .figma-size-panel .bs-field{flex:1 1 0;min-width:0;gap:6px;font-size:14px}
 body.home-page-mode .figma-size-panel .bs-input-wrap{width:clamp(52px,5vw,96px);flex:0 1 96px;min-width:48px}
 body.home-page-mode .figma-size-panel .bs-row{gap:10px}
 body.home-page-mode .figma-size-panel .bs-search-btn{padding:0 18px}
}
@media(min-width:900px) and (max-width:1399px){
 body .figma-footer-grid{grid-template-columns:minmax(160px,1fr) minmax(200px,1.2fr) minmax(300px,1.8fr) minmax(150px,1fr)!important;gap:16px!important}
 body.home-page-mode .figma-footer-info,body:not(.home-page-mode) .figma-footer-info{width:auto;transform:none}
 body .figma-footer-contact-center{padding:0;gap:12px;grid-template-columns:minmax(120px,1fr) minmax(170px,1.4fr)}
 body .figma-hdr{grid-template-columns:28% 30% 42%!important}
 body .figma-logo{width:min(260px,100%)!important}
 body .figma-action-btn{padding:0 10px!important}
 body.home-page-mode .home-layout{grid-template-columns:30% minmax(0,1fr)}
 body.home-page-mode .figma-search-row{grid-template-columns:minmax(0,1fr) 210px!important}
 body.home-page-mode .bearing-size-panel.figma-size-panel.open{height:auto!important;max-height:none!important}
 body.home-page-mode .figma-size-panel .bs-row{height:auto;flex-wrap:wrap;gap:10px}
 body.home-page-mode .figma-size-panel .bs-field{flex:1 1 40%;justify-content:space-between}
 body.home-page-mode .figma-banner-copy h1{white-space:normal!important;font-size:clamp(24px,2.4vw,34px)!important}
}
@media(min-width:900px) and (max-width:1099px){
 body .figma-footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
 body .figma-footer-contact-center{grid-column:1;grid-row:2}
 body .figma-footer-addresses{grid-column:2;grid-row:2}
 body .figma-footer-brand img{max-width:240px}
}
/* Enlarge only category artwork, keeping its existing proportions. */
body.home-page-mode .figma-sidebar .side-icon img,body.home-page-mode .figma-sidebar .roller-illustration img{scale:1.15}
@media(max-width:899px){body.home-page-mode .figma-sidebar .side-cat{font-size:17.25px}}

/* Desktop home uses the available window height; other routes keep normal flow. */
@media(min-width:1100px){
 body.home-page-mode{height:100dvh!important;min-height:610px!important}
 body.home-page-mode .figma-header,body.home-page-mode .figma-footer{flex-shrink:0}
 body.home-page-mode .figma-home-stage.hero{flex:1 0 350px;min-height:350px;height:0;padding:8px 1.45% 20px}
 body.home-page-mode .home-layout{height:100%;align-items:stretch}
 body.home-page-mode .figma-sidebar{height:100%;align-self:stretch;grid-template-rows:repeat(8,minmax(0,1fr)) 1.3fr}
 body.home-page-mode .home-main{height:100%;min-height:0}
 body.home-page-mode .figma-hero-banner,
 body.home-page-mode .figma-home-stage.size-open .figma-hero-banner{flex:1 1 0;height:auto!important;min-height:190px;transition:none!important}
 body.home-page-mode .figma-search-row,body.home-page-mode .bearing-size-panel{flex-shrink:0}
 body.home-page-mode .figma-sidebar .side-cat,body.home-page-mode .figma-sidebar .side-cat-rollers{padding-top:0;padding-bottom:0;margin:0}
 body.home-page-mode .figma-footer{margin-top:0}
 body.home-page-mode .figma-banner-copy h1{margin-bottom:16px!important}
 body.home-page-mode .figma-benefits{gap:clamp(8px,2vh,24px)!important}
}
@media(min-width:1100px) and (max-height:750px){
 body.home-page-mode .figma-header{height:80px!important;min-height:80px!important;max-height:80px!important}
 body.home-page-mode .figma-logo{height:74px!important}
 body.home-page-mode .figma-home-stage.hero{padding-top:6px;padding-bottom:12px}
 body.home-page-mode .figma-search-row,
 body.home-page-mode .figma-search-row .hsearch,
 body.home-page-mode .figma-search-row .bearing-size-btn{height:46px!important;min-height:46px!important;max-height:46px!important}
 body.home-page-mode .figma-banner-copy,
 body.home-page-mode .figma-home-stage.size-open .figma-banner-copy{padding:18px 0 18px 4.9%!important}
 body.home-page-mode .figma-banner-copy h1{font-size:clamp(24px,2.4vw,36px)!important}
 body.home-page-mode .figma-benefits{font-size:16px!important;gap:8px!important}
 body.home-page-mode .figma-benefits>div{min-height:30px!important}
 body.home-page-mode .benefit-photo{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important}
 body.home-page-mode .benefit-shield-svg{width:26px!important;height:30px!important;min-width:26px!important}
 body.home-page-mode .figma-home-stage.size-open .figma-banner-copy h1{font-size:24px!important;margin-bottom:10px!important}
 body.home-page-mode .figma-home-stage.size-open .figma-benefits{gap:6px!important;font-size:15px!important}
 body.home-page-mode .figma-home-stage.size-open .figma-benefits>div{min-height:26px!important}
 body.home-page-mode .figma-home-stage.size-open .figma-banner-copy{padding-top:10px!important;padding-bottom:10px!important}
 body.home-page-mode .figma-home-stage.size-open .benefit-photo{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important}
 body.home-page-mode .figma-home-stage.size-open .benefit-shield-svg{width:22px!important;height:26px!important;min-width:22px!important}
}

/* Mobile controls and order help, October 2026. */
#langArrow{display:none!important}
.gp-order-fallback>summary{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--br,#bbb);border-radius:10px;background:var(--sf,#fff);color:var(--tx,#222);font:inherit;cursor:pointer;list-style:none}
.gp-order-fallback>summary::-webkit-details-marker{display:none}
.gp-order-fallback>summary::marker{content:""}
.gp-order-fallback>summary:hover{border-color:var(--orange,#ed8500)}
@media(max-width:899px){
 body .figma-header #langWrap{display:block!important;grid-column:4;grid-row:1;width:42px;position:relative}
 body #langToggleBtn{padding:0;width:42px;font-size:12px}
 body .figma-footer-brand #themeToggle{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;width:76px;height:28px;min-height:28px;padding:3px 8px;border:1px solid #fff;border-radius:8px;background:transparent;color:#fff}
 body .figma-lang-menu{right:0;left:auto}
}

/* gp-mobile-header-alignment-v2 */
@media(max-width:899px){
 body .figma-header #langToggleBtn{border:0!important;box-shadow:none!important;background:transparent!important;padding:0;display:flex;align-items:center;justify-content:center;color:var(--tx);}
 body .figma-header #langToggleBtn:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}
 body .figma-header #langMenu{box-sizing:border-box;right:0;left:auto;width:76px;min-width:76px;padding:4px;}
 body .figma-header #langMenu button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;margin:0;padding:8px 4px;text-align:center;}
 body .figma-header .figma-b2b{position:relative;left:6px;}
}

/* October 5: no theme flash while mobile markup initializes. */
@media(max-width:899px){body .figma-header #themeToggle{display:none!important}}
.qty-stepper,.qty-ctrl,.row-qty{border:1px solid var(--orange,#ed8500)!important;background:transparent!important;border-radius:9px;overflow:hidden}
.qty-stepper button,.qty-stepper input,.qty-ctrl button,.qty-ctrl input,.row-qty button,.row-qty input{background:transparent!important;box-shadow:none!important}
.brand-filter summary{cursor:pointer;list-style:none;padding:8px}
.brand-filter label{display:flex;align-items:center;gap:8px;padding:6px}
.brand-filter .brand-options{max-height:260px;overflow:auto}

#gpShareDialog{max-width:360px;width:calc(100% - 40px);box-sizing:border-box;border:1px solid #999;border-radius:16px;padding:24px;background:var(--bg,#fff);color:var(--tx,#222)}#gpShareDialog::backdrop{background:#0007}#gpShareDialog a,#gpShareDialog button,#gpShareDialog input{display:block;box-sizing:border-box;width:100%;margin:10px 0;padding:12px;border:1px solid #aaa;border-radius:8px;background:transparent;color:inherit;text-align:center}#gpShareDialog a{text-decoration:none}

/* Revision: original artwork and an expanding brand list in normal flow. */
#moonIcon{opacity:1!important;filter:contrast(2) drop-shadow(0 0 1px #555);background:#7775;border-radius:50%}
#sunIcon{opacity:1!important}
body #sortRow{height:auto!important;max-height:none!important;overflow:visible!important;align-items:flex-start;flex-wrap:wrap}
body details.brand-filter{height:auto!important;min-height:34px;width:auto;min-width:150px;max-width:100%;padding:0;background-image:none;flex:0 1 300px;overflow:visible}
body details.brand-filter summary{padding:8px 12px;list-style:none}
body details.brand-filter summary::-webkit-details-marker{display:none}
body details.brand-filter .brand-options{max-height:260px;overflow-y:auto;background:var(--sf);padding:8px}
body details.brand-filter label{white-space:normal;text-align:left}
body details.brand-filter>button{margin:8px;padding:7px 14px;border:1px solid var(--br);border-radius:6px;background:var(--sf);color:var(--tx)}
.catalog-dimensions{flex:0 0 100%;width:100%;box-sizing:border-box;border:1px solid var(--br);border-radius:10px;margin:10px 0;padding:12px;background:var(--sf);color:var(--tx)}
.catalog-dimensions summary{cursor:pointer;font-weight:600}.catalog-dimensions form{padding-top:12px}.dimension-fields{display:flex;gap:12px;flex-wrap:wrap}.dimension-fields label{flex:1;min-width:90px}.dimension-fields input{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--br);border-radius:7px;background:var(--bg);color:var(--tx)}.catalog-dimensions button{padding:9px 18px;border:1px solid var(--br);border-radius:8px;margin-right:8px;background:var(--sf);color:var(--tx)}
.gp-checkout{width:min(560px,calc(100vw - 24px));max-height:90vh;box-sizing:border-box;overflow:auto;padding:24px;border:1px solid var(--orange);border-radius:16px;background:var(--sf,#fff);color:var(--tx,#222);position:fixed;inset:0;margin:auto!important;scrollbar-color:#c7863f transparent;scrollbar-width:thin}.gp-checkout::backdrop{background:#0008}.gp-checkout-close{float:right;border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}.gp-checkout h2{font-size:22px;margin-bottom:18px}.gp-checkout label{display:block;margin:12px 0;font-weight:500}.gp-checkout input:not([type=radio]),.gp-checkout select,.gp-checkout textarea{box-sizing:border-box;width:100%;margin-top:6px;padding:11px;border:1px solid var(--br,#aaa);border-radius:8px;background:var(--bg,#fff);color:inherit;font:inherit}.gp-checkout .order-modes{border:1px solid var(--br);border-radius:10px;padding:12px;display:flex;gap:16px;flex-wrap:wrap}.gp-checkout .order-modes legend{font-size:0}.gp-checkout .order-modes label{margin:0}.gp-checkout .order-items{max-height:180px;overflow:auto}.gp-checkout .order-items p{padding:8px 0;border-bottom:1px solid var(--br)}.gp-checkout p{font-size:13px;line-height:1.5;margin:10px 0}.gp-checkout .order-submit{width:100%;padding:14px;border:0;border-radius:9px;background:var(--orange,#ef8500);color:#fff;font:inherit;font-weight:700}.gp-checkout button:disabled{opacity:.5}.gp-checkout [hidden],.gp-checkout .order-trap{display:none!important}.gp-checkout .order-status{font-weight:600}.gp-checkout .order-consent{font-size:12px;color:var(--mu)}
body:not(.home-page-mode) .results-toolbar{flex-wrap:wrap!important;overflow:visible!important;align-items:flex-start!important}
body .results-toolbar .rcount{flex:1 1 auto;min-width:0}
body .results-toolbar #catalogDimensions{flex:0 0 100%;min-width:0;max-width:100%}
body .results-toolbar #sortRow{flex:0 0 100%!important;width:100%!important;min-width:0}
body .results-toolbar .sort-options{flex-wrap:wrap;overflow:visible;flex-shrink:1!important}
body .results-toolbar #b2bBrand{margin-left:0!important;width:auto!important;flex:0 1 260px!important;min-width:150px}

body details.brand-filter{position:relative}body .brand-panel{position:absolute;top:100%;left:0;width:100%;z-index:40;background:var(--sf);border:1px solid var(--br);border-radius:8px;box-shadow:0 6px 20px #0002;box-sizing:border-box}body details.brand-filter .brand-options{max-height:220px}body .brand-panel>button{margin:8px;padding:8px 14px;border:1px solid var(--br);border-radius:7px;background:var(--sf);color:var(--tx)}

.pdp-analogs-head{flex-wrap:wrap}.pdp-analogs-head .related-note{order:3;flex-basis:100%;font-size:12px;color:var(--mu);font-weight:400;margin:4px 0 12px}
/* October 7: compact controls, original moon silhouette, centered dialogs. */
#moonIcon{background:transparent!important;border-radius:0;filter:grayscale(1) brightness(.58)!important;box-shadow:none!important}
[data-theme=dark] #moonIcon{filter:none!important}
body .results-toolbar{position:relative;gap:12px;align-items:center!important}
body .results-toolbar .rcount{flex:0 1 auto}
body .results-toolbar #catalogDimensions{flex:0 0 auto;width:auto;max-width:100%;margin:0;padding:0;border:1px solid var(--br);border-radius:9px;position:static}
.catalog-dimensions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;font-size:14px;font-weight:500;white-space:nowrap}
.catalog-dimensions summary::-webkit-details-marker{display:none}
.catalog-dimensions[open] summary>span{transform:rotate(180deg)}
.catalog-dimensions form{position:absolute;left:0;right:0;top:100%;z-index:45;background:var(--sf);border:1px solid var(--orange);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 22px #0001}
.dimension-fields{flex:1;display:flex;gap:16px;align-items:center}.dimension-fields label{display:flex;align-items:center;gap:8px;font-size:13px;flex:1;min-width:0;white-space:nowrap}.dimension-input{position:relative;display:block;min-width:70px;flex:1}.dimension-input input{padding:10px 27px 10px 8px;min-width:0}.dimension-input>span{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--mu)}
.catalog-dimensions button{margin:0;font:inherit;font-size:13px;white-space:nowrap}.catalog-dimensions .dimensions-search{background:var(--orange);color:white;border-color:var(--orange)}
body .results-toolbar #sortRow{flex:1 1 auto!important;width:auto!important;margin:0;align-items:center;justify-content:flex-end}
body .results-toolbar #b2bBrand{flex:0 0 auto!important;min-width:135px;width:auto!important;color:var(--tx);border-color:var(--br);background:var(--sf)}
body #b2bBrand summary{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;padding:9px 12px}
.brand-chevron{font-size:21px;line-height:15px;margin-left:auto;transform:rotate(90deg)}details[open] .brand-chevron{transform:rotate(-90deg)}.brand-count{background:#c9252b;color:#fff;border-radius:50%;min-width:19px;height:19px;padding:0 3px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
body .brand-panel{width:230px;left:auto;right:0}.price-arrows{display:inline-flex;gap:2px;color:#999}.price-arrows .chosen{color:var(--orange);font-weight:800}#sort-price-asc.active{background:var(--sf);border-color:var(--br);color:var(--tx)}
body #gpShareDialog{position:fixed;inset:0;margin:auto!important;width:min(440px,calc(100vw - 32px));max-width:440px;padding:24px;background:var(--sf)}
#gpShareDialog h3{text-align:center;margin:0 20px 22px;font-size:18px}#gpShareDialog .share-close,.gp-checkout .gp-checkout-close{position:absolute;left:10px;top:8px;float:none;width:28px;height:28px;padding:0;margin:0;border:0;border-radius:5px;background:transparent;font-size:23px;line-height:28px;color:var(--mu);box-shadow:none}
#gpShareDialog .share-link-row{display:flex;align-items:center;border:1px solid var(--br);border-radius:8px;overflow:hidden}#gpShareDialog .share-link-row input{flex:1;min-width:0;text-align:left;border:0;margin:0;border-radius:0;font-size:13px}#gpShareDialog .share-link-row button{width:42px;flex:0 0 42px;border:0;margin:0;padding:10px;display:flex;justify-content:center}
.relcard .rn{font-size:16px!important;font-weight:700!important;line-height:1.4}.relcard .rp{font-size:14px!important;font-weight:500!important;margin-top:8px}
.gp-checkout h2{text-align:center;font-size:20px;margin:0 20px 20px}.gp-checkout .gp-checkout-close:focus-visible,#gpShareDialog .share-close:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.gp-checkout select{appearance:none;-webkit-appearance:none;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;font-size:14px;min-height:42px}
.gp-checkout .phone-field{display:flex;align-items:center;border:1px solid var(--br);border-radius:8px;margin-top:6px;background:var(--bg);overflow:hidden}.gp-checkout .phone-field input{border:0;margin:0;border-radius:0;background:transparent;min-width:0}.gp-checkout .phone-field:focus-within{outline:1px solid var(--orange)}
@media(max-width:1100px){.dimension-fields{flex-wrap:wrap}.dimension-fields label{flex:1 1 40%}.catalog-dimensions form{flex-wrap:wrap}.dimension-fields{flex-basis:100%}}
@media(max-width:700px){body .results-toolbar #sortRow{flex-basis:100%!important;justify-content:flex-start}.dimension-fields label{white-space:normal}.gp-checkout{padding:22px 16px}.gp-checkout h2{font-size:18px}}
@media(min-width:1200px){body .results-toolbar{flex-wrap:nowrap!important;gap:10px}.catalog-dimensions summary{font-size:13px;padding:9px 10px;gap:10px}body .results-toolbar #sortRow{gap:6px!important}body .results-toolbar .sort-options{gap:5px}body .results-toolbar .sbtn{padding:8px 9px;font-size:12px}body .results-toolbar #b2bBrand{min-width:110px}body #b2bBrand summary{font-size:12px;padding:8px 9px}#sortTriggerPrefix{font-size:12px}}
.results-toolbar:has(#catalogDimensions[open]){margin-bottom:96px!important}
@media(max-width:1100px){.results-toolbar:has(#catalogDimensions[open]){margin-bottom:220px!important}}

/* Unified toolbar sizing and spacing; normal keyboard focus remains available. */
body .results-toolbar{justify-content:flex-start!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
body .results-toolbar .rcount{display:flex;align-items:center;align-self:center;margin:0;flex:0 0 auto}
body .results-toolbar #sortRow{flex:0 1 auto!important;width:auto!important;justify-content:flex-start!important;align-items:center!important;margin:0!important;gap:8px!important}
body .results-toolbar #catalogDimensions,body .results-toolbar #b2bBrand{align-self:center;margin:0!important;border:1px solid var(--orange)!important;border-radius:9px;background:var(--sf);color:var(--tx);flex:0 0 auto!important}
body #catalogDimensions summary,body #b2bBrand summary{font-size:15px!important;font-weight:400!important;padding:10px 12px!important;gap:12px}
body .results-toolbar .sbtn{font-size:15px!important;padding:10px 12px!important;font-weight:400}
body .results-toolbar #sortTriggerPrefix{font-size:15px!important}
body #b2bBrand.has-selection{background:#fff6ea!important;color:#b96800!important}
[data-theme=dark] body #b2bBrand.has-selection{background:#35291b!important;color:#ffa94d!important}
body .results-toolbar #b2bBrand{min-width:135px!important}
body .catalog-dimensions[open] summary>.brand-chevron{transform:rotate(-90deg)}
.bsb-arrow{font-size:0!important;display:inline-flex;align-items:center;justify-content:center;transform:none!important}
.bsb-arrow::after{content:'›';font-size:21px;line-height:15px;transform:rotate(90deg)}
.bearing-size-btn.open .bsb-arrow::after{transform:rotate(-90deg)}
.gp-checkout h2:focus,#gpShareDialog h3:focus{outline:none}

.gp-checkout .phone-field{outline:none!important;border-color:var(--br)}
.gp-checkout .phone-field input{outline:none!important;box-shadow:none!important}
.gp-checkout .phone-field:focus-within{border-color:var(--orange)}
@media(max-width:700px){body .results-toolbar #sortRow{flex-basis:100%!important}body #catalogDimensions summary,body #b2bBrand summary{font-size:14px!important}}
body .results-toolbar>.back-btn,body .results-toolbar>#sortRow{align-self:center!important}

/* Responsive filters and order refinements, Oct 7. */
body #catalogDimensions summary,body #b2bBrand summary,body .bearing-size-btn{color:var(--orange)!important}
body .dimension-fields label,body .dimension-fields input{font-size:16px!important;font-weight:400}
body .brand-panel{border:1px solid var(--orange);color:var(--orange);box-sizing:border-box}
body .brand-panel label{color:var(--orange)}
body .brand-panel input{accent-color:var(--orange)}
body .brand-options{scrollbar-color:var(--orange) var(--bg);scrollbar-width:thin}
body .brand-options::-webkit-scrollbar{width:7px}
body .brand-options::-webkit-scrollbar-thumb{background:var(--orange);border-radius:8px}
body .brand-options::-webkit-scrollbar-track{background:var(--bg)}

body .gp-checkout input[type=radio]{accent-color:var(--orange)}
body .td-pr,body .td-pr *,body .pdp-info .price,body .pdp-info .price *,body .relcard .rp,body .cr-price{font-weight:400!important}
@media(max-width:899px){
 body .results-toolbar{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:12px 10px!important;align-items:center!important}
 body .results-toolbar #backBtn1{grid-column:1;grid-row:1;order:0!important}
 body .results-toolbar #resultsCount{grid-column:2;grid-row:1;order:0!important}
 body .results-toolbar #catalogDimensions{grid-column:1;grid-row:2;width:100%!important;min-width:0!important;order:0!important}
 body .results-toolbar #b2bBrand{grid-column:2;grid-row:2;width:100%!important;min-width:0!important;order:0!important}
 body #catalogDimensions summary,body #b2bBrand summary{font-size:14px!important;padding:10px 9px!important;gap:6px;justify-content:space-between;white-space:nowrap}
 body .results-toolbar #sortRow{grid-column:1 / -1;grid-row:3;display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;width:100%!important;order:0!important}
 body #mobileCategoryFilter,body #mobileSort{font-size:14px!important;width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
 body #b2bBrand .brand-panel{right:0!important;left:auto!important;width:min(260px,calc(100vw - 40px));text-align:left}
 body #b2bBrand .brand-options{padding:8px!important;display:block!important}
 body #b2bBrand label{display:flex!important;justify-content:flex-start!important;align-items:center;text-align:left!important;padding:7px 4px!important;margin:0!important;font-size:15px}
 body #b2bBrand label input{flex:0 0 16px!important;width:16px!important;margin:0 8px 0 0!important}
 body #catalogDimensions form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px 8px;padding:14px;box-sizing:border-box}
 body .dimension-fields{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:14px}
 body .dimension-fields label{display:flex;flex-direction:column;align-items:stretch;gap:6px;white-space:normal;font-size:16px!important}
 body .dimension-input input{height:42px;width:100%;font-size:16px!important}
 body .catalog-dimensions .dimensions-search{grid-column:2;grid-row:2;justify-self:center}
 body .catalog-dimensions .reset-dimensions{grid-column:1;grid-row:2;justify-self:start}
 body .catalog-dimensions button{font-size:14px;padding:9px 12px}
 body .results-toolbar:has(#catalogDimensions[open]){margin-bottom:270px!important}
}

/* Filter buttons share the active sorting palette in both themes. */
body .results-toolbar #catalogDimensions,body .results-toolbar #b2bBrand,body .results-toolbar #b2bBrand.has-selection{background:#fff7ee!important;color:#a85b05!important}
body #catalogDimensions summary,body #b2bBrand summary{color:inherit!important}
[data-theme="dark"] body .results-toolbar #catalogDimensions,[data-theme="dark"] body .results-toolbar #b2bBrand,[data-theme="dark"] body .results-toolbar #b2bBrand.has-selection{background:rgba(232,129,10,.14)!important;color:#ffb45c!important}

/* Narrow, subdued checkout scrollbar. */

body .gp-checkout::-webkit-scrollbar{width:4px}
body .gp-checkout::-webkit-scrollbar-thumb{background:#c7863f;border-radius:8px}
body .gp-checkout::-webkit-scrollbar-track{background:transparent;margin-block:18px}

/* Catalogue hierarchy, shared by desktop and mobile. */
#resultsSection .td-art, #resultsSection .td-art a, #resultsSection .td-art mark {font-weight:400!important;}
#resultsSection .td-nm, #resultsSection .td-nm a, #resultsSection .td-nm mark {font-weight:600!important;}

/* Approved UI adjustments 2026-10-14 */
body .figma-cart .cart-count{box-sizing:border-box!important;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;aspect-ratio:1!important;flex:0 0 24px!important;padding:0!important;border-radius:50%!important;font-size:11px!important;line-height:1!important;align-items:center;justify-content:center;letter-spacing:-.3px}
body .figma-phones a{font-size:18px!important;line-height:1.15!important}
body .cart-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important}
body .cart-header h2{margin:0!important}
body.home-page-mode #bearingSizeBtn{display:none!important}
body.home-page-mode .figma-search-row{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:0!important}
body.home-page-mode .figma-search-row .hsearch{grid-column:1 / -1!important;width:100%!important;max-width:none!important;min-width:0!important}
body.home-page-mode .figma-search-row .hsearch input{flex:1 1 auto!important;min-width:0!important}

body.home-page-mode #bearingSizePanel.figma-size-panel{display:block!important;position:static!important;width:100%!important;height:auto!important;min-height:64px!important;max-height:none!important;margin:0!important;padding:12px 14px!important;border:1px solid #222!important;border-radius:12px!important;background:var(--sf)!important;box-shadow:none!important}
body #catalogDimensions,body #catalogDimensions form{border-color:#222!important}
@media(max-width:700px){body .figma-phones a{font-size:18px!important}body.home-page-mode #bearingSizePanel.figma-size-panel{min-height:0!important}body.home-page-mode #bearingSizePanel .bs-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important}body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 40%!important;min-width:0!important}}

/* UI refinement 2026-10-14 */
body .figma-cart .cart-count{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;aspect-ratio:1!important;box-sizing:border-box!important;padding:0!important;border-radius:50%!important;font-size:10px!important;line-height:1!important;align-items:center;justify-content:center}
body.home-page-mode #bearingSizeBtn{display:none!important}
body.home-page-mode .figma-search-row{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:0!important}
body.home-page-mode .figma-search-row .hsearch{grid-column:1/-1!important;width:100%!important;max-width:none!important}
body.home-page-mode #bearingSizePanel.figma-size-panel{display:block!important;opacity:1!important;visibility:visible!important;overflow:visible!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:14px!important;border:1px solid var(--v32-border,#8b8b8b)!important;border-radius:.48rem!important;background:var(--sf)!important;box-shadow:none!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-row{display:flex!important;height:auto!important;flex-wrap:wrap!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 135px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:0!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{width:100%!important;flex:0 0 38px!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-match-btn{align-self:flex-end!important;min-height:38px!important}
body #catalogDimensions,body #catalogDimensions form{border-color:var(--orange,#e8810a)!important}
body.pdp-redesign .pdp{align-items:start!important}
body.pdp-redesign .pdp-price-row{flex-direction:column!important;align-items:flex-start!important;gap:.6rem!important}
body.pdp-redesign .pdp-price-row .avail{order:-1}
body.pdp-redesign .pdp-features{margin-top:1.2rem!important}
body.pdp-redesign .pdp-gallery{min-height:0!important}
body.pdp-redesign .pdp-img-wrap{height:auto!important;min-height:0!important}
body.pdp-redesign .pdp-gallery .pdp-img{height:auto!important;max-height:27rem!important;object-fit:contain}

body.home-page-mode #bearingSizePanel .bs-panel-actions{display:flex!important;flex:1 0 130px!important;width:auto!important;align-self:flex-end!important;gap:8px!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{width:auto!important;flex:1 1 auto!important;min-width:90px!important;height:38px!important;margin:0!important;padding:0 14px!important}
body.home-page-mode #bearingSizePanel .bs-clear-btn{display:block!important;flex:0 0 36px!important;width:36px!important;height:38px!important;padding:0!important}

/* Match the dimensions panel to the full search width. */
body.home-page-mode .home-main{min-width:0!important}
body.home-page-mode .figma-search-row,body.home-page-mode .figma-search-row .hsearch,body.home-page-mode #bearingSizePanel.figma-size-panel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
body.home-page-mode #bearingSizePanel .bs-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) 100px!important;width:100%!important;min-width:0!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{min-width:0!important;white-space:normal!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{min-width:45px!important;flex:1 1 65px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{width:100%!important;min-width:0!important}
@media(max-width:1100px){body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home-page-mode #bearingSizePanel .bs-panel-actions{grid-column:1/-1!important}}

/* UI refinement 2026-10-14 */
body .figma-cart .cart-count{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;aspect-ratio:1!important;box-sizing:border-box!important;padding:0!important;border-radius:50%!important;font-size:10px!important;line-height:1!important;align-items:center;justify-content:center}
body.home-page-mode #bearingSizeBtn{display:none!important}
body.home-page-mode .figma-search-row{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:0!important}
body.home-page-mode .figma-search-row .hsearch{grid-column:1/-1!important;width:100%!important;max-width:none!important}
body.home-page-mode #bearingSizePanel.figma-size-panel{display:block!important;opacity:1!important;visibility:visible!important;overflow:visible!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:14px!important;border:1px solid var(--v32-border,#8b8b8b)!important;border-radius:.48rem!important;background:var(--sf)!important;box-shadow:none!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-row{display:flex!important;height:auto!important;flex-wrap:wrap!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 135px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:0!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{width:100%!important;flex:0 0 38px!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-match-btn{align-self:flex-end!important;min-height:38px!important}
body #catalogDimensions,body #catalogDimensions form{border-color:var(--orange,#e8810a)!important}
body.pdp-redesign .pdp{align-items:start!important}
body.pdp-redesign .pdp-price-row{flex-direction:column!important;align-items:flex-start!important;gap:.6rem!important}
body.pdp-redesign .pdp-price-row .avail{order:-1}
body.pdp-redesign .pdp-features{margin-top:1.2rem!important}
body.pdp-redesign .pdp-gallery{min-height:0!important}
body.pdp-redesign .pdp-img-wrap{height:auto!important;min-height:0!important}
body.pdp-redesign .pdp-gallery .pdp-img{height:auto!important;max-height:27rem!important;object-fit:contain}

body.home-page-mode #bearingSizePanel .bs-panel-actions{display:flex!important;flex:1 0 130px!important;width:auto!important;align-self:flex-end!important;gap:8px!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{width:auto!important;flex:1 1 auto!important;min-width:90px!important;height:38px!important;margin:0!important;padding:0 14px!important}
body.home-page-mode #bearingSizePanel .bs-clear-btn{display:block!important;flex:0 0 36px!important;width:36px!important;height:38px!important;padding:0!important}


/* Horizontal dimensions and compact product layout 2026-10-14 */
body.home-page-mode #bearingSizePanel.figma-size-panel{padding:10px 12px!important}
body.home-page-mode #bearingSizePanel .bs-row{gap:14px!important;align-items:center!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 150px!important;flex-direction:row!important;align-items:center!important;gap:8px!important;font-size:13px!important;white-space:nowrap!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:1 1 70px!important;width:70px!important;min-width:52px!important;max-width:110px!important;height:38px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{flex:0 0 100px!important;align-self:center!important;width:100px!important}
body.home-page-mode #bearingSizePanel .bs-clear-btn{display:none!important}
body.pdp-redesign .pdp-price-row{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important}
body.pdp-redesign .pdp-price-row .avail{order:0!important}
body.pdp-redesign .pdp{margin-bottom:10px!important;align-items:start!important}
body.pdp-redesign .pdp-features{margin-top:14px!important;padding-top:12px!important}
body.pdp-redesign .pdp-info{padding:1.2rem 1.4rem!important}
@media(max-width:700px){
body.home-page-mode #bearingSizePanel .bs-row{gap:10px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 calc(50% - 10px)!important;flex-direction:column!important;align-items:stretch!important;white-space:normal!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:0 0 38px!important;width:100%!important;max-width:none!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{flex:1 0 100%!important;width:100%!important}
body.pdp-redesign .pdp-info{padding:1rem!important}
}


/* Match the dimensions panel to the full search width. */
body.home-page-mode .home-main{min-width:0!important}
body.home-page-mode .figma-search-row,body.home-page-mode .figma-search-row .hsearch,body.home-page-mode #bearingSizePanel.figma-size-panel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
body.home-page-mode #bearingSizePanel .bs-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) 100px!important;width:100%!important;min-width:0!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{min-width:0!important;white-space:normal!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{min-width:45px!important;flex:1 1 65px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{width:100%!important;min-width:0!important}
@media(max-width:1100px){body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home-page-mode #bearingSizePanel .bs-panel-actions{grid-column:1/-1!important}}

/* Equal-height desktop search rows, cumulative correction. */
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{height:58px!important;min-height:58px!important;max-height:58px!important;padding:9px 12px!important}
body.home-page-mode #bearingSizePanel .bs-row{height:38px!important;grid-template-columns:repeat(4,minmax(0,1fr)) 110px!important;align-items:center!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{height:38px!important;min-width:40px!important;width:65px!important;flex:1 1 65px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{align-self:center!important;height:38px!important;margin:0!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{font-size:13px!important;min-width:0!important;padding:0 8px!important;height:38px!important}
}
body.pdp-redesign .pdp-price-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:12px 0!important;margin:3px 0 14px!important}
body.pdp-redesign .pdp-price-row .avail{order:0!important;margin-left:auto!important}
body.pdp-redesign .pdp-info{min-height:0!important;height:auto!important}
body.pdp-redesign .pdp-features{margin-top:14px!important}

/* UI refinement 2026-10-14 */
body .figma-cart .cart-count{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;aspect-ratio:1!important;box-sizing:border-box!important;padding:0!important;border-radius:50%!important;font-size:10px!important;line-height:1!important;align-items:center;justify-content:center}
body.home-page-mode #bearingSizeBtn{display:none!important}
body.home-page-mode .figma-search-row{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:0!important}
body.home-page-mode .figma-search-row .hsearch{grid-column:1/-1!important;width:100%!important;max-width:none!important}
body.home-page-mode #bearingSizePanel.figma-size-panel{display:block!important;opacity:1!important;visibility:visible!important;overflow:visible!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:14px!important;border:1px solid var(--v32-border,#8b8b8b)!important;border-radius:.48rem!important;background:var(--sf)!important;box-shadow:none!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-row{display:flex!important;height:auto!important;flex-wrap:wrap!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 135px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:0!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{width:100%!important;flex:0 0 38px!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-match-btn{align-self:flex-end!important;min-height:38px!important}
body #catalogDimensions,body #catalogDimensions form{border-color:var(--orange,#e8810a)!important}
body.pdp-redesign .pdp{align-items:start!important}
body.pdp-redesign .pdp-price-row{flex-direction:column!important;align-items:flex-start!important;gap:.6rem!important}
body.pdp-redesign .pdp-price-row .avail{order:-1}
body.pdp-redesign .pdp-features{margin-top:1.2rem!important}
body.pdp-redesign .pdp-gallery{min-height:0!important}
body.pdp-redesign .pdp-img-wrap{height:auto!important;min-height:0!important}
body.pdp-redesign .pdp-gallery .pdp-img{height:auto!important;max-height:27rem!important;object-fit:contain}

body.home-page-mode #bearingSizePanel .bs-panel-actions{display:flex!important;flex:1 0 130px!important;width:auto!important;align-self:flex-end!important;gap:8px!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{width:auto!important;flex:1 1 auto!important;min-width:90px!important;height:38px!important;margin:0!important;padding:0 14px!important}
body.home-page-mode #bearingSizePanel .bs-clear-btn{display:block!important;flex:0 0 36px!important;width:36px!important;height:38px!important;padding:0!important}


/* Horizontal dimensions and compact product layout 2026-10-14 */
body.home-page-mode #bearingSizePanel.figma-size-panel{padding:10px 12px!important}
body.home-page-mode #bearingSizePanel .bs-row{gap:14px!important;align-items:center!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 150px!important;flex-direction:row!important;align-items:center!important;gap:8px!important;font-size:13px!important;white-space:nowrap!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:1 1 70px!important;width:70px!important;min-width:52px!important;max-width:110px!important;height:38px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{flex:0 0 100px!important;align-self:center!important;width:100px!important}
body.home-page-mode #bearingSizePanel .bs-clear-btn{display:none!important}
body.pdp-redesign .pdp-price-row{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important}
body.pdp-redesign .pdp-price-row .avail{order:0!important}
body.pdp-redesign .pdp{margin-bottom:10px!important;align-items:start!important}
body.pdp-redesign .pdp-features{margin-top:14px!important;padding-top:12px!important}
body.pdp-redesign .pdp-info{padding:1.2rem 1.4rem!important}
@media(max-width:700px){
body.home-page-mode #bearingSizePanel .bs-row{gap:10px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 calc(50% - 10px)!important;flex-direction:column!important;align-items:stretch!important;white-space:normal!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:0 0 38px!important;width:100%!important;max-width:none!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{flex:1 0 100%!important;width:100%!important}
body.pdp-redesign .pdp-info{padding:1rem!important}
}


/* Match the dimensions panel to the full search width. */
body.home-page-mode .home-main{min-width:0!important}
body.home-page-mode .figma-search-row,body.home-page-mode .figma-search-row .hsearch,body.home-page-mode #bearingSizePanel.figma-size-panel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
body.home-page-mode #bearingSizePanel .bs-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) 100px!important;width:100%!important;min-width:0!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{min-width:0!important;white-space:normal!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{min-width:45px!important;flex:1 1 65px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{width:100%!important;min-width:0!important}
@media(max-width:1100px){body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home-page-mode #bearingSizePanel .bs-panel-actions{grid-column:1/-1!important}}

/* Equal-height desktop search rows, cumulative correction. */
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{height:58px!important;min-height:58px!important;max-height:58px!important;padding:9px 12px!important}
body.home-page-mode #bearingSizePanel .bs-row{height:38px!important;grid-template-columns:repeat(4,minmax(0,1fr)) 110px!important;align-items:center!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{height:38px!important;min-width:40px!important;width:65px!important;flex:1 1 65px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{align-self:center!important;height:38px!important;margin:0!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{font-size:13px!important;min-width:0!important;padding:0 8px!important;height:38px!important}
}
body.pdp-redesign .pdp-price-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:12px 0!important;margin:3px 0 14px!important}
body.pdp-redesign .pdp-price-row .avail{order:0!important;margin-left:auto!important}
body.pdp-redesign .pdp-info{min-height:0!important;height:auto!important}
body.pdp-redesign .pdp-features{margin-top:14px!important}

/* Compact mobile dimensions and wider desktop action. */
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(4,minmax(0,1fr)) calc(22% + 5.28px)!important;gap:6px!important}
body.home-page-mode #bearingSizePanel .bs-field{gap:6px!important;font-size:12px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{max-width:96px!important;min-width:36px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{width:100%!important;flex:none!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{width:100%!important;font-size:13px!important;white-space:normal!important;line-height:1.15!important}
}
@media(max-width:1100px){
body.home-page-mode #bearingSizePanel.figma-size-panel{height:auto!important;min-height:0!important;max-height:none!important;padding:10px!important}
body.home-page-mode #bearingSizePanel .bs-row{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important}
body.home-page-mode #bearingSizePanel .bs-field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:0 0 40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;width:100%!important;max-width:none!important;min-width:0!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap input{height:40px!important;min-height:40px!important;max-height:40px!important;box-sizing:border-box!important;padding:0 30px 0 10px!important;font-size:16px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{grid-column:1/-1!important;height:40px!important;align-self:auto!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{height:40px!important;min-height:40px!important;width:100%!important;margin:0!important}
}

@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{padding-right:0!important}
body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(4,minmax(0,1fr)) calc(22% + 2.64px)!important}
}

/* UI refinement 2026-10-14 */
body .figma-cart .cart-count{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;aspect-ratio:1!important;box-sizing:border-box!important;padding:0!important;border-radius:50%!important;font-size:10px!important;line-height:1!important;align-items:center;justify-content:center}
body.home-page-mode #bearingSizeBtn{display:none!important}
body.home-page-mode .figma-search-row{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:0!important}
body.home-page-mode .figma-search-row .hsearch{grid-column:1/-1!important;width:100%!important;max-width:none!important}
body.home-page-mode #bearingSizePanel.figma-size-panel{display:block!important;opacity:1!important;visibility:visible!important;overflow:visible!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:14px!important;border:1px solid var(--v32-border,#8b8b8b)!important;border-radius:.48rem!important;background:var(--sf)!important;box-shadow:none!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-row{display:flex!important;height:auto!important;flex-wrap:wrap!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 135px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:0!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{width:100%!important;flex:0 0 38px!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-match-btn{align-self:flex-end!important;min-height:38px!important}
body #catalogDimensions,body #catalogDimensions form{border-color:var(--orange,#e8810a)!important}
body.pdp-redesign .pdp{align-items:start!important}
body.pdp-redesign .pdp-price-row{flex-direction:column!important;align-items:flex-start!important;gap:.6rem!important}
body.pdp-redesign .pdp-price-row .avail{order:-1}
body.pdp-redesign .pdp-features{margin-top:1.2rem!important}
body.pdp-redesign .pdp-gallery{min-height:0!important}
body.pdp-redesign .pdp-img-wrap{height:auto!important;min-height:0!important}
body.pdp-redesign .pdp-gallery .pdp-img{height:auto!important;max-height:27rem!important;object-fit:contain}

body.home-page-mode #bearingSizePanel .bs-panel-actions{display:flex!important;flex:1 0 130px!important;width:auto!important;align-self:flex-end!important;gap:8px!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{width:auto!important;flex:1 1 auto!important;min-width:90px!important;height:38px!important;margin:0!important;padding:0 14px!important}
body.home-page-mode #bearingSizePanel .bs-clear-btn{display:block!important;flex:0 0 36px!important;width:36px!important;height:38px!important;padding:0!important}


/* Horizontal dimensions and compact product layout 2026-10-14 */
body.home-page-mode #bearingSizePanel.figma-size-panel{padding:10px 12px!important}
body.home-page-mode #bearingSizePanel .bs-row{gap:14px!important;align-items:center!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 150px!important;flex-direction:row!important;align-items:center!important;gap:8px!important;font-size:13px!important;white-space:nowrap!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:1 1 70px!important;width:70px!important;min-width:52px!important;max-width:110px!important;height:38px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{flex:0 0 100px!important;align-self:center!important;width:100px!important}
body.home-page-mode #bearingSizePanel .bs-clear-btn{display:none!important}
body.pdp-redesign .pdp-price-row{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important}
body.pdp-redesign .pdp-price-row .avail{order:0!important}
body.pdp-redesign .pdp{margin-bottom:10px!important;align-items:start!important}
body.pdp-redesign .pdp-features{margin-top:14px!important;padding-top:12px!important}
body.pdp-redesign .pdp-info{padding:1.2rem 1.4rem!important}
@media(max-width:700px){
body.home-page-mode #bearingSizePanel .bs-row{gap:10px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 calc(50% - 10px)!important;flex-direction:column!important;align-items:stretch!important;white-space:normal!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:0 0 38px!important;width:100%!important;max-width:none!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{flex:1 0 100%!important;width:100%!important}
body.pdp-redesign .pdp-info{padding:1rem!important}
}


/* Match the dimensions panel to the full search width. */
body.home-page-mode .home-main{min-width:0!important}
body.home-page-mode .figma-search-row,body.home-page-mode .figma-search-row .hsearch,body.home-page-mode #bearingSizePanel.figma-size-panel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
body.home-page-mode #bearingSizePanel .bs-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) 100px!important;width:100%!important;min-width:0!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{min-width:0!important;white-space:normal!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{min-width:45px!important;flex:1 1 65px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{width:100%!important;min-width:0!important}
@media(max-width:1100px){body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home-page-mode #bearingSizePanel .bs-panel-actions{grid-column:1/-1!important}}

/* Equal-height desktop search rows, cumulative correction. */
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{height:58px!important;min-height:58px!important;max-height:58px!important;padding:9px 12px!important}
body.home-page-mode #bearingSizePanel .bs-row{height:38px!important;grid-template-columns:repeat(4,minmax(0,1fr)) 110px!important;align-items:center!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{height:38px!important;min-width:40px!important;width:65px!important;flex:1 1 65px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{align-self:center!important;height:38px!important;margin:0!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{font-size:13px!important;min-width:0!important;padding:0 8px!important;height:38px!important}
}
body.pdp-redesign .pdp-price-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:12px 0!important;margin:3px 0 14px!important}
body.pdp-redesign .pdp-price-row .avail{order:0!important;margin-left:auto!important}
body.pdp-redesign .pdp-info{min-height:0!important;height:auto!important}
body.pdp-redesign .pdp-features{margin-top:14px!important}

/* Compact mobile dimensions and wider desktop action. */
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(4,minmax(0,1fr)) calc(22% + 5.28px)!important;gap:6px!important}
body.home-page-mode #bearingSizePanel .bs-field{gap:6px!important;font-size:12px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{max-width:96px!important;min-width:36px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{width:100%!important;flex:none!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{width:100%!important;font-size:13px!important;white-space:normal!important;line-height:1.15!important}
}
@media(max-width:1100px){
body.home-page-mode #bearingSizePanel.figma-size-panel{height:auto!important;min-height:0!important;max-height:none!important;padding:10px!important}
body.home-page-mode #bearingSizePanel .bs-row{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important}
body.home-page-mode #bearingSizePanel .bs-field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:0 0 40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;width:100%!important;max-width:none!important;min-width:0!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap input{height:40px!important;min-height:40px!important;max-height:40px!important;box-sizing:border-box!important;padding:0 30px 0 10px!important;font-size:16px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{grid-column:1/-1!important;height:40px!important;align-self:auto!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{height:40px!important;min-height:40px!important;width:100%!important;margin:0!important}
}

@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{padding-right:0!important}
body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(4,minmax(0,1fr)) calc(22% + 2.64px)!important}
}

/* Button lettering and swapped result typography. */
body.home-page-mode .figma-search-row .hsearch>button{font-size:clamp(.984rem,1.2vw,1.176rem)!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{font-size:15.6px!important;line-height:1.15!important}
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}
body.home-page-mode #bearingSizePanel .bs-row{height:56px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{height:56px!important;align-self:stretch!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{height:56px!important;min-height:56px!important;border-radius:8px 0 0 8px!important}
}
@media(max-width:700px){body.home-page-mode .figma-search-row .hsearch>button{font-size:16.8px!important}}
#resultsSection .td-art,#resultsSection .td-art a,#resultsSection .td-art mark{font-family:inherit!important;font-size:.98rem!important;font-weight:600!important;line-height:1.35!important}
#resultsSection .td-nm,#resultsSection .td-nm a,#resultsSection .td-nm mark{font-family:monospace!important;font-size:12.5px!important;font-weight:400!important}
@media(max-width:700px){
#resultsSection .td-art,#resultsSection .td-art a,#resultsSection .td-art mark{font-size:12px!important}
#resultsSection .td-nm,#resultsSection .td-nm a,#resultsSection .td-nm mark{font-size:14px!important}
}

/* UI refinement 2026-10-14 */
body .figma-cart .cart-count{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;aspect-ratio:1!important;box-sizing:border-box!important;padding:0!important;border-radius:50%!important;font-size:10px!important;line-height:1!important;align-items:center;justify-content:center}
body.home-page-mode #bearingSizeBtn{display:none!important}
body.home-page-mode .figma-search-row{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:0!important}
body.home-page-mode .figma-search-row .hsearch{grid-column:1/-1!important;width:100%!important;max-width:none!important}
body.home-page-mode #bearingSizePanel.figma-size-panel{display:block!important;opacity:1!important;visibility:visible!important;overflow:visible!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:14px!important;border:1px solid var(--v32-border,#8b8b8b)!important;border-radius:.48rem!important;background:var(--sf)!important;box-shadow:none!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-row{display:flex!important;height:auto!important;flex-wrap:wrap!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 135px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:0!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{width:100%!important;flex:0 0 38px!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-match-btn{align-self:flex-end!important;min-height:38px!important}
body #catalogDimensions,body #catalogDimensions form{border-color:var(--orange,#e8810a)!important}
body.pdp-redesign .pdp{align-items:start!important}
body.pdp-redesign .pdp-price-row{flex-direction:column!important;align-items:flex-start!important;gap:.6rem!important}
body.pdp-redesign .pdp-price-row .avail{order:-1}
body.pdp-redesign .pdp-features{margin-top:1.2rem!important}
body.pdp-redesign .pdp-gallery{min-height:0!important}
body.pdp-redesign .pdp-img-wrap{height:auto!important;min-height:0!important}
body.pdp-redesign .pdp-gallery .pdp-img{height:auto!important;max-height:27rem!important;object-fit:contain}

body.home-page-mode #bearingSizePanel .bs-panel-actions{display:flex!important;flex:1 0 130px!important;width:auto!important;align-self:flex-end!important;gap:8px!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{width:auto!important;flex:1 1 auto!important;min-width:90px!important;height:38px!important;margin:0!important;padding:0 14px!important}
body.home-page-mode #bearingSizePanel .bs-clear-btn{display:block!important;flex:0 0 36px!important;width:36px!important;height:38px!important;padding:0!important}


/* Horizontal dimensions and compact product layout 2026-10-14 */
body.home-page-mode #bearingSizePanel.figma-size-panel{padding:10px 12px!important}
body.home-page-mode #bearingSizePanel .bs-row{gap:14px!important;align-items:center!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 150px!important;flex-direction:row!important;align-items:center!important;gap:8px!important;font-size:13px!important;white-space:nowrap!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:1 1 70px!important;width:70px!important;min-width:52px!important;max-width:110px!important;height:38px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{flex:0 0 100px!important;align-self:center!important;width:100px!important}
body.home-page-mode #bearingSizePanel .bs-clear-btn{display:none!important}
body.pdp-redesign .pdp-price-row{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important}
body.pdp-redesign .pdp-price-row .avail{order:0!important}
body.pdp-redesign .pdp{margin-bottom:10px!important;align-items:start!important}
body.pdp-redesign .pdp-features{margin-top:14px!important;padding-top:12px!important}
body.pdp-redesign .pdp-info{padding:1.2rem 1.4rem!important}
@media(max-width:700px){
body.home-page-mode #bearingSizePanel .bs-row{gap:10px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 calc(50% - 10px)!important;flex-direction:column!important;align-items:stretch!important;white-space:normal!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:0 0 38px!important;width:100%!important;max-width:none!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{flex:1 0 100%!important;width:100%!important}
body.pdp-redesign .pdp-info{padding:1rem!important}
}


/* Match the dimensions panel to the full search width. */
body.home-page-mode .home-main{min-width:0!important}
body.home-page-mode .figma-search-row,body.home-page-mode .figma-search-row .hsearch,body.home-page-mode #bearingSizePanel.figma-size-panel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
body.home-page-mode #bearingSizePanel .bs-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) 100px!important;width:100%!important;min-width:0!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{min-width:0!important;white-space:normal!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{min-width:45px!important;flex:1 1 65px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{width:100%!important;min-width:0!important}
@media(max-width:1100px){body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home-page-mode #bearingSizePanel .bs-panel-actions{grid-column:1/-1!important}}

/* Equal-height desktop search rows, cumulative correction. */
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{height:58px!important;min-height:58px!important;max-height:58px!important;padding:9px 12px!important}
body.home-page-mode #bearingSizePanel .bs-row{height:38px!important;grid-template-columns:repeat(4,minmax(0,1fr)) 110px!important;align-items:center!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{height:38px!important;min-width:40px!important;width:65px!important;flex:1 1 65px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{align-self:center!important;height:38px!important;margin:0!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{font-size:13px!important;min-width:0!important;padding:0 8px!important;height:38px!important}
}
body.pdp-redesign .pdp-price-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:12px 0!important;margin:3px 0 14px!important}
body.pdp-redesign .pdp-price-row .avail{order:0!important;margin-left:auto!important}
body.pdp-redesign .pdp-info{min-height:0!important;height:auto!important}
body.pdp-redesign .pdp-features{margin-top:14px!important}

/* Compact mobile dimensions and wider desktop action. */
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(4,minmax(0,1fr)) calc(22% + 5.28px)!important;gap:6px!important}
body.home-page-mode #bearingSizePanel .bs-field{gap:6px!important;font-size:12px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{max-width:96px!important;min-width:36px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{width:100%!important;flex:none!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{width:100%!important;font-size:13px!important;white-space:normal!important;line-height:1.15!important}
}
@media(max-width:1100px){
body.home-page-mode #bearingSizePanel.figma-size-panel{height:auto!important;min-height:0!important;max-height:none!important;padding:10px!important}
body.home-page-mode #bearingSizePanel .bs-row{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important}
body.home-page-mode #bearingSizePanel .bs-field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:0 0 40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;width:100%!important;max-width:none!important;min-width:0!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap input{height:40px!important;min-height:40px!important;max-height:40px!important;box-sizing:border-box!important;padding:0 30px 0 10px!important;font-size:16px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{grid-column:1/-1!important;height:40px!important;align-self:auto!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{height:40px!important;min-height:40px!important;width:100%!important;margin:0!important}
}

@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{padding-right:0!important}
body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(4,minmax(0,1fr)) calc(22% + 2.64px)!important}
}

/* Button lettering and swapped result typography. */
body.home-page-mode .figma-search-row .hsearch>button{font-size:clamp(.984rem,1.2vw,1.176rem)!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{font-size:15.6px!important;line-height:1.15!important}
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}
body.home-page-mode #bearingSizePanel .bs-row{height:56px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{height:56px!important;align-self:stretch!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{height:56px!important;min-height:56px!important;border-radius:8px 0 0 8px!important}
}
@media(max-width:700px){body.home-page-mode .figma-search-row .hsearch>button{font-size:16.8px!important}}
#resultsSection .td-art,#resultsSection .td-art a,#resultsSection .td-art mark{font-family:inherit!important;font-size:.98rem!important;font-weight:600!important;line-height:1.35!important}
#resultsSection .td-nm,#resultsSection .td-nm a,#resultsSection .td-nm mark{font-family:monospace!important;font-size:12.5px!important;font-weight:400!important}
@media(max-width:700px){
#resultsSection .td-art,#resultsSection .td-art a,#resultsSection .td-art mark{font-size:12px!important}
#resultsSection .td-nm,#resultsSection .td-nm a,#resultsSection .td-nm mark{font-size:14px!important}
}

/* Restore typefaces; change only mobile text sizes. */
#resultsSection .td-art,#resultsSection .td-art a,#resultsSection .td-art mark{font-family:monospace!important;font-size:12.5px!important;font-weight:400!important}
#resultsSection .td-nm,#resultsSection .td-nm a,#resultsSection .td-nm mark{font-family:inherit!important;font-size:.98rem!important;font-weight:600!important;line-height:1.35!important}
@media(max-width:700px){
#resultsSection .td-art,#resultsSection .td-art a,#resultsSection .td-art mark{font-size:12px!important}
#resultsSection .td-nm,#resultsSection .td-nm a,#resultsSection .td-nm mark{font-size:14px!important}
}
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{padding-top:9px!important;padding-bottom:9px!important}
body.home-page-mode #bearingSizePanel .bs-row{height:38px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{height:38px!important;align-self:center!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{height:38px!important;min-height:38px!important;border-radius:8px 0 0 8px!important}
}

/* UI refinement 2026-10-14 */
body .figma-cart .cart-count{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;aspect-ratio:1!important;box-sizing:border-box!important;padding:0!important;border-radius:50%!important;font-size:10px!important;line-height:1!important;align-items:center;justify-content:center}
body.home-page-mode #bearingSizeBtn{display:none!important}
body.home-page-mode .figma-search-row{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:0!important}
body.home-page-mode .figma-search-row .hsearch{grid-column:1/-1!important;width:100%!important;max-width:none!important}
body.home-page-mode #bearingSizePanel.figma-size-panel{display:block!important;opacity:1!important;visibility:visible!important;overflow:visible!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:14px!important;border:1px solid var(--v32-border,#8b8b8b)!important;border-radius:.48rem!important;background:var(--sf)!important;box-shadow:none!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-row{display:flex!important;height:auto!important;flex-wrap:wrap!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 135px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:0!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{width:100%!important;flex:0 0 38px!important;box-sizing:border-box!important}
body.home-page-mode #bearingSizePanel .bs-match-btn{align-self:flex-end!important;min-height:38px!important}
body #catalogDimensions,body #catalogDimensions form{border-color:var(--orange,#e8810a)!important}
body.pdp-redesign .pdp{align-items:start!important}
body.pdp-redesign .pdp-price-row{flex-direction:column!important;align-items:flex-start!important;gap:.6rem!important}
body.pdp-redesign .pdp-price-row .avail{order:-1}
body.pdp-redesign .pdp-features{margin-top:1.2rem!important}
body.pdp-redesign .pdp-gallery{min-height:0!important}
body.pdp-redesign .pdp-img-wrap{height:auto!important;min-height:0!important}
body.pdp-redesign .pdp-gallery .pdp-img{height:auto!important;max-height:27rem!important;object-fit:contain}

body.home-page-mode #bearingSizePanel .bs-panel-actions{display:flex!important;flex:1 0 130px!important;width:auto!important;align-self:flex-end!important;gap:8px!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{width:auto!important;flex:1 1 auto!important;min-width:90px!important;height:38px!important;margin:0!important;padding:0 14px!important}
body.home-page-mode #bearingSizePanel .bs-clear-btn{display:block!important;flex:0 0 36px!important;width:36px!important;height:38px!important;padding:0!important}


/* Horizontal dimensions and compact product layout 2026-10-14 */
body.home-page-mode #bearingSizePanel.figma-size-panel{padding:10px 12px!important}
body.home-page-mode #bearingSizePanel .bs-row{gap:14px!important;align-items:center!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 150px!important;flex-direction:row!important;align-items:center!important;gap:8px!important;font-size:13px!important;white-space:nowrap!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:1 1 70px!important;width:70px!important;min-width:52px!important;max-width:110px!important;height:38px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{flex:0 0 100px!important;align-self:center!important;width:100px!important}
body.home-page-mode #bearingSizePanel .bs-clear-btn{display:none!important}
body.pdp-redesign .pdp-price-row{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important}
body.pdp-redesign .pdp-price-row .avail{order:0!important}
body.pdp-redesign .pdp{margin-bottom:10px!important;align-items:start!important}
body.pdp-redesign .pdp-features{margin-top:14px!important;padding-top:12px!important}
body.pdp-redesign .pdp-info{padding:1.2rem 1.4rem!important}
@media(max-width:700px){
body.home-page-mode #bearingSizePanel .bs-row{gap:10px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex:1 1 calc(50% - 10px)!important;flex-direction:column!important;align-items:stretch!important;white-space:normal!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:0 0 38px!important;width:100%!important;max-width:none!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{flex:1 0 100%!important;width:100%!important}
body.pdp-redesign .pdp-info{padding:1rem!important}
}


/* Match the dimensions panel to the full search width. */
body.home-page-mode .home-main{min-width:0!important}
body.home-page-mode .figma-search-row,body.home-page-mode .figma-search-row .hsearch,body.home-page-mode #bearingSizePanel.figma-size-panel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
body.home-page-mode #bearingSizePanel .bs-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) 100px!important;width:100%!important;min-width:0!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{min-width:0!important;white-space:normal!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{min-width:45px!important;flex:1 1 65px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{width:100%!important;min-width:0!important}
@media(max-width:1100px){body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home-page-mode #bearingSizePanel .bs-panel-actions{grid-column:1/-1!important}}

/* Equal-height desktop search rows, cumulative correction. */
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{height:58px!important;min-height:58px!important;max-height:58px!important;padding:9px 12px!important}
body.home-page-mode #bearingSizePanel .bs-row{height:38px!important;grid-template-columns:repeat(4,minmax(0,1fr)) 110px!important;align-items:center!important;gap:12px!important}
body.home-page-mode #bearingSizePanel .bs-field{flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{height:38px!important;min-width:40px!important;width:65px!important;flex:1 1 65px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{align-self:center!important;height:38px!important;margin:0!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{font-size:13px!important;min-width:0!important;padding:0 8px!important;height:38px!important}
}
body.pdp-redesign .pdp-price-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:12px 0!important;margin:3px 0 14px!important}
body.pdp-redesign .pdp-price-row .avail{order:0!important;margin-left:auto!important}
body.pdp-redesign .pdp-info{min-height:0!important;height:auto!important}
body.pdp-redesign .pdp-features{margin-top:14px!important}

/* Compact mobile dimensions and wider desktop action. */
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(4,minmax(0,1fr)) calc(22% + 5.28px)!important;gap:6px!important}
body.home-page-mode #bearingSizePanel .bs-field{gap:6px!important;font-size:12px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{max-width:96px!important;min-width:36px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{width:100%!important;flex:none!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{width:100%!important;font-size:13px!important;white-space:normal!important;line-height:1.15!important}
}
@media(max-width:1100px){
body.home-page-mode #bearingSizePanel.figma-size-panel{height:auto!important;min-height:0!important;max-height:none!important;padding:10px!important}
body.home-page-mode #bearingSizePanel .bs-row{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important}
body.home-page-mode #bearingSizePanel .bs-field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;font-size:13px!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap{flex:0 0 40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;width:100%!important;max-width:none!important;min-width:0!important}
body.home-page-mode #bearingSizePanel .bs-input-wrap input{height:40px!important;min-height:40px!important;max-height:40px!important;box-sizing:border-box!important;padding:0 30px 0 10px!important;font-size:16px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{grid-column:1/-1!important;height:40px!important;align-self:auto!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{height:40px!important;min-height:40px!important;width:100%!important;margin:0!important}
}

@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{padding-right:0!important}
body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(4,minmax(0,1fr)) calc(22% + 2.64px)!important}
}

/* Button lettering and swapped result typography. */
body.home-page-mode .figma-search-row .hsearch>button{font-size:clamp(.984rem,1.2vw,1.176rem)!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{font-size:15.6px!important;line-height:1.15!important}
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}
body.home-page-mode #bearingSizePanel .bs-row{height:56px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{height:56px!important;align-self:stretch!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{height:56px!important;min-height:56px!important;border-radius:8px 0 0 8px!important}
}
@media(max-width:700px){body.home-page-mode .figma-search-row .hsearch>button{font-size:16.8px!important}}
#resultsSection .td-art,#resultsSection .td-art a,#resultsSection .td-art mark{font-family:inherit!important;font-size:.98rem!important;font-weight:600!important;line-height:1.35!important}
#resultsSection .td-nm,#resultsSection .td-nm a,#resultsSection .td-nm mark{font-family:monospace!important;font-size:12.5px!important;font-weight:400!important}
@media(max-width:700px){
#resultsSection .td-art,#resultsSection .td-art a,#resultsSection .td-art mark{font-size:12px!important}
#resultsSection .td-nm,#resultsSection .td-nm a,#resultsSection .td-nm mark{font-size:14px!important}
}

/* Restore typefaces; change only mobile text sizes. */
#resultsSection .td-art,#resultsSection .td-art a,#resultsSection .td-art mark{font-family:monospace!important;font-size:12.5px!important;font-weight:400!important}
#resultsSection .td-nm,#resultsSection .td-nm a,#resultsSection .td-nm mark{font-family:inherit!important;font-size:.98rem!important;font-weight:600!important;line-height:1.35!important}
@media(max-width:700px){
#resultsSection .td-art,#resultsSection .td-art a,#resultsSection .td-art mark{font-size:12px!important}
#resultsSection .td-nm,#resultsSection .td-nm a,#resultsSection .td-nm mark{font-size:14px!important}
}
@media(min-width:1101px){
body.home-page-mode #bearingSizePanel.figma-size-panel{padding-top:9px!important;padding-bottom:9px!important}
body.home-page-mode #bearingSizePanel .bs-row{height:38px!important}
body.home-page-mode #bearingSizePanel .bs-panel-actions{height:38px!important;align-self:center!important}
body.home-page-mode #bearingSizePanel .bs-search-btn{height:38px!important;min-height:38px!important;border-radius:8px 0 0 8px!important}
}

body.home-page-mode #bearingSizePanel .bs-search-btn{font-size:12.48px!important}
/* Requested dropdown and cart corrections, 2026-10-19. */
html body.home-page-mode #bearingSizeBtn{display:flex!important;height:auto!important;min-height:0!important;max-height:none!important;align-self:stretch!important;align-items:center!important;justify-content:center!important}
html body.home-page-mode .figma-search-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,27%)!important;gap:12px!important;height:auto!important;max-height:none!important}
html body.home-page-mode .figma-search-row .hsearch{grid-column:auto!important;width:100%!important}
html body.home-page-mode #bearingSizePanel.figma-size-panel{display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding:12px!important;overflow:visible!important}
html body.home-page-mode #bearingSizePanel.figma-size-panel.open{display:block!important}
html body.home-page-mode #bearingSizePanel .bs-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) auto!important;gap:18px!important;height:auto!important}
html body.home-page-mode #bearingSizePanel .bs-field{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;align-items:center!important;min-width:0!important}
html body.home-page-mode #bearingSizePanel .bs-input-wrap{width:100%!important;max-width:100px!important;min-width:0!important;height:40px!important;flex:none!important}
html body.home-page-mode #bearingSizePanel input{width:100%!important;height:40px!important;min-height:40px!important;padding:0 26px 0 10px!important;box-sizing:border-box!important}
html body.home-page-mode #bearingSizePanel .bs-panel-actions,html body.home-page-mode #bearingSizePanel .bs-search-btn{width:auto!important;height:40px!important;min-height:40px!important;margin:0!important}
html body.home-page-mode #bearingSizePanel .bs-search-btn{font-size:14px!important;padding:0 22px!important;border-radius:8px!important}
html body #cartCount{display:none!important}
html body #cartPanel .cart-header>.back-btn{display:none!important}
html body #cartTitle{font-size:28px!important}
html body #sortRow{flex-wrap:wrap!important;gap:10px!important}
html body #sortRow #b2bBrand{order:-2!important;grid-column:auto!important;grid-row:auto!important;margin:0!important}
html body #b2bBrand summary{background:var(--sf)!important;border-color:var(--br)!important;color:var(--tx)!important;font-weight:400!important}
html body #cartBody .cart-row{display:grid!important;grid-template-columns:minmax(220px,1fr) 135px 112px 140px 28px!important;gap:20px!important;align-items:center!important}
html body #cartBody .cr-info,html body #cartBody .qty-ctrl,html body #cartBody .cr-price,html body #cartBody .del-btn{grid-column:auto!important;grid-row:auto!important}
html body #cartBody .cr-unit-price{font-size:14px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
html body #cartBody .cr-price small{display:none!important}
@media(min-width:1100px){html body .figma-footer-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,1.7fr) minmax(0,.9fr)!important;column-gap:32px!important}html body .figma-footer-contact-center{min-width:0!important}}
@media(max-width:1100px){html body.home-page-mode #bearingSizePanel .bs-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 18px!important}html body.home-page-mode #bearingSizePanel .bs-panel-actions{grid-column:1/-1!important}html body.home-page-mode #bearingSizePanel .bs-search-btn{width:100%!important}html body.home-page-mode #bearingSizePanel .bs-field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important}html body.home-page-mode #bearingSizePanel .bs-input-wrap{max-width:none!important}}
@media(max-width:700px){html body.home-page-mode .figma-search-row{grid-template-columns:1fr!important;gap:8px!important}html body.home-page-mode #bearingSizeBtn{height:46px!important;min-height:46px!important;max-height:46px!important}html body #cartBody .cart-row{grid-template-columns:minmax(0,1fr) auto 28px!important;gap:12px!important}html body #cartBody .cr-info{grid-column:1/-1!important}html body #cartBody .cr-unit-price{grid-column:1/-1!important;text-align:left}html body #cartBody .qty-ctrl{grid-column:1!important}html body #cartBody .cr-price{grid-column:2!important}html body #cartBody .del-btn{grid-column:3!important}html body #sortRow #b2bBrand{grid-column:1/-1!important;width:100%!important}}

/* Brand sorting and cart label spacing, 2026-10-19b. */
html body #sortRow #b2bBrand{order:0!important;border:1px solid var(--br)!important;border-radius:9px!important;background:var(--sf)!important;color:var(--tx)!important;min-width:0!important;width:auto!important;flex:0 0 auto!important;padding:0!important;align-self:center!important}
html body #sortRow #b2bBrand summary{border:0!important;border-radius:8px!important;background:transparent!important;color:var(--tx)!important;font-size:15px!important;padding:10px 12px!important;font-weight:400!important}
html body #cartBody .cr-unit-price{white-space:normal!important;overflow-wrap:anywhere;min-width:0;line-height:1.35;justify-self:end;max-width:100%}
html body #cartBody .cr-price{white-space:normal!important;overflow-wrap:anywhere;min-width:0}
html body .figma-b2b>b{display:none!important}
@media(max-width:700px){html body #cartBody .cr-unit-price{justify-self:start}html body #sortRow #b2bBrand{width:auto!important;grid-column:auto!important}}
/* Mobile catalogue corrections, 2026-10-20. */
html body #sortTrigger{display:none}
html body #sortOptions{overflow:visible!important}
@media(max-width:899px){
 html body .results-toolbar{grid-template-columns:1fr 1fr 1fr!important;position:relative}
 html body .results-toolbar #resultsCount{grid-column:2!important;grid-row:1!important;text-align:center!important;white-space:nowrap;justify-self:center}
 html body .results-toolbar #catalogDimensions{grid-column:1/-1!important;grid-row:2!important;width:100%!important;box-sizing:border-box}
 html body .results-toolbar #sortRow{position:relative;grid-column:1/-1!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start}
 html body #mobileCategoryFilter{grid-column:1!important;grid-row:1!important;order:0!important;height:40px!important}
 html body #mobileSort{display:none!important}
 html body #sortTrigger{display:flex!important;grid-column:2;grid-row:1;align-items:center;justify-content:space-between;gap:6px;width:100%;height:40px;border:1px solid var(--br);border-radius:8px;background:var(--sf);color:var(--tx);font:inherit;font-size:14px;padding:8px;min-width:0}
 html body #sortCurrentLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html body #sortOptions{display:none!important;position:absolute;right:0;top:calc(100% + 6px);width:min(290px,100%);z-index:150;background:var(--sf);border:1px solid var(--br);border-radius:10px;padding:8px;box-shadow:0 6px 18px #0002;box-sizing:border-box}
 html body #sortRow.open #sortOptions{display:flex!important;flex-direction:column;align-items:stretch;gap:6px}
 html body #sortRow #b2bBrand{width:100%!important;box-sizing:border-box;grid-column:auto!important;grid-row:auto!important}
 html body #b2bBrand .brand-panel{position:static!important;width:100%!important;max-height:260px;overflow:auto;border:0!important;box-shadow:none}
 html body #b2bBrand .brand-options{max-height:210px;overflow:auto}
 html body .ptable td.td-stock,html body .ptable .unavailable td.td-stock{display:block!important;grid-column:2!important;grid-row:1!important}
 html body .ptable .td-pr{grid-row:2!important}
 html body .ptable .td-nm{grid-row:2/4!important}
 html body .pdp-price-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
 html body .pdp-price-row .avail{order:0!important;margin:0!important;max-width:100%;white-space:normal}
 html body .pdp-price-row .price{order:1!important}
 html body .figma-cart{position:relative!important;overflow:visible!important}
 html body #cartCount.show{display:flex!important;position:absolute!important;right:-3px!important;top:-6px!important;width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;border-radius:50%!important;background:var(--orange)!important;color:white!important;align-items:center;justify-content:center;font-size:10px!important;line-height:1!important}
 html body #cartBody .cr-unit-price:empty{display:none!important}
}
html body .brand-count{background:var(--orange)!important;color:#fff!important}
html body .pdp-price-row:not(.gp-stock-missing){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap;gap:12px!important}
html body .pdp-price-row:not(.gp-stock-missing) .price{order:0!important;margin:0!important}
html body .pdp-price-row:not(.gp-stock-missing) .avail{order:1!important;margin:0 0 0 auto!important}
html body .pdp-price-row.gp-stock-missing{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
html body .pdp-price-row.gp-stock-missing .avail{order:0!important;margin:0!important}
html body .pdp-price-row.gp-stock-missing .price{order:1!important}
@media(max-width:899px){
 html body .results-toolbar{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)!important}
 html body .results-toolbar #resultsCount{grid-column:1/-1!important;width:100%!important;pointer-events:none}
 html body .results-toolbar #backBtn1{grid-column:1!important;z-index:1;width:max-content}
 html body .results-toolbar #catalogDimensions{grid-column:1!important;grid-row:2!important}
 html body .results-toolbar>#mobileCategoryFilter{grid-column:2!important;grid-row:2!important;display:block!important;height:40px!important}
 html body .results-toolbar #sortRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 html body #sortRow>#b2bBrand{grid-column:1!important;grid-row:1!important;height:40px!important;align-self:stretch!important}
 html body #sortRow>#b2bBrand>summary{height:100%;box-sizing:border-box;font-size:14px!important;padding:8px!important}
 html body #sortRow>#b2bBrand .brand-panel{position:absolute!important;top:100%;left:0!important;right:auto!important;width:min(290px,calc(100vw - 32px))!important;background:var(--sf);border:1px solid var(--br)!important;box-shadow:0 6px 18px #0002;z-index:160}
 html body #catalogDimensions summary{height:40px!important;box-sizing:border-box;font-size:12px!important;padding:8px!important;gap:4px!important}
}
@media(max-width:899px){html body .results-toolbar #resultsCount{justify-content:center!important;gap:3px!important}}

/* Mobile button typography and matching chevron, 2026-10-21. */
@media(max-width:899px){
 html body #catalogDimensions summary,html body #bearingSizeBtn{font-size:14px!important}
 html body #sortTrigger>span[aria-hidden="true"]{font-size:0!important;display:inline-flex;align-items:center;justify-content:center;flex:0 0 12px;width:12px;height:15px}
 html body #sortTrigger>span[aria-hidden="true"]::after{content:"›";font-size:21px;line-height:15px;transform:rotate(90deg)}
 html body #sortTrigger[aria-expanded="true"]>span[aria-hidden="true"]::after{transform:rotate(-90deg)}
}

/* Category enlargement only on desktop; original mobile sizes. */
@media(min-width:900px){
 html body.home-page-mode #homeSidebar .side-cat > span:not(.side-icon):not(.roller-illustration){font-size:1.2em!important;line-height:1.2!important;min-width:0;white-space:normal;overflow-wrap:break-word}
 html body.home-page-mode #homeSidebar .side-icon img,html body.home-page-mode #homeSidebar .roller-illustration img{scale:1.4375!important}
}
html body.home-page-mode #sideRollersCustomText br{display:block!important}

/* Availability belongs beside the quantity, 2026-10-22. */
html body #cartBody .cr-unit-price .cr-stock{margin:0;font-size:13px;line-height:1.4}

/* Catalog controls, 2026-10-26. */
html[data-theme="dark"] body #sortRow #b2bBrand{background:#232321!important;border-color:#454540!important}
@media(max-width:899px){html body #mobileCategoryFilter{appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important}html[data-theme="dark"] body #mobileCategoryFilter{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23eeeeee' stroke-width='2'/%3E%3C/svg%3E")!important}}
.certificates-page{max-width:1200px;margin:auto;padding:32px 20px 48px}.certificates-page h1{font-size:32px;margin:20px 0 12px}.certificate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.certificate-card{background:var(--sf);border:1px solid var(--br);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px}.certificate-card img{width:100%;height:280px;object-fit:contain;background:#fff;border-radius:8px}.certificate-card h2{font-size:22px;margin:0}.certificate-card p{line-height:1.6;margin:0}.certificate-card>a:last-child{margin-top:auto;color:var(--od);font-weight:600;padding-top:10px}.certificate-card small{color:var(--mu)}@media(max-width:700px){.certificate-grid{grid-template-columns:1fr}.certificates-page{padding:20px 16px}.certificate-card{padding:18px}.certificate-card img{height:240px}}

@media(max-width:899px){html[data-theme="dark"] body #sortRow #b2bBrand{background:var(--sf)!important;border-color:var(--br)!important}}

/* Catalog controls, 2026-10-26. */
html[data-theme="dark"] body #sortRow #b2bBrand{background:#232321!important;border-color:#454540!important}
@media(max-width:899px){html body #mobileCategoryFilter{appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important}html[data-theme="dark"] body #mobileCategoryFilter{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23eeeeee' stroke-width='2'/%3E%3C/svg%3E")!important}}
.certificates-page{max-width:1200px;margin:auto;padding:32px 20px 48px}.certificates-page h1{font-size:32px;margin:20px 0 12px}.certificate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.certificate-card{background:var(--sf);border:1px solid var(--br);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px}.certificate-card img{width:100%;height:280px;object-fit:contain;background:#fff;border-radius:8px}.certificate-card h2{font-size:22px;margin:0}.certificate-card p{line-height:1.6;margin:0}.certificate-card>a:last-child{margin-top:auto;color:var(--od);font-weight:600;padding-top:10px}.certificate-card small{color:var(--mu)}@media(max-width:700px){.certificate-grid{grid-template-columns:1fr}.certificates-page{padding:20px 16px}.certificate-card{padding:18px}.certificate-card img{height:240px}}

@media(max-width:899px){html[data-theme="dark"] body #sortRow #b2bBrand{background:var(--sf)!important;border-color:var(--br)!important}}

/* Certificate viewer and aligned footer link. */
html body .certificates-page> a:first-child{color:var(--orange)!important;font-weight:600}
html body .figma-info-links>#fLinkCertificates{grid-column:1/-1;text-align:center;align-self:center;width:100%;margin-top:10px}
@media(max-width:899px){
html body #mobileCategoryFilter{background-size:12px 8px!important}
html body .brand-chevron,html body #sortTrigger>span[aria-hidden="true"]{font-size:0!important;display:inline-block!important;flex:0 0 12px;width:12px!important;height:8px!important;line-height:0!important;transform:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E") center/12px 8px no-repeat!important}
html body #sortTrigger>span[aria-hidden="true"]::after{content:none!important}
html body details[open] .brand-chevron,html body #sortTrigger[aria-expanded="true"]>span[aria-hidden="true"]{transform:rotate(180deg)!important}
html[data-theme="dark"] body .brand-chevron,html[data-theme="dark"] body #sortTrigger>span[aria-hidden="true"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23eeeeee' stroke-width='2'/%3E%3C/svg%3E")!important}
}

/* Footer link layout, 2026-10-26. */
html body .figma-info-links>#fLinkCertificates{margin:0!important;padding:0!important}
@media(min-width:900px){
html body .figma-footer-info,html body .figma-footer-phones{align-self:start!important}
html body .figma-footer-info h4,html body .figma-footer-phones h4{line-height:24px!important;margin:0 0 10px!important;transform:none!important}
html body .figma-info-links{display:grid!important;grid-template-columns:1fr 1fr!important;row-gap:0!important}
html body .figma-info-links a,html body .figma-footer-phones>a{display:block!important;line-height:22px!important;margin:0!important;padding:0!important;transform:none!important}
html body .figma-info-links>#fLinkCertificates{grid-column:1/-1!important;text-align:center!important;width:100%!important;justify-self:center!important}
}
@media(max-width:899px){html body .figma-info-links>#fLinkCertificates{text-align:left!important;align-self:stretch!important;width:100%!important;padding:5px 0!important;min-height:25px!important}}

/* Fine alignment of desktop certificates link. */
@media(min-width:900px){html body .figma-info-links>#fLinkCertificates{transform:translateX(-20px)!important}}

/* Fine alignment of desktop certificates link. */
@media(min-width:900px){html body .figma-footer-info h4{transform:translateX(-16px)!important}}

/* Fine alignment of desktop certificates link. */
@media(min-width:900px){html body .figma-footer-info h4{transform:translateX(-18px)!important}}

/* Persistent scrollbar for checkout products only. */
html body .gp-checkout .order-items{overflow-y:scroll!important;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#aaa var(--bg,#f4f3ef)}
@supports selector(::-webkit-scrollbar){
 html body .gp-checkout .order-items{scrollbar-color:auto}
 html body .gp-checkout .order-items::-webkit-scrollbar{width:12px!important;display:block!important}
 html body .gp-checkout .order-items::-webkit-scrollbar-track{background:var(--bg,#f4f3ef);border-radius:8px}
 html body .gp-checkout .order-items::-webkit-scrollbar-thumb{background:#aaa;border:2px solid var(--bg,#f4f3ef);border-radius:8px;min-height:28px}
}