.navbar{background:#eee;box-shadow:0 2px 5px #0000001a;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eeeeeef2}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 5%}.nav-container,.nav-left{align-items:center;display:flex}.nav-left{gap:1rem}.nav-right{margin-left:auto}.mobile-menu-btn,.nav-right{align-items:center;display:flex}.mobile-menu-btn{background:none;border:none;border-radius:50%;color:#2c3e50;cursor:pointer;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.mobile-menu-btn:hover{background:#f8f9fa;color:#28c7ba}.nav-logo{align-items:center;border-radius:50%;color:#2c3e50;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.nav-logo:hover{background:#f8f9fa;color:#28c7ba}.home-icon{font-size:1.8rem}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:2rem}.nav-links a{color:#2c3e50;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:after{background:#28c7ba;bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.nav-links a:hover{color:#28c7ba}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.dropdown{position:relative}.dropdown-btn{align-items:center;background:none;border:none;border-radius:50%;color:#2c3e50;cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;height:40px;justify-content:center;padding:.5rem;transition:color .3s ease;width:40px}.dropdown-btn:hover{background:#f8f9fa;color:#28c7ba}.dropdown-icon{font-size:1.8rem;transition:transform .3s ease}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-menu{background:#eee;border-radius:8px;box-shadow:0 4px 12px #0000001a;list-style:none;margin-top:.5rem;min-width:200px;opacity:0;padding:.5rem 0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.dropdown-menu.active{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu li{margin:0}.dropdown-menu a{color:#2c3e50;display:block;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.dropdown-menu a:hover{background:#f8f9fa;color:#28c7ba}.cart-button{align-items:center;border-radius:50%;color:#2c3e50;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:relative;text-decoration:none;transition:all .3s ease;width:40px}.cart-button:hover{background:#f8f9fa;color:#28c7ba}.cart-button-active{animation:cartGlow 2s ease-in-out infinite;background:#28c7ba1a;box-shadow:0 0 15px #28c7ba66,0 0 30px #28c7ba33,0 0 45px #28c7ba1a;color:#28c7ba}@keyframes cartGlow{0%,to{box-shadow:0 0 15px #28c7ba66,0 0 30px #28c7ba33,0 0 45px #28c7ba1a}50%{box-shadow:0 0 20px #28c7ba99,0 0 40px #28c7ba4d,0 0 60px #28c7ba26}}.cart-badge{align-items:center;background-color:#f44;border:2px solid #eee;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px;z-index:10}@media (max-width:768px){.nav-left{gap:.5rem}.mobile-menu-btn{font-size:1.2rem}.cart-button,.mobile-menu-btn,.nav-logo{height:36px;width:36px}.cart-button{font-size:1.1rem}.nav-links{background:#eee;box-shadow:0 2px 5px #0000001a;display:none;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:100%}.nav-links.active{display:flex}.nav-links li{margin:.5rem 0}.nav-links a:after{display:none}.dropdown-menu{box-shadow:none;display:none;margin-left:1rem;margin-top:.5rem;opacity:1;position:static;transform:none;visibility:visible}.dropdown-menu.active{display:block}.dropdown-btn{justify-content:space-between;width:100%}}.fade-in{animation:fadeIn .5s ease-out forwards}.slide-up{animation:slideUp .5s ease-out forwards}.loading-spinner{height:40px;margin:2rem auto;width:40px}.footer{background:#eee;margin-top:4rem;padding:4rem 2rem 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.footer-section h3{color:#333;font-size:1.2rem;margin-bottom:1.5rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.8rem}.footer-section ul li a{color:#666;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#28c7ba}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;padding:.8rem}.contact-form textarea{min-height:100px;resize:vertical}.contact-form button{background:#28c7ba;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:background-color .3s ease}.contact-form button:hover{background:#1f9e94}.social-links{display:flex;gap:1rem}.social-links a{color:#666;font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:#28c7ba}.footer-bottom{border-top:1px solid #ddd;color:#666;margin:2rem auto 0;max-width:1200px;padding-top:2rem;text-align:center}@media (max-width:768px){.footer{padding:3rem 1rem 1rem}.footer-content{grid-template-columns:1fr}.social-links{justify-content:center}}.service-card{align-items:center;color:inherit;display:flex;flex-direction:column;gap:1rem;overflow:hidden;position:relative;text-decoration:none}.service-card:before{background:linear-gradient(90deg,#28c7ba,#28c7ba);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.service-card:hover:before{transform:scaleX(1)}.service-card i,.service-card svg{color:#28c7ba;font-size:2.5rem;margin-bottom:1rem;transition:transform .3s ease}.service-card:hover i,.service-card:hover svg{transform:scale(1.1)}.service-card h3{font-weight:600;margin-bottom:.5rem}.service-card p{font-size:1rem;line-height:1.5}.home{padding:2rem 0}.home .hero{background:linear-gradient(135deg,#28c7ba,#28c7ba,.1);background-size:cover;border-radius:12px;color:#fff;margin-bottom:4rem;min-height:300px;padding:6rem 2rem;text-align:center}.home .hero h1{font-size:3rem;margin-bottom:1rem}.home .hero p{font-size:1.2rem;margin:0 auto;max-width:600px}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:2rem}@media (max-width:768px){.home .hero{padding:3rem 1rem}.home .hero h1{font-size:2.5rem}.home .hero p{font-size:1.1rem}.services-grid{gap:1.5rem;grid-template-columns:1fr}}.share-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.share-modal-overlay:focus{outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;cursor:pointer;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%;z-index:1001}.share-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1.5rem}.share-modal-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.share-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;width:32px}.share-modal-close:hover{background:#f8f9fa;color:#2c3e50}.share-modal-body{padding:1.5rem}.share-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.share-option{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.9rem;gap:.5rem;padding:1rem;position:relative;transition:all .3s ease;z-index:1002}.share-option:focus{outline:2px solid #28c7ba;outline-offset:2px}.share-option:hover{background:#e9ecef;border-color:#28c7ba;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.share-option svg{color:inherit;font-size:1.8rem}.share-option.facebook:hover svg{color:#1877f2}.share-option.twitter:hover svg{color:#1da1f2}.share-option.linkedin:hover svg{color:#0077b5}.share-option.pinterest:hover svg{color:#bd081c}.share-option.reddit:hover svg{color:#ff4500}.share-option.whatsapp:hover svg{color:#25d366}.share-option.telegram:hover svg{color:#08c}.line-icon,.share-option.line:hover .line-icon{color:#00c300}.line-icon{font-size:1.2rem;font-weight:700;letter-spacing:.05em}.share-option.copy-link,.share-option.native-share{background:#28c7ba;border-color:#28c7ba;color:#fff;flex-direction:row;justify-content:center;margin-bottom:.5rem;width:100%}.share-option.copy-link:hover,.share-option.native-share:hover{background:#1f9e94;border-color:#1f9e94;color:#fff}.share-option.copy-link svg,.share-option.native-share svg{color:#fff}@media (max-width:768px){.share-modal-content{margin:1rem;width:95%}.share-options-grid{grid-template-columns:repeat(2,1fr)}.share-option{padding:.875rem}.share-option svg{font-size:1.5rem}}.item-thumbnail{background:#f3f6f4;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.item-thumbnail:hover{background:#eee;box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.item-image{min-height:200px;overflow:hidden;position:relative}.item-image,.item-image img{height:100%;margin:0;padding:0;width:100%}.item-image img{display:block;object-fit:cover;transition:transform .3s ease}.item-thumbnail:hover .item-image img{transform:scale(1.05)}.item-actions-overlay{display:flex;gap:.5rem;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:opacity .3s ease}.item-thumbnail:hover .item-actions-overlay{opacity:1}.favorite-button,.share-button{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#2c3e50;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.favorite-button:hover,.share-button:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.favorite-button.active{background:#ff6b6b;color:#fff}.favorite-button.active:hover{background:#ff5252}.item-content{padding:1.5rem}.item-content h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.item-content p{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.item-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.item-price{font-size:1.1rem;font-weight:600}.add-to-cart-button{border-radius:20px;padding:.5rem 1rem}.service-page{padding-top:80px}.service-page .hero{background-position:50%;background-size:cover;border-radius:12px;color:#fff;margin-bottom:4rem;padding:6rem 2rem;position:relative;text-align:center}.service-page .hero:before{background:#0000001a;border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.service-page .hero>*{position:relative;z-index:1}.service-page .hero h1{font-size:3rem;margin-bottom:1rem}.service-page .hero p{font-size:1.2rem;margin:0 auto;max-width:600px}.service-page .service-icon{color:#28c7ba;font-size:3rem;margin:2rem 0}.service-page .service-details{margin:0 auto;max-width:1200px;padding:2rem}.service-page .service-details h2{color:#333;margin-bottom:3rem;text-align:center}.service-page .service-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.service-page .feature{background:#f3f6f4;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.service-page .feature:before{background:linear-gradient(90deg,#28c7ba,#28c7ba);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.service-page .feature:hover:before{transform:scaleX(1)}.service-page .feature:hover{background:#eee;box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.service-page .feature svg{color:#28c7ba;font-size:2.5rem;margin-bottom:1rem;transition:transform .3s ease}.service-page .feature:hover svg{transform:scale(1.1)}.service-page .feature h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.service-page .feature p{color:#666;line-height:1.6}.service-hero{background-position:50%;background-size:cover;color:#fff;margin-bottom:4rem;padding:6rem 2rem;position:relative;text-align:center}.service-hero:before{background:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.service-hero .cta-button,.service-hero h1,.service-hero p{position:relative;z-index:1}.service-hero h1{font-size:3rem;margin-bottom:1rem}.service-hero p{font-size:1.2rem;margin-bottom:2rem}.cta-button{background-color:#2ff7e6;border:2px solid #2ff7e6;border-radius:30px;color:#333;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-color:initial;color:#2ff7e6;transform:translateY(-2px)}.service-card{background:#f3f6f4;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.service-card:hover{background:#eee;box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.service-card.active{background:#28c7ba;color:#fff}.service-card.active .service-icon,.service-card.active h3,.service-card.active p{color:#fff}.service-icon{font-size:2.5rem;margin-bottom:1rem}.service-card:hover .service-icon{transform:scale(1.1)}.service-card h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.service-card p{color:#666;line-height:1.6}.items-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:2rem}.filter-section{flex-wrap:wrap;margin-bottom:1.5rem;padding:.5rem}.filter-card,.filter-section{display:flex;gap:.5rem;justify-content:center}.filter-card{align-items:center;background:#f3f6f4;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;max-height:120px;min-width:120px;padding:.35rem 1.25rem;text-align:center;transition:all .3s ease}.filter-card:hover{background:#eee;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.filter-card.active{background:#28c7ba;color:#fff}.filter-card.active .service-icon,.filter-card.active h3{color:#fff}.service-icon{color:#28c7ba;font-size:1rem;transition:transform .3s ease}.filter-card:hover .service-icon{transform:scale(1.1)}.filter-card h3{color:#333;font-size:.85rem;font-weight:600;margin:0;white-space:nowrap}.item-detail-page{margin:3rem auto 0;max-width:1200px;padding:2rem}.back-button{display:flex;left:0;position:relative;top:1rem;z-index:100}.item-detail-container{grid-gap:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:1rem;padding:2rem;position:relative}.item-image-large{cursor:zoom-in;position:relative}.item-image-large img{border-radius:8px;height:auto;transition:transform .3s ease;width:100%}.item-image-large:hover img{transform:scale(1.02)}.item-info{gap:1.5rem}.item-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.item-info h1{color:#333;flex:1 1;font-size:2rem;margin:0}.item-action-buttons{display:flex;gap:.75rem}.favorite-button-detail,.share-button-detail{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:50%;color:#2c3e50;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.favorite-button-detail:hover,.share-button-detail:hover{background:#e9ecef;border-color:#28c7ba;color:#28c7ba;transform:scale(1.05)}.favorite-button-detail.active{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.favorite-button-detail.active:hover{background:#ff5252;border-color:#ff5252}.item-description{color:#666;font-size:1.1rem;line-height:1.6}.item-price-large{color:#28c7ba;font-size:1.8rem;font-weight:600}.item-details{background:#f3f6f4;border-radius:8px;padding:1.5rem}.detail-item{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#666;font-weight:500}.detail-value{color:#333;font-weight:600}.add-to-cart-button{background:#28c7ba;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.add-to-cart-button:hover{background:#1fa89d;transform:translateY(-2px)}.image-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{max-height:90vh;max-width:90vw;position:relative}.modal-content img{max-height:90vh;max-width:100%;object-fit:contain}.close-modal{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;padding:.5rem;position:absolute;right:0;top:-40px}@media (max-width:768px){.item-detail-container{gap:2rem;grid-template-columns:1fr;margin-top:4rem}.item-info h1,.item-price-large{font-size:1.5rem}.back-button{font-size:1rem;left:1rem;padding:.8rem 1.5rem;top:7rem}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#28c7ba;height:50px;margin-bottom:1rem;width:50px}.loading-container p{color:#666;font-size:1.1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.checkout-page{background:#f8f9fa;min-height:100vh;padding:6rem 2rem 2rem}.checkout-container{margin:0 auto;max-width:1200px}.back-button{color:#2c3e50;font-weight:500;transition:color .3s ease}.back-button:hover{color:#28c7ba}.checkout-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.cart-items{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.cart-items h2{color:#2c3e50;margin-bottom:1.5rem}.empty-cart{padding:2rem;text-align:center}.empty-cart p{color:#666;margin-bottom:1rem}.continue-shopping{background:#28c7ba;border-radius:4px;color:#fff;display:inline-block;padding:.75rem 1.5rem;text-decoration:none;transition:background .3s ease}.continue-shopping:hover{background:#24b3a7}.cart-item{grid-gap:1rem;align-items:center;border-bottom:1px solid #eee;display:grid;gap:1rem;grid-template-columns:100px 1fr auto;padding:1rem 0}.cart-item:last-child{border-bottom:none}.checkout-item-image{border-radius:4px;height:100px;overflow:hidden;width:100px}.checkout-item-image img{border-radius:4px;height:100%;object-fit:cover;width:100%}.item-details{display:flex;flex-direction:column;justify-content:center}.item-details h3{color:#2c3e50;margin:0 0 .5rem}.item-price{font-weight:500;margin-bottom:.5rem}.quantity-controls{align-items:center;display:flex;gap:.5rem}.quantity-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:30px;transition:all .3s ease;width:30px}.quantity-controls button:hover:not(:disabled){background:#f8f9fa;border-color:#28c7ba}.quantity-controls button:disabled{cursor:not-allowed;opacity:.5}.quantity-controls span{min-width:30px;text-align:center}.remove-item{background:none;border:none;color:#dc3545;cursor:pointer;padding:.5rem;transition:color .3s ease}.remove-item:hover{color:#c82333}.order-summary{border-radius:8px}.order-summary h2,.summary-details{margin-bottom:1.5rem}.summary-row.total{border-top:1px solid #eee;font-size:1.1rem;font-weight:600;margin-top:1rem;padding-top:1rem}.checkout-button{background:#28c7ba;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.checkout-button:hover:not(:disabled){background:#1fa89d;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.checkout-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.checkout-page{padding:5rem 1rem 1rem}.checkout-content{grid-template-columns:1fr}.cart-item{grid-template-columns:80px 1fr auto}.item-image img{height:80px}}.payment-page{background:#f8f9fa;min-height:100vh;padding:6rem 2rem 2rem}.payment-container{margin:0 auto;max-width:1200px}.back-button{align-items:center;background-color:#28c7ba;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.back-button:hover{background-color:#1fa89d;box-shadow:0 6px 8px #00000026;color:#fff;transform:translateY(-2px)}.back-button svg{font-size:1.2rem}.payment-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr}.payment-form-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:2rem}.payment-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.lock-icon{color:#28c7ba;font-size:1.5rem}.payment-header h1{color:#2c3e50;font-size:1.8rem;margin:0}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-template-columns:1fr 1fr}label{color:#2c3e50;font-weight:500}.input-with-icon{align-items:center;display:flex;position:relative}input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.input-with-icon input{padding-left:3rem;padding-right:1rem}.input-with-icon svg{color:#666;left:1rem;pointer-events:none;position:absolute;z-index:1}input:focus{border-color:#28c7ba;box-shadow:0 0 0 2px #28c7ba1a;outline:none}.error{color:#dc3545;font-size:.875rem;margin-top:.25rem}.error-message{background:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;color:#dc3545;margin-bottom:1rem;padding:1rem}.pay-button{background:#28c7ba;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .3s ease}.pay-button:hover:not(:disabled){background:#1fa89d;transform:translateY(-2px)}.pay-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.order-summary{background:#fff;box-shadow:0 2px 4px #0000001a;height:-webkit-fit-content;height:fit-content}.order-summary h2{color:#2c3e50;margin:0 0 1.5rem}.summary-items{margin-bottom:1.5rem}.summary-item{color:#666;font-size:.9rem;padding:.5rem 0}.summary-item,.summary-total{display:flex;justify-content:space-between}.summary-total{border-top:1px solid #eee;color:#2c3e50;font-size:1.1rem;font-weight:600;padding-top:1rem}@media (max-width:768px){.payment-page{padding:5rem 1rem 1rem}.form-row,.payment-content{grid-template-columns:1fr}}.App{-webkit-font-smoothing:antialiased;align-items:center;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;height:100vh;width:100vw}form{align-self:center;border-radius:7px;box-shadow:0 0 0 .5px #32325d1a,0 2px 5px 0 #32325d1a,0 1px 1.5px 0 #00000012;margin-bottom:auto;margin-top:auto;min-width:500px;padding:40px;width:30vw}#payment-message{color:#697386;font-size:16px;line-height:20px;padding-top:12px;text-align:center}#payment-element{margin-bottom:24px}button{background:#0055de;border:0;border-radius:4px;box-shadow:0 4px 5.5px 0 #00000012;color:#fff;display:block;font-family:Arial,sans-serif;font-size:16px;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}button:hover{filter:contrast(115%)}button:disabled{cursor:default;opacity:.5}.spinner,.spinner:after,.spinner:before{border-radius:50%}.spinner{box-shadow:inset 0 0 0 2px;color:#fff;font-size:22px;height:20px;margin:0 auto;position:relative;text-indent:-99999px;transform:translateZ(0);width:20px}.spinner:after,.spinner:before{content:"";position:absolute}.spinner:before{animation:loading 2s ease 1.5s infinite;border-radius:20.4px 0 0 20.4px;height:20.4px;left:-.2px;top:-.2px;transform-origin:10.4px 10.2px}.spinner:after,.spinner:before{background:#0055de;width:10.4px}.spinner:after{animation:loading 2s ease infinite;border-radius:0 10.2px 10.2px 0;height:10.2px;left:10.2px;top:-.1px;transform-origin:0 10.2px}#payment-status{align-self:center;animation:fadeInAnimation 1s ease forwards;border-radius:7px;box-shadow:0 0 0 .5px #32325d1a,0 2px 5px 0 #32325d1a,0 1px 1.5px 0 #00000012;flex-direction:column;margin-bottom:auto;margin-top:auto;min-height:380px;min-width:500px;opacity:0;padding:40px;row-gap:30px;width:30vw}#payment-status,#status-icon{align-items:center;display:flex;justify-content:center}#status-icon{border-radius:50%;height:40px;width:40px}h2{color:#30313d;margin:0;text-align:center}a{display:block;font-family:Arial,sans-serif;font-size:16px;font-weight:600}a:hover{filter:contrast(120%)}#details-table{overflow-x:auto;width:100%}table{border-collapse:collapse;font-size:14px;width:100%}table tbody tr:first-child td{border-top:1px solid #e6e6e6;padding-top:10px}table tbody tr:last-child td{border-bottom:1px solid #e6e6e6}td{padding-bottom:10px}.TableContent{color:#6d6e78;text-align:right}.TableLabel{color:#30313d;font-weight:600}#view-details{color:#0055de}#retry-button{background:#0055de;border:0;border-radius:4px;box-shadow:0 4px 5.5px 0 #00000012;color:#fff;padding:12px 16px;text-align:center;transition:all .2s ease;width:100%}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInAnimation{to{opacity:1}}@media only screen and (max-width:600px){#payment-status,form{min-width:0;min-width:auto;width:80vw}}.payment-success-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:6rem 2rem 2rem}.payment-success-container{animation:slideUp .5s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:900px;padding:3rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-header{border-bottom:2px solid #e9ecef;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.success-icon{animation:scaleIn .6s ease;color:#28c7ba;filter:drop-shadow(0 4px 8px rgba(40,199,186,.3));font-size:5rem;margin-bottom:1.5rem}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#28c7ba,#1fa89d);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2.5rem;font-weight:700;margin:1rem 0}.success-message{color:#666;font-size:1.2rem;line-height:1.6;margin-top:.5rem}.success-submessage{color:#888;font-size:1rem;font-style:italic;margin-top:.5rem}.order-id-section{background:linear-gradient(135deg,#28c7ba,#1fa89d);border-radius:12px;box-shadow:0 4px 12px #28c7ba33;margin-bottom:2.5rem;padding:1.5rem;text-align:center}.order-id-section p{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.order-details-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:2.5rem;padding:2rem}.order-details-section h2{align-items:center;border-bottom:2px solid #e9ecef;color:#2c3e50;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem}.order-items h3{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.items-list{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.order-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.25rem;transition:background-color .2s ease}.order-item:hover{background-color:#f8f9fa}.order-item:last-child{border-bottom:none}.item-info{display:flex;flex-direction:column;gap:.25rem}.item-name{color:#2c3e50;font-weight:500}.item-quantity{color:#666;font-size:.9rem}.item-price{color:#28c7ba;font-size:1.2rem;font-weight:700}.order-summary{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem}.summary-row{color:#666;display:flex;justify-content:space-between;margin-bottom:.75rem}.summary-row.total{border-top:2px solid #28c7ba;color:#2c3e50;font-size:1.3rem;font-weight:700;margin-top:1.5rem;padding-top:1.5rem}.contact-info,.shipping-info{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem}.contact-info h3,.shipping-info h3{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.contact-info p,.shipping-info p{color:#666;margin:.5rem 0}.guest-registration-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #28c7ba;border-radius:16px;box-shadow:0 8px 24px #28c7ba26;margin-top:3rem;padding:2.5rem}.registration-header{margin-bottom:2rem;text-align:center}.registration-header h2{align-items:center;color:#2c3e50;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;justify-content:center;margin:1rem 0}.registration-header p{color:#666;margin-top:.5rem}.registration-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease}.form-group input:focus{border-color:#28c7ba;box-shadow:0 0 0 2px #28c7ba1a;outline:none}.form-group input:disabled{background:#e9ecef}.form-hint{color:#666;font-size:.875rem;margin-top:.25rem}.register-button{background:#28c7ba;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease}.register-button:hover:not(:disabled){background:#1fa89d;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.register-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.skip-button{background:#0000;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.75rem;transition:all .3s ease}.skip-button:hover:not(:disabled){border-color:#28c7ba;color:#28c7ba}.skip-button:disabled{cursor:not-allowed;opacity:.5}.success-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.home-button,.orders-button{border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.home-button{background:#28c7ba;color:#fff}.home-button:hover{background:#1fa89d;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.orders-button{background:#fff;border:2px solid #28c7ba;color:#28c7ba}.orders-button:hover{background:#28c7ba;box-shadow:0 6px 8px #00000026;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.payment-success-page{padding:5rem 1rem 1rem}.payment-success-container{padding:1.5rem}.success-icon{font-size:3rem}.success-header h1{font-size:1.5rem}.success-actions{flex-direction:column}.home-button,.orders-button{width:100%}}.profile-sidebar-container{margin:0 auto;max-width:1200px;padding:2rem}.profile-sidebar{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000012;margin-bottom:2rem;padding:1.5rem}.profile-sidebar-label{border-bottom:2px solid #f0f0f0;color:#28c7ba;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem}.profile-sidebar-menu{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.profile-sidebar-item{margin:0}.profile-sidebar-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .3s ease;width:100%}.profile-sidebar-button:hover{background:#f8f9fa;color:#28c7ba;transform:translateX(4px)}.profile-sidebar-button.active,.profile-sidebar-button:active{background:#e8f8f6;color:#28c7ba;font-weight:600}.profile-sidebar-icon{color:inherit;font-size:1.2rem;text-align:center;width:20px}.profile-sidebar-button span{flex:1 1}@media (max-width:768px){.profile-sidebar,.profile-sidebar-container{padding:1rem}.profile-sidebar-button{font-size:.95rem;padding:.875rem 1rem}}.account-view{margin:0 auto;max-width:1200px;padding:2rem}.account-tabs{border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.account-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#2c3e50;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.account-tab:hover{background:#f8f9fa;color:#28c7ba}.account-tab.active{border-bottom-color:#28c7ba;color:#28c7ba;font-weight:600}.account-content{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000012;padding:2rem}.account-section{width:100%}.section-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1rem}.section-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.form-edit-button-container{display:flex;justify-content:flex-end;margin-bottom:1rem}.account-form,.address-form,.payment-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#2c3e50;font-size:.95rem;font-weight:500}.form-group input,.form-group select{background:#fff;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#28c7ba;box-shadow:0 0 0 2px #28c7ba1a;outline:none}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed}.form-group input[type=checkbox]{margin-right:.5rem;width:auto}.form-actions{display:flex;gap:1rem;margin-top:1rem}.add-button,.cancel-button,.delete-button,.edit-button,.save-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.save-button{background:#28c7ba;color:#fff}.save-button:hover{background:#1f9e94}.edit-button{align-self:flex-end;background:#f8f9fa;color:#2c3e50}.edit-button:hover{background:#e9ecef;color:#28c7ba}.add-card{align-items:center;background:#fff;border:2px dashed #ddd;cursor:pointer;display:flex;justify-content:center;min-height:200px;transition:all .3s ease}.add-card:hover{background:#f8f9fa;border-color:#28c7ba;box-shadow:0 4px 12px #28c7ba26;transform:translateY(-2px)}.add-card-content{color:#6c757d;text-align:center}.add-card-icon{color:#28c7ba;font-size:2.5rem;margin-bottom:1rem}.add-card h3{color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.add-card p{color:#6c757d;font-size:.9rem;margin:0}.cancel-button{background:#f8f9fa;color:#2c3e50}.cancel-button:hover{background:#e9ecef}.delete-button{background:#dc3545;color:#fff}.delete-button:hover{background:#c82333}.addresses-list,.payments-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.address-card,.payment-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.address-header,.payment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.address-header h3,.payment-info{color:#2c3e50;font-size:1.1rem;margin:0}.payment-info{display:flex;flex-direction:column;gap:.25rem}.card-brand{color:#28c7ba;font-weight:600}.card-number{color:#2c3e50;font-family:monospace}.card-expiry{color:#6c757d;font-size:.9rem}.cardholder-name{color:#2c3e50;margin:.5rem 0}.default-badge{background:#28c7ba;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.address-card p,.payment-card p{color:#6c757d;line-height:1.6;margin:.25rem 0}.address-actions,.payment-actions{display:flex;gap:.5rem;margin-top:1rem}.address-actions button,.payment-actions button{flex:1 1;font-size:.9rem;padding:.5rem 1rem}@media (max-width:768px){.account-view{padding:1rem}.account-tabs{flex-direction:column;gap:0}.account-tab{border-bottom:1px solid #f0f0f0;border-left:3px solid #0000;justify-content:flex-start;width:100%}.account-tab.active{border-bottom-color:#f0f0f0;border-left-color:#28c7ba}.account-content{padding:1.5rem}.addresses-list,.form-row,.payments-list{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}.orders-view{margin:0 auto;max-width:1200px;padding:2rem}.orders-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.orders-header h2{color:#2c3e50;font-size:1.8rem;margin:0}.search-container{align-items:center;display:flex;max-width:400px;position:relative;width:100%}.search-icon{color:#6c757d;left:1rem;position:absolute;z-index:1}.search-input{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#28c7ba;box-shadow:0 0 0 2px #28c7ba1a;outline:none}.no-orders{color:#6c757d;padding:4rem 2rem;text-align:center}.no-orders svg{color:#ddd;margin-bottom:1rem}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000012;overflow:hidden;transition:all .3s ease}.order-card:hover{box-shadow:0 6px 20px #0000001a}.order-summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:background .3s ease}.order-summary:hover{background:#f8f9fa}.order-info{flex:1 1;flex-direction:column}.order-id,.order-info{display:flex;gap:.5rem}.order-id{align-items:center;color:#2c3e50;font-size:1.1rem;font-weight:600}.order-id svg{color:#28c7ba}.order-date{color:#6c757d;font-size:.9rem}.order-meta{align-items:center;display:flex;gap:1.5rem}.order-status{background:#28c7ba1a;border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.order-total{color:#2c3e50;font-size:1.1rem;font-weight:600}.expand-icon{color:#6c757d;transition:transform .3s ease}.order-details{background:#f8f9fa;border-top:1px solid #f0f0f0;padding:1.5rem}.order-items{margin-bottom:1.5rem}.order-items h3,.order-shipping h3{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem}.items-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.items-table thead{background:#f8f9fa}.items-table th{border-bottom:2px solid #e9ecef;color:#2c3e50;font-weight:600;padding:.75rem;text-align:left}.items-table td{border-bottom:1px solid #f0f0f0;color:#2c3e50;padding:.75rem}.items-table tbody tr:hover{background:#f8f9fa}.items-table tfoot{background:#f8f9fa;font-weight:600}.total-label{color:#2c3e50;text-align:right}.total-amount{color:#28c7ba;font-size:1.1rem}.order-shipping{background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.order-shipping p{color:#2c3e50;line-height:1.6;margin:.5rem 0}.tracking-number{color:#28c7ba;font-family:monospace;font-weight:600}.order-actions{display:flex;flex-wrap:wrap;gap:1rem}.action-button{background:#28c7ba;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.action-button:hover{background:#1f9e94}.tracking-view{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin:1.5rem 0 0;padding:1rem}.tracking-view h3{color:#2c3e50;margin-bottom:1rem}.tracking-steps{display:flex;flex-direction:column;gap:1rem;position:relative}.tracking-step{align-items:flex-start;display:flex;gap:.75rem}.tracking-dot{background:#28c7ba;border-radius:50%;box-shadow:0 0 0 4px #28c7ba26;flex-shrink:0;height:12px;margin-top:4px;width:12px}.tracking-info{display:flex;flex-direction:column;gap:.1rem}.tracking-title{color:#2c3e50;font-weight:600}.tracking-detail{color:#6c757d;font-size:.95rem}.tracking-time{color:#9aa0a6;font-size:.85rem}@media (max-width:768px){.orders-view{padding:1rem}.orders-header{align-items:stretch;flex-direction:column}.search-container{max-width:100%}.order-summary{align-items:flex-start;flex-direction:column;gap:1rem}.order-meta{justify-content:space-between;width:100%}.order-details{padding:1rem}.items-table{font-size:.9rem}.items-table td,.items-table th{padding:.5rem}.order-actions{flex-direction:column}.action-button{width:100%}}.favorites-view{margin:0 auto;max-width:1200px;padding:2rem}.favorites-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.favorites-header h2{color:#2c3e50;font-size:1.8rem;margin:0}.favorites-count{color:#6c757d;font-size:1rem}.favorites-empty{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000012;padding:4rem 2rem;text-align:center}.favorites-empty svg{color:#ddd;margin-bottom:1.5rem}.favorites-empty h2{color:#2c3e50;margin-bottom:.5rem}.favorites-empty p{color:#6c757d;margin-bottom:2rem}.browse-button{background:#28c7ba;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.browse-button:hover{background:#1f9e94;transform:translateY(-2px)}.favorites-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.favorite-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000012;cursor:pointer;overflow:hidden;transition:all .3s ease}.favorite-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.favorite-image{height:200px;overflow:hidden;position:relative;width:100%}.favorite-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.favorite-card:hover .favorite-image img{transform:scale(1.05)}.favorite-overlay{display:flex;gap:.5rem;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:opacity .3s ease}.favorite-card:hover .favorite-overlay{opacity:1}.favorite-remove-button,.favorite-share-button{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#2c3e50;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.favorite-remove-button:hover{background:#ff6b6b;color:#fff;transform:scale(1.1)}.favorite-share-button:hover{background:#28c7ba;color:#fff;transform:scale(1.1)}.favorite-content{padding:1.5rem}.favorite-content h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.favorite-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.favorite-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.favorite-price{color:#28c7ba;font-size:1.1rem;font-weight:600}.favorite-add-cart-button{align-items:center;background:#28c7ba;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.favorite-add-cart-button:hover{background:#1f9e94;transform:translateY(-2px)}@media (max-width:768px){.favorites-view{padding:1rem}.favorites-header{align-items:flex-start;flex-direction:column;gap:.5rem}.favorites-grid{gap:1.5rem;grid-template-columns:1fr}.favorite-overlay{opacity:1}}.charity-page{margin:0;max-width:100%;padding:0}.charity-header{background:#f8f9fa;margin-bottom:2rem;padding:2rem;text-align:center}.charity-header h1{color:#333;font-size:2.5rem;margin-bottom:1rem}.charity-header p{color:#666;font-size:1.1rem}.charity-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(2,1fr);padding:0}.charity-section{background:#fff;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease}.charity-section:hover{transform:scale(1.02)}.section-image{height:300px;overflow:hidden;position:relative}.section-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.charity-section:hover .section-image img{transform:scale(1.05)}.image-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;padding:1.5rem;position:absolute;right:0}.image-overlay h2{color:#fff;font-size:1.8rem;margin:0;text-shadow:1px 1px 2px #00000080}.section-description{background:linear-gradient(0deg,#000000e6,#000000b3);bottom:0;left:0;padding:1.5rem;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease}.charity-section:hover .section-description{transform:translateY(0)}.section-description p{color:#fff;font-size:1.1rem;line-height:1.6;margin:0}.detailed-sections{background:#f8f9fa;padding:4rem 2rem}.detailed-section{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin:0 auto 4rem;max-width:1200px;padding:2rem}.detailed-section:last-child{margin-bottom:0}.detailed-section h2{border-bottom:2px solid #28c7ba;color:#333;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem}.detailed-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.detailed-description h3,.impact-statement h3{color:#444;font-size:1.5rem;margin-bottom:1rem}.detailed-description p,.impact-statement p{color:#666;font-size:1.1rem;line-height:1.8}.impact-statement{background:#f8f9fa;border-radius:8px;padding:1.5rem}.impact-statement p{color:#28c7ba;font-size:1.2rem;font-weight:500}@media (max-width:768px){.charity-grid{grid-template-columns:1fr}.section-image{height:250px}.charity-header{padding:1.5rem}.charity-header h1{font-size:2rem}.image-overlay h2{font-size:1.5rem}.detailed-sections{padding:2rem 1rem}.detailed-section{margin-bottom:2rem;padding:1.5rem}.detailed-content{gap:1.5rem;grid-template-columns:1fr}.detailed-section h2{font-size:1.8rem}.detailed-description h3,.impact-statement h3{font-size:1.3rem}}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}a{text-decoration:none;transition:color .3s ease}a,a:hover{color:#28c7ba}button{background:none;border:none;cursor:pointer;font-family:inherit}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}main{padding:0 .5rem}}.content-page{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000012;font-family:Segoe UI,Roboto,Arial,sans-serif;margin:2rem auto 3rem;max-width:800px;padding:2.5rem 2rem 3rem}.content-page h1{color:#28c7ba;font-size:2.3rem;font-weight:700;letter-spacing:.02em;margin-bottom:1.2rem}.content-page h2{color:#1fa89d;font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-top:2.2rem}.content-page h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.7rem;margin-top:1.5rem}.content-page p{color:#444;font-size:1.08rem;line-height:1.7;margin-bottom:1.1rem}.content-page ol,.content-page ul{color:#444;font-size:1.08rem;margin-bottom:1.2rem;margin-left:2rem}.content-page li{margin-bottom:.5rem}.content-page img{margin:1.5rem auto}.content-page img,.content-page video{border-radius:10px;box-shadow:0 2px 8px #28c7ba14;display:block;max-width:100%}.content-page video{margin:2rem auto}.content-page blockquote{background:#f3f6f4;border-left:4px solid #28c7ba;border-radius:8px;color:#555;font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.content-page em{color:#28c7ba}.content-page strong{color:#1fa89d}@media (max-width:600px){.content-page{padding:1.2rem .5rem 2rem}.content-page h1{font-size:1.5rem}.content-page h2{font-size:1.1rem}}
/*# sourceMappingURL=main.1df778c3.css.map*/