/* ---------------------------------------------------------------- 
 ROBOT//YARD MOBILE OPTIMIZATION TUNING BY GABRIEL VEGA - SWEDEN | ITeGAMAX
    - ROBOTYARD.STORE | 2026
 ----------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {

    .ry-scanlines {
        background: repeating-linear-gradient( to bottom, rgba(255, 255, 255, 0.08) 0px, rgba(255, 255, 255, 0.08) 1px, transparent 1px, transparent 3px );
    }

    .ry-scanline {
        background: var(--ry-white);
    }
}
@media (prefers-reduced-motion: reduce) {
    .ry-core-hint {
        animation: none;
        opacity: 0.6;
    }

    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .acc-body {
        transition: none;
    }

    .kinetic-value {
        transition: none;
    }

    .bp-img {
        transition: none;
    }

    .bp-marker {
        transition: none;
    }

    .bp-ring::after {
        animation: none;
        opacity: 0;
    }
}
@media (max-width: 1200px) {
    .media-tag {
        bottom: 85%;
    }
}
@media (max-width: 950px) {

    html,
    body {
        overflow: visible;
        overflow-y: auto;
        overscroll-behavior: auto;
    }

    .panel {
        position: static;
        width: 100%;
        height: auto;
        min-height: 0;
        transform: none !important;
        will-change: auto;
    }
    .panel-hidden {
        display:none;
    }
        .panel-inner {
            padding: var(--space-86) var(--space-26);
        }

        .panel-media {
            height: 64vh;
            min-height: var(--space-380);
        }

        .kinetic-panel {
            padding: var(--space-70) var(--space-26);
        }

        .seam {
            display: none;
        }

        .ry-core-frame,
        .ry-core-index,
        .ry-core-hint,
        .ry-core-arrows {
            display: none;
        }

        .ry-core-brand {
            top: var(--space-20);
            left: var(--space-22);
            mix-blend-mode: difference;
        }

        .ry-core-credit {
            bottom: auto;
            top: var(--space-20);
            right: var(--space-22);
            left: auto;
        }

        .ry-core-progress {
            display: none;
        }

        .c3d-stage {
            height: var(--space-340);
        }

        .spec-cell {
            flex: 1 1 40%;
            margin-bottom: var(--space-18);
        }
    }
@media (max-width: 950px) {
    .panel-inner {
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: var(--space-86) var(--space-26);
    }
    .pricing-grid-left {
        grid-template-columns: 1fr !important; 
        gap: var(--space-16) !important;
    }
}
@media (max-width: 770px) {
    .ry-scanline {
        background: var(--ry-white);
    }
}
@media (max-width: 700px) {

    .sitemap-grid-2 {
        display: block;
        gap: var(--space-20);
        margin-top: var(--space-24);
    }
}
@media (max-width: 480px) {
    .hero-title {
        font-size: var(--size-2-9);
    }

    .kinetic-value {
        font-size: var(--size-2-6);
        -webkit-text-stroke-width: var(--size-1);
    }

    .tab-btn {
        letter-spacing: 0.12em;
        font-size: var(--size-10-5);
    }
    .promo-line{
        text-align:center;
    }
}
@media (max-width: 450px) {
    .media-tag {
        position: absolute;
        left: var(--space-10);
    }
}
@media (max-width: 450px) {
    .hero-kinetic-value {
        font-size: clamp(2.4rem, 2vw, 4rem);
        top: 50%;
    }
}
@media (max-width: 450px) {
    .asset-card {
        align-items: start;
        padding: var(--space-12);
    }
   
}
@media (max-width: 450px) {
    .panel[aria-label*="contact"] .v {
        font-size: var(--size-13) !important;
        letter-spacing: 0.02em;
    }

    .panel[aria-label*="contact"] .spec-cell {
        flex: 1 1 100% !important;
        margin-right: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--ry-in-line);
        padding-bottom: var(--space-12);
        margin-bottom: var(--space-12);
    }

        .panel[aria-label*="contact"] .spec-cell:last-child {
            border-bottom: 0;
        }
    form[style*="display: flex"] {
        flex-direction: column !important;
        gap: var(--space-12) !important;
    }

    form .tab-chip {
        width: 100% !important;
        flex: none !important;
    }
    .contact-submit {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: var(--space-12);
    }

    .contact-submit-button {
        width: 100% !important;
        text-align: center;
    }
}