:root {--primary-color:#2c5aa0; --secondary-color:#f8b500; --accent-color:#1e3a5f; --text-dark:#333333; --text-light:#6c757d; --white:#ffffff; --light-bg:#f8f9fa; --gradient-primary:linear-gradient(135deg,#2c5aa0 0%,#1e3a5f 100%); --shadow-light:0 2px 15px rgba(0,0,0,0.1); --shadow-medium:0 5px 25px rgba(0,0,0,0.15); --border-radius:8px; --transition:all 0.3s ease; --font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif; --font-size-base:1rem; --line-height-base:1.6; --section-padding:5rem 0; --card-padding:2rem; --z-navbar:1030; --z-modal:1050; --z-tooltip:1070}* {margin:0; padding:0; box-sizing:border-box}html {scroll-behavior:smooth}body {font-family:var(--font-family); line-height:var(--line-height-base); color:var(--text-dark); overflow-x:hidden; font-size:var(--font-size-base)}h1,h2,h3,h4,h5,h6 {font-weight:600; line-height:1.2; margin-bottom:1rem; color:var(--text-dark)}h1 {font-size:2.5rem}h2 {font-size:2rem}h3 {font-size:1.75rem}h4 {font-size:1.5rem}h5 {font-size:1.25rem}h6 {font-size:1.125rem}p {margin-bottom:1rem; line-height:1.7}a {color:var(--primary-color); text-decoration:none; transition:var(--transition)}a:hover {color:var(--secondary-color)}ul,ol {margin-bottom:1rem}li {margin-bottom:0.5rem}img {max-width:100%; height:auto}input,textarea,select {font-family:inherit; font-size:inherit}button:focus,input:focus,textarea:focus,select:focus,a:focus {outline:2px solid var(--primary-color); outline-offset:2px}.section-title {font-size:2.5rem; font-weight:700; color:var(--text-dark); margin-bottom:1rem; position:relative}.section-subtitle {font-size:1.1rem; color:var(--text-light); margin-bottom:2rem}.lead {font-size:1.25rem; font-weight:300}::selection {background-color:var(--secondary-color); color:var(--text-dark)}::-moz-selection {background-color:var(--secondary-color); color:var(--text-dark)}@media (prefers-reduced-motion:no-preference) {html {scroll-behavior:smooth}}.btn-primary {background:var(--secondary-color); border:none; color:var(--text-dark); font-weight:600; transition:var(--transition)}.btn-primary:hover {background:#e6a300; transform:translateY(-2px); box-shadow:var(--shadow-medium); color:var(--text-dark)}.btn-outline-light:hover {background:var(--white); color:var(--primary-color); border-color:var(--white)}.form-control {border:2px solid #eee; border-radius:var(--border-radius); padding:0.75rem 1rem; transition:var(--transition); font-size:1rem}.form-control:focus {border-color:var(--primary-color); box-shadow:0 0 0 0.2rem rgba(44,90,160,0.25)}.service-card {background:var(--white); padding:2.5rem; border-radius:var(--border-radius); text-align:center; transition:var(--transition); border:1px solid #eee; height:100%}.service-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-medium); border-color:var(--primary-color)}.service-icon {width:80px; height:80px; background:var(--gradient-primary); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; transition:var(--transition)}.service-icon i {font-size:2rem; color:var(--white)}.service-card:hover .service-icon {transform:scale(1.1); background:var(--secondary-color)}.service-card:hover .service-icon i {color:var(--text-dark)}.service-card h3,.service-card h4 {font-size:1.3rem; color:var(--text-dark); margin-bottom:1rem}.service-card p {color:var(--text-light); line-height:1.6}.contact-item {display:flex; align-items:flex-start; margin-bottom:2rem; padding:1rem; background:var(--white); border-radius:var(--border-radius); transition:var(--transition)}.contact-item:hover {transform:translateX(10px); box-shadow:var(--shadow-light)}.contact-item i {font-size:1.5rem; color:var(--secondary-color); margin-right:1rem; margin-top:0.25rem; flex-shrink:0}.contact-item h5,.contact-item h4 {font-size:1rem; font-weight:600; color:var(--text-dark); margin-bottom:0.25rem}.contact-item p {color:var(--text-light); margin-bottom:0; font-size:0.95rem}.store-location-card {background:var(--white); border-radius:var(--border-radius); padding:2rem; box-shadow:var(--shadow-light); transition:var(--transition); height:100%; border:1px solid #eee}.store-location-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-medium); border-color:var(--primary-color)}.store-header {display:flex; align-items:center; margin-bottom:1.5rem}.store-icon {width:60px; height:60px; background:var(--gradient-primary); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:1rem; transition:var(--transition)}.store-icon i {font-size:1.5rem; color:var(--white)}.store-location-card:hover .store-icon {background:var(--secondary-color)}.store-location-card:hover .store-icon i {color:var(--text-dark)}.store-info h3 {font-size:1.25rem; color:var(--text-dark); margin-bottom:0.25rem}.store-badge {background:var(--secondary-color); color:var(--text-dark); padding:0.25rem 0.75rem; border-radius:20px; font-size:0.8rem; font-weight:600}.store-details {color:var(--text-light)}.store-address,.store-phone {margin-bottom:0.75rem; font-size:0.95rem}.store-phone a {color:var(--primary-color); text-decoration:none; font-weight:600}.store-phone a:hover {color:var(--secondary-color)}.store-services {font-size:0.9rem; margin-bottom:1rem; font-style:italic}.store-actions {display:flex; gap:0.5rem; flex-wrap:wrap}.product-card {background:var(--white); border-radius:var(--border-radius); overflow:hidden; box-shadow:var(--shadow-light); transition:var(--transition); height:100%}.product-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-medium)}.product-image {position:relative; height:200px; overflow:hidden}.product-image img {width:100%; height:100%; object-fit:cover; transition:var(--transition)}.product-card:hover .product-image img {transform:scale(1.1)}.product-overlay {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(44,90,160,0.8); display:flex; align-items:center; justify-content:center; opacity:0; transition:var(--transition)}.product-card:hover .product-overlay {opacity:1}.product-info {padding:1.5rem}.product-info h4 {font-size:1.2rem; color:var(--text-dark); margin-bottom:0.5rem}.product-description {color:var(--text-light); font-size:0.9rem; line-height:1.5; margin-bottom:1rem}.product-price {font-size:1.1rem; font-weight:700; color:var(--primary-color); margin-bottom:0.5rem}.product-brands {color:var(--text-light); font-size:0.8rem; font-style:italic}.value-card {background:var(--white); padding:2rem; border-radius:var(--border-radius); text-align:center; transition:var(--transition); height:100%; border:1px solid #eee}.value-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-medium); border-color:var(--primary-color)}.value-icon {width:70px; height:70px; background:var(--light-bg); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; transition:var(--transition)}.value-icon i {font-size:1.75rem; color:var(--primary-color)}.value-card:hover .value-icon {background:var(--primary-color)}.value-card:hover .value-icon i {color:var(--white)}.achievement-card {background:var(--white); padding:2.5rem 2rem; border-radius:var(--border-radius); text-align:center; transition:var(--transition); border:1px solid #eee}.achievement-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-medium); border-color:var(--secondary-color)}.achievement-icon {width:80px; height:80px; background:var(--gradient-primary); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; transition:var(--transition)}.achievement-icon i {font-size:2rem; color:var(--white)}.achievement-card:hover .achievement-icon {background:var(--secondary-color); transform:scale(1.1)}.achievement-card:hover .achievement-icon i {color:var(--text-dark)}.achievement-number {font-size:3rem; font-weight:800; color:var(--primary-color); margin-bottom:0.5rem; line-height:1}.achievement-text {color:var(--text-light); font-size:1rem; margin-bottom:0}.location-card {background:var(--white); padding:2rem; border-radius:var(--border-radius); text-align:center; transition:var(--transition); height:100%; border:1px solid #eee; text-decoration:none; color:inherit}.location-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-medium); border-color:var(--primary-color); text-decoration:none; color:inherit}.location-icon {width:70px; height:70px; background:var(--light-bg); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; transition:var(--transition)}.location-icon i {font-size:1.75rem; color:var(--primary-color)}.location-card:hover .location-icon {background:var(--primary-color)}.location-card:hover .location-icon i {color:var(--white)}.location-details {padding-top:1rem; border-top:1px solid #eee}.location-details small {color:var(--text-light); font-size:0.85rem}.filter-buttons {margin-bottom:3rem}.filter-btn {margin:0.25rem; transition:var(--transition)}.filter-btn.active {background:var(--primary-color); border-color:var(--primary-color); color:var(--white)}.brand-item {padding:1.5rem; text-align:center; transition:var(--transition)}.brand-item:hover {transform:translateY(-5px)}.brand-item h5 {font-size:1.1rem; color:var(--primary-color); margin-bottom:0.5rem}.brand-item p {font-size:0.9rem; margin-bottom:0}.navbar {background:var(--white) !important; box-shadow:var(--shadow-light); padding:1rem 0; transition:var(--transition); z-index:var(--z-navbar)}.navbar.scrolled {padding:0.5rem 0; box-shadow:var(--shadow-medium)}.navbar-brand {display:flex; align-items:center; text-decoration:none; transition:var(--transition)}.navbar-brand:hover {transform:scale(1.02)}.logo-container {display:flex; align-items:center; gap:15px}.logo-image {height:50px; width:auto; transition:var(--transition); border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,0.1)}.brand-text {display:flex; flex-direction:column; line-height:1.1}.brand-name {font-size:22px; font-weight:700; color:var(--primary-color); letter-spacing:0.5px; margin-bottom:2px}.brand-tagline {font-size:11px; color:var(--text-light); font-weight:600; letter-spacing:0.5px; text-transform:uppercase}.navbar.scrolled .logo-image {height:40px}.navbar.scrolled .brand-name {font-size:19px}.navbar.scrolled .brand-tagline {font-size:10px}.navbar-brand:hover .logo-image {transform:scale(1.05); box-shadow:0 4px 12px rgba(0,0,0,0.2)}.navbar-brand:hover .brand-name {color:var(--secondary-color)}.navbar-nav .nav-link {color:var(--text-dark) !important; font-weight:500; margin:0 0.5rem; transition:var(--transition); position:relative}.navbar-nav .nav-link:hover {color:var(--primary-color) !important}.navbar-nav .nav-link::after {content:''; position:absolute; bottom:-5px; left:50%; width:0; height:2px; background:var(--primary-color); transition:var(--transition); transform:translateX(-50%)}.navbar-nav .nav-link:hover::after {width:100%}.hero-section {background:var(--gradient-primary); position:relative; min-height:100vh; display:flex; align-items:center}.hero-section::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="20" cy="20" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="80" cy="40" r="0.8" fill="rgba(255,255,255,0.03)"/><circle cx="40" cy="80" r="1.2" fill="rgba(255,255,255,0.04)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>'); opacity:0.3}.hero-overlay {position:relative; z-index:1}.hero-title {font-size:3.5rem; font-weight:800; color:var(--white); margin-bottom:1.5rem; text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.hero-subtitle {font-size:1.25rem; color:rgba(255,255,255,0.9); margin-bottom:2.5rem; line-height:1.7}.hero-buttons .btn {padding:0.75rem 2rem; font-weight:600; border-radius:50px; text-transform:uppercase; letter-spacing:1px; transition:var(--transition)}.hero-image img {border-radius:var(--border-radius); transition:var(--transition)}.hero-image img:hover {transform:translateY(-10px); box-shadow:var(--shadow-medium)}.page-header {background:var(--gradient-primary); padding:8rem 0 4rem; text-align:center; color:var(--white); position:relative}.page-header::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="20" cy="20" r="1" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>'); opacity:0.3}.page-title {font-size:3rem; font-weight:800; margin-bottom:1rem; text-shadow:2px 2px 4px rgba(0,0,0,0.3); position:relative; z-index:1}.page-subtitle {font-size:1.2rem; color:rgba(255,255,255,0.9); position:relative; z-index:1}.services-section {padding:var(--section-padding)}.about-section {padding:var(--section-padding)}.contact-section {padding:var(--section-padding); background:var(--light-bg)}.product-categories {padding:var(--section-padding)}.featured-brands {padding:var(--section-padding)}.our-story {padding:var(--section-padding)}.contact-form {background:var(--white); padding:2.5rem; border-radius:var(--border-radius); box-shadow:var(--shadow-light)}.contact-info h3,.contact-info h4 {color:var(--primary-color); margin-bottom:2rem}.about-stats {background:var(--white); padding:2rem; border-radius:var(--border-radius); box-shadow:var(--shadow-light)}.stat-number {font-size:2.5rem; font-weight:800; color:var(--primary-color); margin-bottom:0.5rem}.stat-label {font-size:0.9rem; color:var(--text-light); text-transform:uppercase; letter-spacing:1px}.cta-section {padding:var(--section-padding); background:var(--primary-color); color:var(--white)}.cta-content h3 {font-size:2rem; margin-bottom:1rem}.cta-content p {font-size:1.1rem; opacity:0.9}.footer {background:var(--text-dark); color:var(--white); padding:3rem 0 2rem}.footer-content {border-bottom:1px solid #444; padding-bottom:2rem; margin-bottom:2rem}.footer h5 {color:var(--secondary-color); margin-bottom:1rem}.footer p,.footer a {color:#ccc; text-decoration:none; transition:var(--transition)}.footer a:hover {color:var(--secondary-color)}.footer-bottom {text-align:center; color:#999; font-size:0.9rem}.social-links a {display:inline-block; width:40px; height:40px; background:var(--primary-color); border-radius:50%; text-align:center; line-height:40px; margin-right:10px; transition:var(--transition)}.social-links a:hover {background:var(--secondary-color); color:var(--text-dark); transform:translateY(-3px)}.store-contacts p {margin-bottom:0.5rem; font-size:0.9rem}.store-contacts strong {color:var(--secondary-color)}.page-header {background:var(--gradient-primary); padding:8rem 0 4rem; text-align:center; color:var(--white); position:relative}.page-header::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="20" cy="20" r="1" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>'); opacity:0.3}.page-title {font-size:3rem; font-weight:800; margin-bottom:1rem; color:var(--white); text-shadow:2px 2px 4px rgba(0,0,0,0.7),1px 1px 2px rgba(0,0,0,0.5); position:relative; z-index:1}.page-subtitle {font-size:1.2rem; color:rgba(255,255,255,0.95); text-shadow:1px 1px 3px rgba(0,0,0,0.6),0px 0px 2px rgba(0,0,0,0.4); font-weight:500; position:relative; z-index:1}.story-content .lead {font-size:1.2rem; color:var(--primary-color); font-weight:600; margin-bottom:1.5rem}.story-content p {font-size:1.05rem; line-height:1.7; color:var(--text-light); margin-bottom:1.25rem}.story-image img {border-radius:var(--border-radius); transition:var(--transition)}.story-image:hover img {transform:scale(1.05); box-shadow:var(--shadow-medium)}.mission-card,.vision-card {background:var(--white); padding:2.5rem 2rem; border-radius:var(--border-radius); box-shadow:var(--shadow-light); text-align:center; height:100%; transition:var(--transition)}.mission-card:hover,.vision-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-medium)}.mission-icon,.vision-icon {width:80px; height:80px; background:var(--gradient-primary); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; transition:var(--transition)}.mission-icon i,.vision-icon i {font-size:2rem; color:var(--white)}.mission-card:hover .mission-icon,.vision-card:hover .vision-icon {transform:scale(1.1); background:var(--secondary-color)}.mission-card:hover .mission-icon i,.vision-card:hover .vision-icon i {color:var(--text-dark)}.feature-item {display:flex; align-items:flex-start; padding:1.5rem; background:var(--white); border-radius:var(--border-radius); box-shadow:var(--shadow-light); margin-bottom:2rem; transition:var(--transition)}.feature-item:hover {transform:translateX(10px); box-shadow:var(--shadow-medium)}.feature-icon {width:60px; height:60px; background:var(--light-bg); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:1.5rem; flex-shrink:0; transition:var(--transition)}.feature-icon i {font-size:1.5rem; color:var(--primary-color)}.feature-item:hover .feature-icon {background:var(--primary-color)}.feature-item:hover .feature-icon i {color:var(--white)}.recognition-section {background:var(--white); padding:3rem 2rem; border-radius:var(--border-radius); box-shadow:var(--shadow-light); margin-top:3rem}.recognition-section h3 {color:var(--primary-color); font-weight:700; font-size:2rem; margin-bottom:2rem}.recognition-item {display:flex; align-items:center; margin-bottom:1rem}.recognition-item i {font-size:2rem; margin-right:1rem}.recognition-item h5 {margin-bottom:0.25rem; color:var(--text-dark)}.recognition-details .text-muted {font-size:0.9rem}.recognition-image img {border:3px solid var(--secondary-color); border-radius:var(--border-radius); transition:var(--transition); width:100%; height:auto}.recognition-image:hover img {transform:scale(1.02); box-shadow:var(--shadow-medium)}.blog-post-header {background:var(--gradient-primary); color:var(--white); padding:6rem 0 4rem; position:relative}.blog-post-header::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="20" cy="20" r="1" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>'); opacity:0.3}.blog-post-content {position:relative; z-index:1}.blog-post-meta {display:flex; align-items:center; gap:2rem; margin-bottom:1.5rem; font-size:0.95rem; color:rgba(255,255,255,0.9)}.blog-post-meta i {color:var(--secondary-color); margin-right:0.5rem}.blog-post-title {font-size:3rem; font-weight:800; margin-bottom:1.5rem; line-height:1.2; color:var(--white); text-shadow:2px 2px 4px rgba(0,0,0,0.7),1px 1px 2px rgba(0,0,0,0.5)}.blog-post-excerpt {font-size:1.2rem; color:rgba(255,255,255,0.9); line-height:1.6; text-shadow:1px 1px 3px rgba(0,0,0,0.6),0px 0px 2px rgba(0,0,0,0.4)}.blog-content-wrapper {padding:5rem 0}.blog-article {background:var(--white); padding:3rem; border-radius:var(--border-radius); box-shadow:var(--shadow-light); margin-bottom:3rem}.blog-article h2 {color:var(--primary-color); font-size:1.75rem; font-weight:700; margin:2rem 0 1rem; padding-bottom:0.5rem; border-bottom:2px solid var(--light-bg)}.blog-article h3 {color:var(--text-dark); font-size:1.4rem; font-weight:600; margin:1.5rem 0 1rem}.blog-article p {font-size:1.1rem; line-height:1.8; color:var(--text-dark); margin-bottom:1.5rem}.blog-article ul {margin:1.5rem 0; padding-left:2rem}.blog-article li {font-size:1.1rem; line-height:1.7; color:var(--text-dark); margin-bottom:0.75rem}.highlight-box {background:var(--light-bg); border-left:4px solid var(--secondary-color); padding:1.5rem; margin:2rem 0; border-radius:0 var(--border-radius) var(--border-radius) 0}.highlight-box p {margin-bottom:0; font-weight:500; color:var(--primary-color)}.author-bio {background:var(--light-bg); padding:2rem; border-radius:var(--border-radius); margin-top:3rem}.author-bio h4 {color:var(--primary-color); margin-bottom:1rem}.social-share {background:var(--white); padding:2rem; border-radius:var(--border-radius); box-shadow:var(--shadow-light); margin-bottom:2rem}.social-share h4 {color:var(--primary-color); margin-bottom:1.5rem}.share-buttons {display:flex; gap:1rem; flex-wrap:wrap}.share-btn {display:inline-flex; align-items:center; padding:0.75rem 1.5rem; border-radius:25px; text-decoration:none; font-weight:600; transition:var(--transition)}.share-btn.facebook {background:#1877F2; color:white}.share-btn.twitter {background:#1DA1F2; color:white}.share-btn.whatsapp {background:#25D366; color:white}.share-btn.email {background:var(--primary-color); color:white}.share-btn:hover {transform:translateY(-2px); box-shadow:var(--shadow-medium); color:white}.share-btn i {margin-right:0.5rem}.related-posts {background:var(--white); padding:2rem; border-radius:var(--border-radius); box-shadow:var(--shadow-light)}.related-posts h4 {color:var(--primary-color); margin-bottom:1.5rem}.related-post-item {padding:1rem 0; border-bottom:1px solid #eee}.related-post-item:last-child {border-bottom:none}.related-post-item h6 {margin-bottom:0.5rem}.related-post-item h6 a {color:var(--text-dark); text-decoration:none; transition:var(--transition)}.related-post-item h6 a:hover {color:var(--primary-color)}.related-post-meta {font-size:0.85rem; color:var(--text-light)}@media (max-width:992px) {.page-title {font-size:2.5rem}.blog-post-title {font-size:2.5rem}}@media (max-width:768px) {.page-title {font-size:2.2rem; text-shadow:2px 2px 6px rgba(0,0,0,0.8),1px 1px 3px rgba(0,0,0,0.6)}.page-subtitle {font-size:1.1rem; text-shadow:1px 1px 4px rgba(0,0,0,0.7),0px 0px 3px rgba(0,0,0,0.5)}.blog-post-title {font-size:2.2rem; text-shadow:2px 2px 6px rgba(0,0,0,0.8),1px 1px 3px rgba(0,0,0,0.6)}.blog-post-meta {flex-direction:column; align-items:flex-start; gap:0.5rem}.blog-article {padding:2rem 1.5rem}.social-share {padding:1.5rem}.share-buttons {justify-content:center}}@media (max-width:576px) {.page-header {padding:6rem 0 3rem}.page-title {font-size:2rem}.page-subtitle {font-size:1.1rem}.blog-post-title {font-size:1.8rem}}.blog-card {background:var(--white); border-radius:var(--border-radius); overflow:hidden; box-shadow:var(--shadow-light); transition:var(--transition); height:100%; border:1px solid #eee}.blog-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-medium); border-color:var(--primary-color)}.blog-image {position:relative; height:220px; overflow:hidden}.blog-image img {width:100%; height:100%; object-fit:cover; transition:var(--transition)}.blog-card:hover .blog-image img {transform:scale(1.05)}.blog-category {position:absolute; top:15px; left:15px; background:var(--primary-color); color:var(--white); padding:0.25rem 0.75rem; border-radius:20px; font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.5px}.blog-content {padding:1.5rem}.blog-meta {display:flex; align-items:center; margin-bottom:1rem; font-size:0.85rem; color:var(--text-light)}.blog-meta i {margin-right:0.5rem; color:var(--secondary-color)}.blog-meta span {margin-right:1rem}.blog-title {font-size:1.25rem; font-weight:600; color:var(--text-dark); margin-bottom:0.75rem; line-height:1.4}.blog-title a {color:inherit; text-decoration:none; transition:var(--transition)}.blog-title a:hover {color:var(--primary-color)}.blog-excerpt {color:var(--text-light); font-size:0.95rem; line-height:1.6; margin-bottom:1rem}.read-more {color:var(--primary-color); font-weight:600; text-decoration:none; font-size:0.9rem; transition:var(--transition)}.read-more:hover {color:var(--secondary-color)}.read-more i {margin-left:0.5rem; transition:var(--transition)}.read-more:hover i {transform:translateX(3px)}.featured-post {background:var(--gradient-primary); color:var(--white); border-radius:var(--border-radius); overflow:hidden; margin-bottom:3rem}.featured-post .blog-category {background:var(--secondary-color); color:var(--text-dark)}.featured-post .blog-content {padding:2rem}.featured-post .blog-title {color:var(--white); font-size:1.75rem; margin-bottom:1rem}.featured-post .blog-title a {color:var(--white)}.featured-post .blog-title a:hover {color:var(--secondary-color)}.featured-post .blog-excerpt {color:rgba(255,255,255,0.9); font-size:1.1rem}.featured-post .blog-meta {color:rgba(255,255,255,0.8)}.featured-post .read-more {color:var(--secondary-color)}.featured-post .blog-image img {max-height:400px; width:100%; object-fit:cover; object-position:center top; border-radius:var(--border-radius); transition:var(--transition); box-shadow:var(--shadow-light)}.featured-post .blog-image img[src*="eye_strain_blog"] {object-position:center top; filter:brightness(1.05) contrast(1.1); border:2px solid rgba(255,255,255,0.1)}.featured-post:hover .blog-image img {transform:scale(1.02); box-shadow:var(--shadow-medium); filter:brightness(1.1) contrast(1.15)}.featured-post .blog-image img[src*="eye_strain_blog"] {animation:fadeInScale 0.8s ease-out}@keyframes fadeInScale {from {opacity:0; transform:scale(0.95)}to {opacity:1; transform:scale(1)}}.featured-post .blog-image::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(135deg,rgba(44,90,160,0.1) 0%,rgba(30,58,95,0.2) 100%); border-radius:var(--border-radius); pointer-events:none}.search-box {background:var(--white); padding:2rem; border-radius:var(--border-radius); box-shadow:var(--shadow-light); margin-bottom:2rem}.search-input {border:2px solid #eee; border-radius:50px; padding:0.75rem 1.5rem; transition:var(--transition)}.search-input:focus {border-color:var(--primary-color); box-shadow:0 0 0 0.2rem rgba(44,90,160,0.25)}.categories-widget {background:var(--white); padding:2rem; border-radius:var(--border-radius); box-shadow:var(--shadow-light); margin-bottom:2rem}.categories-widget h4 {color:var(--primary-color); margin-bottom:1.5rem; font-size:1.2rem}.category-item {display:flex; justify-content:space-between; align-items:center; padding:0.75rem 0; border-bottom:1px solid #eee; transition:var(--transition)}.category-item:last-child {border-bottom:none}.category-item:hover {transform:translateX(5px)}.category-item a {color:var(--text-dark); text-decoration:none; font-weight:500; transition:var(--transition)}.category-item a:hover {color:var(--primary-color)}.category-count {background:var(--light-bg); color:var(--text-light); padding:0.25rem 0.5rem; border-radius:15px; font-size:0.8rem; font-weight:600}.recent-posts-widget {background:var(--white); padding:2rem; border-radius:var(--border-radius); box-shadow:var(--shadow-light)}.recent-posts-widget h4 {color:var(--primary-color); margin-bottom:1.5rem; font-size:1.2rem}.recent-post-item {display:flex; align-items:center; margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:1px solid #eee}.recent-post-item:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none}.recent-post-thumb {width:60px; height:60px; border-radius:var(--border-radius); overflow:hidden; margin-right:1rem; flex-shrink:0}.recent-post-thumb img {width:100%; height:100%; object-fit:cover}.recent-post-content h6 {font-size:0.9rem; margin-bottom:0.25rem; line-height:1.3}.recent-post-content h6 a {color:var(--text-dark); text-decoration:none; transition:var(--transition)}.recent-post-content h6 a:hover {color:var(--primary-color)}.recent-post-date {font-size:0.8rem; color:var(--text-light)}.pagination-wrapper {display:flex; justify-content:center; margin-top:3rem}.pagination .page-link {color:var(--primary-color); border-color:#eee; padding:0.75rem 1rem; margin:0 0.25rem; border-radius:var(--border-radius)}.pagination .page-link:hover {background-color:var(--primary-color); border-color:var(--primary-color); color:var(--white)}.pagination .page-item.active .page-link {background-color:var(--primary-color); border-color:var(--primary-color)}.newsletter-form .form-control {border:2px solid #eee; border-radius:var(--border-radius); padding:0.75rem 1rem; transition:var(--transition)}.newsletter-form .form-control:focus {border-color:var(--primary-color); box-shadow:0 0 0 0.2rem rgba(44,90,160,0.25)}@media (max-width:1199px) {.hero-title {font-size:3rem}.section-title {font-size:2.2rem}}@media (max-width:992px) {.logo-image {height:45px}.brand-name {font-size:20px}.brand-tagline {font-size:10px}.navbar.scrolled .logo-image {height:35px}.navbar.scrolled .brand-name {font-size:17px}.hero-title {font-size:3rem}.section-title {font-size:2.2rem}.page-title {font-size:2.5rem}.blog-post-title {font-size:2.5rem}.cta-section .row {align-items:center}.cta-content {text-align:center; margin-bottom:2rem}.cta-buttons {text-align:center; display:flex; flex-direction:column; gap:1rem; align-items:center}.cta-buttons .btn {width:auto; min-width:180px; margin:0}}@media (max-width:768px) {.logo-image {height:40px}.brand-name {font-size:18px}.brand-tagline {font-size:9px}.navbar.scrolled .logo-image {height:32px}.navbar.scrolled .brand-name {font-size:16px}.hero-title {font-size:2.5rem}.hero-subtitle {font-size:1.1rem}.section-title {font-size:2rem}.page-title {font-size:2.2rem}.hero-buttons .btn {display:block; width:100%; margin-bottom:1rem; text-align:center}.hero-buttons .btn:last-child {margin-bottom:0}.cta-section {text-align:center}.cta-section .container {padding:0 20px}.cta-section .row {display:flex; flex-direction:column; align-items:center; gap:2rem}.cta-content {text-align:center; margin-bottom:0; width:100%}.cta-content h3 {font-size:1.75rem; margin-bottom:1rem}.cta-content p {font-size:1rem; margin-bottom:0}.cta-buttons {display:flex; flex-direction:column; gap:1rem; width:100%; max-width:300px; align-items:center; text-align:center}.cta-buttons .btn {width:100%; padding:1rem 2rem; font-size:1rem; font-weight:600; border-radius:50px; margin:0; text-align:center; display:flex; align-items:center; justify-content:center; gap:0.5rem}.cta-buttons .btn i {font-size:1.1rem}.cta-buttons .btn-light {background:var(--white); border:2px solid var(--white); color:var(--primary-color)}.cta-buttons .btn-light:hover {background:transparent; border-color:var(--white); color:var(--white)}.cta-buttons .btn-outline-light {background:transparent; border:2px solid var(--white); color:var(--white)}.cta-buttons .btn-outline-light:hover {background:var(--white); border-color:var(--white); color:var(--primary-color)}.service-card {margin-bottom:2rem}.contact-form {margin-top:2rem}.store-location-card {margin-bottom:2rem}.product-card {margin-bottom:2rem}.feature-item {text-align:center; flex-direction:column}.feature-icon {margin:0 auto 1rem}.mission-card,.vision-card {margin-bottom:2rem}.value-card {margin-bottom:2rem}.achievement-card {margin-bottom:2rem}.featured-post .row {flex-direction:column-reverse}.featured-post .blog-content {padding:1.5rem}.featured-post .blog-title {font-size:1.5rem}.blog-content {padding:1.25rem}.blog-meta {flex-wrap:wrap; gap:0.5rem}.blog-meta span {margin-right:0.5rem}.search-box {padding:1.5rem}.categories-widget {padding:1.5rem}.recent-posts-widget {padding:1.5rem}.recent-post-item {align-items:flex-start}.recent-post-thumb {width:50px; height:50px}.blog-post-title {font-size:2.2rem}.blog-post-meta {flex-direction:column; align-items:flex-start; gap:0.5rem}.blog-article {padding:2rem 1.5rem}.social-share {padding:1.5rem}.share-buttons {justify-content:center}.featured-post .blog-image img[src*="eye_strain_blog"] {max-height:250px; object-position:center center}}@media (max-width:576px) {.logo-container {gap:10px}.logo-image {height:35px}.brand-name {font-size:16px}.brand-tagline {font-size:8px}.navbar.scrolled .logo-image {height:28px}.navbar.scrolled .brand-name {font-size:15px}.hero-section {padding:2rem 0}.service-card {padding:2rem}.about-stats {margin-top:2rem}.page-header {padding:6rem 0 3rem}.page-title {font-size:2rem}.page-subtitle {font-size:1.1rem}.cta-section {padding:4rem 0}.cta-section .container {padding:0 15px}.cta-content h3 {font-size:1.5rem; line-height:1.3; margin-bottom:1rem}.cta-content p {font-size:0.95rem; line-height:1.5}.cta-buttons {margin-top:2rem; max-width:280px}.cta-buttons .btn {padding:0.875rem 1.5rem; font-size:0.95rem; border-radius:50px; font-weight:600; letter-spacing:0.5px; text-transform:uppercase}.store-location-card {padding:1.5rem}.store-header {flex-direction:column; text-align:center; margin-bottom:1rem}.store-icon {margin:0 auto 1rem}.store-actions {justify-content:center; flex-direction:column; gap:0.75rem}.store-actions .btn {width:100%; text-align:center}.contact-form {padding:2rem 1.5rem}.product-info {padding:1.25rem}.story-content {margin-bottom:2rem}.mission-card,.vision-card {padding:2rem 1.5rem}.value-card {padding:1.5rem}.achievement-card {padding:2rem 1.5rem}.achievement-number {font-size:2.5rem}.recognition-section {padding:2rem 1rem}.recognition-section h3 {font-size:1.5rem}.footer {padding:2rem 0 1rem}.blog-category {font-size:0.7rem; padding:0.2rem 0.6rem}.blog-title {font-size:1.1rem}.featured-post .blog-title {font-size:1.3rem}.blog-excerpt {font-size:0.9rem}.pagination .page-link {padding:0.5rem 0.75rem; font-size:0.9rem}.blog-post-title {font-size:1.8rem}.featured-post .blog-image img[src*="eye_strain_blog"] {max-height:200px; border-radius:8px}}@media (max-width:480px) {.cta-section {padding:3rem 0}.cta-content h3 {font-size:1.25rem}.cta-content p {font-size:0.9rem}.cta-buttons {max-width:250px}.cta-buttons .btn {padding:0.75rem 1.25rem; font-size:0.9rem}}@media (min-width:992px) {.cta-section .row {align-items:center}.cta-content {text-align:left; padding-right:2rem}.cta-buttons {text-align:right; display:flex; gap:1rem; justify-content:flex-end; align-items:center}.cta-buttons .btn {margin:0; white-space:nowrap; min-width:auto; flex-shrink:0}}@media print {.navbar,.footer {display:none}.hero-section {background:none; color:var(--text-dark)}.page-header {background:none; color:var(--text-dark)}.btn {border:1px solid var(--text-dark); background:none; color:var(--text-dark)}.cta-section {background:none; color:var(--text-dark)}}@media (prefers-contrast:high) {:root {--shadow-light:0 2px 15px rgba(0,0,0,0.3); --shadow-medium:0 5px 25px rgba(0,0,0,0.4)}.service-card,.product-card,.contact-form {border:2px solid var(--text-dark)}.cta-buttons .btn {border-width:2px}}@media (prefers-reduced-motion:reduce) {.cta-buttons .btn {transition:none}.cta-buttons .btn:hover {transform:none}}.cta-buttons .btn:focus {outline:3px solid var(--secondary-color); outline-offset:2px; box-shadow:0 0 0 0.2rem rgba(248,181,0,0.25)}.btn-group-mobile {display:flex; flex-direction:column; gap:1rem; width:100%}@media (min-width:768px) {.btn-group-mobile {flex-direction:row; width:auto; gap:0.5rem}}.text-center-mobile {text-align:left}@media (max-width:991px) {.text-center-mobile {text-align:center}}.flex-column-mobile {display:flex}@media (max-width:991px) {.flex-column-mobile {flex-direction:column; align-items:center}}.fade-in {opacity:0; transform:translateY(30px); transition:all 0.6s ease}.fade-in.visible {opacity:1; transform:translateY(0)}@keyframes loading {0% {background-position:200% 0}100% {background-position:-200% 0}}.achievement-number.counting {animation:countUp 2s ease-out forwards}@keyframes countUp {from {opacity:0; transform:translateY(20px)}to {opacity:1; transform:translateY(0)}}.reading-progress {position:fixed; top:0; left:0; width:0%; height:3px; background:var(--secondary-color); z-index:9999; transition:width 0.3s ease}.text-primary {color:var(--primary-color) !important}.text-secondary {color:var(--secondary-color) !important}.text-light {color:var(--text-light) !important}.text-dark {color:var(--text-dark) !important}.bg-primary {background-color:var(--primary-color) !important}.bg-secondary {background-color:var(--secondary-color) !important}.bg-light {background-color:var(--light-bg) !important}.border-primary {border-color:var(--primary-color) !important}.border-secondary {border-color:var(--secondary-color) !important}.section-padding {padding:var(--section-padding)}.card-padding {padding:var(--card-padding)}.shadow-light {box-shadow:var(--shadow-light)}.shadow-medium {box-shadow:var(--shadow-medium)}.rounded-custom {border-radius:var(--border-radius)}.hover-lift {transition:var(--transition)}.hover-lift:hover {transform:translateY(-5px); box-shadow:var(--shadow-medium)}.hover-scale {transition:var(--transition)}.hover-scale:hover {transform:scale(1.05)}.notification.success {border-left:4px solid #28a745}.notification.error {border-left:4px solid #dc3545}.notification.info {border-left:4px solid var(--primary-color)}@keyframes slideInRight {from {transform:translateX(100%); opacity:0}to {transform:translateX(0); opacity:1}}@keyframes slideOutRight {from {transform:translateX(0); opacity:1}to {transform:translateX(100%); opacity:0}}.loading::after {content:''; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px; border:2px solid transparent; border-top:2px solid var(--primary-color); border-radius:50%; animation:spin 1s linear infinite}@keyframes spin {0% {transform:rotate(0deg)}100% {transform:rotate(360deg)}}.focus-visible {outline:2px solid var(--primary-color); outline-offset:2px}.skip-to-content {position:absolute; top:-40px; left:6px; background:var(--primary-color); color:var(--white); padding:8px; text-decoration:none; border-radius:0 0 4px 4px; z-index:100}.skip-to-content:focus {top:0}.sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}.smooth-scroll {scroll-behavior:smooth}.no-select {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}.overflow-hidden {overflow:hidden}.overflow-auto {overflow:auto}.position-relative {position:relative}.position-absolute {position:absolute}.position-fixed {position:fixed}.position-sticky {position:sticky}.z-1 {z-index:1}.z-2 {z-index:2}.z-3 {z-index:3}.cursor-pointer {cursor:pointer}.cursor-not-allowed {cursor:not-allowed}.transition-all {transition:all 0.3s ease}.transition-transform {transition:transform 0.3s ease}.transition-opacity {transition:opacity 0.3s ease}.transform-none {transform:none}.scale-105 {transform:scale(1.05)}.scale-110 {transform:scale(1.1)}.translate-y-1 {transform:translateY(-0.25rem)}.translate-y-2 {transform:translateY(-0.5rem)}.flex-center {display:flex; align-items:center; justify-content:center}.flex-between {display:flex; justify-content:space-between; align-items:center}.visible {visibility:visible}.invisible {visibility:hidden}@media (max-width:576px) {.d-sm-none {display:none !important}.d-sm-block {display:block !important}.d-sm-flex {display:flex !important}}@media (max-width:768px) {.d-md-none {display:none !important}.d-md-block {display:block !important}.d-md-flex {display:flex !important}}@media (max-width:992px) {.d-lg-none {display:none !important}.d-lg-block {display:block !important}.d-lg-flex {display:flex !important}}