/* ==========================================================================
   TEMPLATE 2 — NEA SXEDIASI (vasi maketas)
   --------------------------------------------------------------------------
   VIMA 1: ARISTERO MENU KATIGORION

   GIATI KSEXORISTO ARXEIO:
   Oi kanones tou aristerou menu zoun mesa sto style.bundle.css, pou fortonei
   se KATHE selida kai gia KATHE template. Anti na to peiraksoume ekei (kai na
   riskaroume ta templates 1 kai 3), grafoume edw kai fortonoume META apo afto.

   GIATI EINAI ASFALES NA FORTONETAI PANTOU:
   Ola ta selectors einai kato apo id/klaseis pou yparxoun MONO sto template 2
   (#template2_home_leftmenu_container, .temp2_cat_div, #temp2_menu_header).
   Sta templates 1 kai 3 den taireiazei tipota, ara den allazei tipota.

   TI ALLAZEI: to menu apo mple lista me leuka grammata ginetai lefki karta me
   line-art eikonidia (inline SVG), skoura mple grammata kai apalo chevron.
   I LEITOURGIA MENEI IDIA: ta links, to hover flyout ton ypokatigorion
   (.omades_container) kai to mobile menu den aggizontai.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap');

/* --- 1) Kefalida "KATIGORIES" ------------------------------------------- */
/* Itan mavro plaisio 270x33. Sti maketa einai psilotero, skouro mple, me
   strogyles pano gonies kai chevron dexia. */
#temp2_menu_header{
    box-sizing:border-box;
    width:270px;
    height:52px;
    background:#12213f;
    border:none;
    border-radius:10px 10px 0 0;
    display:flex;
    align-items:center;
    padding:0 16px;
    gap:12px;
}

#temp2_menu_header_icon{
    float:none;
    margin:0;
    color:#fff;
    font-size:16px;
    flex:0 0 auto;
}

#temp2_menu_header_label{
    float:none;
    margin:0;
    color:#fff;
    font-family:'Manrope','Segoe UI',Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    letter-spacing:.4px;
    line-height:1;
    flex:1 1 auto;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* To chevron tis maketas den yparxei sto markup - to zografizoume me CSS
   wste na min xreiastei allagi se 10 arxeia. */
#temp2_menu_header::after{
    content:"";
    flex:0 0 auto;
    width:7px;
    height:7px;
    border-right:2px solid #fff;
    border-top:2px solid #fff;
    transform:rotate(45deg);
    opacity:.85;
}

/* --- 2) I karta tis listas ----------------------------------------------
   PROSOXI - EMVELEIA: oi klaseis .temp2_cat_div / .temp2_omada_div /
   .temp2_subcat_div / .omades_container / .subs_container xrisimopoiountai
   KAI apo to off-canvas menu tou TEMPLATE 3. Gi' afto ola edw einai kato apo
   tous containers tou template 2 - pou einai DYO:
       #template2_home_leftmenu_container        -> mono stin arxiki
       #template2_home_leftmenu_container_inside -> stis alles 9 selides
   To background mpainei INLINE apo to PHP (b2b_colors), ara theli !important. */
#template2_home_leftmenu_container,
#template2_home_leftmenu_container_inside{
    background:#fff !important;
    background-image:none !important;
    height:auto;
    /* Kanena overflow edw: to .omades_container einai absolute se left:270px,
       dyladi EKSO apo to container - me overflow:auto den anoige kan. */
    overflow:visible;
    /* I mpara psilose se 52px, ara to menu ksekina 124+52 */
    top:176px;
    border:1px solid #e8ecf1;
    border-top:none;
    border-radius:0 0 10px 10px;
    box-shadow:0 4px 16px rgba(16,24,40,.07);
    box-sizing:border-box;
}

/* --- 3) Grammi katigorias ------------------------------------------------ */
#template2_home_leftmenu_container .temp2_cat_div,
#template2_home_leftmenu_container_inside .temp2_cat_div{
    box-sizing:border-box;
    width:270px;
    float:left;
    clear:both;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:50px;
    padding:0 14px 0 16px;
    border-bottom:1px solid #f0f3f7;
    color:#1b2a4a;
    font-family:'Manrope','Segoe UI',Arial,sans-serif;
    font-size:13px;
    font-weight:600;
    transition:background-color .15s ease;
}
#template2_home_leftmenu_container .temp2_cat_div:last-child,
#template2_home_leftmenu_container_inside .temp2_cat_div:last-child{ border-bottom:none; }

#template2_home_leftmenu_container .temp2_cat_div:hover,
#template2_home_leftmenu_container_inside .temp2_cat_div:hover{ background:#f4f7fb; }

/* --- 4) To eikonidio (inline SVG apo to includes/temp2-icons.php) -------- */
.temp2_cat_icon{
    flex:0 0 auto;
    width:24px;
    height:24px;
    color:#24365c;
    display:block;
}

/* --- 5) Oi etiketes (kai stа tria epipeda) -------------------------------
   Ta <span> exoun INLINE plati apo to PHP (233px / 295px / 420px), float kai
   height:27px. Inline styles den nikiountai me tipota allo - edw to
   !important einai i sosti apantisi. */
#template2_home_leftmenu_container .temp2_cat_div > span,   #template2_home_leftmenu_container .temp2_cat_div > a > span,
#template2_home_leftmenu_container_inside .temp2_cat_div > span,   #template2_home_leftmenu_container_inside .temp2_cat_div > a > span,
#template2_home_leftmenu_container .temp2_omada_div > span, #template2_home_leftmenu_container .temp2_omada_div > a > span,
#template2_home_leftmenu_container_inside .temp2_omada_div > span, #template2_home_leftmenu_container_inside .temp2_omada_div > a > span,
#template2_home_leftmenu_container .temp2_subcat_div > span,#template2_home_leftmenu_container .temp2_subcat_div > a > span,
#template2_home_leftmenu_container_inside .temp2_subcat_div > span,#template2_home_leftmenu_container_inside .temp2_subcat_div > a > span{
    width:auto !important;
    height:auto !important;
    float:none !important;
    display:block !important;
    overflow:hidden !important;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-family:'Manrope','Segoe UI',Arial,sans-serif;
    font-size:13px;
    font-weight:600;
    letter-spacing:.2px;
    color:#1b2a4a;
    line-height:1.2;
}

/* To <a> exei inline "all: unset", ara den stilizetai - alla os flex item
   blockopoieitai mono tou kai to xroma to klironomei. */
