*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;color:#222;background:#fff}.wrap{width:min(1180px,94%);margin:auto}.top{background:#202020;color:#eee;padding:8px 3%;font-size:12px}.top span{float:right}.head{height:86px;display:flex;align-items:center;gap:18px}.logo img{width:150px;display:block}.search{display:flex;flex:1;max-width:650px;border:1px solid #ddd;border-radius:5px;overflow:hidden}.search input{flex:1;border:0;padding:14px;font-size:14px;outline:0}.search button{width:55px;border:0;background:#d92f2f;color:#fff}.headBtn{border:0;background:#fff;font-weight:600;cursor:pointer;white-space:nowrap}.cartBtn b{background:#d92f2f;color:white;border-radius:20px;padding:3px 7px}nav{display:flex;align-items:center;gap:28px;border-top:1px solid #eee;border-bottom:1px solid #eee;height:50px;padding:0 max(3%,calc((100% - 1180px)/2))}nav a{color:#333;text-decoration:none;white-space:nowrap}.cat{font-weight:bold;color:#fff;background:#d92f2f;padding:15px 24px;align-self:stretch;display:flex;align-items:center}.hero{background:#f6f7f8;min-height:360px;display:flex;padding:55px max(3%,calc((100% - 1180px)/2));gap:50px}.heroText{max-width:650px}.hero small,.contact small{letter-spacing:1.5px;font-weight:bold;color:#d92f2f}.hero h1{font-size:48px;line-height:1.08;margin:12px 0}.hero em{color:#d92f2f;font-style:normal}.hero p{font-size:17px;color:#666}.redbtn{display:inline-block;background:#d92f2f;color:#fff;text-decoration:none;padding:13px 22px;border-radius:4px;font-weight:bold;border:0;cursor:pointer}.outlineBtn{padding:12px 20px;border:1px solid #d92f2f;color:#d92f2f;background:#fff;border-radius:4px;font-weight:bold;margin:12px 0 0 8px;cursor:pointer}.heroVisual{flex:1;display:flex;justify-content:center;align-items:center}.box{background:#fff;border:8px solid #222;transform:rotate(-4deg);padding:35px 55px;text-align:center;font-size:24px;box-shadow:12px 12px 0 #d92f2f}.box strong{font-size:38px}.categories,.products,.services{padding:48px 0}.title{display:flex;justify-content:space-between;align-items:center}.title h2{font-size:28px;margin:0 0 22px}.title a,.linkBtn{color:#d92f2f;text-decoration:none;background:none;border:0;cursor:pointer;font-weight:600}.catgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.catgrid div{border:1px solid #e5e5e5;border-radius:7px;padding:20px 12px;text-align:center;font-size:30px;background:#fff}.catgrid strong,.catgrid span{display:block}.catgrid strong{font-size:15px;margin-top:8px}.catgrid span{font-size:11px;color:#777;margin-top:4px}.productgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid #e2e2e2;border-radius:6px;padding:14px;background:#fff}.product img{width:100%;height:170px;object-fit:cover;border-radius:5px;background:#f1f1f1}.product small{color:#777}.product h3{margin:7px 0 3px}.product p{color:#777;margin:0 0 14px}.product button{width:100%;padding:10px;border:1px solid #d92f2f;color:#d92f2f;background:#fff;border-radius:4px;font-weight:bold;cursor:pointer}.brands{background:#f7f7f7;padding:45px 0}.brandgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.brandgrid span{background:#fff;border:1px solid #ddd;border-radius:5px;padding:18px 8px;text-align:center;font-weight:bold}.servicegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.servicegrid article{border:1px solid #eee;padding:24px;border-radius:8px}.servicegrid b{font-size:25px;color:#d92f2f}.servicegrid h3{margin-bottom:5px}.servicegrid p{color:#666}.contact{background:#fff1f1;padding:55px 0}.contactbox{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.contact h2{font-size:38px;margin:10px 0}.address,.mail{display:block;margin:14px 0;text-decoration:none;color:#222}.mail{font-weight:bold}.quoteForm{display:grid;gap:12px}.quoteForm input,.quoteForm textarea,.modalCard input{width:100%;padding:13px;border:1px solid #ccc;border-radius:5px;font:inherit}.quoteForm textarea{min-height:120px;resize:vertical}.full{width:100%}footer{background:#202020;color:#bbb;padding:22px 0}footer span{float:right}.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}.modalCard{background:#fff;width:min(480px,100%);padding:28px;border-radius:10px;position:relative;max-height:90vh;overflow:auto}.modalCard h2{margin-top:0}.close{border:0;background:none;font-size:28px;cursor:pointer;position:absolute;right:15px;top:10px}.status,.saved{margin-top:12px;color:#26733a}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer{position:fixed;right:-430px;top:0;width:min(430px,100%);height:100vh;background:#fff;z-index:110;box-shadow:-8px 0 30px rgba(0,0,0,.18);transition:.25s;display:flex;flex-direction:column}.drawer.open{right:0}.drawerHead{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.drawerHead .close{position:static}.cartItems{padding:20px;flex:1;overflow:auto}.cartItem{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee}.cartItem button{border:0;background:none;color:#d92f2f;font-size:20px;cursor:pointer}.empty{color:#777;text-align:center;padding:40px 10px}.drawerFoot{padding:20px;border-top:1px solid #eee}@media(max-width:850px){.head{height:auto;padding:15px 0;flex-wrap:wrap}.logo{order:1}.search{order:3;flex-basis:100%}.headBtn{font-size:12px}.login,.cart{font-size:12px}nav{overflow:auto;padding:0 3%;gap:18px}.hero{padding:40px 4%}.hero h1{font-size:38px}.heroVisual{display:none}.catgrid{grid-template-columns:repeat(3,1fr)}.productgrid{grid-template-columns:repeat(2,1fr)}.brandgrid{grid-template-columns:repeat(3,1fr)}.servicegrid{grid-template-columns:repeat(2,1fr)}.contactbox{grid-template-columns:1fr}}@media(max-width:500px){.top span{display:none}.catgrid{grid-template-columns:repeat(2,1fr)}.productgrid{grid-template-columns:1fr 1fr}.brandgrid{grid-template-columns:repeat(2,1fr)}.servicegrid{grid-template-columns:1fr}.hero h1{font-size:32px}.logo img{width:125px}.contactbox{gap:25px}.outlineBtn{margin-left:0}.two{grid-template-columns:1fr}}

.accountActions{display:grid;gap:10px;margin-top:18px}.outlinebtn{background:#fff;border:1px solid #bbb;padding:12px 16px;border-radius:6px;cursor:pointer}.full{width:100%}.saved{color:#555}