:root{--primary-yellow:#f9b11e;--primary-red:#e5322e;--text-dark:#121212;--text-muted:#666;--bg-light:#f7f8fa;--card-bg:#fff;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 10px #0000000d;--shadow-md:0 4px 15px #0000001a;--font-main:"Poppins",sans-serif}*{box-sizing:border-box;font-family:var(--font-main);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-dark);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.main-header-centered{z-index:1000;background:#fff;justify-content:space-between;align-items:center;height:65px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.header-left,.header-right{align-items:center;gap:18px;width:80px;display:flex}.header-right{justify-content:flex-end}.hamburger-icon{color:#333;cursor:pointer;font-size:22px}.header-center{cursor:pointer;white-space:nowrap;flex:2;justify-content:center;align-items:center;display:flex}.logo-text-centered{justify-content:center;align-items:flex-start;font-size:26px;font-weight:800;line-height:1.1;display:flex}.logo-buy{color:#000;margin-right:-1px;line-height:1.1}.logo-hut-container{color:var(--primary-yellow);flex-direction:column;align-items:center;margin-top:1px;display:flex}.logo-hut{line-height:1}.logo-sub{letter-spacing:2px;color:#888;text-transform:uppercase;margin-top:0;font-size:8px;font-weight:700}.header-right i{color:#333;cursor:pointer;font-size:22px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:4000;opacity:0;visibility:hidden;background:#00000080;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-drawer{z-index:4001;background:#fff;flex-direction:column;width:280px;height:100%;transition:left .3s cubic-bezier(.165,.84,.44,1);display:flex;position:fixed;top:0;left:-280px;box-shadow:5px 0 20px #0000001a}.sidebar-drawer.active{left:0}.sidebar-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:25px 20px;display:flex}.user-profile-row{align-items:center;gap:15px;display:flex}.user-avatar{color:#999;background:#f7f7f7;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.user-greeting{color:#000;font-size:16px;font-weight:700}.user-auth-link{color:#3b82f6;font-size:13px;font-weight:500}.close-sidebar{color:#333;cursor:pointer;font-size:20px}.sidebar-body{flex:1;padding:20px;overflow-y:auto}.sidebar-section{margin-bottom:25px}.sidebar-section-label{color:#999;letter-spacing:1px;margin-bottom:15px;font-size:11px;font-weight:700}.sidebar-link-item{color:#333;cursor:pointer;align-items:center;gap:15px;padding:12px 0;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:relative}.dropdown-trigger{justify-content:space-between}.arrow-icon{color:#ccc;margin-right:5px;font-size:12px;transition:transform .3s}.arrow-icon.rotated{color:var(--primary-yellow);transform:rotate(90deg)}.dropdown-content{opacity:0;max-height:0;padding-left:50px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.dropdown-content.open{opacity:1;max-height:500px;margin-top:5px;margin-bottom:15px}.dropdown-sub-item{color:#666;cursor:pointer;padding:8px 0;font-size:13px;font-weight:500;transition:color .2s}.dropdown-sub-item:active{color:var(--primary-yellow)}.sidebar-divider{background:#f0f0f0;height:1px;margin:10px 0 25px}.menu-icon-circle{color:#444;background:#f5f5f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.engage-store-icon{color:#f9b11e;background:#000}.profile-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}.profile-grid-item{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px 5px;display:flex}.profile-icon-box{color:#666;border:1px solid #f0f0f0;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}.profile-grid-item span{color:#444;font-size:11px;font-weight:600}.install-popup-overlay{z-index:9999;justify-content:center;animation:.5s cubic-bezier(.175,.885,.32,1.275) slideDownIn;display:flex;position:fixed;top:20px;left:20px;right:20px}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.install-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:28px;width:90%;max-width:400px;padding:24px;animation:.5s cubic-bezier(.16,1,.3,1) slideUpPopup;box-shadow:0 20px 50px #0003}@keyframes slideUpPopup{0%{opacity:0;transform:translateY(100px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.install-popup-content{align-items:center;gap:15px;margin-bottom:15px;display:flex}.install-app-icon{background:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding:2px;display:flex;overflow:hidden;box-shadow:0 8px 16px #0000001a}.install-text strong{color:#121212;margin-bottom:4px;font-size:18px;font-weight:800;display:block}.install-text p{color:#666;margin:0;font-size:14px;line-height:1.4}.install-actions{gap:12px;margin-top:5px;display:flex}.install-btn-no{color:#232323;cursor:pointer;background:#f1f1f1;border:none;border-radius:16px;flex:1;padding:14px;font-size:14px;font-weight:700;transition:all .3s}.install-btn-yes{color:#fff;cursor:pointer;background:#232323;border:none;border-radius:16px;flex:1.8;padding:14px;font-size:14px;font-weight:800;transition:all .3s;box-shadow:0 8px 20px #00000026}.install-btn-yes:hover{background:#000;transform:translateY(-2px)}.install-btn-no:hover{background:#e8e8e8}.search-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;visibility:hidden;background:#0006;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.search-overlay.active{opacity:1;visibility:visible}.search-panel{z-index:2001;background:#fff;flex-direction:column;width:100%;max-width:500px;height:100%;transition:right .4s cubic-bezier(.165,.84,.44,1);display:flex;position:fixed;top:0;right:-100%}.search-panel.active{right:0}.search-panel-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:15px;padding:15px 20px;display:flex}.search-panel-header i{color:#333;cursor:pointer;font-size:20px}.search-panel-header input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:500}.search-panel-body{padding:25px 20px;overflow-y:auto}.search-section-title{color:#121212;margin-bottom:20px;font-size:16px;font-weight:700}.popular-tags-grid{flex-wrap:wrap;gap:12px;display:flex}.popular-tag{color:#444;cursor:pointer;border:1.5px solid #f0f0f0;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.popular-tag:active{background:var(--primary-yellow);border-color:var(--primary-yellow);color:#fff;transform:scale(.95)}.suggestions-list{flex-direction:column;gap:12px;display:flex}.suggestion-item{cursor:pointer;background:#f9f9f9;border-radius:12px;align-items:center;gap:15px;padding:12px;transition:all .2s;display:flex}.suggestion-item:active{background:#f0f0f0;transform:scale(.98)}.suggestion-icon{color:#888;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:14px;display:flex}.suggestion-info{flex-direction:column;flex:1;display:flex}.suggestion-name{color:#121212;font-size:14px;font-weight:700}.suggestion-meta{color:#888;font-size:11px;font-weight:500}.suggestion-arrow{color:#ccc;font-size:14px}.no-results-container{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:80px 20px;display:flex}.no-results-icon{color:#ccc;background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:25px;font-size:40px;display:flex}.no-results-container h3{color:#121212;margin-bottom:10px;font-size:22px;font-weight:800}.no-results-container p{color:#888;max-width:300px;margin-bottom:30px;font-size:15px}.browse-more-btn{color:#fff;cursor:pointer;background:#232323;border:none;border-radius:50px;padding:15px 35px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 10px 20px #0000001a}.browse-more-btn:active{transform:scale(.95)}.horizontal-category-bar{scrollbar-width:none;z-index:999;background:#fff;border-bottom:1px solid #f0f0f0;gap:12px;padding:12px 20px;display:flex;position:sticky;top:65px;overflow-x:auto}.horizontal-category-bar::-webkit-scrollbar{display:none}.category-chip-new{color:#444;white-space:nowrap;cursor:pointer;border:1px solid #e0e0e0;border-radius:12px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.category-chip-new.active{color:#fff;background:#232323;border-color:#232323}.category-chip-new:active{transform:scale(.95)}.featured-row{scrollbar-width:none;gap:15px;padding:20px;display:flex;overflow-x:auto}.gender-switcher-container{background:#fff;justify-content:center;padding:15px 0 5px;display:flex}.gender-switcher{background:#f5f5f5;border-radius:50px;width:90%;max-width:400px;padding:4px;display:flex}.gender-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:50px;flex:1;padding:10px 0;font-size:14px;font-weight:700;transition:all .3s}.gender-btn.active{color:#000;background:#fff;box-shadow:0 4px 10px #0000000d}.circular-category-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:15px;padding:10px 20px 20px;display:flex;overflow-x:auto}.circular-category-scroll::-webkit-scrollbar{display:none}.circular-category-item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;transition:transform .2s;display:flex}.circular-category-item:active{transform:scale(.92)}.circular-image-wrap{border:2px solid #0000;border-radius:50%;width:75px;height:75px;padding:2px;transition:all .3s;overflow:hidden;box-shadow:0 4px 10px #00000014}.circular-category-item.active .circular-image-wrap{border-color:#f9b11e;transform:scale(1.05)}.circular-image-wrap img{object-fit:cover;border-radius:50%;width:100%;height:100%}.circular-label{color:#444;text-align:center;font-size:12px;font-weight:600}.circular-category-item.active .circular-label{color:#000;font-weight:700}.find-store-btn{border:1px solid #f9b11e;border-radius:12px;margin-top:10px;color:#f9b11e!important;background:#000!important;padding:12px 15px!important;font-weight:700!important}.gold-icon{color:#000!important;background:#f9b11e!important}.find-store-btn:active{transform:scale(.96)}.section-label-main{color:#333;padding:20px 20px 10px;font-size:22px;font-weight:700}.category-chip i{font-size:16px}.home-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px 30px;display:grid}@media (min-width:1024px){.home-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.product-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.card-image-section{aspect-ratio:3/4;background:#fafafa;width:100%;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .card-img{transform:scale(1.05)}.watermark-overlay{color:#0000000a;pointer-events:none;text-transform:uppercase;z-index:1;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:20px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.share-btn-top{color:#666;cursor:pointer;z-index:2;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #0000001a}.card-like-btn-floating{color:#666;cursor:pointer;z-index:2;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:50px;right:10px;box-shadow:0 2px 6px #0000001a}.card-like-btn-floating.liked{color:var(--primary-red)}.card-like-btn-floating:active{transform:scale(.9)}.card-info-section{flex-direction:column;flex:1;gap:6px;min-height:120px;padding:12px 10px;display:flex}.price-row-new{align-items:center;gap:6px;display:flex}.current-price-new{color:#000;font-size:15px;font-weight:800}.old-price-new{color:#999;font-size:11px;text-decoration:line-through}.discount-green{color:#12b76a;font-size:11px;font-weight:700}.best-price-badge{color:#12b76a;background:#f0fdf4;border-radius:4px;align-items:center;gap:5px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.best-price-badge i{font-size:10px}.item-name-clean{color:#666;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:34px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.product-code-card{color:#999;font-size:10px;font-weight:500}.card-buy-btn-bottom{color:#000;cursor:pointer;text-align:center;letter-spacing:.5px;background:#fff;border:none;border-top:1px solid #f0f0f0;width:100%;padding:12px;font-size:13px;font-weight:800;transition:background .2s}.card-buy-btn-bottom:hover{background:#f9f9f9}.scroll-loader{justify-content:center;width:100%;padding:40px 0;display:flex}.dot-spin{background-color:var(--primary-red);width:10px;height:10px;color:var(--primary-red);box-shadow:20px 0 0 0 var(--primary-red),-20px 0 0 0 var(--primary-red);border-radius:5px;animation:1.5s linear infinite dotSpin}@keyframes dotSpin{0%,to{opacity:1}50%{opacity:.3}}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:769px){.modal-overlay{align-items:center}}.product-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-height:90vh;animation:.3s ease-out slideUp;position:relative;overflow-y:auto}@media (min-width:769px){.product-modal{border-radius:24px;flex-direction:row;max-width:900px;max-height:85vh;animation:.3s ease-out fadeIn;display:flex}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close{cursor:pointer;z-index:10;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 2px 8px #00000026}.modal-close i{color:#333;font-size:16px}.modal-image-section{aspect-ratio:1;background:#fafafa;justify-content:center;align-items:center;width:100%;display:flex;position:relative}@media (min-width:769px){.modal-image-section{aspect-ratio:auto;width:50%}}.modal-product-img{object-fit:cover;width:100%;height:100%}.modal-content{padding:25px 20px 30px}@media (min-width:769px){.modal-content{flex-direction:column;width:50%;padding:40px 35px;display:flex}}.modal-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-price-main{color:#000;font-size:32px;font-weight:800;line-height:1}.modal-price-sub{align-items:center;gap:10px;margin-top:8px;display:flex}.modal-price-old{color:#999;font-size:16px;text-decoration:line-through}.modal-discount{color:#2ed573;font-size:14px;font-weight:700}.modal-like-btn{cursor:pointer;border:2px solid #f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.modal-like-btn:active{border-color:var(--primary-red);background:#ffe5e5}.modal-like-btn i{color:#666;font-size:20px}.modal-like-btn.liked i{color:var(--primary-red)}.modal-product-name{color:#121212;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.4}.modal-product-code{color:#999;margin-bottom:20px;font-size:13px}.modal-description{color:#666;margin-bottom:25px;font-size:14px;line-height:1.6}.modal-buy-btn{background:var(--primary-yellow);color:#000;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:16px;font-size:16px;font-weight:700;transition:transform .2s;display:flex}.modal-buy-btn:active{transform:scale(.98)}.modal-buy-btn i{font-size:14px}.app-footer{color:#999;background:#fff;border-top:1px solid #eee;flex-wrap:wrap;justify-content:center;gap:15px;padding:15px 20px;font-size:11px;display:flex}.sort-container{z-index:900;padding:5px 20px 15px;position:relative}.sort-button{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 15px;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 4px #00000005}.sort-dropdown{background:#fff;border:1px solid #eee;border-radius:12px;margin-top:5px;position:absolute;top:calc(100% - 10px);left:20px;right:20px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.sort-option{color:#555;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 15px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sort-option:hover{color:#000;background:#f9f9f9}.sort-option.active{color:#f9b11e;background:#fff8e1;font-weight:700}.skeleton-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.skeleton-image{aspect-ratio:3/4;background:#f0f0f0;width:100%}.skeleton-info{flex-direction:column;gap:10px;padding:12px 10px;display:flex}.skeleton-line{background:#f0f0f0;border-radius:4px;width:100%;height:12px}.skeleton-line.short{width:60%}.skeleton-btn{background:#f0f0f0;height:40px;margin-top:auto}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}