@charset "UTF-8";:root{font-family:Inter,system-ui,sans-serif;background-color:#fff;color:#000}body{margin:0;padding:0;line-height:1.5;background-color:#fff;color:#000}a{color:#38bdf8;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}#root{max-width:80rem;margin:0 auto;padding:2rem;text-align:center}.logo{padding:1.5rem;display:flex;align-items:center;text-decoration:none;color:#000;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.67))}.logo .logo-icon{font-size:1.5rem;margin-right:.5rem}.logo .logo-text{font-weight:600;font-size:1.25rem}@media (max-width: 768px){.logo .logo-text{font-size:1.125rem}}@media (max-width: 576px){.logo .logo-text{font-size:1rem}}.layout{min-height:100vh;background-color:#f9f9f9}.navbar{background-color:#fff;border-bottom:1px solid #ddd;padding:0 1rem}.navbar .navbar-container{max-width:75rem;margin:0 auto;height:4rem;display:flex;align-items:center;justify-content:space-between}.desktop-layout{display:flex;align-items:center;justify-content:space-between;width:100%;gap:2rem}@media (max-width: 768px){.desktop-layout{display:none}}.desktop-layout .desktop-nav{display:flex;gap:1rem;flex:1;justify-content:center}.desktop-layout .desktop-actions{display:flex;align-items:center;gap:1rem}.desktop-layout .desktop-actions .cart-icon{position:relative;font-size:1.5rem;text-decoration:none;color:#000;padding:.5rem;border-radius:8px;transition:all .2s}.desktop-layout .desktop-actions .cart-icon:hover{background:#f0f0f0;transform:scale(1.1)}.desktop-layout .desktop-actions .cart-icon .cart-badge{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center}.desktop-layout .desktop-actions .user-menu{position:relative}.desktop-layout .desktop-actions .user-menu .user-menu-toggle{background:none;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;color:#000;transition:all .2s}.desktop-layout .desktop-actions .user-menu .user-menu-toggle:hover{background:#f0f0f0}.desktop-layout .desktop-actions .user-menu .user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:150px;z-index:1000;margin-top:.5rem}.desktop-layout .desktop-actions .user-menu .user-dropdown .dropdown-item{display:block;padding:.75rem 1rem;text-decoration:none;color:#000;font-size:.9rem;transition:background .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer}.desktop-layout .desktop-actions .user-menu .user-dropdown .dropdown-item:hover{background:#f8f9fa}.desktop-layout .desktop-actions .user-menu .user-dropdown .dropdown-item:first-child{border-radius:8px 8px 0 0}.desktop-layout .desktop-actions .user-menu .user-dropdown .dropdown-item:last-child{border-radius:0 0 8px 8px}.desktop-layout .desktop-actions .login-btn{padding:.5rem 1rem;background:#38bdf8;color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .2s}.desktop-layout .desktop-actions .login-btn:hover{background:#0ea5e9;transform:translateY(-1px)}.mobile-layout{display:none;align-items:center;justify-content:space-between;width:100%;gap:.5rem}@media (max-width: 768px){.mobile-layout{display:flex}}.mobile-layout .mobile-left{display:flex;align-items:center;gap:.75rem}.mobile-layout .mobile-left .hamburger{background:#666;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background .2s}.mobile-layout .mobile-left .hamburger:hover{background:#666}@media (max-width: 576px){.mobile-layout .mobile-left .hamburger{font-size:1rem;padding:.375rem}}.mobile-layout .mobile-left .mobile-logo{text-decoration:none;color:#000;font-weight:600;font-size:1rem;transition:color .2s}.mobile-layout .mobile-left .mobile-logo:hover{color:#38bdf8}@media (max-width: 576px){.mobile-layout .mobile-left .mobile-logo{font-size:.875rem}}.mobile-layout .mobile-search{flex:1;max-width:300px}.mobile-layout .mobile-search .search-box{background:#f8f9fa;padding:.375rem .75rem;font-size:.8rem;color:#666;cursor:pointer;transition:all .2s;text-align:center}.mobile-layout .mobile-search .search-box:hover{background:#f0f0f0;border-color:#ccc}@media (max-width: 576px){.mobile-layout .mobile-search .search-box{padding:.25rem .5rem;font-size:.75rem}}.mobile-layout .mobile-right{display:flex;align-items:center;gap:.5rem}@media (max-width: 576px){.mobile-layout .mobile-right{gap:.25rem}}.mobile-layout .mobile-right .cart-icon{position:relative;font-size:1.25rem;text-decoration:none;color:#000;padding:.375rem;border-radius:.375rem;transition:all .2s}.mobile-layout .mobile-right .cart-icon:hover{background:#f0f0f0;transform:scale(1.05)}.mobile-layout .mobile-right .cart-icon .cart-badge{position:absolute;top:-2px;right:-2px;background:#f44;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:.75rem;min-width:16px;text-align:center}@media (max-width: 576px){.mobile-layout .mobile-right .cart-icon{font-size:1rem;padding:.25rem}.mobile-layout .mobile-right .cart-icon .cart-badge{font-size:.5rem;padding:.125rem .25rem;min-width:14px}}.mobile-layout .mobile-right .user-menu{position:relative}.mobile-layout .mobile-right .user-menu .user-menu-toggle{background:none;border:none;font-size:1.25rem;padding:.375rem;border-radius:.375rem;cursor:pointer;color:#000;transition:all .2s}.mobile-layout .mobile-right .user-menu .user-menu-toggle:hover{background:#f0f0f0;transform:scale(1.05)}@media (max-width: 576px){.mobile-layout .mobile-right .user-menu .user-menu-toggle{font-size:1rem;padding:.25rem}}.mobile-layout .mobile-right .user-menu .user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;min-width:140px;z-index:1000;margin-top:.5rem}.mobile-layout .mobile-right .user-menu .user-dropdown .dropdown-item{display:block;padding:.75rem 1rem;text-decoration:none;color:#000;font-size:.875rem;transition:background .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer}.mobile-layout .mobile-right .user-menu .user-dropdown .dropdown-item:hover{background:#f8f9fa}.mobile-layout .mobile-right .user-menu .user-dropdown .dropdown-item:first-child{border-radius:.5rem .5rem 0 0}.mobile-layout .mobile-right .user-menu .user-dropdown .dropdown-item:last-child{border-radius:0 0 .5rem .5rem}.mobile-layout .mobile-right .login-btn{font-size:1.25rem;padding:.375rem;border-radius:.375rem;text-decoration:none;color:#000;transition:all .2s}.mobile-layout .mobile-right .login-btn:hover{background:#f0f0f0;transform:scale(1.05)}@media (max-width: 576px){.mobile-layout .mobile-right .login-btn{font-size:1rem;padding:.25rem}}.nav-link{padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;color:#666}.nav-link.active{border-bottom:2px solid #38bdf8;color:#0ea5e9}.mobile-nav{background-color:#f0f0f0;padding:.625rem 0}.mobile-nav .mobile-link{display:block;padding:.625rem 1.25rem;text-decoration:none;color:#333;font-weight:500}.mobile-nav .mobile-link.active{background-color:#d1e7dd;color:#0f5132}@media (min-width: 768px){.mobile-nav{display:none}}.main-content{padding:1.25rem;background-color:#fff}@media (max-width: 576px){.main-content{padding:1rem}}.footer{margin-top:2.5rem;border-top:1px solid #ddd;background-color:#fff;padding:1.25rem 0}.footer .footer-content{text-align:center}.footer .footer-content .footer-logo{margin-bottom:.625rem}.footer .footer-content .footer-logo .logo-icon{font-size:1.25rem;margin-right:.5rem}.footer .footer-content .footer-logo .logo-text{font-weight:600;font-size:1.125rem}.footer .footer-content .footer-tagline{font-size:.875rem;color:#666}.footer .footer-content .footer-copyright{font-size:.75rem;color:#999;margin-top:.25rem}button,.contact-page .contact-form .btn{padding:.625rem 1.25rem;font-size:1rem;border-radius:.375rem;border:none;background-color:#38bdf8;color:#fff;font-weight:500;cursor:pointer;transition:opacity .2s ease;font-family:Inter,system-ui,sans-serif}button:hover,.contact-page .contact-form .btn:hover{opacity:.9}.hero-section{background-size:cover;background-position:center;font-family:Inter,system-ui,sans-serif;height:70vh;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;position:relative}.hero-section .hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080}.hero-section .hero-content{position:relative;z-index:1;max-width:43.75rem;margin:0 auto;padding:1rem}.hero-section .hero-content h1{font-weight:700;font-size:2.5rem}@media (max-width: 768px){.hero-section .hero-content h1{font-size:2rem}}@media (max-width: 576px){.hero-section .hero-content h1{font-size:1.5rem}}.hero-section .hero-content h1 .highlight{color:#38bdf8}.hero-section .hero-content p{margin-top:1rem;font-size:1.25rem}@media (max-width: 768px){.hero-section .hero-content p{font-size:1rem}}@media (max-width: 576px){.hero-section .hero-content p{font-size:.875rem}}.hero-section .hero-content .hero-buttons{margin-top:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.hero-section .hero-content .hero-buttons .btn-primary{padding:.625rem 1.25rem;background-color:#38bdf8;color:#fff;border:none;text-decoration:none;cursor:pointer}.hero-section .hero-content .hero-buttons .btn-primary:hover{background-color:#0ea5e9}.hero-section .hero-content .hero-buttons .btn-secondary{padding:.625rem 1.25rem;border:1px solid #fff;color:#fff;background:transparent;cursor:pointer}.hero-section .hero-content .hero-buttons .btn-secondary:hover{background-color:#ffffff1a}.benefits-section{padding:3.75rem 1.25rem;background:#f9f9f9}.benefits-section h2{text-align:center;font-weight:700;color:#000;font-size:2rem}@media (max-width: 768px){.benefits-section h2{font-size:1.5rem}}@media (max-width: 576px){.benefits-section h2{font-size:1.25rem}}.benefits-section .section-description{text-align:center;margin-bottom:2.5rem;color:#666}.benefits-section .benefits-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));justify-content:center}.benefits-section .benefits-grid .benefit-item{text-align:center}.benefits-section .benefits-grid .benefit-item .benefit-icon{font-size:2rem;margin-bottom:.625rem}.benefits-section .benefits-grid .benefit-item h3{color:red;margin-bottom:.625rem}.benefits-section .benefits-grid .benefit-item p{color:#bd2929}.featured-products{padding:3.75rem 1.25rem}.featured-products h2{text-align:center;color:#000;margin-bottom:.625rem;font-size:2rem}@media (max-width: 768px){.featured-products h2{font-size:1.5rem}}@media (max-width: 576px){.featured-products h2{font-size:1.25rem}}.featured-products .section-description{text-align:center;margin-bottom:2.5rem;color:#666}.featured-products .products-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr))}@media (max-width: 480px){.featured-products .products-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}@media (max-width: 360px){.featured-products .products-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}.featured-products .products-grid .product-card{background:#fff;border:1px solid #ddd;border-radius:.375rem;box-shadow:0 .125rem .25rem #0000000d;overflow:hidden;transition:.3s}.featured-products .products-grid .product-card:hover{transform:translateY(-.3125rem)}.featured-products .products-grid .product-card .product-img{width:100%;height:12.5rem;object-fit:cover}.featured-products .products-grid .product-card .product-info{padding:1rem}.featured-products .products-grid .product-card .product-info .product-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.featured-products .products-grid .product-card .product-info .product-top .product-title{display:flex;align-items:center;gap:.5rem}.featured-products .products-grid .product-card .product-info .product-top .product-title h2{font-weight:600;margin:0;color:#000;font-size:1.25rem}@media (max-width: 768px){.featured-products .products-grid .product-card .product-info .product-top .product-title h2{font-size:1.1rem}}@media (max-width: 576px){.featured-products .products-grid .product-card .product-info .product-top .product-title h2{font-size:1rem}}.featured-products .products-grid .product-card .product-info .product-top .product-price{text-align:right}.featured-products .products-grid .product-card .product-info .product-top .product-price span{font-size:1.25rem;font-weight:700;color:green}.featured-products .products-grid .product-card .product-info .product-top .product-price small{font-size:.85rem;color:#888;display:block}.featured-products .products-grid .product-card .product-info .product-tags{margin:.5rem 0}.featured-products .products-grid .product-card .product-info .product-tags .tag{font-size:.75rem;padding:.25rem .5rem;margin-right:.3125rem;background-color:#eee;border-radius:.25rem;display:inline-block}.featured-products .products-grid .product-card .product-info .product-desc{color:#666;margin-bottom:.75rem}.featured-products .products-grid .product-card .product-info .product-benefits h4{margin-bottom:.5rem;font-weight:700;color:#000}.featured-products .products-grid .product-card .product-info .product-benefits ul{padding-left:1.25rem}.featured-products .products-grid .product-card .product-info .product-benefits ul li{font-size:.9rem;color:#555;margin-bottom:.25rem}.featured-products .products-grid .product-card .product-info .product-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.featured-products .products-grid .product-card .product-info .product-footer .product-rating{color:#fbbf24}.featured-products .products-grid .product-card .product-info .product-footer .product-rating small{color:#888;font-size:.8rem}.featured-products .products-grid .product-card .product-info .product-footer .btn-order{padding:.5rem .75rem;background-color:#22c55e;color:#fff;border:none;border-radius:.25rem;cursor:pointer}.featured-products .products-grid .product-card .product-info .product-footer .btn-order:hover{background-color:#16a34a}.featured-products .view-all-button{text-align:center;margin-top:1.875rem}.featured-products .view-all-button .btn-primary{padding:.625rem 1.25rem;background-color:#38bdf8;color:#fff;border:none;text-decoration:none;cursor:pointer}.featured-products .view-all-button .btn-primary:hover{background-color:#0ea5e9}.story-section{background-color:#e8f5e9;padding:3.75rem 1.25rem;text-align:center}.story-section h2{margin-bottom:1.25rem;color:#000;font-size:2rem}@media (max-width: 768px){.story-section h2{font-size:1.5rem}}@media (max-width: 576px){.story-section h2{font-size:1.25rem}}.story-section .story-content{max-width:37.5rem;margin:0 auto 1.875rem;color:#666;line-height:1.6}.story-section .btn-outline{padding:.625rem 1.25rem;border:1px solid #38bdf8;background-color:#fff;color:#38bdf8;text-decoration:none;display:inline-block;cursor:pointer;transition:all .2s ease}.story-section .btn-outline:hover{background-color:#38bdf8;color:#fff}.products-page{background-color:#f9f9f9;min-height:100vh;padding:2.5rem 1rem;font-family:Inter,system-ui,sans-serif}.products-page .products-container{max-width:75rem;margin:0 auto}.products-page .products-header{text-align:center;margin-bottom:2.5rem}.products-page .products-header h1{font-weight:700;color:#000;font-size:2.5rem}@media (max-width: 768px){.products-page .products-header h1{font-size:2rem}}@media (max-width: 576px){.products-page .products-header h1{font-size:1.75rem}}.products-page .products-header p{color:#666;max-width:37.5rem;margin:0 auto;font-size:1.1rem}@media (max-width: 768px){.products-page .products-header p{font-size:1rem}}@media (max-width: 576px){.products-page .products-header p{font-size:.95rem}}.products-page .products-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr))}@media (max-width: 480px){.products-page .products-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}@media (max-width: 360px){.products-page .products-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}.products-page .products-grid .product-card{background:#fff;border:1px solid #ddd;border-radius:.375rem;box-shadow:0 .125rem .25rem #0000000d;overflow:hidden;transition:.3s}.products-page .products-grid .product-card:hover{transform:translateY(-.3125rem)}.products-page .products-grid .product-card .product-img{width:100%;height:12.5rem;object-fit:cover}.products-page .products-grid .product-card .product-info{padding:1rem}.products-page .products-grid .product-card .product-info .product-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.products-page .products-grid .product-card .product-info .product-top .product-title{display:flex;align-items:center;gap:.5rem}.products-page .products-grid .product-card .product-info .product-top .product-title h2{font-weight:600;margin:0;color:#000;font-size:1.25rem}@media (max-width: 768px){.products-page .products-grid .product-card .product-info .product-top .product-title h2{font-size:1.1rem}}@media (max-width: 576px){.products-page .products-grid .product-card .product-info .product-top .product-title h2{font-size:1rem}}.products-page .products-grid .product-card .product-info .product-top .product-price{text-align:right}.products-page .products-grid .product-card .product-info .product-top .product-price span{font-size:1.25rem;font-weight:700;color:green}.products-page .products-grid .product-card .product-info .product-top .product-price small{font-size:.85rem;color:#888;display:block}.products-page .products-grid .product-card .product-info .product-tags{margin:.5rem 0}.products-page .products-grid .product-card .product-info .product-tags .tag{font-size:.75rem;padding:.25rem .5rem;margin-right:.3125rem;background-color:#eee;border-radius:.25rem;display:inline-block}.products-page .products-grid .product-card .product-info .product-desc{color:#666;margin-bottom:.75rem}.products-page .products-grid .product-card .product-info .product-benefits h4{margin-bottom:.5rem;font-weight:700;color:#000}.products-page .products-grid .product-card .product-info .product-benefits ul{padding-left:1.25rem}.products-page .products-grid .product-card .product-info .product-benefits ul li{font-size:.9rem;color:#555;margin-bottom:.25rem}.products-page .products-grid .product-card .product-info .product-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.products-page .products-grid .product-card .product-info .product-footer .product-rating{color:#fbbf24}.products-page .products-grid .product-card .product-info .product-footer .product-rating small{color:#888;font-size:.8rem}.products-page .products-grid .product-card .product-info .product-footer .btn-order{padding:.5rem .75rem;background-color:#22c55e;color:#fff;border:none;border-radius:.25rem;cursor:pointer}.products-page .products-grid .product-card .product-info .product-footer .btn-order:hover{background-color:#16a34a}.products-page .products-cta{text-align:center;background-color:#e0f7ec;padding:2.5rem;margin-top:3.75rem;border-radius:.375rem}.products-page .products-cta h2{font-weight:700;margin-bottom:1rem;color:#000;font-size:1.5rem}@media (max-width: 768px){.products-page .products-cta h2{font-size:1.25rem}}@media (max-width: 576px){.products-page .products-cta h2{font-size:1.1rem}}.products-page .products-cta p{margin-bottom:1.5rem;color:#444}.products-page .products-cta .btn-contact{padding:.625rem 1.25rem;background-color:#16a34a;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem}@media (max-width: 768px){.products-page .products-cta .btn-contact{font-size:.95rem}}@media (max-width: 576px){.products-page .products-cta .btn-contact{font-size:.9rem}}.products-page .products-cta .btn-contact:hover{background-color:#15803d}@media (max-width: 768px){.products-page{padding:1.25rem .75rem}.products-page .product-info .product-top{flex-direction:column;gap:.5rem;align-items:flex-start}.products-page .product-footer{flex-direction:column;align-items:flex-start}.products-page .products-cta{padding:1.25rem}}.about-page{background-color:#f9f9f9;min-height:100vh;padding:2.5rem 1rem;font-family:Inter,system-ui,sans-serif}.about-page .about-container{max-width:56.25rem;margin:0 auto}.about-page .about-header{text-align:center;margin-bottom:2.5rem}.about-page .about-header h1{font-size:2.5rem}@media (max-width: 768px){.about-page .about-header h1{font-size:2rem}}@media (max-width: 576px){.about-page .about-header h1{font-size:1.5rem}}.about-page .about-header h1{font-weight:700;color:#000}.about-page .about-header p{font-size:1.1rem}@media (max-width: 768px){.about-page .about-header p{font-size:1rem}}@media (max-width: 576px){.about-page .about-header p{font-size:.9rem}}.about-page .about-header p{color:#555}.about-page .about-story{background-color:#fff;border:1px solid #ddd;padding:1.5rem;border-radius:.375rem;margin-bottom:3rem}.about-page .about-story h2{font-size:1.5rem}@media (max-width: 768px){.about-page .about-story h2{font-size:1.375rem}}@media (max-width: 576px){.about-page .about-story h2{font-size:1.25rem}}.about-page .about-story h2{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.about-page .about-story p{color:#444;line-height:1.7;font-size:1rem}.about-page .about-values{margin-bottom:3rem}.about-page .about-values h2{font-size:2rem}@media (max-width: 768px){.about-page .about-values h2{font-size:1.75rem}}@media (max-width: 576px){.about-page .about-values h2{font-size:1.5rem}}.about-page .about-values h2{text-align:center;margin-bottom:1.5rem}.about-page .about-values .values-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr))}@media (max-width: 480px){.about-page .about-values .values-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}@media (max-width: 360px){.about-page .about-values .values-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}.about-page .about-values .values-grid .value-card{border:1px solid #ddd;border-radius:.375rem;padding:1.25rem;background-color:#fff;display:flex;align-items:flex-start;gap:.75rem}.about-page .about-values .values-grid .value-card .value-icon{font-size:1.5rem;background-color:#e6ffe6;padding:.625rem;border-radius:50%}.about-page .about-values .values-grid .value-card .value-text h3{font-size:1.1rem}@media (max-width: 768px){.about-page .about-values .values-grid .value-card .value-text h3{font-size:1rem}}@media (max-width: 576px){.about-page .about-values .values-grid .value-card .value-text h3{font-size:.95rem}}.about-page .about-values .values-grid .value-card .value-text h3{font-weight:600;margin-bottom:.5rem}.about-page .about-values .values-grid .value-card .value-text p{font-size:.95rem;color:#666}.about-page .about-timeline{margin-bottom:3rem}.about-page .about-timeline h2{font-size:2rem}@media (max-width: 768px){.about-page .about-timeline h2{font-size:1.75rem}}@media (max-width: 576px){.about-page .about-timeline h2{font-size:1.5rem}}.about-page .about-timeline h2{text-align:center;margin-bottom:1.5rem}.about-page .about-timeline .timeline{display:flex;flex-direction:column;gap:1.5rem}.about-page .about-timeline .timeline .milestone{display:flex;gap:1rem;align-items:flex-start}.about-page .about-timeline .timeline .milestone .milestone-year{width:4rem;height:4rem;background-color:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.about-page .about-timeline .timeline .milestone .milestone-content h3{font-size:1.25rem}@media (max-width: 768px){.about-page .about-timeline .timeline .milestone .milestone-content h3{font-size:1.125rem}}@media (max-width: 576px){.about-page .about-timeline .timeline .milestone .milestone-content h3{font-size:1rem}}.about-page .about-timeline .timeline .milestone .milestone-content h3{font-weight:600}.about-page .about-timeline .timeline .milestone .milestone-content p{font-size:.95rem;color:#555}.about-page .about-stats{background-color:#e0f2f1;padding:2.5rem 1rem;border-radius:.375rem;text-align:center}.about-page .about-stats h2{font-size:1.5rem}@media (max-width: 768px){.about-page .about-stats h2{font-size:1.375rem}}@media (max-width: 576px){.about-page .about-stats h2{font-size:1.25rem}}.about-page .about-stats h2{font-weight:700;margin-bottom:1.5rem;color:#000}.about-page .about-stats .stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr))}.about-page .about-stats .stats-grid .stat .stat-value{font-size:2rem}@media (max-width: 768px){.about-page .about-stats .stats-grid .stat .stat-value{font-size:1.75rem}}@media (max-width: 576px){.about-page .about-stats .stats-grid .stat .stat-value{font-size:1.5rem}}.about-page .about-stats .stats-grid .stat .stat-value{font-weight:700;color:#22c55e}.about-page .about-stats .stats-grid .stat .stat-label{font-size:.95rem;color:#666}.contact-page{background-color:#f9f9f9;padding:3rem 1rem;min-height:100vh;font-family:Inter,system-ui,sans-serif}.contact-page *,.contact-page *:before,.contact-page *:after{box-sizing:border-box}.contact-page .contact-container{max-width:75rem;margin:0 auto}.contact-page .contact-header{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:2rem;text-align:center}.contact-page .contact-header h1{font-weight:700;color:#000;font-size:2.5rem}@media (max-width: 768px){.contact-page .contact-header h1{font-size:2rem}}@media (max-width: 576px){.contact-page .contact-header h1{font-size:1.5rem}}.contact-page .contact-header p{max-width:37.5rem;margin:0 auto;color:#6b7280;font-size:1.125rem}@media (max-width: 768px){.contact-page .contact-header p{font-size:1rem}}@media (max-width: 576px){.contact-page .contact-header p{font-size:.875rem}}.contact-page .contact-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100%,1fr));padding:0 .5rem}@media (min-width: 480px){.contact-page .contact-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}}@media (min-width: 768px){.contact-page .contact-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}}.contact-page .info-card{background-color:#fff;padding:1.5rem;border-radius:.375rem;box-shadow:0 .125rem .5rem #0000000d;margin-bottom:1rem}.contact-page .info-card h3{margin-bottom:1rem;font-size:1.25rem}@media (max-width: 768px){.contact-page .info-card h3{font-size:1.125rem}}@media (max-width: 576px){.contact-page .info-card h3{font-size:1rem}}.contact-page .info-card .info-item{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;word-break:break-word}.contact-page .info-card .info-item span{font-size:1.2rem}.contact-page .info-card .info-item p{margin:.25rem 0;max-width:100%;font-size:1rem}@media (max-width: 768px){.contact-page .info-card .info-item p{font-size:.9375rem}}@media (max-width: 576px){.contact-page .info-card .info-item p{font-size:.875rem}}.contact-page .info-card ul{padding-left:1.2rem;list-style:disc}.contact-page .info-card ul li{font-size:1rem}@media (max-width: 768px){.contact-page .info-card ul li{font-size:.9375rem}}@media (max-width: 576px){.contact-page .info-card ul li{font-size:.875rem}}.contact-page .contact-form{background-color:#fff;padding:1.5rem;border-radius:.375rem;box-shadow:0 .125rem .625rem #0000000d;width:100%;max-width:100%}.contact-page .contact-form h3{margin-bottom:1rem;font-size:1.25rem}@media (max-width: 768px){.contact-page .contact-form h3{font-size:1.125rem}}@media (max-width: 576px){.contact-page .contact-form h3{font-size:1rem}}.contact-page .contact-form form{display:flex;flex-direction:column;gap:1rem;width:100%}.contact-page .contact-form .form-row{display:grid;gap:1rem}@media (min-width: 768px){.contact-page .contact-form .form-row{grid-template-columns:1fr 1fr}}.contact-page .contact-form .form-group{display:flex;flex-direction:column}.contact-page .contact-form .form-group label{font-weight:500;margin-bottom:.5rem;font-size:1rem}@media (max-width: 768px){.contact-page .contact-form .form-group label{font-size:.9375rem}}@media (max-width: 576px){.contact-page .contact-form .form-group label{font-size:.875rem}}.contact-page .contact-form .form-group input,.contact-page .contact-form .form-group select,.contact-page .contact-form .form-group textarea{border:1px solid #d1d5db;padding:.5rem .75rem;font-size:1rem;border-radius:.375rem;background-color:#fff;color:#000;width:100%;max-width:100%}.contact-page .contact-form .checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media (max-width: 375px){.contact-page .contact-form .checkbox-grid{grid-template-columns:1fr}}.contact-page .contact-form .checkbox-label{display:flex;gap:.5rem;font-size:.9rem}@media (max-width: 768px){.contact-page .contact-form .checkbox-label{font-size:.875rem}}@media (max-width: 576px){.contact-page .contact-form .checkbox-label{font-size:.8125rem}}.contact-page .contact-form .btn{margin-top:1rem}.notfound-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;padding:2rem}.notfound-page .notfound-content{text-align:center}.notfound-page .notfound-content h1{color:#000;font-weight:700;margin-bottom:1rem;font-size:3rem}@media (max-width: 768px){.notfound-page .notfound-content h1{font-size:2.5rem}}@media (max-width: 576px){.notfound-page .notfound-content h1{font-size:2rem}}.notfound-page .notfound-content p{color:#555;margin-bottom:1.5rem;font-style:italic;font-size:1.25rem}@media (max-width: 768px){.notfound-page .notfound-content p{font-size:1.125rem}}@media (max-width: 576px){.notfound-page .notfound-content p{font-size:1rem}}.notfound-page .notfound-content .notfound-link{color:#2563eb;text-decoration:underline;font-weight:500;font-size:1rem}@media (max-width: 768px){.notfound-page .notfound-content .notfound-link{font-size:.9375rem}}@media (max-width: 576px){.notfound-page .notfound-content .notfound-link{font-size:.875rem}}.notfound-page .notfound-content .notfound-link:hover{text-decoration:none}.product-details-page{min-height:80vh;background-color:#fff;padding:2rem 0;font-family:Inter,system-ui,sans-serif}.product-details-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.product-details-page .breadcrumb-nav{margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid #e5e7eb}.product-details-page .breadcrumb-nav .breadcrumb-link{color:#38bdf8;text-decoration:none;font-weight:500;transition:color .2s ease}.product-details-page .breadcrumb-nav .breadcrumb-link:hover{color:#0ea5e9;text-decoration:underline}.product-details-page .breadcrumb-nav .breadcrumb-separator{margin:0 .5rem;color:#666}.product-details-page .breadcrumb-nav .breadcrumb-current{color:#666;font-weight:500}.product-details-page .product-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}@media (max-width: 768px){.product-details-page .product-layout{grid-template-columns:1fr;gap:2rem}}@media (max-width: 576px){.product-details-page .product-layout{gap:1.5rem}}.product-details-page .product-gallery .main-image-container{position:relative;border-radius:.375rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background-color:#fff}.product-details-page .product-gallery .main-image-container .main-image{width:100%;height:500px;object-fit:cover;display:block;transition:transform .3s ease}.product-details-page .product-gallery .main-image-container .main-image:hover{transform:scale(1.02)}@media (max-width: 768px){.product-details-page .product-gallery .main-image-container .main-image{height:400px}}@media (max-width: 576px){.product-details-page .product-gallery .main-image-container .main-image{height:300px}}.product-details-page .product-content{display:flex;flex-direction:column;gap:2rem}@media (max-width: 576px){.product-details-page .product-content{gap:1.5rem}}.product-details-page .product-header .product-title-section{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.product-details-page .product-header .product-title-section .product-icon{font-size:2rem;line-height:1}.product-details-page .product-header .product-title-section .product-title{font-weight:700;color:#000;margin:0;line-height:1.2;font-size:2rem}@media (max-width: 768px){.product-details-page .product-header .product-title-section .product-title{font-size:1.75rem}}@media (max-width: 576px){.product-details-page .product-header .product-title-section .product-title{font-size:1.5rem}}.product-details-page .product-header .product-pricing{display:flex;align-items:baseline;gap:.5rem}.product-details-page .product-header .product-pricing .product-price{font-weight:700;color:#38bdf8;line-height:1;font-size:2.5rem}@media (max-width: 768px){.product-details-page .product-header .product-pricing .product-price{font-size:2rem}}@media (max-width: 576px){.product-details-page .product-header .product-pricing .product-price{font-size:1.75rem}}.product-details-page .product-header .product-pricing .product-weight{color:#666;font-size:.9rem;font-weight:500}.product-details-page .product-tags{display:flex;flex-wrap:wrap;gap:.5rem}.product-details-page .product-tags .product-tag{background-color:#e5f3ff;color:#0ea5e9;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(14,165,233,.2);transition:all .2s ease}.product-details-page .product-tags .product-tag:hover{background-color:#0ea5e9;color:#fff}.product-details-page .product-description{text-align:left}.product-details-page .product-description p{line-height:1.6;color:#666;text-align:left;margin:0;font-size:1.1rem}@media (max-width: 768px){.product-details-page .product-description p{font-size:1rem}}@media (max-width: 576px){.product-details-page .product-description p{font-size:.9rem}}.product-details-page .health-benefits{background-color:#f8fafc;padding:1.5rem;border-radius:.375rem;border:1px solid #e2e8f0}.product-details-page .health-benefits .benefits-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#000;margin:0 0 1rem;font-size:1.2rem}@media (max-width: 768px){.product-details-page .health-benefits .benefits-title{font-size:1.1rem}}@media (max-width: 576px){.product-details-page .health-benefits .benefits-title{font-size:1rem}}.product-details-page .health-benefits .benefits-title .benefits-icon{font-size:1.1rem}.product-details-page .health-benefits .benefits-list{list-style:none;padding:0;margin:0;text-align:left}.product-details-page .health-benefits .benefits-list .benefit-item{position:relative;padding:.5rem 0 .5rem 1.5rem;color:#666;line-height:1.5;font-size:.95rem}@media (max-width: 768px){.product-details-page .health-benefits .benefits-list .benefit-item{font-size:.9rem}}@media (max-width: 576px){.product-details-page .health-benefits .benefits-list .benefit-item{font-size:.85rem}}.product-details-page .health-benefits .benefits-list .benefit-item:before{content:"✓";position:absolute;left:0;top:.5rem;color:#38bdf8;font-weight:700;font-size:.9rem}.product-details-page .product-actions .quantity-section{margin-bottom:2rem}.product-details-page .product-actions .quantity-section .quantity-label{display:block;margin-bottom:.75rem;font-weight:600;color:#000;font-size:1rem}@media (max-width: 768px){.product-details-page .product-actions .quantity-section .quantity-label{font-size:.95rem}}@media (max-width: 576px){.product-details-page .product-actions .quantity-section .quantity-label{font-size:.9rem}}.product-details-page .product-actions .quantity-section .quantity-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.product-details-page .product-actions .quantity-section .quantity-controls .quantity-btn{width:44px;height:44px;border:2px solid #38bdf8;background:#fff;color:#38bdf8;border-radius:.375rem;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.product-details-page .product-actions .quantity-section .quantity-controls .quantity-btn:hover:not(:disabled){background:#38bdf8;color:#fff;transform:translateY(-1px)}.product-details-page .product-actions .quantity-section .quantity-controls .quantity-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#d1d5db;color:#9ca3af}.product-details-page .product-actions .quantity-section .quantity-controls .quantity-btn span{line-height:1}.product-details-page .product-actions .quantity-section .quantity-controls .quantity-input{width:80px;height:44px;text-align:center;border:2px solid #e5e7eb;border-radius:.375rem;font-size:1rem;font-weight:500;color:#000;background:#fff;transition:border-color .2s ease}.product-details-page .product-actions .quantity-section .quantity-controls .quantity-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.product-details-page .product-actions .quantity-section .quantity-controls .quantity-input::-webkit-outer-spin-button,.product-details-page .product-actions .quantity-section .quantity-controls .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-details-page .product-actions .quantity-section .quantity-controls .quantity-input[type=number]{-moz-appearance:textfield}.product-details-page .product-actions .quantity-section .stock-info{color:#666;font-size:.85rem;margin:0}.product-details-page .product-actions .action-buttons{display:flex;gap:1rem;margin-bottom:2rem}@media (max-width: 576px){.product-details-page .product-actions .action-buttons{flex-direction:column}}.product-details-page .product-actions .action-buttons .btn{flex:1;padding:1rem 2rem;border-radius:.375rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}@media (max-width: 768px){.product-details-page .product-actions .action-buttons .btn{font-size:.95rem}}@media (max-width: 576px){.product-details-page .product-actions .action-buttons .btn{font-size:.9rem}}.product-details-page .product-actions .action-buttons .btn:hover{transform:translateY(-2px)}.product-details-page .product-actions .action-buttons .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.product-details-page .product-actions .action-buttons .btn-primary{background:#38bdf8;color:#fff}.product-details-page .product-actions .action-buttons .btn-primary:hover:not(:disabled){background:#0ea5e9}.product-details-page .product-actions .action-buttons .btn-primary .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.product-details-page .product-actions .action-buttons .btn-secondary{background:#fff;color:#38bdf8;border:2px solid #38bdf8}.product-details-page .product-actions .action-buttons .btn-secondary:hover{background:#38bdf8;color:#fff}.product-details-page .product-meta{border-top:1px solid #e5e7eb;padding-top:1.5rem;padding-left:.5 rem;display:flex;flex-direction:column;justify-content:center;text-align:center}.product-details-page .product-meta .product-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.product-details-page .product-meta .product-rating .stars{display:flex;gap:.125rem}.product-details-page .product-meta .product-rating .stars .star{font-size:1.1rem;color:#fbbf24}.product-details-page .product-meta .product-rating .rating-text{color:#666;font-size:.9rem;font-weight:500}.product-details-page .product-meta .delivery-info .delivery-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#666;font-size:.9rem}.product-details-page .product-meta .delivery-info .delivery-item:last-child{margin-bottom:0}.product-details-page .product-meta .delivery-info .delivery-item .delivery-icon{font-size:1rem}.product-details-page .related-products{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.product-details-page .related-products .related-title{font-weight:600;color:#000;margin-bottom:1.5rem;text-align:center;font-size:1.5rem}@media (max-width: 768px){.product-details-page .related-products .related-title{font-size:1.25rem}}@media (max-width: 576px){.product-details-page .related-products .related-title{font-size:1.1rem}}.product-details-page .related-products .related-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.product-details-page .not-found{text-align:center;padding:4rem 0}.product-details-page .not-found h1{color:#000;margin-bottom:1rem;font-weight:600;font-size:2rem}@media (max-width: 768px){.product-details-page .not-found h1{font-size:1.75rem}}@media (max-width: 576px){.product-details-page .not-found h1{font-size:1.5rem}}.product-details-page .not-found p{color:#666;margin-bottom:2rem;font-size:1.1rem}@media (max-width: 768px){.product-details-page .not-found p{font-size:1rem}}@media (max-width: 576px){.product-details-page .not-found p{font-size:.9rem}}.product-details-page .not-found .btn-primary{display:inline-block;padding:1rem 2rem;background:#38bdf8;color:#fff;text-decoration:none;border-radius:.375rem;font-weight:600;transition:all .2s ease}.product-details-page .not-found .btn-primary:hover{background:#0ea5e9;transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cart-page{padding:2rem 0;min-height:80vh;background:#f9f9f9;font-family:Inter,system-ui,sans-serif}.cart-page .container{max-width:75rem;margin:0 auto;padding:0 1rem}.cart-page .cart-header{text-align:center;margin-bottom:3rem}.cart-page .cart-header h1{color:#000;margin-bottom:.5rem;font-weight:700;font-size:2.5rem}@media (max-width: 768px){.cart-page .cart-header h1{font-size:2rem}}@media (max-width: 576px){.cart-page .cart-header h1{font-size:1.75rem}}.cart-page .cart-header p{color:#666;font-size:1.1rem}@media (max-width: 768px){.cart-page .cart-header p{font-size:1rem}}@media (max-width: 576px){.cart-page .cart-header p{font-size:.9rem}}.cart-page .cart-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media (max-width: 768px){.cart-page .cart-content{grid-template-columns:1fr;gap:1.5rem}}.cart-page .cart-items .cart-item{display:grid;grid-template-columns:7.5rem 1fr;gap:1.5rem;padding:1.5rem;border:1px solid #eee;border-radius:.375rem;margin-bottom:1rem;background:#fff;box-shadow:0 .125rem .5rem #0000000d;transition:all .3s ease}.cart-page .cart-items .cart-item:hover{box-shadow:0 .25rem .75rem #0000001a}@media (max-width: 576px){.cart-page .cart-items .cart-item{grid-template-columns:1fr;text-align:center;gap:1rem}}@media (max-width: 375px){.cart-page .cart-items .cart-item{padding:1rem}}.cart-page .cart-items .cart-item .item-image img{width:100%;height:6.25rem;object-fit:cover;border-radius:.375rem}.cart-page .cart-items .cart-item .item-details{display:flex;flex-direction:column}.cart-page .cart-items .cart-item .item-details .item-info .item-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.cart-page .cart-items .cart-item .item-details .item-info .item-header-row h3{margin:0;font-weight:600;color:#000;font-size:1.2rem}@media (max-width: 768px){.cart-page .cart-items .cart-item .item-details .item-info .item-header-row h3{font-size:1.1rem}}@media (max-width: 576px){.cart-page .cart-items .cart-item .item-details .item-info .item-header-row h3{font-size:1rem}}.cart-page .cart-items .cart-item .item-details .item-info .item-header-row .item-quantity-inline{display:flex;align-items:center;gap:.5rem}.cart-page .cart-items .cart-item .item-details .item-info .item-header-row .item-quantity-inline label{font-weight:500;color:#000;font-size:.9rem}.cart-page .cart-items .cart-item .item-details .item-info .item-header-row .item-quantity-inline .quantity-controls{display:flex;align-items:center;gap:.5rem}.cart-page .cart-items .cart-item .item-details .item-info .item-header-row .item-quantity-inline .quantity-controls .quantity-btn{width:35px;height:35px;border:2px solid #38bdf8;background:#fff;color:#38bdf8;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1rem}@media (max-width: 768px){.cart-page .cart-items .cart-item .item-details .item-info .item-header-row .item-quantity-inline .quantity-controls .quantity-btn{font-size:.9rem}}@media (max-width: 576px){.cart-page .cart-items .cart-item .item-details .item-info .item-header-row .item-quantity-inline .quantity-controls .quantity-btn{font-size:.85rem}}.cart-page .cart-items .cart-item .item-details .item-info .item-header-row .item-quantity-inline .quantity-controls .quantity-btn:hover:not(:disabled){background:#38bdf8;color:#fff}.cart-page .cart-items .cart-item .item-details .item-info .item-header-row .item-quantity-inline .quantity-controls .quantity-btn:disabled{opacity:.5;cursor:not-allowed}.cart-page .cart-items .cart-item .item-details .item-info .item-header-row .item-quantity-inline .quantity-controls .quantity-display{min-width:2.5rem;text-align:center;font-weight:600;color:#000;font-size:1rem}@media (max-width: 768px){.cart-page .cart-items .cart-item .item-details .item-info .item-header-row .item-quantity-inline .quantity-controls .quantity-display{font-size:.9rem}}@media (max-width: 576px){.cart-page .cart-items .cart-item .item-details .item-info .item-header-row .item-quantity-inline .quantity-controls .quantity-display{font-size:.85rem}}.cart-page .cart-items .cart-item .item-details .item-info .item-tags{display:flex;text-align:start}.cart-page .cart-items .cart-item .item-details .item-price{display:flex;justify-content:space-between;align-items:center;gap:1rem}.cart-page .cart-items .cart-item .item-details .item-price .item-left{display:flex;align-items:baseline;gap:.5rem}.cart-page .cart-items .cart-item .item-details .item-price .item-left .price{font-weight:700;color:#38bdf8;font-size:1.3rem}@media (max-width: 768px){.cart-page .cart-items .cart-item .item-details .item-price .item-left .price{font-size:1.2rem}}@media (max-width: 576px){.cart-page .cart-items .cart-item .item-details .item-price .item-left .price{font-size:1.1rem}}.cart-page .cart-items .cart-item .item-details .item-price .item-left .item-weight{color:#666;margin:0;font-size:.9rem}@media (max-width: 768px){.cart-page .cart-items .cart-item .item-details .item-price .item-left .item-weight{font-size:.85rem}}@media (max-width: 576px){.cart-page .cart-items .cart-item .item-details .item-price .item-left .item-weight{font-size:.8rem}}.cart-page .cart-items .cart-item .item-details .item-price .item-total{font-weight:700;color:#000;font-size:1.2rem}@media (max-width: 768px){.cart-page .cart-items .cart-item .item-details .item-price .item-total{font-size:1.1rem}}@media (max-width: 576px){.cart-page .cart-items .cart-item .item-details .item-price .item-total{font-size:1rem}}.cart-page .cart-items .cart-item .item-details .remove-btn{background:none;border:none;color:#f44;cursor:pointer;padding:.5rem 0;transition:all .2s ease;align-self:flex-start;margin-top:auto;align-self:flex-end;font-size:.9rem}@media (max-width: 768px){.cart-page .cart-items .cart-item .item-details .remove-btn{font-size:.85rem}}@media (max-width: 576px){.cart-page .cart-items .cart-item .item-details .remove-btn{font-size:.8rem}}@media (max-width: 576px){.cart-page .cart-items .cart-item .item-details .remove-btn{align-self:center}}.cart-page .cart-items .cart-item .item-details .remove-btn:hover{color:#c00;transform:scale(1.05)}.cart-page .cart-summary{background:#fff;border-radius:.375rem;padding:2rem;box-shadow:0 .25rem .75rem #0000001a;height:fit-content;position:sticky;top:2rem}@media (max-width: 768px){.cart-page .cart-summary{position:static;margin-top:1rem}}@media (max-width: 576px){.cart-page .cart-summary{padding:1.5rem}}@media (max-width: 375px){.cart-page .cart-summary{padding:1rem}}.cart-page .cart-summary .summary-header{margin-bottom:1.5rem}.cart-page .cart-summary .summary-header h2{color:#000;margin:0;font-weight:600;font-size:1.5rem}@media (max-width: 768px){.cart-page .cart-summary .summary-header h2{font-size:1.3rem}}@media (max-width: 576px){.cart-page .cart-summary .summary-header h2{font-size:1.2rem}}.cart-page .cart-summary .summary-items{margin-bottom:2rem}.cart-page .cart-summary .summary-items .summary-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #eee;font-size:.95rem}@media (max-width: 768px){.cart-page .cart-summary .summary-items .summary-item{font-size:.9rem}}@media (max-width: 576px){.cart-page .cart-summary .summary-items .summary-item{font-size:.85rem}}.cart-page .cart-summary .summary-items .summary-item:last-of-type{border-bottom:none}.cart-page .cart-summary .summary-items .free-shipping-notice{background:#e5f3ff;color:#0ea5e9;padding:.75rem;border-radius:.375rem;margin:1rem 0;text-align:center;font-size:.85rem}@media (max-width: 768px){.cart-page .cart-summary .summary-items .free-shipping-notice{font-size:.8rem}}@media (max-width: 576px){.cart-page .cart-summary .summary-items .free-shipping-notice{font-size:.75rem}}.cart-page .cart-summary .summary-items .summary-total{font-weight:700;color:#000;border-top:2px solid #38bdf8;padding-top:1rem;margin-top:1rem;font-size:1.3rem}@media (max-width: 768px){.cart-page .cart-summary .summary-items .summary-total{font-size:1.2rem}}@media (max-width: 576px){.cart-page .cart-summary .summary-items .summary-total{font-size:1.1rem}}.cart-page .cart-summary .summary-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.cart-page .cart-summary .summary-actions .btn-checkout{padding:1rem 2rem;background:#38bdf8;color:#fff;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1.1rem}@media (max-width: 768px){.cart-page .cart-summary .summary-actions .btn-checkout{font-size:1rem}}@media (max-width: 576px){.cart-page .cart-summary .summary-actions .btn-checkout{font-size:.9rem}}.cart-page .cart-summary .summary-actions .btn-checkout:hover:not(:disabled){background:#0ea5e9;transform:translateY(-.125rem)}.cart-page .cart-summary .summary-actions .btn-checkout:disabled{opacity:.7;cursor:not-allowed}.cart-page .cart-summary .summary-actions .btn-continue-shopping{padding:1rem 2rem;background:#fff;color:#38bdf8;border:2px solid #38bdf8;border-radius:.375rem;font-weight:600;text-decoration:none;text-align:center;transition:all .2s ease;font-size:1.1rem}@media (max-width: 768px){.cart-page .cart-summary .summary-actions .btn-continue-shopping{font-size:1rem}}@media (max-width: 576px){.cart-page .cart-summary .summary-actions .btn-continue-shopping{font-size:.9rem}}.cart-page .cart-summary .summary-actions .btn-continue-shopping:hover{background:#38bdf8;color:#fff;transform:translateY(-.125rem)}.cart-page .cart-summary .summary-actions .btn-clear-cart{padding:.75rem 2rem;background:#fff;color:#f44;border:2px solid #ff4444;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}@media (max-width: 768px){.cart-page .cart-summary .summary-actions .btn-clear-cart{font-size:.9rem}}@media (max-width: 576px){.cart-page .cart-summary .summary-actions .btn-clear-cart{font-size:.85rem}}.cart-page .cart-summary .summary-actions .btn-clear-cart:hover{background:#f44;color:#fff;transform:translateY(-.125rem)}.cart-page .cart-summary .cart-benefits .benefit{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #eee}.cart-page .cart-summary .cart-benefits .benefit:last-child{border-bottom:none}.cart-page .cart-summary .cart-benefits .benefit span{font-size:1.5rem}@media (max-width: 768px){.cart-page .cart-summary .cart-benefits .benefit span{font-size:1.3rem}}@media (max-width: 576px){.cart-page .cart-summary .cart-benefits .benefit span{font-size:1.2rem}}.cart-page .cart-summary .cart-benefits .benefit div strong{display:block;color:#000;margin-bottom:.25rem;font-weight:600;font-size:.95rem}@media (max-width: 768px){.cart-page .cart-summary .cart-benefits .benefit div strong{font-size:.9rem}}@media (max-width: 576px){.cart-page .cart-summary .cart-benefits .benefit div strong{font-size:.85rem}}.cart-page .cart-summary .cart-benefits .benefit div small{color:#666;font-size:.9rem}@media (max-width: 768px){.cart-page .cart-summary .cart-benefits .benefit div small{font-size:.85rem}}@media (max-width: 576px){.cart-page .cart-summary .cart-benefits .benefit div small{font-size:.8rem}}.cart-page .empty-cart{text-align:center;padding:4rem 0;background:#fff;border-radius:.375rem;box-shadow:0 .125rem .5rem #0000000d}@media (max-width: 576px){.cart-page .empty-cart{padding:3rem 1rem}}.cart-page .empty-cart .empty-cart-icon{margin-bottom:2rem;font-size:4rem}@media (max-width: 768px){.cart-page .empty-cart .empty-cart-icon{font-size:3.5rem}}@media (max-width: 576px){.cart-page .empty-cart .empty-cart-icon{font-size:3rem}}.cart-page .empty-cart h1{color:#000;margin-bottom:1rem;font-weight:600;font-size:2rem}@media (max-width: 768px){.cart-page .empty-cart h1{font-size:1.75rem}}@media (max-width: 576px){.cart-page .empty-cart h1{font-size:1.5rem}}.cart-page .empty-cart p{color:#666;margin-bottom:2rem;line-height:1.6;font-size:1.1rem}@media (max-width: 768px){.cart-page .empty-cart p{font-size:1rem}}@media (max-width: 576px){.cart-page .empty-cart p{font-size:.9rem}}.cart-page .empty-cart .btn-primary{display:inline-block;padding:1rem 2rem;background:#38bdf8;color:#fff;text-decoration:none;border-radius:.375rem;font-weight:600;transition:all .2s ease;font-size:1rem}@media (max-width: 768px){.cart-page .empty-cart .btn-primary{font-size:.9rem}}@media (max-width: 576px){.cart-page .empty-cart .btn-primary{font-size:.85rem}}.cart-page .empty-cart .btn-primary:hover{background:#0ea5e9;transform:translateY(-.125rem)}.auth-page{min-height:100vh;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);display:flex;align-items:center;justify-content:center;padding:2rem 0;font-family:Inter,system-ui,sans-serif}.auth-page .container{max-width:500px;margin:0 auto;padding:0 1rem}.auth-page .auth-container{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 8px 32px #0000001a;width:100%}@media (max-width: 480px){.auth-page .auth-container{padding:2rem}}.auth-page .auth-header{text-align:center;margin-bottom:2.5rem}.auth-page .auth-header h1{font-size:2.5rem;color:#333;margin-bottom:.5rem;font-weight:700}.auth-page .auth-header p{color:#666;font-size:1.1rem;line-height:1.5}.auth-page .auth-form .error-message{background:#ffebee;color:#c62828;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;border-left:4px solid #c62828}.auth-page .auth-form .form-group{margin-bottom:1.5rem}.auth-page .auth-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.auth-page .auth-form .form-group input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.auth-page .auth-form .form-group input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.auth-page .auth-form .form-group input.error{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.auth-page .auth-form .form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.auth-page .auth-form .form-group .error-text{color:#f44336;font-size:.85rem;margin-top:.5rem;display:block}.auth-page .auth-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.auth-page .auth-form .form-options .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666;cursor:pointer}.auth-page .auth-form .form-options .checkbox-label input[type=checkbox]{width:auto;margin:0}.auth-page .auth-form .form-options .checkbox-label span{line-height:1.4}.auth-page .auth-form .form-options .forgot-password{color:#4caf50;text-decoration:none;font-size:.9rem;font-weight:500}.auth-page .auth-form .form-options .forgot-password:hover{text-decoration:underline}.auth-page .auth-form .btn-login,.auth-page .auth-form .btn-signup{width:100%;padding:1rem 2rem;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:1.5rem;font-family:Inter,system-ui,sans-serif}.auth-page .auth-form .btn-login:hover:not(:disabled),.auth-page .auth-form .btn-signup:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.auth-page .auth-form .btn-login:disabled,.auth-page .auth-form .btn-signup:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-page .auth-divider{text-align:center;margin:2rem 0;position:relative}.auth-page .auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.auth-page .auth-divider span{background:#fff;padding:0 1rem;color:#666;font-size:.9rem}.auth-page .social-login{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.auth-page .social-login .btn-social{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,system-ui,sans-serif}.auth-page .social-login .btn-social:hover{border-color:#4caf50;background:#f8f9fa}.auth-page .social-login .btn-social span{font-size:1.2rem}.auth-page .social-login .btn-social.btn-google:hover{border-color:#4285f4;background:#f8f9fa}.auth-page .social-login .btn-social.btn-facebook:hover{border-color:#1877f2;background:#f8f9fa}.auth-page .auth-footer{text-align:center}.auth-page .auth-footer p{color:#666;font-size:.95rem}.auth-page .auth-footer p .link-primary{color:#4caf50;text-decoration:none;font-weight:600}.auth-page .auth-footer p .link-primary:hover{text-decoration:underline}@media (max-width: 480px){.auth-page{padding:1rem 0}.auth-page .auth-container{margin:0 1rem}.auth-page .auth-header h1{font-size:2rem}.auth-page .auth-header p{font-size:1rem}.auth-page .form-options{flex-direction:column;align-items:flex-start;gap:.5rem}}.signup-page{min-height:100vh;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);display:flex;align-items:center;justify-content:center;padding:2rem 0;font-family:Inter,system-ui,sans-serif}.signup-page .container{max-width:500px;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}.signup-page .auth-container{background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 .5rem 2rem #0000001a;width:100%;box-sizing:border-box}@media (max-width: 576px){.signup-page .auth-container{padding:1.5rem;margin:0 .5rem;border-radius:.75rem}}.signup-page .auth-header{text-align:center;margin-bottom:2.5rem}.signup-page .auth-header h1{color:#000;margin-bottom:.5rem;font-weight:700;font-size:2.5rem}@media (max-width: 768px){.signup-page .auth-header h1{font-size:2rem}}@media (max-width: 576px){.signup-page .auth-header h1{font-size:1.75rem}}.signup-page .auth-header p{color:#666;line-height:1.5;font-size:1.1rem}@media (max-width: 768px){.signup-page .auth-header p{font-size:1rem}}@media (max-width: 576px){.signup-page .auth-header p{font-size:.95rem}}@media (max-width: 576px){.signup-page .auth-header{margin-bottom:2rem}}.signup-page .auth-form .error-message{background:#ffebee;color:#c62828;padding:1rem;border-radius:.375rem;margin-bottom:1.5rem;font-size:.9rem;border-left:.25rem solid #c62828}.signup-page .auth-form .form-group{margin-bottom:1.5rem}.signup-page .auth-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#000;font-size:.95rem}.signup-page .auth-form .form-group input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:.375rem;font-size:1rem;transition:all .2s;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.signup-page .auth-form .form-group input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.signup-page .auth-form .form-group input.error{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.signup-page .auth-form .form-group input:disabled{background:#f9f9f9;cursor:not-allowed}.signup-page .auth-form .form-group input::placeholder{color:#666}.signup-page .auth-form .form-group .error-text{color:#f44336;font-size:.85rem;margin-top:.5rem;display:block}.signup-page .auth-form .form-options{margin-bottom:2rem}.signup-page .auth-form .form-options .checkbox-label{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:#666;cursor:pointer;line-height:1.4}.signup-page .auth-form .form-options .checkbox-label input[type=checkbox]{width:auto;margin:0;margin-top:.125rem}.signup-page .auth-form .form-options .checkbox-label span{line-height:1.4}.signup-page .auth-form .btn-signup{width:100%;padding:1rem 2rem;background:#38bdf8;color:#fff;border:none;border-radius:.375rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:1.5rem;font-family:Inter,system-ui,sans-serif}.signup-page .auth-form .btn-signup:hover:not(:disabled){background:#0ea5e9;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.signup-page .auth-form .btn-signup:disabled{opacity:.7;cursor:not-allowed;transform:none}.signup-page .auth-divider{text-align:center;margin:2rem 0;position:relative}.signup-page .auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:.0625rem;background:#e0e0e0}.signup-page .auth-divider span{background:#fff;padding:0 1rem;color:#666;font-size:.9rem}.signup-page .social-login{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.signup-page .social-login .btn-social{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#666;padding:1rem 2rem;border:2px solid #e0e0e0;background:#fff;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,system-ui,sans-serif}.signup-page .social-login .btn-social:hover{border-color:#38bdf8;background:#f9f9f9}.signup-page .social-login .btn-social span{font-size:1.2rem}.signup-page .social-login .btn-social.btn-google:hover{border-color:#4285f4;background:#f9f9f9}.signup-page .social-login .btn-social.btn-facebook:hover{border-color:#1877f2;background:#f9f9f9}.signup-page .auth-footer{text-align:center}.signup-page .auth-footer p{color:#666;font-size:.95rem}.signup-page .auth-footer p .link-primary{color:#38bdf8;text-decoration:none;font-weight:600}.signup-page .auth-footer p .link-primary:hover{text-decoration:underline}@media (max-width: 576px){.signup-page{padding:.5rem 0}.signup-page .container{padding:0 .5rem}.signup-page .auth-container{margin:0;padding:1.5rem}.signup-page .auth-header h1{font-size:2rem}}@media (max-width: 576px) and (max-width: 768px){.signup-page .auth-header h1{font-size:1.75rem}}@media (max-width: 576px) and (max-width: 576px){.signup-page .auth-header h1{font-size:1.5rem}}@media (max-width: 576px){.signup-page .auth-header p{font-size:1rem}}@media (max-width: 576px) and (max-width: 768px){.signup-page .auth-header p{font-size:.95rem}}@media (max-width: 576px) and (max-width: 576px){.signup-page .auth-header p{font-size:.9rem}}@media (max-width: 576px){.signup-page .form-options .checkbox-label{font-size:.85rem}.signup-page .social-login .btn-social{padding:.75rem 1.5rem;font-size:.9rem}}.signup-page .auth-container{animation:slideUp .6s ease-out}.signup-page .form-group input:focus{animation:pulse .3s ease-in-out}.login-page{min-height:100vh;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);display:flex;align-items:center;justify-content:center;padding:2rem 0;font-family:Inter,system-ui,sans-serif}.login-page .container{max-width:500px;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}.login-page .auth-container{background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 .5rem 2rem #0000001a;width:100%;box-sizing:border-box}@media (max-width: 576px){.login-page .auth-container{padding:1.5rem;margin:0 .5rem;border-radius:.75rem}}.login-page .auth-header{text-align:center;margin-bottom:2.5rem}.login-page .auth-header h1{color:#000;margin-bottom:.5rem;font-weight:700;font-size:2.5rem}@media (max-width: 768px){.login-page .auth-header h1{font-size:2rem}}@media (max-width: 576px){.login-page .auth-header h1{font-size:1.75rem}}.login-page .auth-header p{color:#666;line-height:1.5;font-size:1.1rem}@media (max-width: 768px){.login-page .auth-header p{font-size:1rem}}@media (max-width: 576px){.login-page .auth-header p{font-size:.95rem}}@media (max-width: 576px){.login-page .auth-header{margin-bottom:2rem}}.login-page .auth-form .error-message{background:#ffebee;color:#c62828;padding:1rem;border-radius:.375rem;margin-bottom:1.5rem;font-size:.9rem;border-left:.25rem solid #c62828}.login-page .auth-form .form-group{margin-bottom:1.5rem}.login-page .auth-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#000;font-size:.95rem}.login-page .auth-form .form-group input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:.375rem;font-size:1rem;transition:all .2s;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.login-page .auth-form .form-group input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.login-page .auth-form .form-group input.error{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.login-page .auth-form .form-group input:disabled{background:#f9f9f9;cursor:not-allowed}.login-page .auth-form .form-group input::placeholder{color:#666}.login-page .auth-form .form-group .error-text{color:#f44336;font-size:.85rem;margin-top:.5rem;display:block}.login-page .auth-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.login-page .auth-form .form-options .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666;cursor:pointer}.login-page .auth-form .form-options .checkbox-label input[type=checkbox]{width:auto;margin:0}.login-page .auth-form .form-options .checkbox-label span{line-height:1.4}.login-page .auth-form .form-options .forgot-password{color:#38bdf8;text-decoration:none;font-size:.9rem;font-weight:500}.login-page .auth-form .form-options .forgot-password:hover{text-decoration:underline}@media (max-width: 576px){.login-page .auth-form .form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.login-page .auth-form .form-options .checkbox-label,.login-page .auth-form .form-options .forgot-password{font-size:.85rem}}.login-page .auth-form .btn-login{width:100%;padding:1rem 2rem;background:#38bdf8;color:#fff;border:none;border-radius:.375rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:1.5rem;font-family:Inter,system-ui,sans-serif}.login-page .auth-form .btn-login:hover:not(:disabled){background:#0ea5e9;transform:translateY(-.125rem);box-shadow:0 .25rem .75rem #38bdf84d}.login-page .auth-form .btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-page .auth-divider{text-align:center;margin:2rem 0;position:relative}.login-page .auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:.0625rem;background:#e0e0e0}.login-page .auth-divider span{background:#fff;padding:0 1rem;color:#666;font-size:.9rem}.login-page .social-login{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.login-page .social-login .btn-social{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#666;padding:1rem 2rem;border:2px solid #e0e0e0;background:#fff;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,system-ui,sans-serif}.login-page .social-login .btn-social:hover{border-color:#38bdf8;background:#f9f9f9}.login-page .social-login .btn-social span{font-size:1.2rem}.login-page .social-login .btn-social.btn-google:hover{border-color:#4285f4;background:#f9f9f9}.login-page .social-login .btn-social.btn-facebook:hover{border-color:#1877f2;background:#f9f9f9}.login-page .auth-footer{text-align:center}.login-page .auth-footer p{color:#666;font-size:.95rem}.login-page .auth-footer p .link-primary{color:#38bdf8;text-decoration:none;font-weight:600}.login-page .auth-footer p .link-primary:hover{text-decoration:underline}@media (max-width: 576px){.login-page{padding:.5rem 0}.login-page .container{padding:0 .5rem}.login-page .auth-container{margin:0;padding:1.5rem}.login-page .auth-header h1{font-size:2rem}}@media (max-width: 576px) and (max-width: 768px){.login-page .auth-header h1{font-size:1.75rem}}@media (max-width: 576px) and (max-width: 576px){.login-page .auth-header h1{font-size:1.5rem}}@media (max-width: 576px){.login-page .auth-header p{font-size:1rem}}@media (max-width: 576px) and (max-width: 768px){.login-page .auth-header p{font-size:.95rem}}@media (max-width: 576px) and (max-width: 576px){.login-page .auth-header p{font-size:.9rem}}@media (max-width: 576px){.login-page .social-login .btn-social{padding:.75rem 1.5rem;font-size:.9rem}}.login-page .auth-container{animation:slideUp .6s ease-out}.login-page .form-group input:focus{animation:pulse .3s ease-in-out}.login-page .btn-login:hover:not(:disabled){animation:buttonHover .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(1.875rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes buttonHover{0%{transform:translateY(0)}50%{transform:translateY(-.125rem)}to{transform:translateY(-.125rem)}}.checkout-page{padding:2rem 0;min-height:80vh;background:#f8f9fa;font-family:Inter,system-ui,sans-serif}.checkout-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.checkout-page .checkout-header{text-align:center;margin-bottom:3rem}.checkout-page .checkout-header h1{font-size:2.5rem;color:#333;margin-bottom:.5rem}.checkout-page .checkout-header p{color:#666;font-size:1.1rem}.checkout-page .checkout-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem}@media (max-width: 768px){.checkout-page .checkout-content{grid-template-columns:1fr;gap:2rem}}.checkout-page .checkout-form .form-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.checkout-page .checkout-form .form-section h2{font-size:1.5rem;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #4CAF50}.checkout-page .checkout-form .form-section .form-group{margin-bottom:1.5rem}.checkout-page .checkout-form .form-section .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.checkout-page .checkout-form .form-section .form-group input,.checkout-page .checkout-form .form-section .form-group textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s;box-sizing:border-box}.checkout-page .checkout-form .form-section .form-group input:focus,.checkout-page .checkout-form .form-section .form-group textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.checkout-page .checkout-form .form-section .form-group input.error,.checkout-page .checkout-form .form-section .form-group textarea.error{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.checkout-page .checkout-form .form-section .form-group input:disabled,.checkout-page .checkout-form .form-section .form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.checkout-page .checkout-form .form-section .form-group textarea{resize:vertical;min-height:80px}.checkout-page .checkout-form .form-section .form-group .error-text{color:#f44336;font-size:.85rem;margin-top:.5rem;display:block}.checkout-page .checkout-form .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.checkout-page .checkout-form .form-section .form-row{grid-template-columns:1fr}}.checkout-page .checkout-form .form-section .payment-methods{display:flex;flex-direction:column;gap:1rem}.checkout-page .checkout-form .form-section .payment-methods .payment-option{display:flex;align-items:center;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.checkout-page .checkout-form .form-section .payment-methods .payment-option:hover{border-color:#4caf50;background:#f8f9fa}.checkout-page .checkout-form .form-section .payment-methods .payment-option input[type=radio]{margin-right:1rem;width:auto}.checkout-page .checkout-form .form-section .payment-methods .payment-option .payment-option-content{display:flex;align-items:center;gap:1rem;flex:1}.checkout-page .checkout-form .form-section .payment-methods .payment-option .payment-option-content .payment-icon{font-size:1.5rem}.checkout-page .checkout-form .form-section .payment-methods .payment-option .payment-option-content div strong{display:block;color:#333;margin-bottom:.25rem}.checkout-page .checkout-form .form-section .payment-methods .payment-option .payment-option-content div small{color:#666;font-size:.9rem}.checkout-page .checkout-form .form-section .payment-methods .payment-option:has(input:checked){border-color:#4caf50;background:#e8f5e8}.checkout-page .checkout-form .btn-place-order{width:100%;padding:1.5rem 2rem;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.checkout-page .checkout-form .btn-place-order:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.checkout-page .checkout-form .btn-place-order:disabled{opacity:.7;cursor:not-allowed;transform:none}.checkout-page .order-summary{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;height:fit-content;position:sticky;top:2rem}.checkout-page .order-summary h2{font-size:1.5rem;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #4CAF50}.checkout-page .order-summary .order-items{margin-bottom:2rem}.checkout-page .order-summary .order-items .order-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #eee}.checkout-page .order-summary .order-items .order-item:last-child{border-bottom:none}.checkout-page .order-summary .order-items .order-item .item-info{display:flex;align-items:center;gap:1rem;flex:1}.checkout-page .order-summary .order-items .order-item .item-info img{width:60px;height:60px;object-fit:cover;border-radius:8px}.checkout-page .order-summary .order-items .order-item .item-info div h4{font-size:1rem;color:#333;margin-bottom:.25rem}.checkout-page .order-summary .order-items .order-item .item-info div p{color:#666;font-size:.9rem}.checkout-page .order-summary .order-items .order-item .item-price{font-weight:600;color:#333}.checkout-page .order-summary .order-totals{margin-bottom:2rem}.checkout-page .order-summary .order-totals .total-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #eee}.checkout-page .order-summary .order-totals .total-row:last-of-type{border-bottom:none}.checkout-page .order-summary .order-totals .total-row.total{font-size:1.3rem;font-weight:700;color:#333;border-top:2px solid #4CAF50;padding-top:1rem;margin-top:1rem}.checkout-page .order-summary .delivery-info{background:#e8f5e8;padding:1.5rem;border-radius:8px}.checkout-page .order-summary .delivery-info h3{color:#4caf50;margin-bottom:1rem;font-size:1.1rem}.checkout-page .order-summary .delivery-info p{color:#555;margin:.5rem 0;font-size:.9rem}.checkout-page .empty-checkout{text-align:center;padding:4rem 0}.checkout-page .empty-checkout h1{font-size:2rem;color:#333;margin-bottom:1rem}.checkout-page .empty-checkout p{color:#666;margin-bottom:2rem;font-size:1.1rem}.checkout-page .empty-checkout .btn-primary{display:inline-block;padding:1rem 2rem;background:#4caf50;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s}.checkout-page .empty-checkout .btn-primary:hover{background:#45a049;transform:translateY(-2px)}.checkout-page .order-success{text-align:center;padding:4rem 0}.checkout-page .order-success .success-icon{font-size:4rem;margin-bottom:2rem}.checkout-page .order-success h1{font-size:2.5rem;color:#333;margin-bottom:1rem}.checkout-page .order-success p{color:#666;margin-bottom:1rem;font-size:1.1rem}.checkout-page .order-success .btn-primary{display:inline-block;padding:1rem 2rem;background:#4caf50;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s}.checkout-page .order-success .btn-primary:hover{background:#45a049;transform:translateY(-2px)}