:root{--ink:#14223b;--blue:#2458d3;--orange:#e66334;--muted:#667085;--line:#dfe5ee;--wash:#f4f7fc;--white:#fff;--radius:20px}*{box-sizing:border-box}html,body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:5}.brand{font-size:22px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--blue)}nav{display:flex;gap:24px;color:#445069;font-size:14px}nav a:hover{color:var(--blue)}.cart-button,.secondary{background:white;border:1px solid var(--line);padding:10px 15px;border-radius:999px;color:var(--ink);cursor:pointer}.cart-button b{background:var(--blue);color:white;border-radius:20px;padding:1px 6px;margin-left:4px}.hero{min-height:510px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;overflow:hidden;background:linear-gradient(110deg,#eff5ff 0%,#fff 62%)}.hero-copy{padding:60px clamp(24px,8vw,150px);z-index:1}.hero h1{font-size:clamp(40px,5.4vw,76px);line-height:1.08;letter-spacing:-.07em;margin:0 0 22px}.hero p{color:var(--muted);line-height:1.7;font-size:16px;max-width:340px;margin-bottom:30px}.hero img{height:510px;width:100%;object-fit:cover}.primary{border:0;background:var(--blue);color:#fff;padding:13px 22px;border-radius:999px;cursor:pointer;display:inline-block;font-weight:650}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 8vw;gap:10px;border-bottom:1px solid var(--line);text-align:center;font-size:14px;font-weight:600}.section{padding:90px max(5vw,24px)}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-title a{font-size:14px;color:var(--blue)}.eyebrow{color:var(--orange);font-size:13px;font-weight:700;margin:0 0 10px;letter-spacing:.08em}h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.05em;margin:0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.product-visual{height:260px;padding:24px;display:flex;align-items:end;background:var(--wash);font-size:48px}.product:nth-child(2) .product-visual{background:#fff2e9}.product:nth-child(3) .product-visual{background:#eaf5ee}.product-info{padding:18px}.product-info h3{margin:0 0 8px;font-size:18px}.product-info p{margin:0;color:var(--muted);font-size:13px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.product-bottom b{font-size:17px}.product-bottom button{border:0;background:none;color:var(--blue);cursor:pointer;font-weight:700}.category-band{padding:80px max(5vw,24px);background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:end;gap:30px}.category-band .eyebrow{color:#ff9a71}.category-list{display:flex;gap:10px;flex-wrap:wrap}.category-list button{background:transparent;border:1px solid #7d89a0;color:#fff;border-radius:99px;padding:11px 15px;cursor:pointer}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.steps article{border-top:1px solid var(--line);padding-top:18px}.steps b{color:var(--blue);font-size:13px}.steps h3{margin:18px 0 8px}.steps p,.tracking p{color:var(--muted);line-height:1.7}.tracking{padding:70px max(5vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--wash)}.tracking form{display:flex;align-items:end;gap:12px}.tracking label,.dialog-card label{display:grid;gap:7px;flex:1;font-size:13px;font-weight:700}.tracking input,.dialog-card input{height:46px;border:1px solid var(--line);border-radius:10px;padding:0 12px;width:100%}.tracking #trackingResult{grid-column:2;margin:0;color:var(--blue)}footer{padding:25px 5vw;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.cart-drawer{position:fixed;right:20px;top:92px;width:min(390px,calc(100vw - 40px));border:1px solid var(--line);background:#fff;box-shadow:0 20px 50px #14223b22;border-radius:var(--radius);z-index:8;padding:20px}.drawer-head,.cart-footer{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{font-size:24px}.drawer-head button{border:0;background:none;cursor:pointer}.cart-footer{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.cart-footer .primary{width:auto}.cart-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}dialog{border:0;border-radius:var(--radius);box-shadow:0 20px 60px #14223b44;padding:0;width:min(430px,calc(100vw - 36px))}dialog::backdrop{background:#14223b99}.dialog-card{padding:34px;position:relative}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;cursor:pointer}.dialog-card h2{font-size:32px;margin-bottom:25px}.wechat{width:100%;background:#07c160;color:#fff;border:0;border-radius:12px;padding:14px;cursor:pointer;font-weight:700}.divider{text-align:center;color:var(--muted);font-size:12px;margin:20px 0}.dialog-card .secondary{width:100%;margin-top:14px}.privacy{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:0}.owner{background:var(--wash)}.owner-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.owner aside{background:var(--ink);color:white;padding:32px 22px;display:flex;flex-direction:column}.owner aside p{color:#9eabc0;font-size:13px;margin:38px 0 12px}.owner aside nav{display:grid;gap:4px}.owner aside nav a{padding:11px;border-radius:9px;color:#c7d0df}.owner aside nav .active,.owner aside nav a:hover{background:#ffffff18;color:white}.owner aside small{color:#9eabc0;margin-top:auto;line-height:1.6}.owner-content{padding:42px clamp(24px,5vw,80px)}.owner-content header{display:flex;justify-content:space-between;align-items:start;margin-bottom:36px}.owner-content h1{font-size:42px;margin:0;letter-spacing:-.06em}.owner-gate,.owner-panel,.metrics article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metrics span{color:var(--muted);font-size:13px}.metrics b{display:block;font-size:28px;margin-top:12px}.owner-panel{margin-top:18px}.owner-panel h2{font-size:22px}.owner-panel p{color:var(--muted);line-height:1.7;max-width:780px}.owner-panel .primary{margin-top:8px}@media(max-width:720px){.site-header{height:64px;padding:0 16px}.site-header nav{display:none}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{padding:58px 24px 35px}.hero img{height:330px}.benefits{grid-template-columns:repeat(2,1fr);padding:14px}.benefits p{margin:6px}.section{padding:58px 24px}.products,.steps{grid-template-columns:1fr}.category-band{padding:55px 24px;display:block}.category-list{margin-top:28px}.tracking{padding:50px 24px;grid-template-columns:1fr;gap:26px}.tracking form{display:grid}.tracking #trackingResult{grid-column:1}footer{display:grid;padding:22px 24px}.owner-shell{grid-template-columns:1fr}.owner aside{display:none}.owner-content{padding:26px 18px}.owner-content h1{font-size:35px}.metrics{grid-template-columns:1fr}.product-visual{height:220px}}
/* v37 keeps the existing card footprint; new controls wrap on small screens. */
.catalog-pagination,.order-card .payment-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.order-card details{margin:12px 0;overflow-wrap:anywhere}.order-card summary{cursor:pointer}
.category-custom-image{display:block;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#f7f7f5}
.category-custom-image img{width:100%;height:100%;object-fit:contain}
.category-tile .category-custom-image{width:56px;flex:none}