#template2_home_leftmenu_container .temp2_cat_div > a,   #template2_home_leftmenu_container_inside .temp2_cat_div > a,
#template2_home_leftmenu_container .temp2_omada_div > a, #template2_home_leftmenu_container_inside .temp2_omada_div > a,
#template2_home_leftmenu_container .temp2_subcat_div > a,#template2_home_leftmenu_container_inside .temp2_subcat_div > a{
    flex:1 1 auto;
    min-width:0;
}
/* Otan i katigoria den einai link (etaireia/epikoinonia k.a.) to span einai
   ameso paidi kai prepei na pari afto ton xoro. */
#template2_home_leftmenu_container .temp2_cat_div > span,   #template2_home_leftmenu_container_inside .temp2_cat_div > span,
#template2_home_leftmenu_container .temp2_omada_div > span, #template2_home_leftmenu_container_inside .temp2_omada_div > span,
#template2_home_leftmenu_container .temp2_subcat_div > span,#template2_home_leftmenu_container_inside .temp2_subcat_div > span{
    flex:1 1 auto;
    min-width:0;
}

/* --- 6) Ta velakia ------------------------------------------------------- */
#template2_home_leftmenu_container .temp2_cat_right,
#template2_home_leftmenu_container_inside .temp2_cat_right{
    float:none;
    margin:0;
    flex:0 0 auto;
    color:#b6c0cf;
    font-size:14px !important;
    line-height:1;
}
#template2_home_leftmenu_container .temp2_cat_div:hover .temp2_cat_right,
#template2_home_leftmenu_container_inside .temp2_cat_div:hover .temp2_cat_right{ color:#7d8ba1; }

/* --- 7) OMADES kai YPOKATIGORIES (ta flyout) -----------------------------
   Prin: skoura mple plaisia (#00688f kai #01364c) me lefka grammata - den
   eixan kamia sxesi me ti nea lefki stili. Twra einai synexeia tis kartas:
   lefko gia tis omades, elaxista pio kryo lefko gia to trito epipedo wste na
   ksexorizei to vathos xoris na mpei kainourio xroma. */
#template2_home_leftmenu_container .omades_container,
#template2_home_leftmenu_container_inside .omades_container{
    background:#fff;
    border:1px solid #e8ecf1;
    border-radius:0 10px 10px 0;
    box-shadow:6px 6px 22px rgba(16,24,40,.12);
    box-sizing:border-box;
    /* KAMIA perikopi edw: to .subs_container (3o epipedo) einai absolute
       se left:350px, dyladi akrivos sti dexia akri aftou tou panel. Me
       overflow:hidden eksafanizotan telios. */
    overflow:visible;
}
#template2_home_leftmenu_container .subs_container,
#template2_home_leftmenu_container_inside .subs_container{
    background:#f7f9fc;
    border:1px solid #e8ecf1;
    border-radius:0 10px 10px 0;
    box-shadow:6px 6px 22px rgba(16,24,40,.12);
    box-sizing:border-box;
    /* KAMIA perikopi edw: to .subs_container (3o epipedo) einai absolute
       se left:350px, dyladi akrivos sti dexia akri aftou tou panel. Me
       overflow:hidden eksafanizotan telios. */
    overflow:visible;
}

#template2_home_leftmenu_container .temp2_omada_div,  #template2_home_leftmenu_container_inside .temp2_omada_div,
#template2_home_leftmenu_container .temp2_subcat_div, #template2_home_leftmenu_container_inside .temp2_subcat_div{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:0 14px;
    border-bottom:1px solid #eef1f6;
    color:#1b2a4a;
    font-family:'Manrope','Segoe UI',Arial,sans-serif;
    font-size:13px;
    font-weight:600;
    transition:background-color .15s ease;
}
#template2_home_leftmenu_container .temp2_omada_div{ width:350px; }
#template2_home_leftmenu_container_inside .temp2_omada_div{ width:350px; }
#template2_home_leftmenu_container .temp2_subcat_div{ width:420px; }
#template2_home_leftmenu_container_inside .temp2_subcat_div{ width:420px; }

#template2_home_leftmenu_container .temp2_omada_div:last-child,  #template2_home_leftmenu_container_inside .temp2_omada_div:last-child,
#template2_home_leftmenu_container .temp2_subcat_div:last-child, #template2_home_leftmenu_container_inside .temp2_subcat_div:last-child{
    border-bottom:none;
}

#template2_home_leftmenu_container .temp2_omada_div:hover,  #template2_home_leftmenu_container_inside .temp2_omada_div:hover,
#template2_home_leftmenu_container .temp2_subcat_div:hover, #template2_home_leftmenu_container_inside .temp2_subcat_div:hover{
    background:#eef4fb;
    color:#0f1c3c;
}

/* Otan enas klados einai anoixtos, to goniko na paramenei tonismeno wste na
   fainetai i diadromi. */
#template2_home_leftmenu_container .temp2_cat_div:hover,   #template2_home_leftmenu_container_inside .temp2_cat_div:hover,
#template2_home_leftmenu_container .temp2_omada_div:hover, #template2_home_leftmenu_container_inside .temp2_omada_div:hover{
    background:#eef4fb;
}

/* Sti grammi OMADAS to velaki einai MESA sto <a> (stis katigories einai
   ekso). To <a> exei inline all:unset -> display:inline, opote to <i>
   epefte kato apo to keimeno. Mono to !important nikaei to inline. */
#template2_home_leftmenu_container .temp2_omada_div > a,
#template2_home_leftmenu_container_inside .temp2_omada_div > a,
#template2_home_leftmenu_container .temp2_subcat_div > a,
#template2_home_leftmenu_container_inside .temp2_subcat_div > a{
    display:flex !important;
    align-items:center;
    gap:8px;
    width:100%;
}

/* Xoris overflow:hidden, strogylevoume tin proti kai tin teleftaia grammi
   wste na min ksefevgoun apo tis gonies tou panel. */
#template2_home_leftmenu_container .omades_container .temp2_omada_div:first-child,
#template2_home_leftmenu_container_inside .omades_container .temp2_omada_div:first-child,
#template2_home_leftmenu_container .subs_container .temp2_subcat_div:first-child,
#template2_home_leftmenu_container_inside .subs_container .temp2_subcat_div:first-child{
    border-top-right-radius:10px;
}
#template2_home_leftmenu_container .omades_container .temp2_omada_div:last-child,
#template2_home_leftmenu_container_inside .omades_container .temp2_omada_div:last-child,
#template2_home_leftmenu_container .subs_container .temp2_subcat_div:last-child,
#template2_home_leftmenu_container_inside .subs_container .temp2_subcat_div:last-child{
    border-bottom-right-radius:10px;
}

