.ktf-views{position:absolute;inset:0;display:flex;flex-direction:column;background:#f5f2ec;z-index:4}
.ktf-views__picture{position:relative;flex:1;min-height:0;overflow:hidden;background:#f5f2ec}
.ktf-views__picture>svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.ktf-views__picture>.ktf-views__back{display:none}
.ktf-views:has(input[value="back"]:checked) .ktf-views__front{display:none}
.ktf-views:has(input[value="back"]:checked) .ktf-views__back{display:block}
.ktf-views__picture>img.ktf-views__garment{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;background:#fff;opacity:0!important}
.ktf-views:has(input[value="garment"]:checked) .ktf-views__picture>svg{display:none}
.ktf-views:has(input[value="garment"]:checked) .ktf-views__picture>img.ktf-views__garment{opacity:1!important}
.ktf-views__controls{position:relative;z-index:8;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:8px 4px;background:#f5f2ec}
.ktf-views__controls label{position:relative;cursor:pointer;flex:1;min-width:44px}
.ktf-views__controls span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:5px 7px;border:1px solid #ccc4b7;border-radius:5px;color:#242424;font-family:inherit;font-weight:600;font-size:12px;line-height:1.2;background:white}
.ktf-views__controls input{position:absolute;opacity:0;width:1px;height:1px}
.ktf-views__controls input:checked+span{background:#181918;color:#fff;border-color:#181918}
.ktf-views__controls input:focus-visible+span{outline:3px solid #99733d;outline-offset:2px}
.ktf-views-sample{position:relative;aspect-ratio:3/4;max-width:470px}
.ktf-views-sample .ktf-views{height:100%}
.ktf-views-demo{display:grid;grid-template-columns:minmax(220px,470px) 1fr;gap:48px;align-items:center;padding:48px 0}
.ktf-views-demo h2{font-size:clamp(30px,4vw,52px);line-height:1.1}
.ktf-views-demo p{max-width:560px}
.card__media>img.ktf-views__single{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;opacity:1!important;transform:none!important}
@media(max-width:749px){.ktf-views-demo{grid-template-columns:1fr;gap:24px}.ktf-views__controls span{font-size:11px;padding:5px 3px}}
.card__media:has(.ktf-views){z-index:3}