/* ============================================ */
/* MOBIL OPTIMALIZÁLÁS                         */
/* ajanlatkeres-ajto-csalad-mobile.css         */
/* CSAK max-width: 767px alatt hat!           */
/* ============================================ */

@media (max-width: 767px) {

    /* ---------------------------------------- */
    /* GLOBÁLIS ALAP                            */
    /* ---------------------------------------- */

    .dajc-wrap {
        overflow-x: hidden;
        padding: 10px 12px 60px;
    }

    * {
        -webkit-tap-highlight-color: transparent;
    }

    /* ---------------------------------------- */
    /* BREADCRUMBS                              */
    /* ---------------------------------------- */

    .dajc-breadcrumbs {
        font-size: 12px;
        gap: 6px;
        margin-bottom: 10px;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        white-space: nowrap;
    }

    .dajc-breadcrumbs::-webkit-scrollbar {
        display: none;
    }

    /* ---------------------------------------- */
    /* TOPNAV                                   */
    /* ---------------------------------------- */

    .dajc-topnav {
        top: 6px;
        margin-bottom: 12px;
    }

    .dajc-topnav-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 10px 10px 8px;
        border-radius: 18px;
    }

    .dajc-topnav-logo {
        width: 34px;
        height: 34px;
    }

    .dajc-topnav-name {
        font-size: 14px;
    }

    .dajc-topnav-links {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;
        width: 100%;
    }

    .dajc-chip-link {
        min-height: 38px;
        font-size: 12px;
        padding: 0 10px;
        text-align: center;
        justify-content: center;
    }

    /* ---------------------------------------- */
    /* HERO                                     */
    /* ---------------------------------------- */

    .dajc-hero-modern {
        min-height: 460px;
        border-radius: 20px;
        margin-bottom: 18px;
    }

    .dajc-hero-bg img {
        object-position: center 20%;
    }

    .dajc-hero-inner {
        min-height: 460px;
        grid-template-columns: 1fr;
        padding: 16px;
        gap: 14px;
        align-content: space-between;
    }

    .dajc-hero-left {
        gap: 12px;
    }

    .dajc-hero-left-bottom {
        padding-left: 0;
        padding-bottom: 0;
    }

    .dajc-hero-left .dajc-h1 {
        font-size: clamp(26px, 7.5vw, 34px);
        margin-bottom: 8px;
    }

    .dajc-hero-left .dajc-lead {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 14px;
        max-width: 100%;
    }

    .dajc-badge-row {
        gap: 7px;
        margin-bottom: 10px;
    }

    .dajc-badge-soft,
    .dajc-badge-outline {
        min-height: 28px;
        padding: 0 10px;
        font-size: 10px;
    }

    .dajc-cta-row {
        flex-direction: column;
        gap: 8px;
    }

    .dajc-cta-row .dajc-btn {
        width: 100%;
        min-height: 50px;
        font-size: 15px;
        padding: 0 16px;
    }

    .dajc-hero-right {
        justify-content: stretch;
    }

    .dajc-glass-card {
        width: 100%;
        max-width: 100%;
        padding: 14px;
        border-radius: 18px;
    }

    .dajc-microstats {
        grid-template-columns: repeat(3, 1fr);
        gap: 7px;
        margin-bottom: 12px;
    }

    .dajc-microstat {
        padding: 10px 8px;
        border-radius: 12px;
        text-align: center;
    }

    .dajc-microstat strong {
        font-size: 15px;
        margin-bottom: 2px;
    }

    .dajc-microstat span {
        font-size: 10px;
    }

    .dajc-hero-price-strip {
        padding: 9px 12px;
        border-radius: 12px;
        margin-bottom: 7px;
        flex-direction: row;
        align-items: center;
    }

    .dajc-hero-price-strip-label {
        font-size: 11px;
    }

    .dajc-hero-price-strip-value {
        font-size: 17px;
        text-align: right;
    }

    .dajc-hero-price-note {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .dajc-highlight-grid--hero {
        gap: 7px;
    }

    .dajc-highlight-grid--hero li {
        padding: 9px 11px;
        border-radius: 12px;
        font-size: 13px;
        line-height: 1.5;
    }

    /* ---------------------------------------- */
    /* ANCHOR CARDS - horizontalis scroll       */
    /* ---------------------------------------- */

    .dajc-anchor-sections {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 9px;
        padding-bottom: 6px;
        margin-bottom: 28px;
        grid-template-columns: unset;
    }

    .dajc-anchor-sections::-webkit-scrollbar {
        display: none;
    }

    .dajc-anchor-card {
        flex: 0 0 150px;
        min-height: 100px;
        padding: 14px;
        border-radius: 18px;
        scroll-snap-align: start;
        gap: 7px;
    }

    .dajc-anchor-no {
        width: 26px;
        height: 26px;
        font-size: 10px;
    }

    .dajc-anchor-card strong {
        font-size: 13px;
    }

    .dajc-anchor-card span {
        font-size: 11px;
        line-height: 1.4;
    }

    /* ---------------------------------------- */
    /* SZEKCIÓ FEJLÉCEK                         */
    /* ---------------------------------------- */

    .dajc-section {
        margin-top: 40px;
    }

    .dajc-section-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 16px;
    }

    .dajc-h2 {
        font-size: clamp(22px, 6vw, 30px);
    }

    .dajc-section-kicker {
        font-size: 10px;
        margin-bottom: 4px;
    }

    .dajc-section-copy {
        font-size: 14px;
        line-height: 1.65;
        max-width: 100%;
    }

    /* ---------------------------------------- */
    /* LEÍRÁS SZEKCIÓ                           */
    /* ---------------------------------------- */

    .dajc-desc-section {
        margin-top: 36px;
    }

    .dajc-desc-intro {
        grid-template-columns: 4px 1fr;
        border-radius: 18px;
    }

    .dajc-desc-intro-content {
        padding: 16px 14px;
    }

    .dajc-desc-intro-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .dajc-desc-eyebrow {
        font-size: 10px;
        margin-bottom: 7px;
    }

    .dajc-desc-main-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .dajc-desc-card {
        padding: 16px;
        border-radius: 18px;
    }

    .dajc-desc-card-head {
        gap: 10px;
        margin-bottom: 12px;
    }

    .dajc-desc-card-icon {
        width: 34px;
        height: 34px;
        border-radius: 11px;
        font-size: 14px;
    }

    .dajc-desc-card-head h3 {
        font-size: 16px;
    }

    .dajc-desc-list {
        gap: 9px;
    }

    .dajc-desc-list li {
        font-size: 13px;
        line-height: 1.7;
    }

    .dajc-desc-summary {
        padding: 14px;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .dajc-desc-summary-text {
        font-size: 14px;
    }

    .dajc-desc-details-body {
        padding: 0 14px 14px;
    }

    .dajc-desc-list--columns {
        grid-template-columns: 1fr;
        gap: 9px;
        padding-top: 14px;
    }

    /* ---------------------------------------- */
    /* MODELL KARTYAK                           */
    /* ---------------------------------------- */

    .dajc-grid-models {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .dajc-visual-card {
        border-radius: 18px;
    }

    .dajc-model-card .dajc-card-media img {
        aspect-ratio: 3 / 4;
        padding: 8px;
    }

    .dajc-card-body {
        padding: 10px;
    }

    .dajc-card-title {
        font-size: 13px;
        margin-bottom: 3px;
    }

    .dajc-card-sub {
        font-size: 11px;
        line-height: 1.4;
    }

    .dajc-model-select-btn {
        min-height: 36px;
        font-size: 12px;
        border-radius: 11px;
    }

    /* ---------------------------------------- */
    /* FELULETEK                                */
    /* ---------------------------------------- */

    .dajc-surfaces-section {
        margin-top: 40px;
    }

    .dajc-surfaces-showcase {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .dajc-surface-tile {
        border-radius: 18px;
    }

    .dajc-surface-media {
        aspect-ratio: 1 / 1;
        border-radius: 18px 18px 0 0;
    }

    .dajc-surface-content {
        padding: 10px;
    }

    .dajc-surface-title {
        font-size: 13px;
        letter-spacing: -0.01em;
    }

    .dajc-surface-meta {
        font-size: 10px;
        min-height: 22px;
        padding: 0 7px;
    }

    .dajc-surface-text {
        display: none;
    }

    .dajc-surface-group {
        margin-bottom: 28px;
    }

    .dajc-surface-group-header {
        margin-bottom: 12px;
        gap: 6px 12px;
    }

    .dajc-surface-group-title {
        font-size: 17px;
    }

    .dajc-surface-group-text {
        font-size: 13px;
        line-height: 1.6;
    }

    .dajc-surface-chip {
        min-height: 26px;
        padding: 0 7px;
        font-size: 9px;
    }

    /* ---------------------------------------- */
    /* UVEGTIPUSOK                              */
    /* ---------------------------------------- */

    .dajc-glass-section {
        margin-top: 40px;
    }

    .dajc-glass-showcase {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .dajc-glass-tile {
        border-radius: 18px;
    }

    .dajc-glass-media {
        aspect-ratio: 1 / 1;
        border-radius: 18px 18px 0 0;
    }

    .dajc-glass-content {
        padding: 10px;
    }

    .dajc-glass-title {
        font-size: 13px;
        letter-spacing: -0.01em;
    }

    .dajc-glass-meta {
        font-size: 10px;
        min-height: 22px;
        padding: 0 7px;
    }

    .dajc-glass-text {
        display: none;
    }

    .dajc-glass-chip {
        min-height: 26px;
        padding: 0 7px;
        font-size: 9px;
    }

    /* ---------------------------------------- */
    /* TECH SZEKCIÓ                             */
    /* ---------------------------------------- */

    .dajc-tech-section {
        margin-top: 40px;
    }

    .dajc-tech-feature-grid {
        grid-template-columns: 1fr;
        gap: 9px;
        margin-bottom: 22px;
    }

    .dajc-tech-feature-card {
        padding: 14px;
        border-radius: 16px;
        gap: 12px;
    }

    .dajc-tech-feature-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        flex-shrink: 0;
    }

    .dajc-tech-feature-icon img {
        width: 28px;
        height: 28px;
    }

    .dajc-tech-feature-title {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .dajc-tech-feature-desc {
        font-size: 13px;
        line-height: 1.55;
    }

    .dajc-tech-specs-wrapper {
        border-radius: 18px;
        margin-bottom: 20px;
    }

    .dajc-tech-specs-tabs {
        padding: 10px 10px 0;
        gap: 5px;
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: none;
    }

    .dajc-tech-specs-tabs::-webkit-scrollbar {
        display: none;
    }

    .dajc-tech-tab {
        flex-shrink: 0;
        padding: 8px 14px;
        font-size: 12px;
        white-space: nowrap;
        border-radius: 10px 10px 0 0;
    }

    .dajc-tech-specs-panels {
        padding: 14px;
    }

    .dajc-tech-panel-title {
        font-size: 17px;
        margin-bottom: 14px;
    }

    .dajc-tech-spec-list {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .dajc-tech-spec-item {
        padding: 9px 0;
    }

    .dajc-tech-spec-text {
        font-size: 13px;
    }

    .dajc-tech-fsc {
        flex-direction: row;
        align-items: flex-start;
        gap: 14px;
        padding: 16px;
        border-radius: 18px;
    }

    .dajc-tech-fsc-icon {
        width: 58px;
        height: 58px;
        border-radius: 16px;
        flex-shrink: 0;
    }

    .dajc-tech-fsc-icon img {
        width: 36px;
        height: 36px;
    }

    .dajc-tech-fsc-title {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .dajc-tech-fsc-text {
        font-size: 13px;
        line-height: 1.6;
        margin-bottom: 9px;
    }

    .dajc-tech-fsc-badge {
        font-size: 11px;
        padding: 4px 10px;
    }

    .dajc-tech-fsc-container {
        gap: 10px;
    }

    /* ---------------------------------------- */
    /* FAQ                                      */
    /* ---------------------------------------- */

    .dajc-faq-list {
        gap: 7px;
    }

    .dajc-faq-item {
        border-radius: 16px;
    }

    .dajc-faq-question {
        padding: 14px 14px;
        font-size: 14px;
        line-height: 1.4;
        gap: 10px;
        min-height: 54px;
    }

    .dajc-faq-question::after {
        width: 28px;
        height: 28px;
        font-size: 18px;
        flex-shrink: 0;
    }

    .dajc-faq-answer {
        padding: 0 14px 14px;
        font-size: 13px;
        line-height: 1.7;
    }

    /* ---------------------------------------- */
    /* AJÁNLATKÉRŐ INTRO                        */
    /* ---------------------------------------- */

    .dajc-quote-section {
        margin-top: 40px;
    }

    .dajc-quote-intro {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .dajc-quote-lead {
        font-size: 14px;
        line-height: 1.7;
        margin-top: 8px;
    }

    .dajc-quote-aside {
        gap: 8px;
    }

    .dajc-quote-aside-card {
        padding: 16px;
        border-radius: 18px;
    }

    .dajc-quote-aside-card strong {
        font-size: 16px;
    }

    .dajc-quote-aside-card p {
        font-size: 13px;
        line-height: 1.6;
    }

    .dajc-quote-mini-steps {
        gap: 7px;
    }

    .dajc-quote-step {
        grid-template-columns: 38px 1fr;
        gap: 9px;
        padding: 11px 12px;
        border-radius: 14px;
    }

    .dajc-quote-step span {
        width: 38px;
        height: 38px;
        font-size: 11px;
        border-radius: 12px;
    }

    .dajc-quote-step strong {
        font-size: 13px;
    }

    /* ---------------------------------------- */
    /* FORM WRAP                                */
    /* ---------------------------------------- */

    .dajc-form-wrap--quote {
        padding: 16px;
        border-radius: 22px;
    }

    .dajc-form-head--quote {
        margin-bottom: 16px;
        padding-bottom: 14px;
        flex-direction: column;
        gap: 9px;
        align-items: flex-start;
    }

    .dajc-form-head--quote h3 {
        font-size: 20px;
    }

    .dajc-form-head--quote p {
        font-size: 13px;
        line-height: 1.6;
    }

    .dajc-form-pill {
        font-size: 11px;
        min-height: 34px;
        padding: 0 11px;
    }

    .dajc-form-block {
        padding: 14px;
        border-radius: 18px;
        margin-top: 14px;
    }

    .dajc-form-block-head {
        grid-template-columns: 42px 1fr;
        gap: 10px;
        margin-bottom: 14px;
        align-items: center;
    }

    .dajc-form-block-no {
        width: 42px;
        height: 42px;
        border-radius: 13px;
        font-size: 11px;
    }

    .dajc-form-block .dajc-form-section-title {
        font-size: 17px;
        margin: 0 0 3px;
    }

    .dajc-form-block-copy {
        font-size: 12px;
    }

    .dajc-form-grid-4 {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    /* 16px font-size: iOS zoom megakadályozása */
    .dajc-input,
    .dajc-select,
    .dajc-textarea {
        min-height: 52px;
        border-radius: 13px;
        font-size: 16px;
        padding: 13px 13px;
    }

    .dajc-field label {
        font-size: 11px;
    }

    .dajc-textarea {
        min-height: 100px;
    }

    /* ---------------------------------------- */
    /* TERMÉK SOROK                             */
    /* ---------------------------------------- */

    .dajc-product-card {
        padding: 14px;
        border-radius: 18px;
    }

    .dajc-product-topbar {
        flex-direction: column;
        gap: 8px;
        margin-bottom: 12px;
        padding-left: 5px;
    }

    .dajc-product-topbar-left {
        gap: 9px;
        align-items: center;
    }

    .dajc-product-badge {
        min-width: 48px;
        height: 28px;
        padding: 0 9px;
        font-size: 10px;
    }

    .dajc-product-title {
        font-size: 16px;
        margin-bottom: 2px;
    }

    .dajc-product-subtitle {
        font-size: 12px;
    }

    .dajc-product-remove {
        align-self: flex-start;
        font-size: 12px;
        padding: 9px 13px;
    }

    .dajc-product-grid {
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    .dajc-product-grid .dajc-select,
    .dajc-product-grid .dajc-input {
        height: 50px;
        padding: 0 11px;
        font-size: 15px;
        border-radius: 13px;
    }

    .dajc-product-grid .dajc-field label {
        font-size: 10px;
    }

    .dajc-model-select-wrapper {
        flex-direction: row;
        gap: 7px;
        align-items: center;
    }

    .dajc-model-preview-zoom {
        display: none;
    }

    .dajc-model-preview-img {
        width: 38px;
        height: 38px;
    }

    /* ---------------------------------------- */
    /* SZOLGÁLTATÁSOK                           */
    /* ---------------------------------------- */

    .dajc-service-box--quote {
        margin-top: 14px;
    }

    .dajc-service-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .dajc-service-card {
        padding: 12px;
        border-radius: 14px;
    }

    .dajc-service-card-top {
        gap: 7px;
        margin-bottom: 9px;
    }

    .dajc-service-card-icon {
        width: 28px;
        height: 28px;
        border-radius: 9px;
        font-size: 13px;
    }

    .dajc-service-card h4 {
        font-size: 14px;
    }

    .dajc-radio-group {
        gap: 7px;
    }

    .dajc-radio-pill {
        min-height: 44px;
        padding: 0 13px;
        font-size: 14px;
    }

    .dajc-note {
        font-size: 12px;
        line-height: 1.6;
    }

    /* ---------------------------------------- */
    /* HOZZÁADÁS GOMB + SUBMIT                  */
    /* ---------------------------------------- */

    .dajc-add-row-wrap--quote {
        margin-top: 10px;
    }

    .dajc-btn-add {
        width: 100%;
        min-height: 50px;
        justify-content: center;
        border-radius: 15px;
        font-size: 14px;
    }

    .dajc-checkline {
        padding: 13px 13px;
        border-radius: 13px;
        font-size: 13px;
        line-height: 1.6;
        gap: 9px;
    }

    .dajc-form-footer {
        margin-top: 16px;
    }

    .dajc-submit-wrap--quote {
        flex-direction: column;
        gap: 10px;
        padding: 14px;
        border-radius: 16px;
        margin-top: 12px;
    }

    .dajc-submit-copy {
        font-size: 12px;
        line-height: 1.6;
        max-width: 100%;
    }

    .dajc-btn-submit-quote {
        width: 100%;
        min-width: 0;
        min-height: 54px;
        font-size: 16px;
        border-radius: 15px;
    }

    .dajc-success,
    .dajc-error {
        padding: 13px 13px;
        border-radius: 13px;
        font-size: 13px;
        line-height: 1.6;
    }

    /* ---------------------------------------- */
    /* ÖSSZEFOGLALÓ PANEL                       */
    /* ---------------------------------------- */

    .dajc-summary-panel {
        bottom: 10px;
    }

    .dajc-summary-inner {
        padding: 9px 11px;
        border-radius: 18px;
        gap: 9px;
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .dajc-summary-label {
        display: none;
    }

    .dajc-summary-items {
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        min-width: 0;
    }

    .dajc-summary-items::-webkit-scrollbar {
        display: none;
    }

    .dajc-summary-chip {
        flex-shrink: 0;
        font-size: 11px;
        min-height: 28px;
        padding: 0 9px;
    }

    .dajc-summary-cta {
        flex-shrink: 0;
        min-height: 36px;
        padding: 0 13px;
        font-size: 12px;
    }

    .dajc-summary-empty {
        font-size: 12px;
        white-space: nowrap;
    }

    /* ---------------------------------------- */
    /* PROGRESS BAR                             */
    /* ---------------------------------------- */

    .dajc-progress-bar {
        height: 2px;
    }

} /* END @media (max-width: 767px) */


/* ============================================ */
/* LANDSCAPE MOBILON – külön query             */
/* ============================================ */

@media (max-width: 767px) and (orientation: landscape) {

    .dajc-hero-modern,
    .dajc-hero-inner {
        min-height: 380px;
    }

    .dajc-hero-inner {
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }

    .dajc-glass-card {
        max-width: 100%;
    }

    .dajc-microstats {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* ============================================ */
/* TOUCH ESZKÖZÖK – hover letiltása            */
/* csak mobilon érvényes                       */
/* ============================================ */

@media (hover: none) and (pointer: coarse) and (max-width: 767px) {

    .dajc-visual-card:hover,
    .dajc-surface-tile:hover,
    .dajc-glass-tile:hover,
    .dajc-tech-feature-card:hover,
    .dajc-anchor-card:hover {
        transform: none;
    }

    .dajc-surface-tile:hover .dajc-surface-media img,
    .dajc-glass-tile:hover .dajc-glass-media img {
        transform: none;
    }

    .dajc-faq-question {
        min-height: 56px;
    }

    .dajc-btn {
        min-height: 50px;
    }

}