/* --- 8) Mikroteres othones ---------------------------------------------- */
@media (max-width:1230px){
    /* Se mikri othoni to menu kryvetai idi (left:-270px) - min to peiraksoume. */
    #template2_home_leftmenu_container,
    #template2_home_leftmenu_container_inside{
        overflow:visible;
    }
}
/* ==========================================================================
   VIMA 2: I MPARA (top menu)
   --------------------------------------------------------------------------
   Prin: mple lorida 33px me lefka grammata, karfota plati ana stoixeio
   (170/152/182/183/115/139px) kai kathetes grammes anamesa tous.
   Twra: lefki mpara 52px, skoura mple grammata, xoris diaxoristika, kai to
   proto stoixeio ('Oi prosfores mas') se kitrino pill - opos i maketa.
   Ta karfota plati fevgoun wste na doulevei kai sta germanika, opou oi
   lekseis einai pio makries.
   ========================================================================== */

/* To xroma erxetai INLINE apo to PHP (b2b_colors), gi' afto to !important */
/* PROSOXI - NA MIN MPEI EDO display:
   To style.bundle.css krivei ti mpara kato apo 1245/1230/1135px, giati sto
   kinito i ploigisi ginetai apo tis treis grammes (hamburger) kai to info
   eikonidio tis kefalidas. Afto to arxeio fortonei TELEFTAIO, opote ena
   display:flex edo (xoris media) akyronei ekeino to display:none kai i
   mpara tou desktop emfanizetai mesa sto kinito, pano sto slider.
   To display mpainei MONO stin enotita 9, mesa se @media (min-width:1231px). */
#top_submenu_temp2{
    background:#fff !important;
    background-image:none !important;
    box-sizing:border-box;
    height:52px;
    border-bottom:1px solid #e8ecf1;
    box-shadow:0 1px 4px rgba(16,24,40,.05);
}

/* I kefalida 'KATIGORIES' einai to proto stoixeio tis mparas */
#top_submenu_temp2 > #temp2_menu_header{
    flex:0 0 auto;
    align-self:flex-end;
}

#top_submenu_temp2 > a{
    flex:0 0 auto;
    text-decoration:none;
}

#top_submenu_temp2 #oi_prosfores,
#top_submenu_temp2 #etaireia_menu,
#top_submenu_temp2 #pliromis_menu,
#top_submenu_temp2 #apostolis_menu,
#top_submenu_temp2 #eggrafi_menu,
#top_submenu_temp2 #epikoinonia_menu{
    float:none;
    width:auto;
    margin:0 2px;
    padding:8px 15px;
    border:none;
    border-radius:8px;
    background:transparent;
    color:#1b2a4a;
    font-family:'Manrope','Segoe UI',Arial,sans-serif;
    font-size:12.5px;
    font-weight:700;
    letter-spacing:.3px;
    line-height:1;
    white-space:nowrap;
    transition:background-color .15s ease,color .15s ease;
}

#top_submenu_temp2 #etaireia_menu:hover,
#top_submenu_temp2 #pliromis_menu:hover,
#top_submenu_temp2 #apostolis_menu:hover,
#top_submenu_temp2 #eggrafi_menu:hover,
#top_submenu_temp2 #epikoinonia_menu:hover{
    background:#f4f7fb;
    color:#0f1c3c;
}

/* To proto stoixeio: kitrino pill (itan kokkino plakidio) */
#top_submenu_temp2 #oi_prosfores{
    background:#ffc80a;
    color:#12213f;
    margin-left:18px;
    font-weight:800;
}
#top_submenu_temp2 #oi_prosfores:hover{
    background:#f0bb00;
    color:#12213f;
}

/* Ta social pane dexia. Scoped mesa sti mpara wste na min peiraxtoun ta
   idia eikonidia sta templates 1 kai 3. */
#top_submenu_temp2 #new_social_container{
    margin-left:auto;
    flex:0 0 auto;
}
#top_submenu_temp2 #new_social_container .icon{
    color:#7d8ba1;
}
#top_submenu_temp2 #new_social_container .icon:hover{
    color:#1b2a4a;
}


/* ==========================================================================
   VIMA 3: TA KOUTAKIA KATO APO TON SLIDER (mono arxiki, mono template 2)
   --------------------------------------------------------------------------
   Prin: skouri lorida (#212121) me lefka kefalaia kai 3D png dexia.
   Twra: lefki karta me line-art SVG aristera kai dyo grammes keimenou.

   GIATI .t2_boxes:
   Oi klaseis .start_ikonidia / .ikonidio_texts / .ikonidio_sub xrisimopoiountai
   KAI apo to template 3 (to ftiaksame idi ekei). Afto to arxeio fortonei se
   oles tis selides, opote xoris ti diki tou klasi tha xalouse to template 3.

   GIATI #start_ikonidia_container.t2_boxes:
   To home_temp2.css orizei #start_ikonidia_container{height:50px} me id
   (eidikotita 1,0,0). Mono me klasi (0,1,0) tha xaname - xreiazetai to
   syntheto selector gia na perasei to height:auto.
   ========================================================================== */

#start_ikonidia_container.t2_boxes{
    height:auto;
    display:flex;
    align-items:stretch;
    box-sizing:border-box;
    margin-top:14px;
    background:#fff;
    border:1px solid #e8ecf1;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(16,24,40,.06);
    overflow:hidden;
}

.t2_boxes > a,
.t2_boxes > a:hover,
.t2_boxes > a:focus{
    flex:1 1 0;
    min-width:0;
    display:flex;
    text-decoration:none;
    color:inherit;
}

.t2_boxes .start_ikonidia{
    position:relative;
    float:none;
    width:100%;
    height:auto;
    min-height:84px;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    padding:16px 12px;
    box-sizing:border-box;
    transition:background-color .15s ease;
}
.t2_boxes > a:hover .start_ikonidia{
    background:#f7f9fc;
}

.t2_box_icon{
    flex:0 0 auto;
    width:34px;
    height:34px;
    color:#1b6fc4;
    display:block;
}

.t2_boxes .ikonidio_txtwrap{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:2px;
    min-width:0;
}

/* PROSOXI - PLATI ME ID: to home_temp2.css orizei
     #ikonidio_txt_1/2/5/6 { width:87px }   #ikonidio_txt_3/4 { width:127px }
   Eidikotita (1,0,0), opote skéti klasi (0,2,0) DEN ta nikaei kai oi titloi
   ekovan sta ~11 grammata. Grafoume ta ids mesa sto .t2_boxes -> (1,1,0).
   Xoris ellipsis: kalytera na tyligei para na kopei keimeno siopila. */
.t2_boxes .ikonidio_texts,
.t2_boxes #ikonidio_txt_1,
.t2_boxes #ikonidio_txt_2,
.t2_boxes #ikonidio_txt_3,
.t2_boxes #ikonidio_txt_4,
.t2_boxes #ikonidio_txt_5,
.t2_boxes #ikonidio_txt_6{
    position:static;
    float:none;
    width:auto;
    max-width:none;
    margin:0;
    color:#12213f;
    font-family:'Manrope','Segoe UI',Arial,sans-serif;
    font-size:15px;
    font-weight:700;
    letter-spacing:.2px;
    line-height:1.25;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
}

