/* Independent Shop Tools-inspired MİKA storefront. */
:root{--ink:#252729;--muted:#727477;--line:#e6e6e6}body{background:#fff}button,input,select,textarea{border-radius:3px}button:not(:disabled):hover{transform:none;box-shadow:none}.topline{background:#f2f3f4;color:#757575;padding:8px 4%;font-size:11px;letter-spacing:.2px}.topline>div{display:flex;gap:28px}header{position:relative;gap:28px;padding:25px 4%;box-shadow:none}.logo img{width:138px}.header-phone{white-space:nowrap;display:flex;flex-direction:column}.header-phone b{font-size:16px}.header-phone small{font-size:10px;letter-spacing:1.4px;margin-top:4px}.header-search{position:relative;max-width:none;min-width:160px}.header-search input{border-radius:3px;background:#f6f6f6;padding:15px 45px 15px 18px;font-size:13px}.header-search>span:last-child{position:absolute;right:17px;top:6px;font-size:29px;color:var(--red)}header nav{gap:10px}header nav button{border-radius:3px;font-size:12px;padding:12px}.cart-button{background:transparent;color:var(--ink);border:0}.cart-button b{background:var(--red);color:white;border-radius:50%;font-size:11px;min-width:21px;line-height:21px}.quicknav{background:var(--red);padding:0 4%;gap:4px;border:0;min-height:53px}.quicknav button{background:transparent;color:white;border-radius:0;padding:18px 22px;font-size:11px;letter-spacing:.5px;min-height:53px}.quicknav button:first-child{background:#a91823;padding-left:25px;padding-right:40px}.quicknav button:hover{background:#aa1923;color:white}.quicknav .nav-quick{margin-left:auto;background:#af1b25}main{max-width:1660px;padding:28px 4% 0}.shop-hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:20px;min-height:456px}.hero-main{display:grid;grid-template-columns:1.05fr 1fr;background:#f3f3f3;min-width:0;overflow:hidden}.hero-copy{background:none;color:var(--ink);padding:49px 0 30px 38px;position:relative;z-index:1}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.7px}.hero-copy h1{font-size:clamp(32px,3.3vw,55px);letter-spacing:-2px;line-height:1.07;margin:21px 0}.hero-copy p{color:#737579;font-size:14px;line-height:1.8;margin:0 0 25px}.hero-copy .primary{padding:14px 20px;border-radius:2px;font-size:11px;letter-spacing:1px}.hero-caption{font-size:8px;letter-spacing:1.4px;margin-top:38px;color:#666}.hero-caption span{display:block;margin-top:5px;color:#969696}.hero-display{border:0;background:transparent;padding:30px 20px 20px 8px;justify-content:center}.display-label{font-size:9px;letter-spacing:2px;align-self:flex-end;color:#929292}#featured{background:transparent!important;min-height:295px;padding:5px;gap:14px}#featured img{height:245px;width:100%;max-width:100%;mix-blend-mode:multiply}#featured strong{font-size:13px;line-height:1.5;text-align:center;max-width:250px}.slider-controls{justify-content:center;gap:6px;flex-wrap:wrap;margin-top:12px;font-size:10px}.slider-controls button{border-radius:2px;font-size:9px;padding:5px 7px;min-height:29px;background:transparent!important}.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}.promo{position:relative;overflow:hidden;border:0;border-radius:0;padding:25px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;isolation:isolate}.promo-red{background:#bd1c29;color:white}.promo-gray{background:#e9ebec;color:#282a2d}.promo-label{font-size:8px;letter-spacing:1.3px;position:relative;z-index:2}.promo b{font-size:26px;letter-spacing:-.7px;line-height:1.12;margin:13px 0 20px;position:relative;z-index:2}.promo-link{font-size:10px;text-decoration:underline;text-underline-offset:5px;position:relative;z-index:2}.promo img{position:absolute;width:52%;height:80%;object-fit:contain;right:-14px;bottom:-15px;mix-blend-mode:multiply;z-index:0;opacity:.7;transform:rotate(-12deg)}.promo-red:hover{background:#ab1723;color:#fff}.promo-gray:hover{background:#dfe2e4;color:#282a2d}.b2b-home{background:#fff;border:0;border-radius:0;box-shadow:none;margin-top:42px;overflow:visible;padding:0}.portal-heading,.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.portal-heading .eyebrow,.section-title .eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--red)}.portal-heading h2,.section-title h2{font-size:27px;letter-spacing:-1px;margin:6px 0}.portal-heading p{font-size:12px;color:#787878;margin:5px 0 0}.portal-heading>button,.section-title>button{font-size:11px;border-radius:2px;padding:10px 18px}.b2b-shortcuts{padding:22px 0 0;gap:16px}.b2b-shortcuts button{border-radius:2px;min-height:114px;padding:18px 21px!important;background:#f5f5f5!important;border:1px solid #e4e4e4!important;border-left:3px solid var(--red)!important}.b2b-shortcuts button b{font-size:15px;color:#303234!important}.b2b-shortcuts button span{font-size:11px;color:#747678!important}.b2b-shortcuts button:before{font-size:9px;color:#a5a5a5!important;margin-bottom:9px}.b2b-shortcuts button:first-child{background:#c91f2b!important;border-color:#c91f2b!important}.b2b-shortcuts button:first-child b,.b2b-shortcuts button:first-child span,.b2b-shortcuts button:first-child:before{color:#fff!important}.b2b-tabs{padding:14px 0 0;gap:19px}.b2b-tabs button{border:0;border-radius:0;padding:0;min-height:30px;font-size:10px;color:#777}.shop-categories{margin-top:47px;padding-top:30px;border-top:1px solid var(--line)}.category-tiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:25px}.category-tile{min-width:0;border:1px solid var(--line);padding:13px 8px 17px;border-radius:0;display:flex;flex-direction:column;align-items:center}.category-photo{height:92px;display:flex;align-items:center;justify-content:center;margin:4px 0 16px}.category-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.category-tile b{font-size:10px;line-height:1.4;min-height:28px;text-align:center}.category-tile small{font-size:9px;color:#929292;margin-top:4px}.category-tile:hover{background:#fafafa;border-color:var(--red)}.steps{border-radius:0;margin-top:36px;background:#f6f6f6;border:0;font-size:11px;padding:18px 22px}.steps small{font-size:10px}.store{padding-top:43px;scroll-margin-top:15px}.toolbar h2{font-size:28px;letter-spacing:-1px}.toolbar .eyebrow{font-size:9px}.toolbar .muted{font-size:11px}.layout{grid-template-columns:205px minmax(0,1fr);gap:26px}aside #categories{border-radius:0;padding:9px;background:#f8f8f8}aside #categories button{font-size:11px;border-radius:0;padding:12px 9px}.aside-note,.payment-note{border-radius:0;font-size:12px}.aside-note button{border-radius:2px}.resultbar{font-size:11px}.resultbar button{font-size:11px}.grid{gap:17px}.card{border-radius:0;box-shadow:none}.card-image{height:210px}.card-body{padding:16px}.card h3{font-size:13px;min-height:40px}.brand-label{font-size:9px}.card p{font-size:11px}.price{font-size:19px}.stock{font-size:10px}.card .add{border-radius:2px;font-size:11px;min-height:38px}.support-strip{margin:10px 0 0;padding:40px 6%;background:#292c2f;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px}.support-strip span{font-size:9px;letter-spacing:2px;color:#b9bbbd}.support-strip h2{font-size:25px;margin:6px 0}.support-strip a{font-size:28px;font-weight:bold;white-space:nowrap}.support-strip small{display:block;font-size:11px;font-weight:normal;color:#b9bbbd;text-align:right}footer{padding:40px 4%;font-size:13px}footer p{font-size:12px}dialog{border-radius:6px}.dialog-head>button,.primary{border-radius:3px}
@media(min-width:1600px){.hero-copy{padding-top:65px}.shop-hero{min-height:500px}.hero-copy h1{font-size:58px}}
@media(max-width:1150px){.header-phone{display:none}header{gap:22px}.shop-hero{grid-template-columns:minmax(0,1fr) 240px;gap:14px;min-height:410px}.hero-copy{padding:37px 0 24px 26px}.hero-copy h1{font-size:37px}.hero-copy p{font-size:12px}.hero-display{padding:23px 12px 18px 0}#featured img{height:200px}.hero-caption{letter-spacing:.7px}.promo{padding:22px}.promo b{font-size:24px}.quicknav button{padding:17px 13px;font-size:10px}.category-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.category-photo{height:95px}.category-tile b{min-height:0}.layout{grid-template-columns:185px minmax(0,1fr)}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-image{height:175px}}
@media(max-width:850px){.shop-hero{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:14px}.promo{min-height:195px}.promo img{width:48%;height:90%;right:5px}.hero-main{min-height:365px}.hero-copy{padding:35px}.hero-copy h1{font-size:44px}.hero-display{padding:26px}#featured img{height:210px}#featured{min-height:245px}.hero-caption{margin-top:23px}.quicknav .nav-quick{margin-left:0}.b2b-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:165px minmax(0,1fr);gap:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-search input{font-size:11px}.logo img{width:115px}.support-strip h2{font-size:21px}.support-strip a{font-size:23px}}
@media(max-width:650px){.topline{font-size:9px;padding:7px 4%}.topline>div{display:none}header{gap:13px;padding:17px 4%}.logo img{width:112px}.header-search input{font-size:12px;padding:12px 40px 12px 14px}header nav{gap:6px}header nav button{padding:9px;font-size:11px}.cart-button span{display:none}.quicknav{padding:0 4%;gap:0}.quicknav button,.quicknav button:first-child{padding:15px 18px;font-size:10px;min-height:48px}main{padding:17px 4% 0}.hero-main{grid-template-columns:1fr;min-height:0}.hero-copy{padding:30px 27px 9px}.hero-copy h1{font-size:43px;letter-spacing:-1.8px;margin:17px 0}.hero-copy p{font-size:12px}.hero-copy .eyebrow{font-size:9px}.hero-caption{display:none}.hero-display{padding:12px 24px 19px}.display-label{display:none}#featured{min-height:170px;gap:3px}#featured img{height:145px;max-width:85%}#featured strong{font-size:11px}.slider-controls{margin-top:9px}.hero-side{gap:10px}.promo{min-height:180px;padding:18px 13px;justify-content:flex-start}.promo-label{font-size:6px;letter-spacing:.6px}.promo b{font-size:22px;margin:12px 0 17px}.promo-link{font-size:8px;max-width:95px}.promo img{width:60%;right:-11px;bottom:-19px;opacity:.45}.b2b-home{margin-top:30px}.portal-heading{gap:10px}.portal-heading h2,.section-title h2{font-size:22px}.portal-heading p{font-size:11px;max-width:240px}.portal-heading>button{font-size:10px;padding:8px;max-width:88px;flex-shrink:0}.b2b-shortcuts{gap:10px;padding-top:18px}.b2b-shortcuts button{padding:15px!important;min-height:110px}.b2b-shortcuts button b{font-size:13px}.b2b-shortcuts button span{font-size:10px}.b2b-tabs{gap:7px 15px}.b2b-tabs button{font-size:9px}.shop-categories{margin-top:28px;padding-top:24px}.section-title>button{font-size:10px;padding:8px;white-space:nowrap}.section-title .eyebrow{font-size:8px}.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.category-photo{height:94px}.category-tile b{font-size:11px}.steps{font-size:10px;padding:14px 12px;margin-top:24px}.store{padding-top:28px}.toolbar h2{font-size:25px}.layout{display:block}aside #categories{padding:8px}aside #categories button{width:auto;font-size:11px;margin:0;padding:10px}.grid{gap:10px}.card-image{height:155px;padding:12px}.card-body{padding:12px}.card h3{font-size:12px}.price{font-size:17px}.card .add{font-size:10px;padding:8px 4px}.resultbar{font-size:10px;gap:10px}.support-strip{padding:29px 6%;display:block}.support-strip h2{font-size:22px;margin-bottom:18px}.support-strip a{font-size:27px}.support-strip small{text-align:left;font-size:10px}footer{padding:30px 6%}.pagination{font-size:12px;gap:12px}.pagination button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.slide-enter img,.slide-enter strong{animation:none}}
/* Compact footer and MİKA category outlines. */
.category-tile{border:1px solid var(--red)}
.support-strip{padding:18px 4%;margin-top:0;gap:16px}
.support-strip h2{font-size:20px;line-height:1.3;margin:4px 0 0}
.support-strip span{font-size:8px}
.support-strip a{font-size:23px;line-height:1.3}
.support-strip small{font-size:10px;margin-top:3px}
footer{padding:20px 4%;gap:24px;align-items:center}
footer>div{margin:0}
footer>div:first-child>img{width:110px;border-radius:4px;padding:4px}
footer p{margin:7px 0 0;font-size:11px}
footer b{font-size:12px}
footer a{font-size:11px;margin:5px 0 0}
.footer-payment{flex-shrink:0}
footer .footer-payment img{display:block;width:100px;height:40px;object-fit:contain;padding:8px 10px;background:#fff;border-radius:4px}
@media(max-width:850px){footer{display:grid;grid-template-columns:1fr 1fr;gap:18px}.footer-payment{justify-self:start}}
@media(max-width:650px){.support-strip{display:flex;align-items:center;padding:16px 4%;gap:12px}.support-strip h2{font-size:15px;max-width:180px;margin:4px 0 0}.support-strip a{font-size:17px}.support-strip small{font-size:8px;text-align:right}.support-strip span{font-size:7px;letter-spacing:1px}footer{padding:18px 4%;gap:16px}footer>div{margin:0}footer>div:first-child>img{width:100px}footer p{font-size:10px}footer a{font-size:10px}}
/* Separate red buttons for the dealer menu. */
.b2b-tabs{gap:10px;padding-top:16px}
.b2b-tabs button{background:var(--red);color:#fff;border:1px solid var(--red);border-radius:3px;padding:10px 14px;min-height:38px;font-size:11px}
.b2b-tabs button:hover{background:#a91823;color:#fff;border-color:#a91823}
.b2b-tabs button:focus-visible{outline-color:var(--red);outline-offset:3px}
@media(max-width:650px){.b2b-tabs{gap:8px}.b2b-tabs button{padding:9px 11px;font-size:10px}}
/* Keep the main showcase and dealer actions compact on desktop screens. */
@media(min-width:851px){
.topline{padding-top:6px;padding-bottom:6px}
header{padding-top:16px;padding-bottom:16px}
.quicknav,.quicknav button{min-height:44px}
.quicknav button,.quicknav button:first-child{padding-top:13px;padding-bottom:13px}
main{padding-top:18px}
.shop-hero{height:clamp(230px,34vh,340px);min-height:0;gap:16px}
.hero-main{min-height:0;grid-template-columns:1.05fr 1fr}
.hero-copy{padding:22px 0 18px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero-copy h1{font-size:clamp(31px,3vw,46px);margin:12px 0;line-height:1.05}
.hero-copy p{font-size:12px;line-height:1.6;margin:0 0 15px}
.hero-copy .primary{padding:10px 17px;min-height:36px;font-size:10px}
.hero-caption{margin-top:15px;font-size:7px}
.hero-display{padding:14px 17px 12px 5px;min-height:0}
.display-label{font-size:8px}
#featured{min-height:0;gap:3px;padding:3px}
#featured img{height:clamp(105px,19vh,190px);max-width:90%}
#featured strong{font-size:11px;margin-top:2px;line-height:1.25}
.slider-controls{margin-top:6px;gap:5px}
.slider-controls button{min-height:25px;padding:3px 6px;font-size:8px}
.hero-side{gap:14px;min-height:0;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
.promo{padding:14px 19px;min-height:0}
.promo b{font-size:22px;margin:7px 0 10px;line-height:1.05}
.promo-label{font-size:7px}
.promo-link{font-size:9px}
.b2b-home{margin-top:20px}
.portal-heading h2{font-size:23px;margin:3px 0}
.portal-heading p{font-size:11px;margin:2px 0 0}
.portal-heading .eyebrow{font-size:8px}
.b2b-shortcuts{padding-top:13px;gap:12px}
.b2b-shortcuts button{min-height:80px;padding:12px 16px!important}
.b2b-shortcuts button:before{margin-bottom:5px;font-size:8px}
.b2b-shortcuts button b{font-size:13px}
.b2b-shortcuts button span{font-size:10px;margin-top:4px}
.b2b-tabs{padding-top:10px;gap:8px}
.b2b-tabs button{padding:7px 11px;min-height:32px;font-size:10px}
.shop-categories{margin-top:28px;padding-top:24px}
}
@media(min-width:851px) and (max-height:720px){.hero-caption{display:none}.hero-copy h1{font-size:33px}.b2b-home{margin-top:14px}.b2b-shortcuts button{min-height:72px;padding:9px 14px!important}}
@media(max-width:850px){.hero-main{min-height:300px}.b2b-home{margin-top:24px}}
@media(max-width:650px){.hero-main{min-height:0}.hero-copy{padding:22px 24px 5px}.hero-copy h1{font-size:35px;margin:12px 0}.hero-copy p{margin-bottom:16px}.hero-display{padding:8px 20px 13px}#featured{min-height:130px}#featured img{height:110px}.hero-side .promo{min-height:148px}.b2b-home{margin-top:22px}}
.quicknav button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px #aeb2b5;background:#ad1924;color:#fff}
.quicknav button[aria-pressed="true"]:hover{box-shadow:inset 0 0 0 2px #aeb2b5}
.quicknav button:focus-visible{outline:2px solid #aeb2b5;outline-offset:-2px}
.quicknav button[aria-pressed="true"],.quicknav button[aria-pressed="true"]:hover{background:#e4e5e6;color:var(--red);box-shadow:inset 0 0 0 2px var(--red)}
.quicknav button:focus-visible{outline-color:var(--red)}
@media(min-width:851px){
.landing-screen{height:calc(100svh - var(--site-top-height,170px) - 32px);min-height:350px;display:flex;flex-direction:column;gap:14px}
.landing-screen .shop-hero{height:auto;flex:1;min-height:175px}
.landing-screen .b2b-home{flex:none;margin-top:0}
.landing-screen .hero-copy{padding-top:14px;padding-bottom:14px}
.landing-screen .hero-caption{display:none}
.landing-screen .hero-copy h1{font-size:clamp(29px,3vw,43px);margin:9px 0}
.landing-screen .hero-copy p{margin-bottom:11px}
.landing-screen .hero-display{overflow:hidden}
.landing-screen #featured{overflow:hidden;min-height:0}
.landing-screen #featured img{height:auto;min-height:0;flex:1;width:100%;object-fit:contain}
.landing-screen #featured strong{flex:none}
.landing-screen .slider-controls{flex:none}
.landing-screen .portal-heading h2{font-size:21px}
.landing-screen .b2b-shortcuts{padding-top:10px}
.landing-screen .b2b-shortcuts button{min-height:70px;padding:9px 14px!important}
.landing-screen .b2b-tabs{padding-top:8px}
}
.b2b-shortcuts button,.b2b-shortcuts button:first-child{background:#e9eaeb!important;border:1px solid var(--red)!important;border-left:1px solid var(--red)!important}
.b2b-shortcuts button b,.b2b-shortcuts button:first-child b{color:#303234!important}
.b2b-shortcuts button span,.b2b-shortcuts button:first-child span{color:#666!important}
.b2b-shortcuts button:before,.b2b-shortcuts button:first-child:before{color:#888!important}
.b2b-shortcuts button:hover,.b2b-shortcuts button:active,.b2b-shortcuts button.is-selected,.b2b-shortcuts button:first-child:hover,.b2b-shortcuts button:first-child.is-selected{background:var(--red)!important;border-color:#aeb2b5!important}
.b2b-shortcuts button:hover b,.b2b-shortcuts button:hover span,.b2b-shortcuts button:hover:before,.b2b-shortcuts button.is-selected b,.b2b-shortcuts button.is-selected span,.b2b-shortcuts button.is-selected:before{color:#fff!important}
.b2b-shortcuts button:focus-visible{outline:2px solid #aeb2b5;outline-offset:2px}
header nav .header-register{border:1px solid var(--red);color:var(--red);background:#fff;white-space:nowrap}
header nav .header-register:hover{background:var(--red);color:#fff}
@media(max-width:650px){header nav{gap:4px}header nav button{padding:8px 6px;font-size:10px}.logo img{width:94px}}

.quicknav a.dealer-nav{display:flex;align-items:center;justify-content:center;align-self:stretch;margin-left:0;padding:13px 18px;color:white;background:#ad1924;font-size:10px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.quicknav a.dealer-nav:hover{background:#e4e5e6;color:var(--red);box-shadow:inset 0 0 0 2px var(--red)}.b2b-home>.b2b-shortcuts{padding-top:0}@media(max-width:650px){.quicknav a.dealer-nav{padding:15px 18px}}
/* Consistent top-navigation states and seamless white product canvas. */
.quicknav button,.quicknav button:first-child,.quicknav .nav-quick,.quicknav a.dealer-nav{background:var(--red);color:#fff;box-shadow:inset 0 0 0 1px #b5b7ba;border:0}
.quicknav button:hover,.quicknav a.dealer-nav:hover{background:#b51c27;color:#fff;box-shadow:inset 0 0 0 1px #b5b7ba}
.quicknav button[aria-pressed="true"],.quicknav button[aria-pressed="true"]:hover,.quicknav button.is-selected,.quicknav button:active,.quicknav a.dealer-nav:active{background:#e4e5e6;color:var(--red);box-shadow:inset 0 0 0 2px var(--red)}
.hero-main,.hero-display,#featured,#featured:hover{background:#fff!important}
#featured,#featured:hover,#featured img{border:0;outline:0;box-shadow:none}
#featured img{background:#fff;mix-blend-mode:normal;clip-path:inset(1px)}
#featured:focus-visible{outline:2px solid var(--red);outline-offset:3px}

.hero-copy.dealer-welcome{background:#e9e9e9;padding:24px 22px;justify-content:center}.hero-copy.dealer-welcome .eyebrow{font-size:11px;letter-spacing:1.1px}.hero-copy.dealer-welcome h1{font-size:clamp(26px,2.5vw,36px);line-height:1.06;letter-spacing:-1px;margin:14px 0}.hero-copy.dealer-welcome p{font-size:12px;line-height:1.55;max-width:365px;margin:0 0 12px}.hero-copy.dealer-welcome .primary{border-radius:7px;font-size:12px;letter-spacing:0;padding:10px 19px;min-height:38px}@media(max-width:650px){.hero-copy.dealer-welcome{padding:24px 20px}.hero-copy.dealer-welcome h1{font-size:30px}}
/* Latest menu preference: red normally, grey on hover and selection. */
.quicknav button,.quicknav button:first-child,.quicknav .nav-quick,.quicknav a.dealer-nav{background:var(--red);color:#fff;border:0;box-shadow:inset 0 0 0 1px var(--red)}
.quicknav button:hover,.quicknav button:first-child:hover,.quicknav button[aria-pressed="true"],.quicknav button[aria-pressed="true"]:hover,.quicknav button.is-selected,.quicknav button:active,.quicknav a.dealer-nav:hover,.quicknav a.dealer-nav:active{background:#e4e5e6;color:#333;box-shadow:inset 0 0 0 1px #aeb2b5}
.quicknav button:focus-visible,.quicknav a.dealer-nav:focus-visible{outline:2px solid #aeb2b5;outline-offset:-2px}
/* Restore the grey showcase without drawing an image frame. */
.hero-main,.hero-display,#featured,#featured:hover{background:#e9e9e9!important}
#featured img{background:transparent;mix-blend-mode:multiply;border:0;outline:0;box-shadow:none;clip-path:none}


.hero-copy.dealer-welcome #b2b-company{background:var(--red);color:#fff;border:1px solid var(--red);border-radius:7px;padding:10px 19px;min-height:38px}.hero-copy.dealer-welcome #b2b-company:hover,.hero-copy.dealer-welcome #b2b-company:active{background:#dedfe0;color:#333;border-color:var(--red);box-shadow:none}.hero-copy.dealer-welcome #b2b-company:focus-visible{outline:2px solid var(--red);outline-offset:3px}
/* Align the lower action row with the full width of the four main cards. */
.b2b-home>.b2b-tabs{display:flex;flex-wrap:nowrap;width:100%;gap:8px;align-items:stretch}
.b2b-home>.b2b-tabs>button{flex:1 1 0;min-width:0;white-space:normal;text-align:center;line-height:1.35;padding:8px 6px}
@media(max-width:850px){.b2b-home>.b2b-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
@media(max-width:550px){.b2b-home>.b2b-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.category-tiles .category-tile{background:#fff;border:2px solid var(--red);transition:background-color .18s ease}
.category-tiles .category-tile:hover,.category-tiles .category-tile:focus-visible{background:#fff;border-color:var(--red);color:#303234}
.category-tiles .category-tile:hover b,.category-tiles .category-tile:focus-visible b{color:#303234}
.category-tiles .category-tile:hover small,.category-tiles .category-tile:focus-visible small{color:#666}
.topline,.topline a,.topline span{color:#991923}
.hero-display .display-label{color:var(--red)}
.hero-main{position:relative}
.hero-main::before,.hero-main::after{content:"";position:absolute;left:0;right:0;height:57px;pointer-events:none;z-index:3;background:linear-gradient(var(--red),var(--red)) left top/67px 3px no-repeat,linear-gradient(var(--red),var(--red)) right top/67px 3px no-repeat,linear-gradient(var(--red),var(--red)) left top/3px 57px no-repeat,linear-gradient(var(--red),var(--red)) right top/3px 57px no-repeat}
.hero-main::before{top:0}
.hero-main::after{bottom:0;transform:scaleY(-1)}
.hero-copy.dealer-welcome h1{font-family:"Segoe UI",Arial,sans-serif;font-weight:700;font-size:clamp(25px,2.35vw,36px);line-height:1.16;letter-spacing:-.8px;text-wrap:balance}
/* Mobile layout: keep every action accessible without horizontal page overflow. */
@media(max-width:650px){
header{display:flex;flex-wrap:wrap;gap:10px;padding:14px 4%}
header .logo{flex:0 0 auto}header nav{margin-left:auto;flex-wrap:wrap;max-width:100%;gap:6px}
header nav button{min-height:44px;padding:9px 10px;font-size:12px}
header .header-search{order:3;flex:1 0 100%;width:100%;min-width:0}
header .header-search input{width:100%;font-size:16px;min-height:44px}
header .header-phone{display:flex;order:4;width:100%;flex-direction:row;align-items:center;justify-content:space-between;min-height:44px}
.quicknav{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:0 4%;scroll-padding:16px}
.quicknav button,.quicknav button:first-child,.quicknav a.dealer-nav{flex:0 0 auto;font-size:12px;padding:12px 14px;min-height:44px;white-space:nowrap}
.landing-screen{height:auto;min-height:0;display:block}.shop-hero{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;gap:12px}
.hero-main{grid-template-columns:minmax(0,1fr);min-height:0}.hero-copy.dealer-welcome{padding:24px 20px 12px}
.hero-copy.dealer-welcome h1{font-size:clamp(25px,7.5vw,34px);letter-spacing:-.7px}.hero-copy.dealer-welcome p{font-size:14px;max-width:none}
.hero-copy.dealer-welcome #b2b-company{min-height:44px;font-size:14px}
.hero-display{min-width:0;padding:12px 16px 20px}.hero-display .display-label{display:block;font-size:10px}
#featured{width:100%;min-height:190px}#featured img{height:170px;max-width:100%;object-fit:contain}#featured strong{font-size:13px}
.slider-controls button{min-height:40px;padding:8px 10px;font-size:12px}.slider-controls{font-size:12px}
.hero-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.promo{min-height:160px}.promo b{font-size:23px}.promo-label{font-size:9px}.promo-link{font-size:11px}
.b2b-home{margin-top:16px}.b2b-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.b2b-shortcuts button{min-width:0;min-height:100px;padding:12px!important}.b2b-shortcuts button b{font-size:14px}.b2b-shortcuts button span{font-size:12px}
.b2b-home>.b2b-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-home>.b2b-tabs>button{min-height:44px;font-size:12px}
.section-title,.toolbar{flex-wrap:wrap;gap:12px}.section-title h2,.toolbar h2{font-size:24px}.section-title>button{min-height:44px;font-size:12px}
.category-tile{min-width:0}.category-tile b{font-size:13px}.category-tile small{font-size:12px}
.layout,.layout>div{min-width:0}aside #categories{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:8px}aside #categories button{flex:0 0 auto;min-height:44px;font-size:13px;white-space:nowrap}
#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#grid .card{min-width:0}#grid .card-image{height:150px;padding:10px}#grid .card-body{padding:12px 10px}#grid .card h3{font-size:14px;overflow-wrap:anywhere}#grid .card p{font-size:12px}#grid .price{font-size:18px}#grid .card .add{min-height:44px;font-size:12px}
.resultbar{flex-wrap:wrap;font-size:12px}.pagination{flex-wrap:wrap}.pagination button{min-height:44px}
.support-strip{gap:16px;padding:18px 4%}.support-strip h2{font-size:18px;max-width:none}.support-strip span{font-size:10px}.support-strip small{font-size:12px}.support-strip a{min-height:44px;display:inline-flex;align-items:center}
footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}footer>div{min-width:0}footer p,footer a{font-size:12px;overflow-wrap:anywhere}footer a{min-height:36px}
dialog{max-width:calc(100vw - 24px);max-height:90dvh;padding:16px;overflow:auto}dialog input,dialog select,dialog textarea{max-width:100%;font-size:16px}.dialog-head{gap:10px}.dialog-head h2{font-size:20px}
}
@media(max-width:360px){#grid{grid-template-columns:minmax(0,1fr)}.hero-side{grid-template-columns:minmax(0,1fr)}header nav button{padding:8px;font-size:11px}}
#grid .card{border:1px solid var(--red)}
#grid .card:hover,#grid .card:focus-within{box-shadow:0 0 0 1px var(--red)}
#grid .card-body{border-top-width:2px}
aside #categories button[aria-pressed="true"],aside #categories button.active{background:var(--red);color:#fff}
@keyframes category-red-flash{0%,100%{background:#fff}35%{background:var(--red)}}
@keyframes category-text-flash{0%,100%{color:#303234}35%{color:#fff}}
.category-tiles .category-tile:hover{animation:category-red-flash .65s ease-out both}
.category-tiles .category-tile:hover b,.category-tiles .category-tile:hover small{animation:category-text-flash .65s ease-out both}
@media(prefers-reduced-motion:reduce){.category-tiles .category-tile:hover,.category-tiles .category-tile:hover b,.category-tiles .category-tile:hover small{animation:none}}
aside #categories{border:2px solid var(--red)}
aside #categories button:hover,aside #categories button:focus-visible,aside #categories button[aria-pressed="true"]:hover,aside #categories button[aria-pressed="true"]:focus-visible{background:var(--red);color:#fff;border-color:var(--red)}
.support-strip{background:#e9e9e9;color:var(--red);border-top:1px solid var(--red)}
.support-strip span,.support-strip h2,.support-strip a,.support-strip small{color:var(--red)}
.support-contact-row{display:flex;align-items:center;gap:10px}
.support-strip .support-contact a:not(.whatsapp-link),.support-strip .support-contact small{color:#000}
.shop-categories .section-title>button,header nav #account,header nav #admin-open{border:1px solid var(--red)}
.support-strip .whatsapp-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px}
.whatsapp-link svg{width:26px;height:26px}
footer>div:first-child>img,footer .footer-payment img{box-sizing:border-box;width:110px;height:56px;object-fit:contain;padding:4px;background:#fff;border-radius:4px}
@media(max-width:650px){.support-contact-row{gap:7px}.support-strip .whatsapp-link{width:24px;height:24px}.whatsapp-link svg{width:22px;height:22px}.support-strip{flex-wrap:wrap}}