@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 60px;position:fixed;top:0;width:100%;z-index:1000;height:100px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffffb3;border-bottom:1px solid rgba(0,0,0,.05);transition:all .4s cubic-bezier(.19,1,.22,1)}@media screen and (max-width: 480px){.navbar{padding:0 15px}}.logo{font-size:24px;font-weight:700;color:#333;height:100%;display:flex;align-items:center;flex:0 0 auto}.logo a{display:flex;align-items:center;height:100%}.logo img{height:80%;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.nav-links{display:flex;list-style:none;gap:40px;margin:0 auto;align-items:center}.nav-links li a{text-decoration:none;color:#333;font-weight:500;font-size:15px;transition:all .3s ease;position:relative;padding:8px 0;display:flex;align-items:center;gap:8px;opacity:.8}.nav-links li a svg{color:#007bff;opacity:.7;transition:transform .3s ease}.nav-links li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:linear-gradient(90deg,#007bff,#00c6ff);transition:width .3s ease}.nav-links li a:hover,.nav-links li a.active{color:#007bff;opacity:1}.nav-links li a:hover svg{transform:translateY(-2px)}.nav-links li a:hover:after,.nav-links li a.active:after{width:100%}.navbar-right{display:flex;align-items:center;gap:30px}.language-switcher{display:flex;align-items:center;gap:10px;background:#00000014;padding:6px 15px;border-radius:20px;border:1px solid rgba(0,0,0,.05)}.language-switcher button{background:none;border:none;cursor:pointer;font-weight:600;font-size:14px;color:#555;transition:all .3s ease;padding:2px 6px}.language-switcher button.active{color:#007bff;text-shadow:0 0 1px rgba(0,123,255,.2)}.language-switcher span{color:#bbb;font-size:12px}.hamburger{display:none;cursor:pointer;background:none;border:none;flex-direction:column;gap:6px;z-index:1001;padding:10px}.hamburger .bar{width:25px;height:2px;background-color:#333;transition:all .3s cubic-bezier(.19,1,.22,1)}@media screen and (max-width: 1024px){.navbar{padding:0 30px}.nav-links{gap:20px}}@media screen and (max-width: 900px){.navbar-right{gap:15px}.hamburger{display:flex}.hamburger.active .bar:nth-child(2){opacity:0;transform:translate(10px)}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-links{display:flex;position:fixed;right:-100%;top:0;height:100vh;width:80%;max-width:320px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:flex-start;padding:0 40px;box-shadow:-15px 0 30px #0000001a;transition:right .5s cubic-bezier(.19,1,.22,1);gap:30px}.nav-links.mobile-active{right:0}.nav-links li a{font-size:20px;font-weight:600;width:100%}.nav-links li a svg{width:24px;height:24px}.mobile-cta-li{width:100%;margin-top:20px}.btn-cta-mobile{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:16px;border-radius:12px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;font-weight:700;box-shadow:0 4px 15px #007bff33}.language-switcher{display:flex;padding:4px 8px;gap:4px}.language-switcher button{font-size:11px;padding:2px 3px}}.announcement-banners{margin-top:100px;display:flex;flex-direction:column;gap:0}.announcement-banners+.hero-section{padding-top:0;height:auto;min-height:calc(100vh - 150px)}.announcement-banners+.contact-container{padding-top:30px}.announcement-banner{background:linear-gradient(135deg,#1a1a2e,#5e0c57,#690172);color:#fff;padding:14px 50px 14px 20px;display:flex;align-items:center;justify-content:center;gap:15px;position:relative;animation:slideDown .4s ease-out;box-shadow:0 4px 20px #00000026;border-bottom:1px solid rgba(255,255,255,.08)}.announcement-content{display:flex;align-items:center;gap:12px;max-width:900px;width:100%}.announcement-icon{font-size:1.2rem;flex-shrink:0}.announcement-text{font-size:.95rem;line-height:1.5}.announcement-text p{margin:0}.announcement-text strong{color:gold}.announcement-text a{color:#64b5f6;text-decoration:underline}.announcement-close{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:.85rem;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.announcement-close:hover{background:#ffffff40}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.announcement-banners{margin-top:100px}.announcement-banner{padding:12px 40px 12px 15px}.announcement-text{font-size:.85rem}}.hero-section{display:flex;align-items:center;justify-content:space-between;height:100vh;padding:80px 10% 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden}.hero-content{flex:1;max-width:500px;z-index:2}.hero-content h1{font-size:3.5rem;color:#2c3e50;margin-bottom:20px;line-height:1.2}.hero-content p{font-size:1.2rem;color:#555;margin-bottom:30px}.hero-buttons{display:flex;gap:15px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:1rem;border:none;border-radius:30px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-secondary{background-color:transparent;border:2px solid #007bff;color:#007bff}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.hero-image{flex:1;display:flex;justify-content:flex-end;z-index:1}.hero-image img{max-width:100%;height:auto;border-radius:20px;box-shadow:0 20px 40px #0000001a}@media (max-width: 768px){.hero-section{flex-direction:column-reverse;justify-content:center;text-align:center;padding:100px 20px 50px;height:auto}.hero-content{margin-top:40px}.hero-buttons{justify-content:center}}.catalog-container{padding:120px 10% 80px;background-color:#f9f9f9;min-height:100vh;box-sizing:border-box;overflow-y:auto}.catalog-container h1{text-align:center;margin-bottom:40px;color:#333}.filter-section{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.filter-group{display:flex;flex-direction:column;gap:12px}.filter-group h4{margin:0;font-size:.95rem;color:#888;text-transform:uppercase;letter-spacing:1px;font-weight:600}.filters{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap}.scrollable-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.scrollable-filters::-webkit-scrollbar{height:4px}.scrollable-filters::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.scrollable-filters::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.filters button{padding:8px 18px;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:.85rem;white-space:nowrap;color:#555;font-weight:500}.filters button.active{background:#333;color:#fff;border-color:#333;box-shadow:0 4px 12px #00000026}.filters button:hover:not(.active){border-color:#333;color:#333;background:#fdfdfd}.no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:15px;color:#888;font-style:italic;box-shadow:0 4px 15px #00000008}.frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.frame-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.frame-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.frame-image{height:200px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eee}.frame-image img{max-width:95%;max-height:95%;object-fit:contain}.frame-info{padding:20px;background-color:#f8f9fa}.frame-info h3{margin:0 0 5px;font-size:1.2rem;color:#333}.model{color:#666;margin-bottom:10px;font-size:.9rem}.price{font-weight:700;color:#007bff;font-size:1.1rem;margin-bottom:15px}.tags{display:flex;gap:10px}.tag{background:#eee;padding:4px 8px;border-radius:4px;font-size:.8rem;color:#555}.frame-image{cursor:pointer}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;cursor:zoom-out}.lightbox-content{max-width:90%;max-height:90%;background:#fff;padding:20px;border-radius:15px;box-shadow:0 10px 40px #00000080;display:flex;justify-content:center;align-items:center;cursor:default}.lightbox-content img{max-width:100%;max-height:80vh;object-fit:contain}.close-lightbox{position:absolute;top:30px;right:40px;background:none;border:none;color:#fff;font-size:50px;cursor:pointer;line-height:1;transition:transform .3s ease}.close-lightbox:hover{transform:scale(1.2)}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:50px}.pagination button{padding:10px 20px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:5px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;font-size:1.2rem;color:#666;margin:50px 0}.guides-container{padding:140px 10% 80px;background:linear-gradient(135deg,#fdfbfb,#ebedee);min-height:100vh}.guides-header-section{text-align:center;margin-bottom:60px}.guides-header-section h1{font-size:3.5rem;color:#1a1a1a;font-family:Playfair Display,serif;margin-bottom:10px;background:linear-gradient(to right,#222,#666);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.guides-subtitle{font-size:1.1rem;color:#888;letter-spacing:2px;text-transform:uppercase}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.guide-card-mini{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:0 10px 30px #00000008}.guide-card-mini:hover{transform:scale(1.05);box-shadow:0 20px 50px #00000014}.card-image{width:100%;height:200px;overflow:hidden}.card-image img{width:100%;height:200px;object-fit:cover;display:block;-webkit-transform:translateZ(0);transform:translateZ(0);transition:transform .6s ease}.guide-card-mini:hover .card-image img{transform:scale(1.1)}.card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.card-info{padding:25px;display:flex;flex-direction:column;gap:12px}.card-date{font-size:.8rem;color:#999;text-transform:uppercase;letter-spacing:1px}.card-info h3{font-size:1.4rem;color:#111;font-family:Playfair Display,serif;line-height:1.3}.card-excerpt{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:10px}.read-more{font-size:.9rem;color:#111;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:auto}.detail-view{max-width:1800px;width:100%;padding-top:140px}.btn-back{background:none;border:none;font-size:1rem;color:#666;cursor:pointer;margin-bottom:40px;padding:10px 0;font-family:Outfit,sans-serif;transition:color .3s ease;display:flex;align-items:center;gap:10px}.btn-back:hover{color:#111}.guide-detail-full{background:#fff;border-radius:40px;overflow:hidden;box-shadow:0 30px 100px #0000000d;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-image{width:100%;max-height:500px;overflow:hidden}.detail-image img{width:100%;max-height:500px;object-fit:cover;display:block;-webkit-transform:translateZ(0);transform:translateZ(0)}.detail-header{padding:60px 60px 0}.detail-header .guide-date{display:block;font-size:.9rem;color:#999;margin-bottom:15px;letter-spacing:2px}.detail-header h1{font-size:3rem;color:#111;font-family:Playfair Display,serif;line-height:1.2}.guide-text-full{padding:40px 50px 0;font-size:1.15rem;line-height:1.9;color:#333}.guide-text-full p{margin-bottom:30px}.guide-text-full h1,.guide-text-full h2,.guide-text-full h3{margin-top:50px;margin-bottom:25px;font-family:Playfair Display,serif}@media screen and (max-width: 768px){.guides-container{padding:120px 20px 60px}.detail-view{padding-top:100px}.detail-header{padding:40px 30px 0}.detail-header h1{font-size:2.22rem}.guide-text-full{padding:30px 10px 60px}.guides-header-section h1{font-size:2.5rem}}.contact-container{padding:120px 10% 80px;background-color:#fff;color:#333;min-height:100vh}.contact-container h1{text-align:center;margin-bottom:50px;font-size:2.5rem;color:#2c3e50}.contact-content{display:flex;flex-wrap:wrap;gap:50px;justify-content:center}.contact-info{flex:1;min-width:300px}.info-item{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.info-item:last-child{border-bottom:none}.info-item h3{font-size:1.2rem;margin-bottom:10px;color:#007bff}.info-item p{font-size:1.1rem;line-height:1.6;margin:5px 0;color:#555}.info-item a{color:#555;text-decoration:none;transition:color .3s}.info-item a:hover{color:#007bff}.map-container{flex:1;min-width:300px;height:400px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.contact-visual{flex:1;min-width:300px;display:flex;justify-content:center;align-items:flex-start}.shop-image{width:100%;max-width:500px;border-radius:15px;box-shadow:0 10px 30px #0000001a}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 15px #0000001a;width:100%;max-width:400px;text-align:center}.login-box h2{margin-bottom:20px;color:#333}.login-box input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:16px}.login-box button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background .3s}.login-box button:hover{background-color:#0056b3}.error{color:red;margin-bottom:15px}.admin-container{padding:120px 5% 50px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-header-actions{display:flex;gap:10px}.admin-tabs{display:flex;gap:20px;margin-bottom:30px;border-bottom:2px solid #eee;padding-bottom:10px}.admin-tabs button{background:none;border:none;font-size:1.1rem;font-weight:600;color:#888;cursor:pointer;padding:5px 10px;position:relative;transition:color .3s ease}.admin-tabs button.active{color:#333}.admin-tabs button.active:after{content:"";position:absolute;bottom:-12px;left:0;width:100%;height:3px;background-color:#333}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 5px 15px #0000000d;border-radius:10px;overflow:hidden}.admin-table th,.admin-table td{padding:15px;text-align:left;border-bottom:1px solid #eee}.table-img{height:50px;width:80px;object-fit:contain}.btn-delete{background-color:#dc3545;color:#fff;border:1px solid transparent;padding:8px 18px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-delete:hover{background-color:#c82333}.btn-edit{background-color:#fafafa;color:#333;border:1px solid #ddd;padding:8px 18px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-edit:hover{background-color:#f0f0f0;border-color:#ccc}.admin-actions-cell{display:flex;gap:12px;align-items:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:3000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fff;padding:40px 40px 60px;border-radius:20px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;overscroll-behavior:contain}.edit-client-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.edit-primary-col{display:flex;flex-direction:column}.edit-secondary-col{display:flex;flex-direction:column;background:#fdfdfd;padding:20px;border-radius:12px;border:1px solid #eee}.activities-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:#fff;padding:12px 15px;border-radius:8px;border:1px solid #eee;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #00000005}.activity-info{display:flex;flex-direction:column;gap:4px}.activity-info strong{font-size:.95rem;color:#333;line-height:1.4;white-space:pre-wrap}.activity-info span{font-size:.8rem;color:#999}.activity-points{background:#e8f5e9;color:#2e7d32;padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:700}.modal h2,.modal h3{margin-bottom:25px;font-family:Playfair Display,serif;color:#333;font-weight:700;font-size:1.8rem;display:block}.modal input,.modal select,.modal textarea{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;font-family:inherit;box-sizing:border-box}.modal textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:10px}.modal-actions button{padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:600;border:none}.modal-actions button[type=button]{background:#eee;color:#666}.modal-actions button[type=submit]{background:#333;color:#fff}.btn-small{padding:6px 12px;font-size:.8rem;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s;color:#555;font-weight:500}.btn-small:hover{background:#e5e5e5;border-color:#ccc;color:#333}.image-upload-section{margin-bottom:20px}.image-upload-label{display:block;background:#f8f9fa;border:2px dashed #ddd;border-radius:12px;padding:20px;text-align:center;cursor:pointer;font-weight:600;color:#555;transition:all .3s ease}.image-upload-label:hover{border-color:#333;background:#f0f0f0}.image-upload-label input[type=file]{display:none}.admin-image-preview{margin-top:15px;position:relative;border-radius:12px;overflow:hidden;background:#eee;height:150px;display:flex;justify-content:center;align-items:center}.admin-image-preview img{height:100%;width:100%;object-fit:contain}.btn-remove-preview{position:absolute;top:10px;right:10px;background:#dc3545e6;color:#fff;border:none;padding:5px 12px;border-radius:20px;font-size:.75rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 768px){.admin-container{padding:100px 15px 40px}.admin-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-tabs{overflow-x:auto;padding-bottom:15px;white-space:nowrap}.content-header{flex-direction:column;align-items:flex-start;gap:15px}.modal{width:95%;padding:25px}.edit-client-grid{grid-template-columns:1fr;gap:20px}.admin-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table th,.admin-table td{padding:12px;font-size:.85rem}.table-img{width:60px;height:40px}}.search-actions{display:flex;gap:12px;align-items:center}.search-actions input{background:#fff;border:1px solid #ddd;box-shadow:0 1px 2px #0000000d;transition:border-color .2s,box-shadow .2s}.search-actions input:focus{border-color:#386bae;box-shadow:0 0 0 3px #386bae1a;outline:none}.btn-scan{display:flex;align-items:center;gap:8px;font-weight:500;transition:all .2s ease}.btn-scan:hover{filter:brightness(.9);transform:translateY(-1px)}.btn-scan:active{transform:translateY(0)}.scanner-container{animation:fadeIn .3s ease-out;background:#f8f9fa;padding:20px;border-radius:16px;box-shadow:inset 0 2px 4px #0000000d}#reader{border:none!important;background:#000}#reader__status_span{display:none!important}#reader button{background:#386bae!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:6px!important;cursor:pointer!important}.prescription-form{margin-bottom:25px;background:#fff;border-radius:8px}.prescription-table{width:100%;border-collapse:collapse;margin-bottom:15px;font-size:.9rem}.prescription-table th,.prescription-table td{padding:8px;text-align:center;border:1px solid #eee}.prescription-table th{background:#f8f9fa;font-weight:600;color:#555}.prescription-table input{width:100%!important;padding:6px!important;margin-bottom:0!important;border:1px solid #eee!important;text-align:center}.order-details{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.order-details input{margin-bottom:0!important}.security-form-container{max-width:500px}.security-form-container .form-group{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:10px;margin-bottom:15px}.security-form-container .form-group label{font-weight:600;font-size:.9rem;color:#555;text-align:right}.security-form-container .form-group input,.security-form-container .form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;margin-bottom:0}.btn-update-pwd{margin-top:10px;margin-left:170px;padding:10px 25px;background:#333;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.btn-update-pwd:hover{background:#555}.announcement-dates-row{display:flex;gap:15px;margin-bottom:15px}.announcement-date-field{flex:1}@media screen and (max-width: 768px){.security-form-container{max-width:100%}.security-form-container .form-group{grid-template-columns:1fr;gap:4px}.security-form-container .form-group label{text-align:left}.btn-update-pwd{margin-left:0;width:100%}.announcement-dates-row{flex-direction:column;gap:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}