:root{--navy:#062e73;--green:#00c66b;--ink:#102850;--soft:#f2f7fb;--line:#d9e4ef}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.5 Arial,sans-serif;background:#fff}.header{min-height:92px;padding:12px 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img{width:260px;max-height:64px;object-fit:contain}.header nav{display:flex;align-items:center;gap:27px}.header a{color:var(--navy);font-weight:700;text-decoration:none}.header button,.card button,.cart button,.button{background:var(--navy);border:0;color:#fff;padding:12px 17px;font-weight:700;cursor:pointer;text-decoration:none}.header b{background:var(--green);padding:2px 7px;border-radius:15px;color:var(--navy)}.hero,.slide{min-height:420px;padding:80px max(7%,calc((100% - 1280px)/2));display:grid;align-content:center;background:linear-gradient(135deg,#edf7f3,#e7f2ff)}.hero h1,.slide h1{font-size:clamp(2.4rem,6vw,5.4rem);line-height:1;margin:12px 0}.hero span,.wrap header span,.slide span,.business>span{letter-spacing:.13em;font-size:.75rem;font-weight:800;color:var(--navy)}.slider{position:relative}.slide{display:none;background-size:cover;background-position:center;color:#fff}.slide.active{display:grid}.slide h1{max-width:900px}.slide p{max-width:600px;font-size:1.2rem}.slide a{display:inline-block;background:var(--green);color:var(--navy);padding:12px 20px;font-weight:800;text-decoration:none}.slider-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.slider-dots button{width:11px;height:11px;padding:0;border-radius:50%;border:1px solid #fff;background:#fff8;cursor:pointer}.slider-dots button.active{background:var(--green);border-color:var(--green)}.wrap{max-width:1280px;margin:0 auto;padding:70px 26px}.wrap h1,.wrap h2{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0 25px}.search{width:100%;padding:17px;border:1px solid #cfdbe7;margin:20px 0 18px;font-size:1rem}.category-filters{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px 0 14px;margin:0 0 16px}.category-filters::-webkit-scrollbar{display:none}.category-filters button{flex:0 0 auto;position:relative;border:1px solid #d5e1ee;border-radius:999px;background:#fff;color:#244264;padding:10px 16px;font-size:.82rem;font-weight:800;letter-spacing:.02em;box-shadow:0 2px 6px #0a38670a;cursor:pointer;transition:.18s ease}.category-filters button:hover{transform:translateY(-1px);border-color:#8bb4dd;background:#f2f8fe}.category-filters button.active{color:#fff;background:linear-gradient(135deg,#063a8a,#062e73);border-color:#062e73;box-shadow:0 7px 16px #062e7330}.no-results{margin:22px 0;color:#63728c}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}.carousel{display:flex;gap:24px;overflow:hidden;grid-template-columns:none;padding:4px;scroll-behavior:smooth}.carousel .card{min-width:260px;flex:0 0 calc(25% - 18px)}.card{border:1px solid var(--line);background:#fff;padding:16px;display:grid;gap:10px}.card .image{background:var(--soft);aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}.card img{width:100%;height:100%;object-fit:contain}.card small{color:var(--navy);font-size:.72rem;letter-spacing:.09em;font-weight:800}.card h3{font-size:1.1rem;line-height:1.2;margin:0}.card strong{font-size:1.25rem;color:var(--navy)}.card button{background:#fff;color:var(--ink);border:1px solid var(--navy)}.business{background:var(--soft)}.cart{position:fixed;right:0;top:0;width:min(430px,100%);height:100dvh;background:#fff;z-index:10;padding:25px;box-shadow:-10px 0 45px #001b4433;overflow:auto}.cart [data-close]{float:right;font-size:2rem;background:none;color:var(--navy);padding:0}.cart label{display:grid;gap:5px;margin:13px 0;font-weight:700}.cart input{padding:11px;border:1px solid #cbd8e5}.cart p{background:#eef7f1;padding:9px}.cart button[type=submit]{width:100%;background:var(--green);color:var(--navy)}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin:10px 0}.cart-line button{padding:3px 9px}.cart-total{font-weight:800}@media(max-width:900px){.carousel .card{flex-basis:calc(50% - 12px)}}@media(max-width:720px){.header{height:auto;padding:12px 20px;gap:10px}.header nav{gap:12px;font-size:.8rem}.brand img{width:160px}.wrap{padding:48px 20px}.carousel .card{flex-basis:88%}.category-filters button{padding:9px 14px;font-size:.76rem}}
