/* Homepage mobile / tablet polish — match vorto.io */

/* Kill glass card footer labels (Github / Code / Earn) */
body.home .glass-box-section .glass::before,
body.home .container.glass-box-section .glass::before {
    content: none !important;
    display: none !important;
}

/* Scope centered wrap helper — do not break CTA / accordion lists */
body.home .glass-box-section .guten-inner-wrap {
    display: flex !important;
    justify-content: center;
}

body.home .guten-YilZdf .guten-inner-wrap,
body.home .guten-YilZdf > .guten-column-wrapper {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
}

@media screen and (max-width: 1024px) {
    body.home .guten-6tXU41 {
        width: calc(100% - 24px) !important;
        max-width: 100% !important;
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
}

@media screen and (max-width: 767px) {
    /* Prevent page-wide horizontal scroll */
    body.home,
    body.home .wp-site-blocks,
    body.home .entry-content,
    body.home .guten-post-content {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    body.home .guten-post-content > :not(div.section-wrapper):not(.guten-element) {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Hero */
    body.home .guten-qHxwUo .heading-title,
    body.home .guten-qHxwUo .heading-title .heading-title {
        font-size: clamp(32px, 9vw, 44px) !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }

    body.home .guten-qHxwUo .heading-subtitle {
        font-size: 15px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        padding: 0 4px !important;
    }

    body.home .guten-lWAR9g > .guten-container,
    body.home .guten-3erqR3 > .guten-column-wrapper {
        padding-left: 16px !important;
        padding-right: 16px !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.home .guten-3erqR3,
    body.home .guten-lWAR9g .guten-column {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    body.home .guten-qHxwUo,
    body.home .guten-qHxwUo .heading-section,
    body.home .guten-WvLhXG,
    body.home .guten-RqhROL {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* CTA buttons — full width stack */
    body.home .guten-WvLhXG > .guten-container {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        width: 100% !important;
    }

    body.home .guten-WvLhXG .guten-column,
    body.home .guten-WvLhXG .guten-VbJYRx,
    body.home .guten-WvLhXG .guten-CkJXvt {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    body.home .guten-WvLhXG .guten-button-wrapper,
    body.home .guten-WvLhXG .guten-button {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    body.home .guten-3OcB2S {
        text-align: center !important;
        padding: 8px 12px 0 !important;
    }

    /* Fun-fact stats — 2×2 grid on mobile (match about section) */
    body.home .guten-0Eyb7p,
    body.home .guten-OOav7S,
    body.home .guten-0Eyb7p .guten-column-wrapper,
    body.home .guten-OOav7S .guten-column-wrapper {
        overflow: hidden !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body.home .guten-0Eyb7p .guten-container,
    body.home .guten-OOav7S .guten-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
    }

    body.home .guten-OOav7S > .guten-container > .guten-column,
    body.home .guten-OOav7S .guten-1wvExh,
    body.home .guten-OOav7S .guten-KbpS89,
    body.home .guten-OOav7S .guten-0Bg83h,
    body.home .guten-OOav7S .guten-8vVjwf {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        box-sizing: border-box !important;
    }

    body.home .guten-OOav7S .guten-fun-fact {
        width: 100% !important;
        text-align: center !important;
        background-position: bottom center !important;
    }

    body.home .guten-OOav7S .guten-fun-fact .fun-fact-inner {
        justify-content: center !important;
        align-items: center !important;
    }

    body.home .guten-OOav7S .number-wrapper {
        justify-content: center !important;
        margin-bottom: 5px !important;
    }

    body.home .guten-OOav7S .guten-column-wrapper {
        margin-bottom: 20px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* Glass solution cards — full width, zig-zag tilt like desktop */
    body.home .section-wrapper[data-id="Yy5pai"],
    body.home .guten-Yy5pai,
    body.home .guten-ZrRjPd {
        overflow: visible !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.home .guten-Yy5pai > .guten-container,
    body.home .guten-ZrRjPd > .guten-column-wrapper,
    body.home .guten-ZrRjPd .guten-column-wrapper,
    body.home .section-wrapper[data-id="Yy5pai"] .guten-column-wrapper {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    body.home .container.glass-box-section,
    body.home .glass-box-section.container {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 28px 16px 36px !important;
        overflow: visible !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    body.home .container.glass-box-section .glass,
    body.home .glass-box-section .glass {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 380px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        /* Keep desktop zig-zag tilt on mobile */
        transform: rotate(calc(var(--r) * 1deg)) !important;
        transform-origin: center center !important;
        transition: transform 0.5s ease, margin 0.5s ease !important;
    }

    body.home .container.glass-box-section:hover .glass,
    body.home .glass-box-section:hover .glass,
    body.home .container.glass-box-section.is-straight .glass,
    body.home .glass-box-section.is-straight .glass {
        transform: rotate(0deg) !important;
        margin: 0 !important;
    }

    body.home .glass-box-section .guten-icon-box .icon-box.icon-box-body .title {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 15px !important;
    }

    body.home .glass-box-section .text-content-inner {
        max-width: 100% !important;
    }

    body.home .container .glass .guten-inner-wrap {
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

    /* Solutions heading */
    body.home .guten-Lbsub7,
    body.home .guten-nYmYfP,
    body.home .guten-VHJP32 {
        padding-left: 16px !important;
        padding-right: 16px !important;
        text-align: center !important;
    }

    /* Why Choose / feature cards */
    body.home .guten-vC0m3k .guten-container,
    body.home .guten-r4dOqE .guten-container {
        flex-direction: column !important;
        gap: 16px !important;
    }

    /* Ready to get started CTA */
    body.home .guten-4ZnRfG > .guten-container {
        flex-direction: column !important;
    }

    body.home .guten-5HusLl .guten-container {
        flex-direction: column !important;
        gap: 12px !important;
        align-items: stretch !important;
    }

    body.home .guten-5HusLl .guten-button-wrapper,
    body.home .guten-5HusLl .guten-button {
        width: 100% !important;
        justify-content: center !important;
    }

    body.home .guten-P8rdBF,
    body.home .guten-rhREk1 {
        text-align: center !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* Trustpilot / metric strip — spacing handled in 2×2 grid rules above */

    /* Testimonials — full readable width, same glass card as desktop */
    body.home #guten-Icnedu.swiper-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-bottom: 56px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.home #guten-Icnedu .swiper-slide {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.home #guten-Icnedu .swiper-slide .profile-comment {
        max-width: 100% !important;
        width: 100% !important;
    }

    body.home .guten-OXwnP7 {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.home .guten-OXwnP7 > .guten-column-wrapper {
        border-radius: 75px !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.home .guten-Icnedu div.swiper-button-prev,
    body.home .guten-Icnedu div.swiper-button-next,
    body.home #guten-Icnedu .swiper-button-prev,
    body.home #guten-Icnedu .swiper-button-next {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
    }

    /* FAQ tilted cards — default stacked; open/hover reveals full answer */
    body.home .section-wrapper[data-id="Wsw8w9"],
    body.home .guten-Wsw8w9,
    body.home .guten-Wsw8w9 > .guten-container,
    body.home .guten-fgAyUu,
    body.home .guten-fgAyUu > .guten-column-wrapper {
        overflow: visible !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body.home .section-wrapper[data-id="Wsw8w9"]::-webkit-scrollbar,
    body.home .guten-Wsw8w9::-webkit-scrollbar,
    body.home .guten-fgAyUu::-webkit-scrollbar,
    body.home .guten-fgAyUu > .guten-column-wrapper::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    body.home .guten-Wsw8w9 {
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-bottom: 24px !important;
    }

    body.home .guten-Wsw8w9 > .guten-container {
        flex-direction: column !important;
        align-items: center !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-YKuOzx,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-33zCYf,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-30SCU4,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-TRE3Ro,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-rnUfAH {
        width: min(372px, calc(100vw - 18px)) !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: -40px !important;
        display: block !important;
        transition: transform 0.4s ease, z-index 0s !important;
        cursor: pointer !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-rnUfAH {
        margin-bottom: 12px !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .guten-icon-box-wrapper {
        min-height: 220px !important;
        height: auto !important;
        padding-top: 140px !important;
        padding-bottom: 28px !important;
        padding-left: 28px !important;
        padding-right: 28px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        transition: padding 0.4s ease, min-height 0.4s ease !important;
    }

    /* Tap / hover — straighten card and show full description */
    body.home .guten-Wsw8w9 .guten-icon-box:hover,
    body.home .guten-Wsw8w9 .guten-icon-box.is-open {
        transform: rotate(0deg) !important;
        z-index: 6 !important;
        margin-bottom: 12px !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box:hover .guten-icon-box-wrapper,
    body.home .guten-Wsw8w9 .guten-icon-box.is-open .guten-icon-box-wrapper {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .icon-box.icon-box-body .title {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .icon-box-description {
        margin-bottom: 0 !important;
        line-height: 1.5 !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box:hover .icon-box-description,
    body.home .guten-Wsw8w9 .guten-icon-box.is-open .icon-box-description {
        color: var(--wp--preset--color--theme-2, #ffffff) !important;
        margin-bottom: 0 !important;
        opacity: 1 !important;
    }

    body.home .guten-Wsw8w9 img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* FAQ accordion */
    body.home .guten-accordion,
    body.home .accordion-item {
        max-width: 100% !important;
    }

    /* Footer spacing */
    body.home .guten-footer .guten-container,
    body.home footer .guten-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Rotating border cards — keep radius + prevent page overflow */
    body.home .guten-OXwnP7 > .guten-column-wrapper {
        border-radius: 75px !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* Client logo / slider sections */
    body.home .swiper-container {
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body.home .slideContent .guten-column {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    body.home .guten-qHxwUo .heading-title,
    body.home .guten-qHxwUo .heading-title .heading-title {
        font-size: 30px !important;
    }

    body.home .container.glass-box-section .glass,
    body.home .glass-box-section .glass {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 340px !important;
        height: auto !important;
        transform: rotate(calc(var(--r) * 1deg)) !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-YKuOzx,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-33zCYf,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-30SCU4,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-TRE3Ro,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-rnUfAH {
        width: min(360px, calc(100vw - 16px)) !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .guten-icon-box-wrapper {
        min-height: 210px !important;
        padding-top: 130px !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box:hover .guten-icon-box-wrapper,
    body.home .guten-Wsw8w9 .guten-icon-box.is-open .guten-icon-box-wrapper {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
        min-height: 0 !important;
    }
}