.cart-button-container{place-content:center;align-self:center;align-items:center;margin:auto;display:flex;position:relative}.cart-button{cursor:pointer;background:0 0;border:none;padding:10px;display:inline-block}.cart-icon{justify-content:center;width:24px;height:24px;margin:auto;position:relative}.cart-count{color:#fff;background-color:#e74c3c;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.cart-popup{z-index:1000;background:#fff;border-radius:8px;width:420px;max-height:400px;padding:16px;position:absolute;top:40px;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.cart-popup-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.cart-popup-title{margin:0;font-size:16px;font-weight:700}.cart-empty{text-align:center;color:#777;padding:16px}.cart-items{margin-bottom:16px}.cart-item{border-bottom:1px solid #f0f0f0;align-items:center;padding:8px 0;display:flex}.cart-item-image img{object-fit:contain;background-color:#f0f0f0;border-radius:4px;width:40px;height:40px;margin-right:12px;position:relative;overflow:hidden}.cart-item-info{flex:1}.cart-item-name{margin-bottom:2px;font-size:14px;font-weight:500}.cart-item-details{color:#666;margin-bottom:2px;font-size:12px}.cart-item-price{font-size:14px;font-weight:700}.cart-quantity-control{align-items:center;margin-left:8px;display:flex}.cart-quantity-button{cursor:pointer;background:#f0f0f0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.cart-quantity{margin:0 8px;font-size:14px}.cart-total{border-top:1px solid #eee;justify-content:space-between;margin-top:8px;padding-top:8px;font-weight:700;display:flex}.cart-actions{gap:8px;margin-top:16px;display:flex}.cart-action-button{cursor:pointer;text-align:center;border:none;border-radius:4px;flex:1;padding:8px 16px;font-size:14px;font-weight:500}.checkout-button{color:#fff;background-color:#0f7ba3}.clear-button{color:#333;background-color:#f0f0f0}.remove-button{color:#e74c3c;cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-size:12px}@media screen and (max-width:768px){.cart-popup{width:350px;max-height:350px}.cart-item{padding:6px 0}.cart-action-button{padding:8px 12px;font-size:13px}}@media screen and (max-width:480px){.cart-popup{width:300px;max-height:300px;padding:12px;right:20px}.cart-popup-title{font-size:14px}.cart-item{flex-wrap:wrap}.cart-item-image img{width:30px;height:30px;margin-right:8px}.cart-item-name{font-size:12px}.cart-item-details{font-size:10px}.cart-item-price{font-size:12px}.cart-quantity-button{width:20px;height:20px}.cart-quantity{margin:0 4px;font-size:12px}.cart-actions{flex-direction:column}.cart-action-button{padding:6px 10px;font-size:12px}}@media screen and (max-width:320px){.cart-popup{width:250px;padding:10px;right:-80px}.cart-item-info{width:100%;margin-bottom:4px}.cart-item{padding:8px 0}.cart-quantity-control{margin-top:4px;margin-left:0}}
.checkout-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.checkout-container{background-color:#fff;border-radius:8px;width:100%;max-width:800px;max-height:90vh;animation:.3s ease-out fadeIn;position:relative;overflow-y:auto;box-shadow:0 5px 15px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-button{cursor:pointer;color:#666;z-index:10;background:0 0;border:none;font-size:24px;transition:color .2s;position:absolute;top:10px;right:15px}.close-button:hover{color:#000}.checkout-header{border-bottom:1px solid #eee;padding:20px 25px}.checkout-header h2{color:#333;margin:0 0 15px;font-size:24px}.checkout-steps{margin-top:15px;display:flex}.step{color:#666;background-color:#f5f5f5;border-radius:4px;margin-right:10px;padding:8px 15px;font-size:14px}.step.active{color:#fff;background-color:#4a90e2;font-weight:500}.checkout-content{padding:25px}.cart-summary h3{color:#333;margin-top:0;margin-bottom:20px;font-size:18px}.empty-cart-message{text-align:center;color:#666;padding:30px;font-size:16px}.cart-items-summary{border:1px solid #eee;border-radius:4px;max-height:350px;margin-bottom:20px;overflow-y:auto}.cart-item-summary{border-bottom:1px solid #eee;padding:15px;display:flex}.cart-item-summary:last-child{border-bottom:none}.item-image{border-radius:4px;flex-shrink:0;width:60px;height:60px;margin-right:15px;overflow:hidden}.item-details{flex-grow:1}.item-name{color:#333;margin-bottom:5px;font-weight:500}.item-specs{color:#666;flex-wrap:wrap;gap:10px;font-size:14px;display:flex}.item-price{color:#333;text-align:right;flex-shrink:0;align-self:center;margin-left:15px;font-weight:500}.cart-total{background-color:#f9f9f9;border-radius:4px;margin-bottom:20px;padding:15px}.cart-total>div{color:#666;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.cart-total>div:last-child{color:#333;border-top:1px solid #ddd;margin-bottom:0;padding-top:10px;font-size:18px;font-weight:600}.cart-actions{justify-content:space-between;gap:15px;margin-top:20px;display:flex}.checkout-form{margin-top:10px}.form-section{margin-bottom:25px}.form-section h3{color:#333;margin-bottom:15px;font-size:18px}.form-row{gap:15px;margin-bottom:15px;display:flex}.form-group{width:100%;margin-bottom:15px}.form-group.half{width:calc(50% - 7.5px)}.form-group label{color:#555;margin-bottom:5px;font-size:14px;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e53935}.error-message{color:#e53935;margin-top:5px;font-size:12px;display:block}.error-banner{color:#c62828;background-color:#ffebee;border-radius:4px;margin-bottom:20px;padding:12px;font-size:14px}.payment-options{flex-direction:column;gap:10px;margin-bottom:15px;display:flex}.payment-option{align-items:center;display:flex}.payment-option input[type=radio]{width:auto;margin-right:10px}.form-actions{justify-content:space-between;margin-top:30px;display:flex}.success-message{text-align:center;padding:40px 25px}.success-icon{fill:#fff;background-color:#4caf50;border-radius:50%;width:60px;height:60px;margin:0 auto 20px;padding:15px}.success-message h3{color:#333;margin-bottom:15px;font-size:22px}.success-message p{color:#666;font-size:16px}.color-circle{vertical-align:middle;border:1px solid #ccc;border-radius:50%;width:12px;height:12px;margin-right:5px;display:inline-block}@media (max-width:600px){.form-row{flex-direction:column;gap:0}.form-group.half{width:100%}.cart-item-summary{flex-wrap:wrap}.item-price{text-align:left;width:100%;margin-top:10px;margin-left:0}.checkout-steps{flex-direction:column;gap:5px}.step{margin-right:0}}
.header{z-index:100;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:1rem 5%;display:flex;position:sticky;top:0;box-shadow:0 2px 5px #0000001a}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-menu-container{justify-content:space-between;align-items:center;display:flex}.nav-menu ul{gap:20px;margin:0;padding:0;list-style:none;display:flex}.nav-menu li{position:relative}.nav-menu a{color:var(--text-color);padding:10px;font-weight:500;text-decoration:none;display:inline-block}.hamburger-button{cursor:pointer;background:0 0;border:none;padding:10px;display:none}.hamburger-icon{background-color:#333;width:25px;height:3px;transition:background-color .3s;display:block;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";background-color:#333;width:100%;height:100%;transition:all .3s;position:absolute}.hamburger-icon:before{transform:translateY(-8px)}.hamburger-icon:after{transform:translateY(8px)}.hamburger-icon.open{background-color:#0000}.hamburger-icon.open:before{transform:rotate(45deg)}.hamburger-icon.open:after{transform:rotate(-45deg)}@media (max-width:768px){.header-container{flex-direction:column;align-items:stretch}.logo-menu-container{width:100%;padding:0 0 10px}.hamburger-button{display:block}.nav-menu.mobile{width:100%;display:none}.nav-menu.mobile.open{display:block}.nav-menu.mobile ul{flex-direction:column;gap:0;width:100%}.nav-menu.mobile li{border-top:1px solid #eee;width:100%}.nav-menu.mobile a{width:100%;padding:15px 10px}.nav-menu.mobile li:last-child{border-bottom:1px solid #eee}}