/* HaoMall storefront only. Admin layout and permissions are not restyled. */ body[data-surface="store"]{--primary:#f65a1a;--blue:#f65a1a;--yellow:#fff1e8;--bg:#f6f6f6;background:#f6f6f6;color:#222;font-family:Arial,Helvetica,sans-serif} body[data-surface="store"] main.store{width:100%;max-width:none;margin:0;padding:0 0 0;background:#f6f6f6;min-height:100vh;color:#222} body[data-surface="store"] .hao-container{width:calc(100% - 80px);max-width:1392px;margin:0 auto} body[data-surface="store"] button:focus-visible,body[data-surface="store"] a:focus-visible{outline:3px solid #f65a1a;outline-offset:4px} body[data-surface="store"] .hao-header{background:#fff;color:#252525;position:relative;z-index:20;border-bottom:1px solid #eaeaea} body[data-surface="store"] .store .hao-utility{background:#f7f7f7;border-bottom:1px solid #eee;font-size:11px;color:#686868;height:32px} body[data-surface="store"] .store .hao-utility .hao-container,body[data-surface="store"] .store .hao-utility .hao-container>div{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px} body[data-surface="store"] .store .hao-utility button{font-size:11px;padding:0} body[data-surface="store"] .store .hao-utility b{margin:0 7px;color:#bbb;font-weight:400} body[data-surface="store"] .store .hao-utility-divider{width:1px;height:10px;background:#d7d7d7} body[data-surface="store"] .store .hao-header-main{display:grid;grid-template-columns:210px minmax(280px,1fr) 302px;gap:34px;align-items:center;min-height:110px;padding-top:15px;padding-bottom:12px} body[data-surface="store"] .hao-logo{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;color:#f65a1a;font-weight:800;font-size:34px;letter-spacing:-1.8px;line-height:1;direction:ltr} body[data-surface="store"] .store .hao-logo>span>span{font-weight:500;letter-spacing:-1.9px} body[data-surface="store"] .store .hao-logo small{display:block;letter-spacing:1.5px;font-weight:700;font-size:7px;color:#929292;margin-top:8px} body[data-surface="store"] .store .hao-logo-mark{width:38px;height:42px;display:flex;align-items:center} body[data-surface="store"] .store .hao-logo-mark svg{width:35px;height:38px;stroke-width:2;stroke:currentColor;fill:none} body[data-surface="store"] .store .hao-search-area{min-width:0} body[data-surface="store"] .store .hao-search{height:46px;border:2px solid #f65a1a;border-radius:28px;display:flex;align-items:center;padding:3px 4px 3px 18px;background:#fff;box-shadow:none;margin:0;width:100%} body[data-surface="store"] .store .hao-search input{border:0!important;box-shadow:none!important;font-size:13px;padding:9px 4px;background:transparent;min-width:0;flex:1;color:#272727;border-radius:0} body[data-surface="store"] .store .hao-search button{height:36px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:7px;background:#f65a1a;color:white;border-radius:24px;font-size:12px;font-weight:700;flex-shrink:0} body[data-surface="store"] .store .hao-search button svg{width:17px;height:17px;stroke-width:2} body[data-surface="store"] .store .hao-search-suggestions{display:flex;gap:16px;margin:9px 12px 0;align-items:center;white-space:nowrap;overflow:hidden;color:#838383;font-size:10px} body[data-surface="store"] .store .hao-search-suggestions button{font-size:10px;padding:0;color:#646464} body[data-surface="store"] .store .hao-search-suggestions button:hover{color:#f65a1a;text-decoration:underline} body[data-surface="store"] .store .hao-header-account{display:flex;align-items:center;justify-content:flex-end;gap:27px;margin-top:-16px} body[data-surface="store"] .store .hao-header-account>a{display:flex;gap:10px;align-items:center;font-size:10px;color:#777;max-width:218px;line-height:1.6} body[data-surface="store"] .store .hao-header-account>a>svg{width:27px;height:27px;color:#222;stroke-width:1.5;flex-shrink:0} body[data-surface="store"] .store .hao-header-account strong{font-size:12px;color:#222;display:block;font-weight:600} body[data-surface="store"] .store .hao-header-account .hao-cart{position:relative;display:flex;flex-direction:column;gap:1px;color:#222;font-size:10px;flex-shrink:0} body[data-surface="store"] .store .hao-cart b{position:absolute;top:-9px;right:0;min-width:17px;height:17px;display:grid;place-content:center;border-radius:10px;background:#f65a1a;color:white;font-size:10px;border:2px solid #fff} body[data-surface="store"] .store .hao-nav{border-top:1px solid #f3f3f3} body[data-surface="store"] .store .hao-nav>.hao-container{display:flex;align-items:center;gap:28px;height:43px;font-size:12px;font-weight:600;position:relative} body[data-surface="store"] .store .hao-nav button,body[data-surface="store"] .store .hao-nav a{padding:0;white-space:nowrap;font-size:12px} body[data-surface="store"] .store .hao-nav svg{width:15px;height:15px} body[data-surface="store"] .store .hao-nav .hao-hot{color:#f65a1a;display:flex;gap:5px;align-items:center} body[data-surface="store"] .store .hao-nav-help{margin-left:auto;display:flex;gap:7px;align-items:center;font-weight:400} body[data-surface="store"] .store .hao-nav-categories{position:relative;flex-shrink:0;width:218px} body[data-surface="store"] .store .hao-nav-categories summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none} body[data-surface="store"] .store .hao-nav-categories summary::-webkit-details-marker{display:none} body[data-surface="store"] .store .hao-nav-categories summary>span{margin-left:auto;padding-right:14px} body[data-surface="store"] .store .hao-category-dropdown{position:absolute;top:28px;left:0;background:white;border:1px solid #eee;border-radius:0 0 12px 12px;width:240px;padding:10px;box-shadow:0 12px 28px #00000014;z-index:30} body[data-surface="store"] .store .hao-category-dropdown button{display:block;padding:13px 12px;width:100%;text-align:left} body[data-surface="store"] .store .hao-category-dropdown button:hover{background:#fff2e9;color:#f65a1a} body[data-surface="store"] .store .hao-home{padding-top:22px} body[data-surface="store"] .store .hao-discovery{display:grid;grid-template-columns:218px minmax(0,1fr) 222px;gap:16px;min-height:360px} body[data-surface="store"] .store .hao-category-sidebar{border-radius:12px;background:#fff;padding:19px 14px 0;overflow:hidden;display:flex;flex-direction:column;border:1px solid #ededed} body[data-surface="store"] .store .hao-category-sidebar h2{font-size:12px;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 2px 14px} body[data-surface="store"] .store .hao-category-sidebar h2 svg{width:16px;height:16px} body[data-surface="store"] .store .hao-category-link{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;font-size:12px;padding:11px 4px;color:#444;border-radius:5px;gap:6px} body[data-surface="store"] .store .hao-category-link>span:first-child{display:flex;gap:10px;align-items:center} body[data-surface="store"] .store .hao-category-link svg{width:17px;height:17px;color:#6d6d6d} body[data-surface="store"] .store .hao-category-link>span:last-child{color:#999} body[data-surface="store"] .store .hao-category-link:hover{background:#fff4ed;color:#e94c0d} body[data-surface="store"] .store .hao-sidebar-divider{height:1px;background:#eee;margin:8px 3px} body[data-surface="store"] .store .hao-category-note{margin:12px -14px 0;padding:18px 18px 16px;background:#fff7f1;flex:1} body[data-surface="store"] .store .hao-category-note>span{font-size:8px;letter-spacing:1.3px;color:#ab7f66;font-weight:700} body[data-surface="store"] .store .hao-category-note p{font-size:18px;line-height:1.25;margin:8px 0 12px;color:#713e21;font-weight:600;letter-spacing:-.4px} body[data-surface="store"] .store .hao-category-note button{font-size:10px;color:#a35329;padding:0;display:flex;gap:8px;align-items:center} body[data-surface="store"] .store .hao-category-note svg{width:12px;height:12px} body[data-surface="store"] .store .hao-hero{border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(110deg,#ffebd3 0%,#ffe5c2 39%,#ffc990 100%);min-width:0;display:flex;min-height:360px;isolation:isolate} body[data-surface="store"] .store .hao-hero-copy{padding:35px 0 30px 31px;position:relative;z-index:3;width:60%;pointer-events:none} body[data-surface="store"] .store .hao-hero-copy button{pointer-events:auto} body[data-surface="store"] .store .hao-eyebrow{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.3px;color:#9c4b22;font-weight:700} body[data-surface="store"] .store .hao-eyebrow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#f65a1a} body[data-surface="store"] .store .hao-hero h1{font-size:clamp(28px,2.8vw,42px);line-height:1.08;color:#4c2717;letter-spacing:-1.65px;margin:19px 0 17px;font-weight:750;position:relative} body[data-surface="store"] .store .hao-hero h1 em{font-style:normal;color:#ec5313} body[data-surface="store"] .store .hao-hero-copy p{color:#865e49;font-size:11px;line-height:1.75;margin:0 0 22px;max-width:260px} body[data-surface="store"] .store .hao-hero-cta{border-radius:24px;background:#24201d;color:white;display:inline-flex;align-items:center;gap:17px;padding:12px 20px;font-size:11px;font-weight:600;box-shadow:0 4px 10px #7d35101a} body[data-surface="store"] .store .hao-hero-cta svg{width:14px;height:14px} body[data-surface="store"] .store .hao-hero-cta:hover{background:#4c2717} body[data-surface="store"] .store .hao-hero-caption{display:block;margin-top:20px;font-size:7px;letter-spacing:1.8px;color:#a87554} body[data-surface="store"] .store .hao-hero-art{position:absolute;inset:0 0 0 43%;z-index:1} body[data-surface="store"] .store .hao-hero-orbit{border:1px solid #fff7d990;border-radius:50%;position:absolute;pointer-events:none} body[data-surface="store"] .store .hao-hero-orbit.orbit-a{width:380px;height:380px;right:-100px;top:0} body[data-surface="store"] .store .hao-hero-orbit.orbit-b{width:490px;height:490px;right:-155px;top:-55px} body[data-surface="store"] .store .hao-hero-feature{position:absolute;top:42px;right:13px;width:85%;max-width:300px;height:226px;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg);border-radius:24px;background:#fff8ea;box-shadow:0 18px 34px #a34f1220;padding:25px 15px 48px;border:1px solid #fff7eb} body[data-surface="store"] .store .hao-hero-feature>img{object-fit:contain;width:100%;height:100%;mix-blend-mode:multiply} body[data-surface="store"] .store .hao-hero-product-label{position:absolute;bottom:13px;left:18px;right:18px;color:#a57450;font-size:7px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;gap:8px} body[data-surface="store"] .store .hao-hero-product-label b{font-size:14px;letter-spacing:-.4px;color:#592e17;white-space:nowrap} body[data-surface="store"] .store .hao-hero-mini{position:absolute;right:6%;bottom:30px;background:#ffffffed;border:1px solid white;box-shadow:0 10px 30px #783e1821;border-radius:12px;display:flex;align-items:center;gap:11px;padding:10px 17px 10px 10px;transform:rotate(5deg)} body[data-surface="store"] .store .hao-hero-mini img{width:59px;height:59px;object-fit:contain} body[data-surface="store"] .store .hao-hero-mini>span{font-size:9px;color:#886f5e} body[data-surface="store"] .store .hao-hero-mini strong{display:block;color:#e65319;font-size:17px;margin-top:6px;letter-spacing:-.6px} body[data-surface="store"] .store .hao-hero-spark{position:absolute;right:10px;top:14px;font-size:41px;color:#f65a1a;transform:rotate(15deg)} body[data-surface="store"] .store .hao-welcome{background:#fff;border:1px solid #ededed;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;text-align:center} body[data-surface="store"] .store .hao-welcome-top{padding:24px 15px 22px;flex:1} body[data-surface="store"] .store .hao-welcome-avatar{display:inline-flex;align-items:center;justify-content:center;height:45px;width:45px;background:#fff1e7;border-radius:50%;color:#e5662d} body[data-surface="store"] .store .hao-welcome-avatar svg{width:25px;height:25px;stroke-width:1.3} body[data-surface="store"] .store .hao-welcome h2{font-size:17px;line-height:1.35;margin:12px 0 9px;letter-spacing:-.4px;color:#222;font-weight:700} body[data-surface="store"] .store .hao-welcome p{font-size:11px;line-height:1.65;color:#888;margin:0 0 19px} body[data-surface="store"] .store .hao-button{display:block;background:#f65a1a;color:white;padding:12px 16px;border-radius:24px;font-size:11px;font-weight:700} body[data-surface="store"] .store .hao-button:hover{background:#e84e10} body[data-surface="store"] .store .hao-signin{display:block;margin-top:12px;color:#888;font-size:9px} body[data-surface="store"] .store .hao-signin b{color:#333;font-weight:600} body[data-surface="store"] .store .hao-welcome-help{background:#fafafa;padding:18px 12px;border-top:1px solid #f1f1f1;display:flex;gap:9px;text-align:left;align-items:center} body[data-surface="store"] .store .hao-welcome-help>svg{height:25px;width:25px;color:#6c6c6c;flex-shrink:0} body[data-surface="store"] .store .hao-welcome-help strong{font-size:10px;display:block;color:#4b4b4b;font-weight:600} body[data-surface="store"] .store .hao-welcome-help button{font-size:9px;color:#929292;padding:6px 0 0} body[data-surface="store"] .store .hao-welcome-help button span{color:#f65a1a;margin-left:4px} body[data-surface="store"] .store .hao-benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 9px 23px;border-bottom:1px solid #e5e5e5;margin:0 0 27px;gap:12px} body[data-surface="store"] .store .hao-benefits>div{display:flex;justify-content:center;align-items:center;gap:12px;min-width:0;border-right:1px solid #e2e2e2} body[data-surface="store"] .store .hao-benefits>div:last-child{border:0} body[data-surface="store"] .store .hao-benefits svg{width:26px;height:26px;color:#f65a1a;stroke-width:1.4;flex-shrink:0} body[data-surface="store"] .store .hao-benefits strong{display:block;color:#363636;font-size:12px;font-weight:600;margin-bottom:5px} body[data-surface="store"] .store .hao-benefits small{display:block;font-size:10px;color:#939393} body[data-surface="store"] .store .hao-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px} body[data-surface="store"] .store .hao-section-kicker{font-size:8px;font-weight:700;color:#b2a398;letter-spacing:1.2px} body[data-surface="store"] .store .hao-section-head h2{font-size:25px;letter-spacing:-.8px;color:#222;margin:8px 0 0;font-weight:700;display:flex;align-items:center;gap:16px} body[data-surface="store"] .store .hao-section-flash{display:inline-flex;gap:3px;align-items:center;font-size:10px;letter-spacing:0;color:#f65a1a;background:#fff0e7;padding:5px 9px;border-radius:4px;font-weight:600} body[data-surface="store"] .store .hao-section-flash svg{width:13px;height:13px} body[data-surface="store"] .store .hao-section-head>button{font-size:11px;display:flex;gap:9px;align-items:center;padding:4px 0;color:#656565} body[data-surface="store"] .store .hao-section-head>button svg{width:14px;height:14px} body[data-surface="store"] .store .hao-offer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px} body[data-surface="store"] .hao-product-card{background:#fff;border-radius:11px;box-shadow:none;border:1px solid #eee;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;text-align:left} body[data-surface="store"] .hao-product-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000000a;border-color:#f4cbb6} body[data-surface="store"] .hao-product-card .product-media{height:auto;aspect-ratio:1.16;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;padding:22px 25px 12px;border-radius:0;overflow:hidden;margin:0} body[data-surface="store"] .hao-product-card .product-media img{width:100%;height:100%;max-height:none;max-width:100%;object-fit:contain;mix-blend-mode:multiply;transform:none} body[data-surface="store"] .store .hao-product-badge{position:absolute;left:12px;top:12px;background:#fff0e7;color:#eb591d;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:700} body[data-surface="store"] .store .hao-product-badge.sold-out{background:#eee;color:#666} body[data-surface="store"] .hao-product-card .product-body{padding:11px 15px 13px;display:flex;flex-direction:column;flex:1} body[data-surface="store"] .store .hao-product-category{color:#b2b2b2;font-size:9px;margin:0 0 6px;display:block} body[data-surface="store"] .hao-product-card .product-name{font-size:12px;line-height:1.55;letter-spacing:0;color:#444;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:37px;min-height:37px;margin:0 0 12px;font-weight:400} body[data-surface="store"] .store .hao-price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} body[data-surface="store"] .hao-product-card .price{color:#242424;font-size:21px;letter-spacing:-.8px;font-weight:750;line-height:1.1;margin:0;white-space:nowrap} body[data-surface="store"] .hao-product-card .old-price{font-size:10px;color:#aaa;display:inline;text-decoration:line-through;margin:0;white-space:nowrap} body[data-surface="store"] .store .hao-product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:5px} body[data-surface="store"] .store .hao-product-bottom>span{display:flex;gap:4px;align-items:center;color:#939393;font-size:9px} body[data-surface="store"] .store .hao-product-bottom>span svg{width:11px;height:11px} body[data-surface="store"] .hao-product-card .quick-add{border:1px solid #ffd9c6;background:#fff3ec;color:#f65a1a;border-radius:50%;height:27px;width:27px;display:inline-flex;align-items:center;justify-content:center;padding:0;position:static;box-shadow:none;flex-shrink:0} body[data-surface="store"] .hao-product-card .quick-add svg{width:15px;height:15px} body[data-surface="store"] .store .hao-product-card .quick-add:hover{background:#f65a1a!important;color:#fff!important} body[data-surface="store"] .store .hao-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:27px 0 34px} body[data-surface="store"] .store .hao-collection{min-height:165px;position:relative;background:#eaf0ef;border-radius:11px;overflow:hidden;padding:24px;isolation:isolate;display:flex;align-items:center} body[data-surface="store"] .store .hao-collection.tone-1{background:#eceef7} body[data-surface="store"] .store .hao-collection.tone-2{background:#f4e9dc} body[data-surface="store"] .store .hao-collection-copy{z-index:2;position:relative;pointer-events:none;width:62%} body[data-surface="store"] .store .hao-collection-copy>span{font-size:7px;letter-spacing:1px;color:#85928a;font-weight:700} body[data-surface="store"] .store .hao-collection-copy h2{font-size:22px;color:#34433d;letter-spacing:-.7px;margin:10px 0 16px} body[data-surface="store"] .store .hao-collection-copy button{font-size:10px;display:flex;align-items:center;gap:9px;padding:0;color:#53615b;pointer-events:auto} body[data-surface="store"] .store .hao-collection-copy svg{width:13px;height:13px} body[data-surface="store"] .store .hao-collection-images{position:absolute;inset:0 0 0 46%;display:flex;align-items:center;justify-content:center;gap:0;transform:rotate(-9deg)} body[data-surface="store"] .store .hao-collection-images a{display:flex;align-items:center;justify-content:center;width:115px;height:115px;background:#ffffffb8;padding:10px;border-radius:13px;box-shadow:0 6px 20px #00000008} body[data-surface="store"] .store .hao-collection-images a:nth-child(2){width:80px;height:80px;margin-left:-34px;margin-top:68px;transform:rotate(20deg)} body[data-surface="store"] .store .hao-collection-images img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply} body[data-surface="store"] .hao-catalog-wrap .mercado-catalog{padding:0;margin:0 0 42px;background:transparent;border:0;box-shadow:none;border-radius:0;scroll-margin-top:20px} body[data-surface="store"] .hao-catalog-wrap .collection-heading{margin:0 0 18px;padding:0;display:flex;justify-content:space-between;align-items:center;border:0;gap:15px} body[data-surface="store"] .hao-catalog-wrap .collection-heading h2{color:#222;font-size:25px;letter-spacing:-.8px;font-weight:700;margin:0} body[data-surface="store"] .hao-catalog-wrap .collection-count{font-size:11px;color:#999;font-weight:400} body[data-surface="store"] .hao-catalog-wrap .collection-toolbar{margin:0 0 20px;border:0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap} body[data-surface="store"] .hao-catalog-wrap .category-pills{display:flex;gap:9px;overflow:auto;max-width:100%;padding:1px} body[data-surface="store"] .hao-catalog-wrap .category-pills button{border:1px solid #dedede;background:#fff;color:#727272;font-size:11px;border-radius:20px;padding:9px 18px;white-space:nowrap;flex-shrink:0;box-shadow:none} body[data-surface="store"] .hao-catalog-wrap .category-pills button.active{background:#242424;border-color:#242424;color:white;font-weight:600} body[data-surface="store"] .hao-catalog-wrap .sort-control{font-size:10px;color:#8d8d8d;display:flex;align-items:center;gap:7px;white-space:nowrap;margin:0} body[data-surface="store"] .hao-catalog-wrap .sort-control select{border:0;background:transparent;font-size:11px;color:#444;padding:8px 18px 8px 0;max-width:140px;box-shadow:none} body[data-surface="store"] .hao-catalog-wrap .product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 16px} body[data-surface="store"] .hao-catalog-wrap .market-product-count{margin:25px 0;font-size:11px;color:#a5a5a5;text-align:center} body[data-surface="store"] .hao-catalog-wrap .market-filter-reset{margin-bottom:17px} body[data-surface="store"] .store .hao-filter-breadcrumb{display:flex;align-items:center;gap:9px;padding:0 0 25px;font-size:11px;color:#8a8a8a} body[data-surface="store"] .store .hao-filter-breadcrumb a{color:#f65a1a} body[data-surface="store"] .store .hao-footer{background:#fff;border-top:1px solid #e8e8e8;padding-top:40px} body[data-surface="store"] .store .hao-footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:35px;padding-bottom:35px} body[data-surface="store"] .store .hao-footer .hao-logo{font-size:29px!important} body[data-surface="store"] .store .hao-footer .hao-logo-mark{width:31px} body[data-surface="store"] .store .hao-footer .hao-logo-mark svg{width:29px} body[data-surface="store"] .store .hao-footer .hao-logo small{font-size:6px;letter-spacing:1.25px} body[data-surface="store"] .store .hao-footer p{color:#929292;font-size:11px;line-height:1.8;margin:19px 0 15px} body[data-surface="store"] .store .hao-footer-locale{font-size:10px;color:#686868} body[data-surface="store"] .store .hao-footer h3{font-size:12px;color:#343434;margin:6px 0 18px} body[data-surface="store"] .store .hao-footer-grid>div:not(:first-child)>a,body[data-surface="store"] .store .hao-footer-grid>div:not(:first-child)>button{display:block;text-align:left;color:#8b8b8b;font-size:11px;padding:0;margin:0 0 13px} body[data-surface="store"] .store .hao-footer-grid button:hover,body[data-surface="store"] .store .hao-footer-grid a:hover{color:#f65a1a!important} body[data-surface="store"] .store .hao-footer-grid .hao-footer-help>button{color:#f65a1a;font-weight:600;display:flex;align-items:center;gap:14px} body[data-surface="store"] .store .hao-footer-help>button svg{width:13px;height:13px} body[data-surface="store"] .store .hao-footer-bottom{border-top:1px solid #eee;padding-top:18px;padding-bottom:22px;display:flex;justify-content:space-between;font-size:9px;color:#aaa}/* Shared customer pages retain their forms, with consistent brand colors. */ body[data-surface="store"] .store .btn:not(.outline):not(.secondary){background:#f65a1a;color:#fff;border-color:#f65a1a} body[data-surface="store"] .store .btn.secondary{background:#fff1e9;color:#e9571b;border-color:#ffdcc9} body[data-surface="store"] .store .ml-pdp-price,body[data-surface="store"] .ml-pdp-discount{color:#e9571b} body[data-surface="store"] .ml-pdp-discount{background:#fff0e6} body[data-surface="store"] .store .ml-pdp-page{width:calc(100% - 80px);max-width:1392px;margin:0 auto;padding:22px 0 50px} body[data-surface="store"] .store .ml-pdp-thumbnails button[aria-pressed="true"]{border-color:#f65a1a} body[data-surface="store"] .store .ml-pdp-page .hao-product-card .product-media{aspect-ratio:1.1} body[data-surface="store"] .store .auth-story{background:#fff0df} body[data-surface="store"] .store .auth-kicker{color:#b2815b} body[data-surface="store"] .store .auth-story h2{color:#663d24} body[data-surface="store"] .store .auth-story p{color:#a17d62} body[data-surface="store"] .store .auth-tabs a[aria-current="page"]{color:#f65a1a;border-color:#f65a1a} body[data-surface="store"] .store .auth-heading-mark{color:#e9571b;background:#fff0e6} body[data-surface="store"] .store .auth input:focus{border-color:#f65a1a;box-shadow:0 0 0 3px #f65a1a12} body[data-surface="store"] .store-nav .active{color:#f65a1a!important} body[data-surface="store"] .store>.page-top,body[data-surface="store"] .store>.account-heading,body[data-surface="store"] .store>.account-layout{width:calc(100% - 80px);max-width:1100px;margin-left:auto;margin-right:auto} body[data-surface="store"] .store>.card,body[data-surface="store"] .store>.orders-list,body[data-surface="store"] .store>.cart-list,body[data-surface="store"] .store>.auth{max-width:1100px;margin-left:auto;margin-right:auto} @media(min-width:1600px){ body[data-surface="store"] .store .hao-discovery{grid-template-columns:230px minmax(0,1fr) 230px;min-height:385px} body[data-surface="store"] .store .hao-hero{min-height:385px} body[data-surface="store"] .store .hao-hero-copy{padding-left:40px;padding-top:40px} body[data-surface="store"] .store .hao-hero h1{font-size:44px} body[data-surface="store"] .store .hao-hero-feature{right:25px;max-width:350px;height:245px} body[data-surface="store"] .store .hao-hero-mini{bottom:32px} body[data-surface="store"] .store .hao-header-main{grid-template-columns:230px minmax(280px,1fr) 302px} body[data-surface="store"] .store .hao-nav-categories{width:230px}} @media(max-width:1180px){ body[data-surface="store"] .hao-container{width:calc(100% - 40px)} body[data-surface="store"] .store .hao-header-main{grid-template-columns:180px minmax(230px,1fr) 240px;gap:20px} body[data-surface="store"] .store .hao-logo{font-size:30px!important} body[data-surface="store"] .store .hao-header-account{gap:20px} body[data-surface="store"] .store .hao-header-account strong{font-size:11px} body[data-surface="store"] .store .hao-header-account>a{font-size:9px} body[data-surface="store"] .store .hao-discovery{grid-template-columns:190px minmax(0,1fr) 192px;gap:12px} body[data-surface="store"] .store .hao-nav-categories{width:190px} body[data-surface="store"] .store .hao-nav>.hao-container{gap:22px} body[data-surface="store"] .store .hao-hero-copy{padding-left:22px} body[data-surface="store"] .store .hao-hero h1{font-size:31px;letter-spacing:-1.3px} body[data-surface="store"] .store .hao-hero-feature{top:52px;height:205px;right:5px} body[data-surface="store"] .store .hao-hero-mini{right:10px;bottom:28px;padding:8px 12px 8px 8px} body[data-surface="store"] .store .hao-hero-mini img{width:45px;height:45px} body[data-surface="store"] .store .hao-hero-copy p{font-size:10px;max-width:190px} body[data-surface="store"] .store .hao-benefits strong{font-size:11px} body[data-surface="store"] .store .hao-benefits small{font-size:9px} body[data-surface="store"] .store .hao-benefits>div{gap:9px} body[data-surface="store"] .store .hao-offer-grid{gap:12px} body[data-surface="store"] .store .hao-product-card .product-body{padding:10px 12px!important} body[data-surface="store"] .store .hao-product-card .price{font-size:19px!important} body[data-surface="store"] .store .hao-collection{padding:20px} body[data-surface="store"] .store .hao-collection-copy h2{font-size:21px} body[data-surface="store"] .store .hao-collection-copy>span{font-size:6px;letter-spacing:.7px} body[data-surface="store"] .store .hao-collection-images{left:47%} body[data-surface="store"] .store .hao-collection-images a{width:100px;height:100px} body[data-surface="store"] .store .hao-collection-images a:nth-child(2){width:68px;height:68px} body[data-surface="store"] .store .hao-nav-help{font-size:10px!important}} @media(max-width:960px){ body[data-surface="store"] .store .hao-header-main{grid-template-columns:175px minmax(200px,1fr) 103px;gap:20px;min-height:102px} body[data-surface="store"] .store .hao-header-account>a>span{display:none} body[data-surface="store"] .store .hao-header-account .hao-cart>span{display:none} body[data-surface="store"] .store .hao-header-account{gap:25px;margin-top:-15px} body[data-surface="store"] .store .hao-discovery{grid-template-columns:180px minmax(0,1fr);min-height:340px} body[data-surface="store"] .store .hao-hero{min-height:340px} body[data-surface="store"] .store .hao-welcome{display:none} body[data-surface="store"] .store .hao-hero h1{font-size:36px} body[data-surface="store"] .store .hao-hero-copy{padding-top:30px} body[data-surface="store"] .store .hao-hero-feature{right:20px;width:80%;height:205px} body[data-surface="store"] .store .hao-hero-mini{right:20px} body[data-surface="store"] .store .hao-nav-categories{width:180px} body[data-surface="store"] .store .hao-nav>.hao-container{gap:20px} body[data-surface="store"] .store .hao-nav-help{display:none!important} body[data-surface="store"] .store .hao-offer-grid{grid-template-columns:repeat(4,minmax(0,1fr))} body[data-surface="store"] .store .hao-offer-grid>.product-card:nth-child(n+5){display:none} body[data-surface="store"] .store .hao-benefits{grid-template-columns:repeat(4,1fr);padding-left:0;padding-right:0} body[data-surface="store"] .store .hao-benefits svg{width:22px;height:22px} body[data-surface="store"] .store .hao-benefits strong{font-size:10px} body[data-surface="store"] .store .hao-benefits small{font-size:8px} body[data-surface="store"] .store .hao-section-head h2{font-size:23px} body[data-surface="store"] .store .hao-section-kicker{font-size:7px} body[data-surface="store"] .store .hao-section-flash{font-size:9px} body[data-surface="store"] .store .hao-collections{gap:12px} body[data-surface="store"] .store .hao-collection{min-height:150px;padding:18px 15px} body[data-surface="store"] .store .hao-collection-copy h2{font-size:18px} body[data-surface="store"] .store .hao-collection-images{left:46%;opacity:.85} body[data-surface="store"] .store .hao-collection-copy{width:70%} body[data-surface="store"] .store .hao-collection-copy>span{max-width:100px;display:block;line-height:1.4} body[data-surface="store"] .store .hao-collection-images a{width:80px;height:90px} body[data-surface="store"] .store .hao-collection-images a:nth-child(2){width:55px;height:55px;margin-left:-40px} body[data-surface="store"] .store .hao-catalog-wrap .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} body[data-surface="store"] .store .hao-footer-grid{gap:24px;grid-template-columns:1.1fr 1fr 1fr} body[data-surface="store"] .store .hao-footer-help{display:none} body[data-surface="store"] .store .hao-footer .hao-logo{font-size:25px!important} body[data-surface="store"] .store .ml-pdp-page{width:calc(100% - 40px)}} @media(max-width:700px){ body[data-surface="store"] .hao-container{width:calc(100% - 28px)} body[data-surface="store"] main.store{padding-bottom:66px} body[data-surface="store"] .store .hao-utility{height:28px;font-size:9px} body[data-surface="store"] .store .hao-utility .hao-container>span{font-size:8px} body[data-surface="store"] .store .hao-utility .hao-container>div{gap:0;font-size:9px} body[data-surface="store"] .store .hao-utility button,body[data-surface="store"] .store .hao-utility-divider{display:none} body[data-surface="store"] .store .hao-utility b{margin:0 3px} body[data-surface="store"] .store .hao-header-main{min-height:128px;grid-template-columns:1fr auto;gap:16px 12px;padding-top:17px;padding-bottom:12px} body[data-surface="store"] .store .hao-header-main>.hao-logo{grid-row:1;grid-column:1;font-size:28px!important} body[data-surface="store"] .store .hao-logo-mark{width:28px;height:30px} body[data-surface="store"] .store .hao-logo-mark svg{width:26px;height:30px} body[data-surface="store"] .store .hao-logo small{font-size:6px;letter-spacing:1px;margin-top:5px} body[data-surface="store"] .store .hao-header-account{grid-column:2;grid-row:1;margin:0;gap:19px;padding-right:7px} body[data-surface="store"] .store .hao-header-account>a>svg{width:23px;height:23px} body[data-surface="store"] .store .hao-header-account .hao-cart{padding:0} body[data-surface="store"] .store .hao-cart b{top:-7px;right:-8px} body[data-surface="store"] .store .hao-search-area{grid-column:1/-1;grid-row:2} body[data-surface="store"] .store .hao-search{height:41px;border-width:1.5px;padding-left:14px} body[data-surface="store"] .store .hao-search input{font-size:11px} body[data-surface="store"] .store .hao-search button{height:32px;padding:0 18px} body[data-surface="store"] .store .hao-search button span{display:none} body[data-surface="store"] .store .hao-search button svg{width:16px;height:16px} body[data-surface="store"] .store .hao-search-suggestions{display:none} body[data-surface="store"] .store .hao-nav>.hao-container{gap:22px;height:40px;overflow:visible;font-size:11px;width:100%;padding:0 14px} body[data-surface="store"] .store .hao-nav button,body[data-surface="store"] .store .hao-nav a{font-size:10px} body[data-surface="store"] .store .hao-nav>.hao-container>button:not(.hao-hot),body[data-surface="store"] .store .hao-nav>.hao-container>a{display:none} body[data-surface="store"] .store .hao-nav-categories{width:auto;min-width:0;flex:1} body[data-surface="store"] .store .hao-nav-categories summary{font-size:11px} body[data-surface="store"] .store .hao-nav-categories summary>span{margin-left:0;padding-left:0} body[data-surface="store"] .store .hao-nav-categories summary svg{width:15px} body[data-surface="store"] .store .hao-nav .hao-hot{font-size:10px} body[data-surface="store"] .store .hao-category-dropdown{top:27px;width:230px} body[data-surface="store"] .store .hao-category-dropdown button{font-size:12px!important;padding:13px!important} body[data-surface="store"] .store .hao-home{padding-top:14px} body[data-surface="store"] .store .hao-discovery{display:block;min-height:0} body[data-surface="store"] .store .hao-category-sidebar{display:none} body[data-surface="store"] .store .hao-hero{min-height:290px;border-radius:10px} body[data-surface="store"] .store .hao-hero-copy{padding:25px 0 24px 21px;width:68%} body[data-surface="store"] .store .hao-eyebrow{font-size:6px;letter-spacing:.8px;gap:5px} body[data-surface="store"] .store .hao-hero h1{font-size:31px;letter-spacing:-1.25px;margin:15px 0 14px;line-height:1.07} body[data-surface="store"] .store .hao-hero-copy p{font-size:9px;line-height:1.7;max-width:180px;margin-bottom:17px} body[data-surface="store"] .store .hao-hero-cta{font-size:10px;padding:11px 17px;gap:10px} body[data-surface="store"] .store .hao-hero-caption{margin-top:16px;font-size:5.5px;letter-spacing:1.2px} body[data-surface="store"] .store .hao-hero-art{left:49%} body[data-surface="store"] .store .hao-hero-feature{top:57px;right:-24px;width:112%;height:170px;border-radius:17px;padding:16px 10px 40px;transform:rotate(-9deg);max-width:220px} body[data-surface="store"] .store .hao-hero-product-label{font-size:5px;left:13px;right:13px;bottom:16px;letter-spacing:.7px} body[data-surface="store"] .store .hao-hero-product-label b{font-size:10px} body[data-surface="store"] .store .hao-hero-mini{right:6px;bottom:23px;padding:6px 10px 6px 6px;border-radius:9px;gap:5px} body[data-surface="store"] .store .hao-hero-mini img{height:35px;width:35px} body[data-surface="store"] .store .hao-hero-mini>span{font-size:6px} body[data-surface="store"] .store .hao-hero-mini strong{font-size:12px;margin-top:4px} body[data-surface="store"] .store .hao-hero-spark{font-size:29px;top:18px;right:17px} body[data-surface="store"] .store .hao-hero-orbit.orbit-a{width:230px;height:230px;right:-62px;top:24px} body[data-surface="store"] .store .hao-hero-orbit.orbit-b{width:310px;height:310px;right:-102px;top:-16px} body[data-surface="store"] .store .hao-benefits{grid-template-columns:1fr 1fr;gap:18px 10px;padding:21px 0;margin-bottom:25px} body[data-surface="store"] .store .hao-benefits>div{justify-content:flex-start;padding-left:3px;gap:9px;border:0} body[data-surface="store"] .store .hao-benefits svg{width:23px;height:23px} body[data-surface="store"] .store .hao-benefits strong{font-size:10px;margin-bottom:4px} body[data-surface="store"] .store .hao-benefits small{font-size:8px;line-height:1.4} body[data-surface="store"] .store .hao-section-head{align-items:center;gap:10px;margin-bottom:15px} body[data-surface="store"] .store .hao-section-kicker{font-size:6px;letter-spacing:1px} body[data-surface="store"] .store .hao-section-head h2{font-size:21px;letter-spacing:-.7px;margin-top:7px} body[data-surface="store"] .store .hao-section-flash{display:none} body[data-surface="store"] .store .hao-section-head>button{font-size:9px;text-align:right;gap:5px;width:75px;line-height:1.5;flex-shrink:0;justify-content:flex-end} body[data-surface="store"] .store .hao-section-head>button svg{width:12px;flex-shrink:0} body[data-surface="store"] .store .hao-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} body[data-surface="store"] .store .hao-offer-grid>.product-card:nth-child(n+5){display:none} body[data-surface="store"] .hao-product-card{border-radius:9px} body[data-surface="store"] .hao-product-card .product-media{aspect-ratio:1.08;padding:21px 20px 9px} body[data-surface="store"] .hao-product-card .product-body{padding:10px 11px 12px!important} body[data-surface="store"] .store .hao-product-category{font-size:8px;margin-bottom:5px} body[data-surface="store"] .hao-product-card .product-name{font-size:11px;line-height:1.5;height:33px;min-height:33px;margin-bottom:10px} body[data-surface="store"] .hao-product-card .price{font-size:19px!important;letter-spacing:-.6px} body[data-surface="store"] .hao-product-card .old-price{font-size:8px} body[data-surface="store"] .store .hao-price-row{gap:6px} body[data-surface="store"] .store .hao-product-badge{font-size:8px;left:9px;top:9px;padding:4px 6px} body[data-surface="store"] .store .hao-product-bottom{margin-top:11px} body[data-surface="store"] .store .hao-product-bottom>span{font-size:7px;gap:3px} body[data-surface="store"] .store .hao-product-bottom>span svg{width:10px;height:10px} body[data-surface="store"] .hao-product-card .quick-add{width:25px;height:25px} body[data-surface="store"] .store .hao-collections{display:flex;overflow:auto;gap:12px;margin:23px -14px 28px;padding:0 14px 5px;scroll-snap-type:x mandatory} body[data-surface="store"] .store .hao-collection{flex:0 0 76%;min-height:145px;padding:20px;scroll-snap-align:center} body[data-surface="store"] .store .hao-collection-copy{width:65%} body[data-surface="store"] .store .hao-collection-copy h2{font-size:24px} body[data-surface="store"] .store .hao-collection-copy>span{font-size:6px;max-width:none;letter-spacing:.8px} body[data-surface="store"] .store .hao-collection-images a{width:105px;height:105px} body[data-surface="store"] .store .hao-collection-images a:nth-child(2){width:70px;height:70px;margin-left:-36px} body[data-surface="store"] .store .hao-collection-copy button{font-size:10px} body[data-surface="store"] .store .hao-catalog-wrap .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} body[data-surface="store"] .store .hao-catalog-wrap .collection-heading h2{font-size:21px!important;letter-spacing:-.7px!important} body[data-surface="store"] .store .hao-catalog-wrap .collection-count{font-size:9px!important} body[data-surface="store"] .store .hao-catalog-wrap .collection-heading{margin-bottom:14px!important} body[data-surface="store"] .store .hao-catalog-wrap .collection-toolbar{gap:10px!important;margin-bottom:15px!important} body[data-surface="store"] .store .hao-catalog-wrap .category-pills{width:100%;gap:7px!important} body[data-surface="store"] .store .hao-catalog-wrap .category-pills button{font-size:10px!important;padding:8px 15px!important} body[data-surface="store"] .store .hao-catalog-wrap .sort-control{margin-left:auto!important;font-size:9px!important} body[data-surface="store"] .store .hao-catalog-wrap .sort-control select{font-size:10px!important;padding:3px 13px 3px 0!important} body[data-surface="store"] .store .hao-catalog-wrap .market-product-count{font-size:9px!important} body[data-surface="store"] .store .hao-catalog-wrap .mercado-catalog{margin-bottom:25px!important} body[data-surface="store"] .store .hao-filter-breadcrumb{font-size:10px;padding-bottom:23px} body[data-surface="store"] .store .hao-footer{padding-top:28px} body[data-surface="store"] .store .hao-footer-grid{grid-template-columns:1fr 1fr;gap:24px 22px;padding-bottom:20px} body[data-surface="store"] .store .hao-footer-grid>div:first-child{grid-column:1/-1} body[data-surface="store"] .store .hao-footer .hao-logo{font-size:27px!important} body[data-surface="store"] .store .hao-footer .hao-logo small{font-size:6px} body[data-surface="store"] .store .hao-footer p{font-size:10px;margin:12px 0} body[data-surface="store"] .store .hao-footer h3{font-size:11px;margin-bottom:15px} body[data-surface="store"] .store .hao-footer-grid>div:not(:first-child)>a,body[data-surface="store"] .store .hao-footer-grid>div:not(:first-child)>button{font-size:10px;margin-bottom:12px} body[data-surface="store"] .store .hao-footer-bottom{font-size:8px;line-height:1.6;gap:15px;padding-top:15px;padding-bottom:17px} body[data-surface="store"] .store .hao-footer-bottom>span:last-child{display:none} body[data-surface="store"] .store .ml-pdp-page{width:100%;padding:15px 14px 25px} body[data-surface="store"] .store .auth-shell{padding:25px 18px 35px} body[data-surface="store"] .store>.page-top,body[data-surface="store"] .store>.account-heading,body[data-surface="store"] .store>.account-layout{width:calc(100% - 28px)} body[data-surface="store"] .store-nav{border-top:1px solid #ececec;background:#fffffff5;backdrop-filter:blur(12px)} body[data-surface="store"] .store-nav a{color:#999} body[data-surface="store"] .store-nav .nav-count{background:#f65a1a}} @media(max-width:360px){ body[data-surface="store"] .store .hao-hero h1{font-size:27px} body[data-surface="store"] .store .hao-hero-copy p{font-size:8px;max-width:155px} body[data-surface="store"] .store .hao-hero-feature{right:-30px;width:116%;height:160px} body[data-surface="store"] .store .hao-section-head h2{font-size:19px}} @media(prefers-reduced-motion:reduce){ body[data-surface="store"] .store .hao-product-card{transition:none!important}} @media(max-width:700px){ body[data-surface="store"] .store .hao-hero{min-height:335px} body[data-surface="store"] .store .hao-hero-copy{width:100%;padding-top:25px;pointer-events:none} body[data-surface="store"] .store .hao-hero h1{font-size:28px;letter-spacing:-1.2px;line-height:1.08;max-width:100%;margin-top:15px;margin-bottom:14px} body[data-surface="store"] .store .hao-hero-copy p{font-size:9px;max-width:157px} body[data-surface="store"] .store .hao-hero-art{left:50%} body[data-surface="store"] .store .hao-hero-feature{top:166px;right:8px;width:95%;height:145px;padding-bottom:36px;transform:rotate(-8deg)} body[data-surface="store"] .store .hao-hero-feature img{object-fit:contain} body[data-surface="store"] .store .hao-hero-product-label{left:12px;right:12px;gap:3px;font-size:4px;letter-spacing:.3px} body[data-surface="store"] .store .hao-hero-mini{display:none} body[data-surface="store"] .store .hao-hero-spark{top:24px;right:16px;font-size:26px} body[data-surface="store"] .store .hao-hero-cta{pointer-events:auto} body[data-surface="store"] .store .hao-hero-caption{max-width:140px;font-size:5px} body[data-surface="store"] .store .hao-section-head>button{width:90px;font-size:9px;line-height:1.5} body[data-surface="store"] .store .store-nav a.active{color:#f65a1a} body[data-surface="store"] .store .store-nav a.active:before{background:#fff0e7} } /* Simple account/password sign-in; registration retains its existing fields. */ body[data-surface="store"] .store .hao-login-shell{max-width:490px;min-height:calc(100vh - 190px);padding:32px 20px 60px;margin:0 auto} body[data-surface="store"] .store .hao-login-card{width:100%;max-width:none;margin:0;padding:38px 36px 25px;border:1px solid #e8e8e8;border-radius:14px;background:#fff;box-shadow:0 8px 30px #00000004;text-align:left} body[data-surface="store"] .store .hao-login-brand{margin-bottom:28px} body[data-surface="store"] .store .hao-login-brand .hao-logo{font-size:28px} body[data-surface="store"] .store .hao-login-brand .hao-logo-mark{width:31px} body[data-surface="store"] .store .hao-login-brand .hao-logo small{font-size:6px;letter-spacing:1.2px} body[data-surface="store"] .store .hao-login-card h1{font-size:26px;line-height:1.2;font-weight:700;color:#242424;letter-spacing:-.7px;margin:0 0 10px} body[data-surface="store"] .store .hao-login-subtitle{font-size:12px;color:#888;margin:0 0 28px;line-height:1.6} body[data-surface="store"] .store .hao-login-card .field{margin:0 0 19px} body[data-surface="store"] .store .hao-login-card label{font-size:12px;color:#4d4d4d;font-weight:500;margin:0 0 8px} body[data-surface="store"] .store .hao-login-card input{height:46px;font-size:13px;border:1px solid #ddd;border-radius:7px;color:#333;background:#fff;padding:12px 13px} body[data-surface="store"] .store .hao-login-card input::placeholder{color:#aaa} body[data-surface="store"] .store .hao-login-card .auth-password-field input{padding-right:48px} body[data-surface="store"] .store .hao-login-card .auth-password-toggle{height:44px;width:42px;top:1px;right:1px;color:#999} body[data-surface="store"] .store .hao-login-card .btn{height:46px;border-radius:24px;font-size:13px;font-weight:600;margin-top:4px} body[data-surface="store"] .store .hao-login-register{font-size:11px;line-height:1.7;color:#999;text-align:center;margin:23px 0} body[data-surface="store"] .store .hao-login-register a{color:#f65a1a;font-weight:600;margin-left:4px} body[data-surface="store"] .store .hao-login-card .auth-help{margin:0;padding-top:18px;border-top:1px solid #eee;display:flex;justify-content:center;gap:8px;font-size:10px;color:#999} body[data-surface="store"] .store .hao-login-card .auth-help button{color:#777;font-size:10px} @media(max-width:700px){body[data-surface="store"] .store .hao-login-shell{padding:24px 17px 35px;max-width:460px;min-height:0}body[data-surface="store"] .store .hao-login-card{padding:30px 24px 22px}body[data-surface="store"] .store .hao-login-card h1{font-size:24px}} body[data-surface="store"] .store .auth-shell.hao-login-shell .auth.hao-login-card{margin:0!important;padding:38px 36px 25px!important;border:1px solid #e8e8e8;border-radius:14px;box-shadow:0 8px 30px #00000004} body[data-surface="store"] .store .auth-shell.hao-login-shell .auth.hao-login-card .hao-logo{color:#f65a1a} body[data-surface="store"] .store .auth-shell.hao-login-shell .auth.hao-login-card .btn:not(.secondary):not(.outline){background:#f65a1a;border-radius:24px;box-shadow:none;height:46px;margin-top:4px} body[data-surface="store"] .store .auth-shell.hao-login-shell .auth.hao-login-card .btn:hover{background:#e54f13} body[data-surface="store"] .store .auth-shell.hao-login-shell .auth.hao-login-card input{background:#fff;border-color:#ddd;font-size:13px} body[data-surface="store"] .store .auth-shell.hao-login-shell .auth.hao-login-card input:focus{border-color:#f65a1a;box-shadow:0 0 0 3px #f65a1a12} body[data-surface="store"] .store .auth-shell.hao-login-shell .auth.hao-login-card .hao-login-register a{color:#f65a1a} @media(max-width:700px){body[data-surface="store"] .store .auth-shell.hao-login-shell .auth.hao-login-card{padding:30px 24px 22px!important}body[data-surface="store"] .store .auth-shell.hao-login-shell .auth.hao-login-card input{font-size:16px}} /* AliExpress wordmark and the shopping-bag icon supplied as the brand reference. */ body[data-surface="store"] .store a.hao-logo.ali-brand{display:inline-flex;align-items:center;gap:9px;color:#252525;font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:400;line-height:1;letter-spacing:-.6px;white-space:nowrap} body[data-surface="store"] .store .ali-brand .ali-brand-mark{display:inline-flex;width:33px;height:33px;flex:0 0 33px} body[data-surface="store"] .store .ali-brand .ali-brand-mark svg{width:100%;height:100%;stroke:none} body[data-surface="store"] .store .ali-brand .ali-brand-name{font-size:inherit;font-weight:400;letter-spacing:-.6px;color:inherit} body[data-surface="store"] .store .auth-shell .auth.hao-login-card a.hao-logo.ali-brand{color:#252525} @media(max-width:1180px){body[data-surface="store"] .store a.hao-logo.ali-brand{font-size:26px!important;gap:8px}body[data-surface="store"] .store .ali-brand .ali-brand-mark{width:30px;height:30px;flex-basis:30px}} @media(max-width:700px){body[data-surface="store"] .store a.hao-logo.ali-brand{font-size:25px!important;gap:8px}body[data-surface="store"] .store .ali-brand .ali-brand-mark{width:29px;height:29px;flex-basis:29px}} /* Refined home composition: compact discovery, balanced product panels, clear category browsing. */ body[data-surface="store"][data-page="home"] main.store{background:#f6f7f8} body[data-surface="store"] .store .hao-header-main{min-height:96px;padding-top:13px;padding-bottom:10px} body[data-surface="store"] .store .hao-nav>.hao-container{height:42px} body[data-surface="store"] .store .hao-home{padding-top:20px} body[data-surface="store"] .store .hao-discovery-refined{grid-template-columns:202px minmax(0,1fr) 246px;gap:16px;min-height:354px;align-items:stretch} body[data-surface="store"] .store .hao-discovery-refined .hao-category-sidebar{padding:17px 13px 0;border:1px solid #e9ebed;border-radius:14px} body[data-surface="store"] .store .hao-discovery-refined .hao-category-sidebar h2{font-size:13px;margin:0 3px 10px;gap:9px} body[data-surface="store"] .store .hao-discovery-refined .hao-category-link{font-size:12px;padding:9px 5px;min-height:33px} body[data-surface="store"] .store .hao-discovery-refined .hao-category-link svg{width:16px;height:16px;stroke-width:1.5} body[data-surface="store"] .store .hao-discovery-refined .hao-sidebar-divider{margin:6px 4px} body[data-surface="store"] .store .hao-discovery-refined .hao-category-note{margin:9px -13px 0;padding:13px 18px 12px;background:#fff5ed;display:flex;flex-direction:column;justify-content:center;gap:7px} body[data-surface="store"] .store .hao-discovery-refined .hao-category-note>span{font-size:7px;letter-spacing:1.2px;color:#c0906d} body[data-surface="store"] .store .hao-discovery-refined .hao-category-note button{font-size:11px;font-weight:600;color:#8f4e28;gap:11px} body[data-surface="store"] .store .hao-discovery-refined .hao-hero{min-height:354px;border-radius:14px;background:linear-gradient(115deg,#fff1df 0%,#ffe5cf 48%,#ffbc96 100%);border:1px solid #ffe4ce} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-copy{padding:37px 0 30px 30px;width:64%} body[data-surface="store"] .store .hao-discovery-refined .hao-eyebrow{font-size:8px;letter-spacing:1.15px;color:#b16b42;gap:7px} body[data-surface="store"] .store .hao-discovery-refined .hao-hero h1{font-size:clamp(30px,2.65vw,40px);line-height:1.14;font-weight:750;letter-spacing:-1.45px;color:#29211e;margin:23px 0 18px;max-width:390px} body[data-surface="store"] .store .hao-discovery-refined .hao-hero h1 em{color:#ed4f19} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-copy p{font-size:12px;line-height:1.8;color:#96735e;max-width:270px;margin:0 0 23px} body[data-surface="store"] .store .hao-hero-actions{display:flex;align-items:center;gap:16px;position:relative;z-index:5;pointer-events:auto} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-cta{font-size:11px;padding:13px 18px;background:#252220;box-shadow:0 5px 13px #6e2b0e14;gap:14px} body[data-surface="store"] .store .hao-hero-link{display:inline-flex;align-items:center;gap:5px;padding:8px 0;color:#7d4c31;font-size:10px;font-weight:600} body[data-surface="store"] .store .hao-hero-link svg{width:12px;height:12px} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-caption{display:flex;align-items:center;gap:7px;margin-top:23px;color:#bc9275;font-size:7px;letter-spacing:1.7px} body[data-surface="store"] .store .hao-hero-caption>span{width:18px;height:1px;background:#c49776} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-art{left:53%} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-feature{right:17px;top:28px;width:98%;height:228px;max-width:300px;transform:rotate(-5deg);padding:32px 13px 43px;border:1px solid #ffffffd9;background:#fffcf7;box-shadow:0 18px 32px #9f4e1520;border-radius:22px} body[data-surface="store"] .store .hao-feature-tag{position:absolute;top:15px;left:18px;font-size:6px;letter-spacing:1.1px;color:#bf9c83;font-weight:600} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-product-label{bottom:14px;left:18px;right:18px;font-size:8px;letter-spacing:0;color:#b4947d} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-product-label b{font-size:17px;font-weight:700;color:#51301f} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-mini{right:15px;bottom:26px;padding:10px 16px 10px 8px;border-radius:13px;gap:10px;transform:rotate(5deg);box-shadow:0 12px 24px #7c3a1620} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-mini img{width:53px;height:53px} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-mini>span{font-size:8px;color:#ac9381} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-mini strong{font-size:19px;color:#ef501b;margin-top:6px;letter-spacing:-.7px} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-spark{font-size:34px;top:8px;right:10px;color:#f47941} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-orbit.orbit-a{width:310px;height:310px;right:-60px;top:18px;border-color:#ffffff80} body[data-surface="store"] .store .hao-discovery-refined .hao-hero-orbit.orbit-b{width:400px;height:400px;right:-105px;top:-27px;border-color:#ffffff80} body[data-surface="store"] .store .hao-discovery-side{display:grid;grid-template-rows:auto 1fr;gap:14px;min-width:0} body[data-surface="store"] .store .hao-welcome.hao-welcome-compact{display:block;padding:17px 16px 0;text-align:left;border-radius:14px;border:1px solid #e9ebed;min-height:0} body[data-surface="store"] .store .hao-welcome-heading{display:flex;gap:10px;align-items:center} body[data-surface="store"] .store .hao-welcome-compact .hao-welcome-avatar{height:36px;width:36px;flex-shrink:0;background:#fff3eb;color:#df7f4a} body[data-surface="store"] .store .hao-welcome-compact .hao-welcome-avatar svg{width:21px;height:21px} body[data-surface="store"] .store .hao-welcome-compact h2{font-size:12px;line-height:1.35;letter-spacing:-.15px;margin:0 0 5px;color:#3e3e3e} body[data-surface="store"] .store .hao-welcome-compact p{font-size:9px;line-height:1.55;color:#aaa;margin:0;max-width:158px} body[data-surface="store"] .store .hao-welcome-actions{display:flex;gap:7px;margin:15px 0} body[data-surface="store"] .store .hao-welcome-actions>a{display:flex;align-items:center;justify-content:center;flex:1;font-size:10px;border-radius:20px;padding:10px 6px;white-space:nowrap;font-weight:600} body[data-surface="store"] .store .hao-outline-button{border:1px solid #ddd;color:#565656;background:white} body[data-surface="store"] .store .hao-welcome-contact{border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 0;width:100%;font-size:9px;color:#999} body[data-surface="store"] .store .hao-welcome-contact svg{width:13px;height:13px} body[data-surface="store"] .store .hao-welcome-contact svg:last-child{width:11px;height:11px;color:#c49d84;margin-left:5px} body[data-surface="store"] .store .hao-budget-feature{border:1px solid #ffdfcd;background:linear-gradient(120deg,#fff5e9,#ffe8d9);border-radius:14px;padding:17px 16px 14px;display:flex;flex-direction:column;justify-content:center;min-width:0} body[data-surface="store"] .store .hao-budget-feature>.hao-section-kicker{font-size:6px;letter-spacing:1px;color:#c69170} body[data-surface="store"] .store .hao-budget-title{display:flex;align-items:center;gap:6px;text-align:left;font-size:21px;color:#653b24;font-weight:500;padding:0;margin:10px 0 0;letter-spacing:-.7px;white-space:nowrap} body[data-surface="store"] .store .hao-budget-title strong{font-weight:750;color:#ed5c23} body[data-surface="store"] .store .hao-budget-title>span{width:23px;height:23px;display:flex;align-items:center;justify-content:center;background:#ffffffa8;border-radius:50%;margin-left:auto;flex-shrink:0} body[data-surface="store"] .store .hao-budget-title svg{width:12px;height:12px} body[data-surface="store"] .store .hao-budget-feature p{font-size:8px;color:#bd947b;line-height:1.5;margin:8px 0 13px} body[data-surface="store"] .store .hao-budget-products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px} body[data-surface="store"] .store .hao-budget-products>a{height:54px;border-radius:9px;background:#ffffffcf;padding:7px;display:flex;align-items:center;justify-content:center} body[data-surface="store"] .store .hao-budget-products img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply} body[data-surface="store"] .store .hao-benefits{margin:0 0 24px;padding:20px 4px;border:0;gap:16px} body[data-surface="store"] .store .hao-benefits>div{border-right:1px solid #e3e6e8} body[data-surface="store"] .store .hao-benefits>div:last-child{border:0} body[data-surface="store"] .store .hao-benefits svg{width:24px;height:24px;color:#ef7a43} body[data-surface="store"] .store .hao-benefits strong{font-size:11px;color:#4e4e4e} body[data-surface="store"] .store .hao-benefits small{font-size:9px;color:#aaa} body[data-surface="store"] .store .hao-offers{padding:23px;background:#fff;border:1px solid #eaeced;border-radius:16px;margin:0 0 30px} body[data-surface="store"] .store .hao-offers .hao-section-head{margin-bottom:20px} body[data-surface="store"] .store .hao-section-kicker{font-size:7px;letter-spacing:1.15px;color:#b3a99f} body[data-surface="store"] .store .hao-section-head h2{font-size:25px;letter-spacing:-.8px;margin-top:7px} body[data-surface="store"] .store .hao-section-flash{border-radius:20px;font-size:9px;padding:6px 9px;background:#fff0e5;color:#f16a2d;font-weight:500} body[data-surface="store"] .store .hao-offers .hao-offer-grid{gap:15px} body[data-surface="store"] .store .hao-offers .hao-product-card{border:0;border-radius:10px;background:#fff} body[data-surface="store"] .store .hao-offers .hao-product-card .product-media{border-radius:10px;background:#f8f9fa;aspect-ratio:1.04;padding:20px} body[data-surface="store"] .store .hao-offers .hao-product-card .product-body{padding:14px 3px 0} body[data-surface="store"] .store .hao-product-card .product-name{font-size:12px;line-height:1.6;color:#4e4e4e;height:38px;min-height:38px} body[data-surface="store"] .store .hao-product-card .price{font-size:23px;font-weight:750;letter-spacing:-.7px} body[data-surface="store"] .store .hao-product-card .old-price{font-size:10px;color:#b5b5b5} body[data-surface="store"] .store .hao-product-category{font-size:9px;color:#aaa} body[data-surface="store"] .store .hao-product-badge{border-radius:5px;color:#e64f18;background:#ffeae1;padding:5px 7px;font-size:10px;left:10px;top:10px} body[data-surface="store"] .store .hao-product-bottom{margin-top:12px} body[data-surface="store"] .store .hao-product-bottom>span{font-size:8px;color:#aaa} body[data-surface="store"] .store .hao-product-card .quick-add{width:28px;height:28px;background:#fff3ec;color:#f06428;border-color:#ffdecc} body[data-surface="store"] .store .hao-category-showcase{margin:0 0 32px} body[data-surface="store"] .store .hao-category-showcase .hao-section-head>button{display:flex;align-items:center;gap:8px;color:#818181;font-size:11px;padding:0} body[data-surface="store"] .store .hao-category-showcase .hao-section-head>button svg{width:13px;height:13px} body[data-surface="store"] .store .hao-category-showcase-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px} body[data-surface="store"] .store .hao-category-showcase-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #eaeced;background:#fff;padding:19px 12px 17px;border-radius:14px;min-width:0;transition:transform .18s,border-color .18s} body[data-surface="store"] .store .hao-category-showcase-card:hover{transform:translateY(-3px);border-color:#f4b18f} body[data-surface="store"] .store .hao-category-showcase-art{height:94px;width:94px;background:#f5f7f8;border-radius:50%;padding:13px;margin-bottom:14px;display:flex;align-items:center;justify-content:center} body[data-surface="store"] .store .hao-category-showcase-card:nth-child(2) .hao-category-showcase-art{background:#f0f2f8} body[data-surface="store"] .store .hao-category-showcase-card:nth-child(3) .hao-category-showcase-art{background:#faf0e7} body[data-surface="store"] .store .hao-category-showcase-card:nth-child(4) .hao-category-showcase-art{background:#f1f3ed} body[data-surface="store"] .store .hao-category-showcase-card:nth-child(5) .hao-category-showcase-art{background:#f8eff0} body[data-surface="store"] .store .hao-category-showcase-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply} body[data-surface="store"] .store .hao-category-showcase-title{font-size:13px;font-weight:600;color:#4b4b4b;margin-bottom:7px} body[data-surface="store"] .store .hao-category-showcase-count{font-size:10px;color:#aaa} body[data-surface="store"] .store .hao-catalog-wrap .collection-heading h2{font-size:25px} body[data-surface="store"] .store .hao-catalog-wrap .product-grid{gap:19px 16px} body[data-surface="store"] .store .hao-catalog-wrap .hao-product-card{border-color:#eaeced;border-radius:12px;box-shadow:0 2px 4px #00000001} body[data-surface="store"] .store .hao-catalog-wrap .hao-product-card .product-media{padding:25px 25px 12px;background:#fff;aspect-ratio:1.12} body[data-surface="store"] .store .hao-catalog-wrap .hao-product-card .product-body{padding:13px 15px 15px} @media(min-width:1500px){body[data-surface="store"] .store .hao-discovery-refined{grid-template-columns:215px minmax(0,1fr) 250px;min-height:370px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero{min-height:370px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-copy{padding:41px 0 31px 37px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero h1{font-size:41px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-feature{max-width:340px;height:239px;top:30px;right:22px}} @media(max-width:1180px){body[data-surface="store"] .store .hao-discovery-refined{grid-template-columns:180px minmax(0,1fr) 220px;gap:12px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-copy{padding-left:23px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero h1{font-size:32px;letter-spacing:-1.2px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-feature{height:215px;right:11px;top:31px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-art{left:54%}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-copy p{font-size:11px;max-width:230px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-actions{gap:11px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-cta{padding:12px 16px;font-size:10px;gap:10px}body[data-surface="store"] .store .hao-budget-title{font-size:19px}body[data-surface="store"] .store .hao-welcome-compact h2{font-size:11px}body[data-surface="store"] .store .hao-welcome-compact p{font-size:8px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-mini{right:12px}body[data-surface="store"] .store .hao-offers{padding:21px}body[data-surface="store"] .store .hao-category-showcase-art{height:85px;width:85px}} @media(max-width:960px){body[data-surface="store"] .store .hao-discovery-refined{grid-template-columns:177px minmax(0,1fr)}body[data-surface="store"] .store .hao-discovery-side{display:none}body[data-surface="store"] .store .hao-discovery-refined .hao-hero h1{font-size:37px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-art{left:50%}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-feature{width:91%;height:225px;right:18px}body[data-surface="store"] .store .hao-offers .hao-offer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}body[data-surface="store"] .store .hao-category-showcase-grid{gap:11px}body[data-surface="store"] .store .hao-category-showcase-card{padding:16px 7px}body[data-surface="store"] .store .hao-category-showcase-art{height:75px;width:75px;padding:11px}body[data-surface="store"] .store .hao-category-showcase-title{font-size:11px}body[data-surface="store"] .store .hao-category-showcase-count{font-size:9px}body[data-surface="store"] .store .hao-section-head h2{font-size:23px}} @media(max-width:700px){body[data-surface="store"] .store .hao-header-main{min-height:124px;padding-top:16px;padding-bottom:11px}body[data-surface="store"] .store .hao-nav>.hao-container{height:39px}body[data-surface="store"] .store .hao-home{padding-top:13px}body[data-surface="store"] .store .hao-discovery-refined{display:block;min-height:0}body[data-surface="store"] .store .hao-discovery-refined .hao-category-sidebar{display:none}body[data-surface="store"] .store .hao-discovery-refined .hao-hero{min-height:330px;border-radius:12px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-copy{padding:25px 0 25px 21px;width:100%}body[data-surface="store"] .store .hao-discovery-refined .hao-eyebrow{font-size:6px;letter-spacing:1px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero h1{font-size:31px;letter-spacing:-1.2px;line-height:1.12;margin:20px 0 16px;max-width:100%}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-copy p{font-size:10px;line-height:1.75;max-width:174px;margin-bottom:19px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-actions{flex-direction:column;align-items:flex-start;gap:9px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-cta{padding:12px 17px;font-size:10px;gap:11px}body[data-surface="store"] .store .hao-hero-link{font-size:9px;padding:3px 1px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-caption{font-size:5px;letter-spacing:1.2px;margin-top:17px;gap:5px}body[data-surface="store"] .store .hao-hero-caption>span{width:13px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-art{left:50%}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-feature{width:95%;top:151px;right:6px;height:161px;padding:28px 8px 35px;border-radius:16px;transform:rotate(-6deg)}body[data-surface="store"] .store .hao-feature-tag{font-size:4px;left:11px;top:14px;letter-spacing:.6px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-product-label{font-size:5px;left:10px;right:10px;bottom:13px;gap:3px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-product-label b{font-size:11px;letter-spacing:-.4px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-mini{display:none}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-spark{font-size:24px;top:15px;right:14px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-orbit.orbit-a{width:250px;height:250px;top:46px;right:-70px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-orbit.orbit-b{width:330px;height:330px;top:6px;right:-110px}body[data-surface="store"] .store .hao-benefits{padding:20px 0;margin-bottom:6px;gap:17px 9px}body[data-surface="store"] .store .hao-benefits>div{border:0}body[data-surface="store"] .store .hao-benefits strong{font-size:10px}body[data-surface="store"] .store .hao-benefits small{font-size:8px}body[data-surface="store"] .store .hao-offers{padding:18px 12px 16px;border-radius:13px;margin:14px -1px 26px}body[data-surface="store"] .store .hao-offers .hao-section-head{margin:0 1px 16px;align-items:flex-end}body[data-surface="store"] .store .hao-section-kicker{font-size:6px;letter-spacing:.7px}body[data-surface="store"] .store .hao-section-head h2{font-size:20px;line-height:1.25;letter-spacing:-.6px;margin-top:6px;max-width:220px}body[data-surface="store"] .store .hao-section-head>button{font-size:8px!important;width:75px;gap:4px;line-height:1.5}body[data-surface="store"] .store .hao-offers .hao-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 11px}body[data-surface="store"] .store .hao-offers .hao-product-card .product-media{padding:16px;aspect-ratio:1.05}body[data-surface="store"] .store .hao-offers .hao-product-card .product-body{padding:11px 1px 0!important}body[data-surface="store"] .store .hao-product-card .price{font-size:20px!important}body[data-surface="store"] .store .hao-product-card .product-name{font-size:11px;height:35px;min-height:35px;margin-bottom:11px}body[data-surface="store"] .store .hao-product-card .old-price{font-size:8px}body[data-surface="store"] .store .hao-product-bottom>span{font-size:7px}body[data-surface="store"] .store .hao-product-category{font-size:8px}body[data-surface="store"] .store .hao-category-showcase{margin:0 0 27px}body[data-surface="store"] .store .hao-category-showcase .hao-section-head{margin-bottom:15px;gap:10px}body[data-surface="store"] .store .hao-category-showcase-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -14px;padding:0 14px 6px}body[data-surface="store"] .store .hao-category-showcase-card{flex:0 0 31%;scroll-snap-align:start;padding:14px 9px;border-radius:12px}body[data-surface="store"] .store .hao-category-showcase-art{height:65px;width:65px;margin-bottom:11px;padding:10px}body[data-surface="store"] .store .hao-category-showcase-title{font-size:10px;white-space:nowrap;margin-bottom:6px}body[data-surface="store"] .store .hao-category-showcase-count{font-size:8px}body[data-surface="store"] .store .hao-catalog-wrap .collection-heading h2{font-size:21px!important}body[data-surface="store"] .store .hao-catalog-wrap .product-grid{gap:14px 11px!important}body[data-surface="store"] .store .hao-catalog-wrap .hao-product-card .product-media{aspect-ratio:1.05;padding:20px 17px 9px}body[data-surface="store"] .store .hao-catalog-wrap .hao-product-card .product-body{padding:11px 11px 13px!important}} @media(max-width:360px){body[data-surface="store"] .store .hao-discovery-refined .hao-hero h1{font-size:28px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-copy p{font-size:9px;max-width:155px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero-feature{top:157px;height:150px;right:3px}body[data-surface="store"] .store .hao-section-head h2{font-size:18px}} @media(max-width:700px){body[data-surface="store"] .store .hao-discovery-refined .hao-hero-copy p{max-width:140px}body[data-surface="store"] .store .hao-discovery-refined .hao-hero{min-height:340px}} /* Compact account refresh beside the member name. */ .account-heading>div:first-child{flex:1} .account-name-row{display:flex;align-items:center;gap:12px} .account-heading>div:first-child,.account-name-row h1{min-width:0} .account-name-row h1{overflow-wrap:anywhere} .account-refresh-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .account-refresh{margin-left:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #f0c4ad;border-radius:50%;background:#fff;color:#d94b18} .account-refresh svg{width:18px;height:18px} .account-refresh:hover{background:#fff4ed} .account-refresh:focus-visible{outline:2px solid #ff5b18;outline-offset:3px} .account-refresh:disabled{opacity:.65;cursor:wait} .account-refresh[aria-busy="true"] svg{animation:account-refresh-spin 1s linear infinite} @keyframes account-refresh-spin{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.account-refresh[aria-busy="true"] svg{animation:none}} /* Mobile storefront spacing, account cards and touch targets. */ @media(max-width:700px){ body[data-surface="store"] main.store{background:#f5f6f8;padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))} body[data-surface="store"] .store .hao-header{background:#fff} body[data-surface="store"] .store .hao-header-main{min-height:116px;padding-top:14px;padding-bottom:12px;gap:12px} body[data-surface="store"] .store .hao-search{height:44px;background:#fff;border-color:#f0612d} body[data-surface="store"] .store .hao-search input{font-size:16px;min-width:0} body[data-surface="store"] .store .hao-search input::placeholder{font-size:12px;color:#8b929b} body[data-surface="store"] .store .hao-search button{height:36px;min-width:48px;padding:0 15px} body[data-surface="store"] .store .hao-nav{border-top:1px solid #f2f3f5;border-bottom:1px solid #eceef1} body[data-surface="store"] .store .hao-nav-categories summary{min-height:40px;align-items:center} body[data-surface="store"] .store .hao-nav .hao-hot{font-size:11px} body[data-surface="store"] .store .account-heading{padding:22px 0 17px!important;margin:0 auto} body[data-surface="store"] .store .account-heading .eyebrow{color:#828b98;font-size:9px;letter-spacing:1.3px;font-weight:600} body[data-surface="store"] .store .account-heading h1{font-size:26px!important;line-height:1.25;letter-spacing:-.7px;color:#202936;margin:10px 0} body[data-surface="store"] .store .account-heading h1>span{color:#ef6537} body[data-surface="store"] .store .account-heading p{font-size:12px;line-height:1.6;color:#7b8490} body[data-surface="store"] .store .account-name-row{gap:10px} body[data-surface="store"] .store .account-refresh{border-color:#e5e8ed;width:38px;height:38px;flex-basis:38px;color:#e65c2a;box-shadow:0 2px 6px #20293605} body[data-surface="store"] .store .account-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:0!important} body[data-surface="store"] .store .account-primary{min-width:0} body[data-surface="store"] .store .wallet-card{background:#fff;border:1px solid #e8ebef;border-radius:18px;padding:20px!important;color:#243040;box-shadow:0 5px 20px #20293605} body[data-surface="store"] .store .wallet-card-top{margin-bottom:22px;font-size:13px;color:#485365} body[data-surface="store"] .store .wallet-card-top svg{color:#eb6534;width:18px;height:18px} body[data-surface="store"] .store .wallet-card .virtual-label{font-size:8px;letter-spacing:.7px;color:#b65e35;background:#fff4ed;border:0;border-radius:6px;padding:6px 8px} body[data-surface="store"] .store .wallet-balance-label{font-size:12px;color:#7b8490} body[data-surface="store"] .store .wallet-main-balance{display:block;font-size:clamp(29px,9vw,40px)!important;line-height:1.25;letter-spacing:-1.3px;font-weight:750;color:#202936;margin:9px 0 20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} body[data-surface="store"] .store .wallet-secondary{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px;background:#f7f8fa;border:0;border-radius:12px;margin:0 0 17px} body[data-surface="store"] .store .wallet-secondary>div{gap:7px;min-width:0} body[data-surface="store"] .store .wallet-secondary>div+div{border-left:1px solid #e5e8ed;padding-left:15px} body[data-surface="store"] .store .wallet-secondary span{font-size:10px;color:#7c8592} body[data-surface="store"] .store .wallet-secondary strong{font-size:16px;font-weight:650;color:#394759} body[data-surface="store"] .store .wallet-secondary small{font-size:11px;color:#9aa2ad} body[data-surface="store"] .store .wallet-recharge{display:flex;align-items:center;min-height:44px;background:#fff3ec;border:0;border-radius:10px;padding:11px 12px;color:#d95020;font-size:12px} body[data-surface="store"] .store .account-primary .quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;padding:16px 8px;border:1px solid #e8ebef;border-radius:16px;background:#fff} body[data-surface="store"] .store .quick-actions a{display:flex;flex-direction:column;align-items:center;gap:9px;padding:4px;color:#566273;font-size:12px} body[data-surface="store"] .store .quick-actions a>span{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:13px;background:#fff2e9;color:#df6734;margin:0} body[data-surface="store"] .store .quick-actions a svg{width:22px;height:22px} body[data-surface="store"] .store .account-orders{background:#fff;border:1px solid #e8ebef;border-radius:14px;min-height:74px;padding:16px;gap:12px;margin:0} body[data-surface="store"] .store .account-order-icon{background:#f2f5fa;border-radius:12px;color:#748399} body[data-surface="store"] .store .account-orders strong{font-size:13px;color:#394759} body[data-surface="store"] .store .account-orders small{font-size:11px;color:#8993a0;line-height:1.5} body[data-surface="store"] .store .account-demo-note{font-size:10px;line-height:1.6;color:#9199a4;margin:13px 2px 0} body[data-surface="store"] .store .account-menu-title{font-size:11px;font-weight:650;letter-spacing:.5px;color:#939ba6;margin:0 4px 10px} body[data-surface="store"] .store .menu-card{background:#fff;border:1px solid #e8ebef;border-radius:16px;overflow:hidden} body[data-surface="store"] .store .menu-card .menu-row{display:flex;align-items:center;min-height:54px;padding:13px 15px;font-size:12px;color:#455365;border-color:#f0f2f5;gap:12px} body[data-surface="store"] .store .menu-icon{background:none;color:#8995a5} body[data-surface="store"] .store .logout-link{min-height:48px;font-size:12px;color:#b65e43} body[data-surface="store"] .store-nav{height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#ffffffed;border-top:1px solid #eceef2;box-shadow:0 -4px 20px #20293604} body[data-surface="store"] .store-nav a{min-height:56px;color:#929ba7;font-size:10px;gap:5px} body[data-surface="store"] .store-nav a>svg{width:22px;height:22px} body[data-surface="store"] .store-nav a.active{color:#e45c2b!important} body[data-surface="store"] .store .hao-section-head h2{font-size:21px;letter-spacing:-.5px} body[data-surface="store"] .store .hao-section-kicker{color:#a18b7c;font-size:8px} body[data-surface="store"] .store .hao-product-card{border-radius:14px;border-color:#e9ecf0} body[data-surface="store"] .store .hao-product-card .product-name{font-size:12px;line-height:1.5;height:36px;min-height:36px;margin-bottom:9px;color:#445061} body[data-surface="store"] .store .hao-product-card .price{font-size:19px!important;letter-spacing:-.6px;color:#253040} body[data-surface="store"] .store .hao-product-card .old-price{font-size:9px;color:#9aa3ae} body[data-surface="store"] .store .hao-product-card .hao-product-bottom{font-size:9px;color:#929ba7} body[data-surface="store"] .store .hao-category-showcase-title{font-size:11px;color:#465366} body[data-surface="store"] .store .hao-category-showcase-count{font-size:9px;color:#929ba7} body[data-surface="store"] .store .ml-pdp-breadcrumb{background:transparent;padding:0 2px 14px;color:#8a95a3;font-size:11px} body[data-surface="store"] .store .ml-pdp-panel{border:1px solid #e9ecf0;border-radius:16px;background:#fff;overflow:hidden} body[data-surface="store"] .store .ml-pdp-title{line-height:1.45;letter-spacing:-.3px} body[data-surface="store"] .store .ml-pdp-buybox .btn{min-height:46px;border-radius:12px} body[data-surface="store"] .store .white-card{background:#fff;border:1px solid #e8ebef;border-radius:16px;padding:18px} body[data-surface="store"] .store .white-card input,body[data-surface="store"] .store .white-card select{min-height:44px;font-size:16px;border-radius:10px} body[data-surface="store"] .store .white-card .btn{min-height:46px;border-radius:11px} }