.dostavka--list {display: flex;align-items: center;gap:20px;overflow-x: auto;border-bottom: 1px solid #EDEDED}
.dostavka--item {padding: 12px 0;position: relative;white-space: nowrap;}
.dostavka--item svg {display: none;}
.dostavka--item svg path{fill:transparent}
.dostavka--item:not(.--active) {cursor: pointer}
.dostavka--item.--active svg{display: block;width: 100%;height: 2px;left:0;bottom:0;position: absolute}
.dostavka--item.--active svg path{fill:#12B2E7}
.dostavka--tabs {margin-top: 30px}
.dostavka--tab {display: none}
.dostavka--tab.--active {display: block}