.vvtint{margin:var(--vvtint-mt,0) 0 var(--vvtint-mb,0);padding:var(--vvtint-pt,0) var(--vvtint-pr,24px) var(--vvtint-pb,96px) var(--vvtint-pl,24px)}.vvtint__inner{align-items:center;display:grid;gap:64px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin:0 auto;max-width:var(--vv-max,1240px)}.vvtint__glass{aspect-ratio:3/2;background:#ddf3fa;border-radius:20px;box-shadow:0 30px 60px rgba(9,21,43,.16);overflow:hidden;position:relative}.vvtint .vvtint__img{display:block;height:100%!important;inset:0;max-width:none;object-fit:cover;position:absolute;width:100%!important}.vvtint__film{background:rgb(var(--vvtint-film,11,17,24));inset:0;position:absolute;transition:opacity .45s ease}.vvtint__frame{background:linear-gradient(115deg,hsla(0,0%,100%,.18),hsla(0,0%,100%,0) 28%,hsla(0,0%,100%,0) 70%,hsla(0,0%,100%,.08));border:14px solid #1c2532;border-radius:20px;inset:0;pointer-events:none;position:absolute}.vvtint .vvtint__badge{align-items:baseline;background:hsla(0,0%,100%,.94);border-radius:12px;bottom:28px;color:var(--vv-navy,#09152b);display:inline-flex;font-size:14px;font-weight:700;gap:6px;left:30px;margin:0;padding:10px 16px;position:absolute}.vvtint__badge-num{font-size:26px;font-weight:800;letter-spacing:-.02em}.vvtint .vvtint__caption{color:var(--vv-muted,#6f757b);font-size:14px;margin:14px 0 0;text-align:center}.vvtint .vvtint__label{color:var(--vvtint-accent);font-size:13px;font-weight:700;letter-spacing:.14em;margin:0 0 14px;text-transform:uppercase}.vvtint__options{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));margin-bottom:26px}.vvtint__opt{align-items:center;background:#fff;border:2px solid var(--vv-line,#e2e8ec);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:8px;padding:12px 8px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.vvtint__opt:hover{transform:translateY(-2px)}.vvtint__opt.is-active{border-color:var(--vv-teal,#77cdd0);box-shadow:0 10px 22px rgba(9,21,43,.1)}.vvtint__opt:focus-visible{outline:2px solid var(--vvtint-accent);outline-offset:2px}.vvtint__swatch{background:linear-gradient(135deg,#6ec3e8,#ddf3fa);border-radius:8px;height:40px;overflow:hidden;position:relative;width:40px}.vvtint__swatch:after{background:rgb(var(--vvtint-film,11,17,24));content:"";inset:0;opacity:var(--o,.3);position:absolute}.vvtint__opt-num{color:var(--vv-navy,#09152b);font-size:15px;font-weight:800}.vvtint .vvtint__vlt{color:var(--vvtint-accent);font-size:13px;font-weight:700;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.vvtint .vvtint__title{font-size:26px;margin:0 0 12px}.vvtint__text{font-size:17px;line-height:1.7}.vvtint__text>:last-child{margin-bottom:0}.vvtint .vvtint__best{background:var(--vv-tint,#eef8f8);border-radius:10px;color:var(--vv-navy,#09152b);font-size:15px;line-height:1.55;margin:16px 0 0;padding:12px 16px}.vvtint .vvtint__note{border-top:1px solid var(--vv-line,#e2e8ec);color:var(--vv-muted,#6f757b);font-size:14px;line-height:1.6;margin:22px 0 0;padding-top:18px}@media (max-width:991px){.vvtint__inner{gap:36px;grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.vvtint{padding-bottom:calc(var(--vvtint-pb, 96px)*.65);padding-left:16px;padding-right:16px}.vvtint__options{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.vvtint__opt{padding:10px 2px}.vvtint__swatch{height:30px;width:30px}.vvtint__opt-num{font-size:13px}.vvtint__frame{border-width:10px}.vvtint .vvtint__badge{bottom:18px;left:20px}}