/* ChinaDepot Premium UI — builds on site.css; retains the original brand palette. */
:root{--cd-ease:cubic-bezier(.22,1,.36,1)}
body{background:linear-gradient(180deg,#fff 0,#fcfbfa 100%)}
header{position:sticky;top:0;z-index:40;box-shadow:0 6px 24px rgba(20,40,63,.035);backdrop-filter:blur(14px)}
.topline{position:relative;z-index:42}.brand img{transition:transform .5s var(--cd-ease)}.brand:hover img{transform:scale(1.035)}
.mainnav a,.head-links a{transition:color .2s ease,transform .25s var(--cd-ease)}.mainnav a:hover,.head-links a:hover{transform:translateY(-2px)}
.hero,.editorial,.resale-hero,.cd-resale-hero,.wallet-banner{box-shadow:0 22px 48px rgba(20,40,63,.1)}
.hero{border-radius:24px}.hero h1{font-weight:750}.hero-art>img{will-change:transform}
.button,button{transition:transform .25s var(--cd-ease),box-shadow .25s ease,background .2s ease}
.product,.category,.panel,.contact-card,.editorial-tiles a{transition:transform .38s var(--cd-ease),box-shadow .38s ease,border-color .24s ease}
.product:hover,.category:hover,.contact-card:hover,.editorial-tiles a:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(20,40,63,.09)}
.product-photo{background:linear-gradient(135deg,#f7f6f3,#f3f5f6)}.product-photo img{transition:transform .55s var(--cd-ease)}
.product:hover .product-photo img{transform:scale(1.07)}
.panel,.product,.category,.contact-card{border-radius:17px}.panel{box-shadow:0 10px 30px rgba(20,40,63,.035)}
.page-heading h1,.section-head h2{letter-spacing:-.055em}.checkout-layout .summary{border:1px solid #dbe1e6}
.cd-home-assurance{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:20px 22px;margin:24px 0 4px;background:#f5f3ee;border:1px solid #e8e5df;border-radius:14px}
.cd-home-assurance span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;letter-spacing:.035em;color:var(--navy)}
.cd-home-assurance .icon{width:19px;height:19px;color:var(--red)}
.cd-social-link{display:flex!important;align-items:center;gap:12px;line-height:1.35;margin:14px 0!important}
.cd-social-link svg,.cd-contact-card>svg:first-child{width:22px;height:22px;min-width:22px;stroke:currentColor}
.cd-contact-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f5f3ee)}.cd-contact-card strong{flex:1}
.cd-telegram-float{z-index:65;bottom:26px;right:24px;display:flex;gap:11px;padding:12px 19px;border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 35px rgba(20,40,63,.28);animation:cdFloatIn .6s var(--cd-ease) both}
.cd-telegram-float svg{width:26px;height:26px;min-width:26px}.cd-telegram-float>span{display:flex;flex-direction:column;font-size:12px;font-weight:800;line-height:1.2}.cd-telegram-float small{color:#e9d8b3;font-size:10px;margin-top:3px;letter-spacing:.015em}
.cd-pay-link{width:100%;margin:12px 0}.cd-payment-disclosure{font-size:12px;color:var(--muted)}
.cd-promo-stack{position:fixed;top:100px;right:18px;z-index:60;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
.cd-promo-toast{pointer-events:auto;display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:#fff;border:1px solid #e1e5e9;box-shadow:0 16px 45px rgba(20,40,63,.2);animation:cdSlideDown .55s var(--cd-ease) both}
.cd-promo-toast img{width:68px;height:68px;object-fit:contain;border-radius:12px;background:#f5f3ee}.cd-promo-toast .cd-promo-copy{flex:1;min-width:0}.cd-promo-toast strong{display:block;font-size:12px;line-height:1.4}.cd-promo-toast a{color:var(--red);font-size:12px;font-weight:800}.cd-promo-toast small{font-size:10px;display:block;color:var(--muted)}
.cd-promo-toast button{align-self:flex-start;min-width:30px;width:30px;height:30px;padding:4px;background:#f5f3ee;color:var(--navy);font-size:18px;line-height:1;border-radius:50%;box-shadow:none}
.cd-promo-toast.is-leaving{animation:cdSlideUp .25s ease both}
@keyframes cdSlideDown{from{opacity:0;transform:translateY(-45px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cdSlideUp{to{opacity:0;transform:translateY(-20px)}}@keyframes cdFloatIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1101px){.category-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.head{gap:32px}.product-detail{align-items:start}}
@media(max-width:760px){header{top:0}.cd-home-assurance{gap:10px;padding:13px;justify-content:center}.cd-home-assurance span{font-size:9px}.cd-home-assurance .icon{width:16px;height:16px}.cd-telegram-float{right:13px;bottom:84px;border-radius:16px;padding:11px 12px}.cd-telegram-float span{display:flex!important}.cd-telegram-float svg{width:22px;height:22px;min-width:22px}.cd-telegram-float>span{font-size:10px}.cd-telegram-float small{font-size:9px}.cd-promo-stack{top:120px;right:10px;width:calc(100vw - 20px)}.cd-promo-toast{padding:10px}.cd-promo-toast img{width:56px;height:56px}.mainnav{scrollbar-width:none}.mainnav::-webkit-scrollbar{display:none}.product-detail{gap:22px}.cart-item,.record{overflow-wrap:anywhere}.footer-grid{row-gap:25px}}
@media(prefers-reduced-motion:reduce){.cd-telegram-float,.cd-promo-toast,.cd-promo-toast.is-leaving{animation:none!important}.product:hover,.category:hover,.contact-card:hover,.editorial-tiles a:hover{transform:none!important}}