/*
 * vino.css — pravila SPECIFICNA samo za ovu stranicu.
 * Zajednicka pravila su u:
 *   - assets/css/sections/landing-page.css (amo_section_css('landing-page'))
 *   - assets/css/sections/landing-static.css (amo_section_css('landing-static'))
 */

/* Video se sada renderuje sa istim "padding-bottom hack" pristupom kao
   partials/landing-page/hero-section.php (vidi hero-section.php ovde) —
   sizing/pozicioniranje ide potpuno preko inline stilova u samom
   markup-u (namerno bez .intro-video-wrapper klase — ona u
   sections/landing-page.css nosi svoj max-width:900px i sopstveni
   padding-bottom hack, što bi se sudaralo sa omotačem ovde). */

    .landing-section {
        padding: 60px 0;
    }

@media (max-width: 767px) {
        .landing-section {
            padding: unset;
        }

        .customers-section .container .wrapper .customer-item .customer-item--inner {
            border-radius: 12px;
        }

        .customers-section .container .wrapper .customer-item .customer-item--inner .review {
            min-height: 120px;
        }

        .customers-section .container .wrapper .customer-item .customer-item--inner .customer-item-bottom .avatar {
            width: 70px;
        }}

@media (max-width: 767px) {
        .course-goals-section .container .wrapper .goal {
            margin-left: 0px;
        }

        .course-goals-section .container .wrapper img {
            width: 15px;
            align-self: flex-start;
        }}

.materials-section .container .wrapper .materials-item .materials-item--inner {
        background: linear-gradient(320deg, rgba(53, 53, 53, 1) 0%, rgba(43, 43, 43, 1) 20%, rgba(28, 28, 29, 1) 50%);
        border: 1px solid #B3B3B3;
        border-radius: 25px;
        padding: 48px 24px 40px;
        transition: all .4s ease;
    }

@media (max-width: 767px) {
        .customers-2-section.section {
            margin: 0px auto;
        }

        .customers-2-section .container .wrapper .customer-item .customer-item--inner {
            border-radius: 12px;
        }

        .customers-2-section .container .wrapper .customer-item .customer-item--inner .review {
            min-height: 140px;
        }

        .customers-2-section .container .wrapper .customer-item .customer-item--inner .customer-item-bottom .avatar {
            width: 70px;
        }

        .customers-2-section .container .wrapper .cta-wrapper {
            margin-bottom: 40px;
        }

        .customers-2-section .container .wrapper .cta-wrapper button {
            width: 100%;
        }}

@media (max-width: 767px) {
        .author-section .container .wrapper .author-text img {
            width: 25px;
        }

        .author-section .container .wrapper .author-text img:nth-of-type(1) {
            left: 0px;
        }

        .author-section .container .wrapper .author-text img:nth-of-type(2) {
            right: 0px;
            bottom: 50px;
        }

        .author-section .container .wrapper .author-text p:nth-of-type(1) {
            padding: 30px 20px 30px 50px;
        }}

@media (max-width: 767px) {
        .author-info-section .container:nth-of-type(1) {
            width: 100%;
        }

        .author-info-section .container .wrapper .goal {
            margin-left: 0px;
        }

        .author-info-section .container .wrapper .goal img {
            width: 20px
        }

        .author-info-section .container:not(:last-of-type) .wrapper .goal:not(:last-of-type) span {
            margin-bottom: 15px;
        }

        .goal:nth-of-type(2) {
            margin-bottom: 10px;
        }}

.course-section .container .wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 32px 0;
    }

.course-section .container .wrapper p {
        font-size: clamp(16px, 2vw, 30px);
        margin-bottom: 0;
        line-height: 120%;
        margin: 0 auto;
    }

@media (max-width: 767px) {
        .about-course-section .container .wrapper .goal {
            margin-left: 0px;
            transition: ease .4s all;
        }

        .about-course-section .container .wrapper .goal img {
            width: 20px
        }

        .about-course-section .container .wrapper p {
            text-align: center;
        }

        .about-course-section .container .wrapper p:nth-of-type(1) {
            margin: 0px;
        }

        .about-course-section .container .wrapper p:nth-of-type(2) {
            margin: 20px 0px;
        }

        .about-course-section .container .wrapper p:nth-of-type(4) {
            margin-top: 20px;
        }

        .about-course-section .container .wrapper .goal span {
            margin-left: 10px;
        }

        .about-course-section {
            padding: 0;
        }

        .about-course-section .container .gradient-divider {
            margin: 0 auto 20px;
        }

        .second-accordion-section .container .gradient-divider {
            margin: 20px auto 40px;
        }}

@media (max-width: 767px) {
        .course-cosists-section .container .wrapper .goal {
            margin-left: 0px;
        }

        .course-cosists-section .container .wrapper .goal img {
            width: 20px;
            align-self: stretch;
        }

        .course-cosists-section .container .wrapper p {
            margin: 20px auto;
            text-align: center;
        }

        .course-goals-section .container .wrapper .goal p {
            margin: 30px 0px 38px 40px;
        }}

@media (max-width: 767px) {
        .price-section .container .wrapper .goal {
            margin-left: 0px;
        }

        .price-section .container .wrapper .goal img {
            width: 20px;
        }}

@media (max-width: 767px) {
        .second-accordion-section .container .wrapper .accordion .accordion-item .accordion-button:not(.collapsed)::after {
            font-size: 1rem;
            height: 22px;
            width: 22px;
        }

        .second-accordion-section .container .wrapper .accordion .accordion-item .accordion-button::after {
            height: 22px;
            width: 22px;
            font-size: 22px;
        }

        .second-accordion-section .container .wrapper .accordion .accordion-item img {
            width: 20px;
            margin: 0px 10px;
        }

        .second-accordion-section .container .wrapper .accordion .accordion-item {
            padding: 20px 15px;
        }

        .second-accordion-section .container .wrapper {
            padding: 20px 0px !important;
        }

        .second-accordion-section.section {
            margin-bottom: 0px;
        }}

@media (max-width: 767px) {
        .guarantee-section .container .wrapper {
            padding: 20px 12px;
        }

        .guarantee-section .container img {
            width: 150px;
        }

        .guarantee-section.section {
            margin-top: 0px;
        }

        .guarantee-section .container .wrapper p span,
        .guarantee-section .container .wrapper p {
            font-size: clamp(13px, 1.75vw, 30px);
        }}

@media (max-width: 767px) {
        .third-accordion-section .container .wrapper .accordion .accordion-item .accordion-button:not(.collapsed)::after {
            font-size: 1rem;
            height: 22px;
            width: 22px;
        }

        .third-accordion-section .container .wrapper .accordion .accordion-item .accordion-button::after {
            height: 22px;
            width: 22px;
            font-size: 22px;
        }

        .third-accordion-section .container .wrapper .accordion .accordion-item {
            padding: 20px 15px;
        }

        .third-accordion-section .container .wrapper {
            padding: 20px 0px !important;
        }

        .third-accordion-section.section {
            margin-bottom: 0px;
        }

        .third-accordion-section .container .gradient-divider {
            margin: 0px auto 30px;
        }}