/* div: Smart Tech / Motorization */

div.smart-tech .smart-tech-subtitle{
    font-size: var(--huge-title);
    line-height: var(--huge-title-line-height);
}

.smart-tech-subtitle .emphasis-txt {
    font-size: calc(var(--huge-title) * 0.77);
}

/* --- Intro Text --- */
div.smart-tech .smart-tech-intro {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
div.smart-tech .smart-tech-description {
    display: block;
    /* Η τυπογραφία ρυθμίζεται από το Global CSS σας */
}

/* --- Features Grid --- */
div.smart-tech .smart-tech-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
div.smart-tech .smart-tech-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    background-color: #ffffff;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    /* Προαιρετικό απαλό shadow για πιο μοντέρνα όψη */
}
div.smart-tech .smart-tech-icon {
    border-radius: 50px;
    object-fit: contain;
}

div.smart-tech .smart-tech-card-title {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
}
  
div.smart-tech .smart-tech-desc {
    display: block;
}

/* =========================================
   Media Queries (Tablet: >= 768px)
========================================= */
@media (min-width: 768px) {
    
     .smart-tech-subtitle .emphasis-txt  {
        font-size: var(--huge-title);
    } 
    
    /* Στο tablet χωρίζουμε τα features σε 2 στήλες */
    div.smart-tech .smart-tech-grid {
        flex-direction: row;
        flex-wrap: wrap;
    }
    div.smart-tech .smart-tech-card {
        width: calc(50% - 12px); /* Αφαιρούμε το μισό gap */
    }
}