.t2_boxes .ikonidio_sub{
    color:#8b96a8;
    font-family:'Manrope','Segoe UI',Arial,sans-serif;
    font-size:12.5px;
    font-weight:500;
    line-height:1.25;
    white-space:normal;
}

/* To diaxoristiko itan aspri grammi (gia ti skouri lorida) - twra apalo gkri */
.t2_boxes .start_line{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:42px;
    background:#e8ecf1;
}

@media (max-width:1520px){
    .t2_boxes .start_ikonidia{ padding:14px 8px; gap:10px; }
    .t2_box_icon{ width:30px; height:30px; }
    .t2_boxes .ikonidio_texts,
    .t2_boxes #ikonidio_txt_1, .t2_boxes #ikonidio_txt_2, .t2_boxes #ikonidio_txt_3,
    .t2_boxes #ikonidio_txt_4, .t2_boxes #ikonidio_txt_5, .t2_boxes #ikonidio_txt_6{ font-size:13px; }
    .t2_boxes .ikonidio_sub{ font-size:11.5px; }
}

/* --- I lorida se mikres othones (aitima 2026-09-22) --------------------
   To home_temp2.css tin kryvei kato apo 1170px me
   #start_ikonidia_container{display:none} (eidikotita 1,0,0). To diko mas
   syntheto selector einai (1,1,0), ara mporoume na tin epanaferoume.

   Se kinito den xoroun eksi stiles: ginetai ORIZONTIA KYLISI pou deixnei
   dyomisi eikonidia (to misо leei apo mono tou oti yparxei synexeia), me
   snap se kathe keli kai dyo velakia. Se tablet ta eksi xoroun kanonika,
   opote i kylisi den energopoieitai kai ta velakia kryvontai mona tous.
   -------------------------------------------------------------------------- */
/* Sto desktop to periblima prepei na MIN yparxei os kouti: to
   #start_ikonidia_container einai float:left kai i diataxi giro tou einai
   ftiagmeni etsi. Me display:contents to periblima den paragei kouti kai i
   selida symperiferetai akrivos opos prin. */
#t2_boxes_wrap{
    display:contents;
}
/* Ta velakia yparxoun MONO stin kylisi - sto desktop den exoun noima. */
#t2_boxes_wrap .t2_sc_btn{ display:none; }

@media (max-width:1170px){
    /* Edw to periblima ginetai kanoniko kouti gia na krataei ta velakia.
       flow-root kai OXI block: i lorida einai flex, ara sximatizei BFC kai
       APOFEVGEI ta floats (to aristero menu / slider), opote katevainei pio
       kato. Ena aplo block periblima den ta apofevgei - ksekinouse psila kai
       ta velakia kentrarontan se keno xoro. Me flow-root apofevgei kai afto
       ta floats, ara kollaei akrivos pano sti loridа. */
    #t2_boxes_wrap{
        display:flow-root;
        position:relative;
        /* to slider apo pano einai float:left - xoris clear i lorida
           anevaine kai kathotan PANO tou */
        clear:both;
        /* to keno mpainei sto periblima kai oxi sti lorida, wste ta velakia
           na kentrarontai akrivos pano tis */
        margin-top:12px;
    }
    #start_ikonidia_container.t2_boxes{
        /* to float:left tou home_temp2.css afinei to periblima me ypsos 0 */
        float:none;
        display:flex;
        align-items:stretch;
        margin-top:0;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;            /* Firefox */
        -ms-overflow-style:none;         /* palio Edge */
    }
    #start_ikonidia_container.t2_boxes::-webkit-scrollbar{ display:none; }

    /* 40% -> dyomisi orata. To misо keli einai i endeiksi oti synexizei. */
    .t2_boxes > a{
        flex:0 0 40%;
        scroll-snap-align:start;
        border-right:1px solid #eef1f5;
        border-bottom:0;
    }
    .t2_boxes > a:last-child{ border-right:0; }

    .t2_boxes .start_ikonidia{
        flex-direction:column;
        justify-content:flex-start;
        gap:8px;
        min-height:0;
        padding:15px 8px;
        text-align:center;
    }
    .t2_box_icon{ width:27px; height:27px; }
    .t2_boxes .ikonidio_txtwrap{ align-items:center; width:100%; }
    .t2_boxes .ikonidio_texts,
    .t2_boxes #ikonidio_txt_1, .t2_boxes #ikonidio_txt_2, .t2_boxes #ikonidio_txt_3,
    .t2_boxes #ikonidio_txt_4, .t2_boxes #ikonidio_txt_5, .t2_boxes #ikonidio_txt_6{
        font-size:11px;
        line-height:1.3;
        text-align:center;
    }
    /* o ypotitlos kai i katheti grammi den xreiazontai edw */
    .t2_boxes .ikonidio_sub,
    .t2_boxes .start_line{ display:none; }

    /* --- ta velakia --- */
    #t2_boxes_wrap .t2_sc_btn{
        display:flex;
        align-items:center;
        justify-content:center;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        width:32px;
        height:32px;
        padding:0;
        border:1px solid #e6eaf0;
        border-radius:50%;
        background:#fff;
        box-shadow:0 2px 8px rgba(16,24,40,.14);
        cursor:pointer;
        z-index:3;
        transition:opacity .18s ease, box-shadow .15s ease;
    }
    #t2_boxes_wrap .t2_sc_btn:hover{ box-shadow:0 3px 12px rgba(16,24,40,.22); }
    #t2_boxes_wrap .t2_sc_prev{ left:8px; }
    #t2_boxes_wrap .t2_sc_next{ right:8px; }

    /* To chevron zografizetai me CSS, wste na min eksartatai apo to
       FontAwesome (i arxiki xrisimopoiei inline SVG gia ta eikonidia). */
    #t2_boxes_wrap .t2_sc_btn::before{
        content:"";
        width:7px;
        height:7px;
        border-right:2px solid #46536b;
        border-bottom:2px solid #46536b;
    }
    #t2_boxes_wrap .t2_sc_prev::before{ transform:rotate(135deg); margin-left:3px; }
    #t2_boxes_wrap .t2_sc_next::before{ transform:rotate(-45deg); margin-right:3px; }

    /* Svisimo stis akres: deixnei oti to periexomeno synexizei apo kato. */
    #t2_boxes_wrap::before,
    #t2_boxes_wrap::after{
        content:"";
        position:absolute;
        top:1px;
        bottom:1px;
        width:46px;
        pointer-events:none;
        z-index:2;
        transition:opacity .18s ease;
    }
    #t2_boxes_wrap::before{
        left:1px;
        border-radius:12px 0 0 12px;
        background:linear-gradient(to right, #fff 25%, rgba(255,255,255,0));
    }
    #t2_boxes_wrap::after{
        right:1px;
        border-radius:0 12px 12px 0;
        background:linear-gradient(to left, #fff 25%, rgba(255,255,255,0));
    }

    /* Stis akres tis kylisis svinei to antistoixo velaki kai to svisimo. */
    #t2_boxes_wrap.t2_at_start .t2_sc_prev,
    #t2_boxes_wrap.t2_at_start::before,
    #t2_boxes_wrap.t2_at_end .t2_sc_next,
    #t2_boxes_wrap.t2_at_end::after{
        opacity:0;
        pointer-events:none;
    }
    /* Otan ola xoroun (tablet) den yparxei kylisi katholou. */
    #t2_boxes_wrap.t2_no_scroll .t2_sc_btn,
    #t2_boxes_wrap.t2_no_scroll::before,
    #t2_boxes_wrap.t2_no_scroll::after{ display:none; }
}

