.vv-hero-coat{position:absolute;inset:0;pointer-events:none;z-index:4}
body.vv-prototype .vv-hero-coat button,body.vv-prototype .vv-hero-coat a{color:#111!important;font-family:inherit}
.vv-hero-coat .vv-hc-trigger{pointer-events:auto;position:absolute;left:18px;top:58%;display:flex;align-items:center;gap:7px;max-width:calc(100% - 36px);border:1px solid #ffffff90!important;background:#ffffff9c!important;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border-radius:40px!important;padding:5px 12px 5px 5px!important;margin:0!important;box-shadow:0 3px 18px #0000000c;z-index:2;text-align:left;min-height:0;font-size:10px;transform:scale(.8);transform-origin:left center}
.vv-hero-coat .vv-hc-trigger:before{content:"";position:absolute;inset:-5px 0}
.vv-hc-plus{flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff99;font-size:20px;font-weight:400;line-height:1;transition:transform .2s}
.vv-hc-trigger[aria-expanded=true] .vv-hc-plus{transform:rotate(45deg)}
.vv-hc-label{display:flex;flex-direction:column;gap:3px;font-size:10px;line-height:1.2;white-space:nowrap;color:#111}
.vv-hc-label strong{font-size:10px;font-weight:500}
.vv-hero-coat .amount{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}
.vv-hero-coat [hidden]{display:none!important}
.vv-hc-backdrop{position:absolute;inset:0;background:#0003;z-index:3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}
.vv-hero-coat .vv-hc-detail{position:absolute;z-index:4;bottom:18px;left:18px;width:min(366px,calc(100% - 36px));background:#fff;color:#111;border-radius:14px;padding:15px;display:grid;grid-template-columns:95px minmax(0,1fr);gap:16px;box-shadow:0 8px 40px #0002;pointer-events:auto}
body.vv-prototype .vv-hero-coat img.vv-hc-photo{position:static;inset:auto;width:95px;height:155px;object-fit:cover;object-position:center;display:block;border-radius:6px!important}
.vv-hero-coat .vv-hc-close{position:absolute;right:8px;top:8px;display:grid;place-items:center;border:0!important;border-radius:50%!important;background:#f5f5f5!important;width:30px;height:30px;padding:0!important;margin:0!important;font:24px/1 Arial,sans-serif}
.vv-hc-copy{padding-top:7px;min-width:0}
.vv-hc-copy p.vv-hc-brand{font-size:9px;line-height:1.3;letter-spacing:.1em;margin:0 0 10px;color:#666}
.vv-hc-copy h2{font-family:inherit;font-size:15px!important;font-weight:500!important;color:#111!important;line-height:1.3;margin:0 0 7px!important}
.vv-hc-copy p.vv-hc-color{font-size:11px;line-height:1.3;color:#666;letter-spacing:0;margin:0 0 12px}
.vv-hc-copy>strong.vv-hc-price{display:block;font-weight:500;font-size:14px;line-height:1.3;margin-bottom:17px}
.vv-hero-coat a.vv-hc-link{font-size:9px;color:#111;display:inline-flex;align-items:center;gap:9px;text-decoration:none;border-bottom:1px solid #111;padding-bottom:6px;letter-spacing:.03em}
.vv-hc-trigger:focus-visible,.vv-hc-close:focus-visible,.vv-hc-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:650px){.vv-hero-coat .vv-hc-trigger{left:12px;max-width:calc(100% - 24px)}.vv-hero-coat .vv-hc-detail{bottom:12px;left:12px;width:calc(100% - 24px)}}
@media(prefers-reduced-motion:no-preference){.vv-hc-detail:not([hidden]){animation:vv-hc-up .2s ease-out}@keyframes vv-hc-up{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}
@media(prefers-reduced-motion:reduce){.vv-hc-plus{transition:none}}