*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f7f5;color:#252525}a{text-decoration:none;color:inherit}.topbar{background:#f5b900;color:#111;padding:8px 4%;font-size:13px;display:flex;justify-content:space-between}.header{background:#fff;padding:18px 4%;display:flex;align-items:center;gap:25px}.logo{font-weight:800;font-size:25px;display:flex;align-items:center;gap:10px}.bee{font-size:30px}.search{flex:1;display:flex;border:1px solid #ddd;border-radius:30px;overflow:hidden}.search input{flex:1;border:0;padding:13px 18px;outline:0}.search button{border:0;background:#f5b900;padding:0 20px}.head-actions{display:flex;gap:20px;font-size:14px}.nav{background:#222;color:#fff;padding:12px 4%;display:flex;gap:28px;font-size:14px;overflow:auto}.nav a:hover{color:#f5b900}.hero{min-height:390px;padding:55px 6%;display:flex;align-items:center;background:linear-gradient(90deg,#fff 0 42%,rgba(255,255,255,.15)),url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22800%22 height=%22400%22%3E%3Crect fill=%22%23f2d38a%22 width=%22800%22 height=%22400%22/%3E%3Cpath fill=%22%23d9a400%22 d=%22M500 30l90 52v104l-90 52-90-52V82zM680 150l90 52v104l-90 52-90-52V202z%22/%3E%3Ccircle fill=%22%232b2518%22 cx=%22600%22 cy=%22150%22 r=%2245%22/%3E%3C/svg%3E');background-size:cover;background-position:center}.hero-text{max-width:520px}.hero h1{font-size:48px;line-height:1.05;margin:10px 0}.hero p{font-size:18px;line-height:1.6}.btn{display:inline-block;background:#f5b900;color:#111;border:0;border-radius:5px;padding:13px 22px;font-weight:700;cursor:pointer}.section{padding:35px 4%;max-width:1400px;margin:auto}.features{display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.feature{padding:22px;text-align:center;border-right:1px solid #eee}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid #e7e7e7;border-radius:8px;overflow:hidden}.card-img{height:190px;background:linear-gradient(135deg,#fff6cc,#e8c65d);display:flex;align-items:center;justify-content:center;font-size:75px}.card-body{padding:16px}.price{font-weight:800;font-size:19px;margin:8px 0}.muted{color:#777}.footer{background:#202020;color:#eee;padding:40px 4%;margin-top:30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer h3{color:#f5b900}.cart-box{position:fixed;right:20px;bottom:20px;background:#f5b900;padding:13px 18px;border-radius:30px;font-weight:700;box-shadow:0 5px 20px #0003}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.form{background:#fff;padding:25px;border-radius:8px;max-width:850px}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;margin:7px 0 15px}.notice{padding:15px;border-radius:6px;background:#fff4c9;margin:15px 0}.container{max-width:1200px;margin:30px auto;padding:0 20px}@media(max-width:800px){.header{flex-wrap:wrap}.search{order:3;flex-basis:100%}.features,.grid,.footer-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:36px}.head-actions{font-size:12px}.nav{gap:18px}.grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.features,.grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:330px;padding:30px 20px}.hero h1{font-size:32px}}

.card-img img{width:100%;height:100%;object-fit:cover;display:block}.hero{background-image:linear-gradient(90deg,#fff 0 42%,rgba(255,255,255,.08)),url('images/hero-honey.jpg')}