html,body,#app{font-family:Inter,system-ui,sans-serif}.site-header{z-index:40}#headlessui-portal-root,#headlessui-portal-root>*,[data-headlessui-portal]{position:relative;z-index:1080}#headlessui-portal-root .relative.z-10,[data-headlessui-portal] .relative.z-10,#app .relative.z-10:has(>.fixed.inset-0),#app .relative.z-10:has(.fixed.inset-0){z-index:1080!important}.page-main{min-height:50vh}.account-side a.routerLink{display:flex;align-items:center;gap:.55rem;padding:.65rem .75rem;border-radius:8px;font-size:13px;font-weight:500;color:#333;width:100%;border:0;background:transparent}.account-side a.routerLink:hover,.account-side a.router-link-active{background:var(--primary)!important;color:#fff!important;border-color:transparent!important}.account-side a.router-link-active img{filter:brightness(0) invert(1)}.st-app{min-height:100vh;display:flex;flex-direction:column;background:#fff}.st-app>.page-main,.st-app>.flex-grow{flex:1 1 auto}.product-card .product-media{cursor:pointer}.logo-desktop{width:auto;max-width:200px;height:44px;-o-object-fit:contain;object-fit:contain}.logo-mobile{max-width:150px;height:36px;-o-object-fit:contain;object-fit:contain}.account-avatar img{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.header-actions .btn-outline-light-pill{color:#fff}.text-secondary-brand{color:var(--secondary)}.site-header .auth-user-btn{color:#fff!important}.cat-item .mega-panel{max-height:70vh;overflow:auto}.usp-grid{margin-top:1.5rem}.flash-banner-thumb{width:100%;max-height:180px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.active-page{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.account-side .router-link-active,.account-side a.router-link-active{background:var(--primary);color:#fff}.st-login-panel{border-radius:24px!important}@media (max-width: 1199.98px){.st-float-cart-tab{display:none!important}}.hero-slider .swiper-button-prev,.hero-slider .swiper-button-next{width:40px;height:40px;margin-top:0;top:50%;transform:translateY(-50%);background:#00000059;border-radius:50%;color:#fff}.hero-slider .swiper-button-prev{left:12px;right:auto}.hero-slider .swiper-button-next{right:12px;left:auto}.hero-slider .swiper-button-prev:after,.hero-slider .swiper-button-next:after{font-size:14px}.hero-slider .swiper-pagination-bullet{background:#fff;opacity:.55}.hero-slider .swiper-pagination-bullet-active{background:#fff;opacity:1}.form-control,.form-select{display:block;width:100%;height:42px;padding:0 .75rem;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;background:#fff}textarea.form-control{height:auto;padding:.6rem .75rem}.form-control:focus,.form-select:focus{border-color:var(--primary)}.site-footer a:hover{color:var(--secondary)}.btn-teal,a.btn-teal{background:var(--primary);color:#fff}.btn-coral,a.btn-coral{background:var(--secondary);color:#fff}.account-side .routerLink{display:flex;align-items:center;gap:.55rem;padding:.65rem .75rem;border-radius:8px;font-size:13px;font-weight:500;color:#333;width:100%;border:0}.account-side .router-link-active{background:var(--primary)!important;color:#fff!important;border-color:transparent!important}.page-main .bg-slate-100{background:#f8fafc}