@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap";
:root{--primary:#2e7d32;--primary-dark:#1b5e20;--primary-light:#4caf50;--secondary:#ff8f00;--secondary-dark:#ff6f00;--background:#f8f9fa;--surface:#fff;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--error:#d32f2f;--success:#388e3c;--border:#e8e8e8}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;font-weight:400;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-family:Playfair Display,serif;font-weight:600}h1{font-size:2.75rem;font-weight:700;line-height:1.2}h2{font-size:2rem;font-weight:600;line-height:1.3}h3{font-size:1.5rem;font-weight:500;line-height:1.4}p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8}a{color:var(--primary);text-decoration:none;transition:all .2s}a:hover{color:var(--primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{background-color:var(--surface);z-index:100;position:sticky;top:0;box-shadow:0 1px #0000000d}.header-content{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.logo{align-items:center;gap:.75rem;display:flex}.logo h1{color:var(--primary);letter-spacing:-.01em;margin:0;font-size:1.4rem}.nav-menu{gap:2rem;list-style:none;display:flex}.nav-menu a{color:var(--text-primary);letter-spacing:.02em;text-transform:uppercase;padding:.5rem 0;font-size:.75rem;font-weight:500;position:relative}.nav-menu a:after{content:"";background-color:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.nav-menu a:hover,.nav-menu a.active{color:var(--primary)}.btn{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);color:#fff}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:var(--secondary-dark);color:#fff}.btn-outline{border:1.5px solid var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:#fff}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover{background-color:#b71c1c}.btn-sm{padding:.625rem 1.25rem;font-size:.7rem}.btn-lg{padding:1rem 2.5rem;font-size:.8rem}.card{background-color:var(--surface);border-radius:2px;transition:all .3s;overflow:hidden;box-shadow:0 2px 12px #0000000a}.card:hover{box-shadow:0 8px 30px #00000014}.card-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);letter-spacing:.02em;margin-bottom:.625rem;font-size:.85rem;font-weight:500;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--border);background-color:var(--surface);border-radius:2px;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2e7d321a}.form-textarea{resize:vertical;min-height:150px}.grid{gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem}.nav-menu{flex-wrap:wrap;justify-content:center;gap:1rem}}.hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;min-height:600px;padding:10rem 0}.hero h1{color:#fff;margin-bottom:1.5rem;font-size:3rem;font-weight:700}.hero p{opacity:.95;color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.125rem}.section{padding:5rem 0}.section-title{text-align:center;margin-bottom:3.5rem}.section-title h2{color:var(--primary);padding-bottom:1rem;display:inline-block;position:relative}.section-title h2:after{content:"";background-color:var(--primary);width:50px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footer{color:#fff;background-color:#1a1a1a;margin-top:5rem;padding:4rem 0 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;display:grid}.footer h3{color:#fff;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600}.footer p,.footer a{color:#ffffffb3;font-size:.9rem}.footer a:hover{color:var(--primary-light)}.table{border-collapse:collapse;background-color:var(--surface);border-radius:2px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000000a}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:1rem 1.25rem}.table th{color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;background-color:#fafafa;font-size:.8rem;font-weight:600}.table tr:hover{background-color:#2e7d3205}@media (max-width:768px){.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.products-grid-mobile,.users-grid-mobile,.categories-grid-mobile{display:block!important}.table-responsive{display:none}.table{min-width:600px}.table th,.table td{padding:.75rem;font-size:.85rem}.admin-content{padding:70px 1rem 1rem}.admin-content h1{font-size:1.75rem}.admin-content h2{font-size:1.5rem}.grid.grid-2,.grid.grid-3{grid-template-columns:1fr}.form-group{margin-bottom:1rem}.form-input,.form-select,.form-textarea{font-size:16px}.btn{padding:.75rem 1.5rem;font-size:.8rem}.card{margin-bottom:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.75rem}}.alert{border-radius:2px;margin-bottom:1rem;padding:1rem 1.5rem}.alert-success{border-left:3px solid var(--success);color:var(--success);background-color:#388e3c14}.alert-error{border-left:3px solid var(--error);color:var(--error);background-color:#d32f2f14}.product-card{background-color:var(--surface);border-radius:2px;transition:all .3s;overflow:hidden;box-shadow:0 2px 12px #0000000a}.product-card:hover{box-shadow:0 12px 30px #0000001a}.product-image{object-fit:cover;background-color:#f5f5f5;width:100%;height:220px}.product-info{padding:1.25rem}.product-code{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.375rem;font-size:.7rem}.product-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:500}.product-price{color:var(--primary);font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{color:#fff;z-index:1000;background-color:#1a1a1a;width:260px;height:100vh;padding:1.5rem;position:fixed;overflow-y:auto}.mobile-menu-toggle{z-index:1001;background-color:var(--primary);cursor:pointer;border:none;border-radius:2px;flex-direction:column;gap:5px;padding:12px;display:none;position:fixed;top:12px;left:12px}.mobile-menu-toggle span{background:#fff;width:22px;height:2px;display:block}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.mobile-menu-toggle{display:flex}.sidebar-overlay{display:block}.admin-sidebar{transition:transform .3s;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-content{margin-left:0;padding:60px 1rem 1rem}}.admin-sidebar h2{color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2.5rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600}.admin-sidebar nav a{color:#ffffffb3;border-radius:2px;margin-bottom:.5rem;padding:.875rem 1rem;font-size:.85rem;transition:all .2s;display:block}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background-color:var(--primary);color:#fff}.admin-content{background-color:var(--background);flex:1;margin-left:260px;padding:2rem}@media (max-width:768px){.admin-content{margin-left:0;padding:60px 1rem 1rem}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.stat-card{background-color:var(--surface);border-radius:2px;padding:1.75rem;box-shadow:0 2px 12px #0000000a}.stat-value{color:var(--primary);margin-bottom:.25rem;font-family:Playfair Display,serif;font-size:2.25rem;font-weight:600}.stat-label{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:.8rem}.image-upload-area{border:1px dashed var(--border);text-align:center;cursor:pointer;border-radius:2px;padding:2.5rem;transition:all .2s}.image-upload-area:hover{border-color:var(--primary);background-color:#2e7d3205}.image-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem;display:grid}.image-preview img{object-fit:cover;border-radius:2px;width:100%;height:100px}.search-bar{gap:1rem;margin-bottom:2rem;display:flex}.search-bar input{flex:1}.search-bar select{width:200px}.pagination{justify-content:center;gap:.5rem;margin-top:2.5rem;display:flex}.pagination button{border:1px solid var(--border);background-color:var(--surface);cursor:pointer;border-radius:2px;padding:.625rem 1rem;font-size:.85rem;transition:all .2s}.pagination button:hover{border-color:var(--primary)}.pagination button.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.contact-info{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.contact-card{background-color:var(--surface);text-align:center;border-radius:2px;padding:2rem;box-shadow:0 2px 12px #0000000a}.contact-card h3{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600}.opening-hours{background-color:var(--surface);border-radius:2px;padding:2rem;box-shadow:0 2px 12px #0000000a}.opening-hours table{width:100%}.opening-hours td{border-bottom:1px solid var(--border);padding:.625rem}.opening-hours td:last-child{text-align:right}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:2px;padding:.375rem .875rem;font-size:.65rem;font-weight:600;display:inline-block}.badge-admin{background-color:var(--primary);color:#fff}.badge-editor{background-color:var(--secondary);color:#fff}.badge-user{background-color:var(--text-secondary);color:#fff}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.flex-between{justify-content:space-between}.flex-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.carousel{border-radius:4px;max-height:400px;margin:2rem 0;position:relative;overflow:hidden}.carousel-track{transition:transform .5s ease-in-out;display:flex}.carousel-slide{box-sizing:border-box;min-width:50%;padding:0 1rem}.carousel-slide img{border-radius:4px;width:100%;height:auto;box-shadow:0 2px 8px #0000001a}.carousel-nav{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:2px;padding:.5rem 1rem;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav.prev{left:1rem}.carousel-nav.next{right:1rem}.carousel-nav:hover{background:#000000b3}.carousel-dots{gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:8px;height:8px;transition:background .3s}.carousel-dot.active{background:#fff}.block.max-h-\[150px\].w-auto.object-contain.rounded{max-height:400px}