.fa, .fas, .far, .fal, .fad, .fab {
    display: inline-block;
    font-style: normal;
    font-size: 24px;
    padding: 10px;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.item-page .com-content-article__body.has-sharing {
    padding-left: 0 !important;
}
@media (min-width: 576px) {
    .navbar-brand.logo-control img.logo-img {
        display: inline-block;
        max-height: 120px !important;
        max-width: 120px !important;
    }
}
.com-tags-tag.tag-category .item-tag-image {
    max-width: 100% !important;
}
.jacl-item__title {
    margin: 0 0 calc(var(--global-spacing) * 2) 0;
    display: ;
    font-weight: 600;
    font-size: 14px !important;
    overflow: hidden;
}
@media (min-width: 768px) {
    .category-desc > img {
        float: left !important;
        max-width: 300px;
        margin-right: 1.5rem !important;
        margin-bottom: 1rem !important;
        display: inline-block;
    }
}
@media (max-width: 768px) {
.category-desc > img {
    float: none !important;
    display: block;
    max-width: 100%; /* Προσαρμογή στο πλάτος της οθόνης */
    width: 300px;    /* Μέγιστο πλάτος */
    margin: 0 auto 1.5rem auto !important; /* Κεντράρισμα και απόσταση από κάτω */
}
.pull-left.item-image, .item-image.pull-left {
    margin-right: 1.0667rem;
    min-width: 100% !important;
}
}
/* no display 
@media (max-width: 767px) {
    div#mod-custom452 {
    display: none;
}
}
@media (min-width: 767px) {
    div#mod-custom419 {
    display: none;
}
}
*/
header#t4-header-wrap .container {
    max-height: 275px !important;
}
.jacl-item__media.media-4-3 img {
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
}
.item-image .caption {
    background-color: #F0F0F0 !important;
    font-style: normal !important;
    color: #000 !important;
}
.com-content-article__body a, .read-more .module-ct a {
    color: #E45E4D !important;
    font-weight: 500;
    transition: color 0.3s ease;
    text-decoration: none;
}
/* Container για το 970x250 */
.banner-top {
    width: 100%;
    overflow: hidden; /* Κόβει ό,τι περισσεύει αν αποτύχει το scale */
    display: flex;
    justify-content: center;
    height: auto;
    min-height: 50px;
}

@media screen and (max-width: 970px) {
    /* Εδώ στοχεύουμε απευθείας το tag της Google μέσα στον container */
    .banner-top ins.dcmads {
        display: block !important;
        transform: scale(0.33) !important; /* Scale για να χωρέσει σε πλάτος ~320px */
        transform-origin: center top !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: none !important; /* Ξεκλειδώνει το περιορισμό πλάτους για να δουλέψει το scale */
    }

    /* Διόρθωση του ύψους γιατί το scale αφήνει κενό */
    .banner-top {
        height: 90px !important; 
    }
}

/* Container για το 300x600 - Εδώ ΔΕΝ θέλουμε scale */
.banner-sidebar {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.banner-sidebar ins.dcmads {
    transform: none !important;
    display: inline-block !important;
}
/* ==========================================================================
   1. ΓΕΝΙΚΕΣ ΔΙΟΡΘΩΣΕΙΣ (CLS & PERFORMANCE)
   ========================================================================== */
html, body {
    overflow-x: hidden !important;
    width: 100%;
    position: relative;
}
/* Fix caret color */
.t4-megamenu .dropdown-toggle .item-caret::before {
    border-top: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    display: block;
}
/* xiaomi ad overflow */
div#mod-custom452 {
    overflow: hidden;
}
.header-top.header-theme-dark.d-none.d-sm-flex.pt-4.pb-4 {
    display: block !important;
}
/* Aspect Ratio Fixes για εικόνες */
.article-lead img, .item-image img, .article-image-full img {
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    display: block;
}
.jacl-item__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden;
    background-color: #f0f0f0;
}

.jacl-item__media.media-8-5 {
    aspect-ratio: 8 / 5 !important;
}

.author-avatar img, .author-block img, div[class*="avatar"] img {
    width: 100px !important;
    height: 100px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 50%;
}

/* ==========================================================================
   2. REVIEW BOX (THE PREMIUM LOOK)
   ========================================================================== */
.reviews-container {
    margin: 40px 0;
    padding: 25px;
    background-color: #fbfbfb; 
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.review-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
}

.review-column {
    flex: 1 1 300px;
}

.review-column h3 {
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #eee;
}

