.navbar-container{justify-content:space-between;padding:10px 20px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;width:100%;top:0;left:0;z-index:1000}.navbar-center,.navbar-container,.navbar-left,.navbar-right{display:flex;align-items:center}.navbar-center{justify-content:center;flex:1 1}.navbar-brand{text-decoration:none;color:inherit;transition:transform .2s ease}.navbar-brand:hover{transform:scale(1.02)}.navbar-brand-content{display:flex;align-items:center;gap:15px;padding:8px 16px;border-radius:12px;background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.08);transition:all .3s ease}.navbar-brand-content:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.8))}.logo-container{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.logo-container:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.navbar-logo{border-radius:50%;object-fit:cover;transition:all .3s ease}.brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.navbar-title{margin:0;font-size:1.6rem;font-weight:700;color:#2c3e50;line-height:1.2;letter-spacing:-.5px;transition:color .3s ease}.navbar-subtitle{font-size:.75rem;font-weight:500;color:#6c757d;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.navbar-brand:hover .navbar-title{color:#1a252f}.navbar-brand:hover .navbar-subtitle{color:#495057}@media (max-width:768px){.navbar-brand-content{gap:10px;padding:6px 12px}.logo-container{width:50px;height:50px}.navbar-title{font-size:1.3rem}.navbar-subtitle{font-size:.7rem}}@media (max-width:480px){.navbar-brand-content{flex-direction:column;gap:8px;text-align:center}.brand-text{align-items:center}.navbar-title{font-size:1.1rem}.navbar-subtitle{font-size:.65rem}}.fa-map-marker-alt{cursor:pointer}.fullscreen-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.fullscreen-menu.open{opacity:1;visibility:visible}.fullscreen-menu-list{list-style:none;padding:0;margin:0;text-align:center}.fullscreen-menu-list li{margin-bottom:20px}.fullscreen-menu-list li a{color:#fff;font-size:1.5rem;text-transform:uppercase;transition:color .3s}.fullscreen-menu-list li a:hover{color:#f8f9fa}.home-order{margin-top:70px}.floating-cart-icon{position:fixed;bottom:20px;right:20px;background-color:#007bff;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;transition:transform .3s ease,box-shadow .3s ease}.floating-cart-icon:hover{transform:scale(1.1);box-shadow:0 8px 16px rgba(0,0,0,.25)}.cart-count{position:absolute;top:-5px;right:-5px;background-color:#dc3545;color:#fff;border-radius:50%;padding:5px 10px;font-size:12px}.blog-card{display:flex;flex-direction:column;background-color:#fff;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.08);overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;margin-bottom:25px;position:relative;border:1px solid hsla(0,0%,100%,.2)}.blog-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}.blog-card-image{width:100%;height:220px;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-content{padding:25px;background:linear-gradient(135deg,#fff,#f8fafc);flex:1 1;display:flex;flex-direction:column}.blog-card-title{font-size:1.5em;color:#1a202c;margin-bottom:12px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-card-type{font-size:.75em;color:#667eea;text-transform:uppercase;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:20px;display:inline-block;margin-bottom:15px;letter-spacing:1px;font-weight:600;align-self:flex-start}.blog-card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px;align-items:center}.blog-card-author,.blog-card-date{font-size:.85em;color:#718096;display:flex;align-items:center;gap:4px}.blog-card-date:before{content:"📅";font-size:.9em}.blog-card-author:before{content:"👤";font-size:.9em}.blog-card-excerpt{font-size:.95em;color:#4a5568;margin-bottom:25px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1 1}.blog-card-links{display:flex;justify-content:flex-start;gap:10px;margin-top:auto}.blog-card-link{padding:12px 24px;border-radius:25px;font-weight:600;text-align:center;color:#fff;text-decoration:none;transition:all .3s ease;font-size:.9em;letter-spacing:.5px}.edit-link{background-color:#f39c12}.delete-link{background-color:#e74c3c;border:none;cursor:pointer}.view-link{background:linear-gradient(135deg,#667eea,#764ba2)}.blog-card-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.3)}.edit-link:hover{background-color:#e67e22}.delete-link:hover{background-color:#c0392b}.view-link:hover{background-color:#2980b9}.blog-list-container{max-width:1200px;margin:0 auto;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.blog-list-header h2{font-size:2em;color:#333}.create-blog-button{padding:10px 15px;background-color:#007bff;color:#fff;font-size:1em;font-weight:700;border:none;border-radius:5px;cursor:pointer;text-decoration:none;transition:background-color .3s ease}.create-blog-button:hover{background-color:#0056b3}.blog-filters{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.search-input{min-width:300px;padding:15px 20px;font-size:1em;border:2px solid #e1e5e9;border-radius:12px;outline:none;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.search-input:focus{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15)}.filter-select{padding:15px 20px;font-size:1em;border:2px solid #e1e5e9;border-radius:12px;outline:none;background-color:#fff;min-width:150px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.filter-select:focus{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15)}.error-message,.loading-message,.no-blogs-message{text-align:center;font-size:1.2em;color:#555;margin-top:30px}.error-message{color:#e74c3c}.no-blogs-message{color:#888}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px;margin-top:20px}@media (max-width:768px){.blog-filters{flex-direction:column;align-items:center}.search-input{min-width:280px;width:100%;max-width:400px}.filter-select{min-width:200px}.blog-list{grid-template-columns:1fr;gap:20px}}@media (max-width:480px){.filter-select,.search-input{min-width:250px;padding:12px 16px}}.blogs-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.blogs-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center;position:relative;overflow:hidden}.blogs-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:-1px}.hero-content p{font-size:1.3rem;opacity:.9;line-height:1.6;margin:0;font-weight:300}.blogs-main{padding:60px 20px;max-width:1400px;margin:0 auto}@media (max-width:768px){.blogs-hero{padding:60px 20px}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.blogs-main{padding:40px 15px}}@media (max-width:480px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}}