:root{--color-primary:#ffd26a;--color-secondary:#3cc7a3;--color-primary-blue:#3b7dd8;--color-primary-blue-soft:#4f97ec;--color-link-soft:#eaf2ff;--color-link:#2c6cc4;--color-white:#fff;--color-black:#000;--color-light-black:#212529;--color-gray:#888;--color-light-gray:#f5f5f5;--color-light-surface:#f8fbff;--color-light-surface-2:#eef5ff;--color-light-surface-3:#edf5ff;--color-danger:#e53935;--color-success:#4caf50;--color-focus:#000;--color-border:#000}body{color:var(--color-light-black);background:var(--color-white)}.sm-skeleton{background:var(--color-light-gray);border-radius:8px}.sm-page-loading{background:radial-gradient(circle at 100% 0,#dcebff 0%,transparent 38%),linear-gradient(180deg,var(--color-link-soft)0,var(--color-light-surface)260px,var(--color-light-gray)260px);min-height:70vh}.sm-loader-topbar{grid-template-columns:220px minmax(220px,1fr);gap:12px;display:grid}@media (max-width:991px){.sm-loader-topbar,.sm-loader-banner,.sm-loader-cards{grid-template-columns:1fr}.sm-loader-grid{grid-template-columns:repeat(4,minmax(90px,1fr))}}@media (max-width:575px){.sm-loader-grid,.sm-loader-cards{grid-template-columns:repeat(2,minmax(90px,1fr))}}.sm-navbar .navbar-toggler{border-color:#ffffff73}.sm-navbar .navbar-toggler:focus{box-shadow:0 0 0 .18rem #ffffff40}@media (max-width:991px){.sm-nav-collapse{background:#0a2a565c;border:1px solid #fff3;border-radius:12px;margin-top:10px;padding:10px}.sm-nav-list{gap:2px}.sm-nav-link{border-radius:8px;padding:8px 10px}.sm-auth-actions{flex-direction:column;width:100%;margin-top:8px}.sm-auth-btn{text-align:center;width:100%}.sm-user-dropdown{width:100%;margin-top:8px}.sm-user-btn{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.sm-user-menu{width:100%}}.sm-confirm-overlay{z-index:1080;background:#0a101c73;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.sm-confirm-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;width:min(420px,100%);padding:16px;box-shadow:0 16px 36px #10285833}.sm-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;font-weight:600;text-decoration:none;display:inline-flex}.sm-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sm-btn-sm{padding:.35rem .7rem;font-size:.875rem}.sm-btn-md{padding:.52rem .9rem;font-size:.94rem}.sm-btn-lg{padding:.72rem 1.05rem;font-size:1rem}.sm-btn-primary{background:var(--color-primary-blue);border-color:var(--color-primary-blue);color:var(--color-white)}.sm-btn-primary:hover{color:var(--color-white);filter:brightness(.96)}.sm-btn-outline{background:var(--color-white);border-color:var(--color-primary-blue);color:var(--color-primary-blue)}.sm-btn-outline:hover{color:var(--color-white);background:var(--color-primary-blue)}.sm-btn-warning{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-light-black)}.sm-btn-warning:hover{color:var(--color-light-black);filter:brightness(.96)}.sm-btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-white)}.sm-btn-danger:hover{color:var(--color-white);filter:brightness(.96)}.sm-btn-light{background:var(--color-white);border-color:var(--color-white);color:var(--color-light-black)}.sm-btn-light:hover{color:var(--color-light-black);filter:brightness(.97)}.home-page .sm-banner-primary{--bs-btn-bg:var(--color-primary-blue);--bs-btn-color:var(--color-white)}.home-page .sm-banner-secondary{--bs-btn-bg:transparent;--bs-btn-border-color:var(--color-primary-blue-soft);color:var(--color-primary-blue)}.home-page .offer-box{border-left:4px solid var(--color-primary-blue);background:linear-gradient(#4f97ec1f,#4f97ec0a)}.home-page .category-scroll{-webkit-overflow-scrolling:touch;gap:.5rem;overflow-x:auto}.home-page .category-scroll::-webkit-scrollbar{height:8px}.home-page .category-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:6px}.home-page .brand-card{background:var(--color-white);border-radius:8px;padding:18px;box-shadow:0 6px 20px #1028580f}.search-wrap{position:relative}.search-wrap .input-group .form-control{border-radius:8px 0 0 8px;min-height:48px}.search-wrap .btn{border-radius:0 8px 8px 0}.search-dropdown{z-index:1100;border-radius:8px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 12px 30px #1028581f}.search-dropdown .list-group-item{cursor:pointer}.search-dropdown .list-group-item.active{background:var(--color-primary-blue-soft);color:var(--color-white)}.sm-page-loading{background:#f8f9fb}.sm-skeleton{background:#e2e5e9;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000a}.sm-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:150px;height:100%;animation:1.2s infinite shimmer;position:absolute;top:0;left:-150px}@keyframes shimmer{to{transform:translate(300px)}}.sm-loader-topbar{align-items:center;gap:16px;display:flex}.sm-title{width:180px;height:40px}.sm-search{flex:1;height:40px}.sm-loader-banner{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.sm-banner{border-radius:16px;height:220px}.sm-loader-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;display:grid}.sm-grid-item{height:90px}.sm-loader-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.sm-card{border-radius:16px;height:200px}