/* ===== BASE (Phase 1 consolidated, verbatim) ===== */
/* ===== fp-v3 ===== */
:root{--fpb:#3054CC;--fpbh:#243F9E;--fpbl:#5A7AE6;--fpn:#0B1E3F;--fpn2:#13294A;--fpline:#E2E6ED;--fpink:#232323;--fpmut:#6B7686;--fpsurf:#F8F8F9}
body{font-family:Roboto,system-ui,sans-serif;color:var(--fpink)}
h1,h2,h3,h4,h5,h6{font-family:"Roboto",Inter,sans-serif;font-weight:600;letter-spacing:.01em}
#wrap .s_cover h1{font-size:clamp(2.4rem,4.4vw,3.6rem);line-height:1.04;color:#fff;text-transform:uppercase}
#wrap section h2{font-size:clamp(1.7rem,2.8vw,2.4rem);text-transform:uppercase;color:var(--fpn)}
#wrapwrap .btn{border-radius:2px!important}
#wrapwrap .btn-primary{background:var(--fpb);border-color:var(--fpb);font-family:"Roboto";text-transform:uppercase;letter-spacing:.05em;font-weight:600}
#wrapwrap .btn-primary:hover,#wrapwrap .btn-primary:active{background:var(--fpbh);border-color:var(--fpbh)}
#wrapwrap .btn-outline-primary{color:var(--fpb);border-color:var(--fpb);font-family:"Roboto";text-transform:uppercase;letter-spacing:.05em;font-weight:600}
#wrapwrap .btn-secondary{font-family:"Roboto";text-transform:uppercase;letter-spacing:.05em;font-weight:600}
#wrapwrap .card{border-radius:2px}
#wrapwrap .form-control,#wrapwrap .form-select{border-radius:2px}
#wrapwrap .page-link{border-radius:0!important}
#wrapwrap .badge{border-radius:2px}
.fp-topbar{background:var(--fpn);color:#9FB8DC;font-family:"Roboto Mono",monospace;font-size:.6875rem;letter-spacing:.02em;text-transform:uppercase}
.fp-topbar .inner{max-width:1320px;margin:0 auto;padding:.4rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
@media(max-width:576px){.fp-topbar .fp-langs{display:none}.fp-topbar{font-size:.625rem}}
header#top .navbar{background:#fff}
header#top .border-start,header#top .border-end,header#top .o_border_contrast,header#top ul#top_menu>li{border:0!important}
.navbar-brand span[role="img"]{display:inline-flex!important;align-items:center}.navbar-brand img{display:inline-block!important;max-height:42px;width:auto;height:auto}
.navbar-brand{display:inline-flex;align-items:center}

header#top .nav-link{font-family:"Roboto";text-transform:uppercase;font-weight:500;font-size:.95rem;letter-spacing:.03em;color:#33405A}
header#top .nav-link:hover{color:var(--fpb)}
header#top form[role="search"] .form-control{border-radius:2px;border:1px solid #C9D2DE;background:var(--fpsurf);height:40px;max-width:220px}
header#top form[role="search"] .btn{height:40px;flex-shrink:0}
header#top a[href^="tel"]{font-family:"Roboto Mono",monospace;font-size:.8rem;color:var(--fpn);background:transparent;border:1px solid var(--fpline);border-radius:2px;padding:.45rem .7rem;display:inline-flex;align-items:center;gap:.35rem;height:40px}
@media(max-width:1300px){header#top form[role="search"] .form-control{max-width:170px}header#top a[href^="tel"] span{display:none}}
#wrap .s_cover{position:relative;background-color:#0A1A30!important;min-height:72vh;display:flex;align-items:center}
#wrap .s_cover::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(40,125,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(40,125,255,.10) 1px,transparent 1px);background-size:30px 30px,30px 30px}
#wrap .s_cover .container{position:relative;z-index:1}
#wrap .s_cover p{color:#C9D7EC}
.fp-stats{display:flex;flex-wrap:nowrap;gap:1px;background:#27456F;border:1px solid #27456F;max-width:max-content}
.fp-stat{flex:0 1 auto;background:rgba(10,26,48,.84);padding:.65rem .95rem;display:flex;flex-direction:column;justify-content:center;min-width:0}
.fp-num{font-family:"Roboto";font-weight:600;font-size:1.3rem;color:#fff;display:block;line-height:1.1}
.fp-lab{font-family:"Roboto Mono",monospace;font-size:.64rem;text-transform:uppercase;letter-spacing:.03em;color:#9FB8DC;white-space:nowrap}
#wrap img[src*="s_masonry_block"]{display:none!important}
#wrap img[src*="s_cta_box.svg"]{display:none!important}
#wrap .s_masonry_block .grid{grid-auto-rows:24px}
#wrap .s_masonry_block .o_grid_item{border-radius:2px;display:flex;flex-direction:column;justify-content:center!important}
.s_dynamic_category_item{border-radius:2px;overflow:hidden}
.s_dynamic_category_item img{transition:transform .35s ease}
.s_dynamic_category_item:hover img{transform:scale(1.05)}
.s_dynamic_category_item .bg-black-25{background:linear-gradient(180deg,rgba(11,30,63,.06) 35%,rgba(11,30,63,.82))!important}
.s_faq_list h3{border-left:3px solid var(--fpb);padding-left:.65rem;font-size:1.1rem;border-radius:0}
.s_cta_box .card{background:linear-gradient(180deg,rgba(7,16,32,.78),rgba(11,30,63,.9)),url(/web/image/23126) center/cover;border-radius:2px;border:0}
.s_cta_box figure.o_card_img_wrapper{display:none}
.s_cta_box .card-body{display:flex;flex-direction:column;justify-content:center}
.s_cta_box h2,.s_cta_box h3,.s_cta_box .card-body{color:#fff}
.s_cta_box .btn-primary{background:#fff!important;border-color:#fff!important;color:var(--fpn)!important}
#wrapwrap>footer{background:var(--fpn)!important;color:#B9C7DE}
#wrapwrap>footer h5{color:#fff;text-transform:uppercase;letter-spacing:.05em}
#wrapwrap>footer a{color:#B9C7DE}
#wrapwrap>footer a:hover{color:#fff}
#wrapwrap>footer .s_hr hr{width:34px;border-color:var(--fpbl);opacity:1}
#wrapwrap>footer .s_badge{background:transparent;border:1px solid #2A4368;color:#B9C7DE;border-radius:2px}
#wrapwrap>footer i.fa{background:rgba(255,255,255,.08);padding:.5rem;border-radius:2px}

/* ===== fp-v3-shop ===== */
.oe_product_cart{border:1px solid var(--fpline)!important;border-radius:2px!important;transition:border-color .15s,box-shadow .15s}
.oe_product_cart:hover{border-color:var(--fpb)!important;box-shadow:0 2px 0 0 var(--fpb)}
.oe_product_cart .oe_product_image img{object-fit:contain;aspect-ratio:1/1;width:100%}
.oe_product_cart h6 a,.oe_product_cart .o_wsale_products_item_title a{font-family:Roboto,sans-serif;font-size:.8125rem;font-weight:500;color:var(--fpink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}
.oe_product_cart .product_price{font-family:"Roboto";font-weight:600;font-size:1.2rem;color:var(--fpn)}
.oe_product_cart .o_wsale_product_btn .btn{width:100%;border-radius:2px}
.o_wsale_filmstip_container a,.o_wsale_filmstrip_container a{font-family:"Roboto";text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--fpline);border-radius:2px;background:#fff}
#products_grid_before h6,#products_grid_before .h6{font-family:"Roboto";text-transform:uppercase;letter-spacing:.04em;color:var(--fpn)}
#product_detail h1{font-family:"Roboto";text-transform:uppercase;font-size:clamp(1.5rem,2.4vw,2.1rem);color:var(--fpn)}
#product_detail .product_price{font-family:"Roboto";font-weight:600;color:var(--fpn)}
#product_detail .availability_message_div,#product_detail div[id*="threshold"]{font-family:"Roboto Mono",monospace;font-size:.75rem;color:#1D7A3E;text-transform:uppercase}
#product_detail span[itemprop="sku"],#product_detail .o_sku{font-family:"Roboto Mono",monospace;color:var(--fpb)}

.oe_product_cart .o_add_wishlist:hover{color:#C0392B;border-color:#C0392B}
.oe_product_cart .o_add_compare:hover{color:var(--fpb);border-color:var(--fpb)}
.oe_product_cart .o_wsale_product_btn_primary{flex:1 1 auto}
.oe_product_cart .product_price span{font-family:"Roboto",sans-serif!important;font-weight:600;font-size:1.2rem;color:var(--fpn)}
#wrap .s_cta_box h2,#wrap .s_cta_box .card-body h2{color:#fff!important}
#wrap .s_cta_box .btn{width:auto!important;display:inline-block;align-self:flex-start}
#product_detail .breadcrumb{font-family:"Roboto Mono",monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.02em}
#product_detail .o_wsale_product_images{border:1px solid var(--fpline);border-radius:2px;background:#fff;padding:1rem}
#product_specifications h2,#product_specifications .h2{font-size:1.4rem;letter-spacing:.04em}
#product_specifications table{max-width:920px}
#product_detail .css_quantity .form-control{border-radius:0}
#product_detail .o_add_wishlist{font-family:"Roboto";text-transform:uppercase;letter-spacing:.04em}
#wrap .s_cover .btn-secondary{background:transparent;border:1px solid #3A567E;color:#E3ECF8}
#wrap .s_cover .btn-secondary:hover{border-color:#5C93F2;color:#fff}
.fp-paylist{font-family:"Roboto Mono",monospace;font-size:.78rem;letter-spacing:.02em;color:#B9C7DE;text-transform:uppercase}
body{font-size:1.0625rem}
.fp-topbar{font-size:.78rem}
header#top .nav-link{font-size:1.05rem}
.navbar-brand{font-size:1.9rem!important}
header#top form[role="search"] .form-control{height:44px;max-width:260px;font-size:.95rem}
header#top a[href^="tel"]{font-size:.9rem;height:44px}
header#top .btn{height:44px}
#wrap .s_cover h1{font-size:clamp(2.8rem,5vw,4.2rem)}
#wrap .s_cover p{font-size:1.1rem}
#wrap section h2{font-size:clamp(2rem,3.2vw,2.8rem)}
.fp-num{font-size:1.55rem}
.fp-lab{font-size:.72rem}
.fp-stat{padding:.7rem 1.1rem}
#wrapwrap .btn-lg{padding:.8rem 1.6rem;font-size:1.05rem}
.oe_product_cart h6 a,.oe_product_cart .o_wsale_products_item_title a{font-size:.9rem;min-height:0;line-height:1.25}
.oe_product_cart .product_price span{font-size:1.25rem!important}
.oe_product_cart .o_wsale_product_btn_primary{font-size:.85rem;padding:.5rem}
.o_wsale_filmstip_container a,.o_wsale_filmstrip_container a{font-size:1rem}
#product_detail h1{font-size:clamp(1.9rem,2.8vw,2.6rem)}
#product_detail .product_price{font-size:1.6rem}
#wrapwrap>footer{font-size:1rem}
.fp-shoptools{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;padding:8px 12px;border:1px solid var(--fpline);background:#fff}
.fp-st-left,.fp-st-right{display:flex;align-items:center;gap:6px}
.fp-st-lab{font-family:"Roboto Mono",monospace;font-size:.72rem;text-transform:uppercase;color:var(--fpmut);margin-right:6px}
.fp-st-btn{border:1px solid var(--fpline);background:#fff;padding:7px 13px;font-family:"Roboto",sans-serif;font-weight:600;font-size:1rem;cursor:pointer;line-height:1;color:#33405A}
.fp-st-btn.active{background:var(--fpb);color:#fff;border-color:var(--fpb)}
.fp-listview #o_wsale_products_grid{display:flex!important;flex-direction:column;gap:10px}
.fp-listview #o_wsale_products_grid>*{width:100%!important;max-width:100%!important}
.fp-listview .oe_product_cart{flex-direction:row!important;align-items:center;gap:18px;padding:12px 16px}
.fp-listview .oe_product_cart .oe_product_image{flex:0 0 120px;width:120px}
.fp-listview .oe_product_cart .oe_product_image img{aspect-ratio:1/1}
.fp-listview .o_wsale_product_sub{display:flex;align-items:center;gap:22px;flex:1}
.fp-listview .o_wsale_product_information_text{flex:1;min-width:0}
.fp-listview .o_wsale_products_item_title a{font-size:1.1rem!important;min-height:0!important}
.fp-listview .o_wsale_product_btn{flex:0 0 320px;display:flex;gap:8px;align-items:center;justify-content:flex-end}
@media(max-width:768px){.fp-listview .oe_product_cart{flex-direction:column!important}.fp-listview .o_wsale_product_btn{flex:1 1 auto}}
.oe_product_cart .o_wsale_product_action_row{display:flex;gap:6px;align-items:stretch}
.oe_product_cart .o_add_wishlist,.oe_product_cart .o_add_compare{font-size:0!important;line-height:0!important;width:42px;min-width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--fpline)!important;border-radius:2px!important;color:#5B6675!important;padding:0!important;background:#fff}
.oe_product_cart .o_add_wishlist::before{content:"\f08a";font-family:FontAwesome;font-size:1.05rem;line-height:1}
.oe_product_cart .o_add_compare::before{content:"\f0ec";font-family:FontAwesome;font-size:1.05rem;line-height:1}
.oe_product_cart .o_add_wishlist:hover{color:#C0392B!important;border-color:#C0392B!important}
.oe_product_cart .o_add_compare:hover{color:var(--fpb)!important;border-color:var(--fpb)!important}
.fp-listview .oe_product_cart .o_add_wishlist,.fp-listview .oe_product_cart .o_add_compare{width:auto;min-width:0;flex:0 0 auto;font-size:.95rem!important;line-height:1!important;padding:.5rem .9rem!important}
.fp-listview .oe_product_cart .o_add_wishlist::before,.fp-listview .oe_product_cart .o_add_compare::before{margin-right:6px}
#wrapwrap>footer .small,#wrapwrap>footer .o_footer_copyright_name{color:#8FA3C2}
.missing_option_warning,[data-snippet] .alert.alert-info{display:none!important}
.oe_product_cart{display:flex!important;flex-direction:column!important}
.oe_product_cart .oe_product_image{aspect-ratio:4/3;overflow:hidden;flex:0 0 auto;width:100%}
.oe_product_cart .oe_product_image img{width:100%;height:100%;object-fit:contain;padding:6px}
.oe_product_cart .o_wsale_product_information{display:flex!important;flex-direction:column!important;flex:1 1 auto;width:100%}
.oe_product_cart .o_wsale_product_sub{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px;margin-top:0!important;flex:1 1 auto;width:100%}
.oe_product_cart .o_wsale_product_information_text{order:1;min-height:0;margin:0}.oe_product_cart .o_wsale_products_item_title{min-height:2.3rem;margin:0}
.oe_product_cart .product_price{order:2;margin:0!important;justify-content:flex-start}
.oe_product_cart .o_wsale_product_btn{order:3;margin:auto 0 0!important;padding-top:8px;width:100%;display:flex;align-items:stretch;gap:8px}
.oe_product_cart .o_wsale_product_info_attributes_wrapper{margin:0}
.fp-listview .oe_product_cart{flex-direction:row!important}
.fp-listview .oe_product_cart .o_wsale_product_sub{flex-direction:row!important;align-items:center!important;gap:22px;margin-top:0!important}
.fp-listview .oe_product_cart .o_wsale_product_information_text{min-height:0;flex:1}
.fp-listview .oe_product_cart .o_wsale_product_btn{width:auto;flex:0 0 auto;display:flex;gap:8px}
@media(max-width:768px){.fp-listview .oe_product_cart{flex-direction:column!important}.fp-listview .oe_product_cart .o_wsale_product_sub{flex-direction:column!important;align-items:stretch!important}}
@media(min-width:1800px){#wrapwrap .container{max-width:1560px}#wrap .s_cover h1{font-size:clamp(3.2rem,3.4vw,5rem)}#wrap .s_cover p{font-size:1.25rem;max-width:760px}.fp-stats{max-width:max-content}.fp-num{font-size:1.8rem}.fp-lab{font-size:.8rem}#o_wsale_products_grid{gap:20px}.oe_product_cart .o_wsale_products_item_title a{font-size:.95rem}.oe_product_cart .product_price span{font-size:1.35rem!important}}
.fp-partners{background:#fff;border-top:1px solid var(--fpline);border-bottom:1px solid var(--fpline)}
.fp-partners .fp-pt{font-family:"Roboto Mono",monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fpmut);text-align:center;margin:0 0 14px}
.fp-partners .fp-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.fp-partners .fp-logo{font-family:"Roboto",sans-serif;font-weight:600;font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase;color:#3A4250;border:1px solid var(--fpline);padding:.7rem 1.4rem;background:var(--fpsurf)}
.fp-partners .fp-logo:hover{border-color:var(--fpb);color:var(--fpb)}
.o_brand_promotion{display:none!important}
/*fp-stats-mobile*/@media(max-width:640px){.fp-stats{flex-wrap:wrap}.fp-stat{flex:1 1 45%}}
.oe_product_cart .o_wsale_product_btn .o_wsale_product_action_row{flex:1 1 auto;display:flex;gap:8px;align-items:stretch;width:100%}
.oe_product_cart .o_wsale_product_btn_primary{flex:1 1 auto!important;width:auto!important}
.oe_product_cart .o_add_wishlist,.oe_product_cart .o_add_compare{flex:0 0 42px!important;height:auto!important;min-height:42px}
.oe_product_cart .oe_subdescription_wrapper{display:none}
.oe_product_cart h6{margin:0}
/*fp-wl-listfix*/.fp-listview .oe_product_cart .o_add_wishlist::before,.fp-listview .oe_product_cart .o_add_compare::before{content:none!important;margin:0!important}
/*fp-list-v2*/
.fp-listview .oe_product_cart .o_wsale_product_information{flex-direction:row!important;align-items:center!important;gap:22px;width:100%}
.fp-listview .oe_product_cart .o_wsale_product_info_attributes_wrapper{flex:1 1 auto;min-width:0}
.fp-listview .oe_product_cart .o_wsale_product_sub{flex:0 0 auto!important;width:auto!important;flex-direction:row!important;align-items:center!important;gap:18px;margin-top:0!important}
.fp-listview .oe_product_cart .product_price{margin:0!important;white-space:nowrap}
.fp-listview .oe_product_cart .o_add_wishlist,.fp-listview .oe_product_cart .o_add_compare{flex:0 0 auto!important;width:auto!important;min-width:0!important;height:42px!important;font-size:.9rem!important;line-height:1!important;padding:.5rem .9rem!important;white-space:nowrap}
.fp-listview .oe_product_cart .o_wsale_product_btn{width:auto!important}
.fp-listview .oe_product_cart .o_wsale_products_item_title{margin:0}
@media(max-width:768px){.fp-listview .oe_product_cart .o_wsale_product_information{flex-direction:column!important;align-items:stretch!important}}
/*fp-search-align*/header#top form[role="search"]{display:flex;align-items:center}header#top form[role="search"] .btn,header#top form[role="search"] button{display:inline-flex;align-items:center;justify-content:center;height:44px;flex-shrink:0;margin:0}header#top .navbar .d-flex,header#top .o_main_navbar{align-items:center}
/*fp-cols*/@media(min-width:992px){body.fp-cols-4 #o_wsale_products_grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}body.fp-cols-5 #o_wsale_products_grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}body.fp-cols-6 #o_wsale_products_grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}body.fp-cols-5 #o_wsale_products_grid>*,body.fp-cols-6 #o_wsale_products_grid>*{grid-column:auto!important;grid-row:auto!important}body.fp-cols-4 #o_wsale_products_grid>*{grid-column:auto!important;grid-row:auto!important}body.fp-listview #o_wsale_products_grid{display:flex!important}}
/*fp-cc4fix*/#wrap .s_title.o_cc4 h2,#wrap .s_title.o_cc4 .lead,#wrap .s_title.o_cc4 p{color:#fff!important}
/*fp-card-final2*/
.oe_product_cart .o_wsale_product_information{padding:10px 12px 12px!important}
.oe_product_cart .o_wsale_product_btn,.oe_product_cart .o_wsale_product_btn .o_wsale_product_action_row{align-items:center!important}
.oe_product_cart .o_wsale_product_btn_primary{height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
.oe_product_cart .o_add_wishlist,.oe_product_cart .o_add_compare{height:46px!important;min-height:0!important;max-height:46px;width:46px!important;min-width:46px!important;flex:0 0 46px!important;box-sizing:border-box;align-self:center!important;margin:0!important}
.oe_product_cart .o_add_wishlist *,.oe_product_cart .o_add_compare *{line-height:0!important}
.oe_product_cart .product_price{line-height:1.1}
.oe_product_cart .o_wsale_products_item_title a{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/*fp-iconbtn-purge*/.oe_product_cart .o_add_wishlist>span,.oe_product_cart .o_add_wishlist>i,.oe_product_cart .o_add_compare>span,.oe_product_cart .o_add_compare>i{display:none!important;margin:0!important}

/* ===== fp-v4 ===== */
/* ===== CARDS v4 (grid) ===== */
body:not(.fp-listview) .oe_product_cart{display:flex!important;flex-direction:column!important;height:100%!important;background:#fff}
body:not(.fp-listview) .oe_product_cart .oe_product_image{aspect-ratio:1/1!important;width:100%!important;height:auto!important;flex:0 0 auto!important;border-bottom:1px solid var(--fpline);background:#fff}
body:not(.fp-listview) .oe_product_cart .oe_product_image>a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;padding:12px!important}
body:not(.fp-listview) .oe_product_cart .oe_product_image img{object-fit:contain!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;aspect-ratio:auto!important}
body:not(.fp-listview) .oe_product_cart .o_wsale_product_information{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;padding:12px 14px 14px!important;min-height:0!important}
body:not(.fp-listview) .oe_product_cart .o_wsale_product_info_attributes_wrapper{flex:0 0 auto!important;display:block!important}
.oe_product_cart .o_wsale_products_item_title{margin:0!important}
body:not(.fp-listview) .oe_product_cart .o_wsale_products_item_title a{font-family:Roboto,sans-serif!important;font-size:.875rem!important;font-weight:600!important;line-height:1.3!important;height:2.6em!important;min-height:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:var(--fpink)!important}
.fp-pn{font-family:'Roboto Mono',monospace;font-size:.7rem;font-weight:500;color:#8d96a4;letter-spacing:.02em;height:1.15rem;line-height:1.15rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0}
body:not(.fp-listview) .oe_product_cart .o_wsale_product_sub{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-top:auto!important;padding-top:10px!important}
.oe_product_cart .product_price{font-family:'Roboto',sans-serif!important;font-weight:600!important;font-size:1.3rem!important;line-height:1!important;color:var(--fpn)!important;white-space:nowrap!important}
.oe_product_cart .o_wsale_product_btn .o_wsale_product_action_row{display:flex!important;gap:8px!important;align-items:stretch!important}
.oe_product_cart .o_wsale_product_btn_primary{flex:1 1 auto!important;height:44px!important;border-radius:2px!important}
.oe_product_cart .o_wsale_product_action_row .btn:not(.o_wsale_product_btn_primary){flex:0 0 44px!important;width:44px!important;height:44px!important;padding:0!important;border-radius:2px!important}
@media(min-width:1800px){body:not(.fp-listview) .oe_product_cart .o_wsale_products_item_title a{font-size:.9375rem!important}.oe_product_cart .product_price{font-size:1.4rem!important}}
/* ===== FILTER COUNTS ===== */
form.js_attributes .form-check-label,#o_wsale_products_grid_before .form-check-label{display:flex!important;align-items:baseline!important;gap:8px;width:100%!important}
.fp-fcount{margin-left:auto;font-family:'Roboto Mono',monospace;font-size:.68rem;font-weight:600;color:#9aa3b1;background:#f1f4f8;border-radius:2px;padding:1px 5px;line-height:1.5}
/* ===== PRODUCT SPEC TABLE ===== */
#product_full_spec .container{max-width:900px}
#product_full_spec table.table{max-width:860px}
#product_full_spec td{padding:10px 16px 10px 0!important;border-bottom:1px solid var(--fpline)!important;font-family:Roboto,sans-serif!important;font-size:.9375rem!important;vertical-align:middle!important}
#product_full_spec td:first-child{width:260px!important}
#product_full_spec td:first-child span{font-family:'Roboto Mono',monospace!important;font-size:.72rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#8d96a4!important}
#product_full_spec td.text-end,#product_full_spec td.text-muted{text-align:left!important;color:var(--fpink)!important;font-weight:500!important}
/* ===== WHY FLEETPRO ===== */
.fp-why-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.fp-why-sub{font-family:'Roboto Mono',monospace;font-size:.78rem;font-weight:500;letter-spacing:.04em;color:#5a6372;text-transform:uppercase}
.fp-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:991px){.fp-why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.fp-why-grid{grid-template-columns:1fr}}
.fp-why-item{border:1px solid var(--fpline);border-radius:2px;background:#fff;padding:20px 18px 18px;transition:border-color .15s,box-shadow .15s}
.fp-why-item:hover{border-color:var(--fpb);box-shadow:0 2px 0 0 var(--fpb)}
.fp-why-num{font-family:'Roboto Mono',monospace;font-size:.7rem;font-weight:600;letter-spacing:.1em;color:var(--fpb)}
.fp-why-item h3{font-family:'Roboto',sans-serif;text-transform:uppercase;font-size:1.2rem;font-weight:600;color:var(--fpn);margin:8px 0 6px;letter-spacing:.02em}
.fp-why-item p{font-family:Roboto,sans-serif;font-size:.875rem;line-height:1.5;color:#5a6372;margin:0}
@media(min-width:1800px){.fp-why-item h3{font-size:1.35rem}.fp-why-item p{font-size:.9375rem}}

/* search btn vertical center */
header .o_searchbar_form .oe_search_button{height:100%!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.fp-sku{cursor:pointer;font-family:'Roboto Mono',monospace;font-weight:600;color:var(--fpb);border-bottom:1px dashed var(--fpb);position:relative}
.fp-sku:hover{background:#eef3ff}
.fp-sku::after{content:'\f0c5';font-family:FontAwesome;font-size:.75em;margin-left:6px;color:#9aa3b1}
.fp-sku-ok::after{content:'copied';font-family:'Roboto Mono',monospace;font-size:.7em;color:#1a9c4b}

/* fp-v4.1 buttons row fix */
.oe_product_cart .o_wsale_product_btn{display:flex!important;gap:8px!important;align-items:stretch!important;min-width:0!important;width:100%!important}
.oe_product_cart .o_wsale_product_btn .o_wsale_product_action_row{flex:1 1 auto!important;display:flex!important;gap:8px!important;min-width:0!important}
.oe_product_cart .o_wsale_product_btn_primary{flex:1 1 0!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;height:44px!important;padding-left:6px!important;padding-right:6px!important}
.oe_product_cart .o_wsale_product_btn .btn.o_add_compare,.oe_product_cart .o_wsale_product_btn .btn.o_add_wishlist{flex:0 0 44px!important;width:44px!important;height:44px!important;padding:0!important;border-radius:2px!important}
body.fp-cols-5 .oe_product_cart .o_wsale_product_btn_primary .o_label{font-size:.72rem!important;margin-left:4px!important}
body.fp-cols-5 .oe_product_cart .o_wsale_product_btn,body.fp-cols-5 .oe_product_cart .o_wsale_product_action_row{gap:6px!important}
body.fp-cols-5 .oe_product_cart .o_wsale_product_btn .btn.o_add_compare,body.fp-cols-5 .oe_product_cart .o_wsale_product_btn .btn.o_add_wishlist{flex-basis:40px!important;width:40px!important}
body.fp-cols-6 .oe_product_cart .o_wsale_product_btn{display:flex!important;flex-wrap:wrap!important;width:100%!important}
body.fp-cols-6 .oe_product_cart .o_wsale_product_action_row{flex:1 1 100%!important;width:100%!important;display:flex!important}
body.fp-cols-6 .oe_product_cart .o_wsale_product_btn_primary{flex:1 1 auto!important;width:100%!important;min-width:0!important;padding-left:4px!important;padding-right:4px!important}
body.fp-cols-6 .oe_product_cart .o_wsale_product_btn_primary .o_label{display:inline!important;font-size:.74rem!important;margin-left:4px!important}
body.fp-cols-6 .oe_product_cart .o_wsale_product_btn .o_add_compare,body.fp-cols-6 .oe_product_cart .o_wsale_product_btn .o_add_wishlist{display:none!important}
body.fp-cols-6 .oe_product_cart .o_wsale_product_btn,body.fp-cols-6 .oe_product_cart .o_wsale_product_action_row{gap:6px!important}
body.fp-cols-6 .oe_product_cart .o_wsale_product_btn .btn.o_add_compare,body.fp-cols-6 .oe_product_cart .o_wsale_product_btn .btn.o_add_wishlist{flex-basis:40px!important;width:40px!important}
/* fp-v4.1 list view fix */
body.fp-listview .oe_product_cart .oe_product_image{width:120px!important;height:120px!important;aspect-ratio:auto!important;flex:0 0 120px!important;border-bottom:0!important;border-right:1px solid var(--fpline)!important}
body.fp-listview .oe_product_cart .oe_product_image>a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;padding:8px!important}
body.fp-listview .oe_product_cart .oe_product_image img{object-fit:contain!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important}
body.fp-listview .oe_product_cart .o_wsale_product_btn{display:flex!important;gap:8px!important}
.oe_product_cart .btn.o_add_compare::before{content:"\f0ec";font-family:FontAwesome;font-size:1rem}
.oe_product_cart .btn.o_add_wishlist::before{content:"\f08a";font-family:FontAwesome;font-size:1rem}
.oe_product_cart .btn.o_add_compare>span,.oe_product_cart .btn.o_add_wishlist>span{display:none!important}
.oe_product_cart .btn.o_add_compare,.oe_product_cart .btn.o_add_wishlist{display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* fp-v4.2 list icons force */
body.fp-listview .oe_product_cart .btn.o_add_compare::before{content:"\f0ec"!important;font-family:FontAwesome!important;font-size:1rem!important;margin:0!important}
body.fp-listview .oe_product_cart .btn.o_add_wishlist::before{content:"\f08a"!important;font-family:FontAwesome!important;font-size:1rem!important;margin:0!important}
body.fp-listview .oe_product_cart .btn.o_add_compare,body.fp-listview .oe_product_cart .btn.o_add_wishlist{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important}

/* fp category chip icons (v2 vertical layout) */
a.o_wsale_filmstrip_link{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:12px 10px!important;text-align:center!important;min-height:86px}
a.o_wsale_filmstrip_link .fp-fsico{display:flex!important;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;margin:0 auto;color:var(--fpb)}
a.o_wsale_filmstrip_link .fp-fsico svg{width:100%;height:100%}
a.o_wsale_filmstrip_link .o_wsale_filmstrip_item{display:block;width:100%;text-align:center!important;line-height:1.15;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;font-size:.92rem!important;font-weight:600!important;letter-spacing:.2px!important;padding-left:4px!important;padding-right:4px!important}
a.o_wsale_filmstrip_link .o_wsale_filmstrip_image{display:none!important}
a.o_wsale_filmstrip_link *{box-shadow:none!important}
a.o_wsale_filmstrip_link .o_wsale_filmstrip_item{min-height:0!important}
a.o_wsale_filmstrip_link .o_wsale_filmstrip_item > *{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.18!important;text-align:center!important;width:100%!important}
a.o_wsale_filmstrip_link{transition:border-color .15s,box-shadow .15s}
a.o_wsale_filmstrip_link:hover{border-color:var(--fpb)!important;box-shadow:0 2px 10px rgba(11,30,63,.10)!important}
.fp-fslab{display:none!important}

/* ===== fp-mobile ===== */
@media (max-width:767.98px){
  html,body{overflow-x:hidden!important;max-width:100vw}
  /* HERO: убрать пустоту */
  #wrap section.s_cover{min-height:auto!important;padding-top:24px!important;padding-bottom:30px!important;background-attachment:scroll!important}
  #wrap section.s_cover .container{padding-top:0!important}
  #wrap section.s_cover [class*="col-"]{padding-top:0!important}
  #wrap section.s_cover .pt32,#wrap .pt32{padding-top:0!important}
  .fp-stats{margin-top:16px!important}
  /* generic section padding tighten */
  #wrap > section,#wrap > div > section{padding-top:30px!important;padding-bottom:30px!important}
  #wrap h1{font-size:2rem!important;line-height:1.1!important}
  #wrap h2,#wrap .h2{font-size:1.5rem!important}
  /* partners tighter */
  .fp-partners .row{row-gap:10px!important}
  /* SHOP toolbar: спрятать Columns, уместить */
  .fp-shoptools{flex-wrap:wrap!important;gap:8px 10px!important;justify-content:space-between!important}
  .fp-st-cols{display:none!important}
  .fp-st-left,.fp-st-right{flex-wrap:wrap!important;align-items:center!important}
  .fp-st-btn{padding:6px 10px!important}
  /* карточки: кнопки не обрезаются (стек) */
  .oe_product_cart .o_wsale_product_btn{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important}
  .oe_product_cart .o_wsale_product_action_row{flex:1 0 100%!important;display:flex!important;width:100%!important}
  .oe_product_cart .o_wsale_product_action_row .btn-primary,.oe_product_cart .o_wsale_product_btn_primary{flex:1 1 auto!important;width:100%!important;min-width:0!important}
  .oe_product_cart .o_wsale_product_btn .o_add_compare,.oe_product_cart .o_wsale_product_btn .o_add_wishlist{display:none!important}
  .oe_product_cart .o_wsale_product_action_row .btn-primary,.oe_product_cart .o_wsale_product_btn_primary{font-size:.82rem!important;white-space:nowrap!important;padding-left:6px!important;padding-right:6px!important}
  /* filmstrip touch scroll */
  .o_wsale_filmstrip_wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}

/* ===== fp-guest ===== */
.fp-guest-price{margin:.15rem 0}
.fp-guest-pricelink{color:#1F4EC9;font-weight:600;font-size:.82rem;text-decoration:none;white-space:nowrap}
.fp-guest-pricelink:hover{text-decoration:underline}
.fp-guest-cta .o_label{margin-left:4px}
.fp-guest-box{border:1px solid #e6e9f0;border-left:4px solid #1F4EC9;background:#f7f9fc;border-radius:3px;padding:18px 20px;margin:8px 0 4px;max-width:540px}
.fp-guest-box-title{font-family:'Roboto',sans-serif;text-transform:uppercase;font-weight:700;color:#0B1E3F;font-size:1.1rem;letter-spacing:.3px;margin-bottom:4px}
.fp-guest-box-sub{color:#5a6477;font-size:.92rem;margin-bottom:14px}
.fp-guest-box-btn{font-weight:600}
.fp-guest-box-signin{margin-top:12px;font-size:.86rem;color:#5a6477}
.fp-guest-box-signin a{color:#1F4EC9;font-weight:600}
.availability_messages.fp-instock{color:#1a7f37;font-weight:600}
body.fp-public #o_wsale_price_range_option{display:none!important}
body.fp-public .o_sortby_dropdown a[href*="list_price"]{display:none!important}

/* ===== fp-op-css ===== */
#fp-op-save{background:#fff!important;color:#1F4EC9!important;border:1px solid #1F4EC9!important;transition:background .15s,color .15s}
#fp-op-save:hover,#fp-op-save:focus{background:#1F4EC9!important;color:#fff!important}
#fp-op-save *{color:inherit!important}
.fp-op-pick{background:#fff!important;color:#0B1E3F!important;border:1px solid #cfd8e6!important;transition:background .15s,border-color .15s,color .15s}
.fp-op-pick:hover,.fp-op-pick:focus{background:#1F4EC9!important;border-color:#1F4EC9!important;color:#fff!important}
.fp-op-pick:hover *,.fp-op-pick:focus *{color:#fff!important}
.fp-op-pick:hover .fp-op-pick-sku,.fp-op-pick:focus .fp-op-pick-sku{color:#dbe4ff!important}
#fp-op-export{transition:background .15s,color .15s}

/* ===== fp-ribbon-pos-css ===== */
.o_wsale_badge.o_ribbons{top:auto !important;bottom:10px !important;left:10px !important;right:auto !important;}

/* ===== fp-cat-cover-hide ===== */
#wrapwrap .o_wsale_filmstrip_image{display:none!important}#wrapwrap a.o_wsale_filmstrip_link .o_wsale_filmstrip_item{display:contents!important}#wrapwrap ul.o_wsale_filmstrip{align-items:flex-start!important;gap:16px!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:#C9D4EA transparent}#wrapwrap ul.o_wsale_filmstrip::-webkit-scrollbar{height:7px}#wrapwrap ul.o_wsale_filmstrip::-webkit-scrollbar-thumb{background:#C9D4EA;border-radius:4px}#wrapwrap ul.o_wsale_filmstrip::-webkit-scrollbar-track{background:transparent}#wrapwrap ul.o_wsale_filmstrip > li{flex:0 0 160px!important;width:160px!important;max-width:160px!important;height:158px!important;scroll-snap-align:start}#wrapwrap a.o_wsale_filmstrip_link{height:158px!important;width:100%!important;box-sizing:border-box;border:1px solid #E6ECF5!important;border-radius:16px;background:#fff;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:16px 10px;overflow:hidden;text-decoration:none!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}#wrapwrap a.o_wsale_filmstrip_link:hover{transform:translateY(-3px);border-color:#C9D6F5!important;box-shadow:0 8px 22px rgba(15,30,63,.10)}#wrapwrap a.o_wsale_filmstrip_link:focus-visible{outline:2px solid #1F4EC9;outline-offset:2px}#wrapwrap a.o_wsale_filmstrip_link .fp-fsico{margin:0;flex:0 0 auto;width:58px;height:58px;border-radius:50%;background:#EEF3FF;display:flex;align-items:center;justify-content:center;transition:background-color .16s ease}#wrapwrap a.o_wsale_filmstrip_link:hover .fp-fsico{background:#1F4EC9}#wrapwrap a.o_wsale_filmstrip_link .fp-fsico svg{width:30px!important;height:30px!important;display:block;color:#1F4EC9;stroke:#1F4EC9;transition:color .16s ease,stroke .16s ease}#wrapwrap a.o_wsale_filmstrip_link:hover .fp-fsico svg{color:#fff;stroke:#fff}#wrapwrap a.o_wsale_filmstrip_link .fp-fslab,#wrapwrap a.o_wsale_filmstrip_link .o_wsale_filmstrip_item > *{font-size:.92rem!important;font-weight:700!important;line-height:1.25!important;letter-spacing:.2px;color:#0B1E3F!important;margin:0!important;text-align:center;text-transform:uppercase;min-height:2.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#wrapwrap .fp-homecat{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;border-radius:16px!important;border-color:#E6ECF5!important}#wrapwrap .fp-homecat:hover{transform:translateY(-3px);border-color:#C9D6F5!important;box-shadow:0 8px 22px rgba(15,30,63,.10)}#wrapwrap .fp-homecat:focus-visible{outline:2px solid #1F4EC9;outline-offset:2px}#wrapwrap .fp-homecat > span:first-child{display:inline-flex!important;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:#EEF3FF;line-height:0;margin-bottom:6px;transition:background-color .16s ease}#wrapwrap .fp-homecat:hover > span:first-child{background:#1F4EC9}#wrapwrap .fp-homecat > span:first-child svg{width:38px!important;height:38px!important;color:#1F4EC9;stroke:#1F4EC9;transition:color .16s,stroke .16s}#wrapwrap .fp-homecat:hover > span:first-child svg{color:#fff;stroke:#fff}#wrapwrap .fp-homecat .fw-bold{text-transform:uppercase;letter-spacing:.4px;font-size:1.02rem!important}#wrapwrap .fp-homecat .btn{padding:10px 20px!important;border-radius:8px!important;min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.3px}/*fpcur*/#wrapwrap li.fp-cur-chip{order:-1;position:sticky;left:0;z-index:6;background:#fff;border-radius:16px}#wrapwrap a.fp-cur-link{border:2px solid #1F4EC9!important;box-shadow:7px 0 16px -10px rgba(15,30,63,.30),0 4px 16px rgba(31,78,201,.12)!important}#wrapwrap a.fp-cur-link .fp-fsico{background:#1F4EC9!important}#wrapwrap a.fp-cur-link .fp-fsico svg{color:#fff!important;stroke:#fff!important}#wrapwrap a.fp-cur-link .fp-fsico svg.fp-ico-back{display:none!important}#wrapwrap a.fp-cur-link:hover .fp-fsico svg.fp-ico-here{display:none!important}#wrapwrap a.fp-cur-link:hover .fp-fsico svg.fp-ico-back{display:block!important;animation:fpback .55s ease-in-out infinite alternate}@keyframes fpback{from{transform:translateX(2px)}to{transform:translateX(-5px)}}#wrapwrap a.fp-cur-link .fp-cur-default{display:flex!important;flex-direction:column;align-items:center;gap:3px;width:100%;text-align:center}#wrapwrap a.fp-cur-link .fp-cur-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#1F4EC9;line-height:1.15}#wrapwrap a.fp-cur-link .fp-cur-name{font-size:.92rem;font-weight:700;text-transform:uppercase;color:#0B1E3F;line-height:1.2;letter-spacing:.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#wrapwrap a.fp-cur-link .fp-cur-hover{display:none;font-size:.92rem;font-weight:700;text-transform:uppercase;color:#1F4EC9;line-height:1.2;letter-spacing:.2px;text-align:center}#wrapwrap a.fp-cur-link:hover .fp-cur-default{display:none!important}#wrapwrap a.fp-cur-link:hover .fp-cur-hover{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#wrapwrap a.fp-active-chip{border:2px solid #1F4EC9!important;background:#F5F8FF!important}#wrapwrap a.fp-active-chip .fp-fsico{background:#DCE6FF!important}/*endfpcur*/

/* ===== fp-card-narrow ===== */
#wrapwrap .oe_product_cart{container-type:inline-size}
#wrapwrap .oe_product_cart .o_wsale_product_btn{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;align-items:stretch!important}
#wrapwrap .oe_product_cart .o_wsale_product_action_row{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;flex:1 1 auto!important;min-width:0!important}
#wrapwrap .oe_product_cart .o_wsale_product_btn_primary{flex:1 1 0!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#wrapwrap .oe_product_cart .o_add_compare,#wrapwrap .oe_product_cart .o_add_wishlist{flex:0 0 40px!important;width:40px!important;min-width:40px!important;padding-left:0!important;padding-right:0!important;justify-content:center!important}
@container (max-width:240px){
#wrapwrap .oe_product_cart .o_wsale_product_btn_primary .o_label{display:none!important}
#wrapwrap .oe_product_cart .o_wsale_product_btn_primary{justify-content:center!important;padding-left:6px!important;padding-right:6px!important}
#wrapwrap .oe_product_cart .o_wsale_product_btn_primary i,#wrapwrap .oe_product_cart .o_wsale_product_btn_primary .fa{margin:0!important}
}
@container (max-width:175px){
#wrapwrap .oe_product_cart .o_wsale_product_btn{flex-wrap:wrap!important}
#wrapwrap .oe_product_cart .o_wsale_product_action_row{display:contents!important}
#wrapwrap .oe_product_cart .o_wsale_product_btn_primary{flex:1 1 100%!important}
#wrapwrap .oe_product_cart .o_add_compare,#wrapwrap .oe_product_cart .o_add_wishlist{flex:1 1 0!important;width:auto!important;min-width:0!important}
}

/* ===== fp-cat-mobile ===== */
@media (max-width:767.98px){
#wrapwrap #o_wsale_container .o_wsale_filmstrip li{flex:0 0 124px!important;width:124px!important;min-width:124px!important;max-width:124px!important;height:auto!important;align-self:stretch!important}
#wrapwrap #o_wsale_container .o_wsale_filmstrip li a.o_wsale_filmstrip_link{width:100%!important;min-width:0!important;height:100px!important;min-height:100px!important;max-height:100px!important;padding:8px 8px!important;gap:0!important;border-radius:14px!important;justify-content:flex-start!important}
#wrapwrap #o_wsale_container .o_wsale_filmstrip .fp-fsico{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important}
#wrapwrap #o_wsale_container .o_wsale_filmstrip .fp-fsico svg{width:24px!important;height:24px!important}
#wrapwrap #o_wsale_container .o_wsale_filmstrip .o_wsale_filmstrip_item{min-height:28px!important;max-height:28px!important;height:28px!important;margin:8px 0 0!important}
#wrapwrap #o_wsale_container .o_wsale_filmstrip .o_wsale_filmstrip_item span{font-size:12px!important;line-height:1.12!important}
#wrapwrap #o_wsale_container .o_wsale_filmstrip a.o_wsale_filmstrip_link.fp-cur-link{justify-content:flex-start!important}
#wrapwrap #o_wsale_container .o_wsale_filmstrip .fp-cur-name{font-size:10px!important;line-height:1.12!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;max-height:28px!important;overflow:hidden!important}
#wrapwrap #o_wsale_container .o_wsale_filmstrip .fp-cur-eyebrow{font-size:8px!important;line-height:1.1!important;letter-spacing:.2px!important;white-space:nowrap!important;margin:2px 0 0!important}
}

/* ===== fp-spec-table ===== */
#product_full_spec{background:#fff;padding:48px 0 56px!important}
#product_full_spec .row>div{flex:0 0 100%;max-width:900px;margin:0 auto}
#product_full_spec h3,#product_full_spec h2{font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:#1a2b49;margin:0 0 1.25rem;padding-bottom:.5rem;border-bottom:3px solid #1a2b49;display:inline-block}
#product_full_spec table.table{display:block;border:1px solid #e6ebf2;border-radius:12px;padding:10px 14px;margin-bottom:0;box-shadow:0 1px 3px rgba(26,43,73,.06)}
#product_full_spec table.table tbody{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
#product_full_spec table.table tr{display:grid;grid-template-columns:170px 1fr;column-gap:14px;align-items:center;border:none;border-radius:8px}
#product_full_spec table.table tbody tr:nth-of-type(4n+1),#product_full_spec table.table tbody tr:nth-of-type(4n+2){background:#f4f7fb}
#product_full_spec table.table td{border:none;background:none;width:auto!important;padding:.65rem .9rem}
#product_full_spec table.table td:first-child{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#6b7a93;font-weight:600;line-height:1.3;white-space:normal;padding-right:0}
#product_full_spec table.table td:last-child{color:#0f1f3d!important;font-weight:600;font-size:.95rem;text-align:left;line-height:1.5}
@media(max-width:991px){#product_full_spec table.table tbody{grid-template-columns:1fr}#product_full_spec table.table tbody tr:nth-of-type(4n+1),#product_full_spec table.table tbody tr:nth-of-type(4n+2){background:none}#product_full_spec table.table tbody tr:nth-of-type(odd){background:#f4f7fb}#product_full_spec table.table tr{grid-template-columns:140px 1fr}}

#product_full_spec table.table tbody tr:last-of-type:nth-of-type(odd){grid-column:auto}

#product_full_spec table.table td.ps-0,#product_full_spec table.table td:first-child{padding-left:.9rem!important}
#product_full_spec table.table td.pe-0,#product_full_spec table.table td:last-child{padding-right:.9rem!important}

/* ===== fp-design-2026 ===== */
.fp-langs,.fp-topbar .fp-langs{display:none!important}

#wrapwrap .fp-topbar{background:linear-gradient(90deg,#2A4DB8 0%,#3054CC 100%)!important}
#wrapwrap .fp-topbar,#wrapwrap .fp-topbar a,#wrapwrap .fp-topbar span{color:#Eaf0ff!important}

/* fp hero simple */
#wrapwrap section.s_cover{background:linear-gradient(120deg,#0E2552 0%,#16357E 100%)!important}
#wrapwrap section.s_cover::after{background-image:linear-gradient(rgba(48,84,204,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(48,84,204,.14) 1px,transparent 1px)!important;background-size:30px 30px,30px 30px!important}
#wrapwrap section.s_cover img{border-radius:10px!important}

/* fp homecat img */
a.fp-homecat[href*="/shop/category/190"] span:first-child,a.fp-homecat[href*="/shop/category/69"] span:first-child,a.fp-homecat[href*="/shop/category/80"] span:first-child{opacity:0!important;height:0!important;width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
a.fp-homecat[href*="/shop/category/190"]::before,a.fp-homecat[href*="/shop/category/69"]::before,a.fp-homecat[href*="/shop/category/80"]::before{content:"";display:block;width:100%;height:140px;margin-bottom:10px;background-position:center;background-repeat:no-repeat;background-size:contain}
a.fp-homecat[href*="/shop/category/190"]::before{background-image:url("/web/image/26482/t.webp")}
a.fp-homecat[href*="/shop/category/69"]::before{background-image:url("/web/image/26483/p.webp")}
a.fp-homecat[href*="/shop/category/80"]::before{background-image:url("/web/image/26484/e.webp")}

/* ===== fp-palette-all ===== */
:root{--bs-link-color:#3054CC;--bs-link-color-rgb:48,84,204;--bs-link-hover-color:#2542A8;--o-color-1:#3054CC}
.text-primary{color:#3054CC!important}
.bg-primary,.badge.bg-primary,.text-bg-primary{background-color:#3054CC!important}
.border-primary{border-color:#3054CC!important}
.btn-primary{--bs-btn-bg:#3054CC;--bs-btn-border-color:#3054CC;--bs-btn-hover-bg:#2542A8;--bs-btn-hover-border-color:#2542A8;--bs-btn-active-bg:#2542A8;--bs-btn-active-border-color:#2542A8;background-color:#3054CC!important;border-color:#3054CC!important}
.btn-outline-primary{--bs-btn-color:#3054CC;--bs-btn-border-color:#3054CC;--bs-btn-hover-bg:#3054CC;--bs-btn-hover-border-color:#3054CC;color:#3054CC!important;border-color:#3054CC!important}
.page-link{color:#3054CC!important}
.page-item.active .page-link{background-color:#3054CC!important;border-color:#3054CC!important}
.dropdown-item.active,.dropdown-item:active{background-color:#3054CC!important}
.o_wsale_filmstrip_link,a.text-primary,.link-primary{color:#3054CC!important}
.nav-pills .nav-link.active{background-color:#3054CC!important}
.form-control:focus,.form-select:focus{border-color:#3054CC!important;box-shadow:0 0 0 .2rem rgba(48,84,204,.25)!important}
/* fp palette all */
.btn-link{color:#3054CC!important}
#wrap a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink){color:#3054CC!important}
.breadcrumb a,.breadcrumb-item a{color:#3054CC!important}
.text-primary,#wrap .text-primary{color:#3054CC!important}

/* ===== fp-footer ===== */
/* fp footer palette */
#wrapwrap footer.o_footer{background:linear-gradient(180deg,#161C26 0%,#0F141C 100%)!important}
#wrapwrap footer.o_footer, #wrapwrap footer.o_footer h1,#wrapwrap footer.o_footer h2,#wrapwrap footer.o_footer h3,#wrapwrap footer.o_footer h4,#wrapwrap footer.o_footer h5,#wrapwrap footer.o_footer h6,#wrapwrap footer.o_footer .text-primary{color:#FFFFFF!important}
#wrapwrap footer.o_footer a{color:#C5D4F2!important}
#wrapwrap footer.o_footer a:hover{color:#FFFFFF!important}
#wrapwrap footer.o_footer hr,#wrapwrap footer.o_footer .border-top,#wrapwrap footer.o_footer .border-bottom{border-color:rgba(255,255,255,.22)!important}
#wrapwrap .o_footer_copyright{background:#08152F!important}
#wrapwrap .o_footer_copyright,#wrapwrap .o_footer_copyright a,#wrapwrap .o_footer_copyright span{color:#C9D6F5!important}

/* ===== fp-footer-badges ===== */
/* fp footer badges */
#wrapwrap footer .s_badge,#wrapwrap footer .s_badge.text-bg-primary,#wrapwrap footer span.s_badge{background:#FFFFFF!important;color:#15347A!important;border:0!important;border-radius:10px!important;padding:11px 16px!important;font-size:13px!important;font-weight:600!important;letter-spacing:.02em!important;box-shadow:0 6px 16px rgba(0,0,0,.22)!important;display:inline-flex!important;align-items:center!important;gap:8px!important}
#wrapwrap footer .s_badge i,#wrapwrap footer .s_badge .fa,#wrapwrap footer .s_badge svg,#wrapwrap footer .s_badge [class*="fa-"]{color:#3054CC!important;font-size:15px!important}

/* ===== fp-fixes2 ===== */
/* fp fixes2 */
#wrapwrap #wrap .o_wsale_products_item_title,#wrapwrap #wrap .o_wsale_products_item_title a,#wrapwrap #wrap .o_wsale_products_item_title a:hover,#wrapwrap #wrap .o_wsale_products_item_title a:focus,#wrapwrap #wrap h2.o_wsale_products_item_title a{color:#16181D!important}
.page-item.active .page-link,.pagination .active .page-link{color:#FFFFFF!important;background-color:#3054CC!important;border-color:#3054CC!important}
.page-link:hover{color:#2542A8!important}
#wrapwrap footer .fp-paylist{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:6px!important}
#wrapwrap footer .fp-pay{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.30)!important;color:#EAF0FF!important;padding:5px 12px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.05em!important}

/* ===== fp-filmstrip-fit ===== */
#wrapwrap .o_wsale_filmstrip_container{justify-content:center!important}
#wrapwrap .o_wsale_filmstrip_wrapper{flex:1 1 100%!important;width:100%!important;max-width:100%!important}
#wrapwrap ul.o_wsale_filmstrip{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:10px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;align-items:flex-start!important;margin:0!important;padding:7px 2px 10px!important;box-sizing:border-box!important}
#wrapwrap ul.o_wsale_filmstrip > li{flex:1 1 120px!important;min-width:104px!important;max-width:340px!important;margin:0!important;align-self:flex-start!important;display:flex!important;height:auto!important;min-height:0!important;container-type:inline-size!important}
#wrapwrap a.o_wsale_filmstrip_link{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:104px!important;min-height:104px!important;max-height:104px!important;overflow:hidden!important;padding:8px 8px!important;gap:0!important;border:1px solid transparent!important;background:#fff!important;border-radius:14px!important;box-shadow:0 1px 3px rgba(16,24,40,.09)!important;transition:background-color .15s,border-color .15s,box-shadow .15s!important;text-align:center!important;box-sizing:border-box!important;transform:none!important}
#wrapwrap a.o_wsale_filmstrip_link input,#wrapwrap a.o_wsale_filmstrip_link input.btn-check{position:absolute!important;top:0!important;left:0!important;width:1px!important;height:1px!important;opacity:0!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important}
#wrapwrap a.o_wsale_filmstrip_link .fp-fslab{display:none!important}
#wrapwrap a.o_wsale_filmstrip_link .fp-fsico{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:50%!important;background:#EEF3FF!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
#wrapwrap a.o_wsale_filmstrip_link .fp-fsico svg{width:24px!important;height:24px!important}
#wrapwrap a.o_wsale_filmstrip_link .o_wsale_filmstrip_item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:0!important;max-height:none!important;height:auto!important;width:100%!important;margin:6px 0 0!important;padding:0!important;overflow:hidden!important;flex:0 0 auto!important;border:0!important;background:transparent!important;box-shadow:none!important}
#wrapwrap a.o_wsale_filmstrip_link .o_wsale_filmstrip_item span{font-size:12px!important;line-height:1.14!important;letter-spacing:0!important;font-weight:600!important;color:#1B2A4A!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;hyphens:none!important;margin:0!important;padding:0!important;background:transparent!important;min-height:0!important}
#wrapwrap a.o_wsale_filmstrip_link.fp-cur-link .fp-fsico{margin:0!important}
#wrapwrap .fp-cur-eyebrow{font-size:9px!important;line-height:1.08!important;letter-spacing:0!important;font-weight:600!important;color:#3A4A66!important;margin:3px 0 0!important;display:block!important;width:100%!important;white-space:normal!important;overflow:hidden!important}
#wrapwrap .fp-cur-name{font-size:12px!important;line-height:1.1!important;font-weight:700!important;letter-spacing:0!important;color:#0F1E3D!important;margin:1px 0 0!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;max-height:28px!important;overflow:hidden!important;white-space:normal!important;overflow-wrap:break-word!important;width:100%!important}
#wrapwrap a.o_wsale_filmstrip_link.fp-cur-link,#wrapwrap a.o_wsale_filmstrip_link.fp-active-chip{background:#E4ECFF!important;border:2px solid #3054CC!important;box-shadow:0 3px 10px rgba(48,84,204,.22)!important}
#wrapwrap a.o_wsale_filmstrip_link.fp-cur-link .fp-fsico,#wrapwrap a.o_wsale_filmstrip_link.fp-active-chip .fp-fsico{background:#3054CC!important}
#wrapwrap a.o_wsale_filmstrip_link.fp-cur-link .fp-fsico svg,#wrapwrap a.o_wsale_filmstrip_link.fp-active-chip .fp-fsico svg{color:#fff!important;stroke:#fff!important}
#wrapwrap .o_wsale_filmstrip_container:has(a.fp-active-chip) a.o_wsale_filmstrip_link.fp-cur-link{background:#fff!important;border:1px solid #D7DEEA!important;box-shadow:0 1px 3px rgba(16,24,40,.08)!important}
#wrapwrap .o_wsale_filmstrip_container:has(a.fp-active-chip) a.o_wsale_filmstrip_link.fp-cur-link .fp-fsico{background:#EEF3FF!important}
#wrapwrap .o_wsale_filmstrip_container:has(a.fp-active-chip) a.o_wsale_filmstrip_link.fp-cur-link .fp-fsico svg{color:#3054CC!important;stroke:#3054CC!important}
#wrapwrap .o_wsale_filmstrip_container:has(a.fp-active-chip) .fp-cur-eyebrow{color:#8A97AD!important}
#wrapwrap a.o_wsale_filmstrip_link:hover{background:#EAF1FF!important;border-color:#3054CC!important;box-shadow:0 3px 10px rgba(48,84,204,.18)!important;transform:none!important}
#wrapwrap a.o_wsale_filmstrip_link:hover .fp-fsico{background:#3054CC!important}
#wrapwrap a.o_wsale_filmstrip_link:hover .fp-fsico svg{color:#fff!important;stroke:#fff!important}
#wrapwrap .o_wsale_filmstrip_container.fp-pin-host{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:12px!important;overflow:visible!important}
#wrapwrap .o_wsale_filmstrip_container.fp-pin-host > li.fp-chip-out{flex:0 0 104px!important;width:104px!important;min-width:104px!important;max-width:104px!important;display:flex!important;position:static!important;align-self:flex-start!important;margin:0!important;padding:7px 0 10px 0!important;height:auto!important;min-height:0!important}
#wrapwrap .o_wsale_filmstrip_container.fp-pin-host > .o_wsale_filmstrip_wrapper{flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;overflow:hidden!important}
#wrapwrap .o_wsale_filmstrip_container.fp-pin-host ul.o_wsale_filmstrip{justify-content:flex-start!important}
#wrapwrap ul.o_wsale_filmstrip{scroll-snap-type:none!important}
#wrapwrap .o_wsale_filmstrip_container.fp-pin-host ul.o_wsale_filmstrip,#wrapwrap ul.o_wsale_filmstrip.fp-grab{cursor:grab}
#wrapwrap .o_wsale_filmstrip_container,#wrapwrap .o_wsale_products_filmstrip{overflow-x:auto!important}

/* ===== fp-rec-cards ===== */
.s_dynamic_snippet_products .o_carousel_product_card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;background:#fff;}
.s_dynamic_snippet_products .o_carousel_product_card:hover{transform:translateY(-5px);box-shadow:0 10px 26px rgba(33,72,133,.18);border-color:#214885;}
.s_dynamic_snippet_products .o_carousel_product_card img{transition:transform .35s ease;}
.s_dynamic_snippet_products .o_carousel_product_card:hover img{transform:scale(1.06);}
.s_dynamic_snippet_products .o_wsale_product_btn_primary{background:#3054cc !important;color:#fff !important;border:0 !important;border-radius:8px !important;padding:.5rem 1rem !important;font-weight:600 !important;box-shadow:0 2px 6px rgba(48,84,204,.25);transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease !important;}
.s_dynamic_snippet_products .o_wsale_product_btn_primary:hover{background:#214885 !important;transform:translateY(-2px) scale(1.02);box-shadow:0 7px 18px rgba(33,72,133,.38) !important;}
.s_dynamic_snippet_products .o_wsale_product_btn_primary:active{transform:translateY(0) scale(.99);}
.s_dynamic_snippet_products .o_wsale_product_btn_primary .fa-spinner{margin-right:.35rem;}

/* ===== fp-site-split ===== */
#wrapwrap h1,#wrapwrap h2,#wrapwrap h3,#wrapwrap [class*="display-"]{letter-spacing:-0.015em !important;line-height:1.08 !important}
#wrapwrap .display-3-fs,#wrapwrap h1[class*="display-"]{font-weight:700 !important}
#wrapwrap header.o_header_standard a.navbar-brand img{height:56px !important;max-height:56px !important;width:auto !important;filter:grayscale(100%) contrast(1.05) !important}
#wrapwrap .fp-topbar{background:#1b2330 !important;border-bottom:1px solid rgba(255,255,255,.06) !important;position:relative !important;color:#e7edf5 !important}
#wrapwrap .fp-topbar .inner,#wrapwrap .fp-topbar .inner *{color:#e7edf5 !important}
#wrapwrap header.o_header_standard a.navbar-brand.logo::after{content:"BUSINESS \00B7 WHOLESALE";font-size:10px;font-weight:800;letter-spacing:.6px;color:#0B1E3F !important;background:#eef2f8;border:1px solid rgba(11,30,63,.22);padding:4px 8px;border-radius:6px;margin-left:12px;white-space:nowrap;line-height:1;align-self:center}
#wrapwrap .fp-switch{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:2px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:3px;z-index:6}
#wrapwrap .fp-switch .fp-seg{display:inline-flex;align-items:center;gap:6px;font:700 10.5px/1 'Inter',sans-serif !important;letter-spacing:.2px;color:#9fb0c9 !important;text-decoration:none;padding:5px 12px;border-radius:999px;white-space:nowrap;cursor:pointer}
#wrapwrap .fp-switch .fp-seg .ic{width:14px;height:14px;flex:0 0 auto;color:inherit !important}
#wrapwrap .fp-switch a.fp-seg:hover{color:#fff !important}
#wrapwrap .fp-switch .fp-on{background:linear-gradient(180deg,#46566e,#2c384c);color:#fff !important;box-shadow:0 4px 12px rgba(0,0,0,.45)}
@media (max-width:991px){#wrapwrap header.o_header_standard a.navbar-brand img{height:44px !important;max-height:44px !important}#wrapwrap header.o_header_standard a.navbar-brand.logo::after{display:none}#wrapwrap .fp-topbar{display:flex !important;align-items:center !important;justify-content:center !important;min-height:34px !important}#wrapwrap .fp-topbar .inner{display:none !important}#wrapwrap .fp-switch{position:static !important;right:auto !important;top:auto !important;transform:none !important;margin:0 auto !important;display:inline-flex !important}#wrapwrap .fp-switch .fp-seg{font-size:10px !important;padding:5px 11px !important}#wrapwrap .fp-switch .fp-seg .ic{width:13px !important;height:13px !important}#wrapwrap section.s_cover{padding-top:56px !important;padding-bottom:40px !important}#wrapwrap .display-3-fs{font-size:2rem !important;line-height:1.12 !important}#wrapwrap section.s_cover .lead{font-size:1.02rem !important;line-height:1.5 !important}#wrapwrap h2{font-size:1.7rem !important}#wrapwrap h3{font-size:1.25rem !important}#wrapwrap section.pt80{padding-top:52px !important}#wrapwrap section.pb80{padding-bottom:52px !important}#wrapwrap .fp-partners .fp-row{gap:8px !important}#wrapwrap .fp-partners .fp-logo{font-size:13px !important;padding:7px 12px !important;border-radius:8px !important;letter-spacing:.2px !important}#wrapwrap .fp-partners .fp-pt{font-size:10.5px !important;margin-bottom:11px !important}}
@media (max-width:575px){#wrapwrap section.s_cover{padding-top:40px !important;padding-bottom:30px !important}#wrapwrap .display-3-fs{font-size:1.78rem !important;line-height:1.14 !important}#wrapwrap section.s_cover .lead{font-size:0.96rem !important;line-height:1.5 !important;margin-bottom:1rem !important}#wrapwrap section.s_cover a.btn{display:block !important;width:100% !important;max-width:340px !important;min-width:0 !important;margin:0 0 8px 0 !important;padding:12px 16px !important;font-size:14px !important;text-align:center !important}#wrapwrap .fp-stats{flex-wrap:wrap !important;gap:1px !important}#wrapwrap .fp-stat{flex:1 1 calc(50% - 1px) !important;font-size:15px !important;padding:10px 12px !important}#wrapwrap h2{font-size:1.5rem !important}#wrapwrap h3{font-size:1.18rem !important}#wrapwrap section.pt80{padding-top:44px !important}#wrapwrap section.pb80{padding-bottom:44px !important}#wrapwrap section.pb56{padding-bottom:36px !important}#wrapwrap section.pb64{padding-bottom:40px !important}#wrapwrap .fp-partners{padding-top:24px !important;padding-bottom:24px !important}#wrapwrap .fp-partners .fp-logo{font-size:12px !important;padding:6px 10px !important}#wrapwrap .fp-partners .fp-row{gap:7px !important}}
#wrapwrap .fp-switch .fp-seg{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 14px;font:700 12px/1 'Inter';letter-spacing:.2px;border-radius:999px}
#wrapwrap .fp-switch .fp-seg .ic{width:15px;height:15px}
#wrapwrap header.o_header_standard a.navbar-brand.logo::after{content:none !important}
#wrapwrap .fp-b2b-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#0B1E3F;background:#eef2f8;border:1px solid rgba(11,30,63,.22);padding:4px 8px;border-radius:6px;margin-left:12px;white-space:nowrap;align-self:center}
#wrapwrap .fp-b2b-badge .fp-bdot{width:3px;height:3px;border-radius:50%;background:currentColor;flex:0 0 auto}
.fp-anim{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;pointer-events:none;clip-path:circle(0px at 100% 0px);background:linear-gradient(135deg,#2c384c,#1b2330);font-family:'Inter',sans-serif}
.fp-anim.fp-toR{background:linear-gradient(135deg,#1F4EC9,#0B1E3F)}
.fp-anim .fp-ai{display:flex;flex-direction:column;align-items:center;gap:13px;opacity:0;transform:scale(.92);transition:opacity .28s ease,transform .28s ease}
.fp-anim.fp-lit .fp-ai{opacity:1;transform:scale(1)}
.fp-anim .fp-alogo{font-weight:900;font-size:27px;letter-spacing:-.6px;color:#fff}
.fp-anim .fp-alabel{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13px;color:rgba(255,255,255,.92)}
.fp-anim .fp-spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;animation:fpsp .7s linear infinite}
@keyframes fpsp{to{transform:rotate(360deg)}}
@media (max-width:991px){#wrapwrap .fp-switch{position:absolute !important;right:12px !important;left:auto !important;margin:0 !important;top:50% !important;transform:translateY(-50%) !important}#wrapwrap .fp-b2b-badge{display:none}}

#wrapwrap .fp-topbar .inner{min-height:48px;align-items:center}/*fp-tbfix*/
.fp-anim{transition:background-color .18s ease;font-family:'Inter',sans-serif}
.fp-anim .fp-alogo-wrap{position:relative;display:inline-block;overflow:hidden;line-height:0}
.fp-anim .fp-alogo-img{height:46px;width:auto;display:block;filter:brightness(0) invert(1);transition:filter .18s ease}
.fp-anim .fp-shine{position:absolute;inset:0;pointer-events:none;opacity:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.92) 48%,rgba(111,157,245,.8) 56%,transparent 70%)}
.fp-anim.fp-toR .fp-shine{opacity:1;animation:fpshine 1.15s ease-in-out infinite}
@keyframes fpshine{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.fp-anim.fp-flash{background:#fff}
.fp-anim.fp-flash .fp-alogo-img{filter:none}
.fp-anim.fp-flash .fp-alabel{color:#0B1E3F}
.fp-anim.fp-flash .fp-spin{border-color:rgba(11,30,63,.22);border-top-color:#0B1E3F}

.fp-anim .fp-shine{background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.8) 49%,rgba(160,176,198,.55) 57%,transparent 72%)}
.fp-anim.fp-toR .fp-shine{background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.92) 48%,rgba(111,157,245,.8) 56%,transparent 70%)}
.fp-anim.fp-toB .fp-shine{opacity:1;animation:fpshine 1.15s ease-in-out infinite}

.fp-anim{clip-path:none !important;background:transparent !important;overflow:hidden;visibility:hidden;contain:layout paint}
.fp-anim.fp-go{visibility:visible}
.fp-anim.fp-toR{background:transparent !important}
.fp-disc{position:absolute;left:0;top:0;width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%) scale(0);will-change:transform;background:radial-gradient(circle at 50% 50%,#2c384c,#1b2330)}
.fp-anim.fp-toR .fp-disc{background:radial-gradient(circle at 50% 50%,#1F4EC9,#0B1E3F)}
.fp-anim .fp-ai{position:relative;z-index:1}

header.o_header_affixed .fp-topbar,header.o_header_is_scrolled .fp-topbar{display:none}
@media (max-width:991px){#wrapwrap .fp-topbar{display:flex !important;align-items:center !important;justify-content:space-between !important;min-height:46px !important;padding:6px 14px !important}#wrapwrap .fp-topbar .inner{display:none !important}#wrapwrap .fp-topbar .fp-b2b-badge{display:inline-flex !important;align-items:center !important;gap:5px !important;margin:0 !important;padding:4px 9px !important;font:800 10px/1 'Inter',sans-serif !important;letter-spacing:.6px !important;text-transform:uppercase !important;white-space:nowrap !important;color:#dfe7f2 !important;background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.16) !important;border-radius:999px !important;box-shadow:none !important}#wrapwrap .fp-topbar .fp-b2b-badge .fp-bdot{background:#9fb0c9 !important;align-self:center !important}#wrapwrap .fp-topbar .fp-switch{position:static !important;right:auto !important;top:auto !important;transform:none !important;margin:0 !important}}

@media (max-width:991px){header#top.o_header_affixed,header#top.o_header_is_scrolled{position:static !important;transform:none !important;transition:none !important;animation:none !important}}/*fp-mob-unstick*/#wrapwrap .fp-topbar #fp-switch{position:absolute !important;right:max(20px, calc((100% - 1460px)/2 + 20px)) !important;top:50% !important;bottom:auto !important;transform:translateY(-50%) !important;}/*fp-toggle-align*/#fp-anim .fp-ai{transition:opacity .34s ease, transform .46s cubic-bezier(.2,.75,.25,1) !important;transform:scale(.9) translateY(10px) !important;opacity:0 !important;}#fp-anim.fp-lit .fp-ai{opacity:1 !important;transform:scale(1) translateY(0) !important;}#fp-anim .fp-ai::before{content:'';position:absolute;left:50%;top:40%;width:300px;height:300px;transform:translate(-50%,-50%) scale(.55);border-radius:50%;background:radial-gradient(circle,rgba(31,78,201,.42),rgba(31,78,201,0) 62%);opacity:0;transition:opacity .55s ease,transform .6s cubic-bezier(.2,.75,.25,1);pointer-events:none;z-index:0;}#fp-anim.fp-lit .fp-ai::before{opacity:1;transform:translate(-50%,-50%) scale(1);}#fp-anim .fp-alogo-img{height:52px !important;}#fp-anim .fp-alabel{letter-spacing:.3px;}/*fp-anim-polish*/

/* ===== fp-filmstrip-fix ===== */
#wrapwrap .o_wsale_filmstrip_container,#wrapwrap ul.o_wsale_filmstrip{justify-content:flex-start!important}#wrapwrap ul.o_wsale_filmstrip>li.fp-cur-chip{order:-1!important}

/* ==========================================================================
   FleetPro B2B theme — 01: tokens + global dark-shell overrides  [Phase 4]
   Dark graphite shell = header (02) + hero + footer; light mono+blue catalog.
   Appended AFTER the consolidated base so these win the cascade.
   ========================================================================== */

/* ---- Homepage hero -> graphite (match the header), keep blue accents ---- */
#wrap section.s_cover.s_parallax_is_fixed{
  background-image:linear-gradient(120deg,#1B2330 0%,#12161E 100%) !important;
}
/* hero stat panel -> graphite */
#wrap section.s_cover .fp-stats{ background-color:#12161E !important; }
#wrap section.s_cover .fp-stat{ background-color:rgba(27,35,48,.85) !important; border-color:#2A3342 !important; }
/* hero primary CTA stays brand blue; outline CTAs light on graphite */
#wrap section.s_cover .btn-primary{ background:#1F4EC9 !important; border-color:#1F4EC9 !important; }

/* ============================================================
   Hero REDESIGN v2 — photo removed; one centered graphite column,
   mono spec-strip stats. Signature = the blue rule + the data strip.
   ============================================================ */
#wrap section.s_cover .row > .col-lg-6.offset-lg-1{ display:none !important; }   /* drop the truck image column */
#wrap section.s_cover .row{ justify-content:center !important; }
#wrap section.s_cover .row > .col-lg-5{
  flex:0 0 100% !important; max-width:860px !important; margin:0 auto !important;
  text-align:center !important;
}
/* headline */
#wrap section.s_cover .col-lg-5 h1{
  font-family:'Roboto',sans-serif !important; font-weight:900 !important;
  font-size:clamp(34px,4.4vw,54px) !important; line-height:1.05 !important;
  letter-spacing:-.015em !important; color:#FFFFFF !important; margin:0 0 16px !important;
}
/* blue signature rule */
#wrap section.s_cover .col-lg-5 h1::after{
  content:"" !important; display:block !important; width:58px !important; height:3px !important;
  background:#1F4EC9 !important; border-radius:2px !important; margin:16px auto 0 !important;
}
/* subtext */
#wrap section.s_cover .col-lg-5 p.lead{
  max-width:600px !important; margin:0 auto 30px !important; text-align:center !important;
  color:#AEB8C7 !important; font-size:16px !important; line-height:1.6 !important;
}
/* force-center every hero text node (beat Odoo snippet left-align) */
#wrap section.s_cover .col-lg-5,
#wrap section.s_cover .col-lg-5 h1,
#wrap section.s_cover .col-lg-5 p{ text-align:center !important; }
/* CTA row */
#wrap section.s_cover .col-lg-5 > p .btn{ margin:5px !important; min-width:150px !important; }
/* ---- spec-strip stats: even cells, bordered, hairline dividers, mono labels ---- */
#wrap section.s_cover .fp-stats{
  display:inline-flex !important; width:auto !important; max-width:none !important;
  margin:36px auto 0 !important; justify-content:center !important; gap:0 !important;
  background:#12161E !important; border:1px solid #283142 !important;
  border-radius:12px !important; overflow:hidden !important;
}
#wrap section.s_cover .fp-stat{
  flex:1 1 0 !important; min-width:152px !important; text-align:center !important;
  padding:16px 20px !important; background:transparent !important;
  border-left:1px solid #222A38 !important; border-radius:0 !important;
}
#wrap section.s_cover .fp-stat:first-child{ border-left:0 !important; }
#wrap section.s_cover .fp-stat .fp-num{
  font-family:'Roboto',sans-serif !important; font-weight:800 !important;
  color:#FFFFFF !important; font-size:20px !important; line-height:1.1 !important;
}
#wrap section.s_cover .fp-stat .fp-lab{
  font-family:'Roboto Mono',monospace !important; text-transform:uppercase !important;
  letter-spacing:.09em !important; color:#8A97AD !important; font-size:10px !important; margin-top:4px !important;
}
/* hero mobile: spec-strip -> tidy 2x2, comfortable CTAs */
@media (max-width:768px){
  #wrap section.s_cover .row > .col-lg-5{ max-width:100% !important; padding-left:18px !important; padding-right:18px !important; }
  #wrap section.s_cover .fp-stats{ display:flex !important; flex-wrap:wrap !important; width:100% !important; max-width:360px !important; }
  #wrap section.s_cover .fp-stat{ flex:1 1 50% !important; min-width:0 !important; border-top:1px solid #222A38 !important; }
  #wrap section.s_cover .fp-stat:nth-child(odd){ border-left:0 !important; }
  #wrap section.s_cover .fp-stat:nth-child(-n+2){ border-top:0 !important; }
  #wrap section.s_cover .col-lg-5 .btn{ min-width:132px !important; }
}

/* ==========================================================================
   FleetPro B2B theme — 02: header (graphite shell)  [Phase 3]
   Recolor the main header navbar to graphite (dark shell over light catalog).
   Keeps the topbar/toggle/badge and the CONTACT US button. Color-only, additive,
   appended AFTER the consolidated base so it wins the cascade.
   ========================================================================== */
#wrapwrap header#top .navbar.navbar-light{
  background:#161C26 !important;
  border-bottom:1px solid #232C3A !important;
  color:#DCE3EE !important;
}
/* logo -> white knockout */
#wrapwrap header#top .navbar .navbar-brand img,
#wrapwrap header#top .navbar a.logo img{
  filter:brightness(0) invert(1) !important;
}
/* nav links -> light */
#wrapwrap header#top .navbar .nav-link,
#wrapwrap header#top .navbar .navbar-nav .nav-link,
#wrapwrap header#top .navbar .navbar-nav > li > a{
  color:#DCE3EE !important;
}
#wrapwrap header#top .navbar .nav-link:hover,
#wrapwrap header#top .navbar .nav-link:focus,
#wrapwrap header#top .navbar .navbar-nav .show > .nav-link{
  color:#FFFFFF !important;
}
/* phone number / muted header text -> light */
#wrapwrap header#top .navbar .text-muted,
#wrapwrap header#top .navbar small,
#wrapwrap header#top .navbar .o_header_phone,
#wrapwrap header#top .navbar a[href^="tel:"]{
  color:#C3CCDA !important;
}
/* header icons (search, cart, account, caret, +more) -> light */
#wrapwrap header#top .navbar i.fa,
#wrapwrap header#top .navbar i[class*="fa-"],
#wrapwrap header#top .navbar .fa{
  color:#DCE3EE !important;
}
/* search field -> dark */
#wrapwrap header#top .navbar form[role="search"] input,
#wrapwrap header#top .navbar .o_searchbar_form input,
#wrapwrap header#top .navbar input[type="text"],
#wrapwrap header#top .navbar input[name="search"]{
  background:#0F141C !important;
  color:#E7EDF5 !important;
  border:1px solid #2A3342 !important;
}
#wrapwrap header#top .navbar form[role="search"] input::placeholder,
#wrapwrap header#top .navbar input::placeholder{ color:#8A97AD !important; }
/* CONTACT US (and any header primary button) -> brand blue */
#wrapwrap header#top .navbar a.btn-primary,
#wrapwrap header#top .navbar .btn-primary{
  background:#1F4EC9 !important; border-color:#1F4EC9 !important; color:#FFFFFF !important;
}
/* cart quantity badge legible on dark */
#wrapwrap header#top .navbar .my_cart_quantity{ color:#FFFFFF !important; }
/* kill the white outline box around the phone number (light 1px border on graphite) */
#wrapwrap header#top .navbar a.o_nav-link_secondary{ border-color:transparent !important; }
/* section dividers / contrast borders -> subtle graphite instead of white */
#wrapwrap header#top .navbar .o_border_contrast,
#wrapwrap header#top .navbar .border-start,
#wrapwrap header#top .navbar .border-end{ border-color:#2A3342 !important; }
/* header dropdown-toggle hover bg stays subtle on dark */
#wrapwrap header#top .navbar .o_navlink_background_hover:hover{ background-color:rgba(255,255,255,.06) !important; }

/* ==========================================================================
   FleetPro B2B theme — 03: product cards (ONE ruleset)
   Collapse fp-v3-shop + fp-v4 + v4.1/4.2 + fp-card-narrow + fp-ribbon-pos +
   fp-rec-cards into one card ruleset; container-queries for button layout;
   drop the fp-cols-4/5/6 body-class system.
   FILLED IN PHASE 1 (consolidate) then PHASE 4 (light catalog look).
   ========================================================================== */

/* ==========================================================================
   FleetPro B2B theme — 04: filmstrip (ONE ruleset)
   Merge fp-cat-cover-hide + fp-filmstrip-fit + fp-cat-mobile + fp-filmstrip-fix
   into one: justify-content:flex-start, 104px chip, active chip via CSS order +
   server-rendered class. NO dead fp-cur-*/fp-pin-host, NO competing center rule.
   FILLED IN PHASE 1.
   ========================================================================== */

/* Active-chip highlight via the SERVER-RENDERED marker Odoo already emits on the
   active subcategory (.o_wsale_filmstrip_item.active in website_sale.filmstrip_categories).
   This REPLACES the post-paint JS `.fp-active-chip` toggle (the stray mark() IIFE in
   custom_code_head) that made the "You are located in" pill flash blue->white and the
   borders jitter on load. The server marker is present at first paint => correct state
   from frame 1, no flip, no flash, no border shift. Appended after the frozen base so it
   wins the cascade; the base's .fp-active-chip rules become inert once mark() is removed. */
#wrapwrap a.o_wsale_filmstrip_link:has(.o_wsale_filmstrip_item.active){background:#E4ECFF!important;border:2px solid #3054CC!important;box-shadow:0 3px 10px rgba(48,84,204,.22)!important}
#wrapwrap a.o_wsale_filmstrip_link:has(.o_wsale_filmstrip_item.active) .fp-fsico{background:#3054CC!important}
#wrapwrap a.o_wsale_filmstrip_link:has(.o_wsale_filmstrip_item.active) .fp-fsico svg{color:#fff!important;stroke:#fff!important}
#wrapwrap .o_wsale_filmstrip_container:has(.o_wsale_filmstrip_item.active) a.o_wsale_filmstrip_link.fp-cur-link{background:#fff!important;border:1px solid #D7DEEA!important;box-shadow:0 1px 3px rgba(16,24,40,.08)!important}
#wrapwrap .o_wsale_filmstrip_container:has(.o_wsale_filmstrip_item.active) a.o_wsale_filmstrip_link.fp-cur-link .fp-fsico{background:#EEF3FF!important}
#wrapwrap .o_wsale_filmstrip_container:has(.o_wsale_filmstrip_item.active) a.o_wsale_filmstrip_link.fp-cur-link .fp-fsico svg{color:#3054CC!important;stroke:#3054CC!important}
#wrapwrap .o_wsale_filmstrip_container:has(.o_wsale_filmstrip_item.active) .fp-cur-eyebrow{color:#8A97AD!important}

/* ==========================================================================
   FleetPro B2B theme — 05: product page (PDP)
   fp-spec-table (#product_full_spec) + #product_detail; reconcile the duplicate
   thin #product_full_spec rule. Roboto Mono for SKU / part-numbers / spec labels.
   FILLED IN PHASE 1 (consolidate) then PHASE 4 (look).
   ========================================================================== */

/* ==========================================================================
   FleetPro B2B theme — 06: footer (graphite shell)  [Phase 4]
   Footer + copyright bar -> graphite to match the header/hero dark shell.
   The footer navy is a linear-gradient background-IMAGE on footer#bottom.o_cc,
   so override background-image:none + graphite color at high specificity.
   ========================================================================== */
#wrapwrap footer#bottom.o_footer,
#wrapwrap footer#bottom.o_footer.o_colored_level,
#wrapwrap footer#bottom.o_footer.o_colored_level.o_cc{
  background-image:none !important;
  background-color:#12161E !important;
}
#wrapwrap footer#bottom .o_footer_copyright,
#wrapwrap .o_footer_copyright{
  background-image:none !important;
  background-color:#0C0F15 !important;
  border-top:1px solid #232C3A !important;
}

/* ==========================================================================
   FleetPro B2B theme — 07: HOMEPAGE rebuild  [datasheet homepage v1]
   Search-first graphite hero over a light, dense catalog. All scoped under
   .fph (the homepage body wrapper) with fph-* classes -> zero Bootstrap/Odoo
   collision. Header + footer come from website.layout (NOT restyled here).
   Plain CSS (build_css.py just concatenates). Appended after base -> wins.
   ========================================================================== */
.fph{
  --g900:#12161E; --g850:#161C26; --g800:#1B2330;
  --b1:#232C3A; --b2:#283142; --b3:#222A38; --field:#0F141C;
  --body:#AEB8C7; --body2:#C3CCDA; --muted:#8A97AD;
  --blue:#1F4EC9; --blue-h:#2c63e6; --blue-l:#7FA6FF; --green:#1FAE63; --amber:#F4A100;
  --paper:#EEF2F7; --ink:#0B1E3F; --ink2:#3B4759; --ink3:#62708A; --line:#E3E9F2; --line2:#EDF1F7;
  background:var(--g900); color:var(--body); overflow-x:hidden;
  font-family:'Roboto',system-ui,sans-serif; line-height:1.5;
}
.fph *{box-sizing:border-box}
.fph a{color:inherit;text-decoration:none}
.fph img{max-width:100%}
.fph-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.fph-mono{font-family:'Roboto Mono',monospace}
.fph-tnum{font-variant-numeric:tabular-nums}
.fph-eyebrow{font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0}
.fph-eyebrow .d{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(31,78,201,.25);flex:none}
.fph-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:7px;font-weight:700;font-size:14px;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.fph-btn-blue{background:var(--blue);color:#fff}.fph-btn-blue:hover{background:var(--blue-h);color:#fff}
.fph-btn-ghost{background:transparent;color:#fff;border-color:var(--b2)}.fph-btn-ghost:hover{border-color:#42506a;color:#fff}
.fph-btn-lg{height:50px;padding:0 22px;font-size:15px}

/* hero h1 + shared (counter/account use .fph-cta/.fph-micro) */
.fph h1{font-size:clamp(34px,4.2vw,52px);font-weight:900;line-height:1.04;letter-spacing:-.02em;color:#fff;margin:18px 0 0;max-width:13ch}
.fph-cta{display:flex;gap:12px;align-items:center;margin-top:26px;flex-wrap:wrap}
.fph-micro{font-family:'Roboto Mono',monospace;font-size:11.5px;color:var(--muted);letter-spacing:.04em;margin-top:14px}

/* section frame */
.fph-section{padding:54px 0}
.fph-sechead{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.fph-sechead h2{font-size:28px;font-weight:900;letter-spacing:-.02em;margin:9px 0 0;color:#fff}
.fph-lead2{font-size:15px;margin:6px 0 0;max-width:60ch;color:var(--body)}
.fph-va{font-weight:700;font-size:14px;color:var(--blue);display:inline-flex;align-items:center;gap:6px}.fph-va:hover{gap:9px;color:var(--blue)}

/* LIGHT zones */
.fph-light{background:var(--paper);color:var(--ink)}
.fph-light .fph-eyebrow{color:#6B7689}.fph-light .fph-sechead h2{color:var(--ink)}.fph-light .fph-lead2{color:var(--ink3)}
.fph-white{background:#fff}

/* SHOP BY SYSTEM grid */
.fph-sysgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fph-syscat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px 16px 14px;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s}
.fph-syscat:hover{transform:translateY(-2px);box-shadow:0 14px 26px -16px rgba(11,30,63,.22);border-color:#CFDBEC}
.fph-syscat .head{display:flex;flex-direction:column;color:inherit}
.fph-syscat .head:hover h3{color:var(--blue)}
.fph-syscat .ico{width:38px;height:38px;border-radius:9px;background:#EEF3FB;color:var(--blue);display:grid;place-items:center;margin-bottom:11px}
.fph-syscat h3{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 9px}
.fph-syscat .subs{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--line2);padding-top:10px;margin-top:auto}
.fph-syscat .subs a{font-family:'Roboto Mono',monospace;font-size:11.5px;color:var(--ink3);display:flex;align-items:center;gap:6px}
.fph-syscat .subs a:before{content:"";width:3px;height:3px;border-radius:50%;background:#C2CCDA;flex:none}
.fph-syscat .subs a:hover{color:var(--blue)}

/* PRODUCT RAIL */
.fph-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fph-pcard{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s}
.fph-pcard:hover{transform:translateY(-3px);box-shadow:0 16px 30px -16px rgba(11,30,63,.28);border-color:#D4DEEC}
.fph-media{position:relative;aspect-ratio:16/10;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:3px solid var(--blue);overflow:hidden}
.fph-media img{width:100%;height:100%;object-fit:contain;padding:14px}
.fph-stk{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;font-family:'Roboto Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.06em;color:#0E7A41;background:#E7F6EE;border:1px solid #BFE6CF;border-radius:5px;padding:4px 8px}
.fph-stk .dt{width:6px;height:6px;border-radius:50%;background:var(--green)}
.fph-pbody{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.fph-pbrand{font-family:'Roboto Mono',monospace;font-size:11px;letter-spacing:.1em;color:#7A8699;text-transform:uppercase}
.fph-pname{font-weight:700;font-size:15px;line-height:1.32;color:var(--ink);margin:6px 0 9px;min-height:40px}
.fph-ppn{font-family:'Roboto Mono',monospace;font-size:12.5px;color:var(--ink2)}.fph-ppn .k{color:#9AA6B7}
.fph-prow{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:13px;border-top:1px solid var(--line2)}
.fph-price{display:flex;flex-direction:column;line-height:1.2}.fph-price .sign{font-weight:700;font-size:13.5px;color:var(--ink)}.fph-price .hint{font-family:'Roboto Mono',monospace;font-size:10px;letter-spacing:.06em;color:#8893A6}
.fph-viewb{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--blue);border:1px solid #CBD8EC;border-radius:7px;padding:8px 12px;transition:background .15s,border-color .15s;white-space:nowrap}.fph-viewb:hover{background:#F1F5FC;border-color:var(--blue)}

/* WHY (graphite band) */
.fph-why{background:var(--g850);border-top:1px solid var(--b1);border-bottom:1px solid var(--b1)}
.fph-whygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--b3);border:1px solid var(--b3);border-radius:12px;overflow:hidden}
.fph-whyitem{background:var(--g850);padding:24px 22px}
.fph-whyitem .num{font-family:'Roboto Mono',monospace;font-size:13px;color:var(--blue-l);letter-spacing:.1em}
.fph-whyitem h3{color:#fff;font-size:16px;font-weight:700;margin:14px 0 8px}
.fph-whyitem p{margin:0;font-size:13.5px;color:var(--body);line-height:1.55}

/* BRAND WALL */
.fph-brandwall{display:flex;flex-direction:column;gap:26px}
.fph-bwfeat{position:relative;display:flex;align-items:center;gap:24px;background:linear-gradient(118deg,#0A1A33 0%,#122A52 55%,#16315f 100%);color:#fff;border:1px solid #21385f;border-radius:16px;padding:24px 30px;overflow:hidden;text-decoration:none;box-shadow:0 22px 44px -28px rgba(8,22,48,.65);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.fph-bwfeat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--blue),#3f6bff)}
.fph-bwfeat::after{content:"";position:absolute;right:-60px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(63,107,255,.16),transparent 60%);pointer-events:none}
.fph-bwfeat:hover{transform:translateY(-2px);box-shadow:0 26px 50px -26px rgba(8,22,48,.75);border-color:var(--blue)}
.fph-bwfeat .feat-logo{height:40px;width:auto;filter:brightness(0) invert(1);flex:none}
.fph-bwfeat .feat-rule{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,rgba(255,255,255,.22),transparent);flex:none}
.fph-bwfeat .feat-txt{display:flex;flex-direction:column;gap:5px}
.fph-bwfeat .feat-eyebrow{font-family:'Roboto',system-ui,-apple-system,sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-l)}
.fph-bwfeat .feat-sub{font-family:'Roboto',system-ui,-apple-system,sans-serif;font-weight:500;font-size:14.5px;color:#D5DEEE;letter-spacing:.01em}
.fph-bwfeat .feat-cta{margin-left:auto;display:inline-flex;align-items:center;gap:9px;flex:none;background:var(--blue);color:#fff;font-family:'Roboto',system-ui,-apple-system,sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.02em;padding:12px 20px;border-radius:10px}
.fph-bwfeat .feat-cta svg{width:15px;height:15px}
.fph-bwhead{display:flex;align-items:baseline;gap:11px;margin:0 0 14px}
.fph-bwlabel{font-family:'Roboto',system-ui,-apple-system,sans-serif;font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);margin:0}
.fph-bwcount{font-family:'Roboto',system-ui,sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.02em;color:var(--muted)}
.fph-bwgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.fph-bw{display:flex;align-items:center;justify-content:center;height:84px;padding:14px 18px;background:#fff;border:1px solid #E7EDF5;border-radius:12px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.fph-bwlogo{max-height:50px;max-width:84%;width:auto;object-fit:contain;display:block}
.fph-bw:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(11,30,63,.3);border-color:#C9D7EC}
@media (max-width:620px){.fph-bwgrid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px}.fph-bw{height:72px;padding:10px}.fph-bwlogo{max-height:42px}.fph-bwfeat{flex-wrap:wrap;gap:12px 16px;padding:20px}.fph-bwfeat .feat-rule{display:none}.fph-bwfeat .feat-txt{order:3;flex-basis:100%}.fph-bwfeat .feat-cta{order:2;margin-left:auto}}

/* COUNTER (graphite split) */
.fph-counter{background:linear-gradient(120deg,#1B2330,#12161E);border-top:1px solid var(--b1)}
.fph-counter .fph-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center;padding:50px 24px}
.fph-counter h2{color:#fff;font-size:27px;font-weight:900;letter-spacing:-.02em;margin:10px 0 12px}
.fph-counter p{color:var(--body2);font-size:15.5px;line-height:1.6;margin:0 0 22px;max-width:50ch}
.fph-phonecard{background:rgba(0,0,0,.25);border:1px solid var(--b2);border-radius:14px;padding:26px}
.fph-phonecard .pl{font-family:'Roboto Mono',monospace;font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.fph-phonecard .pn{font-size:30px;font-weight:900;color:#fff;letter-spacing:-.01em;margin:6px 0 4px}
.fph-phonecard .ph2{font-family:'Roboto Mono',monospace;font-size:12.5px;color:var(--blue-l)}
.fph-phonecard .feat{display:flex;flex-direction:column;gap:10px;margin-top:20px;border-top:1px solid var(--b3);padding-top:18px}
.fph-phonecard .feat div{display:flex;gap:10px;align-items:center;font-size:13.5px;color:var(--body2)}.fph-phonecard .feat svg{color:var(--blue-l);flex:none}

/* ACCOUNT band */
.fph-account{background:var(--g900);border-top:1px solid var(--b1);position:relative;overflow:hidden}
.fph-account:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 300px at 82% 120%,rgba(31,78,201,.16),transparent 70%)}
.fph-account .fph-wrap{position:relative;padding:54px 24px}
.fph-acard{border:1px solid var(--b2);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:36px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.fph-acard h2{color:#fff;font-size:26px;font-weight:900;letter-spacing:-.02em;margin:10px 0 10px}
.fph-acard .ap{color:var(--body2);font-size:15px;margin:0 0 22px;max-width:46ch}
.fph-avals{display:flex;flex-direction:column;gap:14px}
.fph-aval{display:flex;gap:14px;align-items:flex-start}
.fph-aval .vi{width:38px;height:38px;border-radius:9px;background:rgba(31,78,201,.14);border:1px solid rgba(31,78,201,.4);color:var(--blue-l);display:grid;place-items:center;flex:none}
.fph-aval .vt{font-weight:700;color:#fff;font-size:14.5px}.fph-aval .vd{font-family:'Roboto Mono',monospace;font-size:11.5px;color:var(--muted);letter-spacing:.04em;margin-top:2px}

/* FAQ */
.fph-faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 36px}
.fph-faq details{border-bottom:1px solid var(--line);padding:4px 0}
.fph-faq summary{list-style:none;cursor:pointer;padding:14px 0;font-weight:700;font-size:15.5px;color:var(--ink);display:flex;justify-content:space-between;gap:14px;align-items:center}
.fph-faq summary::-webkit-details-marker{display:none}
.fph-faq summary .pm{width:20px;height:20px;flex:none;position:relative}
.fph-faq summary .pm:before,.fph-faq summary .pm:after{content:"";position:absolute;background:var(--blue);border-radius:2px}
.fph-faq summary .pm:before{left:0;right:0;top:9px;height:2px}.fph-faq summary .pm:after{top:0;bottom:0;left:9px;width:2px;transition:transform .2s}
.fph-faq details[open] summary .pm:after{transform:scaleY(0)}
.fph-faq details p{margin:0 0 16px;color:var(--ink3);font-size:14px;line-height:1.6}

/* SEO block */
.fph-seo{background:#fff;border-top:1px solid var(--line)}
.fph-seo h2{color:var(--ink);font-size:20px;font-weight:800;margin:0 0 14px}
.fph-seo p{color:var(--ink3);font-size:14px;line-height:1.7;margin:0 0 16px}
.fph-seo p a{color:var(--blue);font-weight:500}
.fph-linkcloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.fph-linkcloud a{font-family:'Roboto Mono',monospace;font-size:12px;color:var(--ink2);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:6px 10px}.fph-linkcloud a:hover{color:var(--blue);border-color:#C7D5EA}

@media (max-width:1080px){.fph-sysgrid{grid-template-columns:repeat(2,1fr)}.fph-bwgrid{grid-template-columns:repeat(6,1fr)}.fph-whygrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){
  .fph-grid3{grid-template-columns:1fr 1fr}.fph-counter .fph-wrap,.fph-acard,.fph-faqgrid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .fph h1{font-size:32px}.fph-grid3,.fph-sysgrid{grid-template-columns:1fr}.fph-bwgrid{grid-template-columns:repeat(3,1fr)}.fph-whygrid{grid-template-columns:1fr}
  .fph-cta>.fph-btn{flex:1 1 auto;justify-content:center}
  .fph-counter .fph-wrap,.fph-account .fph-wrap{padding-left:20px;padding-right:20px}
}

/* ==========================================================================
   HYBRID-A HERO (.hx-hero) — replaces the .fph-hero markup (kept as dead CSS for
   view-only rollback). Universal lookup terminal + interactive shop-by-system +
   MOVING FAST strip + trust strip. Scoped so .hx-* beats .fph element selectors.
   ========================================================================== */
.hx-hero{--muted:#B8C7DE}
/* ===== HYBRID-A HERO: universal lookup (left) + dynamic shop-by-system (right) + trust strip ===== */
/* Right menu is COUNT-AGNOSTIC: panels flow any N items (live = QWeb t-foreach over category children). */

.hx-hero{background:linear-gradient(180deg,#1d2634 0%,var(--g850) 48%,var(--g900) 100%);border-bottom:1px solid var(--b1);position:relative}
.hx-hero .fph-wrap{display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - 118px);padding:34px 24px 28px}
.hx-grid{display:grid;grid-template-columns:1.12fr .9fr;gap:40px;align-items:start}
.hx-grid>*{min-width:0}
.hx-loc{color:var(--muted)}
.hx-hero .hx-h1{font-size:clamp(31px,3.1vw,42px);font-weight:900;line-height:1.07;letter-spacing:-.026em;color:#fff;margin:15px 0 22px;max-width:32ch}
.hx-hero .hx-h1 em{font-style:normal;color:var(--blue-l)}

/* ---- lookup terminal (one universal search, no scope picker) ---- */
.hx-term{border:1px solid var(--b2);border-radius:11px;overflow:hidden;background:var(--field);box-shadow:0 18px 46px -24px rgba(0,0,0,.85)}
.hx-termbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.025);border-bottom:1px solid var(--b2);padding:0 16px;height:38px}
.hx-findlbl{font-family:"Roboto Mono",monospace;font-size:11px;letter-spacing:.12em;color:var(--blue-l);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-termmeta{font-family:"Roboto Mono",monospace;font-size:10.5px;letter-spacing:.07em;color:var(--muted);display:flex;align-items:center;white-space:nowrap}
.hx-termmeta .hx-dot{width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px;display:inline-block}
.hx-fieldrow{display:flex;align-items:stretch;background:var(--field)}
.hx-prompt{font-family:"Roboto Mono",monospace;font-size:18px;font-weight:700;color:var(--blue-l);display:flex;align-items:center;padding:0 0 0 18px;white-space:nowrap}
.hx-input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-family:"Roboto Mono",monospace;font-size:17px;font-weight:500;letter-spacing:.01em;padding:21px 14px 21px 8px;caret-color:var(--blue-l)}
.hx-input::placeholder{color:#62708a;opacity:1}
.hx-go{flex:none;border:0;background:var(--blue);color:#fff;font-family:Roboto,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:0 32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s}
.hx-go:hover{background:var(--blue-h)}
.hx-recent{border-top:1px solid var(--b2);background:rgba(0,0,0,.18)}
.hx-recap{display:flex;justify-content:space-between;padding:9px 16px 8px;font-family:"Roboto Mono",monospace;font-size:10px;letter-spacing:.12em;color:var(--muted)}
.hx-recap span{color:#5e6b82}
.hx-row{display:grid;grid-template-columns:104px 1fr auto;gap:12px;align-items:center;padding:9px 16px;border-top:1px solid var(--b3);transition:background .12s}
.hx-row:hover{background:rgba(255,255,255,.035)}
.hx-pn{font-family:"Roboto Mono",monospace;font-size:12.5px;color:var(--blue-l);font-weight:500;white-space:nowrap}
.hx-desc{font-size:13px;color:var(--body2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-desc b{color:#fff;font-weight:700}
.hx-stat{font-family:"Roboto Mono",monospace;font-size:10.5px;letter-spacing:.06em;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.hx-sq{width:7px;height:7px;display:inline-block;flex:none}
.hx-in{color:#46c285}.hx-in .hx-sq{background:var(--green)}
.hx-xr{color:var(--amber)}.hx-xr .hx-sq{background:var(--amber)}

/* ---- interactive shop-by-system (CSS-only tabs, count-agnostic panels) ---- */
.hx-browse{position:relative;border:1px solid var(--b2);border-radius:13px;background:linear-gradient(180deg,#1e2735,#171e2a);overflow:hidden;box-shadow:0 18px 46px -26px rgba(0,0,0,.85);display:flex;flex-direction:column;height:100%}
.hx-sysradio{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.hx-bhead{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--b3);background:rgba(0,0,0,.22)}
.hx-btitle{font-family:"Roboto Mono",monospace;font-size:12px;letter-spacing:.14em;color:#fff}
.hx-ball{font-family:"Roboto Mono",monospace;font-size:11px;color:var(--blue-l);letter-spacing:.05em}
.hx-systabs{display:flex;border-bottom:1px solid var(--b3)}
.hx-systab{flex:1;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-right:1px solid var(--b3);cursor:pointer;transition:background .14s;box-shadow:inset 0 -2px 0 transparent}
.hx-systab:last-child{border-right:0}
.hx-systab:hover{background:rgba(255,255,255,.03)}
.hx-systab b{font-weight:700;font-size:14.5px;color:var(--body2);transition:color .14s}
.hx-systab .hx-sc{font-family:"Roboto Mono",monospace;font-size:10.5px;letter-spacing:.04em;color:var(--muted)}
#hxsys-tires:checked ~ .hx-systabs .hx-systab[for="hxsys-tires"],
#hxsys-parts:checked ~ .hx-systabs .hx-systab[for="hxsys-parts"],
#hxsys-cargo:checked ~ .hx-systabs .hx-systab[for="hxsys-cargo"]{background:rgba(31,78,201,.16);box-shadow:inset 0 -2px 0 var(--blue-l)}
#hxsys-tires:checked ~ .hx-systabs .hx-systab[for="hxsys-tires"] b,
#hxsys-parts:checked ~ .hx-systabs .hx-systab[for="hxsys-parts"] b,
#hxsys-cargo:checked ~ .hx-systabs .hx-systab[for="hxsys-cargo"] b{color:#fff}
#hxsys-tires:checked ~ .hx-systabs .hx-systab[for="hxsys-tires"] .hx-sc,
#hxsys-parts:checked ~ .hx-systabs .hx-systab[for="hxsys-parts"] .hx-sc,
#hxsys-cargo:checked ~ .hx-systabs .hx-systab[for="hxsys-cargo"] .hx-sc{color:var(--blue-l)}

.hx-syspanels{position:relative;flex:1;min-height:230px;max-height:330px;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#3a4761 transparent}
.hx-syspanels::-webkit-scrollbar{width:8px}
.hx-syspanels::-webkit-scrollbar-thumb{background:#33405a;border-radius:20px}
.hx-panel{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 2px;align-content:start}
#hxsys-parts:checked ~ .hx-syspanels .hx-panel-parts{display:grid}
#hxsys-tires:checked ~ .hx-syspanels .hx-panel-tires{display:grid}
#hxsys-cargo:checked ~ .hx-syspanels .hx-panel-cargo{display:grid}
.hx-sysrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;font-size:13.5px;color:var(--body2);border-radius:7px;transition:background .12s,color .12s}
.hx-sysrow:hover{background:rgba(255,255,255,.05);color:#fff}
.hx-sn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-c{font-family:"Roboto Mono",monospace;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}
.hx-sysrow:hover .hx-c{color:var(--blue-l)}
.hx-go2{color:#566480;font-size:13px;flex:none}
.hx-sysrow:hover .hx-go2{color:var(--blue-l)}

/* per-tab Shop-all CTA (swaps with the active tab) */
.hx-safoot{border-top:1px solid var(--b3)}
.hx-shopall{display:none;align-items:center;gap:9px;padding:14px 16px;background:rgba(31,78,201,.13);color:var(--blue-l);font-weight:700;font-size:13.5px;letter-spacing:.01em;transition:background .14s,color .14s}
.hx-shopall:hover{background:rgba(31,78,201,.24);color:#fff}
.hx-shopall .hx-sacount{font-family:"Roboto Mono",monospace;font-weight:500;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.hx-shopall:hover .hx-sacount{color:var(--blue-l)}
.hx-shopall .hx-aar{margin-left:auto;font-size:15px}
#hxsys-parts:checked ~ .hx-safoot .hx-sa-parts,
#hxsys-tires:checked ~ .hx-safoot .hx-sa-tires,
#hxsys-cargo:checked ~ .hx-safoot .hx-sa-cargo{display:flex}

/* ---- MOVING FAST strip ---- */
.hx-movers{display:flex;flex-direction:column;gap:11px}
.hx-movhead{display:flex;align-items:center;justify-content:space-between}
.hx-moveyebrow{font-family:"Roboto Mono",monospace;font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;display:flex;align-items:center;gap:9px}
.hx-moveyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px rgba(244,161,0,.18)}
.hx-movall{font-family:"Roboto Mono",monospace;font-size:11px;color:var(--blue-l);letter-spacing:.04em}
.hx-movrow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.hx-movcard{display:flex;flex-direction:column;background:linear-gradient(180deg,#1d2735,#161d28);border:1px solid var(--b2);border-radius:10px;overflow:hidden;transition:transform .14s,border-color .14s,box-shadow .14s}
.hx-movcard:hover{transform:translateY(-2px);border-color:#34425c;box-shadow:0 14px 28px -18px rgba(0,0,0,.8)}
.hx-movimg{position:relative;height:78px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hx-movimg img{width:100%;height:100%;object-fit:contain;padding:8px;display:block}
.hx-movimg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.85),transparent 24%);pointer-events:none}
.hx-movtxt{display:flex;flex-direction:column;gap:2px;padding:9px 11px 11px}
.hx-movbrand{font-family:"Roboto Mono",monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hx-movname{font-size:12px;font-weight:700;color:#fff;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-movpn{font-family:"Roboto Mono",monospace;font-size:11px;color:var(--blue-l)}

/* ---- trust strip ---- */
.hx-trust{display:flex;border:1px solid var(--b2);border-radius:11px;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.32))}
.hx-tcell{flex:1;min-width:150px;padding:15px 20px;border-left:1px solid var(--b3);display:flex;flex-direction:column;gap:3px}
.hx-tcell:first-child{border-left:0}
.hx-tn{font-family:"Roboto Mono",monospace;font-weight:700;font-size:17px;color:#fff}
.hx-u{color:var(--blue-l)}
.hx-tl{font-family:"Roboto Mono",monospace;font-size:10px;letter-spacing:.09em;color:var(--muted);text-transform:uppercase}

/* ---- tablet ---- */
@media (max-width:980px){
  .hx-grid{grid-template-columns:1fr;gap:22px}
  .hx-hero .fph-wrap{min-height:0;gap:22px;padding:30px 22px}
  .hx-browse{height:auto}
  .hx-syspanels{max-height:none;min-height:0}
  .hx-hero .hx-h1{margin:14px 0 20px}
  .hx-movrow{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ---- phone ---- */
@media (max-width:620px){
  .hx-hero .fph-wrap{padding:24px 16px}
  .hx-hero .hx-h1{font-size:30px;margin:12px 0 18px;max-width:none}
  .hx-findlbl{font-size:10px;letter-spacing:.07em}
  .hx-termmeta{display:none}
  .hx-fieldrow{flex-wrap:wrap}
  .hx-prompt{align-items:center;padding:0 0 0 16px}
  .hx-input{flex:1 1 auto;font-size:16px;padding:16px 12px 16px 8px}
  .hx-go{flex:1 1 100%;padding:14px 16px;border-top:1px solid var(--b2)}
  .hx-row{grid-template-columns:1fr auto;grid-template-areas:"pn stat" "desc desc";gap:3px 10px;padding:10px 14px}
  .hx-pn{grid-area:pn}
  .hx-stat{grid-area:stat;justify-self:end}
  .hx-desc{grid-area:desc;white-space:normal}
  .hx-recap span{display:none}
  .hx-panel{grid-template-columns:1fr}
  .hx-systab{padding:11px 10px}
  .hx-systab b{font-size:13.5px}
  .hx-trust{flex-wrap:wrap}
  .hx-tcell{flex:1 1 50%;min-width:0;padding:13px 16px}
  .hx-movrow{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -2px;padding:0 2px 4px}
  .hx-movcard{flex:0 0 62%;scroll-snap-align:start}
}

/* ==========================================================================
   READABILITY FIX — neutralize base #wrap rules that penetrate .fph.
   Base bugs: (L6) `#wrap section h2{color:#0B1E3F navy}` (no !important, ID-spec) ->
   graphite-band H2s navy-on-graphite (invisible); (L418)
   `#wrap a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink){color:#3054CC!important}`
   -> every .fph anchor (incl. .fph-btn-*) forced blue. L418 is (1,6,1)+!important, so anchor
   overrides MUST pad their :not() chain past 6 to win. Light-section H2s keep base navy (correct).
   ========================================================================== */
/* graphite-section headings -> white (beats L6: !important > no-!important) */
#wrap .fph-why h2, #wrap .fph-counter h2, #wrap .fph-account h2{ color:#fff !important; }
/* blue button labels -> white (beat L418's (1,6,1)+!important with a padded :not() chain) */
#wrap a.fph-btn-blue:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink),
#wrap a.fph-btn-blue:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink) *,
#wrap a.fph-btn-ghost:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink),
#wrap a.fph-btn-ghost:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink) *{ color:#fff !important; }
/* non-button links on graphite -> brighter --blue-l (#1F4EC9 fails as text on dark) — padded chain to beat L418 */
#wrap .fph-counter a:not(.fph-btn):not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link),
#wrap .fph-account a:not(.fph-btn):not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link),
#wrap .fph-why a:not(.fph-btn):not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link){ color:#7FA6FF !important; }
/* muted labels on graphite -> brighter to clear 4.5:1 */
#wrap .fph-why .fph-eyebrow, #wrap .fph-counter .fph-eyebrow,
#wrap .fph-account .fph-eyebrow, #wrap .fph-micro{ color:#B8C7DE !important; }
/* light-section eyebrows -> clear 4.5:1 on paper */
#wrap .fph-light .fph-eyebrow{ color:#566580 !important; }

/* --- NEW hybrid hero (.hx-hero): mirror the .fph-hero #wrap-anchor neutralizer ---
   Base `#wrap a:not(6-chain){#3054CC!important}` (1,6,1) forces every .fph anchor blue.
   Default hero anchors -> body2 (so even bare text is readable), link-style anchors -> --blue-l.
   Padded :not() chains give (1,7,1)/(1,8,1) to beat the base. */
#wrap .hx-hero a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink){ color:var(--body2) !important; }
#wrap .hx-hero a.hx-ball:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink),
#wrap .hx-hero a.hx-movall:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink),
#wrap .hx-hero a.hx-shopall:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink){ color:var(--blue-l) !important; }
/* hero eyebrow -> AA-bright on graphite (mirror of the .fph-hero eyebrow fix) */
#wrap .hx-hero .fph-eyebrow{ color:#B8C7DE !important; }

/* --- 10ce88b regression: light/SEO-section .fph links leaked the base #3054CC (#wrap a:not()x6 !important).
   Restore designer colors with padded :not() chains. Per Nicolas: sub-category links + "View all" +
   inline SEO links = brand --blue (#1F4EC9); brand wall/cards/titles = their dark intent. --- */
/* brand-blue link-style anchors */
#wrap .fph-syscat .subs a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink),
#wrap a.fph-va:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink),
#wrap a.fph-va:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink) *,
#wrap .fph-seo p a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink){ color:var(--blue) !important; }
/* dark/neutral anchors -> restore designer intent (styled children keep their own colors) */
#wrap a.head:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink),
#wrap a.fph-pcard:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink){ color:var(--ink) !important; }
#wrap a.fph-bw:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink),
#wrap .fph-linkcloud a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink){ color:var(--ink2) !important; }
#wrap a.fph-bw.house:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink){ color:#fff !important; }
/* preserve hover affordance (must be !important to beat the rules above) */
#wrap a.fph-bw:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink):hover,
#wrap .fph-linkcloud a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink):hover{ color:var(--blue) !important; }
#wrap a.fph-bw.house:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink):hover{ color:var(--blue-l) !important; }

/* --- Label de-AI (Nicolas: option A) — the eyebrow/caption labels read as templated because they were
   monospace + wide tracking. Switch them to Roboto (sans) with tidy tracking, keep the industrial caps.
   Mono stays ONLY on data: part numbers (.hx-pn/.fph-ppn), counts (.hx-c/.hx-sc), prices, the search
   terminal (.hx-prompt/.hx-input). --- */
.fph-eyebrow, .fph-micro, .fph-phonecard .pl,
.hx-findlbl, .hx-termmeta, .hx-recap, .hx-moveyebrow, .hx-tl, .hx-btitle{
  font-family:'Roboto', system-ui, -apple-system, sans-serif !important;
  letter-spacing:.04em !important;
  font-weight:600 !important;
}
/* sentence-case: these two also carried CSS text-transform:uppercase (source de-capped this batch) */
.fph-eyebrow, .hx-moveyebrow{ text-transform:none !important; }

/* === TOP-REGION DECLUTTER (Nicolas: "слишком много / не разделено / тяжело сориентироваться") === */
/* 1. Separate the zones — header reads as its own bar, distinct from the hero below */
#wrapwrap header.o_header_standard.fp-rb{ background:#0e1726 !important; border-bottom:1px solid rgba(255,255,255,.09) !important; }
/* 2. Dedupe — the parts-counter phone already lives in the top bar; drop the header copies */
#wrapwrap header li:has(span.o_force_ltr){ display:none !important; }
/* 3. Drop the decorative dot pips on labels */
.fph-eyebrow .d, .hx-moveyebrow .dot, .hx-termmeta .hx-dot{ display:none !important; }
/* 4. Fewer labels — section eyebrows just repeat the heading right below them */
.fph-section .fph-eyebrow{ display:none !important; }
/* 5. Trust-strip labels -> sentence case (source is already sentence case) */
.hx-tl{ text-transform:none !important; letter-spacing:.012em !important; }
/* 6. Shop-by-system sub-category links + SEO link-cloud chips: drop the monospace
   (read as the same templated/AI font as the old eyebrows). Sans, tidy tracking. */
.fph-syscat .subs a, .fph-linkcloud a{ font-family:'Roboto', system-ui, -apple-system, sans-serif !important; letter-spacing:.005em !important; }
/* 7. Clear hover affordance on shop-by-system links (Nicolas: "выделение когда навожусь") */
.fph-syscat .subs a{ padding:3px 8px; margin-left:-8px; border-radius:7px; transition:background .14s ease, transform .14s ease; }
.fph-syscat .subs a:hover{ background:rgba(31,78,201,.14); transform:translateX(3px); }
.fph-syscat .subs a:hover:before{ background:var(--blue); }
#wrap .fph-syscat .subs a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.page-link):not(.o_animate_blink):hover{ color:#2c63e6 !important; }
.fph-syscat .head{ border-radius:8px; transition:background .14s ease; padding:2px 6px; margin-left:-6px; }
.fph-syscat .head:hover{ background:rgba(31,78,201,.06); }

/* === Roboto on ALL headings site-wide === Odoo's theme heading font is still Saira, so native
   /shop + product-page titles render Saira ("old font"). Force our self-hosted Roboto (and drop
   the dead Inter fallback). #wrapwrap + !important beats Odoo's heading rule. Mono labels are
   spans with their own Roboto Mono rule -> untouched. */
#wrapwrap h1, #wrapwrap h2, #wrapwrap h3, #wrapwrap h4, #wrapwrap h5, #wrapwrap h6,
#wrapwrap .h1, #wrapwrap .h2, #wrapwrap .h3, #wrapwrap .h4, #wrapwrap .h5, #wrapwrap .h6{
  font-family:'Roboto', system-ui, -apple-system, sans-serif !important;
}

/* === /shop toolbar: no CLS === The View/Columns/Show bar (.fp-shoptools) is injected by JS
   right before the grid, so it used to shove the grid down ~65px when it appeared late ("page
   jerks"). Reserve that strip on the wrapper from first paint and float the toolbar into it, so
   the grid sits at its final position immediately and the toolbar just fills the reserved space.
   nowrap+scroll keeps the bar one row (stable height) at every width. /shop-only. */
.o_wsale_products_grid_table_wrapper{ position:relative; padding-top:65px; }
.o_wsale_products_grid_table_wrapper > .fp-shoptools{ position:absolute; top:0; left:0; right:0; margin:0; flex-wrap:nowrap !important; overflow-x:auto; }