/* Apo 700 eos 1170 xoroun kai ta eksi - den xreiazetai kylisi. */
@media (min-width:700px) and (max-width:1170px){
    .t2_boxes > a{ flex:1 1 0; }
}


/* --- I mple grammi kato apo to header ------------------------------------
   Erxetai apo ton katholiko kanona #m_header{border-bottom:5px solid #0582c7}
   tou style.bundle.css. Den ton svinoume (ton thelei akoma to template 1) -
   ton akyronoume MONO stis selides pou exoun ti mpara tou template 2.
   To #top_submenu_temp2 yparxei mono ekei, opote to :has() einai asfales
   filtro. Se palio browser xoris :has() apla paramenei i grammi.
   -------------------------------------------------------------------------- */
body:has(#top_submenu_temp2) #m_header{
    border-bottom:none;
}


/* --- 9) Diorthoseis sto dentro ------------------------------------------- */

/* To <span> MESA sto <a> prepei na pairnei ton eleuthero xoro, alliws to
   velaki kollaei sto keimeno anti na paei sti dexia akri. */
#template2_home_leftmenu_container .temp2_cat_div > a > span,   #template2_home_leftmenu_container_inside .temp2_cat_div > a > span,
#template2_home_leftmenu_container .temp2_omada_div > a > span, #template2_home_leftmenu_container_inside .temp2_omada_div > a > span,
#template2_home_leftmenu_container .temp2_subcat_div > a > span,#template2_home_leftmenu_container_inside .temp2_subcat_div > a > span{
    flex:1 1 auto;
    min-width:0;
}

/* HO.RE.CA: einai alfavitiki lista (A, B, G, ... 24 grammata) kai to bundle
   tis dinei .temp2_omada_div_horeca{height:32px}. To min-height:46px pou
   valame gia tis kanonikes omades YPERTHEREI tou height, opote kathe gramma
   epiane 46px kai i lista den xorouse - fainontan mono 7 grammata. */
#template2_home_leftmenu_container .temp2_omada_div_horeca,
#template2_home_leftmenu_container_inside .temp2_omada_div_horeca{
    min-height:32px;
    height:32px;
    padding:0 12px;
    font-size:12.5px;
}



/* ==========================================================================
   VIMA 4: SELIDES EKTOS ARXIKIS (template 2)
   --------------------------------------------------------------------------
   Edw i domi diaferei apo tin arxiki:
     - i anazitisi einai ksexoristi lorida MESA sti roi tis selidas
     - i stili katigorion einai krymmeni (left:-270px) kai vgainei me hover
   I mpara omos einai position:fixed. Otan itan 33px kalypte 124->157 kai i
   lorida tis anazitisis fainotan. Twra pou einai 52px kalyptei 124->176 kai
   tin ekrive.

   FILTRO: to #template2_home_leftmenu_container_inside yparxei MONO se aftes
   tis selides (i arxiki exei to ..._container xoris to "_inside"), opote to
   :has() einai akrivos i emveleia pou theloume - oute i arxiki, oute alla
   templates.
   ========================================================================== */

/* 1) I anazitisi katevainei kato apo ti mpara kai pairnei ti nea opsi:
      itan mavri lorida (#1d1d1d) me tetragono input. */
body:has(#template2_home_leftmenu_container_inside) #search_container,
body:has(#template2_home_leftmenu_container_inside) #search_button{
    margin-top:26px;
}

body:has(#template2_home_leftmenu_container_inside) #search_container{
    background:transparent;
}

body:has(#template2_home_leftmenu_container_inside) #search_input{
    height:40px;
    background:#fff;
    border:1px solid #e2e6ec;
    border-right:none;
    border-radius:8px 0 0 8px;
    color:#1b2a4a;
    font-family:'Manrope','Segoe UI',Arial,sans-serif;
    font-size:14px;
    outline:none;
}
body:has(#template2_home_leftmenu_container_inside) #search_input::placeholder{
    font-family:'Manrope','Segoe UI',Arial,sans-serif;
    font-size:14px;
    color:#98a2b3;
}

body:has(#template2_home_leftmenu_container_inside) #search_button{
    height:40px;
    background:#1b6fc4;
    border-radius:0 8px 8px 0;
    display:flex;
    align-items:center;
    justify-content:center;
}
body:has(#template2_home_leftmenu_container_inside) #search_button:hover{
    background:#155ba3;
}

/* 2) I kefalida "KATIGORIES" edw einai KOUMPI, oxi kapaki listas.
      Me strogyles mono tis pano gonies (opos stin arxiki, opou apo kato
      akolouthei i lefki karta) fainotan san karteλa pou aioreitai. */
body:has(#template2_home_leftmenu_container_inside) #temp2_menu_header{
    border-radius:10px;
}

/* 3) I stili pou vgainei me hover: na fainetai san kanoniko panel, me
      strogyles kai tis tesseris gonies afou den akoumpaei se tipota. */
#template2_home_leftmenu_container_inside{
    border-top:1px solid #e8ecf1;
    border-radius:0 10px 10px 0;
}


/* --- 11) Panel tritou epipedou xoris periexomeno -------------------------
   Otan mia omada DEN exei ypokatigories (i afou kryfoune oi kenes), to
   .subs_container ekdidetai adeio - kai me to lefko fonto + perigramma +
   skia pou tou dosame emfanizotan san keni loridа sto hover.
   To :has() mas afinei na to kryvoume MONO otan den periexei kamia grammi.
   Se palio browser xoris :has() apla paramenei i loridа, opos prin. */