.pros h3 { border-color: #4caf50; color: #2e7d32; }
.cons h3 { border-color: #f44336; color: #c62828; }

.review-column ul {
    list-style: none !important;
    padding: 0 !important;
    line-height: 1.8;
}

/* Rating & Summary Box */
.rating-summary-box {
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    border: 1px solid #f0f0f0;
}

.rating-side {
    flex: 1 1 280px;
    border-right: 1px solid #eee;
    padding-right: 25px;
}

.summary-side {
    flex: 1.5 1 300px;
}

.rating-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px dashed #f0f0f0;
}

.rating-value {
    font-weight: 800;
    color: #E45E4D; /* Ενημερωμένο χρώμα βαθμολογίας */
}

/* ==========================================================================
   3. LINKS OPTIMIZATION (#E45E4D)
   ========================================================================== */
/* Links εντός κειμένου άρθρου */
.com-content-article__body a, 
.read-more .module-ct a {
    color: #E45E4D !important;
    font-weight: 700;
    transition: color 0.3s ease;
    text-decoration: none;
}

.com-content-article__body a:hover, 
.read-more .module-ct a:hover {
    color: #c44d3e !important; /* Λίγο πιο σκούρο στο hover */
    text-decoration: underline;
}

/* ==========================================================================
   4. FOLLOW US / READ MORE SECTION
   ========================================================================== */
.read-more {
    margin-top: 30px;
    clear: both;
}

div#Mod407 {
    background-color: #212121;
    padding: 20px;
    color: #fff;
    border-radius: 10px;
}

.read-more .module-title {
    font-weight: 600;
    margin-bottom: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
}

/* ==========================================================================
   5. ΔΟΜΗ ΚΕΙΜΕΝΟΥ & MOBILE
   ========================================================================== */
.intro-text {
    border-left: 5px solid #cc0000;
    padding: 15px 20px;
    font-style: italic;
    background-color: rgba(240, 240, 240, 0.5);
    margin-bottom: 25px;
}

@media (max-width: 991px) {
    .com-content-article__body, .t4-main-body .t4-section-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .rating-side {
        border-right: none;
        border-bottom: 1px solid #eee;
        padding-right: 0;
        padding-bottom: 25px;
    }
}

@keyframes adReveal {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }
    ins.dcmads { 
        animation: adReveal 0.6s ease-out forwards;
        display: block !important;
    }
    /* Sticky Sidebar refinement */
    .t4-sidebar .sidebar-right { 
        position: -webkit-sticky !important; 
        position: sticky !important; 
        top: 90px !important; 
    }

@media (min-width: 576px) {
    .navbar-brand.logo-control img.logo-img {
        display: inline-block;
        max-height: 80px !important;
        max-width: 100%;
    }
}
/* Container για το Grid */
.com-tags-tag__category.category.list-group {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    padding: 20px 0 !important;
    border: none !important;
}

/* Κάρτα Άρθρου */
.com-tags-tag__category .list-group-item {
    background: #fff !important;
    border: 1px solid #f0f0f0 !important; /* Πολύ απαλό border */
    border-radius: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Hover εφέ στην κάρτα - Βγάλαμε την κόκκινη γραμμή */
.com-tags-tag__category .list-group-item:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
    border-color: #eee !important; /* Παραμένει ουδέτερο */
}

/* Εικόνα */
.com-tags-tag__category .item-tag-image {
    width: 100% !important;
    aspect-ratio: 16/9 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Τίτλος - Fix για αποστάσεις και χρώμα */
.com-tags-tag__category .item-tag-title {
    padding: 25px 20px 10px 20px !important; /* Αυξήσαμε το top padding για να μην κολλάει */
    margin: 0 !important;
    display: block !important;
    min-height: 70px !important; /* Για να είναι στοίχιση "αλφάδι" */
}

/* Οριστικό Fix για το χρώμα του Link */
.com-tags-tag__category .item-tag-title a {
    color: #1a1a1a !important; /* Μαύρο αρχικά */
    font-weight: 800 !important;
    text-decoration: none !important;
    font-size: 1.2rem !important;
    transition: color 0.2s ease !important;
}
.tag-category .category h3 {
    font-size: 1.25rem;
    padding: 0 10px 0 10px;
}
.com-tags-tag.tag-category .list-group .list-group-item a:hover, .com-tags-tag.tag-category .list-group .list-group-item a:focus, .com-tags-tag.tag-category .list-group .list-group-item a:active {
    color: #eb2a11;
}

/* Περιγραφή (Snippet) */
.com-tags-tag__category .tag-body {
    padding: 10px 20px 25px 20px !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #555 !important;
    flex-grow: 1 !important;
}

/* Responsive */
@media (max-width: 1100px) {
    .com-tags-tag__category.category.list-group {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 650px) {
    .com-tags-tag__category.category.list-group {
        grid-template-columns: 1fr !important;
    }
}