.tt-builder{container-type:inline-size;margin:24px 0 18px;color:#242124}.tt-builder__group{margin:0 0 24px}.tt-builder__heading{margin-bottom:12px}.tt-builder__heading h3{margin:0 0 5px;font-size:20px;font-weight:700}.tt-builder__heading p{margin:0;color:#6f6870;font-size:14px}.tt-builder__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tt-builder__card{position:relative;display:flex;align-items:center;min-width:0;min-height:112px;margin:0;padding:12px;border:1.5px solid #ded9df;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.tt-builder__card:hover{border-color:#bc8cad;box-shadow:0 5px 18px rgba(83,42,71,.09);transform:translateY(-1px)}.tt-builder__card.is-selected{border-color:#8c3f76;box-shadow:0 0 0 2px rgba(140,63,118,.1)}.tt-builder__card>input{position:absolute;opacity:0;pointer-events:none}.tt-builder__check{position:absolute;top:9px;right:9px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid #d8cfd6;border-radius:50%;background:#fff;color:transparent;font-size:11px}.tt-builder__card.is-selected .tt-builder__check{border-color:#8c3f76;background:#8c3f76;color:#fff}.tt-builder__image{width:92px;height:92px;flex:0 0 92px;margin-right:13px;border-radius:10px;object-fit:contain;background:#f8f6f7}.tt-builder__body{display:flex;flex:1;min-width:0;flex-direction:column;padding-right:24px}.tt-builder__title-row{display:flex;align-items:center;gap:7px;min-width:0}.tt-builder__title{font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.tt-builder__info{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;padding:0;border:1.5px solid #8c3f76;border-radius:50%;background:#fff;color:#8c3f76;font:700 13px/1 Arial,sans-serif;cursor:pointer;transition:background .18s,color .18s}.tt-builder__info:hover,.tt-builder__info:focus{outline:0;background:#8c3f76;color:#fff}.tt-builder__text{margin-top:4px;color:#756f74;font-size:12px;line-height:1.35}.tt-builder__price{margin-top:7px;color:#8c3f76;font-size:14px;font-weight:700}.tt-builder__total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 18px;padding:15px 17px;border-radius:13px;background:#f6eff4;font-size:16px}.tt-builder__total strong{color:#6e2759;font-size:22px;white-space:nowrap}.tt-builder__modal-layout{display:flex;gap:18px;align-items:flex-start}.tt-builder__modal-layout>img{width:150px;height:150px;border-radius:12px;object-fit:contain;background:#f8f6f7}.tt-builder__modal-layout>div{flex:1;line-height:1.55}.tt-builder__modal-layout ul{padding-left:20px}
@container(max-width:520px){.tt-builder__grid{grid-template-columns:1fr}.tt-builder__card{min-height:112px}.tt-builder__image{width:96px;height:96px;flex-basis:96px}.tt-builder__title{font-size:16px}}
@media(max-width:767px){.tt-builder{margin-top:18px}.tt-builder__grid{grid-template-columns:1fr}.tt-builder__card{min-height:98px;padding:10px}.tt-builder__image{width:82px;height:82px;flex-basis:82px}.tt-builder__heading h3{font-size:18px}.tt-builder__modal .modal-dialog{position:absolute;right:0;bottom:0;left:0;margin:0}.tt-builder__modal .modal-content{border:0;border-radius:18px 18px 0 0}.tt-builder__modal-layout{display:block}.tt-builder__modal-layout>img{display:block;width:120px;height:120px;margin:0 auto 15px}.tt-builder__total{position:sticky;bottom:0;z-index:5;margin-right:-15px;margin-left:-15px;border-radius:0;box-shadow:0 -5px 16px rgba(44,25,39,.08)}}