#template2_home_leftmenu_container .subs_container:not(:has(.temp2_subcat_div)),
#template2_home_leftmenu_container_inside .subs_container:not(:has(.temp2_subcat_div)){
    display:none !important;
}

/* To idio kai gia to deutero epipedo: katigoria xoris omades. */
#template2_home_leftmenu_container .omades_container:not(:has(.temp2_omada_div)),
#template2_home_leftmenu_container_inside .omades_container:not(:has(.temp2_omada_div)){
    display:none !important;
}

/* Kai to velaki tis grammis den exei noima an den anoigei tipota. */
#template2_home_leftmenu_container .temp2_omada_div:not(:has(.subs_container .temp2_subcat_div)) .temp2_cat_right,
#template2_home_leftmenu_container_inside .temp2_omada_div:not(:has(.subs_container .temp2_subcat_div)) .temp2_cat_right{
    visibility:hidden;
}


/* --- 12) Ta social eikonidia mesa sti stili -----------------------------
   Sto markup i stili periexei, meta tis katigories, tessera social links:
       #facebook_icon #instagram_icon #youtube_icon #email_icon
   Einai position:absolute me top:84% kai color:white. Otan i stili itan
   height:100% (gemato ypsos othonis) kathontan xamila se mple fonto kai
   fainontan kanonika. Twra pou einai lefki karta me height:auto, to 84%
   pefti PANO stis teleftaies grammes - kai lefko se lefko diavazetai san
   lekes.

   Ta kryvoume EDW MONO (mesa sti stili tou template 2). Ta idia social
   yparxoun idi sti mpara (#new_social_container) kai sto mobile menu, opote
   den xanetai prosvasi - kai i maketa den ta exei sti stili.
   -------------------------------------------------------------------------- */
/* PROSOXI: to koutaki 'Grigori paradosi' einai kai afto <a> ameso paidi tou
   container - to eksairoume, alliws to kryvei ki afto. */
#template2_home_leftmenu_container > a:not(.t2_delivery),
#template2_home_leftmenu_container_inside > a:not(.t2_delivery){
    display:none;
}


/* --- 13) Prosvasimotita tou HO.RE.CA flyout ------------------------------
   To .omades_container_horeca einai position:FIXED me statheró top - dyladi
   karfomeno stin korifi tis othonis, oxi sti grammi pou to anoigei. Doulepse
   mexri tora kata tyxi: to alfavito itan 24 grammata x 32px = 768px, opote
   eftane apo psila mexri kato kai kalypte ti grammi HO.RE.CA.
   Afou kryvoume ta kena, to panel mikrinei (p.x. 7 grammata = 224px) kai
   emene psila - to pontiki den mporouse na to ftasei xoris na perasei apo
   alles katigories, pou allazoun to flyout.

   Twra to agkyronoume sti GRAMMI, me tin kato akri tou stin kato akri tis:
   fainetai panta dipla sto simeio pou to anoixe kai megalonei pros ta PANO -
   ekei yparxei o xoros, afou to HO.RE.CA einai i teleftaia katigoria.
   -------------------------------------------------------------------------- */
#template2_home_leftmenu_container .omades_container_horeca,
#template2_home_leftmenu_container_inside .omades_container_horeca{
    position:absolute;
    left:270px;
    top:auto;
    bottom:0;
}


/* --- 14) Koutaki "GRIGORI PARADOSI" -------------------------------------
   Den yparxei sto palio markup - to prosthetoume emeis apo to
   includes/temp2-icons.php (temp2DeliveryBox()).

   TOPOTHETISI: einai MESA ston container tis stilis, alla absolute me
   top:100% - dyladi akrivos kato apo tin karta. Etsi den mas noiazei poso
   psili einai i lista (allazei ana pelati kai me to filtro ton kenon).
   -------------------------------------------------------------------------- */
.t2_delivery{
    position:absolute;
    top:100%;
    left:0;
    margin-top:10px;
    width:270px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px 12px 11px 14px;
    background:#eef4fb;
    border:1px solid #dce8f6;
    border-radius:10px;
    text-decoration:none;
    transition:background-color .15s ease, border-color .15s ease;
}
.t2_delivery:hover{
    background:#e4eefb;
    border-color:#c9dcf2;
    text-decoration:none;
}

.t2_delivery_icon{
    flex:0 0 auto;
    width:38px;
    height:38px;
    color:#1b6fc4;
    display:block;
}

