*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:#f4f8f7;color:#18312e;line-height:1.9}a{text-decoration:none;color:inherit}.container{width:92%;max-width:1200px;margin:auto}.header{background:#fff;border-bottom:1px solid #dfeae7;position:sticky;top:0;z-index:100}.header-row{min-height:78px;display:flex;align-items:center;gap:25px}.logo{display:flex;align-items:center;gap:10px;min-width:190px;color:#0c5147}.logo-icon{width:43px;height:43px;border-radius:14px;background:#12a178;color:#fff;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:bold}.logo b{display:block;font-size:19px}.logo small{display:block;font-size:10px;color:#79908c}.nav{display:flex;gap:21px;flex:1}.nav a{font-size:13px;color:#465d59}.nav a:hover{color:#0b9671}.actions{display:flex;gap:10px;align-items:center;font-size:12px}.cart{background:#0c7560;color:#fff;padding:7px 14px;border-radius:22px}.mobile-menu{display:none;border:0;background:none;font-size:25px}.hero{background:linear-gradient(135deg,#e7f7f1,#f9fcfb);padding:55px 0}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}.badge{background:#d4f1e7;color:#08785f;padding:5px 12px;border-radius:20px;font-size:11px}.hero h1{font-size:42px;line-height:1.4;margin:15px 0 8px;color:#103f38}.hero p{color:#60736f}.search{background:#fff;border-radius:16px;padding:7px;display:flex;box-shadow:0 18px 45px rgba(24,65,57,.09);margin-top:22px}.search input{border:0;outline:0;flex:1;padding:11px;font-family:inherit}.btn{background:#11a078;color:#fff;border:0;border-radius:11px;padding:10px 18px;font-family:inherit;cursor:pointer}.btn:hover{background:#087f62}.hero-visual{background:#0f5047;color:#fff;border-radius:28px;padding:35px;min-height:275px;box-shadow:0 20px 50px rgba(15,80,71,.18)}.hero-visual .cross{font-size:80px;line-height:1}.section{padding:45px 0}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.head h2{margin:0;font-size:25px}.muted{color:#748783;font-size:12px}.categories,.products,.cards{display:grid;gap:18px}.categories{grid-template-columns:repeat(4,1fr)}.category,.info{background:#fff;border:1px solid #e1ebe8;border-radius:18px;padding:22px;transition:.2s}.category:hover,.product:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(20,70,60,.08)}.category-icon{font-size:32px}.category h3{font-size:14px;margin:6px 0}.products{grid-template-columns:repeat(4,1fr)}.product{background:#fff;border:1px solid #e0eae7;border-radius:19px;overflow:hidden;transition:.2s}.product-image{height:185px;background:#edf7f4;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{max-width:100%;max-height:100%;object-fit:contain}.product-image .placeholder{font-size:65px;color:#15a17d}.product-body{padding:15px}.product h3{font-size:14px;min-height:48px;margin:8px 0}.tag{font-size:10px;color:#08765e;background:#e4f5ef;border-radius:15px;padding:3px 8px}.brand{font-size:11px;color:#81918e}.price{font-size:16px;font-weight:bold;color:#0b715d}.old{text-decoration:line-through;color:#999;font-size:11px;margin-left:5px}.discount{font-size:10px;background:#ffe7e5;color:#a33b35;border-radius:12px;padding:2px 7px}.actions-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.outline{background:#fff;border:1px solid #cfe0dc;color:#0c715d;border-radius:10px;padding:7px 10px;font-family:inherit;cursor:pointer}.page-title{background:#e8f7f2;padding:35px 0}.page-title h1{margin:0;font-size:29px}.toolbar{background:#fff;border:1px solid #e0eae7;border-radius:16px;padding:14px;display:flex;gap:9px;margin:25px 0}.input,.select,textarea{font-family:inherit;border:1px solid #d5e3df;border-radius:10px;padding:9px;outline:0}.input{flex:1}.detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;padding:45px 0}.detail-photo{min-height:430px;background:#edf7f4;border-radius:25px;display:flex;align-items:center;justify-content:center}.detail-photo img{max-width:90%;max-height:390px}.detail h1{font-size:32px}.detail-price{font-size:27px;color:#0a715c;font-weight:bold}.form{max-width:720px;margin:45px auto;background:#fff;border:1px solid #dfeae7;border-radius:20px;padding:28px}.row{margin-bottom:14px}.row label{display:block;font-size:12px;margin-bottom:5px}.row input,.row textarea,.row select{width:100%}.message{display:block;background:#fff4d7;color:#765d18;border-radius:9px;padding:8px 12px;margin:12px 0}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:11px;border-bottom:1px solid #e7efed;text-align:right}.summary{max-width:430px;margin:20px 0 0 auto;background:#fff;border:1px solid #dfeae7;border-radius:17px;padding:20px}.cards{grid-template-columns:repeat(3,1fr)}.footer{background:#103f39;color:#d4e7e2;margin-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding:38px 0}.footer h3,.footer h4{color:#fff}.footer a{display:block;font-size:12px;margin:5px 0}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:12px;font-size:10px}.admin-nav{background:#143f3a;color:#fff;padding:12px}.admin-nav a{margin-left:20px;font-size:12px}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{padding:9px;border-bottom:1px solid #e4ecea;text-align:right}.danger{background:#c94c4c}.ok{background:#15865f}.thumb{width:70px;height:55px;object-fit:contain;background:#f1f7f5;border-radius:7px}@media(max-width:900px){.hero-grid,.detail{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(2,1fr)}.nav{display:none;position:absolute;top:78px;right:4%;left:4%;background:#fff;padding:15px;flex-direction:column;border:1px solid #e0eae7;border-radius:15px}.nav.open{display:flex}.mobile-menu{display:block}.actions{margin-right:auto}.hero h1{font-size:32px}}@media(max-width:560px){.container{width:94%}.products{grid-template-columns:1fr}.categories{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column}.hero{padding:32px 0}.footer-grid{grid-template-columns:1fr}.actions>a:first-child{display:none}.detail-photo{min-height:300px}}