/* White VAC: shared transparent atlases, contextual poses and no blocking overlays. */
.vac-avatar{--vac-x:0;--vac-y:0;--vac-cols:5;--vac-rows:4;position:relative;display:block;flex:0 0 auto;width:112px;aspect-ratio:1;overflow:hidden;contain:paint}
.vac-avatar--welcome{--vac-x:0;--vac-y:0}.vac-avatar--point{--vac-x:1;--vac-y:0}.vac-avatar--approve{--vac-x:2;--vac-y:0}.vac-avatar--think{--vac-x:3;--vac-y:0}.vac-avatar--search{--vac-x:4;--vac-y:0}.vac-avatar--savings{--vac-x:0;--vac-y:1}.vac-avatar--mop{--vac-x:1;--vac-y:1}.vac-avatar--vacuum{--vac-x:2;--vac-y:1}.vac-avatar--carpet{--vac-x:3;--vac-y:1}.vac-avatar--clearance{--vac-x:4;--vac-y:1}.vac-avatar--brushes{--vac-x:0;--vac-y:2}.vac-avatar--wash{--vac-x:1;--vac-y:2}.vac-avatar--budget{--vac-x:2;--vac-y:2}.vac-avatar--pets{--vac-x:3;--vac-y:2}.vac-avatar--charge{--vac-x:4;--vac-y:2}.vac-avatar--power{--vac-x:0;--vac-y:3}.vac-avatar--checklist{--vac-x:1;--vac-y:3}.vac-avatar--premium{--vac-x:2;--vac-y:3}.vac-avatar--sale{--vac-x:3;--vac-y:3}.vac-avatar--compare{--vac-x:4;--vac-y:3}
.vac-avatar--black-friday{--vac-cols:4;--vac-rows:2;--vac-x:0;--vac-y:0}.vac-avatar--cyber-monday{--vac-cols:4;--vac-rows:2;--vac-x:1;--vac-y:0}.vac-avatar--prime-day{--vac-cols:4;--vac-rows:2;--vac-x:2;--vac-y:0}.vac-avatar--discount{--vac-cols:4;--vac-rows:2;--vac-x:3;--vac-y:0}.vac-avatar--balance{--vac-cols:4;--vac-rows:2;--vac-x:0;--vac-y:1}.vac-avatar--trophy{--vac-cols:4;--vac-rows:2;--vac-x:1;--vac-y:1}.vac-avatar--medal{--vac-cols:4;--vac-rows:2;--vac-x:2;--vac-y:1}.vac-avatar--check{--vac-cols:4;--vac-rows:2;--vac-x:3;--vac-y:1}
.vac-avatar>img{position:absolute!important;left:calc(var(--vac-x)*-100%)!important;top:calc(var(--vac-y)*-100%)!important;width:calc(var(--vac-cols)*100%)!important;height:calc(var(--vac-rows)*100%)!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:fill!important;transform:none!important;box-shadow:none!important}
.vac-guide{display:flex;align-items:center;gap:20px;margin:24px 0;padding:20px 26px;border:1px solid #e8d5b8;border-radius:18px;background:#fff8ed;color:#293d38;font:inherit;text-align:left;box-sizing:border-box;clear:both}
.vac-guide>div{min-width:0}.vac-guide p{margin:0!important}.vac-guide .vac-guide__name{font-weight:800;font-size:14px;letter-spacing:.03em;color:#a84313}.vac-guide__name span{font-weight:500;letter-spacing:0;color:#50625b}.vac-guide .vac-guide__message{margin:6px 0 8px!important;font-size:16px;line-height:1.55;color:#293d38}.vac-guide__link{color:#9a3a15!important;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.vac-page-guide{max-width:1120px;margin:24px auto;padding:0 20px}
.vac-guide--home{background:#fbecd2}.vac-guide--home .vac-avatar{width:140px}
.vac-rec-host{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:10px 16px;background:#fff8ed;border:1px solid #e8d5b8;border-radius:14px;color:#293d38}.vac-rec-host .vac-avatar{width:82px}.vac-rec-host p{margin:0;font-size:15px;line-height:1.5}.vac-rec-host strong{display:block;color:#a84313;font-size:12px;letter-spacing:.04em;margin-bottom:3px}
.vs-rec__hero-art>.vac-avatar{width:min(100%,320px);margin:auto}.vs-rec__loading>.vac-avatar{width:160px;margin:auto}.vs-rec__result-head .vac-rec-host{margin:14px 0 0;text-align:left}.vs-rec__result-head .vac-avatar{width:70px}
.vac-answer{display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto;width:116px;height:116px;border-radius:12px;background:#fbecd2;overflow:hidden}.vac-answer .vac-avatar{width:88px;position:absolute;left:0;bottom:2px}.vac-answer__symbol{position:absolute;display:block;right:1px;top:7px;width:57px!important;height:57px!important;object-fit:contain;background:#fffaf2;border:1px solid #e8d5b8;border-radius:50%;padding:3px;box-sizing:border-box}.vs-rec__budget-presets .vac-answer{width:64px;height:64px;border-radius:9px}.vs-rec__budget-presets .vac-answer .vac-avatar{width:50px;left:0;bottom:0}.vs-rec__budget-presets .vac-answer__symbol{width:33px!important;height:33px!important;top:2px}
.vr-vac-choices{display:flex;gap:16px;flex-wrap:wrap}.vr-vac-choice{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #d4c4ad;border-radius:12px;cursor:pointer;background:#fffaf2}.vr-vac-choice:has(input:checked){outline:2px solid #a84313}.vr-vac-choice .vac-avatar{width:70px}.vr-vac-choice .vs-rec-art{width:70px;height:70px}
@media(max-width:600px){.vac-guide{gap:12px;padding:16px;margin:18px 0}.vac-guide .vac-avatar{width:80px}.vac-guide__name span{display:block}.vac-guide .vac-guide__message{font-size:14px}.vac-guide__link{font-size:13px}.vac-rec-host{gap:8px;padding:8px 10px}.vac-rec-host .vac-avatar{width:62px}.vac-rec-host p{font-size:14px}.vac-answer{width:96px;height:96px}.vac-answer .vac-avatar{width:75px}.vac-answer__symbol{width:48px!important;height:48px!important}.vs-rec__budget-presets .vac-answer{width:56px;height:56px}.vs-rec__budget-presets .vac-answer .vac-avatar{width:44px}.vs-rec__budget-presets .vac-answer__symbol{width:30px!important;height:30px!important}.vs-rec__hero-art>.vac-avatar{width:220px}}

/* Guidance belongs to the surrounding page, without another horizontal banner. */
.vac-guide{padding:8px 0;background:transparent;border:0;border-radius:0;box-shadow:none}
.vac-guide--home{background:transparent}
.vac-guide--caption{display:block;margin:18px 0 0;padding:0;clear:none;max-width:480px}
.vac-guide--hero{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;text-align:center;clear:none}
.vac-guide--hero>.vac-avatar{width:clamp(180px,22vw,300px);margin:0 auto}
.vac-guide--hero>div{max-width:340px}.vs-offers__hero .vac-guide__name,.vs-selector-hero .vac-guide__name,.vsh-hero .vac-guide__name{color:#ffb56b}
.vs-offers__hero .vac-guide__name span,.vs-selector-hero .vac-guide__name span,.vsh-hero .vac-guide__name span{color:#d7e4f3}
.vs-offers__hero .vac-guide__message,.vs-selector-hero .vac-guide__message,.vsh-hero .vac-guide__message{color:#e2eaf3;font-size:14px}
.vs-offers__hero .vac-guide__link,.vs-selector-hero .vac-guide__link,.vsh-hero .vac-guide__link{color:#ffd19d!important}
.vs-offers .vs-offers__hero--guide{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.vac-guide--title{margin:16px 0 0;gap:16px;clear:none;text-align:left}.vac-guide--title>.vac-avatar{width:130px}
.product-title-banner .vac-guide--title{max-width:760px;margin:18px auto 0}.product-title-banner .vac-guide__name{color:#ffb56b}.product-title-banner .vac-guide__name span,.product-title-banner .vac-guide__message{color:inherit}.product-title-banner .vac-guide__link{color:inherit!important}
.vs-selector-hero__inner{position:relative}.vs-selector-hero .vac-guide--title{max-width:700px}
.vac-section-heading{display:flex;align-items:center;gap:16px}.vac-section-heading>.vac-avatar{width:90px}
.vac-rec-host{border:0;border-bottom:1px solid #e8ded0;background:transparent;border-radius:0;padding:0 0 12px;gap:18px}.vac-rec-host .vac-avatar{width:104px}
.vs-rec__result-head .vac-rec-host{justify-content:center;border:0}.vs-rec__result-head .vac-avatar{width:88px}
.vs-rec__card .vs-card-media{position:relative}.vs-rec__card .vs-card-media>.vac-avatar{position:absolute;right:8px;bottom:5px;width:92px;pointer-events:none}
.vs-offer-card__media>.vac-offer-marker{position:absolute;bottom:6px;right:4px;width:80px;pointer-events:none}
.vs-offer-card__media:has(>.vac-offer-marker){padding-bottom:74px}
.vsh-hero-visual>.vac-home-hero{width:min(100%,320px);margin:0 auto 50px}.vsh-path-top>.vac-path-avatar{width:104px}.vsh-path-top{align-items:center}
@media(max-width:760px){.vs-offers__hero,.vs-offers .vs-offers__hero--guide{grid-template-columns:minmax(0,1fr)}.vac-guide--hero{flex-direction:row;text-align:left;align-items:center;gap:14px}.vac-guide--hero>.vac-avatar{width:150px}.vac-guide--hero>div{max-width:none}.vac-guide--title>.vac-avatar{width:100px}}
@media(max-width:420px){.vac-guide--hero{flex-direction:column;text-align:center}.vac-guide--hero>.vac-avatar{width:190px}.vac-guide--title{align-items:flex-start;gap:10px}.vac-guide--title>.vac-avatar{width:80px}.vs-rec__card .vs-card-media>.vac-avatar{width:80px}.vsh-hero-visual>.vac-home-hero{width:220px;max-width:100%}}

.vac-avatar--welcome{--vac-cols:1;--vac-rows:1;aspect-ratio:3/2}
.vac-avatar--approve{clip-path:inset(0 0 0 6%)}
.vs-product .product-title-banner .vac-guide{color:#d7e4f3}.vs-product .product-title-banner .vac-guide__name{color:#ffb56b}.vs-product .product-title-banner .vac-guide__link{color:#ffd19d!important}
.vac-answer .vac-avatar{width:104px}.vac-answer__symbol{width:40px!important;height:40px!important}
@media(max-width:600px){.vac-answer .vac-avatar{width:88px}.vac-answer__symbol{width:34px!important;height:34px!important}}
.vsh-hero-visual>.vac-home-hero{margin-top:20px}

/* Campaign drawings have a dedicated column, so wrapping text never sits under VAC. */
.vs-sale-events nav>a.vs-sale-event{display:grid;grid-template-columns:minmax(0,1fr) clamp(104px,9vw,132px);align-items:center;gap:12px;padding:18px;min-height:164px;box-sizing:border-box}
.vs-sale-events .vs-sale-event>.vac-avatar{position:relative;grid-column:2;grid-row:1;right:auto;bottom:auto;width:100%;min-width:0}
.vs-sale-events .vs-sale-event__copy{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}
.vs-sale-events .vs-sale-event__copy strong{display:block;margin-bottom:12px}
.vs-sale-events .vs-sale-event__copy>span{display:block}
@media(max-width:360px){.vs-sale-events nav>a.vs-sale-event{padding:12px;gap:8px}}

/* VAC belongs to the finder invitation on selector, comparison and product pages. */
.vac-recommender-cta[data-vac-recommender-cta]:has(>.vac-avatar){display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:20px;max-width:1192px;margin:24px auto;padding:24px;border:1px solid #d4e2ef;border-radius:13px;background:#edf4fa;color:#17233c;box-sizing:border-box;text-align:left}
.vac-recommender-cta[data-vac-recommender-cta]>.vac-avatar{width:112px;grid-column:1}
.vac-recommender-cta[data-vac-recommender-cta]>div{min-width:0;grid-column:2}
.vac-recommender-cta[data-vac-recommender-cta] h2{font:750 24px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17233c;margin:0 0 10px;text-transform:none}
.vac-recommender-cta[data-vac-recommender-cta] p{font-size:14px;line-height:1.7;color:#526174;margin:0}
.vac-recommender-cta[data-vac-recommender-cta]>a{grid-column:3;display:inline-flex;justify-content:center;align-items:center;padding:12px 18px;border-radius:8px;background:#17315c;color:#fff;font-size:13px;font-weight:750;text-decoration:none}
.vs-offers__hero>.vac-offers-art{display:flex;justify-content:center;align-items:center;min-width:0}
.vac-offers-art>.vac-avatar{width:clamp(180px,23vw,300px);max-width:100%}
@media(max-width:700px){
 .vac-recommender-cta[data-vac-recommender-cta]:has(>.vac-avatar){grid-template-columns:88px minmax(0,1fr);gap:14px;padding:18px}
 .vac-recommender-cta[data-vac-recommender-cta]>.vac-avatar{width:88px;grid-row:1}
 .vac-recommender-cta[data-vac-recommender-cta]>div{grid-row:1}
 .vac-recommender-cta[data-vac-recommender-cta]>a{grid-column:1 / -1;grid-row:2;max-width:100%;width:100%}
 .vac-recommender-cta[data-vac-recommender-cta] h2{font-size:21px}
 .vac-offers-art>.vac-avatar{width:200px}
}

.vac-recommender-cta[data-vac-recommender-cta]>a{min-width:0;white-space:normal;text-align:center;box-sizing:border-box}
.vac-recommender-cta[data-vac-recommender-cta] :is(h2,p){overflow-wrap:anywhere}