.t2_delivery_txt{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.t2_delivery_title{
    font-family:'Manrope','Segoe UI',Arial,sans-serif;
    font-size:11.5px;
    font-weight:700;
    letter-spacing:.3px;
    color:#12213f;
    line-height:1.2;
    white-space:nowrap;
}

.t2_delivery_sub{
    font-family:'Manrope','Segoe UI',Arial,sans-serif;
    font-size:11px;
    font-weight:500;
    color:#7d8ba1;
    line-height:1.2;
    white-space:nowrap;
}

/* To chevron to zografizoume me CSS, opos kai stin kefalida - etsi den
   eksartatai apo to FontAwesome kai kratame to idio leptο stil. */
.t2_delivery::after{
    content:"";
    flex:0 0 auto;
    width:6px;
    height:6px;
    border-right:2px solid #a9b7c9;
    border-top:2px solid #a9b7c9;
    transform:rotate(45deg);
    margin-right:2px;
}

/* ==========================================================================
   9) KENA GIRO APO TO MENU (aitima idioktiti)
   --------------------------------------------------------------------------
   PROSOXI STI DOMI:
   I mpara "KATIGORIES" den anikei sto aristero menu - einai to proto stoixeio
   tis orizontias mparas #top_submenu_temp2. Kai i mpara itan position:fixed
   XORIS top, mono me margin-top:124px: se tetoio stoixeio i thesi einai "opou
   tha itan sti roi" + margin, pou den ypologizetai apo ton kodika. Gi afto
   kathe timi pou dinotan sto menu epefte lathos.

   Edo tis dinoume rithο top KAI midenizoume to margin-top, opote ola ta
   ypoloipa vgainoun me aplo ypologismo:

     mpara       : top 140px + ypsos 52px      -> teleionei sta 192px
     menu        : top 192px                   -> kollaei akrivos kato tis
     periexomeno : to .m-body exei padding-top:174px. Midenizoume to
                   padding-top tou .m-content (itan 30px) kai vazoume
                   margin-top:18px -> 174 + 18 = 192px, idio me to menu.

   Etsi i mpara, i lista kai to slider ksekinoun sto idio akrivos simeio.

   MONO pano apo 1230px: pio kato to menu vgainei ekso apo tin othoni
   (left:-270px) kai anoigei me koumpi - ekei den prepei na peiraxtei tipota.
   ========================================================================== */
@media (min-width:1231px){

    /* --- i mpara: ritho top wste na kseroume pou teleionei --- */
    #top_submenu_temp2{
        /* to display zei EDO kai oxi ston vasiko kanona - kato apo 1231px i
           mpara prepei na meneι krymmeni (vlepe simeiosi stin enotita 2) */
        display:flex;
        align-items:center;
        top:140px;
        margin-top:0;
        left:30px;
        width:calc(100% - 60px);
        border-radius:10px 10px 0 0;
    }

    /* --- STEREO FONTO PANO APO TI MPARA ---
       I kefalida teleionei sto 124 kai i mpara arxizei sto 140: i lorida ton
       16px anamesa tous - kai ta 30px pleurika keno - itan diafana, opote me
       to scroll fainotan to slider kai ta proionta na pernoun apo piso.

       To gemizoume me ena karfomeno ::before pisо apo ti mpara (z-index:-1
       mesa sto diko tis stacking context, ara kalyptei ti selida alla meni
       kato apo ti mpara). Kalyptei 124..192 se olo to platos, dyladi kai ti
       lorida kai ta dyo pleurika kena.

       To #f2f3f8 einai to fonto tis selidas - erxetai apo to koino theme
       (.m-content--skin-light2), oxi apo ta xromata tou pelati, opote einai
       to idio se olous. Etsi oi strogyles pano gonies tis mparas patane pano
       sto sosto xroma. */
    #top_submenu_temp2::before{
        content:"";
        position:fixed;
        left:0;
        right:0;
        top:124px;
        height:68px;
        background:#f2f3f8;
        z-index:-1;
    }

    /* --- to menu: akrivos kato apo ti mpara (140 + 52) --- */
    #template2_home_leftmenu_container{
        top:192px;
        left:30px;
        border-radius:0 0 10px 10px;
    }

    /* --- to periexomeno: idio ypsos ksekinimatos me to menu --- */
    .m-content_temp2{
        padding-top:0 !important;
    }
    #template2_home_slider_container{
        /* METRIMENO: to .m-content ksekinaei sto 137px kai i mpara teleionei
           sto 192 -> 192 - 137 = 55 */
        margin-top:55px;
        /* 278 + ta 30px pleuriko padding tou .m-content = 308, dyladi 8px
           meta to menu (pou teleionei sta 30 + 270 = 300) */
        /* METRIMENO: to .m-content den exei aristero padding. To menu
           teleionei sto 300 - to slider kollaei akrivos ekei. */
        margin-left:300px;
        /* Eixe width:100% MAZI me margin-left, opote ksepernouse ton gonea
           kata to margin kai evgaze orizontio scrollbar. */
        /* deksia akri sto 1555, idia me ti mpara: 300 aristera + 30 deksia */
        width:calc(100% - 330px);
    }
    #template2_home_rightsection_container{
        width:100%;
    }

    /* To #slider_container eixe diko tou margin-top:12px kai margin-left:1% -
       ta midenizoume wste na min prosthetoun pano sta parapano. */
    #slider_container{
        margin-top:0;
        margin-left:0;
        width:100%;
    }

    /* METRIMENO: to keno pano apo to "Oi prosfores mas!" itan 40px kai kato
       26px (to margin-top tis kartas proiontos). Sti maketa einai pio sfixta.
       Scoped mesa sto rightsection tou thematos 2 - ta idia id yparxoun kai
       sta themata 1 kai 3. */
    #template2_home_rightsection_container #deite_home{
        margin-top:20px;
    }
    /* To #deite_home einai float:left kai to #products_container einai flex -
       ara sximatizei diko tou plaisio kai APOFEVGEI to float, agnoontas kathe
       margin-top pou tha tou diname. To orato keno erxetai apo to perithorio
       tis idias tis kartas (25,7px), pou einai kai to keno anamesa stis seires.
       To fernoume sta 18px - oso kai sti maketa, kai gia tis dyo periptoseis. */
    #template2_home_rightsection_container #products_container .product_grid{
        margin-top:18px;
    }

    /* Sti maketa to slider exei strogyles tis dyo pano gonies. To radius
       mpainei kai stis eikones: to rslides tis topothetei apolyta mesa sto
       #slider_container, opote xoris afto oi gonies tha emenan tetragones. */
    /* Strogyles kai oi TESSERIS gonies. To radius mpainei kai stis eikones:
       to rslides tis topothetei apolyta mesa sto #slider_container, opote
       xoris afto oi gonies tha emenan tetragones. */
    #slider_container,
    #slider_container .rslides img{
        border-radius:10px;
    }
}

/* ==========================================================================
   10) MESA SELIDES (products.php / prosfores.php) - idia opsi me tin arxiki
   --------------------------------------------------------------------------
   Ekei to menu itan ekso apo tin othoni (left:-270px) kai anoige me hover
   pano sto "KATIGORIES". O idioktitis to thelei monima anoixto, opos stin
   arxiki. Kratame akrivos ta idia noumera me tin enotita 9.

   To hover to kanei to style.bundle.css me DYO animations (resp_katigories_
   open/close) pou metakinoun to left - gi afto den arkei na dosoume left,
   prepei na akyrothoun kiolas.

   To #cats_container einai o periektis periexomenou tis selidas. Yparxei kai
   stin arxiki tou thematos 1, gi afto to scoparoume me :has() sto menu tou
   thematos 2 - piani MONO oses selides typonoun afto to menu.
   ========================================================================== */
