*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f8f7;color:#123548}button,input{font:inherit}button{cursor:pointer}.container{width:min(1280px,100%);margin:auto;padding:0 28px}.topbar{height:38px;background:#063c34;color:#fff;padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e5ece9}.header-inner{max-width:1280px;margin:auto;padding:13px 28px;min-height:78px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}.logo{width:48px;height:48px;border-radius:14px;background:#f3c62c;color:#063c34;display:grid;place-items:center;font-size:32px;font-weight:900}.brand strong{display:block;color:#063c34;font-size:16px}.brand small{display:block;color:#079277;font-size:9px;font-weight:800;letter-spacing:4px}.search{height:48px;display:flex;align-items:center;flex:1;max-width:600px;background:#f7faf9;border:1px solid #dce7e3;border-radius:11px;overflow:hidden}.search span{font-size:27px;color:#819792;padding-left:14px}.search input{height:100%;flex:1;border:0;outline:0;background:transparent;padding:0 12px}.search button,.big-search button{height:100%;border:0;background:#079277;color:#fff;font-weight:800;padding:0 24px}.actions{display:flex;gap:8px;align-items:center}.actions button{background:#fff;border:1px solid #dce7e3;border-radius:9px;padding:11px 12px;color:#153b4c;font-weight:700}.actions .admin{background:#063c34;color:#fff;border-color:#063c34}.actions b{background:#079277;color:#fff;border-radius:50%;padding:3px 7px;font-size:11px}.nav{height:45px;display:flex;justify-content:center;gap:36px;border-top:1px solid #f0f3f2}.nav button{border:0;background:transparent;color:#2d5060;font-weight:650}.nav button:hover{color:#079277}.mobile-btn{display:none}.hero{background:radial-gradient(circle at 80% 20%,rgba(10,153,125,.3),transparent 30%),linear-gradient(135deg,#052d3a,#063f37);color:#fff}.hero-inner{max-width:1280px;margin:auto;padding:72px 28px;min-height:520px;display:grid;grid-template-columns:1.15fr .75fr;gap:70px;align-items:center}.eyebrow{color:#f4c62c;font-size:11px;font-weight:900;letter-spacing:3px}.green{color:#079277}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-3px;margin:18px 0 25px}.hero h1 span{color:#f4c62c}.hero p{max-width:650px;color:#d2e5e0;line-height:1.8}.hero-buttons{display:flex;gap:12px;margin-top:28px}.primary,.secondary{padding:15px 22px;border-radius:10px;font-weight:800}.primary{border:0;background:#f4c62c;color:#063c34}.secondary{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff}.features{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px;color:#c4ddd7;font-size:12px}.hero-card{min-height:370px;border:1px solid rgba(255,255,255,.2);border-radius:27px;background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px}.hero-plus,.about-logo{width:68px;height:68px;border-radius:18px;background:#fff;color:#079277;display:grid;place-items:center;font-size:45px;font-weight:900}.hero-card h2{margin-top:20px;font-size:30px}.hero-card p{margin-top:8px}.hero-card hr{width:110px;border:0;border-top:1px solid rgba(255,255,255,.2);margin:25px}.hero-card small{display:block;margin-top:22px;color:#a9c9c2}.hero-card b{color:#f4c62c}.quick-search{background:#fff;padding:40px 0}.quick-search h2{margin-top:8px;font-size:28px}.big-search{height:62px;margin-top:20px;border:1px solid #dce7e3;border-radius:13px;display:flex;overflow:hidden;background:#f8fbfa}.big-search span{font-size:30px;padding-left:20px;color:#819792}.big-search input{flex:1;border:0;outline:0;background:transparent;padding:0 14px}.section{padding:72px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-title h2,.center-title h2,.about h2,.contact h2{font-size:38px;letter-spacing:-1.4px;margin-top:8px}.link{border:0;background:transparent;color:#079277;font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category{min-height:105px;background:#fff;border:1px solid #e0e9e5;border-radius:17px;padding:18px;display:flex;align-items:center;gap:15px;text-align:left;color:#173c4d}.category:hover{border-color:#079277;transform:translateY(-2px)}.category-icon{width:55px;height:55px;border-radius:15px;background:#e7f6f1;display:grid;place-items:center;font-size:27px}.category h3{font-size:16px}.category p{font-size:11px;color:#7d938e;margin-top:5px}.category>span{margin-left:auto;color:#079277;font-size:21px}.products-bg{background:#edf5f3}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{padding:8px 11px;border:1px solid #d6e2de;background:#fff;border-radius:8px;color:#55716b;font-size:11px}.filters .active{background:#079277;color:#fff;border-color:#079277}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product{background:#fff;border:1px solid #e0e8e5;border-radius:16px;overflow:hidden}.product-image{height:180px;background:radial-gradient(circle,#fff,#d9eee8);display:grid;place-items:center;position:relative}.product-image>span{position:absolute;top:12px;left:12px;background:#079277;color:#fff;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800}.product-image>div{width:76px;height:76px;border-radius:20px;background:#fff;color:#079277;display:grid;place-items:center;font-size:50px;font-weight:900;box-shadow:0 10px 25px #00463c1f}.product-info{padding:17px}.product-info>small{color:#079277;font-size:10px;font-weight:800}.product-info h3{font-size:16px;margin-top:7px}.product-info p{font-size:11px;color:#83958f;margin-top:5px}.price{display:flex;align-items:center;gap:8px;margin-top:13px}.price strong{font-size:19px;color:#063c34}.price del{font-size:11px;color:#a1afab}.stock{font-size:10px;color:#079277;margin-top:7px}.product-info button{width:100%;height:40px;margin-top:13px;border:0;border-radius:8px;background:#063c34;color:#fff;font-weight:800}.product-info button:hover{background:#079277}.empty{background:#fff;border-radius:16px;text-align:center;padding:50px;font-size:35px}.empty h3{font-size:20px;margin-top:8px}.empty p{font-size:13px;color:#778d87;margin-top:5px}.center-title{text-align:center;margin-bottom:30px}.companies{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.company{min-height:145px;background:#fbfdfc;border:1px solid #e0e9e5;border-radius:16px;padding:20px;text-align:center;color:#153b4c}.company:hover{border-color:#079277}.company div{width:52px;height:52px;border-radius:14px;background:#e7f6f1;color:#079277;display:grid;place-items:center;margin:0 auto 10px;font-size:23px;font-weight:900}.company strong{display:block;font-size:14px}.company small{display:block;color:#079277;margin-top:8px;font-size:10px}.why{padding:75px 0;background:#063c34;color:#fff}.why h2{color:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-grid>div{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:17px;padding:25px}.why-grid b{font-size:25px;color:#f4c62c}.why-grid h3{margin-top:15px}.why-grid p{color:#bdd6d0;line-height:1.7;font-size:12px;margin-top:8px}.about{padding:85px 0;background:#fff}.about-grid{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:center}.about h2{font-size:42px}.about p{color:#738b85;line-height:1.8;margin-top:17px}.about-card{background:#063c34;color:#fff;border-radius:24px;padding:38px;text-align:center}.about-logo{margin:auto auto 18px;background:#f4c62c;color:#063c34}.about-card h3{font-size:22px}.about-card p{color:#bdd6d0}.about-card hr{border:0;border-top:1px solid rgba(255,255,255,.15);margin:23px}.about-card small{display:block;color:#a6c4be;margin-top:14px}.about-card strong{display:block;color:#f4c62c;margin-top:5px}.cart-section{padding:45px 0;background:#edf5f3}.cart-box{background:#fff;border:1px solid #dfe9e5;border-radius:19px;padding:28px;display:flex;justify-content:space-between;align-items:center}.cart-box h2{margin-top:7px}.cart-box p{color:#718781;font-size:13px;margin-top:7px}.cart-count{width:80px;height:80px;border-radius:17px;background:#e7f6f1;color:#063c34;display:grid;place-items:center;font-size:30px;font-weight:900}.contact{padding:75px 0;background:#052d3a;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.contact h2{color:#fff;font-size:44px}.contact p{color:#c1d9d3;line-height:1.8;margin-top:14px}.contact-card{border:1px solid rgba(255,255,255,.15);background:#ffffff0f;border-radius:19px;padding:25px}.contact-card>div{display:flex;gap:14px;padding:15px 0}.contact-card>div+div{border-top:1px solid rgba(255,255,255,.1)}footer{background:#032630;color:#b8d0ca;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:45px;padding-bottom:40px}.footer-brand strong{color:#fff}.footer-brand p{margin:18px 0 7px}.footer-grid h3{color:#fff;margin-bottom:13px}.footer-grid button{display:block;border:0;background:transparent;color:#b8d0ca;margin:10px 0}.footer-grid button:hover{color:#f4c62c}.footer-note{font-size:11px;line-height:1.6;color:#819c96;margin-top:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 28px;max-width:1280px;margin:auto;display:flex;justify-content:space-between;font-size:10px;color:#78928c}@media(max-width:1050px){.actions .admin{display:none}.products,.companies{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.top-right,.nav{display:none}.mobile-btn{display:block;border:0;background:transparent;font-size:22px}.header-inner{padding:10px 16px;gap:12px}.search{display:none}.hero-inner{grid-template-columns:1fr;padding:55px 20px}.container{padding:0 20px}.category-grid,.products,.companies{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.topbar{justify-content:center;font-size:10px}.brand strong{font-size:13px}.logo{width:42px;height:42px}.hero h1{font-size:44px}.hero-buttons{flex-direction:column}.hero-buttons button{width:100%}.category-grid,.products,.companies,.why-grid,.footer-grid{grid-template-columns:1fr}.section{padding:55px 0}.section-title{align-items:flex-start;flex-direction:column}.section-title h2,.center-title h2{font-size:30px}.about h2,.contact h2{font-size:34px}.cart-box,.footer-bottom{display:flex;flex-direction:column;gap:18px;align-items:flex-start}}