.card-extended {
    position: relative;
    box-sizing: border-box;
    padding: 24px;
    background: rgba(15, 23, 42, 0.4);
    mix-blend-mode: normal;
    box-shadow: -4px 8px 20px rgba(79, 133, 251, 0.08);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    flex: none;
    order: 0;
    flex-grow: 1;
    z-index: 0;
}

.card-extended::before,
.product-tabs::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(
        136.64deg,
        rgba(92, 140, 213, 0.12) 11.3%,
        rgba(255, 255, 255, 0) 49.45%,
        rgba(92, 140, 213, 0.5) 90.91%
);
    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.product-tabs {
    position: relative;
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: rgba(15, 23, 42, 0.4);
    border-radius: 24px;
    backdrop-filter: blur(20px);
    box-shadow: -4px 8px 20px rgba(79, 133, 251, 0.08);
    mix-blend-mode: normal;
    overflow: hidden;
}

.product-tabs::-webkit-scrollbar {
    display: none
}

.stock-short-name {
    color: rgba(255, 255, 255, 1);
}

.stock-full-name,
.card__body .price-title,
.card__body .change-title {
    color: #CBD5E1;
}

.card-extended__top_left {
    align-items: center;
}

.tab-btn {
    min-width: 170px;
    min-height: 150px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    padding: 35px;
    flex: 1;
    overflow: hidden;
}

.tab-btn.active {
    position: relative;
    z-index: 0;
}

.tab-btn.active::before {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 45px;
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(56, 189, 248, 0.8) 60%, rgba(56, 189, 248, 0.2) 60%, rgba(56, 189, 248, 0) 100%);
    filter: blur(50px);
    z-index: -1;
}

.tab-btn span {
    display: block;
    font-size: 16px;
    font-weight: 600
}

.product-tab__content {
    margin-top: 48px
}

.product-tab__content_title {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 16px
}

.product-tab__content_text {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 8px
}

.product-tab__content .tab-panel {
    display: none
}

.product-tab__content .tab-panel.active {
    display: block
}

.zw-card-extended-container {
    margin-top: 40px;
}

@media (max-width:923px) {
.products.home-section {
        padding-bottom: 40px
    }

.product-tabs {
        justify-content: normal;
        gap: 10px
    }
}

@media (max-width:414px) {
.tab-btn {
        min-width: 130px
    }
}