.accordion-item {
    background-color: #f5f5f5;
    border: none;
    border-radius: 0;
}

.accordion-button {
    background-color: #f5f5f5;
    box-shadow: none !important;
    padding: 1.5rem 2rem 1.5rem 3.5rem;
    /* több bal padding a piros vonal miatt */
    min-height: 80px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    position: relative;
    /* szükséges az abszolút vonalhoz */
}

.accordion-button::after {
    content: '+';
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background-color: #C40017;
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-align: center;
    padding: 0;
    background-image: none !important;

}

.accordion-button:not(.collapsed) {
    background-color: #F6F6F6;
    color: inherit;
}

.accordion-button:not(.collapsed)::after {
    content: '−';
    top: 20px;

}



.accordion-line {
    position: absolute;
    top: 0;
    left: 100px;
    width: 3px;
    height: 100%;
    background-color: #CB0B1A;
}

.accordion-number {
    position: relative;
    left: -18px;
    font-weight: 400;
    font-size: 36px;
    color: #CB0B1A;
    z-index: 1;
}

.accordion-title {
    position: relative;
    left: 25px;
    max-width: 80%;
    font-size: 24px;
    font-weight: 500;
    color: #878686;
    z-index: 1;
    line-height: 34px;
}

.accordion-body {
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

.acc-content {
    text-align: left !important;
    padding-left: 100px;
}

.accordion-button::after {
    margin-left: auto;
}

@media (max-width: 991px) {
    .accordion-title {
        font-size: 24px;
    }

    .accordion-body {
    font-size: 13px !important;
    line-height: 26px !important;
    color: #666;
}

}

@media (max-width: 768px) {
    .accordion-title {
        font-size: 18px;
        max-width: 60%;
    }
}


 .accordion-item {
        background-color: #f5f5f5;
        border: none;
        border-radius: 0;
    }

    .accordion-button {
        background-color: #f5f5f5;
        box-shadow: none !important;
        padding: 1.5rem 2rem 1.5rem 3.5rem;
        /* több bal padding a piros vonal miatt */
        min-height: 80px;
        font-size: 20px;
        font-weight: 500;
        color: #333;
        display: flex;
        align-items: center;
        gap: 1.5rem;
        position: relative;
        /* szükséges az abszolút vonalhoz */
    }

    .accordion-button:not(.collapsed) {
        background-color: #F6F6F6;
        color: inherit;
    }

    .accordion-line {
        position: absolute;
        top: 0;
        left: 100px;
        width: 3px;
        height: 100%;
        background-color: #CB0B1A;
    }

    .accordion-number {
        position: relative;
        left: -18px;
        font-weight: 400;
        font-size: 36px;
        color: #CB0B1A;
        z-index: 1;
    }

    .accordion-title {
        position: relative;
        left: 25px;
        font-size: 20px;
        font-weight: 400;
        color: #878686;
        z-index: 1;
        letter-spacing: 2px;
    }

    .accordion-body {
        font-size: 16px;
        line-height: 30px;
        color: #666;
    }

      .accordion-body h3 {
        font-size: 18px !important;
 
    }


    .accordion-button::after {
        margin-left: auto;
    }

    @media (max-width: 991px) {
        .accordion-title {
            font-size: 24px;
        }

              .acc-content {
    text-align: left !important;
    padding-left: 20px;
}
    }

    @media (max-width: 768px) {
        .accordion-title {
            font-size: 18px;
        }

        .product-title {

            margin-bottom: 10px !important;
        }




    }

     @media (max-width: 560px) {
   .accordion-button {
    display: flex;
    flex-direction: column;   /* egymás alá */
    align-items: center;      /* középre */
    text-align: center;
    gap: 8px;
    padding: 18px 20px;
    position: relative;       /* nem kötelező, de jó ha később kell */
  }

  .accordion-button::after {
    order: 99;                /* a végére kerül */
    display: block;           /* saját sor */
    align-self: center;       /* vízszintesen középre */
    position: static;         /* nincs offset */
    margin: 8px 0 0 0 !important; /* felül 8px, bal auto felülírva */
    left: auto; right: auto; top: auto; bottom: auto;
    transform: rotate(0deg);  /* alapállapot */
  }

        /* Sorrend rögzítése: 1) szám 2) vonal 3) cím */
        .accordion-number {
            order: 1;
            font-size: 32px;
            line-height: 1;
            position: static;
            left: auto;
        }

        .accordion-line {
            order: 2;
            display: block;
            width: 95px;
            /* vízszintes hossz */
            height: 3px;
            /* vékony csík */
            background: #CB0B1A;
            margin-top: 4px;
            position: static;
            /* ne legyen offset */
            left: auto;
            top: auto;
            transform: none;
            /* ne forgassuk */
        }

        .accordion-title {
            order: 3;
            font-size: 16px;
            line-height: 22px;
            position: static;
            left: auto;
        }

        


    }