:root{--page:#eef4f8;--surface:#fff;--surface2:#f7fafc;--text:#17212a;--muted:#617481;--border:#d7e7f2;--subtle:#ecf6fa;--accent:#206ba7;--sale:#f01620;--selected:#e9edf1;--selected-border:#aabac7;color-scheme:only light}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{padding:0;background:var(--page);color:var(--text)}input,select,textarea{color:var(--text)}input::placeholder{color:var(--muted);opacity:1}.app{max-width:480px;background:var(--surface);padding-bottom:90px;border-radius:0}.top{height:60px;padding:10px 12px;gap:7px}.search{padding:8px 10px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px)}.search input{font-size:14px;color:var(--text)}.search svg{color:var(--muted);width:20px;height:20px}.top-action{width:35px;height:35px}.top-action svg{width:23px;height:23px}.badge{min-width:17px;height:17px;line-height:17px;font-size:10px;color:#17212a}.discovery{padding:8px;background:var(--subtle)}.panel{background:var(--surface);padding:13px 11px}.category-page{gap:13px 3px}.cat{font-size:11px;gap:4px;color:var(--text)}.cat img{width:59px;height:49px;object-fit:contain;mix-blend-mode:normal;filter:none}.cat span{font-size:11px}.category-dots{margin-top:12px}.panel h2,.section-head h2{font-size:18px}.brand,.brand img,.brand-fallback{width:62px;height:62px;flex-basis:62px}.brand-next{background:var(--surface);color:var(--accent)}.section-head{padding:16px 14px 11px}.product-rail{padding:0 14px 12px;gap:12px}.card{background:var(--surface);border-color:var(--border)}.card-info{padding:8px 11px 12px}.card h3{font-size:13px;min-height:40px;color:var(--text)}.price{font-size:18px;color:var(--sale)}.old,.prototype,.empty{color:var(--muted)}.bottom{max-width:480px;height:74px;padding:8px 8px max(10px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.nav-item{font-size:11px;color:var(--muted);gap:5px}.nav-item.active{color:var(--accent)}.nav-item svg{width:23px;height:23px}.home img{width:56px;height:56px;top:-22px}.sheet{background:var(--surface);color:var(--text);max-width:480px;padding:22px 18px max(24px,env(safe-area-inset-bottom))}.sheet p{color:var(--muted)}.close{background:var(--surface2);color:var(--text)}.sheet input,.filter-search,.filter-price-row input{background:var(--surface2);color:var(--text);border-color:var(--border)}.filter-option{border-color:var(--border);font-size:15px;padding:13px 8px}.filter-search{font-size:16px}.filter-apply{font-size:17px;padding:13px}.sheet:has(.filter-apply){padding:23px 18px 28px}.sheet:has(.filter-apply) h2{font-size:21px;margin-bottom:24px}.filter-options{margin-top:18px}.sheet .grid{gap:12px}.catalog-page,.profile-page,.cart-page,.product-page,.auth-page{background:var(--surface);color:var(--text);max-width:480px;top:0}.catalog-page{bottom:74px;border-radius:0}.catalog-header{height:60px;padding-top:0}.catalog-header h1{font-size:20px}.catalog-body{padding-top:14px}.catalog-select{height:95px;font-size:13px;border-color:var(--border)}.catalog-select[aria-pressed=true]{background:var(--subtle);color:var(--accent)}.catalog-detail{padding:8px 16px 25px}.subcat{font-size:14px;padding:14px 0;border-color:var(--border)}.catalog-tabs{border-color:var(--border)}.catalog-tabs button{font-size:14px}.detail-header{min-height:56px;padding:12px 15px;gap:12px;background:var(--surface)}.detail-header h1{font-size:20px}.detail-header svg{stroke:var(--text);width:24px;height:24px}.detail-info{padding:12px 16px 19px}.detail-info h2{font-size:20px;margin-bottom:12px}.detail-meta{font-size:13px;color:var(--muted)}.detail-old{color:var(--muted);font-size:12px;margin-bottom:10px}.detail-price{font-size:27px;color:var(--sale)}.detail-saved{font-size:12px;padding:9px;background:var(--subtle);color:var(--sale)}.detail-shipping{background:var(--subtle);font-size:13px;margin-top:18px;padding:12px 25px 12px 12px}.detail-shipping-label{color:var(--muted)}.detail-shipping-row{grid-template-columns:22px 58px minmax(0,1fr);gap:7px}.detail-description{padding:4px 16px 24px}.detail-description h2{font-size:21px;margin:10px 0 18px}.detail-spec{font-size:14px;line-height:1.75}.detail-footer{background:var(--surface);padding:12px 16px max(16px,env(safe-area-inset-bottom));gap:10px;grid-template-columns:35px 1fr 1fr;border-top:1px solid var(--border)}.detail-footer>button{font-size:16px;padding:14px 4px;border-radius:12px}.detail-footer .detail-chat{font-size:12px;color:var(--muted)}.detail-recommend{background:var(--subtle)}.detail-recommend h2{font-size:20px}.detail-recommend h3{font-size:14px;min-height:42px}.detail-recommend .price{font-size:19px}.detail-recommend .card-info{padding:10px 12px}.detail-gallery-count{color:#17212a}.detail-share-url{background:var(--surface2);color:var(--text)}.profile-menu,.profile-account,.profile-tabs,.profile-member,.profile-drawer-panel,.profile-drawer-footer,.cart-header,.basket-card,.cart-footer,.cart-empty{background:var(--surface);color:var(--text)}.profile-page,.cart-page{bottom:74px}.profile-progress-label button,.profile-meter,.basket-qty output,.auth-benefits i{background:var(--surface2)}.profile-drawer-panel button,.profile-tabs,.profile-shortcuts button span,.profile-member p,.profile-guest-message{color:var(--muted)}.profile-drawer-panel button{border-color:var(--border)}.profile-drawer-panel button strong{color:var(--text)}.auth-page input,.otp-boxes input{background:var(--surface2);color:var(--text);border-color:var(--border)}.basket-saving{background:var(--subtle);color:var(--sale)}.profile-account-heading h2{font-size:18px}.profile-tabs button{font-size:15px}.profile-shortcuts button span{font-size:11px}.profile-shortcuts svg{width:29px;height:29px}.profile-account{padding:17px 14px}.profile-hero{padding-top:24px}.profile-login{font-size:16px}.profile-drawer-panel button{font-size:15px;min-height:54px}.profile-drawer-footer{border-color:var(--border)}
.top{margin-bottom:-60px}.top .search{background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid var(--border);padding:8px 10px}.top .search input{color:var(--text)}.top .search input::placeholder{color:var(--muted)}.search-suggestions{background:var(--surface);color:var(--text);border-color:var(--border)}.suggestion-option{color:var(--text);border-color:var(--border)}.suggestion-option:hover,.suggestion-option[aria-selected=true]{background:var(--subtle);color:var(--accent)}.suggestion-note{background:var(--surface2);color:var(--muted)}.suggestion-status{color:var(--muted)}
.banner-placeholder{background:var(--subtle);color:var(--muted)}.home-api-note,.home-api-count{color:var(--muted)}

/* Keep the supplied brand artwork intact inside matching circular frames. */
.brand-logo-circle{border:2px solid var(--brand-color,#008bba);border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden}
.brand-logo-circle img{width:100%;height:100%;padding:5px;object-fit:contain;box-sizing:border-box}

.brand-logo-circle[data-brand="HP"] img{object-fit:cover;padding:4px}

/* ซ่อนข้อความทดสอบและข้อความแหล่งข้อมูล API */
#bannerDataNote,
#homeApiNote,
.home-api-note,
.detail-demo-note {
    display: none !important;
}