/* Reversible visual trial: plum palette, quiet typography and spacing. */
:root{--ink:#49383B;--muted:#806A72;--paper:#fffdfa;--line:#EAD7DD;--accent:#C77B8D}
body>.announcement{background:#F4E2E7;color:#C77B8D;font-size:11px;letter-spacing:.6px;padding:8px 16px}
header.viean-header{box-shadow:none;border-bottom-color:#EAD7DD}
main .section{padding:64px max(24px,5vw)}
main .section-head{margin:0 0 28px;padding:0;align-items:center}
main .section-head h2,main #flashsale .viean-flash-title-row h2{font-size:34px;font-weight:500;letter-spacing:-.025em;line-height:1.2}
main .eyebrow{font-size:10px;font-weight:500;letter-spacing:1.8px;color:#C77B8D}
main .section-head .eyebrow{margin-bottom:9px;font-weight:500}
main .text-link{font-size:12px;border-bottom-color:#D9A9B7;color:#C77B8D}
main .banner-copy h1,main .banner-copy h2{font-weight:500;letter-spacing:-.035em;line-height:1.08;text-shadow:none}
main .banner-copy span{font-weight:400;letter-spacing:2px}
main .banner-copy p{line-height:1.65;font-weight:400}
main .banner-copy a{font-weight:500;border-radius:4px;box-shadow:none;min-height:44px}
main .banner-arrow{width:36px;height:36px;font-size:23px;background:#fffdfab3;border-color:#ffffff70}
main .sold-proof{padding:24px 20px 8px;gap:9px}
main .sold-proof strong{font-size:27px;font-weight:500;color:#C77B8D;letter-spacing:-.025em}
main .sold-proof span{font-size:12px;color:#806A72}
main .marketplaces{padding-bottom:20px}
main .marketplaces>p{display:none}
main .marketplace-row{max-width:530px;margin:auto;gap:10px}
main .marketplace{background:transparent;border-color:#EAD7DD;border-radius:5px;box-shadow:none;min-height:40px;font-size:11px}
main .marketplace b{font-weight:500}
main .marketplace:hover{transform:none;box-shadow:none;background:#f4f0f8}
main .shipping-note{background:#FBF3F5;color:#806A72;font-size:11px;font-weight:400;padding:10px 16px;border-top:1px solid #F4E2E7;border-bottom:1px solid #F4E2E7}
main .gender-heading{margin-bottom:22px}
main .gender-grid{gap:22px}
main .gender-card{border-radius:8px;box-shadow:none}
main .gender-card:hover{transform:none;box-shadow:none}
main .gender-card h3{font-weight:500;letter-spacing:-.025em}
main .gender-card span{font-size:9px;font-weight:400;letter-spacing:1.6px}
main .sale-section{background:#f7f3fa}
main .sale-badge{display:none}
main #v2FlashClock{font-weight:500;font-size:12px;background:#F4E2E7;border-color:#E2B5C1;border-radius:6px;letter-spacing:.4px}
main .products{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px;max-width:1320px;margin-inline:auto}
main .section-head,main .gender-grid,main .gender-heading,main .filters{max-width:1320px;margin-inline:auto}
main .picture{border-radius:6px!important}
main .product-details{padding:7px 1px 0}
main .product h3{font-size:14px;font-weight:400;letter-spacing:0;line-height:1.45;margin:5px 0}
main .product .price{font-size:14px;font-weight:600;color:#C77B8D}
main .product .price s{font-size:11px;font-weight:400;color:#8b8198}
main .picture .tag{border-radius:4px;box-shadow:none;background:#fffdfae6;color:#C77B8D;font-size:9px;font-weight:500;padding:4px 7px;letter-spacing:.3px}
main .colors small,main .v2-proof{font-size:10px;color:#8A737B}
main .quick-add{border-radius:4px;font-size:12px;font-weight:500}
main .filter{border-radius:5px;font-size:12px;min-height:40px;padding:9px 18px;background:transparent;border-color:#E7C5CF}
main .filter[aria-pressed=true]{background:#C77B8D;border-color:#C77B8D;color:#fff}
.viean-footer{background:#F4E2E7;padding-top:50px}
.viean-footer .footer-column h3{font-weight:600;color:#C77B8D}
.viean-footer .footer-intro>p,.viean-footer .footer-column p{color:#806A72}
@media (max-width:1000px){main .products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){
 main .section{padding:38px 16px}
 main .section-head{margin-bottom:22px}
 main .section-head h2,main #flashsale .viean-flash-title-row h2{font-size:27px}
 main .eyebrow,main #flashsale .eyebrow{font-size:9px;letter-spacing:1.4px}
 main .banner-copy{left:22px;right:22px;bottom:35px}
 main .banner-copy h1,main .banner-copy h2{font-size:35px;margin:10px 0}
 main .banner-copy p{font-size:12px;margin-bottom:14px}
 main .banner-copy a{min-height:40px;font-size:11px;padding:9px 14px}
 main .banner-arrow{width:29px;height:29px;font-size:20px}
 main .sold-proof{padding:18px 16px 9px;gap:5px 7px}
 main .sold-proof strong{font-size:20px}
 main .sold-proof span{font-size:10px;line-height:1.5}
 main .marketplaces{padding:0 16px 17px}
 main .marketplace-row{gap:7px}
 main .marketplace{min-height:37px;font-size:10px}
 main .shipping-note{font-size:10px;padding:9px 12px}
 main .gender-heading{margin-bottom:18px}
 main .gender-grid{gap:12px}
 main .gender-card{border-radius:6px;padding:13px}
 main .gender-card h3{font-size:23px}
 main .gender-card span{font-size:7px;letter-spacing:1px}
 main .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 12px}
 main .product h3{font-size:12px}
 main .product .price{font-size:13px}
 main .product .buy{font-size:11px;color:#C77B8D;min-height:34px;font-weight:400}
 main .picture .tag{font-size:8px;padding:4px 6px}
 main .filter{font-size:11px;min-height:38px;padding:8px 15px}
 main #v2FlashClock{font-size:11px;padding:6px 8px}
 .viean-footer{padding-top:34px}
}

/* VieAn plum identity — local Studio, 2026-10-28. */
:root{--accent:#C77B8D;--pink:#F4E2E7;--cream:#fffdfa}
.brand-mark img,.brand-wordmark img,.footer-logo img{filter:none}
.brand-slogan,.footer-logo,.viean-footer,.section-head h2,.gender-heading h2{color:#C77B8D}
header.viean-header{border-bottom-color:#EAD7DD}
.viean-icon-button{background:#FBF3F5;border-color:#E7C5CF;color:#C77B8D}
.viean-icon-button:hover{background:#F4E2E7;border-color:#D99EAF}
.viean-header-cart{background:linear-gradient(165deg,#DEA2B2,#C77B8D 65%,#A85C70);border-color:#C77B8D;box-shadow:inset 0 1px 1px #ffffffaa,0 3px 0 #914A60,0 6px 12px #C77B8D30}
.viean-header-cart:active{box-shadow:inset 0 1px 3px #914A6030,0 1px 0 #914A60}
.viean-header-cart .count{background:#fffdfa;color:#C77B8D}
.shipping-note span,.sale-spark,.category-list span,.category-list a:hover,.viean-category-links span,.viean-category-links a:hover{color:#C77B8D}
.footer-bottom,.viean-category-links a,.category-list a{border-color:#E7C5CF}
.footer-bottom,.viean-menu-note{color:#806A72}
.primary,.filter[aria-pressed=true]{background:#C77B8D;border-color:#C77B8D;color:white}
.primary:hover{background:#A85C70}
.option[aria-pressed=true]{background:#F4E2E7;border-color:#C77B8D}
.swatch[aria-pressed=true]{outline-color:#C77B8D}
a:focus-visible,button:focus-visible{outline-color:#C77B8D}
.gate-scene{background:radial-gradient(ellipse at 50% 30%,#fffdfa,#FAEEF1 47%,#F4E2E7)}
.gate-scene:before{border-color:#C77B8D55;box-shadow:0 0 0 12px #fffdfa40,0 0 0 13px #C77B8D25}
.gate-scene:after{background:#C77B8D33}
.gate-caption,.gate-skip,.intro-replay{color:#C77B8D;border-color:#C77B8D66}

/* User-supplied VieAn purple badge logo. The wrapper crops only the source image's outer whitespace. */
.brand{--logo-h:40px;gap:0}
.brand-logo{position:relative;display:block;width:calc(var(--logo-h)*3.08);height:var(--logo-h);overflow:hidden;flex:none}
.brand-logo img{position:absolute;display:block;max-width:none;width:calc(var(--logo-h)*3.65);height:calc(var(--logo-h)*3.65);left:calc(var(--logo-h)*-.28);top:calc(var(--logo-h)*-1.21);filter:none}
.footer-logo{display:inline-flex;align-items:center;gap:0;line-height:1}
.footer-logo .brand-logo{--logo-h:44px}
.gate-word{--logo-h:clamp(60px,15vw,86px);display:inline-flex;align-items:center;justify-content:center;gap:0}
.gate-word .brand-logo{height:var(--logo-h)}
@media(max-width:700px){.brand{--logo-h:34px}.footer-logo .brand-logo{--logo-h:40px}}

/* Final user-supplied pink symbol and wordmark. Crop only their white outer margins. */
.brand{--logo-h:40px;gap:7px}
.brand-mark,.brand-wordmark{position:relative;display:block;height:var(--logo-h);overflow:hidden;flex:none}
.brand-mark{width:calc(var(--logo-h)*1.384)}
.brand-wordmark{width:calc(var(--logo-h)*3.18)}
.brand-mark img,.brand-wordmark img{position:absolute;display:block;max-width:none;filter:none}
.brand-mark img{width:calc(var(--logo-h)*1.547);height:calc(var(--logo-h)*1.166);left:calc(var(--logo-h)*-.083);top:calc(var(--logo-h)*-.083)}
.brand-wordmark img{width:calc(var(--logo-h)*3.48);height:calc(var(--logo-h)*1.307);left:calc(var(--logo-h)*-.147);top:calc(var(--logo-h)*-.153)}
.footer-logo{gap:7px}
.footer-logo .brand-mark,.footer-logo .brand-wordmark{--logo-h:42px;height:var(--logo-h)}
.gate-word{--logo-h:clamp(54px,13vw,78px);gap:10px}
.gate-word .brand-mark,.gate-word .brand-wordmark{height:var(--logo-h)}
@media(max-width:700px){.brand{--logo-h:31px;gap:5px}.footer-logo .brand-mark,.footer-logo .brand-wordmark{--logo-h:36px}}