@media (min-width:1231px){
    #template2_home_leftmenu_container_inside{
        left:30px;
        top:192px;
        height:auto;
        border-radius:0 0 10px 10px;
    }
    /* to hover den prepei na to metakinei pleon */
    #template2_home_leftmenu_container_inside.resp_katigories_open,
    #template2_home_leftmenu_container_inside.resp_katigories_close{
        animation:none !important;
        -webkit-animation:none !important;
        left:30px !important;
    }
    /* --- to periexomeno dipla sto menu ---
       METRIMENA: to .m-content ksekinaei sto 163 kai DEN exei pleuriko
       padding. To menu teleionei sto 300 -> 308 dinei to idio 8px keno me
       tin arxiki, kai deksia akri 1555, idia me ti mpara (338 = 308 + 30).
       To padding-top (oxi margin) gia na min ginei margin collapsing me to
       .m-content: 163 + 29 = 192, akrivos ekei pou teleionei i mpara -
       alliws i mavri epikefalida tis katigorias kryvetai piso tis. */
    body:has(#template2_home_leftmenu_container_inside) #cats_container{
        box-sizing:border-box;
        margin-left:308px;
        width:calc(100% - 338px);
        padding-top:29px;
    }

    /* --- I ANAZITISI PANO STIN KEFALIDA ---
       Stin arxiki i anazitisi einai stin kefalida, edo omos itan mia loriada
       sti mesi tis selidas. DEN typonoume deftero pedio stin kefalida: tha
       yphrxan dyo stoixeia me id "search_input" kai olo to JS (protaseis,
       barcode, enter) dinei se ena mono. Anti gi afto anevazoume TO IDIO
       stoixeio sti thesi tis kefalidas - idio DOM, midenikos kindynos sto JS.

       Mono edo pano apo 1230px. Pio kato i kefalida krivei ti diki tis
       anazitisi (style.bundle.css) kai i selida menei akrivos opos itan -
       alliws se kinito den tha yphrxe kathólou anazitisi.

       METRIMENA apo tin arxiki: #search_container_temp2 -> top 62, left 268,
       platos 330. I kefalida einai position:fixed me z-index 99, gi afto to
       z-index:100. Kanenas progonos den exei transform, ara to fixed piani. */
    body:has(#template2_home_leftmenu_container_inside) #search_container{
        position:fixed;
        top:62px;
        left:268px;
        width:330px;
        height:40px;
        float:none;
        margin:0;
        background:none;
        z-index:100;
    }
    /* idia noumera me to #search_input tis arxikis (home_temp2.css):
       ypsos 42, margin-top -4, radius 18, grammatoseira 18 Lato */
    body:has(#template2_home_leftmenu_container_inside) #search_input{
        width:100%;
        height:42px;
        margin-top:-4px;
        float:none;
        padding-left:10px;
        font-size:18px;
        font-family:'Lato',sans-serif;
        border-radius:18px;
    }
    /* To #search_button einai ADELFOS tou #search_container (oxi paidi tou),
       opote den mporei na topothetithei mesa tou - to karfonoume kai afto:
       268 + 330 - 5 (deksia) - 33 (platos) = 560 kai 62 + 3 = 65, opos to
       #search_button_temp2 tis arxikis. */
    body:has(#template2_home_leftmenu_container_inside) #search_button{
        position:fixed;
        /* METRIMENA apo to #search_button_temp2 tis arxikis: 33x30, radius 20,
           5px apo ti deksia akri kai 3px apo tin pano (268+330-5-33 = 560,
           62+3 = 65). To VIMA 4 pio pano to eixe kanei tetragono 40ari me
           radius mono deksia - edw den kollaei se tipota, einai kouboulaki. */
        top:65px;
        left:560px;
        width:33px;
        height:30px;
        background:#0582c7;
        border-radius:20px;
        float:none;
        margin:0;
        display:flex;
        align-items:center;
        justify-content:center;
        z-index:101;
    }
    /* O fakos einai 24px me stathera margins - ftiagmena gia to palio,
       tetragono koumpi 40x35. Mesa ston kyklo ksexeilize kai epefte ektos
       kentrou: ton mikrainoume kai afinoume to flex na ton kentrarei. */
    body:has(#template2_home_leftmenu_container_inside) #search_button .search_icon{
        font-size:18px !important;
        margin:0;
        line-height:1;
    }
    /* i kamera (barcode scanner) mesa sto neo, mikrotero plaisio */
    /* To VIMA 4 pio pano eixe dosei sto placeholder Manrope 14px aristera -
       i arxiki to exei Lato 18px kentrarismeno, opote to eufthygrammizoume. */
    body:has(#template2_home_leftmenu_container_inside) #search_input::placeholder{
        font-family:'Lato',sans-serif;
        font-size:18px;
        color:#757575;
        text-align:center;
    }
    /* Oi protaseis anazitisis einai position:fixed me diko tous top (193 apo
       tin epoxi pou to pedio itan sti mesi tis selidas) - twra pou to pedio
       anevike stin kefalida tha emenan kremasmenes sti mesi tou pouthena.
       Tis kollame akrivos kato apo tin kefalida (ypsos 124), opos akrivos
       fainontai kai stin arxiki. */
    body:has(#template2_home_leftmenu_container_inside) #search_suggestion_list{
        top:124px !important;
        margin-top:0 !important;
        /* Prin to menu evgene ekso apo tin othoni kai den enoxlouse tis
           protaseis (z-index 2). Twra pou einai monima anoixto - kai exei
           z-index 999, i mpara 100 - prepei na ta perasoume kai ta dyo.
           Tin kefalida den tin enoxloume: oi protaseis arxizoun sto 124,
           akrivos kato tis. */
        z-index:1000 !important;
    }
}


/* ==========================================================================
   11) EPIKEFALIDA KATIGORIAS - orizonties grammes deksia kai aristera
   --------------------------------------------------------------------------
   Sti maketa o titlos tis katigorias exei mia konti, lepti grammi apo kathe
   pleura - oxi apo akri se akri.

   I DOMI: #heading_container einai i mpara (fonto apo ton pelati) kai mesa
   tou to #heading_inner einai o titlos, inline-block me text-align:center.
   Ton kanoume flex kai vazoume tis grammes san ::before / ::after, wste na
   MIN xreiastei allagi sto markup - to #heading_container to typonei to
   pages/products.php se 5 diaforetika simeia.

   To xroma tis grammis einai imidiafano lefko kai OXI statheró: to fonto tis
   mparas allazei ana pelati (edo mavro, sti maketa mple), opote mia stathéri
   apoxrosi tha xanotan se kapoious. To rgba akolouthei panta to fonto.

   To height:50px ginetai min-height: an o titlos einai makrys (p.x. sta
   germanika) i mpara megalonei anti na kovetai i deuteri grammi.
   ========================================================================== */
body:has(#template2_home_leftmenu_container_inside) #heading_container{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    box-sizing:border-box;
    padding:0 28px;
    height:auto;
    min-height:50px;
}

/* KONTES grammes, oxi apo akri se akri.
   METRIMENO apo ti maketa: i mpara ekei einai 792px stin eikona kai i diki
   mas 1247px, ara klimaka 1,575. Oi grammes tis maketas einai ~25px stin
   eikona -> ~40px se emas, me ~10px keno apo to keimeno.

   To flex einai 0 1 40px kai oxi stathero platos: se steno platos, i se
   makry titlo (germanika), oi grammes mikrainoun anti na vgei to keimeno
   ekso apo ti mpara. */
body:has(#template2_home_leftmenu_container_inside) #heading_container::before,
body:has(#template2_home_leftmenu_container_inside) #heading_container::after{
    content:"";
    flex:0 1 40px;
    height:1px;
    background:rgba(255,255,255,.35);
}

/* O titlos: to margin-top:3px pou eixe gia to inline-block den xreiazetai
   pleon - to align-items:center ton kentrarei mono tou. */
body:has(#template2_home_leftmenu_container_inside) #heading_inner{
    flex:0 1 auto;
    margin-top:0;
}