:root{--blue:#269ce0;--ink:#383838}*{box-sizing:border-box}body{margin:0;background:#f5f5f5;color:var(--ink);font:15px Arial,sans-serif}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}.wrap{width:calc(100% - 80px);max-width:1470px;margin:auto}.top{background:#f9f9f9;font-size:12px;color:#888}.top .wrap{display:flex;justify-content:space-between;padding:8px 0}.top button{padding:0;margin-right:22px}header{display:flex;align-items:center;gap:28px;min-height:102px;background:white}body:has(header){background:linear-gradient(white 0 134px,#f5f5f5 134px)}.logo{font-size:66px;letter-spacing:-5px;font-weight:1000;line-height:1;color:#0097d5;font-family:Arial Black,Arial,sans-serif}.search{display:flex;flex:1;background:#f6f6f6;height:38px;color:#8b9499}.search span{background:#ededed;padding:9px 13px}.search input{min-width:0;width:100%;border:0;background:none;padding:0 13px;font-size:13px;outline-color:var(--blue)}.search button{font-size:26px;padding:0 13px}.company{font-size:14px;white-space:nowrap;text-align:center}.company small{display:block;color:var(--blue);font-size:12px;margin-top:6px}.actions{display:flex;gap:14px}.actions button{position:relative;font-size:10px;color:#777;min-width:58px;padding:0}.actions b{display:block;font-size:32px;font-weight:400;margin-bottom:5px}.actions em{position:absolute;top:-4px;right:0;background:var(--blue);color:white;border-radius:10px;font-size:10px;font-style:normal;padding:2px 4px}.nav-inner{display:flex;position:relative}nav{background:var(--blue);position:relative;z-index:20}.nav-item{flex:1;border-left:1px solid #228dca}.nav-trigger{color:white;font-size:13px;font-weight:bold;width:100%;min-height:47px;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:10px 22px}.nav-item.open .nav-trigger{background:#228fcf}.mega{display:none;position:absolute;top:100%;left:0;width:min(1100px,100%);grid-template-columns:repeat(3,1fr);gap:0 22px;background:white;padding:0 20px;box-shadow:0 5px 8px #0003}.nav-item:last-child .mega{left:auto;right:0}.nav-item.open .mega{display:grid}.mega button{text-align:left;min-height:47px;color:var(--blue);font-weight:600;font-size:14px;border-bottom:1px solid #eee;padding:12px 0}.mega button:hover{text-decoration:underline}#shade{display:none;position:fixed;inset:181px 0 0;background:#0008;z-index:19}body.menu-open #shade{display:block}.mobile-menu{display:none}main{padding-top:26px}.catalog-heading{display:flex;justify-content:space-between;background:#eee;margin-bottom:20px}.tabs{display:flex;gap:30px;padding:14px 16px}.tabs button{padding:0 0 5px;font-size:16px;font-weight:bold}.tabs .active{color:#58b321;border-bottom:2px solid #58b321}#reset{color:var(--blue)}.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.product{background:white;border:1px solid #e2e2e2;padding:15px;position:relative;transition:box-shadow .2s,border-color .2s,transform .2s}.product:hover,.product:focus-within{box-shadow:0 8px 17px #0002;border-color:transparent;transform:translateY(-1px)}.product-image{height:230px;position:relative}.image-button{width:100%;height:100%;padding:0}.product-image img{width:100%;height:100%;object-fit:contain}.round{position:absolute;right:-4px;top:-5px;background:#f7f7f7;color:#83929b;border-radius:50%;width:31px;height:31px;z-index:1}.round.compare{top:34px}.round.selected{color:var(--blue);background:#e8f5ff}.image-lines{display:flex;gap:10px;margin:10px 0 16px}.image-lines i{height:1px;background:#ddd;flex:1}.image-lines i:first-child{background:#41b4fc}.product-name{padding:0;text-align:left;color:var(--blue);line-height:1.4;min-height:64px;display:block}.product-name:hover{text-decoration:underline}.price{font-size:19px;font-weight:bold;margin:15px 0 22px}.buy{display:flex;gap:12px}.buy input{width:48px;min-width:0;border:1px solid #ddd;text-align:center;font-size:13px;color:#666}.add{flex:1;background:var(--blue);color:white;padding:8px 2px;white-space:nowrap}.add:hover{background:#1288ce}.quick{background:#eee;color:#7e7e7e;width:100%;margin-top:14px;padding:8px}.quick:hover{background:#e2e2e2}.dots{display:flex;justify-content:center;gap:9px;margin:12px}.dots i{width:20px;height:4px;background:#ccc}.dots .active{background:#008aa8}h2{font-size:20px;margin:30px 0 17px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.categories article{display:flex;background:white;border:1px solid #e2e2e2;min-height:195px;padding:16px;gap:18px}.categories img{width:40%;object-fit:contain}.categories article>div{flex:1;display:flex;flex-direction:column;align-items:flex-start}.category-title{color:var(--blue);font-weight:bold;text-align:left;padding:0;line-height:1.4}.category-links{margin:12px 0;line-height:1.5}.category-links button{display:block;text-align:left;padding:0;margin:4px 0}.all{color:var(--blue);text-decoration:underline;padding:0;margin-top:auto}.about{background:#eee;padding:28px 30px;margin:35px 0 50px;line-height:1.7}.about h2{margin:8px 0 12px}.about p{margin:10px 0}.eyebrow{font-size:11px;letter-spacing:2px;color:#888}footer{background:#373737;color:#f5f5f5;padding:28px 0 0;font-size:14px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-bottom:28px}footer h3{color:var(--blue);font-size:18px;margin:0 0 20px}footer button{display:block;padding:0;margin:12px 0;text-align:left}footer p{line-height:1.7}.copyright{border-top:1px solid #444;padding:22px 0;color:#ccc;font-size:12px}.to-top{position:fixed;right:20px;bottom:20px;border-radius:50%;background:#292929;color:white;width:44px;height:44px;font-size:30px}dialog{border:0;max-width:620px;width:calc(100% - 32px);padding:32px;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#0008}#close{position:absolute;right:10px;top:5px;font-size:30px}dialog h2{margin-top:0}dialog p{line-height:1.6}.modal-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #eee;padding:12px 0}.modal-row img{width:70px}.modal-row span{flex:1}.modal-row button{color:#e65b5b}.modal-row input{width:60px;padding:5px;border:1px solid #ddd}.primary{display:block;background:var(--blue);color:white;padding:12px 20px;margin-top:20px}.detail-image{width:100%;height:210px;object-fit:contain}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#333;color:white;padding:14px 24px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid #007cbd;outline-offset:3px}
@font-face{font-family:Montserrat;src:url('fonts/montserrat-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/montserrat-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/montserrat-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--blue:#269ce0}body{font-family:Montserrat,Arial,sans-serif;font-size:14px;background:#f5f5f5}body:has(header){background:linear-gradient(white 0 135px,#f5f5f5 135px)}.wrap{width:calc(100% - 60px);max-width:1470px}.top{height:34px;background:#f7f7f7;font-size:11px}.top .wrap{height:34px;align-items:center;padding:0}.top button{margin-right:20px}header{min-height:101px;gap:20px}.logo{flex:0 0 280px;letter-spacing:0}.logo img{display:block;width:280px;height:auto}.search{height:34px}.search input{font-size:13px}.search span{padding:7px 13px}.company{font-size:12px;min-width:170px}.company small{font-size:11px}.actions{gap:22px}.actions button{min-width:65px}.actions b{height:31px;margin-bottom:7px}.actions svg{width:29px;height:29px}.actions em{font-size:9px;top:-5px;right:1px}.actions em:empty{display:none}.nav-trigger{font-size:13px;min-height:46px;padding:10px 36px;white-space:nowrap}.nav-item{flex:initial}.nav-item:nth-of-type(1){width:15.3%}.nav-item:nth-of-type(2){width:23.8%}.nav-item:nth-of-type(3){width:21.4%}.nav-item:nth-of-type(4){width:15.5%}.nav-item:nth-of-type(5){width:24%}.mega{padding:0 20px}.product-image{height:230px}.product{padding:15px;min-height:483px}.product-image img{max-width:246px}.product:hover,.product:focus-within{transform:none;box-shadow:0 7px 14px #0002}.product-name{font-size:14px;font-weight:500;line-height:20px;min-height:60px}.price{margin:15px 0 22px}.buy{height:32px}.add{padding:5px 2px}.quick{height:32px;padding:6px;font-size:14px}.image-lines{margin:9px 0 16px}.round svg{width:13px;height:13px}.round{display:flex;align-items:center;justify-content:center}.tabs{padding:14px 15px 10px}.tabs button{font-size:16px}.categories article{min-height:194px;padding:15px;gap:18px}.categories img{width:43%;height:170px}.category-title{font-size:14px}.category-links{font-size:14px}.about{font-size:13px}.footer-grid{grid-template-columns:1fr 1fr 1fr}footer{font-size:13px}
@media(max-width:1450px) and (min-width:901px){.logo{flex-basis:240px}.logo img{width:240px}.nav-trigger{padding:10px 18px}.company{min-width:145px}.actions{gap:10px}.actions button{min-width:58px}}
@media(max-width:1200px){.wrap{width:calc(100% - 40px)}header{gap:20px}.logo{font-size:52px}.company{display:none}.nav-trigger{padding:12px;font-size:12px}.products{gap:12px}.product{padding:12px}.product-image{height:185px}.buy{gap:5px}.buy input{width:35px}.add{font-size:13px}.categories article{gap:8px}.categories img{width:35%}}
@media(max-width:900px){header{flex-wrap:wrap;padding:20px 0;gap:15px}.logo{margin-right:auto}.search{order:3;flex-basis:100%}.products{grid-template-columns:repeat(3,1fr)}.categories{grid-template-columns:repeat(2,1fr)}.mobile-menu{display:block;color:white;padding:16px;width:100%;text-align:left}.nav-inner{display:block}.nav-item{display:none}.nav-inner.expanded .nav-item{display:block}.nav-trigger{justify-content:space-between}.mega{position:static;width:100%;grid-template-columns:repeat(2,1fr);box-shadow:none}.nav-item.open .mega{display:grid}#shade{display:none!important}.top span{display:none}.footer-grid{gap:20px}.product-image{height:210px}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.top button{font-size:10px;margin-right:12px}.logo{font-size:46px}.actions{gap:9px}.actions button{font-size:9px;min-width:45px}.actions b{font-size:26px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:150px}.product{padding:10px}.product-name{font-size:13px;min-height:72px}.price{font-size:15px;margin:14px 0}.buy{flex-wrap:wrap}.buy input{width:38px}.add{font-size:12px}.quick{font-size:12px}.categories{grid-template-columns:1fr}.categories img{width:35%;max-height:155px}.footer-grid{grid-template-columns:1fr;gap:20px}.about{padding:20px}.mega{grid-template-columns:1fr}.catalog-heading{margin-bottom:12px}.tabs{gap:24px}.tabs button{font-size:14px}.copyright{line-height:1.7}dialog{padding:25px 20px}}
@media(max-width:900px){.logo{flex:0 0 auto}.logo img{width:240px}.nav-item:nth-of-type(n){width:100%}.nav-trigger{white-space:normal}.product{min-height:0}} @media(max-width:600px){.logo img{width:165px}.logo{flex:0 0 165px}.actions{gap:6px}.actions button{min-width:43px}.actions svg{width:25px;height:25px}.categories img{height:155px}.price{font-size:15px}}
.image-lines{gap:10px;height:5px}.image-lines button{flex:1;padding:0;border:0;border-top:1px solid #ddd;height:5px;min-width:0}.image-lines button.active{border-color:#41b4fc}.image-lines button:hover{border-color:#41b4fc}
.mega .menu-category-link{display:flex;align-items:center;text-align:left;min-height:47px;color:var(--blue);font-weight:600;font-size:14px;border-bottom:1px solid #eee;padding:12px 0;line-height:normal}.mega .menu-category-link:hover{text-decoration:underline}
.carousel{position:relative}.products{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:12px 0;margin:-12px 0}.products::-webkit-scrollbar{display:none}.products .product{flex:0 0 calc((100% - 80px)/5);min-width:0;scroll-snap-align:start}.carousel-arrow{position:absolute;z-index:3;top:48%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:white;color:#008caf;box-shadow:0 2px 8px #0002;font:30px Arial;display:flex;align-items:center;justify-content:center}.carousel-arrow:hover{background:#edf9ff}.previous{left:-20px}.next{right:-20px}.dots button{width:20px;height:4px;background:#ccc;padding:0;border:0}.dots button.active{background:#008aa8}.dots button:hover{background:#269ce0}@media(max-width:1200px){.products{gap:12px}.products .product{flex-basis:calc((100% - 48px)/5)}}@media(max-width:900px){.products .product{flex-basis:calc((100% - 24px)/3)}}@media(max-width:600px){.products{gap:10px}.products .product{flex-basis:calc((100% - 10px)/2)}.carousel-arrow{width:32px;height:32px}.previous{left:-12px}.next{right:-12px}}@media(prefers-reduced-motion:reduce){.products{scroll-behavior:auto}}
.nav-heading{display:flex;align-items:stretch;min-height:46px;color:white;font-size:13px;font-weight:700}.nav-category{flex:1;display:flex;align-items:center;padding:10px 12px 10px 36px;white-space:nowrap}.nav-toggle.nav-trigger{width:32px;min-width:32px;padding:10px 10px 10px 0;justify-content:center}.nav-heading:hover,.nav-item.open .nav-heading{background:#228fcf}@media(max-width:1450px){.nav-category{padding-left:18px}}@media(max-width:900px){.nav-category{padding-left:12px}.nav-toggle.nav-trigger{width:46px;min-width:46px}}
.categories .category-image-link{display:block;width:43%;flex-shrink:0}.categories .category-image-link img{width:100%;height:170px;object-fit:contain}.categories article:hover{box-shadow:0 6px 14px #0001}.category-links a{display:block;margin:4px 0;line-height:1.5}.category-title:hover,.category-links a:hover{color:var(--blue);text-decoration:underline}@media(max-width:600px){.categories .category-image-link{width:35%}.categories .category-image-link img{height:155px}}
.nav-category{min-width:0;white-space:normal;line-height:1.4}.nav-heading{height:100%}.nav-heading .nav-toggle{flex:0 0 30px}.nav-category:hover{text-decoration:underline}@media(min-width:901px){.nav-category{padding-left:22px;padding-right:5px;font-size:12px}}
.top a{margin-right:20px}.top a:hover{color:var(--blue)}.footer-grid a{display:block;margin:12px 0}.footer-grid a:hover{color:var(--blue)}