@import"../Bootstrap/bootstrap.css";.login-page,.register-page{display:flex;justify-content:center;flex-direction:column;flex-grow:1;background-color:var(--bg-light, #f9fafb)}.login-container,.register-container{background:var(--bg-white, #ffffff);padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:640px;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;position:relative}.login-container a,.register-container a{color:var(--primary-color);text-decoration:none}.login-container a:hover,.register-container a:hover{text-decoration:underline}.login-container a:focus-visible,.register-container a:focus-visible{text-decoration:underline;outline:none}@media(max-width: 600px){.login-container,.register-container{padding:1.2rem}}.login-container .header-img,.register-container .header-img{display:block;object-fit:cover;border-radius:.5rem;width:120px;height:120px}@media(max-width: 600px){.login-container .header-img,.register-container .header-img{width:100px;height:100px}}.login-form,.register-form,.set-password-form,.resend-password-form{text-align:start}.login-form .options-wrapper,.register-form .options-wrapper,.set-password-form .options-wrapper,.resend-password-form .options-wrapper{display:flex;justify-content:space-between;align-items:center}.login-form .options-wrapper a:hover,.register-form .options-wrapper a:hover,.set-password-form .options-wrapper a:hover,.resend-password-form .options-wrapper a:hover{text-decoration:underline;cursor:pointer}.login-form .options-wrapper .option-item,.register-form .options-wrapper .option-item,.set-password-form .options-wrapper .option-item,.resend-password-form .options-wrapper .option-item{display:flex;align-items:center;font-size:.9rem;color:var(--text-color, #333)}@media(max-width: 600px){.login-form .options-wrapper,.register-form .options-wrapper,.set-password-form .options-wrapper,.resend-password-form .options-wrapper{flex-direction:column;align-items:flex-start}.login-form .options-wrapper .option-item,.register-form .options-wrapper .option-item,.set-password-form .options-wrapper .option-item,.resend-password-form .options-wrapper .option-item{display:flex;align-items:center;margin-bottom:.3rem}.login-form .options-wrapper .forgot-password-link,.register-form .options-wrapper .forgot-password-link,.set-password-form .options-wrapper .forgot-password-link,.resend-password-form .options-wrapper .forgot-password-link{margin-top:.5rem}}.login-form .forgot-password-link,.register-form .forgot-password-link,.set-password-form .forgot-password-link,.resend-password-form .forgot-password-link{font-size:.9rem}.submit-button{display:block;width:100%;padding:.75rem;background-color:var(--primary-color);color:var(--text-white, #ffffff);border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:var(--primary-color-light-10)}.submit-button:focus{box-shadow:0 0 0 .25rem var(--primary-color-light-40);outline:none}@media(max-width: 600px){.submit-button{font-size:.9rem}}.register-section,.login-section,.reset-password-section{margin-top:1.5rem;font-size:.9rem}.register-link a:hover,.login-link a:hover{text-decoration:underline;cursor:pointer}.option-item{display:flex;align-items:center;gap:.5rem}.option-label{font-size:.875rem;color:var(--secondary-color, #4b5563);cursor:pointer}.back-to-login{color:var(--primary-color);text-decoration:none;cursor:pointer}.back-to-login i{text-decoration:none}.back-to-login:hover span{text-decoration:underline}.auth-header .header-img{display:block;object-fit:cover;border-radius:.5rem;width:100px;height:100px}@media(max-width: 600px){.auth-header .header-img{width:80px;height:80px}}.input-wrapper{margin-bottom:1rem}.input-label{display:block;margin-bottom:.3rem}.input-label .required{color:var(--error-color, #e74c3c)}.input-box{display:flex;align-items:center;border:1px solid var(--border-color, #dee2e6);border-radius:.5rem;overflow:hidden;position:relative}.input-box:has(.input-icon){padding-left:2.4rem}.input-box.is-invalid{border-color:var(--error-color, #e74c3c)}.input-box.is-invalid:focus-within{border-color:var(--error-color, #e74c3c)}.input-box:focus-within{border-color:var(--primary-color-light-20)}@media(max-width: 600px){.input-box .input-field{padding:.5rem .5rem .5rem .5rem;font-size:.9rem}}.input-error{color:var(--error-color, #e74c3c)}.input-icon{position:absolute;left:.6rem;color:var(--text-light, #6b7280);font-size:1.2rem}.input-field{flex:1;border:none;outline:none;padding:.6rem .5rem .6rem .5rem;font-size:1rem;width:100%;line-height:1;color:var(--text-dark, #222831)}.input-field:autofill,.input-field:-webkit-autofill,.input-field:-webkit-autofill:hover,.input-field:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px #fff inset !important;box-shadow:0 0 0 100px #fff inset !important;-webkit-text-fill-color:var(--text-dark, #222831) !important}.checkbox-container{display:inline-flex;align-items:center;cursor:pointer;font-size:1rem;user-select:none;gap:.5rem}.checkbox-container input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:1.2rem;width:1.2rem}.checkbox-container input[type=checkbox].is-invalid+.checkmark{border-color:var(--error-color, #e74c3c)}.checkbox-container input[type=checkbox]:focus-visible+.checkmark{box-shadow:0 0 0 .2rem rgba(var(--primary-color-light-30-rgb), 0.25)}.checkbox-container input[type=checkbox]:checked+.checkmark{background-color:var(--primary-color)}.checkbox-container input[type=checkbox]:checked+.checkmark:after{display:block}.checkbox-container .checkmark{position:relative;height:1.2rem;width:1.2rem;border-radius:.25rem;flex-shrink:0;border:1px solid var(--primary-color);background-color:rgba(0,0,0,0);transition:background-color .2s ease-in-out}.checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:.45em;top:.25em;width:.25em;height:.5em;border:solid #fff;border-width:0 .15em .15em 0;transform:rotate(45deg)}.checkbox-container .checkbox-label{font-size:.9rem;line-height:1}.checkbox-container .checkbox-label a{font-size:.9rem}.phone-number-container{display:flex;flex-direction:row;align-items:center;border-radius:6px;background-color:var(--bg-white, #ffffff);border:1px solid var(--border-color, #dee2e6)}.phone-number-container:focus-within{border:1px solid var(--primary-color-light-20)}.phone-number-container.is-invalid{border-color:var(--error-color, #e74c3c)}.phone-number-container.is-invalid:focus-within{border-color:var(--error-color, #e74c3c)}.phone-number-container .country-select-wrapper .country-select{width:100%;height:100%;padding:6px 8px;font-size:.875rem}.phone-number-container .phone-number-field{border-left:1px solid var(--border-color, #dee2e6);border-radius:0 6px 6px 0}.phone-number-container .phone-number-field .input-box{padding-left:0}.phone-number-container .selected-country{border-radius:6px 0 0 6px !important;border:none !important}.phone-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-dark, #222831);margin-bottom:.4rem}.form-group-container{margin-bottom:1rem}.phone-number-field{flex:1}.phone-number-field .input-wrapper,.phone-number-field .input-box,.phone-number-field .input-field{min-width:0}.phone-number-field .input-box{border:none;box-shadow:none}.phone-number-field .input-wrapper{margin-bottom:0;border-bottom-left-radius:0}.phone-number-field .input-field{width:100%;flex:initial;padding:.6rem 8px .6rem 8px}@media(max-width: 600px){.phone-number-field .input-field{padding:.5rem 8px .5rem 8px;font-size:.9rem}}.country-flag-figure{display:flex;justify-content:center;align-items:center;margin:0;height:15px;width:20px}.country-flag{width:100%;border-radius:2px;overflow:hidden;box-shadow:rgba(0,0,0,.16) 0px 10px 36px 0px,rgba(0,0,0,.06) 0px 0px 0px 1px}.country-select-combobox{position:relative;display:inline-block}.country-select-combobox .selected-country{border:1px solid var(--border-color, #dee2e6);display:flex;align-items:center;border-radius:6px;padding:.6rem;cursor:pointer;background-color:var(--bg-white, #ffffff);gap:.5rem;user-select:none;min-height:calc(20px + 1.2rem)}.country-select-combobox .selected-country .dropdown-icon{margin-left:auto}.country-select-combobox .selected-country:focus-visible{outline:none}@media(max-width: 600px){.country-select-combobox .selected-country{min-height:calc(20px + 1rem);padding:.5rem .5rem .5rem .5rem;font-size:.9rem}}.country-select-combobox .country-dropdown{position:absolute;top:calc(100% + 5px);left:0;z-index:1000;width:100%;max-height:300px;overflow:hidden;background:var(--bg-white, #ffffff);border:1px solid var(--border-color, #dee2e6);border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.country-select-combobox .country-dropdown:focus-visible{outline:none}.country-select-combobox .country-dropdown .country-options{max-height:300px;overflow-y:auto}.country-select-combobox .country-dropdown .country-options .country-option{display:flex;align-items:center;padding:.4rem;gap:.5rem;cursor:pointer}.country-select-combobox .country-dropdown .country-options .country-option:hover{background-color:#f0f0f0}.country-select-combobox .country-dropdown .country-options .country-option:focus-within{background-color:#e0e0e0}.country-select-combobox .country-dropdown .country-options .country-option:focus-visible{outline:none}.birthday-select-inline{display:flex;gap:1rem;margin-top:.3rem}.birthday-inline-option{display:flex;flex-direction:column;flex:1}.birthday-inline-option select{padding:.6rem .4rem;font-size:.875rem;border:1px solid #ced4da;border-radius:.5rem;outline:none;width:100%;color:#212529}.birthday-inline-option select:has(option:checked:disabled){color:#6c757d}.birthday-inline-option select:focus-within{border-color:var(--primary-color-light-20);box-shadow:0 0 0 .2rem rgba(var(--primary-color-light-30-rgb), 0.25)}.otp-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.otp-header{font-size:1.25rem;font-weight:500;color:var(--text-color, #333);text-align:center}.otp-inputs{display:flex;gap:.5rem;justify-content:center}.otp-inputs:focus{outline:none}.otp-input{position:relative;z-index:0;width:2.5rem;height:2.5rem;font-size:1.25rem;text-align:center;border:2px solid var(--border-color, #dee2e6);border-radius:.5rem;background-color:var(--bg-white, #ffffff);transition:border-color .25s ease,transform .2s ease}.otp-input:focus{border-color:var(--primary-color);transform:scale(1.05);outline:none}.otp-input:focus::after{opacity:1;transform:scale(1)}.product-filters-card{border:1px solid var(--border-color-light, #f3f4f6);border-radius:.5rem;background-color:var(--bg-white, #ffffff);margin:0 auto;box-shadow:0 2px 8px rgba(var(--primary-color-rgb), 0.05)}.product-filters-card .product-filters-card-header{padding:1rem;border-bottom:1px solid var(--border-color-light, #f3f4f6)}.product-filters-card .product-filters-card-header .product-filters-card-title{font-size:1.25rem;display:flex;align-items:center;gap:.5rem;color:var(--text-dark, #222831);margin-bottom:0}.product-filters-card .product-filters-card-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.product-filters-card .product-filters-card-content label{font-size:1rem !important;font-weight:500;color:var(--text-strong, #555)}.product-filters-card .product-filters-card-content .form-group{display:flex;flex-direction:column;gap:.25rem}.product-filters-card .product-filters-card-content .form-group .input-field{padding:.5rem;border:1px solid var(--border-color, #dee2e6);border-radius:.5rem;font-size:1rem;color:var(--text-dark, #222831);background-color:var(--bg-white, #ffffff)}.product-filters-card .product-filters-card-content .form-group .input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb), 0.1)}.product-filters-card .product-filters-card-content .form-group.price-range .price-inputs{display:flex;gap:.5rem}.product-filters-card .product-filters-card-content .form-group.price-range .price-inputs input{flex:1}.product-filters-card .product-filters-card-content .form-group.price-range .filter-btn{margin-top:.5rem;padding:.5rem;border:1px solid var(--primary-color);border-radius:.5rem;background-color:rgba(0,0,0,0);color:var(--primary-color);font-weight:500;cursor:pointer;transition:all .2s}.product-filters-card .product-filters-card-content .form-group.price-range .filter-btn:hover{background-color:var(--primary-color);color:var(--text-white, #ffffff)}.country-selection-container{width:100%;position:relative;display:inline-block}.country-selection-container .selected-country{border:1px solid var(--border-color, #dee2e6);display:flex;align-items:center;border-radius:6px;padding:.6rem;cursor:pointer;background-color:var(--bg-white, #ffffff);gap:.5rem;user-select:none;min-height:calc(20px + 1.2rem)}.country-selection-container .selected-country .dropdown-icon{margin-left:auto}.country-selection-container .selected-country:focus-visible{outline:none}@media(max-width: 600px){.country-selection-container .selected-country{min-height:calc(20px + 1rem);padding:.5rem .5rem .5rem .5rem;font-size:.9rem}}.country-selection-container .country-dropdown{position:absolute;top:calc(100% + 5px);left:0;z-index:1000;width:100%;max-height:300px;overflow:hidden;background:var(--bg-white, #ffffff);border:1px solid var(--border-color, #dee2e6);border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.country-selection-container .country-dropdown:focus-visible{outline:none}.country-selection-container .country-dropdown .country-options{max-height:300px;overflow-y:auto}.country-selection-container .country-dropdown .country-options .country-option{display:flex;align-items:center;padding:.4rem;gap:.5rem;cursor:pointer}.country-selection-container .country-dropdown .country-options .country-option:hover{background-color:#f0f0f0}.country-selection-container .country-dropdown .country-options .country-option:focus-within{background-color:#e0e0e0}.country-selection-container .country-dropdown .country-options .country-option:focus-visible{outline:none}.pagination-container{display:flex;justify-content:center;margin-top:2rem}.pagination{display:flex;gap:.5rem}.pagination .page-item .page-link{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .75rem;font-size:.875rem;font-weight:500;color:var(--text-dark, #222831);background:var(--bg-white, #ffffff);border:1px solid var(--border-color, #dee2e6);border-radius:var(--border-radius, 0.5rem);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:all .3s ease}.pagination .page-item .page-link:hover{background:var(--bg-light, #f9fafb);color:var(--primary-color)}.pagination .page-item .page-link:focus-visible{border-color:var(--primary-color-light-20)}.pagination .page-item.active .page-link{background:var(--primary-color);color:var(--text-white, #ffffff);border-color:var(--primary-color);font-weight:600;box-shadow:0 4px 10px rgba(var(--primary-color), 0.3)}.pagination .page-item.disabled .page-link{background:var(--bg-gray, #e5e7eb);color:var(--text-lighter, #9ca3af);border-color:var(--border-color, #dee2e6);cursor:not-allowed;opacity:.6;box-shadow:none}.order-product{display:flex;align-items:center;gap:1rem}.order-product-image{width:4rem;height:4rem;border-radius:.375rem;object-fit:contain}.order-product-details{flex:1}.order-product-name{font-weight:500}.order-product-quantity{font-size:.875rem;color:#666}.order-product-price{text-align:right}.order-product-price p{font-weight:600}.product-card{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-white, #ffffff);border-radius:var(--border-radius, 0.5rem);overflow:hidden;border:1px solid var(--border-color, #dee2e6);transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.product-card[role=button]{cursor:default !important}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card:focus-within{outline:none;border-color:var(--primary-color-light-20)}.product-card__image-placeholder{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.product-card__image-container{position:relative;padding:1rem;background:var(--bg-light, #f9fafb);cursor:pointer}.product-card__placeholder-icon{font-size:3rem;color:var(--text-lighter, #9ca3af);z-index:1}.product-card__image{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:var(--border-radius, 0.5rem);transition:transform .3s ease;opacity:0;display:block}.product-card__image--loaded{opacity:1}.product-card__badge{position:absolute;top:1rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;z-index:10;color:var(--text-white, #ffffff)}.product-card__badge--discount{left:1rem;background:var(--primary-color)}.product-card__badge--out-of-stock{right:1rem;background:var(--error-color, #e74c3c)}.product-card__content{padding:1rem 1rem 2rem 1rem;background:var(--bg-white, #ffffff);flex:1;display:flex;flex-direction:column}.product-card__title{font-size:1rem;font-weight:600;color:var(--text-dark, #222831);margin:0 0 .5rem 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;transition:color all .3s ease}.product-card__title:hover{color:var(--primary-color)}.product-card__description{font-size:.875rem;color:var(--text-light, #6b7280);margin:0 0 1rem 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-card__price-group{display:flex;flex-direction:column}.product-card__price{font-weight:700;font-size:1.125rem;color:var(--text-dark, #222831)}.product-card__price-old{font-size:.875rem;color:var(--text-lighter, #9ca3af);text-decoration:line-through}.product-card__add-button{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--primary-color);color:var(--text-white, #ffffff);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.product-card__add-button:hover:not(:disabled){background:var(--primary-color-light-10)}.product-card__add-button:disabled{background:var(--primary-color-light-10);cursor:not-allowed;opacity:.6}.product-card__skeleton{display:flex;flex-direction:column;height:100%}.product-card__skeleton .skeleton-image{width:100%;aspect-ratio:4/3;background:linear-gradient(90deg, var(--bg-light, #f9fafb) 25%, var(--border-color, #dee2e6) 37%, var(--bg-light, #f9fafb) 63%);background-size:400% 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--border-radius, 0.5rem);margin-bottom:1rem}.product-card__skeleton .skeleton-content{padding:0 1rem;flex:1;display:flex;flex-direction:column}.product-card__skeleton .skeleton-content .skeleton-title,.product-card__skeleton .skeleton-content .skeleton-description,.product-card__skeleton .skeleton-content .skeleton-price,.product-card__skeleton .skeleton-content .skeleton-button{background:var(--bg-light, #f9fafb);border-radius:6px;margin-bottom:.5rem;animation:shimmer 1.5s infinite linear;background-size:400% 100%}.product-card__skeleton .skeleton-content .skeleton-title{width:70%;height:1.2rem}.product-card__skeleton .skeleton-content .skeleton-description{width:90%;height:.8rem}.product-card__skeleton .skeleton-content .skeleton-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-card__skeleton .skeleton-content .skeleton-footer .skeleton-price{width:30%;height:1rem}.product-card__skeleton .skeleton-content .skeleton-footer .skeleton-button{width:40%;height:2rem}@keyframes shimmer{0%{background-position:-400% 0}100%{background-position:400% 0}}body:has(.modal-backdrop.show){overflow:hidden}.dialog-host{justify-content:center;align-items:center;z-index:1100;width:100%;position:fixed;inset:0;overflow-y:auto;padding:2rem .5rem;display:none;height:100%}.dialog-host[data-state=open]{display:flex}.dialog-host .login-container,.dialog-host .register-container{box-shadow:0 2px 10px rgba(0,0,0,.1)}.dialog-content-wrapper{margin:auto}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:1090;display:flex;align-items:center;justify-content:center}.dialog-container:not(.side-panel){background-color:var(--bg-white, #ffffff);border-radius:.4rem;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:500px;width:100%;padding:1.5rem;position:relative;opacity:0;transform:scale(0.95) translateY(-10px);transition:opacity 200ms ease-out,transform 200ms ease-out}.dialog-host[data-state=open] .dialog-container:not(.side-panel){opacity:1;transform:scale(1) translateY(0);animation:dialog-in 200ms ease-out}@media(max-width: 500px){.dialog-container:not(.side-panel){width:calc(100% - 1rem)}}.dialog-container.side-panel{width:450px;max-width:100%;height:100vh;position:fixed;top:0;right:0;margin:0;border-radius:0;background-color:var(--bg-white, #ffffff);box-shadow:0 0 20px rgba(0,0,0,.2);opacity:0;animation:slide-in 300ms ease-in-out;display:flex;flex-direction:column}.dialog-host[data-state=open] .dialog-container.side-panel{opacity:1}.dialog-container.side-panel .dialog-content{max-height:calc(100vh - 60px);overflow-y:auto;flex-grow:1}.dialog-container.side-panel .dialog-header,.dialog-container.side-panel .dialog-footer{padding:1rem}@keyframes slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dialog-header h2{margin:0;font-size:1.25rem;font-weight:500}.dialog-header .close-dialog-button{color:#4b5563;background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .3s ease}.dialog-header .close-dialog-button:hover{color:#111827}.dialog-content{max-height:60vh;overflow-y:auto}.dialog-footer{display:flex;justify-content:flex-end;margin-top:1rem}.dialog-footer .dialog-button{padding:.5rem 1rem;border:none;border-radius:.375rem;background-color:var(--primary-color-light-10);color:var(--text-white, #ffffff);cursor:pointer;font-size:.875rem;transition:background-color .2s}.dialog-footer .dialog-button:hover{background-color:var(--primary-color)}.dialog-footer .dialog-button:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--primary-color-light-20), 0.5)}@keyframes dialog-in{from{opacity:0;transform:scale(0.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialog-out{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0.95) translateY(-10px)}}.tabs .tabs-nav{display:flex;border-bottom:1px solid #ddd;overflow-x:auto;white-space:nowrap;min-width:0}.tabs .tabs-nav .tab-button{flex-shrink:0;border:none;background:rgba(0,0,0,0);color:inherit;padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:color .2s ease,border-bottom-color .2s ease}.tabs .tabs-nav .tab-button:hover{color:var(--primary-color)}.tabs .tabs-nav .tab-button.active{border-bottom:2px solid var(--primary-color);color:var(--primary-color)}@media(max-width: 600px){.tabs .tabs-nav .tab-button{padding:.5rem;font-size:.875rem}}.tabs .tab-content .tab-pane{display:none}.tabs .tab-content .tab-pane.show{display:block}.nav-link{display:flex;align-items:center;color:var(--secondary-color, #4b5563);transition:color .3s ease;padding:.5rem .75rem;height:2.25rem;border-radius:.375rem}.nav-link:hover{color:var(--text-dark, #222831)}.nav-link:focus-visible{outline:none;box-shadow:0 0 0 2px var(--primary-color-light-20);outline-offset:2px}.nav-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;background:rgba(0,0,0,0);border:none;cursor:pointer;transition:all .2s ease;outline:none;height:2.25rem;width:2.25rem;color:var(--secondary-color, #4b5563);position:relative}.nav-button:hover,.nav-button:focus{background-color:#f5f5f5;outline:none}.nav-button:disabled{pointer-events:none;opacity:.5}.nav-button .badge{position:absolute;top:-0.25rem;right:-0.25rem;background-color:#ef4444;color:#fff;font-size:.75rem;font-weight:bold;width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.animate-pop{animation:pop .3s ease-in-out}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.main-nav{border-bottom:2px solid var(--border-color, #dee2e6)}.main-nav a:has(.logo-container):focus-visible{outline:none;box-shadow:none}.main-nav a:has(.logo-container):focus-visible .logo-container+span{outline:none;box-shadow:0 0 0 2px var(--primary-color-light-20);outline-offset:2px}.custom-nav-link{color:var(--secondary-color, #4b5563);transition:color .3s ease,background-color .3s ease;text-decoration:none}.custom-nav-link:hover,.custom-nav-link:focus{color:var(--text-dark, #222831);background-color:var(--bg-light, #f9fafb)}.btn-ghost-custom{background-color:rgba(0,0,0,0);border:none;color:var(--secondary-color, #4b5563);font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.375rem;width:100%;transition:background-color .3s ease,color .3s ease}.btn-ghost-custom:hover,.btn-ghost-custom:focus{background-color:#e0e7ff;color:var(--primary-color);outline:none}.btn-ghost-custom:disabled{pointer-events:none;opacity:.5}.btn-ghost-sm{display:flex;align-items:center;gap:.5rem;color:var(--secondary-color, #4b5563);background:rgba(0,0,0,0);border:none;padding:.25rem .5rem;cursor:pointer;transition:color .3s ease}.btn-ghost-sm:hover{color:var(--text-dark, #222831)}.logout-button,.login-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;height:2.25rem;white-space:nowrap;color:var(--secondary-color, #4b5563);background:rgba(0,0,0,0);border:none;border-radius:.375rem;transition:color .2s,background-color .2s}.logout-button:hover,.login-button:hover{background-color:var(--accent, #f3f4f6);color:var(--text-dark, #222831)}.logout-button:focus-visible,.login-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--primary-color-light-20);outline-offset:2px}.logout-button:disabled,.login-button:disabled{opacity:.5;pointer-events:none}.burger{position:relative;width:28px;height:22px;background:rgba(0,0,0,0);cursor:pointer;display:block}.burger input{display:none}.burger span{display:block;position:absolute;height:3px;width:100%;background:#000;border-radius:6px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.burger span:nth-of-type(1){top:0;transform-origin:left center}.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.burger span:nth-of-type(3){top:100%;transform:translateY(-100%);transform-origin:left center}.burger input:checked~span:nth-of-type(1){transform:rotate(45deg);top:0;left:3.5px}.burger input:checked~span:nth-of-type(2){width:0;opacity:0}.burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:20px;left:3.5px}.logo-container{width:40px;height:40px;overflow:hidden;display:flex;align-items:center;justify-content:center}.cart-product-item__image{width:4rem;height:4rem;border-radius:.25rem;overflow:hidden;position:relative}.cart-product-item__image img{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.cart-product-item__image img.loaded{opacity:1}.cart-product-item__image .image-placeholder{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-light, #f9fafb)}.primary-footer{background-color:var(--bg-light, #f9fafb);color:var(--text-color, #333);padding:3rem 0;border-top:1px solid var(--border-color, #dee2e6)}.primary-footer .footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width: 768px){.primary-footer .footer-grid{grid-template-columns:repeat(4, 1fr)}}.primary-footer .footer-section{display:flex;flex-direction:column;gap:1rem}.primary-footer .footer-section .footer-title{font-size:1.125rem;font-weight:600;color:var(--text-dark, #222831)}.primary-footer .footer-section .footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.primary-footer .footer-section .footer-links li a{text-decoration:none;font-size:.875rem}.primary-footer .footer-section .footer-links li a:hover{color:var(--primary-color)}.primary-footer .footer-section .logo-area{display:flex;align-items:center;gap:.5rem}.primary-footer .footer-section .logo-area .logo-image{height:2rem;width:auto;border-radius:.25rem}.primary-footer .footer-section .logo-area .logo-text{font-weight:bold;font-size:1.25rem;color:var(--text-dark, #222831)}.primary-footer .footer-section .social-icons{display:flex;gap:1rem}.primary-footer .footer-section .social-icons .social-icon{color:var(--text-lighter, #9ca3af)}.primary-footer .footer-section .social-icons .social-icon:hover{color:var(--primary-color)}.primary-footer .footer-section .contact-info{display:flex;flex-direction:column;gap:.5rem}.primary-footer .footer-section .contact-info .contact-item{display:flex;align-items:center;gap:.5rem}.primary-footer .footer-bottom{border-top:1px solid var(--border-color, #dee2e6);margin-top:2rem;padding-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}@media(min-width: 768px){.primary-footer .footer-bottom{flex-direction:row;justify-content:space-between}}.primary-footer .footer-bottom .footer-links-bottom{display:flex;gap:1.5rem}.primary-footer .footer-bottom .footer-links-bottom a{text-decoration:none}.primary-footer .footer-bottom .footer-links-bottom a:hover{color:var(--primary-color)}.secondary-footer{background-color:var(--bg-dark, #1f2937);color:var(--text-lighter, #9ca3af);text-align:center}.secondary-footer a{font-size:.875rem;color:var(--text-lighter, #9ca3af);text-decoration:none;transition:color .3s}.secondary-footer a:hover{color:var(--text-white, #ffffff)}.secondary-footer .text-muted{color:var(--text-lighter, #9ca3af) !important}.secondary-footer .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.secondary-footer .footer-links a{display:inline-block}.toastHost{position:fixed;top:calc(64px + 1rem);right:1rem;z-index:9999;display:flex;flex-direction:column;gap:1rem;pointer-events:none}.toastHost .toastItem{display:flex;align-items:center;max-width:24rem;padding:1rem;border-radius:.5rem;border:1px solid rgba(0,0,0,0);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);pointer-events:auto;animation:slideInTop .5s ease forwards}.toastHost .toastItem .toastMessage{flex:1;font-size:.875rem;font-weight:500;line-height:1rem}.toastHost .toastItem .toastClose{background:none;border:none;margin-left:.75rem;cursor:pointer;opacity:1;transition:opacity .3s}.toastHost .toastItem .toastClose:hover{opacity:.7}.toastHost .toastItem .toastClose svg{width:1rem;height:1rem}.toastHost .toastItem.success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.toastHost .toastItem.error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.toastHost .toastItem.info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.toastHost .toastItem.warning{background-color:#fefce8;border-color:#fef08a;color:#854d0e}@keyframes slideInTop{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}.account-container{max-width:64rem;margin:0 auto;flex:1}.account-welcome{display:flex;justify-content:space-between;align-items:center}.account-welcome h1{color:var(--text-dark, #222831)}@media(max-width: 600px){.account-welcome{flex-direction:column;align-items:flex-start;gap:1rem}}.muted{color:var(--text-light, #6b7280)}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;height:2.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;border:1px solid #ccc;color:var(--text-color, #333);background:var(--bg-white, #ffffff);transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}.outline-button:hover{background:var(--bg-light, #f9fafb);border-color:#ccc !important}.outline-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--primary-color-light-40);outline-offset:2px}.outline-button:disabled{pointer-events:none;opacity:.5}.outline-button i{width:1rem;height:1rem;flex-shrink:0;pointer-events:none}.account-actions{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:1.5rem;margin-top:2rem;margin-bottom:2rem}.account-box{background:var(--bg-white, #ffffff);border:1px solid #ddd;border-radius:.5rem;color:var(--text-color, #333) !important;transition:box-shadow .2s ease;text-decoration:none;padding:1rem 0}.account-box:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);text-decoration:none !important}.account-box__content{display:flex;align-items:center;gap:1rem;padding:1.5rem}.account-box__content .title{font-weight:600;font-size:1rem;margin:0}.account-box__content .icon{font-size:1.5rem}.account-box__content .muted{font-size:.875rem}.card-component .outline-button{text-decoration:none !important;color:var(--text-color, #333) !important}.card-component .outline-button:hover{text-decoration:none !important}.order-item{display:flex;justify-content:space-between;padding:1rem;border:1px solid #eee;border-radius:.5rem;align-items:center}.order-item-info{display:flex;align-items:center;gap:1rem}.order-item-summary{text-align:right}.order-item-summary .order-price{font-weight:600}.order-item-summary .order-count{font-size:.875rem;color:#666}@media(max-width: 600px){.order-item-info{flex-direction:column;align-items:flex-start;gap:.5rem}}.order-number{font-weight:600}.order-date{font-size:.875rem;color:#777}.order-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border:1px solid rgba(0,0,0,0);transition:background .2s ease,box-shadow .2s ease}.order-badge.delivered{background:#d1fae5;color:#065f46}.order-badge.shipped{background:#dbeafe;color:#1e3a8a}.order-badge.processing{background:#fef3c7;color:#92400e}.order-badge.canceled{background:#fee2e2;color:var(--error-color, #e74c3c)}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-form .form-section{display:flex;flex-direction:column;gap:1rem}.profile-form .form-section h3{font-size:1.125rem;font-weight:600}.profile-form .form-section .form-row{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}.profile-form .form-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer}.profile-form .form-submit .icon{width:1rem;height:1rem}.profile-form .form-submit:hover{background:var(--primary-color-light-10)}.profile-form .form-submit:disabled{background-color:#999;cursor:not-allowed}.card-component{background:#fff;color:#111;border-radius:1rem;border:1px solid #ddd;box-shadow:0 1px 2px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.card-component-header{display:grid;grid-template-rows:auto auto;gap:.375rem}.card-component-header-title{display:flex;justify-content:space-between;align-items:center;font-weight:600;line-height:1}@media(max-width: 576px){.card-component-header-title{flex-direction:column;align-items:flex-start;gap:.5rem}}.card-component-content{display:flex;flex-direction:column;gap:1rem}.breadcrumb-nav .nav-link:hover{text-decoration:none !important;color:var(--primary-color)}.breadcrumb-nav .nav-link.active{cursor:default}.profitCenter-selection-page{padding:2rem 0;display:flex;flex-direction:column;justify-content:space-between}.profitCenter-selection-page .container{max-width:720px;margin:auto}.profitCenter-selection-page .title{font-size:2rem;font-weight:500;color:#111827}.profitCenter-selection-page .subtitle{color:#6b7280;font-size:1rem}.profitCenter-selection-page .profitCenter-cards{display:flex;flex-direction:column;gap:1rem}.profitCenter-selection-page .profitCenter-card{background-color:#fff;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease-in-out;border:2px solid #e5e7eb;position:relative}.profitCenter-selection-page .profitCenter-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.profitCenter-selection-page .profitCenter-card.selected{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-width:2px}.profitCenter-selection-page .profitCenter-content{display:flex;align-items:center;gap:1rem}.profitCenter-selection-page .profitCenter-logo{position:relative;flex-shrink:0}.profitCenter-selection-page .logo-img{width:80px;height:80px;border-radius:.75rem;object-fit:cover}.profitCenter-selection-page .profitCenter-info{flex:1}.profitCenter-selection-page .profitCenter-name{font-size:1.25rem;font-weight:500;color:#111827;margin-bottom:.25rem}.profitCenter-selection-page .profitCenter-description{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.profitCenter-selection-page .profitCenter-meta{display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.profitCenter-selection-page .selection-indicator{flex-shrink:0}.profitCenter-selection-page .selection-indicator{display:flex;justify-content:center;align-items:center;height:1.5rem;width:1.5rem;flex-shrink:0;transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1)}.profitCenter-selection-page .indicator{width:24px;height:24px;border-radius:9999px;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}.profitCenter-selection-page .selected-indicator{border-color:inherit;background-color:inherit}.profitCenter-selection-page .btn-continue{background-color:#9ca3af;color:#fff;padding:.75rem 2rem;font-size:1.1rem;font-weight:500;border-radius:.5rem;min-width:12rem;transition:background-color .2s}.profitCenter-selection-page .btn-continue:disabled{background-color:#d1d5db;cursor:not-allowed}.profitCenter-selection-page .btn-continue:active{color:#fff}.profitCenter-selection-page .footer-text{color:#9ca3af;font-size:.875rem}.icon-success{font-size:4rem;color:var(--success-color, #00a63e)}.order-number{font-size:1.5rem;font-weight:bold;color:var(--primary-color)}.info-box{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:.5rem}.shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;height:2.25rem;padding:0 1rem;outline:none;cursor:pointer}.shop-btn:hover{text-decoration:none !important}.shop-btn__primary{background:var(--primary-color);color:var(--text-white, #ffffff) !important;box-shadow:0 1px 2px rgba(0,0,0,.05)}.shop-btn__primary:hover{background:var(--primary-color-light-10)}.shop-btn__secondary{border:1px solid var(--border-color, #dee2e6);background:var(--bg-white, #ffffff);color:var(--text-color, #333) !important;box-shadow:0 1px 2px rgba(0,0,0,.05)}.shop-btn__secondary:hover{background:var(--bg-light, #f9fafb)}.shop-btn:disabled{pointer-events:none;opacity:.5}.shop-btn:focus-visible{border:1px solid var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb), 0.5)}.cart-item{display:flex;align-items:center;gap:1rem}.cart-item__image{width:6rem;height:6rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}.cart-item__image .image-placeholder{display:flex;align-items:center;justify-content:center;position:absolute;background:var(--bg-light, #f9fafb);top:0;left:0;width:100%;height:100%}.cart-item__image img{width:4rem;height:4rem;object-fit:contain;opacity:0;transition:opacity .3s ease}.cart-item__image img.loaded{opacity:1}.cart-item__image .placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--secondary-color, #4b5563)}.cart-item__details{flex-grow:1}.cart-item__details h2{font-weight:500;color:#2d2d2d}.cart-item__details .price{font-size:1.125rem;font-weight:600;color:#111}.cart-item__details .price__old{color:var(--text-lighter, #9ca3af);text-decoration:line-through}.cart-item__details .quantity{display:flex;align-items:center;margin-top:.5rem}.cart-item__details .quantity__btn{width:2rem;height:2rem;border:1px solid #ccc;border-radius:.375rem;background:none;color:#555;cursor:pointer}.cart-item__details .quantity__btn:hover{background:#f3f3f3}.cart-item__details .quantity__value{padding:0 1rem;color:#2d2d2d}.cart-item__remove{color:#ef4444;background:none;border:none;cursor:pointer}.cart-item__remove:hover{color:#b91c1c}.cart-footer{padding:1rem;border-top:1px solid #e5e7eb;width:100%}.cart-footer__summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cart-footer__summary .label{color:#4b5563}.cart-footer__summary .total{font-size:1.5rem;font-weight:bold;color:#111827}.cart-footer .btn{width:100%;padding:.75rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.cart-footer .btn--checkout{background-color:var(--primary-color);color:var(--text-white, #ffffff);border:none}.cart-footer .btn--checkout:hover{background-color:var(--primary-color-light-10);color:var(--text-white, #ffffff)}.cart-footer .btn--clear{margin-top:.5rem;border:1px solid #d1d5db;color:#374151;background:none}.cart-footer .btn--clear:hover{background-color:#f3f4f6}.combobox{position:relative;display:flex;border:1px solid var(--border-color, #dee2e6);border-radius:6px}.combobox:focus-within{border-color:var(--primary-color-light-20)}.combobox.is-invalid{border-color:var(--error-color, #e74c3c)}.combobox.is-invalid:focus-within{border-color:var(--error-color, #e74c3c)}.combobox .selected-item{display:flex;align-items:center;padding:.6rem;cursor:pointer;background-color:var(--bg-white, #ffffff);gap:.5rem;user-select:none;border-radius:6px;justify-content:space-between;flex:1}.combobox .selected-item:focus-visible{outline:none}.combobox .selected-item .dropdown-icon{margin-left:auto}.combobox .selected-item-placeholder{color:var(--text-light, #6b7280)}@media(max-width: 600px){.combobox .selected-item{padding:.5rem;font-size:.9rem}}.combobox .dropdown{position:absolute;top:calc(100% + 5px);left:0;z-index:1000;max-height:300px;overflow:hidden;background:var(--bg-white, #ffffff);border:1px solid var(--border-color, #dee2e6);border-radius:6px;min-width:100%;box-shadow:0 4px 8px rgba(0,0,0,.1)}.combobox .dropdown:focus-visible{outline:none}.combobox .dropdown .dropdown-options{max-height:300px;overflow-y:auto}.combobox .dropdown .dropdown-options .dropdown-option{display:flex;align-items:center;padding:.4rem;gap:.5rem;cursor:pointer}.combobox .dropdown .dropdown-options .dropdown-option:hover{background-color:#f0f0f0}.combobox .dropdown .dropdown-options .dropdown-option:focus-within{background-color:#e0e0e0}.combobox .dropdown .dropdown-options .dropdown-option:focus-visible{outline:none}.combobox .dropdown .dropdown-options .dropdown-option.selected{background-color:var(--primary-color);color:var(--text-white, #ffffff)}@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url("../webfonts/InterVariable.woff2") format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url("../webfonts/InterVariable-Italic.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url("../webfonts/Inter-Thin.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:100;font-display:swap;src:url("../webfonts/Inter-ThinItalic.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url("../webfonts/Inter-ExtraLight.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:200;font-display:swap;src:url("../webfonts/Inter-ExtraLightItalic.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url("../webfonts/Inter-Light.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:300;font-display:swap;src:url("../webfonts/Inter-LightItalic.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../webfonts/Inter-Regular.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:400;font-display:swap;src:url("../webfonts/Inter-Italic.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../webfonts/Inter-Medium.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:500;font-display:swap;src:url("../webfonts/Inter-MediumItalic.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../webfonts/Inter-SemiBold.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:600;font-display:swap;src:url("../webfonts/Inter-SemiBoldItalic.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("../webfonts/Inter-Bold.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:700;font-display:swap;src:url("../webfonts/Inter-BoldItalic.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url("../webfonts/Inter-ExtraBold.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:800;font-display:swap;src:url("../webfonts/Inter-ExtraBoldItalic.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url("../webfonts/Inter-Black.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:900;font-display:swap;src:url("../webfonts/Inter-BlackItalic.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:100;font-display:swap;src:url("../webfonts/InterDisplay-Thin.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:100;font-display:swap;src:url("../webfonts/InterDisplay-ThinItalic.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:200;font-display:swap;src:url("../webfonts/InterDisplay-ExtraLight.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:200;font-display:swap;src:url("../webfonts/InterDisplay-ExtraLightItalic.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:300;font-display:swap;src:url("../webfonts/InterDisplay-Light.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:300;font-display:swap;src:url("../webfonts/InterDisplay-LightItalic.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:400;font-display:swap;src:url("../webfonts/InterDisplay-Regular.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:400;font-display:swap;src:url("../webfonts/InterDisplay-Italic.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:500;font-display:swap;src:url("../webfonts/InterDisplay-Medium.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:500;font-display:swap;src:url("../webfonts/InterDisplay-MediumItalic.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:600;font-display:swap;src:url("../webfonts/InterDisplay-SemiBold.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:600;font-display:swap;src:url("../webfonts/InterDisplay-SemiBoldItalic.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:700;font-display:swap;src:url("../webfonts/InterDisplay-Bold.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:700;font-display:swap;src:url("../webfonts/InterDisplay-BoldItalic.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:800;font-display:swap;src:url("../webfonts/InterDisplay-ExtraBold.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:800;font-display:swap;src:url("../webfonts/InterDisplay-ExtraBoldItalic.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:900;font-display:swap;src:url("../webfonts/InterDisplay-Black.woff2") format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:900;font-display:swap;src:url("../webfonts/InterDisplay-BlackItalic.woff2") format("woff2")}@font-feature-values InterVariable{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values Inter{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values InterDisplay{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}.product-page__main{margin:0 auto;width:100%}.product-page__loading,.product-page__not-found{text-align:center;margin:3rem 0}.product-page__not-found-title{font-size:1.875rem;font-weight:600;color:var(--text-dark, #222831);margin-bottom:1rem}.product-page__grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width: 992px){.product-page__grid{grid-template-columns:1fr 1fr}}.product-page__image-section{display:grid;gap:1rem;justify-items:center}.product-page__image-section .main-image-container{background-color:var(--bg-white, #ffffff);border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05);margin-bottom:1rem;border:1px solid #e5e7eb;position:relative;width:100%;max-width:400px;aspect-ratio:4/5;overflow:hidden;padding:2rem}.product-page__image-section .main-image-container .placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--secondary-color, #4b5563)}.product-page__image-section .main-image-container img{width:100%;height:100%;object-fit:contain;border-radius:.5rem;opacity:0;transition:opacity .3s ease}.product-page__image-section .main-image-container img.loaded{opacity:1}@media(max-width: 576px){.product-page__image-section .main-image-container{padding:1rem}}.product-page__image-section .thumbnail-grid{display:grid;gap:.5rem;justify-content:center;width:100%;grid-auto-rows:80px}@media(min-width: 377px){.product-page__image-section .thumbnail-grid{grid-template-columns:repeat(4, 80px)}}@media(max-width: 376px){.product-page__image-section .thumbnail-grid{grid-template-columns:repeat(3, 80px)}}.product-page__image-section .thumbnail-grid .thumbnail{width:100%;height:100%;border-radius:.5rem;background-position:center;background-size:contain;background-repeat:no-repeat;cursor:pointer;transition:all .2s ease;padding:.5rem;border:2px solid var(--border-color, #dee2e6)}.product-page__image-section .thumbnail-grid .thumbnail.highlight{border:2px solid var(--primary-color)}.product-page__image-section .thumbnail-grid .thumbnail:hover{border:2px solid var(--primary-color)}.product-page__info-section{display:flex;flex-direction:column;min-width:0}.product-page__title{font-size:1.875rem;font-weight:700;color:var(--text-dark, #222831);margin:.5rem 0 1rem 0}.product-page__price-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.product-page__badge{display:inline-flex;padding:.125rem .5rem;font-weight:500;border-radius:6px;color:var(--text-white, #ffffff)}.product-page__badge--discount{background:var(--primary-color)}.product-page__quantity{display:flex;align-items:center;gap:.5rem}.product-page__quantity .quantity-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:bold;border:1px solid var(--border-color, #dee2e6);border-radius:6px;background:var(--bg-white, #ffffff);cursor:pointer;transition:all .2s ease}.product-page__quantity .quantity-btn:disabled{opacity:.5;cursor:not-allowed}.product-page__quantity .quantity-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.product-page__quantity .quantity-display{min-width:2rem;text-align:center;font-size:1.125rem;font-weight:600;color:var(--text-dark, #222831)}.product-page__price-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.product-page__price-group .product-page__price-current{font-size:2rem;font-weight:700;color:var(--text-dark, #222831)}.product-page__price-group .product-page__price-old{font-size:1.125rem;color:var(--text-lighter, #9ca3af);text-decoration:line-through}.product-page__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid rgba(0,0,0,0);border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none;justify-content:center}.product-page__btn:disabled{opacity:.6;cursor:not-allowed}.product-page__btn--primary{background:var(--primary-color);color:var(--text-white, #ffffff);border:none}.product-page__btn--primary:hover:not(:disabled){background:var(--primary-color-light-10)}.product-page__btn--outline{background:rgba(0,0,0,0);border-color:var(--border-color, #dee2e6);color:var(--text-color, #333);padding:.75rem}.product-page__btn--outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.product-page__out-of-stock-message{font-size:.875rem;color:var(--text-light, #6b7280);margin-top:.5rem}.btn-custom{width:100%;height:3rem;border-radius:.5rem;font-weight:bold;background:var(--primary-color);color:var(--secondary-color);transition:.2s}.btn-custom:hover{opacity:.9}.text-white-80{color:hsla(0,0%,100%,.8) !important}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-info{color:var(--info-color, #3498db) !important}.text-warning{color:var(--warning-color, #f39c12) !important}.text-xl{font-size:1.25rem !important;line-height:1.75rem !important}.text-lg{font-size:1.125rem !important;line-height:1.75rem !important}.text-md{font-size:1rem !important;line-height:1.5rem !important}.text-sm{font-size:.875rem !important;line-height:1.25rem !important}.text-xs{font-size:.75rem !important;line-height:1rem !important}.text-color{color:var(--text-color, #333) !important}.text-primary{color:var(--primary-color) !important}.text-secondary{color:var(--secondary-color, #4b5563) !important}.glowing-icon{background-color:rgba(var(--primary-color-light-20-rgb), 0.2);border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}html,body{margin:0;padding:0;font-family:"Inter",sans-serif;background:var(--bg-light, #f9fafb)}.publicApp{position:relative;display:flex;flex-direction:column;min-height:100dvh}@media(max-width: 768px){.publicApp:has(.appointment-booking-stepper) .primary-footer{padding-bottom:4rem}}.main-content{height:100%;display:flex;flex-direction:column;flex-grow:1}.main-content a{text-decoration:none;color:var(--primary-color)}.main-content a:hover{text-decoration:underline}.header-image-container{width:100%;overflow:hidden;position:relative;border-radius:.4rem}.header-image-container .header-img{width:100%;height:auto;object-fit:cover;display:block}@media(max-width: 768px){.header-image-container .header-img{height:140px}.header-image-container{border-radius:0}}.header-image-container::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:1}.header-image-container-text{position:absolute;bottom:12px;left:16px;right:16px;color:#fff;font-size:1.8rem;font-weight:bold;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.5)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.close-dialog-btn{color:var(--text-light, #6b7280);background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .3s ease;position:absolute;top:1rem;right:1rem}.close-dialog-btn:hover{color:var(--text-dark, #222831)}.dialog-footer .custom-button{font-weight:500;padding:.75rem 1.5rem;border-radius:.5rem;transition:background-color .2s ease,color .2s ease}.dialog-footer .custom-button.small{width:100%}.dialog-footer .custom-button.btn-primary{background-color:var(--primary-color) !important;color:var(--text-white, #ffffff)}.dialog-footer .custom-button.btn-primary:hover{background-color:rgba(var(--primary-color-rgb), 0.9) !important}.dialog-footer .custom-button.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 .25rem var(--primary-color-light-40)}.dialog-footer .custom-button.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.dialog-footer .custom-button.btn-secondary:hover{background-color:#e5e7eb}.dialog-footer .custom-button.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 .25rem rgba(209,213,219,.5)}.custom-loader{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--primary-color);border-radius:50%;margin:50px auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.content-box{width:3.5rem;height:3.5rem;flex-shrink:0}.custom-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:500;transition:background-color .2s,color .2s;outline:none;border-radius:calc(.5rem - 2px);border:none}.custom-button:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.15)}.custom-button:disabled{opacity:.5;pointer-events:none}.custom-button.large{height:2.75rem;padding:.75rem 2rem;font-size:1.125rem;line-height:1rem}.custom-button.small{height:2.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1rem}.btn-primary{background-color:var(--primary-color) !important;color:var(--text-white, #ffffff) !important;border-color:var(--primary-color) !important}.btn-primary:focus-visible{box-shadow:0 0 0 .25rem var(--primary-color-light-40);outline:none}.btn-primary:hover{background-color:rgba(var(--primary-color-rgb), 0.9) !important}.btn-secondary{background-color:var(--background, #fff);color:inherit;border:1px solid #d1d5db;transition:color .2s,background-color .2s,border-color .2s}.btn-secondary:hover{border-color:#9ca3af;background-color:var(--accent, #f8f9fa);color:var(--accent-foreground, #212529)}.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 2px var(--primary-color-light-40);outline-offset:2px}.btn-secondary:disabled{opacity:.5;pointer-events:none}.dropdown .dropdown-menu .dropdown-item:focus{background-color:rgba(var(--primary-color-rgb), 0.1);color:var(--primary-color);outline:none}.dropdown .btn-custom{display:inline-flex;justify-content:center;width:100%;border-radius:.375rem;border:1px solid #d1d5db;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:.5rem 1rem;background-color:#fff;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.dropdown .btn-custom:hover{background-color:#f9fafb}.dropdown .btn-custom:focus-visible{outline:none;box-shadow:0 0 0 2px var(--primary-color-light-20),0 0 0 4px #f3f4f6}.password-visibility-btn{color:var(--primary-color)}.password-visibility-btn:active{color:var(--primary-color-light-20) !important}.password-visibility-btn:hover{color:var(--primary-color-light-10)}.password-visibility-btn:focus-visible{color:var(--primary-color);outline:none;box-shadow:0 0 0 2px var(--primary-color-light-20),0 0 0 4px rgba(243,244,246,.5)}.password-visibility-btn i{height:16px;width:18px}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}/*# sourceMappingURL=app.css.map */