/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION COMMON
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/




/*    -->                                                                                                                                         COMMON > FIXES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

* {
    outline: none !important;

}

/*    -->                                                                                                                                           COMMON > FONTS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                COMMON > FONTS > FONT SIZE INTERPRETATION
[2]   =========================================================================================================== */
/* 
    100 -> thin
    300 -> light
    400 -> regular 
    500 -> medium/book  
    600 -> semi-bold 
    700 -> bold 
    800 -> extra-bold 
    900 -> black
    1000 -> ultra
*/

/*    -->                                                                               COMMON > FONTS > FAMILIES
[2]   =========================================================================================================== */

* {
    outline: none !important;
}



/*    -->                  COMMON > FONTS > FAMILIES > PROXIMA NOVA                           
[3]   ------------------------------------------------------------- */

/* header inclusion from Adobe Fonts */

/*    -->                  COMMON > FONTS > FAMILIES > GOTHAM GREEK                           
[3]   ------------------------------------------------------------- */

@font-face {
    font-family: 'gotham_greek';
    src: url('../font/gotham_greek/gothamgreek-thin-webfont.woff2') format('woff2'),
        url('../font/gotham_greek/gothamgreek-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gotham_greek';
    src: url('../font/gotham_greek/gothamgreek-light-webfont.woff2') format('woff2'),
        url('../font/gotham_greek/gothamgreek-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gotham_greek';
    src: url('../font/gotham_greek/gothamgreek-book-webfont.woff2') format('woff2'),
        url('../font/gotham_greek/gothamgreek-book-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gotham_greek';
    src: url('../font/gotham_greek/gothamgreek-medium-webfont.woff2') format('woff2'),
        url('../font/gotham_greek/gothamgreek-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gotham_greek';
    src: url('../font/gotham_greek/gothamgreek-bold-webfont.woff2') format('woff2'),
        url('../font/gotham_greek/gothamgreek-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gotham_greek';
    src: url('../font/gotham_greek/gothamgreek-black-webfont.woff2') format('woff2'),
        url('../font/gotham_greek/gothamgreek-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gotham_greek';
    src: url('../font/gotham_greek/gothamgreek-ultra-webfont.woff2') format('woff2'),
        url('../font/gotham_greek/gothamgreek-ultra-webfont.woff') format('woff');
    font-weight: 1000;
    font-style: normal;
    font-display: swap;
}

/*    -->                     COMMON > FONTS > FAMILIES > AVERTA PE                         
[3]   ------------------------------------------------------------- */

@font-face {
    font-family: 'averta';
    src: url('../font/averta_pe/averta_regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'averta';
    src: url('../font/averta_pe/averta_light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'averta';
    src: url('../font/averta_pe/averta_bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*    -->                                                                               COMMON > FONTS > DEFAULTS
[2]   =========================================================================================================== */

* {
    font-family: var(--font-family_gotham);
    font-size: 15px;
    color: var(--accent_1);
    line-height: 1.4;
}

/*    -->                                                                                      COMMON > LINKS
[2]   =========================================================================================================== */

a:focus,
a:hover {
    text-decoration: none;
    color: inherit;
}

/*    -->                                                                                      COMMON > BREADCRUMBS
[2]   =========================================================================================================== */

.breadcrumb {
    display: none !important;
}


/*    -->                                                                                      COMMON > PAGINATION
[2]   =========================================================================================================== */

.pagination_section .text-right {
    display: none !important;
}

.pagination_section .text-left {
    width: 100%;
    text-align: right;
}

.pagination {
    margin-right: -15px;
    display: flex;
    margin-bottom: 20px;
    gap: 10px;
    justify-content: flex-end
}

.pagination>li>a,
.ctm-pagination>li>a,
.pagination>li>span {
    border: none !important;
    background-color: white !important;
    background: white !important;
    font-size: 21px !important;
    color: black !important;
    border-radius: 100% !important;


    width: 31px !important;
    height: 31px !important;
    max-width: 31px !important;
    max-height: 31px !important;
    min-width: 31px !important;
    min-height: 31px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0px !important;

    transition: .12s;
}



#content .pagination>.active>a,
#content .pagination>.active>a:focus,
#content .pagination>.active>a:hover,
#content .pagination>.active>span,
#content .pagination>.active>span:focus,
#content .pagination>.active>span:hover,
.ctm-pagination .active-pagination>a,
.ctm-pagination .active-pagination>a:focus,
.ctm-pagination .active-pagination>a:hover {
    border: none !important;
    background-color: white !important;
    background: white !important;
    color: var(--accent_2) !important;
    font-weight: bold;
}

.pagination>li>a:hover,
.ctm-pagination>li>a:hover {
    background: var(--accent_2) !important;
    color: white !important;
}

.pagination>.active>span,
.ctm-pagination .active-pagination>a {
    /* color: var(--accent1) !important; */
    font-weight: bold;
}

.pagination,
.pagination * {
    border-radius: 0px !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: var(--accent1) !important;
    border-color: var(--accent1) !important;
}


/*    -->                                                                                      COMMON > LANGUAGES
[2]   =========================================================================================================== */

html[lang*="en"] .for_greek {
    display: none !important;
}

html[lang*="el"] .for_english {
    display: none !important;
}

/*    -->                                                                                      COMMON > VARIABLES
[2]   =========================================================================================================== */

/*    -->                 COMMON > VARIABLES > WRAPPER MEASUREMENTS                     
[3]   ------------------------------------------------------------- */

:root {
    --window_gutter: clamp(15px, 5vw, 135px);
    --page_width: calc(100% - 2 * (var(--window_gutter)));
}

/*    -->                               COMMON > VARIABLES > COLORS                       
[3]   ------------------------------------------------------------- */

:root {
    --accent_1: #270F45;
    --accent_2: #DF188A;
    --accent_3: #f0ecf5;
    --accent_4: #09061a;
    --accent_5: #47376c;
}

/*    -->                               COMMON > VARIABLES > FONTS                       
[3]   ------------------------------------------------------------- */

:root {
    --font-family_gotham: gotham_greek,
        sans-serif;
    --font-family_proxima: proxima-nova,
        sans-serif;
    --font-family_averta: averta,
        sans-serif;
}


/*    -->                                                                                                                                      COMMON > CONTAINERS  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/*    -->                                                                          COMMON > CONTAINERS > HTML
[2]   =========================================================================================================== */

html {
    overflow-x: hidden !important;
}

/*    -->                                                                          COMMON > CONTAINERS > OVERLAY
[2]   =========================================================================================================== */

body:before {
    transition: all 0.4s;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    width: 100% !important;
    height: 100%;
    display: block;
    position: fixed;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    top: 0px;
    left: 0px;
}


/*    -->               COMMON > CONTAINERS > OVERLAY > ACTIVATIONS                     
[3]   ------------------------------------------------------------- */

html:is(.search_enabled, .menu_enabled) body:before {
    opacity: 1;
    visibility: visible;
}




/*    -->                                                                               COMMON > CONTAINERS > ROW
[2]   =========================================================================================================== */

.row {
    margin-inline: 0px;
}

/*    -->                                                                        COMMON > CONTAINERS > SET WIDTHS
[2]   =========================================================================================================== */

html:not(.product-product) body>.container:has(#content) {
    width: var(--page_width);
}

/*    -->                                                                        COMMON > CONTAINERS > SET GUTTERS
[2]   =========================================================================================================== */

.container,
#content {
    padding-inline: 0px;
}

/*    -->                                                                                                               COMMON > MAIN IMAGES & BACKGROUNDS EFFECTS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html:not(.has_display_scaling) body,
html:not(.has_display_scaling) .category_intro_section,
html:not(.has_display_scaling) #product-product,
html:not(.has_display_scaling).account-login,
html:not(.has_display_scaling) #common-success,
html[class*="account-"]:not(.account-login):not(.has_display_scaling) {
    transition: all .6s !important;
}

html:not(.page_loaded) body {
    background-position: 0 -100px !important;
}

html:not(.page_loaded) .category_intro_section {
    background-position: right -70px !important;
}

html:not(.page_loaded) #common-success {
    transform: translateY(-100px);
}

html:not(.page_loaded) #product-product,
html.account-login:not(.page_loaded) {
    background-position: -100px 0 !important;
}

html[class*="account-"]:not(.account-login):not(.page_loaded) {
    background-position: -100px -100px !important;
}

/*    -->                                                                                                                                         COMMON > MODULES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                             COMMON > MODULES > CAROUSEL
[2]   =========================================================================================================== */

.swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.swiper-viewport {
    margin-bottom: 0px !important;
}

/*    -->        COMMON > MODULES > CAROUSEL > DISABLED (grid form)       
[3]   ------------------------------------------------------------- */

.carousel.disabled .swiper-wrapper {
    transform: translate3d(0px, 0, 0) !important;
    flex-wrap: wrap;
}

@media (min-width: 1400px) {
    .latestblog_outer.disabled .swiper-wrapper {
        transform: translate3d(0px, 0, 0) !important;
        flex-wrap: wrap;
    }
}

.carousel.disabled .swiper-wrapper .swiper-slide-duplicate,
.latestblog_outer.disabled .swiper-wrapper .swiper-slide-duplicate {
    display: none !important;
}

.carousel.disabled .swiper-pagination,
.carousel.disabled .swiper-pager,
.latestblog_outer.disabled .swiper-pagination,
.latestblog_outer.disabled .swiper-pager {
    display: none !important;
}

/*    -->             COMMON > MODULES > CAROUSEL > NUMERIC/COUNTER             
[3]   ------------------------------------------------------------- */

/* .swiper-wrapper {
  counter-reset: pagination;
}

.swiper-wrapper > .swiper-slide {
  counter-increment: pagination;
}

.swiper-wrapper:after {
  content: counter(pagination);
  font-size: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
} */

/*    -->                    COMMON > MODULES > CAROUSEL > ARROWS             
[3]   ------------------------------------------------------------- */

.swiper-viewport .swiper-button-prev,
.swiper-viewport .swiper-button-next {
    opacity: 0.8 !important;
}

.swiper-viewport .swiper-button-next.swiper-button-disabled,
.swiper-viewport .swiper-button-prev.swiper-button-disabled {
    opacity: 0.2 !important;
    cursor: auto !important;
    pointer-events: none !important;
    /* visibility: hidden !important; */
}

.carousel .swiper-pager>div {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.carousel .swiper-pager>div::before {
    line-height: 1;
    height: 16px;
    width: 16px;
    display: flex;
    transition: all 0.12s;
    font-size: 0px !important;
}

/* .carousel .swiper-pager>div:first-child::before {
    content: url("/image/catalog/digital/logos_icons/svg/ARROW%202.svg") !important;
} */

.carousel .swiper-pager>div:last-child {
    transform: rotate(180deg) !important;
}

/* .carousel .swiper-pager>div:last-child::before {
    content: url("/image/catalog/digital/logos_icons/svg/ARROW%202.svg") !important;
} */

.carousel .swiper-pager {
    position: absolute;
    top: 0px;
    width: 60px !important;
    right: var(--default_padding);
    top: 24px !important;
}

.carousel .swiper-pager>div {
    opacity: 1 !important;
    transform: none !important;
}

.carousel .swiper-button-next {
    right: 0px !important;
}

.carousel .swiper-button-prev {
    left: 0px !important;
}

/* COMMON > MODULES > CAROUSEL > ARROWS > HOVERS */

.carousel .swiper-pager>div::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--accent2);
    border-radius: 100%;
    z-index: -1;
    opacity: 0;
    transition: all 0.12s;
}

.carousel .swiper-pager>div:hover:after {
    opacity: 1;
}

.carousel .swiper-pager>div:hover::before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/*    -->                    COMMON > MODULES > CAROUSEL > BULLETS        
[3]   ------------------------------------------------------------- */

.carousel .swiper-pagination {
    display: none;
}

/*    -->            COMMON > MODULES > CAROUSEL > HIDE ADMIN TITLE             
[3]   ------------------------------------------------------------- */

#common-home .carousel.swiper-viewport h3 {
    display: none;
}

/*    --> COMMON > MODULES > CAROUSEL > FIX PAGER HEIGHT WHEN TITLE EXISTS             
[3]   ------------------------------------------------------------- */

/* .carousel.has-title .swiper-pager {
	transform: translateY(28px);
} */

/*    -->                                                                                                                                    COMMON > ALL SECTIONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     COMMON > ALL SECTIONS > SUPERTITLES                
[2]   =========================================================================================================== */

.section_title,
.supertitle {
    margin-bottom: 15px
}

.section_title span,
.supertitle span {
    font-size: 60px;
    font-weight: 900;
    line-height: 1.2;
    color: var(--accent_1);
}

.section_title span:first-child,
.supertitle span:first-child {
    margin-right: 10px;
}

/*    -->      COMMON > ALL SECTIONS > SUPERTITLES > PINK TO PURPLE                                              
[3]   ------------------------------------------------------------- */

.section_title span:first-child,
.supertitle span:first-child {
    color: var(--accent_2);
}



/*    -->      COMMON > ALL SECTIONS > SUPERTITLES > PINK TO WHITE                                              
[3]   ------------------------------------------------------------- */

.footer_interactivity_section .boss_section .supertitle span:last-child {
    color: white;
}


/*    -->      COMMON > ALL SECTIONS > SUPERTITLES > WHITE TO PINK                                              
[3]   ------------------------------------------------------------- */

.html_module.succeed .supertitle span:first-child {
    color: white
}

.html_module.succeed .supertitle span+span {
    color: var(--accent_2);
}

/*    -->      COMMON > ALL SECTIONS > SUPERTITLES > BLUE TO PINK                                              
[3]   ------------------------------------------------------------- */

.html_module.what_we_do .boss_section .supertitle span:first-child {
    color: var(--accent_1);
}

.html_module.what_we_do .boss_section .supertitle span+span {
    color: var(--accent_2);
}

/*    -->                                                                       COMMON > ALL SECTIONS > SUBTITLES                
[2]   =========================================================================================================== */

.subtitle {
    margin-bottom: 15px;
}

.subtitle span,
#product-product .section_1 .price_n_button .price_section .current_price,
body>#error-not-found #content h1,
body>#common-success #content h1 {
    font-size: 38px;
    font-weight: 900;
    line-heighT: 1.2;

}

/*    -->      COMMON > ALL SECTIONS > SUBTITLES > PINK TO PURPLE                                              
[3]   ------------------------------------------------------------- */

.html_module .subtitle span:first-child,
body>#error-not-found #content h1,
body>#common-success #content h1 {
    color: var(--accent_2);
}

/*    -->                                                                      COMMON > ALL SECTIONS > SUPERTEXTS                
[2]   =========================================================================================================== */

.html_module.home_experience .boss_item .text,
.supertext,
#product-product .description_container b,
#product-product .section_1 .price_n_button .price_section>span {
    font-size: 20px;
    font-weight: 500;
}

/*    -->                                                                         COMMON > ALL SECTIONS > BUTTONS
[2]   =========================================================================================================== */

#common-home .clients_module .view_more,
.footer_interactivity_section .form_container .form_button button,
#mfilter-content-container #button-search,
.account-login .form-group .btn-primary,
html[class*="account-"]:not(.account-login) #content .buttons .btn-primary,
#button-shipping-address,
body>#error-not-found .btn-primary,
body>#common-success .btn-primary,
#mfilter-content-container .buttons .btn-primary,
#orderlist_search_button {
    color: var(--accent_1);
    font-weight: bold;
    font-size: 18px;
    padding: 10px 15px;
    background: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 20px;
    border: none !important;
    position: relative;
    box-shadow: none;
    transition: all .3s;
}

#common-home .clients_module .view_more:before,
.footer_interactivity_section .form_container .form_button button:before,
#mfilter-content-container #button-search:before,
.account-login .form-group .btn-primary:before,
html[class*="account-"]:not(.account-login) #content .buttons .btn-primary:before,
#button-shipping-address:before,
body>#error-not-found .btn-primary:before,
body>#common-success .btn-primary:before,
#mfilter-content-container .buttons .btn-primary:before,
#orderlist_search_button:before {
    content: '';
    width: 71px;
    height: 42px;
    bottom: 0px;
    left: 0px;
    border: 2px solid var(--accent_1);
    border-radius: 0 0 0 8px;
    transform: translate(-2px, 2px);
    position: absolute;
    z-index: -1;
    transition: all .3s;
}

#common-home .clients_module .view_more:after,
.footer_interactivity_section .form_container .form_button button:after,
#mfilter-content-container #button-search:after,
.account-login .form-group .btn-primary:after,
html[class*="account-"]:not(.account-login) #content .buttons .btn-primary:after,
#button-shipping-address:after,
body>#error-not-found .btn-primary:after,
body>#common-success .btn-primary:after,
#mfilter-content-container .buttons .btn-primary:after,
#orderlist_search_button:after {
    content: "";
    background: url("/image/catalog/_assets2/prosfora/arrow.svg");
    width: 16px;
    height: 24px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .3s;
}

/*    -->                                                                COMMON > ALL SECTIONS > BUTTONS > HOVERS
[2]   =========================================================================================================== */

#common-home .clients_module .view_more:hover,
.footer_interactivity_section .form_container .form_button button:hover,
#mfilter-content-container #button-search:hover,
.account-login .form-group .btn-primary:hover,
html[class*="account-"]:not(.account-login) #content .buttons .btn-primary:hover,
#button-shipping-address:hover,
body>#error-not-found .btn-primary:hover,
body>#common-success .btn-primary:hover,
#mfilter-content-container .buttons .btn-primary:hover,
#orderlist_search_button:hover {
    background: var(--accent_2);
    color: white !important;
}

#common-home .clients_module .view_more:hover:after,
.footer_interactivity_section .form_container .form_button button:hover:after,
#mfilter-content-container #button-search:hover:after,
.account-login .form-group .btn-primary:hover:after,
html[class*="account-"]:not(.account-login) #content .buttons .btn-primary:hover:after,
#button-shipping-address:hover:after,
body>#error-not-found .btn-primary:hover:after,
body>#common-success .btn-primary:hover:after,
#mfilter-content-container .buttons .btn-primary:hover:after,
#orderlist_search_button:hover:after {
    -webkit-filter: brightness(100);
    filter: brightness(100);
}

#common-home .clients_module .view_more:hover:before,
.footer_interactivity_section .form_container .form_button button:hover:before,
#mfilter-content-container #button-search:hover:before,
.account-login .form-group .btn-primary:hover:before,
html[class*="account-"]:not(.account-login) #content .buttons .btn-primary:hover:before,
#button-shipping-address:hover:before,
body>#error-not-found .btn-primary:hover:before,
body>#common-success .btn-primary:hover:before,
#mfilter-content-container .buttons .btn-primary:hover:before,
#orderlist_search_button:hover:before {
    transform: translate(0px, 0px);
    opacity: 0;
}

/*    -->                                                                        COMMON > ALL SECTIONS > SUBTEXTS                
[2]   =========================================================================================================== */

.html_module .content p,
.subtext {
    font-size: 15px;
}

/*    -->                                                                                                                         COMMON > LOADING EFFECT (VIA JS) 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* base opacity effect */

html:before {
    content: "";
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 999999999999;
    transition: all .25s ease-out;
    transform-origin: top left;
}

html.page_loaded:before {
    opacity: 0;
    visibility: hidden;
}

/* extra scale effect */

/* html {
    transform: scale(1.05) translateY(-30px);
    transition: all .3s;
    overflow-x: hidden;
}

html.page_loaded {
    transform: scale(1) translate(0);
}
 */




/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION HEADER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

header {
    z-index: 10 !important;
    position: -webkit-sticky;
    position: sticky
}

/*    -->                                                                                                                                  HEADER > LEFT CONTAINER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


header>.left_container {
    position: fixed;
    top: 0px;
    left: 0px;
}

header>.left_container .content_wrapper {
    display: flex;
    align-items: flex-start;
    padding-top: 30px;
    gap: 40px;
    aspect-ratio: 575/191;
    width: 520px;
    background-image: url("/image/catalog/_assets/shapes/1.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: var(--window_gutter);
}

/*    -->                                                                 HEADER > LEFT CONTAINER > BURGER BUTTON                                             
[2]   =========================================================================================================== */

#menu_toggle_button {
    width: 36px;
    transform: translateY(15px);
    cursor: pointer;
}

/*    --> HEADER > LEFT CONTAINER > BURGER BUTTON > OPEN/CLOSE ICON SWAP                                       
[3]   ------------------------------------------------------------- */

#menu_toggle_button {
    width: 36px;
    height: 21px;
    height: 36px;

    transform: translateY(10px);
    cursor: pointer;
    display: flex;

    position: relative;
}

#menu_toggle_button img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
    transform-origin: top left;
}

#menu_toggle_button img.open {
    width: 36px;
}

#menu_toggle_button img.close {
    width: 26px;
    visibility: hidden;
    opacity: 0;
}

html.menu_enabled #menu_toggle_button img.open {
    visibility: hidden;
    opacity: 0;
    transform: scale(0) translate(-50%, -50%);
}

html.menu_enabled #menu_toggle_button img.close {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translate(-50%, -50%);
}

html:not(.menu_enabled) #menu_toggle_button img.open {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translate(-50%, -50%);
}

html:not(.menu_enabled) #menu_toggle_button img.close {
    visibility: hidden;
    opacity: 0;
    transform: scale(0) translate(-50%, -50%);
}

/*    -->                                                                          HEADER > LEFT CONTAINER > LOGO                                             
[2]   =========================================================================================================== */

#logo img {
    height: 82px;
    width: auto
}

/*    -->                                                                                                                                  HEADER > RIGHT CONTAINER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

header>.right_container {
    position: fixed;
    top: 0px;
    right: 0px;
}






header>.right_container .content_wrapper {
    aspect-ratio: 630/160;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 45px;
    gap: 20px;
    width: 630px;
    background-image: url("/image/catalog/_assets/shapes/back2.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding-right: var(--window_gutter);
    justify-content: space-between;
    padding-left: 140px;
}

/*    -->                                                       HEADER > RIGHT CONTAINER > MAIN TITLES STYLING
[2]   =========================================================================================================== */

header .cart_section #cart>button span,
header .right_container .search_section>span,
header .account_section>a,
header .account_section .identity span {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: inherit !important;
}



/*    -->                                                               HEADER > RIGHT CONTAINER > SEARCH SECTION
[2]   =========================================================================================================== */


.search_section {
    height: 30px !important;
    display: flex;
    align-items: center;
    width: 108px;
    justify-content: space-between;
    flex-direction: row-reverse;
    cursor: pointer;
}

.search_section * {
    color: white;
    font-size: 16px;
    font-weight: 500;
}

/*    --> HEADER > RIGHT CONTAINER > SEARCH SECTION > SEARCH BUTTON
[3]   ------------------------------------------------------------- */


#search .input-group-btn {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    width: 30px
}

#search .input-group-btn button.btn {
    border-radius: 0px;
    text-shadow: none !important;
    box-shadow: none;
    border: none !important;
    line-height: 1;

    background: transparent !important;
    border: none !important;
    padding: 0px;
}

#search .input-group-btn button.btn img {
    width: 16px;
    height: 16px;
}


/*    -->         HEADER > RIGHT CONTAINER > SEARCH SECTION > INPUT
[3]   ------------------------------------------------------------- */

#head-search {
    width: 100px;
    overflow: hidden !important;
    background: transparent !important;
    border: none !important;
    text-shadow: none;
    color: white;
    height: 30px;
    font-size: 16px;
    padding: 0px;
    padding-left: 10px;
    background: transparent !important;

    box-shadow: none;
    float: none;
}

#head-search::-webkit-input-placeholder {
    color: white !important;
}

#head-search::-moz-placeholder {
    color: white !important;
}

#head-search:-ms-input-placeholder {
    color: white !important;
}

#head-search::-ms-input-placeholder {
    color: white !important;
}

#head-search::placeholder {
    color: white !important;
}

/*    -->                                                              HEADER > RIGHT CONTAINER > ACCOUNT SECTION
[2]   =========================================================================================================== */

header .account_section {
    height: 30px !important;
    align-items: center;
    display: flex;
}

header .account_section>a {
    color: white;
    /* font-size: 16px !important;
    font-weight: 500 !important; */
}

/*    --> HEADER > RIGHT CONTAINER > ACCOUNT SECTION > WHEN LOGGED IN                                
[3]   ------------------------------------------------------------- */
header .account_section .identity span {
    color: var(--accent_2) !important;

}

header .account_section .identity {
    display: flex;
    flex-direction: column;

    position: relative;
    padding-left: 18px;
}


header .account_section .identity::before {
    content: "";
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 100%;
    margin-right: 2px;
    display: inline-block;
    position: absolute !important;
    left: 0px;
    top: 11px;
    transform: translateY(-50%);
}


/*    -->     HEADER > RIGHT CONTAINER > ACCOUNT SECTION > DROPDOWN
[3]   ------------------------------------------------------------- */

header>.right_container .account_section .dropdown-menu {
    padding: 15px 25px !important;
    min-width: unset !important;
    left: 50%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    transform: translateX(-50%) translateY(10px);
    top: 48px;

    display: block !important;

    transition: all 0.4s;
    opacity: 0 !important;
    visibility: hidden !important;
    border: none !important;
    border-radius: 0px !important;

    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.175) !important;
    position: absolute !important;
}

header>.right_container .account_section.open .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0px);
}

header>.right_container .account_section .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 0px 10px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    position: absolute;
    bottom: 100%;
    right: 50%;
    transform: rotate(180deg) translateX(-50%);
}

header>.right_container .account_section {
    position: relative;
}

header>.right_container .account_section .dropdown-menu li>* {
    font-size: 15px;
    color: #2a2a2a !important;
    text-transform: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 6px 0px !important;
    border: none !important;
    line-height: normal !important;
    text-decoration: none !important;
    transition: all .12s;
}



header>.right_container .account_section .dropdown-menu li:not(:last-child) {
    margin-bottom: 1px !important;
}

header>.right_container .account_section .dropdown-menu li>* img {
    margin-right: 7px;
}

header>.right_container .account_section .dropdown-menu li>*:hover {
    color: var(--accent_2) !important;
    background: none !important;
}





/*    -->                                                                   HEADER > RIGHT CONTAINER > CART SECTION
[2]   =========================================================================================================== */


.cart_section #cart>button {
    background: none !important;
    color: white !important;
    padding: 0px;
    box-shadow: none !important;
    height: 30px;
    border: none !important;
    position: relative;
}

.cart_section #cart>button span {
    color: white;
    /* font-size: 15px; */
    /* font-weight: 500 !important; */
    /* font-family: var(--font-family_proxima); */
    text-shadow: none !important;
}

.cart_section #cart .counter_bubble {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 17px;
    min-width: 17px;
    border-radius: 100%;
    font-weight: 400;
    font-size: 12px !important;
    background: var(--accent_2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -5px;
    right: -15px;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION HEADER > MINICART
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                               HEADER > MINICART > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#cart .dropdown-menu {
    display: block !important;
    position: fixed;
    top: 0px;
    right: 0px;
    /* height: 100%; */
    transform: translateX(100%);
    transition: all 0.4s;
    border-radius: 0px;
    padding: 30px 10px;
    width: 535px;
    background: white;
    border: none;
    margin: 0px;
    max-width: calc(100vw - 20px);
    overflow: hidden !important;
    min-height: 100vh;
}





body:before {
    transition: all 0.4s;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    width: 100% !important;
    height: 100%;
    display: block;
    position: fixed;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
}

#cart .dropdown-menu li>div {
    min-width: unset !important;
}

/*    -->                                                                   HEADER > MINICART > LAYOUT > SECTIONS                        
[2]   =========================================================================================================== */



#cart .dropdown-menu>li.top-section .minicart_content {
    /* height: calc(100vh - 405px);
    max-height: calc(100% - 400px); */
    overflow: auto;

}

#cart .dropdown-menu>li.bottom-section {
    /* height: 295px; */
    height: 270px;
    display: flex;
    align-items: center;
}



/*    -->                                                                  HEADER > MINICART > LAYOUT > EFFECTYS FOR ADD/REMOVE                             
[2]   =========================================================================================================== */

#cart .dropdown-menu .top-section .minicart_content {
    transition: all .25s;
}

#cart .dropdown-menu .bottom-section {
    transition: all .35s;
}



:root {
    --vh: 100vh;
    /* Fallback for browsers that don't support custom properties */
}

#cart .dropdown-menu {
    min-height: calc(var(--vh, 1vh) * 100) !important;
}

#cart .dropdown-menu.section_loading .top-section .minicart_content,
#cart .dropdown-menu.section_loading .bottom-section {
    opacity: 0 !important;
    transform: translateX(50px);
}

/*    -->                                                                  HEADER > MINICART > LAYOUT > SCROLLBAR                                
[2]   =========================================================================================================== */

#cart .minicart_content::-webkit-scrollbar {
    width: 6px !important;
}



#cart .minicart_content::-webkit-scrollbar-thumb {
    background: var(--accent_2) !important;
    border-radius: 3px !important;
    border: none !important;
}

#cart .minicart_content::-webkit-scrollbar-thumb:hover {
    background: var(--accent_1) !important;
}

#cart .minicart_content::-webkit-scrollbar-track {
    background: #d8d8d8 !important;
    border-radius: 3px !important;
}

/*    -->                                                                                                                              HEADER > MINICART > ENABLED
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.cart_enabled #cart .dropdown-menu {
    transform: translateX(0px);
}



.cart_enabled body:before {
    opacity: 1;
    visibility: visible;
}

/*    -->                                                                                                                              HEADER > MINICART > EMPTY
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#cart .dropdown-menu .cart-empty {
    font-size: 18px;
    margin-top: 100px;
    color: black;
}

#cart .dropdown-menu .cart-empty>p {
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 19px !important;
    font-weight: 500;
    padding: 0px 15px !important;
    display: block !important;
}

/*    -->                                                                                                                              HEADER > MINICART > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.minicart_intro {
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 0px;
    display: flex;
    align-items: center;
    padding-inline: 20px;
}

.minicart_intro img {
    margin-right: 20px !important;
    display: none;
}

.minicart_intro .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
}

/*    -->                                                                       HEADER > MINICART > INTRO > EMPTY                       
[2]   =========================================================================================================== */

#cart .dropdown-menu li.cart-empty p {
    margin: 20px 0;
    font-family: var(--font2);
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
}

/*    -->                                                                                                                         HEADER > MINICART > CLOSE BUTTON
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#cart_close_button {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-filter: brightness(0) invert(25%) sepia(9%) saturate(1584%) hue-rotate(187deg) brightness(103%) contrast(84%);
    filter: brightness(0) invert(25%) sepia(9%) saturate(1584%) hue-rotate(187deg) brightness(103%) contrast(84%);
    /* opacity: .5; */
}

#cart_close_button img {
    width: 15px;
    height: 15px;
}

/*    -->                                                                                                                         HEADER > MINICART > PRODUCT LIST
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                           HEADER > MINICART > PRODUCT LIST > CONTAINERS                            
[2]   =========================================================================================================== */

#cart .minicart_content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-inline: 20px;
}

#cart .cart_product_item {
    background: #f0ecf5;
    padding: 24px;
    border-radius: 12px;
    border: 2px solid #f0ecf5;
}

#cart .cart_product_item .caption {
    gap: 23px;
    display: flex;
    flex-direction: column
}

#cart .cart_product_item .caption>.wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

/*    -->                                                            HEADER > MINICART > PRODUCT LIST > ITEMS                                      
[2]   =========================================================================================================== */




/*    -->        HEADER > MINICART > PRODUCT LIST > ITEMS > CATEGORIES LABELS                                               
  [3]   ------------------------------------------------------------- */

.minicart_content .categories_container {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 7px;
    margin-bottom: 5px;
    border-bottom: 2px solid var(--accent_2);
}

.minicart_content .categories_container>a {
    font-size: 12px;
    font-weight: 500;
    color: var(--accent_1);
    transition: all .12s;
}

.minicart_content .categories_container>a:hover {
    color: var(--accent_2);
}

.minicart_content .categories_container .separator {
    height: 15px;
    width: 1px;
    background: var(--accent_1);
    line-height: 1;
}




/*    -->        HEADER > MINICART > PRODUCT LIST > ITEMS > NAME                                               
  [3]   ------------------------------------------------------------- */

#cart .cart_product_item h5 {
    margin: 0px !important;
    max-width: 235px;
}

#cart .cart_product_item h5 a {
    font-size: 23px;
    font-weight: 900;
    line-height: 1.2 !important;
    color: var(--accent_1) !important;
}

/*    -->       HEADER > MINICART > PRODUCT LIST > ITEMS > PRICE                                               
  [3]   ------------------------------------------------------------- */

#cart .cart_product_item .price {
    display: flex;
    align-items: flex-end;
}

#cart .cart_product_item .price span {
    line-height: 1;
}

#cart .cart_product_item .price span:nth-child(1) {
    font-size: 12px;
    font-weight: bold;
}

#cart .cart_product_item .price span:nth-child(2) {
    font-size: 23px;
    font-weight: 900;
    margin-left: 10px;
    transform: translateY(1px)
}

/*    -->       HEADER > MINICART > PRODUCT LIST > ITEMS > MODEL                                               
  [3]   ------------------------------------------------------------- */

#cart .cart_product_item .model_section {
    font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--font-family_averta);
}

/*    -->        > MINICART > PRODUCT LIST > ITEMS > REMOVE ITEM                                              
  [3]   ------------------------------------------------------------- */

#cart .cart_product_item button[onclick*="remove"] {
    padding: 0px;
    line-height: 1.2;
    border: none;
    background: none;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: var(--font-family_averta);
    text-decoration: underline;
}





















































/*    -->                                                                                                                       HEADER > MINICART > BOTTOM SECTION    
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

li.bottom-section {
    margin-top: auto;
    display: block;
    /* position: absolute; */
    margin-top: auto;
    bottom: 0px;
    right: 0px;
    background: var(--accent_5);
    width: 100%;
    padding: 25px 40px !important;
    box-shadow: 0 -1px 40px 5px rgba(118, 118, 118, .5);
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
    margin-top: 10px;
    box-shadow: 0 120px var(--accent_5);
}

li.bottom-section>div.container {
    width: 100%;
    max-width: 100%;
}

.bottom-section .container .totals,
#shipping_teaser_minicart .miniCartTeaser {
    justify-content: center;
    display: flex;
}

@media (max-width: 768px) {
    .bottom-section .container .totals {
        /* padding-left: 99px !important; */
        padding-left: 0px !important;
    }

    #shipping_teaser_minicart .miniCartTeaser {
        padding-left: 0px !important;
        margin-top: 17px !important;
    }
}

/*    -->                                                            HEADER > MINICART > BOTTOM SECTION > TOTALS                                    
[2]   =========================================================================================================== */

.bottom-section .container .totals {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: 100%;
}

.bottom-section .container .totals>div * {
    color: black !important;
}


.bottom-section .container .totals>div {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    color: white;
    justify-content: flex-start;
    line-height: 1 !important;
    justify-content: flex-end;
}

.bottom-section .container .totals>div .total-title {
    font-size: 18px;
    /* font-weight: 600; */
    display: flex;
    align-items: flex-end;
    text-transform: none;
    margin-right: 5px;
    padding-bottom: 3px;
    color: white !important;
}



.bottom-section .container .totals>div .total-text {
    font-size: 25px;
    color: white !important;
    font-weight: 600;
    width: 100px;
    text-align: right;
}


#cart .totals .total-title {
    font-size: 14px !important;
    font-weight: 500;
    text-align: right;
}

#cart .totals .total-text {
    width: 180px;
    font-size: 20px;
    font-weight: 900;
}


#cart .totals>div:nth-last-child(2) .total-title:before {
    content: "+";
    margin-right: 3px
}

#cart .totals>div:last-child {
    border-top: 3px solid var(--accent_2);
    padding-top: 4px;
    margin-top: 16px;
}

#cart .totals>div:last-child .total-text {
    font-size: 31px;
}

#cart .totals>div:last-child .total-text {
    transform: translateY(4px)
}

/*    -->                                                        HEADER > MINICART > BOTTOM SECTION > BUTTONS
[2]   =========================================================================================================== */
#cart .dropdown-menu .cart-footer {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

#cart .dropdown-menu .cart-footer>a {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
    max-width: 100%;

    margin-top: 10px;


    border-radius: 10px;
    background: var(--accent_2);
    justify-content: space-between;
    padding-inline: 20px;

    transition: all .15s;
}

#cart .dropdown-menu .cart-footer>:hover {
    background: var(--accent_1)
}

#cart .dropdown-menu .cart-footer>a span {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;

    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#cart .cart-footer a span::after {
    content: "";
    background: url("/image/catalog/_assets2/prosfora/arrow.svg");
    width: 16px;
    height: 24px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-filter: brightness(100);
    filter: brightness(100)
}


#cart .dropdown-menu .cart-footer>a>* {
    margin: 0 auto;
}










/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION FOOTER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                     FOOTER > BACK TO TOP
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

footer {
    position: relative;
}

.back_to_top {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: -115px;
    z-index: 1;
    right: 20px;
    transform: rotate(-90deg);
    transform-origin: right bottom;
    color: white;
    font-size: 13px;
    letter-spacing: 3px;
    cursor: pointer;
}

.back_to_top img {
    transform: rotate(90deg);
    margin-left: 10px;
    transition: all .3s;
}


.back_to_top:hover img {
    transform: rotate(90deg) translateY(-10px);
}

/*    -->                                                                                                                                          FOOTER > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

footer {
    margin-top: 380px;
    background: var(--accent_4);
    position: relative;
    padding-inline: var(--window_gutter);
}

footer .footer_top_effect {
    position: absolute;
    top: 1px;
    left: 0px;
    transform: translateY(-100%);
    width: 100%;
}

/*    -->                                                                                                                                    FOOTER > MAIN SECTION
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

footer .footer_main_section {
    display: flex;
    margin-top: -150px;
    z-index: 1;
    position: relative;
    gap: 200px
}

/*    -->                                                                            FOOTER > MAIN SECTION > IMAGE                
  [2]   =========================================================================================================== */

footer .footer_main_section .footer_image_container {
    aspect-ratio: 713/714;
    background-image: url("/image/catalog/_assets2/homepage/logos/footer.png");
    width: 713px;
    height: 714px;
    background-size: contain;
    display: block;
    margin-top: -130px;
}

/*    -->                                                           FOOTER > MAIN SECTION > INTERACTIVITY SECTION                
  [2]   =========================================================================================================== */

footer .footer_main_section .footer_interactivity_section .boss_section .supertext {
    color: white;
}


footer .footer_main_section .footer_interactivity_section .contents_section {
    display: flex;
    margin-top: 80px;
    gap: 68px;
}

/*    --> FOOTER > MAIN SECTION > INTERACTIVITY SECTION > QR CODE SECTION                                              
  [3]   ------------------------------------------------------------- */

footer .footer_main_section .footer_interactivity_section .contents_section .qr_code_section .subtitle span {
    color: white;
    font-weight: 900;
    font-size: 30px;
    line-height: normal
}

footer .footer_main_section .footer_interactivity_section .contents_section .qr_code_section .qr_code {
    margin-top: 35px;
    -webkit-filter: brightness(100);
    filter: brightness(100);
}

/*    --> FOOTER > MAIN SECTION > INTERACTIVITY SECTION > FORM SECTION                                              
[3]   ------------------------------------------------------------- */


/*    --> FOOTER > MAIN SECTION > INTERACTIVITY SECTION > FORM SECTION > INPUTS */

.footer_interactivity_section .form_container .form_input {
    display: flex;
    flex-direction: column;
    gap: 35px;
    width: 390px;
    margin-top: 5px
}

.footer_interactivity_section .form_container input {
    font-size: 20px;
    font-weight: normal;
    background: transparent;
    color: white;
    opacity: 1;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-bottom: 6px;
    padding-left: 75px;
    width: 100%;
    background-position: 20px top
}

.footer_interactivity_section .form_container input:nth-child(1) {
    color: var(--accent_2);
    font-weight: bold;
}

.footer_interactivity_section .form_container input::-webkit-input-placeholder {
    color: white;
    opacity: 1;
    font-weight: normal;
}

.footer_interactivity_section .form_container input::-moz-placeholder {
    color: white;
    opacity: 1;
    font-weight: normal;
}

.footer_interactivity_section .form_container input:-ms-input-placeholder {
    color: white;
    opacity: 1;
    font-weight: normal;
}

.footer_interactivity_section .form_container input::-ms-input-placeholder {
    color: white;
    opacity: 1;
    font-weight: normal;
}

.footer_interactivity_section .form_container input::placeholder {
    color: white;
    opacity: 1;
    font-weight: normal;
}

/*    --> FOOTER > MAIN SECTION > INTERACTIVITY SECTION > FORM SECTION > INPUTS > ICONS */

.footer_interactivity_section .form_container input:nth-child(1) {
    background-image: url("/image/catalog/_assets2/homepage/icons/ICON_11.svg");
    background-repeat: no-repeat;
    background-size: 28px;
}

.footer_interactivity_section .form_container input:nth-child(2) {
    background-image: url("/image/catalog/_assets2/homepage/icons/ICON_2.svg");
    background-repeat: no-repeat;
}

.footer_interactivity_section .form_container input:nth-child(3) {
    background-image: url("/image/catalog/_assets2/homepage/icons/ICON_3.svg");
    background-repeat: no-repeat;
}

/*    --> FOOTER > MAIN SECTION > INTERACTIVITY SECTION > FORM SECTION > BUTTON */

.footer_interactivity_section .form_container .form_button button {
    background: var(--accent_4);
    border: none !important;
    margin-top: 30px;
    color: white;
    position: relative;
    font-size: 18px !important;
    margin-left: 75px;
}

.footer_interactivity_section .form_container .form_button button:before {
    background: white;
    transform: translate(-4px, 4px);
}

.footer_interactivity_section .form_container .form_button button:after {
    -webkit-filter: invert(100);
    filter: invert(100);
}





































/*    -->                                                                                                                            FOOTER > CONTACT INFO SECTION
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

footer .footer_contact_info_section {
    display: flex;
    color: white;
    justify-content: space-between;
    margin-top: 30px
}

footer .footer_contact_info_section * {
    color: white;
    font-size: 16px
}

footer .footer_contact_info_section>div {
    display: flex;
    gap: 45px;
}

/*    -->                                                               FOOTER > CONTACT INFO SECTION > LEFT SIDE             
  [2]   =========================================================================================================== */

footer .footer_contact_info_section .left_side span {
    font-weight: bold
}

/*    -->                                                              FOOTER > CONTACT INFO SECTION > RIGHT SIDE             
  [2]   =========================================================================================================== */

footer .footer_contact_info_section .right_side strong {
    margin-right: 20px;
}

/*    -->                                                                                                                               FOOTER > COPYRIGHT SECTION
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

footer .footer_copyright_section {
    display: flex;
    justify-content: space-between;
    margin-top: 37px;
    padding-bottom: 20px
}

footer .footer_copyright_section * {
    color: white;
    font-size: 14px;
}

footer .footer_copyright_section a img {
    transition: all .14s;
    transform-origin: left
}

footer .footer_copyright_section a:hover img {
    transform: scale(1.16) rotate(15deg) translateY(-15px) !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION MAIN MENU
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                 MAIN MENU > WRAPPER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.menu_wrapper {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    z-index: 9;
    /*   background:#47376b; */
    padding-top: 184px;
    padding-left: 122px;
    padding-right: 310px;
    background-image: url("data:image/svg+xml,%3Csvg width='1009.74848px' height='969px' viewBox='0 0 1009.74848 969' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ERectangle%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='MENU-' fill='%2347376C'%3E%3Crect id='Rectangle' transform='translate(0.000000, 358.000000) rotate(45.000000) translate(-0.000000, -358.000000) ' x='-714' y='-356' width='1428' height='1428' rx='274.98431'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;

    opacity: 0;
    visibility: hidden;
    transform: translateX(-150px);
}

/*    -->                                                                  MAIN MENU > WRAPPER > REVEAL EFFECT
[2]   =========================================================================================================== */

.menu_wrapper {
    transition: .3s;
}

html.menu_enabled .menu_wrapper {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
}

/*    -->                                                                                                                                      MAIN MENU > CONTENT 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

ul.nav.navbar-nav {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: block !important;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 90px;
    column-gap: 90px;
}

ul.nav.navbar-nav:before,
ul.nav.navbar-nav:after {
    display: none;
}

ul.nav.navbar-nav li a {
    color: white;
    transition: all .12s;
}


ul.nav.navbar-nav li a:hover {
    color: #e0058b;
}

/*    -->                                                                          MAIN MENU > CONTENT > LEVEL #1
[2]   =========================================================================================================== */

ul.nav.navbar-nav>li {
    display: flex;
    flex-direction: column;
    gap: 10px !important;
    float: none;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

ul.nav.navbar-nav>li:first-child {
    padding-top: 70px
}

ul.nav.navbar-nav>li:last-child {
    margin-top: 90px
}

ul.nav.navbar-nav>li:last-child img {
    width: 65px
}

ul.nav.navbar-nav>li>img {
    width: 80px;
    height: auto;
}

/*    -->                   MAIN MENU > CONTENT > LEVEL #1 > TITLES                                             
[3]   ------------------------------------------------------------- */

ul.nav.navbar-nav>li>a {
    padding: 0px;
    background: transparent !important;
    font-size: 40px;
    font-weight: 900;
    line-height: 1.2;
}

/*    -->                                                                          MAIN MENU > CONTENT > LEVEL #2
[2]   =========================================================================================================== */

ul.nav.navbar-nav .dropdown-menu {
    display: flex;
    flex-direction: column;
    box-shadow: none;
    position: relative;
    background: transparent;
    border: none;
}

ul.nav.navbar-nav .dropdown-menu .see-all {
    display: none;
}

ul.nav.navbar-nav .dropdown-menu ul {
    display: flex;
    flex-direction: column;
    gap: 12px
}

ul.nav.navbar-nav .dropdown-menu ul>li>a {
    font-size: 18px;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION SEARCH
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


/*    -->                                                                                                                                         SEARCH > POPUP     
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                          SEARCH > POPUP > CLOSE BUTTON                              
[2]   =========================================================================================================== */

#search_contents .close_button {
    margin-left: auto;
    margin-right: 0px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    margin-top: 3px;
}

#search_contents .close_button svg {
    width: 20px;
    height: 20px;
    -webkit-filter: invert(100);
    filter: invert(100);
    margin-right: 5px;
}

/*    -->                                                                            SEARCH > POPUP > TITLE                  
[2]   =========================================================================================================== */

#search_contents .search_title {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px
}

#search_contents .search_title span {
    font-size: 30px;
    font-weight: bold !important;
    text-align: center;

}

/*    -->                                                                    SEARCH > POPUP > CONTAINER                             
[2]   =========================================================================================================== */

#search_contents {
    transition: all 0.4s;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 535px;
    max-width: calc(100% - 20px);
    background: white;
    z-index: 99999;
    padding: 10px 5px 0px 5px;
    border: none !important;
    overflow: auto !important;
    max-width: 100vw;

}

/*    -->                                                                      SEARCH > POPUP > INPUT SECTION                           
[2]   =========================================================================================================== */

#search_contents::before {
    content: "";
    background: var(--accent1);
    height: 95px;
    width: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: -1;
}

#search_contents #search {
    overflow: hidden !important;
    margin-bottom: 0px;
    padding: 5px 0px;
    margin-top: 30px !important;
    width: 100%;
    border-bottom: 1px solid #D8D8D8;
    width: 368px;
    max-width: calc(100% - 40px);
    margin-inline: auto;
}

#search_contents #search {
    overflow: hidden !important;
    margin-bottom: 0px;
}

#search_contents input.form-control {
    border: none !important;
    background: transparent !important;
    font-weight: 600 !important;
    padding-left: 10px;
    color: var(--accent_1) !important;
    width: 100%;
    font-size: 18px !important;
    font-weight: bold !important;


}

#search_contents input.form-control::-webkit-input-placeholder {
    color: var(--accent_1) !important;
    font-weight: bold;
    font-size: 18px;
}

#search_contents input.form-control::-moz-placeholder {
    color: var(--accent_1) !important;
    font-weight: bold;
    font-size: 18px;
}

#search_contents input.form-control:-ms-input-placeholder {
    color: var(--accent_1) !important;
    font-weight: bold;
    font-size: 18px;
}

#search_contents input.form-control::-ms-input-placeholder {
    color: var(--accent_1) !important;
    font-weight: bold;
    font-size: 18px;
}

#search_contents input.form-control::placeholder {
    color: var(--accent_1) !important;
    font-weight: bold;
    font-size: 18px;
}

#search_contents #search .btn {
    margin-right: 10px;
}

#search_contents #search .btn img {
    -webkit-filter: invert(100);
    filter: invert(100);
    width: 30px;
    height: 30px
}

/*    -->                                                                     SEARCH > POPUP > LIVE RESULTS                               
[2]   =========================================================================================================== */

#search_contents .live-search-div {
    position: relative !important;
    box-shadow: none !important;
    margin-top: 10px !important;
    top: 0px !important;
    border-radius: 0px !important;
    left: 0px !important;
    transform: none;
    width: 100% !important;
    border: none !important;
    padding: 0px !important;
    display: flex !important;
    flex-direction: column-reverse;
    padding-inline: 30px !important;
}

#search_contents .live-search-div>ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0px;
}

#search_contents .live-search-div>ul>li {
    list-style: none;

}

/*    -->                SEARCH > POPUP > LIVE RESULTS > INNER                                
[3]   ------------------------------------------------------------- */

#search_contents .live-search-div>ul>li>div {
    display: grid;
    grid-template-columns: 1fr 150px;
    grid-template-areas:
        "category category"
        "name price"
        "model model";
    grid-gap: 5px;
    width: 100%;
    align-items: start;
    padding: 25px;
    background: #f0ecf5 !important;
    border-radius: 12px;
    border: 2px solid #f0ecf5;
    cursor: pointer;
}



#search_contents .live-search-div .product-image img {
    width: 100% !important;
    height: auto !important;
    display: none;
}

#search_contents .live-search-div ul li .product-name {
    width: 100%;
    grid-area: name;
    font-size: 24px;
    font-weight: 900 !important;
    line-height: 1.2;
    min-height: 50px
}

#search_contents .live-search-div .product-model {
    margin-top: 5px !important;
    grid-area: model;
    display: flex;
}

#search_contents .live-search-div .product-model * {
    font-size: 9.1px;
    text-transform: uppercase;
    font-family: var(--font-family_averta);
}

#search_contents .live-search-div ul li .product-description {
    display: none !important;
}

#search_contents .live-search-div ul li .product-price {
    display: flex;
    grid-area: price;
    gap: 10px;
}

#search_contents .live-search-div ul li .product-price span {
    width: 100% !important;
    float: none !important;
    text-align: left !important;
    margin-top: 0px !important;
    grid-area: price;
    gap: 5px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

#search_contents .live-search-div ul li .product-price .price_text {
    font-size: 12px;
    font-weight: bold;
    line-height: 32px;
}

#search_contents .live-search-div ul li .product-price * {
    line-height: 1;
}

#search_contents .live-search-div ul li .product-price .special,
#search_contents .live-search-div ul li .product-price:not(:has(.special)) .price {
    font-size: 23px;
    font-weight: 900;
}

#search_contents .live-search-div ul li .product-price:has(.special) .price {
    text-decoration: line-through;
    font-size: 15px
}

#search_contents .live-search-div .product-price .price {
    justify-content: flex-start !important;
}



#search_contents .live-search-div .product-categories {
    grid-area: category;
    border-bottom: 2px solid var(--accent_2);
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}

#search_contents .live-search-div .product-categories a {
    font-size: 12px;
    font-weight: 500;
    color: var(--accent_1);
    transition: all .12s;
}

#search_contents .live-search-div .product-categories a:hover {
    color: var(--accent_2);
}

#search_contents .live-search-div .product-categories .separator {
    height: 10px;
    width: 1px;
    background: var(--accent_1);
    display: inline-block;
    margin-inline: 6px;
}


/*    -->                              SEARCH > POPUP > EXTRA TEXTS                     
[3]   ------------------------------------------------------------- */

.live-search-div .result-text {
    margin-top: 20px;
    margin-bottom: 55px;
    text-align: center;
}

.live-search-div .result-text .view-all-results,
.live-search-div .result-text .view-all-results>span {
    border-bottom: none;
    transition: all 0.4s;
    font-size: 12px;
    font-weight: 500 !important;
    text-transform: none;
    color: var(--accent_1);
}

.live-search-div .result-text .view-all-results>span {
    padding: 0px 0px 0px 0px;
}

/*    -->                              SEARCH > POPUP > ACTIVATION                     
[3]   ------------------------------------------------------------- */

#search_contents {
    transform: translateX(100%);
}



.search_enabled #search_contents {
    transform: translateX(0px);
}

.search_enabled header::before {
    visibility: visible;
    opacity: 0.5;
    left: 352px;
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PAGE:HOME
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                        PAGE:HOME > LAYOUT         
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="home"] body {
    overflow-x: hidden;
}

/*    -->                                                                                                                                     PAGE:HOME > BG IMAGE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="home"] body {
    padding-top: 230px;
    background: url("/image/catalog/_assets2/homepage/1-min.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0px -40px;
}

/*    -->                                                                                                                                  PAGE:HOME > WE UNLOCK
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="home"] .we_unlock {
    width: 375px;
    max-width: 100%;
}



/*    -->                                                                                                                                   PAGE:HOME > EXPERIENCE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                      PAGE:HOME > EXPERIENCE > BOSS ITEM                        
[2]   =========================================================================================================== */

.html_module.home_experience {
    margin-top: 130px;
}

.html_module.home_experience .boss_item {
    width: 600px;
    max-width: 100%;
    margin-bottom: 88px
}

/*    -->                                                                  PAGE:HOME > EXPERIENCE > CONTENT ITEMS                      
[2]   =========================================================================================================== */

.html_module.home_experience .section_content {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.html_module.home_experience .section_content .item {
    width: 315px
}

.html_module.home_experience .section_content .item .subtitle span {
    display: block;
}

.html_module.home_experience .section_content .item img {
    width: 234px;
    height: auto;
    max-width: 100%;
    margin-top: 15px;
}

/*    -->                                                                                                                                     PAGE:HOME > SUCCEED
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.html_module.succeed {
    background: #47376C;
    width: calc(100% + 2 * var(--window_gutter));
    margin-left: calc(-1 * var(--window_gutter));
    margin-right: calc(-1 * var(--window_gutter));
    margin-top: 60px;
    position: relative;
    padding-bottom: 444px;
}

.html_module.succeed .content {
    display: flex;
    padding-inline: var(--window_gutter);
    padding-top: 135px;
}

.html_module.succeed .subtext,
.html_module.succeed .supertext {
    color: white;
}

/*    -->                                                                      PAGE:HOME > SUCCEED > BOSS SECTION                              
[2]   =========================================================================================================== */

.html_module.succeed .content .boss_section {
    width: 525px;
    min-width: 525px;
    margin-bottom: 163px;
}

.html_module.succeed .content .boss_section .subtext {
    margin-top: 50px;
}

.html_module.succeed:after {
    content: "";
    background-image: url('/image/catalog/_assets2/homepage/what_we_do.png');
    aspect-ratio: 1920/444;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
    position: absolute;
    bottom: 0px
}

/*    -->                                                                  PAGE:HOME > SUCCEED > CONTENTS SECTION                              
[2]   =========================================================================================================== */

.html_module.succeed .contents_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 525px);
    padding-inline: 100px;
}

.html_module.succeed .contents_section .item {
    position: relative;
    min-width: 370px;
    height: 370px;
    padding: 60px 70px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.html_module.succeed .contents_section .item:nth-child(2) {
    transform: translateY(150px);
    margin-right: -40px !important;
    margin-left: -40px
}

.html_module.succeed .contents_section .item:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .2);
    border-radius: 50px;
    transform: rotate(45deg);
}

/*    -->                                                                                                                                   PAGE:HOME > WHAT WE DO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.html_module.what_we_do {
    position: relative;
    margin-top: -240px;
}

/*    -->                                                    PAGE:HOME > WHAT WE DO > "WE ARE PASSIONATE" SECTION
[2]   =========================================================================================================== */




.html_module.what_we_do .we_are_passionate {
    margin-top: 110px;
    color: white;
    width: 437px;
    position: absolute;
    right: 0px;
    transform: translateY(-50%);
}

html.has_display_scaling .html_module.what_we_do .we_are_passionate {
    transform: translateX(50px);
}

html:not(.has_display_scaling) .html_module.what_we_do .we_are_passionate {
    /* margin-right: calc(-1 * var(--window_gutter)); */
    margin-right: -95px;

}

.html_module.what_we_do .we_are_passionate span {
    color: white;
}

.html_module.what_we_do .we_are_passionate:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0px;
    border-radius: 50px;
    /* transform: translateY(-50%) rotate(45deg); */
    transform: translateY(-440px) rotate(45deg);
    height: 880px;
    width: 880px;
    background: var(--accent_2);
    z-index: -1;
}

/*    -->                 PAGE:HOME > WHAT WE DO > "WE ARE PASSIONATE" SECTION > EFFECTS FOR A.O.S.                               
[3]   ------------------------------------------------------------- */



html:not(.has_display_scaling) .html_module.what_we_do .we_are_passionate {
    transform: translateY(-50%) translateX(70%);
    opacity: 1;
}


html:not(.has_display_scaling) .html_module.what_we_do .we_are_passionate span {
    opacity: 0;
    transition: all .6s;
}


html:not(.has_display_scaling) .html_module.what_we_do .we_are_passionate.aos-animate {
    opacity: 1;
    transform: translateY(-50%) translateX(0%);
}

html:not(.has_display_scaling) .html_module.what_we_do .we_are_passionate.aos-animate span {
    opacity: 1;
}

/*    -->                                                                   PAGE:HOME > WHAT WE DO > BOSS SECTION
[2]   =========================================================================================================== */

.html_module.what_we_do .boss_section {}

/*    -->                                                              PAGE:HOME > WHAT WE DO > CONTENTS SECTION
[2]   =========================================================================================================== */

.html_module.what_we_do .contents_section {
    display: grid;
    grid-template-columns: 275px auto;
    gap: 20px 130px;
    padding-left: 145px;
    grid-template-areas:
        "first second"
        "first third";
    margin-top: -60px
}

.html_module.what_we_do .contents_section .item:nth-child(1) {
    width: 285px;
    grid-area: first;
    margin-top: 150px
}

.html_module.what_we_do .contents_section .item:nth-child(2) {
    width: 444px;
    grid-area: second;
    margin-left: 230px
}

.html_module.what_we_do .contents_section .item:nth-child(3) {
    width: 530px;
    grid-area: third;
}

.html_module.what_we_do .contents_section .item img {
    margin-bottom: 10px
}

.html_module.what_we_do .contents_section .item .subtitle span {
    color: var(--accent_1);
}

/*    -->                                                                                                                       PAGE:HOME > OUR CLIENTS (CAROUSEL)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#common-home .clients_section {
    box-shadow: none;
    border: none;
    /* margin-top: 140px; */
    /* position: relative; */
}

#common-home .clients_section,
#common-home .clients_section .swiper-container,
#common-home .clients_section .swiper-container .swiper-wrapper {
    min-width: 100% !important;
}

#common-home .clients_section .swiper-container {
    margin-top: 50px;
}

#common-home .clients_section .swiper-container .text_container {
    display: none;
}

#common-home .clients_section .swiper-container .swiper-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 60px 0px !important;
}

/*    -->                                                          PAGE:HOME > OUR CLIENTS (CAROUSEL) > LOGO GRID                              
[2]   =========================================================================================================== */

#common-home .clients_section .swiper-container .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    justify-content: space-between;
    gap: 60px 20px
}

#common-home .clients_section .swiper-container .swiper-wrapper .text_container {
    display: none !important;
}

/*    -->                                                             PAGE:HOME > OUR CLIENTS (CAROUSEL) > BUTTON                                   
[2]   =========================================================================================================== */

/* #common-home .clients_section .view_more {
    position: absolute;
    top: 10px;
    right: 0px;
} */

/*    -->                                                                                                                  PAGE:HOME > OUR CLIENTS (CUSTOM MODULE)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/*    -->                                                         PAGE:HOME > OUR CLIENTS (CUSTOM MODULE) > TITLE                                         
[2]   =========================================================================================================== */

#common-home .clients_module .supertitle {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

/*    -->                                                 PAGE:HOME > OUR CLIENTS (CUSTOM MODULE) > HIDE TABS BAR                                            
[2]   =========================================================================================================== */

#common-home .clients_module {
    margin-top: 140px;
    position: relative;
}

#common-home .clients_module ul.nav-tabs {
    display: none !important;
}

/*    -->                                                 PAGE:HOME > OUR CLIENTS (CUSTOM MODULE) > TAB CONTENT                                           
[2]   =========================================================================================================== */

#common-home .clients_module .tab-content {
    margin-top: 55px !important;
}

/*    -->                                                             PAGE:HOME > OUR CLIENTS (CAROUSEL) > BUTTON                                   
[2]   =========================================================================================================== */

#common-home .clients_module .view_more {
    position: absolute;
    top: 10px;
    right: 0px;
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PAGE:CATEGORY
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                    PAGE:CATEGORY > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-category .category_intro_section {
    aspect-ratio: 1920/850;
    background-repeat: no-repeat;
    background-size: calc(100% - 120px) auto;
    background-position: right 0px;
    display: flex;
    align-items: center;
    padding-inline: var(--window_gutter);
}

.product-category .category_intro_section .info_container {
    width: 425px;
}

/*    -->                                                                                                                       PAGE:CATEGORY > PRODUCTS CONTAINER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#mfilter-content-container .row:before,
#mfilter-content-container .row:after {
    display: none !important;
}

#mfilter-content-container .row:has(.product-layout) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 30px
}

#mfilter-content-container .row:has(.product-layout) .product-layout {
    width: 100%;
}

.product-layout {
    padding: 0px;
}

#mfilter-content-container .row:has(.product-layout) .product-layout .product-thumb {
    margin: 0px;
}

/*    -->                                                                                                                                   PAGE:CATEGORY > FOOTER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-category footer .footer_main_section .footer_image_container {
    background-image: url("/image/catalog/_assets2/pr_list/rectangle_copy_4.png");
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION GROUP: CATEGORY-LIKE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


/*    -->                                                                                                                      GROUP:CATEGORY-LIKE > FILTERS (OLD)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.mfilter-button-top {
    float: none !important;
}


input[type="radio"],
input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    line-height: 1 !important;
    margin-left: 0px !important;
    outline: none;
}

input[type="radio"]::before,
input[type="checkbox"]::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EE78737F1-08BC-48B9-BCFA-75C6A6810B7E%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='PRODUCT-LIST-_-FILTERS-OPEN' transform='translate(-987.000000, -787.000000)' fill='%23FFFFFF' stroke='%23CDCDCD'%3E%3Cg id='Group-13' transform='translate(0.000000, 460.000000)'%3E%3Cg id='Group-4' transform='translate(987.000000, 168.000000)'%3E%3Cg id='Group-8' transform='translate(0.000000, 39.000000)'%3E%3Cg id='Rectangle' transform='translate(0.000000, 120.000000)'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before {
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EArtboard Copy 19%3C/title%3E%3Cg id='Artboard-Copy-19' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='tick-2'%3E%3Crect id='Rectangle' fill='%23E0058B' x='0' y='0' width='18' height='18' rx='2'/%3E%3Cpath d='M6.07139037,13.507445 L3.66497326,10.9354276 C3.08743316,10.2429614 3.08743316,9.15480021 3.66497326,8.46233398 L3.66497326,8.46233398 C4.14625668,7.8687915 5.10882353,7.76986776 5.68636364,8.36341024 C5.78262032,8.36341024 5.78262032,8.46233398 5.78262032,8.46233398 L7.03395722,9.94619018 L12.1355615,4.50538413 C12.7131016,3.91184165 13.6756684,3.91184165 14.2532086,4.50538413 C14.2532086,4.50538413 14.2532086,4.50538413 14.2532086,4.50538413 L14.2532086,4.50538413 C14.8307487,5.09892661 14.8307487,6.08816407 14.2532086,6.68170655 L7.70775401,13.507445 C7.32272727,14.0020638 6.5526738,14.0020638 6.07139037,13.507445 C6.07139037,13.507445 6.07139037,13.507445 6.07139037,13.507445' id='Path' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


.radio label,
#login label,
.checkbox-inline {
    padding-left: 25px;
}


.radio label input:before,
#login input[type="radio"]:before,
.checkbox-inline input[type="checkbox"]:before {
    margin-left: -25px !important;
    margin-top: -4px;
}





.filter-toggle-container button {
    background-color: #FFFFFF;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    border: unset !important;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 10px;
}


footer {
    position: relative;
}

.filter-toggle-container {
    display: none !important;
}

.mfilter-content>ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 800px;
}

.mfilter-heading-text {
    width: auto;
}

.mfilter-filter-item .mfilter-heading {
    color: #000;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 24px;
    text-transform: none;
}

.mfilter-heading-text span {
    color: #444444;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    padding-right: 18px;
}

.mfilter-heading-content {
    border-bottom: 1px solid #d8d8d8;
    border: 1px solid #444444;
}

.mfilter-opts-container {
    margin-top: 5px;
    background: white;
    border: 1px solid #000 !important;
    padding: 5px;
    padding: 5px 10px !important;
}

.mfilter-tb {
    display: block;
    max-width: 100%;
}

.mfilter-tb-as-tr {
    display: block !important;
    max-width: 100% !important;
    word-wrap: anywhere;
}

.mfilter-col-input+.mfilter-tb-as-td {
    padding-right: 20px !important;
}

.mfilter-heading .mfilter-head-icon::after {
    font-size: 14px !important;
}

.mfilter-heading .mfilter-head-icon {
    width: 10px !important;
}

.mfilter-content-opts {
    position: absolute;
    z-index: 5;
}

.more {
    overflow: hidden;
    float: right;
    display: inline-block;
    position: relative;
    padding: 5px 15px;
    margin: 0;
}

.mfilter-button-reset {
    margin: 0;
}

.mfilter-button.mfilter-button-top {
    padding: 0;
}

.mfilter-content>ul>li {
    margin-bottom: 0px !important;
}

.mfilter-heading-content {
    padding: 2px 8px;
}

.mfilter-button-reset .mfilter-reset-icon {
    float: right;
    margin-left: 10px;
}

.more::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.68037 10.369245' width='10px'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 10.369245)'%3E%3Ctitle%3Earrow down black copy 5%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='FACTORY--Copy' transform='translate(-45.315385, -1140.159815)' stroke='%23000000' stroke-width='1.56923077'%3E%3Cg id='arrow-down-black-copy-5' transform='translate(50.500000, 1148.500000) rotate(90.000000) translate(-50.500000, -1148.500000) translate(42.944444, 1144.100000)'%3E%3Cpolyline id='Path' points='15.1111111 0 7.5567363 8.8 0 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    /* position: absolute; */
    margin-left: 10px;
}

#product-category>.row>#column-left,
#product-search>.row>#column-left,
#product-manufacturer>.row>#column-left {
    z-index: 1;
    background: unset;
}

/* .cart_enabled #product-category>.row>#column-left,
#product-search>.row>#column-left,
#product-manufacturer>.row>#column-left {
    z-index: 15 !important;
} */

.mfilter-heading .mfilter-head-icon {
    transition: all .2s !important;
    width: 10px;
    min-width: 10px;
    height: 10px;
    transform-origin: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mfilter-heading .mfilter-head-icon::after {
    line-height: 1;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.68037 10.369245' width='10px'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 10.369245)'%3E%3Ctitle%3Earrow down black copy 5%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='FACTORY--Copy' transform='translate(-45.315385, -1140.159815)' stroke='%23000000' stroke-width='1.56923077'%3E%3Cg id='arrow-down-black-copy-5' transform='translate(50.500000, 1148.500000) rotate(90.000000) translate(-50.500000, -1148.500000) translate(42.944444, 1144.100000)'%3E%3Cpolyline id='Path' points='15.1111111 0 7.5567363 8.8 0 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    transform: translateY(-2px)
}

.mfilter-heading:not(.mfilter-collapsed) .mfilter-head-icon {
    transform: rotate(180deg) !important;
}

/*    -->                                                                                                                    GROUP:CATEGORY-LIKE > FILTERS (UPDATED)
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


html[class*="product-"]:not(.product-product) #column-left {
    padding-inline: 0px;
}

/*    -->                                                         GROUP:CATEGORY-LIKE > FILTERS (UPDATED) > COUNTERS
[2]   =========================================================================================================== */

.mfilter-heading-content {
    display: flex;
    align-items: center;
    gap: 10px
}

.mfilter-heading-text {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    white-space: nowrap !important;
    margin-left: 0px
}

.mfilter-heading-text span {
    padding-right: 0px;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding-left: 0px;
}

.mfilter-heading-text .active_filter_counter {
    background: var(--accent_2) !important;
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    line-height: 1;
    color: white;
    border-radius: 100%;
    font-size: 12px
}

/*    -->                                                GROUP:CATEGORY-LIKE > FILTERS (UPDATED) >  TOGGLING EFFECT
  [2]   =========================================================================================================== */


.mfilter-content-opts {
    transition: all .4s;
    display: block !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
}

.mfilter-heading.mfilter-collapsed+.mfilter-content-opts {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
}

.mfilter-heading:not(.mfilter-collapsed)+.mfilter-content-opts {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.mfilter-content>ul {
    opacity: 0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*    -->                                   GROUP:CATEGORY-LIKE > FILTERS (UPDATED) >  MAKE INACTIVE FILTERS OPAQUE
  [2]   =========================================================================================================== */

.mfilter-filter-item {
    transition: all .14s
}

.mfilter-filter-item:not(:has(.active_filter_counter)) {
    opacity: .4
}

.mfilter-filter-item:hover,
.mfilter-filter-item:not(:has(.mfilter-collapsed)) {
    opacity: 1;
}

/*    -->                                              GROUP:CATEGORY-LIKE > FILTERS (UPDATED) >  FILTERS DROPDOWNS
[2]   =========================================================================================================== */

label.mfilter-tb-as-td {
    font-size: 14px;
    padding-left: 5px;
}

.mfilter-col-count,
.mfilter-box .mfilter-counter.mfilter-close {
    display: none;
}

/*    -->       GROUP:CATEGORY-LIKE > FILTERS (UPDATED) >  FILTERS DROPDOWNS > PRICE                                         
[3]   ------------------------------------------------------------- */

.mfilter-option.mfilter-price {
    min-width: 300px;
}

/*    -->                                                GROUP:CATEGORY-LIKE > FILTERS (UPDATED) >  RESET FILTERS
[2]   =========================================================================================================== */

.mfilter-button-reset {
    font-size: 14px;
    color: #444;
    font-weight: 500;
    text-decoration: none !important;
}

.mfilter-button-reset {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 7px;
    margin-top: 6px;
}

.mfilter-button-reset .mfilter-reset-icon {
    background: url("/image/catalog/_assets2/menu/X.svg");
    background-size: 100%;
    width: 10px;
    height: 10px;
    -webkit-filter: brightness(0);
    filter: brightness(0);
    float: none;
    margin: 0px;

}

/*    -->                                            GROUP:CATEGORY-LIKE > FILTERS (UPDATED) >  SHOW MORE FILTERS
[2]   =========================================================================================================== */

/*    -->  GROUP:CATEGORY-LIKE > FILTERS (UPDATED) >  SHOW MORE FILTERS > BUTTON                                              
[3]   ------------------------------------------------------------- */

.mfilter-content .view_more_filters {
    display: none !important;
    font-size: 14px;
    color: #444;
    font-weight: 500;
    text-decoration: none !important;
    align-items: center;
    cursor: pointer;
    gap: 5px;
    margin-top: 4px;
}

body.filters_in_multiple_lines .mfilter-content .view_more_filters {
    display: flex !important;
}

.view_more_filters::after {
    line-height: 1;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.68037 10.369245' width='10px'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 10.369245)'%3E%3Ctitle%3Earrow down black copy 5%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='FACTORY--Copy' transform='translate(-45.315385, -1140.159815)' stroke='%23000000' stroke-width='1.56923077'%3E%3Cg id='arrow-down-black-copy-5' transform='translate(50.500000, 1148.500000) rotate(90.000000) translate(-50.500000, -1148.500000) translate(42.944444, 1144.100000)'%3E%3Cpolyline id='Path' points='15.1111111 0 7.5567363 8.8 0 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    transform: translateY(-2px);
    transition: all .12s;
}

body.more_filters_visible .view_more_filters:after {
    transform: rotate(180deg);
}

/*    -->  GROUP:CATEGORY-LIKE > FILTERS (UPDATED) >  SHOW MORE FILTERS > EXPAND FILTERS                                              
[3]   ------------------------------------------------------------- */

.mfilter-content {
    max-height: 32px;
    transition: all .4s;
    overflow: hidden;
}

body.more_filters_visible .mfilter-content {
    max-height: 100px;
}

/*    -->                                                                                                                        GROUP:CATEGORY-LIKE > CONTROL BAR
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                          GROUP:CATEGORY-LIKE > CONTROL BAR > LAYOUT
[2]   =========================================================================================================== */


html[class*="product-"]:not(.product-product) aside {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.mfilter-content {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 45px;
}

#mfilter-content-container .form-group select,
.mfilter-button-reset {
    color: #444 !important;
}

/*    -->                                                    GROUP:CATEGORY-LIKE > CONTROL BAR > SELECT DROPDOWNS
[2]   =========================================================================================================== */

#mfilter-content-container .row>div:has(.form-group) {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#mfilter-content-container .form-group label {
    display: none
}

#mfilter-content-container .form-group select {
    font-size: 14px;
    font-weight: 500;
    border: none !important;
    box-shadow: none !important;
    max-width: 125px;
    margin-top: 2px;
}

/*    -->                                                          GROUP:CATEGORY-LIKE > CONTROL BAR > GET RID OF
[2]   =========================================================================================================== */

#mfilter-content-container .row:has(#list-view) div:has(#list-view),
#mfilter-content-container .row:has(#list-view) div:has(#compare-total),
.mfilter-box .box-heading,
#mfilter-content-container>h2 {
    display: none !important;
}

/*    -->                                                                                                                        GROUP: CATEGORY-LIKE > PAGINATION  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#mfilter-content-container>div:last-of-type {
    padding-top: 100px
}

#mfilter-content-container>div:last-of-type * {
    font-size: 20px;
    font-weight: 400;
}

/*    -->                                                                                                                           GROUP: CATEGORY-LIKE > FOOTER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="product-"]:not(.product-product) footer {
    margin-top: 280px;
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PAGE: SEARCH
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                   PAGE: SEARCH > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


html.product-search #product-search {
    padding-top: 210px;
}

html.product-search #column-left {
    z-index: 1;
}

html.product-search #product-search #mfilter-content-container>h1 {
    font-size: 60px;
    font-weight: 900;
    line-height: 1.2;
    color: var(--accent_2);
    margin-bottom: 35px
}

html.product-search #product-search #mfilter-content-container>h1+.control-label {
    font-size: 20px !important;
    font-weight: 500;

    font-family: var(--font-family_gotham);
    font-size: 15px;
    color: var(--accent_1);
    line-height: 1.4;
}


/*    -->                                                                                                                            PAGE: SEARCH > INPUT FIELDS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.product-search #product-search #mfilter-content-container>.row:has(#input-search) {
    display: grid;
    grid-template-areas:
        "left right"
        "bottom bottom";
    gap: 20px;
    max-width: 1000px;
    width: 100%;
}

html.product-search #product-search #mfilter-content-container>.row:has(#input-search)>div {
    padding: 0px;
    width: 100%;
}

html.product-search #product-search #mfilter-content-container>.row:has(#input-search)>div:nth-child(1) {
    grid-area: left;
}

html.product-search #product-search #mfilter-content-container>.row:has(#input-search)>div:nth-child(2) {
    grid-area: right;
}

html.product-search #product-search #mfilter-content-container>.row:has(#input-search)>div:nth-child(3) {
    grid-area: bottom;
}


html.product-search #product-search #mfilter-content-container>.row:has(#input-search)>div *:is(input, select) {
    border-radius: 0px;
    box-shadow: none;
    outline: none;
    font-size: 15px;
    font-weight: 400;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid RGBA(39, 15, 69, .24);
}

/*    -->                                                                                                                                  PAGE: SEARCH > CHECKBOX
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/*    -->                                                                                                                                    PAGE: SEARCH > BUTTON
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



#mfilter-content-container #button-search {
    margin-block: 35px;
    margin-bottom: 100px;
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PAGE: PRODUCT
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                   PAGE: PRODUCT > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#product-product {
    padding-top: 230px;
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: -2px 0px;
    width: 100%;

    min-height: 1307px;
}

/* #product-product #content {
    overflow: hidden;
} */

/*    -->                                                                                                                               PAGE: PRODUCT > FOOTER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html.product-product .footer_image_container {
    background-image: url("/image/catalog/_assets2/product_page/rectangle_copy_4.png") !important;
}

/*    -->                                                                                                                               PAGE: PRODUCT > SECTION #1
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     PAGE: PRODUCT > SECTION #1 > LAYOUT              
  [2]   =========================================================================================================== */

#product-product .section_1 {
    width: 50%;
    max-width: 630px;
    margin-left: auto;
    margin-right: 60px;
    padding-right: var(--window_gutter);
    box-sizing: content-box;
    min-height: 900px;
}

/*    -->                                                                     PAGE: PRODUCT > SECTION #1 > TEXTS              
  [2]   =========================================================================================================== */

/*    -->                 PAGE: PRODUCT > SECTION #1 > TEXTS > TITLE                                       
[3]   ------------------------------------------------------------- */

#product-product .section_1 .supertitle {
    margin-bottom: 15px !important;
}

#product-product .section_1 .supertitle span {
    line-height: normal;
}

/*    -->              PAGE: PRODUCT > SECTION #1 > TEXTS > SUBTITLE                                       
[3]   ------------------------------------------------------------- */

#product-product .section_1 .description_container b {
    margin-bottom: 20px !important;
    display: block
}

/*    -->                                                         PAGE: PRODUCT > SECTION #1 > ATTRIBUTES SECTION               
[2]   =========================================================================================================== */

#product-product .section_1 .attributes_container {
    margin-top: 50px;
}

/*    -->   PAGE: PRODUCT > SECTION #1 > ATTRIBUTES SECTION > TITLE                                       
  [3]   ------------------------------------------------------------- */

#product-product .section_1 .attributes_container .attribute_group_title {
    margin-bottom: 15px;
}

/*    -->   PAGE: PRODUCT > SECTION #1 > ATTRIBUTES SECTION > ITEMS                                       
  [3]   ------------------------------------------------------------- */



#product-product .section_1 .attributes_container .attribute_group_contents {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#product-product .section_1 .attributes_container .attribute_item {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
}

#product-product .section_1 .attributes_container .attribute_item:before {
    content: "";
    width: 10px;
    min-width: 10px;
    height: 10px;
    background: var(--accent_2);
    line-height: 1;
    transform: translateY(5px);
    margin-right: 12px
}


/* as list */

#product-product .description_container ul {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
}

#product-product .description_container ul li {
    position: relative;
    display: flex;
    padding-left: 0px;
    align-items: flex-start;
}

#product-product .description_container ul li::before {
    content: "";
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    background-color: var(--accent_2);
    margin-right: 10px;
    transform: translateY(5px)
}



/*    -->                                                             PAGE: PRODUCT > SECTION #1 > PRICE & BUTTON            
  [2]   =========================================================================================================== */

#product-product .section_1 .price_n_button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

/*    -->       PAGE: PRODUCT > SECTION #1 > PRICE & BUTTON > PRICE                                       
  [3]   ------------------------------------------------------------- */

#product-product .section_1 .price_n_button .price_section {
    display: flex;
    gap: 15px;
    align-items: flex-end
}

#product-product .section_1 .price_n_button .price_section>span {
    transform: translateY(2px)
}


#product-product .section_1 .price_n_button .price_section .current_price {
    line-height: 1
}

/*    -->      PAGE: PRODUCT > SECTION #1 > PRICE & BUTTON > BUTTON                                    
  [3]   ------------------------------------------------------------- */

#product-product .section_1 .price_n_button .button_section button {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0px;
    background: none;
    border: none;
    box-shadow: none;
}

#product-product .section_1 .price_n_button .button_section button>span {
    font-weight: bold;
    font-size: 18px;
}

#product-product .section_1 .price_n_button .button_section .icons_container {
    border: none;
    background: None;
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    transition: all .3s;

    border: 2px solid var(--accent_1);
    box-sizing: content-box;
}

#product-product .section_1 .price_n_button .button_section .icons_container .already_added {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;

    transform-origin: center center;
    transform: scale(0);
}

#product-product.added_to_cart .section_1 .price_n_button .button_section .icons_container .already_added {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

#product-product.added_to_cart .section_1 .price_n_button .button_section .icons_container {
    border-color: white;
}




/*    -->                                                                                                                     PAGE: PRODUCT > OUR PROJECTS SECTION                                  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/*    -->                                                            PAGE: PRODUCT > OUR PROJECTS SECTION > LAYOUT                                   
[2]   =========================================================================================================== */

.our_projects_carousel {

    border: none !important;
    box-shadow: none;

    padding-top: 110px;
    padding-bottom: 320px;
    background: linear-gradient(304.27deg, #48376D 0%, #0D0916 100%);

    /* width: calc(100vw + 2 * var(--window_gutter)) !important;
    margin-left: calc(-1 * var(--window_gutter));
    margin-right: calc(-1 * var(--window_gutter)); */
    position: relative !important;
    margin-top: 250px;
}

.our_projects_carousel>div {
    display: flex;
    width: var(--page_width);
    margin-inline: auto;
}

.our_projects_carousel>div.swiper-container {
    padding-right: 0px;
    width: calc(var(--page_width) + var(--window_gutter));
    margin-left: auto;
    margin-right: 0px;
    overflow: hidden !important;
}

.our_projects_carousel:after {
    content: "";
    background-image: url("/image/catalog/_assets2/product_page/our_projects_bg.png");
    aspect-ratio: 1920/595;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 100%;
    height: 595px;
    position: absolute;
    bottom: 0px;
}

/*    -->                                                            PAGE: PRODUCT > OUR PROJECTS SECTION > TITLE                                   
[2]   =========================================================================================================== */

.our_projects_carousel .section_title span {
    font-size: 50px;
    margin-bottom: 20px
}

.our_projects_carousel .section_title span:nth-child(1) {
    color: white;
}

.our_projects_carousel .section_title span:nth-child(2) {
    color: var(--accent_2);
}

/*    -->                                                            PAGE: PRODUCT > OUR PROJECTS SECTION > ITEMS                                   
[2]   =========================================================================================================== */



.our_projects_carousel .swiper-slide img {
    overflow: hidden !important;
    border-radius: 20px !important
}

.our_projects_carousel .swiper-slide .text_container {
    display: none;
}

/*    -->                                                            PAGE: PRODUCT > OUR PROJECTS SECTION > NAVIGATION                                   
[2]   =========================================================================================================== */


.our_projects_carousel.carousel .swiper-pagination {
    display: block !important;
    position: absolute;
    top: 0px;
    bottom: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: var(--window_gutter);
    left: unset;
    top: 135px
}

.our_projects_carousel.carousel .swiper-pagination {
    display: flex !important;
    gap: 20px;
}

.our_projects_carousel.carousel .swiper-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background: white
}

.our_projects_carousel.carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--accent_2);
}




/*    -->                                                                                                                         PAGE: PRODUCT > PRODUCT FEATURES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                               PAGE: PRODUCT > PRODUCT FEATURES > LAYOUT              
[2]   =========================================================================================================== */

.product-product .product_features {
    padding-inline: var(--window_gutter);
    padding-left: calc(var(--window_gutter) + 35px);
    margin: 135px auto;
}

.product-product .product_features .module_item.section_title {
    margin-left: -35px !important;
}


.product-product .product_features .triple-column-layout {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 80px 115px !important
}

.product-product .product_features .triple-column-layout .column {
    display: flex;
    gap: 80px;
    flex-direction: column;
}

/*    -->                                                                PAGE: PRODUCT > PRODUCT FEATURES > IMAGE              
[2]   =========================================================================================================== */

.product-product .product_features .triple-column-layout .column .module_item img.icon {
    max-width: 100%;
    height: auto;
    font-size: 0px !important;
    line-height: 0 !important;
    margin-bottom: 20px;
}

.product-product .product_features .triple-column-layout .column .module_item img.icon[src="/image/"] {
    display: none !important;
}

/*    -->                                                                PAGE: PRODUCT > PRODUCT FEATURES > TITLE              
[2]   =========================================================================================================== */

.product-product .product_features .triple-column-layout .column .module_item .title {
    font-size: 38px;
    font-weight: 900;
    line-height: 1.2;
}

/*    -->                                                                 PAGE: PRODUCT > PRODUCT FEATURES > TEXT              
  [2]   =========================================================================================================== */

.product-product .product_features .triple-column-layout .column .module_item .text {
    margin-top: 15px;
}

.product-product .product_features .triple-column-layout .column .module_item .text * {
    line-height: 1.5
}

/*    -->                                                                                                             PAGE: PRODUCT > PRODUCT FEATURES: ΕΝΟΤΗΤΕΣ
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-product .product_features.section_2 {
    margin-top: 200px;
}

.section_2.product_features {
    position: relative;
    z-index: 2;
}


/*    -->                                           PAGE: PRODUCT > PRODUCT FEATURES: ΕΝΟΤΗΤΕΣ > DECORATIVE IMAGE                                            
[2]   =========================================================================================================== */

.section_2.product_features .placeholder {
    height: 550px;
    order: 999;
    margin-bottom: -200px;
}

.section_2.product_features .decorative_image_container {
    position: absolute;
    right: 0px;
    bottom: 0px;
    /* transform: translateY(470px); */
    transform: translateY(530px);
}

.section_2.product_features .decorative_image_container>img {
    width: 750px;
}

.product-product .product_features.section_3.compensate_top .triple-column-layout>.column:nth-child(2) {
    margin-top: 80px
}

.product-product .product_features.section_3.compensate_top .triple-column-layout>.column:nth-child(3) {
    margin-top: 280px
}




.section_2.product_features:not(.is_followed_by_stripe) .decorative_image_container {
    display: none !important;
}

/*    -->                                                                                                             PAGE: PRODUCT > PRODUCT FEATURES: ΔΙΑΧΕΙΡΙΣΗ
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-product .product_features.section_3 {
    padding-block: 100px 500px;
    background: linear-gradient(180deg, #44306C 0%, #080618 100%);
    position: relative;
    margin-bottom: 0px !important;
}

.product-product .product_features.section_3:after {
    content: "";
    background-image: url('/image/catalog/_assets2/product_page/camara.png');
    aspect-ratio: 1920/459;
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(100% + 2 * var(--window_gutter));
    left: calc(-1 * var(--window_gutter));
    right: calc(-1 * var(--window_gutter));
    height: 459px;
    position: absolute;
    bottom: 0px;

}

.product-product .product_features.section_3 .section_title>span:last-child {
    color: white;
}

.product-product .product_features.section_3 .module_item .title,
.product-product .product_features.section_3 .module_item .text * {
    color: white
}

/*    -->                                                                                                       PAGE: PRODUCT > PRODUCT FEATURES: ΣΧΕΤΙΚΑ ΠΡΟΪΟΝΤΑ
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-product .product_features.section_4 {
    margin-bottom: 0px !important;
}


.product-product .product_features.section_4.compensate_top {
    padding-top: 0px;
    z-index: 1;
    position: relative;
    margin-top: -310px !important;
}

.product-product .product_features.section_4.compensate_top .triple-column-layout>.column:nth-child(2) {
    margin-top: 135px
}

.product-product .product_features.section_4.compensate_top .triple-column-layout>.column:nth-child(3) {
    margin-top: 270px
}
























































































/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PAGE: CHECKOUT
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                        CHECKOUT > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#checkout-checkout #content {
    display: grid;
    grid-template-columns: 1fr 760px;
    gap: 80px;
}

#checkout-checkout #content>div:nth-child(2) {
    display: none;
}

#checkout-checkout #content>div {
    width: 100%;
    padding-inline: 0px !important;
}

/*    -->                                                                                                                                        CHECKOUT > FOOTER           
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

footer .footer_main_section .footer_image_container {
    background: url("/image/catalog/_assets2/prosfora/rectangle_4.png")
}

/*    -->                                                                                                                                        CHECKOUT > COMMON           
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/*    -->                                                                                                                                   CHECKOUT > TOP SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                         CHECKOUT > TOP SECTION > LAYOUT                             
[2]   =========================================================================================================== */

.checkout-checkout .heading_n_agent_section {
    margin-bottom: 50px;
    margin-left: calc(-1 * var(--window_gutter)) !important;
    width: calc(100% + var(--window_gutter));

}

/*    -->                                                                         CHECKOUT > TOP SECTION > HEADING                             
[2]   =========================================================================================================== */

.checkout-checkout .page_heading_wrapper {
    background: url("/image/catalog/_assets2/prosfora/shape.png");
    background-repeat: no-repeat;
    aspect-ratio: 754/488;
    width: 754px;
    position: relative;
}

.checkout-checkout .page_heading_wrapper .page_heading.supertitle {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 100px;
}

.checkout-checkout .page_heading_wrapper .page_heading.supertitle span {
    color: var(--accent_2);
}




/*    -->                                                                                                                                        CHECKOUT > COMMON           
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/*    -->                                                                              CHECKOUT > COMMON > PANELS                          
[2]   =========================================================================================================== */

#checkout-checkout .panel-body {
    padding: 0px;
}

#checkout-checkout .panel-body .row>div {
    padding-inline: 0px;
}

/*    -->                                                                              CHECKOUT > COMMON > TITLES                             
  [2]   =========================================================================================================== */


#checkout-checkout .panel-body h2 {
    color: var(--accent_1);
    font-size: 30px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 12px
}

/*    -->                                                                 CHECKOUT > COMMON > RADIO FIELDS                       
[2]   =========================================================================================================== */

#checkout-checkout .panel-body .radio {
    margin: 0px;
}

#checkout-checkout .panel-body .radio label {
    font-size: 15px !important;
    font-weight: 400 !important;
}



/*    -->                                                                                                                                  CHECKOUT > LEFT SECTION           
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                 CHECKOUT > LEFT SECTION > PROJECT TITLE                     
[2]   =========================================================================================================== */

#checkout-checkout #project_title {
    margin-bottom: 75px;
    width: 100%;
    padding-left: 8px;
}

#checkout-checkout #project_title::-webkit-input-placeholder {
    opacity: 1
}

#checkout-checkout #project_title::-moz-placeholder {
    opacity: 1
}

#checkout-checkout #project_title:-ms-input-placeholder {
    opacity: 1
}

#checkout-checkout #project_title::-ms-input-placeholder {
    opacity: 1
}

#checkout-checkout #project_title::placeholder {
    opacity: 1
}

/*    -->                                                                         CHECKOUT > LEFT SECTION > LOGIN                     
[2]   =========================================================================================================== */

#checkout-checkout #content>div:nth-child(1) #login h2 {
    display: none !important;
}

/*    -->                                                         CHECKOUT > LEFT SECTION > ADDRESSES AS PROJECTS                     
[2]   =========================================================================================================== */

.select2-container--default .select2-selection--single {
    margin-top: 10px
}

#shipping-existing+.radio {
    margin-top: 30px !important;
}

#collapse-shipping-address H2 {
    display: none
}


#checkout-checkout #collapse-payment-address h2 {
    margin-top: 100px !important;
    margin-bottom: 60px;
}

#checkout-checkout #content>div:nth-child(1) {
    padding-top: 55px
}

/*    -->  CHECKOUT > LEFT SECTION > ADDRESSES AS PROJECTS > NEW CUSTOMER TITLE                    
[3]   ------------------------------------------------------------- */

#shipping-new:before {
    content: "Στοιχεία πελάτη";
    display: block !important;
    color: var(--accent_1);
    font-size: 30px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 0px;
    margin-bottom: 12px;
    grid-column: span 2;
    margin-top: 60px
}

/*    -->  CHECKOUT > LEFT SECTION > ADDRESSES AS PROJECTS > INPUT/SELECT FIELDS                       
[3]   ------------------------------------------------------------- */

#checkout-checkout .panel-body .formgroup-custom .form-group .control-label {
    display: none;
}

#checkout-checkout .panel-body .formgroup-custom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 30px !important;
}

#checkout-checkout .panel-body .formgroup-custom .form-group {
    margin-inline: 0px !important;
}

#checkout-checkout .panel-body input,
#checkout-checkout .panel-body select,
.select2-container--default .select2-selection--single,
#checkout-checkout #project_title {
    border-radius: 0px;
    box-shadow: none;
    outline: none;
    font-size: 15px;
    font-weight: 400;
    border: none;
    border-bottom: 1px solid RGBA(39, 15, 69, .24)
}

#checkout-checkout .panel-body .text-danger {
    background: var(--accent_2);
    padding: 10px;
    color: white;
    margin-top: -1px;
    line-height: 1.2;
}


#checkout-checkout .panel-body input::-webkit-input-placeholder,
#checkout-checkout .panel-body select::-webkit-input-placeholder {
    color: var(--accent_1);
}

#checkout-checkout .panel-body input::-moz-placeholder,
#checkout-checkout .panel-body select::-moz-placeholder {
    color: var(--accent_1);
}

#checkout-checkout .panel-body input::-ms-input-placeholder,
#checkout-checkout .panel-body select::-ms-input-placeholder {
    color: var(--accent_1);
}

#checkout-checkout .panel-body .radio {
    margin: 0px;
}
































/*    -->                                                                      CHECKOUT > LEFT SECTION > COMMENTS COUPON VOUCHER                       
[2]   =========================================================================================================== */

/*    -->           CHECKOUT > LEFT SECTION > COMMENTS COUPON VOUCHER > LAYOUT                                      
[3]   ------------------------------------------------------------- */



.cont-comment-voucher {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    margin-top: 60px;

}

/*    -->           CHECKOUT > LEFT SECTION > COMMENTS COUPON VOUCHER > COMMENTS                                      
[3]   ------------------------------------------------------------- */

#checkout-checkout #content .cont-comment-voucher .comments {
    width: 100%;
}

#checkout-checkout #content .cont-comment-voucher .comments textarea {
    width: 100% !important;
    min-width: 100% !important;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid RGBA(39, 15, 69, .24) !important;
    border-radius: 10px;
    padding: 15px;
    font-size: 15px;
    font-weight: 400;
    color: var(--accent_1);
}

/*    -->           CHECKOUT > LEFT SECTION > COMMENTS COUPON VOUCHER > COUPON & VOUCHER                                      
[3]   ------------------------------------------------------------- */

#checkout-checkout #content .cont-comment-voucher>div:not(.comments) {
    margin-top: 60px
}

#checkout-checkout #content .cont-comment-voucher>div:not(.comments) .btn-primary {
    background: url("/image/catalog/_assets2/prosfora/arrow.svg");
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px 20px;

    font-size: 0px;
    width: 16px;
    height: 34px;
    display: inline-block;

    transition: all .3s;
}

/*    -->                                                                                                                                 CHECKOUT > RIGHT SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                 CHECKOUT > RIGHT SECTION > SELLER INFO           
[2]   =========================================================================================================== */

.seller_info {
    display: flex;
    flex-direction: column;
    width: 480px;
    position: absolute;
    top: 0px;
    transform: translateY(calc(-100% - 70px));
}

.seller_info .seller_content {
    display: flex;
    margin-top: 30px;
}

/*    -->        CHECKOUT > RIGHT SECTION > SELLER INFO > TEXTS                                        
[3]   ------------------------------------------------------------- */

.seller_info .seller_texts {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.seller_info .seller_texts .fullname {
    display: flex;
    gap: 10px;
}

.seller_info .seller_texts .fullname>div {
    font-size: 22px;
    font-weight: bold;
}

.seller_info .seller_texts>div {
    font-weight: 500;
    font-size: 18px !important;
}

.seller_info .seller_texts>.position {
    font-size: 16px;
    font-weight: bold;
    margin-top: -12px;
    margin-bottom: 10px
}

/*    -->          CHECKOUT > RIGHT SECTION > SELLER INFO > IMAGE                                        
[3]   ------------------------------------------------------------- */

.seller_info .image {
    width: 140px;
    margin-left: auto;
}

.seller_info .image img {
    width: 100%;
    height: auto;
}

/*    -->                                                                 CHECKOUT > RIGHT SECTION > PRODUCT LIST           
[2]   =========================================================================================================== */


/*    -->      CHECKOUT > RIGHT SECTION > PRODUCT LIST > CONTAINERS                                            
[3]   ------------------------------------------------------------- */

#checkout-checkout .product_list_section {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#checkout-checkout .product_list_section .cart_product_item {
    background: #f0ecf5;
    padding: 24px;
    border-radius: 12px;
    border: 3px solid #f0ecf5;
}

#checkout-checkout .product_list_section .cart_product_item .caption {
    gap: 23px;
    display: flex;
    flex-direction: column
}

#checkout-checkout .product_list_section .cart_product_item .caption>.wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

/*    -->         CHECKOUT > RIGHT SECTION > PRODUCT LIST >  ITEMS                                             
[3]   ------------------------------------------------------------- */

/* --> CHECKOUT > RIGHT SECTION > PRODUCT LIST ITEMS > CATEGORIES LABELS */

#checkout-checkout .product_list_section .cart_product_item .categories_container {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 7px;
    margin-bottom: 5px;
    border-bottom: 2px solid var(--accent_2);
}

#checkout-checkout .product_list_section .cart_product_item .categories_container>a {
    font-size: 12px;
    font-weight: 500;
    color: var(--accent_1);
    transition: all .12s;
}

#checkout-checkout .product_list_section .cart_product_item .categories_container>a:hover {
    color: var(--accent_2);
}

#checkout-checkout .product_list_section .cart_product_item .categories_container .separator {
    height: 15px;
    width: 1px;
    background: var(--accent_1);
    line-height: 1;
}

/*    -->        CHECKOUT > RIGHT SECTION > PRODUCT LIST ITEMS > CATEGORIES */


#checkout-checkout .product_list_section .cart_product_item .categories_container a {
    font-size: 16px !important
}

/*    -->        CHECKOUT > RIGHT SECTION > PRODUCT LIST ITEMS > NAME */

#checkout-checkout .product_list_section .cart_product_item h5 {
    margin: 0px !important;
    max-width: 235px;
}

#checkout-checkout .product_list_section .cart_product_item h5 a {
    font-size: 38px;
    font-weight: 900;
    line-height: 1.2 !important;
    color: var(--accent_1) !important;
}

/*    -->       CHECKOUT > RIGHT SECTION > PRODUCT LIST ITEMS > PRICE */

#checkout-checkout .product_list_section .cart_product_item .price {
    display: flex;
    align-items: flex-end;
}

#checkout-checkout .product_list_section .cart_product_item .price span {
    line-height: 1;
}

#checkout-checkout .product_list_section .cart_product_item .price span:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
}

#checkout-checkout .product_list_section .cart_product_item .price span:nth-child(2) {
    font-size: 38px;
    font-weight: 900;
    margin-left: 20px;
    transform: translateY(3px)
}

/*    -->       CHECKOUT > RIGHT SECTION > PRODUCT LIST ITEMS > MODEL */

#checkout-checkout .product_list_section .cart_product_item .model_section {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--font-family_averta);
}

/*    -->  HECKOUT > RIGHT SECTION > PRODUCT LIST ITEMS > REMOVE ITEM */

#checkout-checkout .product_list_section .cart_product_item button[onclick*="remove"] {
    padding: 0px;
    line-height: 1.2;
    border: none;
    background: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: var(--font-family_averta);
    text-decoration: underline;
}

/*    -->                                                                       CHECKOUT > RIGHT SECTION > TOTALS           
[2]   =========================================================================================================== */

#checkout-checkout .totals_section {
    height: 270px;
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}

#checkout-checkout .totals_section {
    margin-top: auto;
    display: block;

    background: var(--accent_5);
    width: 100%;
    padding: 25px 40px !important;
    /*     box-shadow: 0 -1px 40px 5px rgba(118, 118, 118, .5); */
    border-radius: 30px;
    margin-top: 40px;
}

#checkout-checkout .totals_section>div.container {
    width: 100%;
    max-width: 100%;
}

#checkout-checkout .totals_section .container .totals {
    justify-content: center;
    display: flex;
}



/*    -->   CHECKOUT > RIGHT SECTION > TOTALS > CONTENT                                               
  [3]   ------------------------------------------------------------- */


#checkout-checkout .totals_section .container .totals {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: 100%;
}

#checkout-checkout .totals_section .container .totals>div * {
    color: black !important;
}


#checkout-checkout .totals_section .container .totals>div {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    color: white;
    justify-content: flex-start;
    line-height: 1 !important;
    justify-content: flex-end;
}

#checkout-checkout .totals_section .container .totals>div .total-title {
    font-size: 18px;
    /* font-weight: 600; */
    display: flex;
    align-items: flex-end;
    text-transform: none;
    margin-right: 5px;
    padding-bottom: 4px;
    color: white !important;
}



#checkout-checkout .totals_section .container .totals>div .total-text {
    font-size: 30px;
    color: white !important;
    font-weight: 600;
    width: 275px;
    text-align: right;
}





#checkout-checkout .totals_section .totals .total-title {
    font-size: 20px !important;
    font-weight: 500;
    text-align: right;
}

#checkout-checkout .totals_section .totals .total-text {
    width: 180px;
    font-size: 20px;
    font-weight: 900;
}


#checkout-checkout .totals_section .totals>div:nth-last-child(2) .total-title:before {
    content: "+";
    margin-right: 3px
}

#checkout-checkout .totals_section .totals>div:last-child {
    border-top: 3px solid var(--accent_2);
    padding-top: 4px;
    margin-top: 16px;
}

#checkout-checkout .totals_section .totals>div:last-child .total-text {
    font-size: 45px;
}

#checkout-checkout .totals_section .totals>div:last-child .total-text {
    transform: translateY(4px)
}


/*    -->                                                                       CHECKOUT > RIGHT SECTION > COMMENTS           
[2]   =========================================================================================================== */

#checkout-checkout #content>div:nth-child(3) .comments {
    display: none !important;
}




/*    -->                                                                      CHECKOUT > RIGHT SECTION > BUTTONS          
[2]   =========================================================================================================== */

#checkout-checkout .buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 30px;
    padding-right: 50px;
}

#checkout-checkout .buttons>.send_offer button,
#checkout-checkout .buttons>.continue_browsing {
    width: 380px;
    box-shadow: none;
    border: none;
    background: white;
    color: var(--accent_1);
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #979797;
    height: 46px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: 20px;
    transition: all .12s;
}

#checkout-checkout .buttons>.send_offer button {
    justify-content: space-between;
}

#checkout-checkout .buttons>.send_offer button:hover,
#checkout-checkout .buttons>.continue_browsing:hover {
    background: var(--accent_2);
    border-color: var(--accent_2);
    color: white;
}

#checkout-checkout .buttons>.send_offer button:hover img {
    -webkit-filter: brightness(100);
    filter: brightness(100);
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PAGE: CHECKOUT-SUCCESS
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                CHECKOUT-SUCCESS > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html:not(.checkout-success) #prosfora_success {
    display: none !important;
}

html.checkout-success #content>*:not(#prosfora_success) {
    display: none;
}

html.checkout-success body {
    background-color: var(--accent_3);
}

html.checkout-success body>.container:has(#prosfora_success) {
    width: 1200px !important;
    padding: 163px 0px 80px 80px;
    border-radius: 20px;
    background-color: white !important;
}

#prosfora_success {
    width: 550px;
}

html.checkout-success body>.container:has(#prosfora_success) {
    background-image: url("/image/catalog/_assets2/checkout_success/bg.png");
    background-repeat: no-repeat;
    background-position: right top;
}

/*    -->                                                                                                                                CHECKOUT-SUCCESS > CONTENT
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                    CHECKOUT-SUCCESS > CONTENT > MESSAGE                               
  [2]   =========================================================================================================== */


#prosfora_success .text {
    font-size: 24px;
    font-weight: 500;
    width: 420px
}

/*    -->                                                             CHECKOUT-SUCCESS > CONTENT > THANK YOU NOTE                               
  [2]   =========================================================================================================== */

#prosfora_success .supertitle {
    display: flex;
    flex-direction: column;
    margin-block: 90px 50px;

}

#prosfora_success .supertitle span {
    font-size: 42px
}

/*    -->                                                               CHECKOUT-SUCCESS > CONTENT > PRINT BUTTON                               
[2]   =========================================================================================================== */


.download-pdf a {
    font-weight: bold;
    font-size: 18px;
    padding: 10px 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 20px;
    border: none !important;
    position: relative;
    box-shadow: none;
    transition: all .3s;
    background: var(--accent_2);
    color: white !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 40px
}



.download-pdf a:after {
    content: "";
    background: url("/image/catalog/_assets2/prosfora/arrow.svg");
    width: 16px;
    height: 24px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .3s;

    -webkit-filter: brightness(100);
    filter: brightness(100);
}

.download-pdf a:hover {
    background: var(--accent_1);
}




/*    -->                                                                CHECKOUT-SUCCESS > CONTENT > SELLER INFO                               
  [2]   =========================================================================================================== */

#prosfora_success .seller_info {
    position: relative;
    transform: none !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#prosfora_success .seller_info .seller_content {
    margin-top: 0px
}



/*    -->        CHECKOUT > RIGHT SECTION > SELLER INFO > TEXTS                                        
  [3]   ------------------------------------------------------------- */

#prosfora_success .seller_info .seller_texts {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#prosfora_success .seller_info .seller_texts .fullname {
    display: flex;
    gap: 10px;
}

#prosfora_success .seller_info .seller_texts .fullname>div {
    font-size: 38px !important;
}

#prosfora_success .seller_info .seller_texts>.contact_n_qr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px
}

#prosfora_success .seller_info .seller_texts>.contact_n_qr .contact {
    gap: 15px;
    display: flex;
    flex-direction: column;
}

#prosfora_success .seller_info .seller_texts>.contact_n_qr .contact div {
    font-weight: 500;
    font-size: 18px !important;
    white-space: nowrap
}

#prosfora_success .seller_info .seller_texts>.position {
    font-size: 25px !important;
    font-weight: 500;
    margin-top: -18px;
    margin-bottom: 10px;
}

/*    -->          CHECKOUT > RIGHT SECTION > SELLER INFO > IMAGE                                        
  [3]   ------------------------------------------------------------- */

#prosfora_success .seller_info .image {
    width: 140px;
    margin-left: auto;
}

#prosfora_success .seller_info .image img {
    width: 100%;
    height: auto;
}






/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION GROUP: ACCOUNT
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                  GROUP: ACCOUNT > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account-"]:not(.account-login) {
    padding-top: 180px;
}

html[class*="account-"]:not(.account-login) .row:has(#content):before,
html[class*="account-"]:not(.account-login) .row:has(#content):after {
    display: none !important;
}

html[class*="account-"]:not(.account-login):not(.account-order) .row:has(#content) {
    display: grid;
    grid-template-columns: 700px 500px;
}

html[class*="account-"]:not(.account-login) .row:has(#content)>* {
    width: 100% !important;
}

/*    -->                                                                                                                              GROUP: ACCOUNT > BACKGROUND
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account-"]:not(.account-login) {
    background: url("/image/catalog/_assets2/account_page/rectangle.png");
    background-repeat: no-repeat;
    background-size: auto 500px !important;
}

html[class*="account-"]:not(.account-login) body {
    background: none;
}

/*    -->                                                                                                                                 GROUP: ACCOUNT > SIDEBAR
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html[class*="account-"]:not(.account-login) .row:has(#content)>aside {
    padding-left: 170px;
    padding-top: 100px;
}

html[class*="account-"]:not(.account-login) .row:has(#content)>aside .list-group {
    gap: 25px;
    display: flex;
    flex-direction: column;
}

html[class*="account-"]:not(.account-login) .row:has(#content)>aside .list-group>a {
    font-size: 14px !important;
    color: var(--accent_1);
    border: none;
    padding: 0px;
    background: none;
    text-shadow: None !important;
    transition: all .12s;
}

html[class*="account-"]:not(.account-login) .row:has(#content)>aside .list-group>a.current {
    font-weight: bold;
    pointer-events: none !important;
}

html[class*="account-"]:not(.account-login) .row:has(#content)>aside .list-group>a:hover {
    color: var(--accent_2);
}

/*    -->                                                                                                                                 GROUP: ACCOUNT > CONTENT
  [1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                      GROUP: ACCOUNT > CONTENT > TITLES                                             
  [2]   =========================================================================================================== */

html[class*="account-"]:not(.account-login) #content h1 {
    font-size: 38px;
    font-weight: 900;
    line-heighT: 1.2;
    color: var(--accent_2);
    margin-bottom: 40px;
}

html[class*="account-"]:not(.account-login) #content form legend {
    display: none !important;
}

/*    -->                                                                 GROUP: ACCOUNT > CONTENT > INPUT FIELDS                                             
  [2]   =========================================================================================================== */

html[class*="account-"]:not(.account-login) #content form fieldset {
    display: flex;
    flex-direction: column;
    gap: 15px
}

html[class*="account-"]:not(.account-login) #content .form-group>div {
    width: 100%;
}

html[class*="account-"]:not(.account-login) #content form label {
    display: none !important;
}

html[class*="account-"]:not(.account-login) #content form input::-webkit-input-placeholder {
    color: var(--accent_1) !important;
}

html[class*="account-"]:not(.account-login) #content form input::-moz-placeholder {
    color: var(--accent_1) !important;
}

html[class*="account-"]:not(.account-login) #content form input:-ms-input-placeholder {
    color: var(--accent_1) !important;
}

html[class*="account-"]:not(.account-login) #content form input::-ms-input-placeholder {
    color: var(--accent_1) !important;
}

html[class*="account-"]:not(.account-login) #content form input::placeholder {
    color: var(--accent_1) !important;
}

html[class*="account-"]:not(.account-login) #content form input {
    border-radius: 0px;
    box-shadow: none;
    outline: none;
    font-size: 15px;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid #ccc;
    background: transparent !important;
}

/*    -->                                                                      GROUP: ACCOUNT > CONTENT > BUTTONS                                             
  [2]   =========================================================================================================== */

html[class*="account-"]:not(.account-login) .row:has(#content) #content .buttons {
    margin-top: 40px;
}

html[class*="account-"]:not(.account-login) .row:has(#content) #content .buttons .pull-left {
    display: none !important;
}




/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PAGE: ACCOUNT ORDERS (ΙΣΤΟΡΙΚΟ ΠΡΟΣΦΟΡΩΝ)
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

.account-order #content h1 {
    margin-top: 8px
}


.account-order #column-left {
    position: absolute;
    left: var(--window_gutter);
    top: 180px;
}


/*    -->                                                                                                                   PAGE: ACCOUNT ORDERS > FILTERS SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


.account-order .filters_section {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    padding-right: 470px;
}

#account-order .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.account-order .filters_section .form-group:last-child {
    margin-top: 46px;
}


/*    -->                                                         PAGE: ACCOUNT ORDERS > FILTERS SECTION > TITLES                                           
[2]   =========================================================================================================== */


.account-order .filters_section .form-group .form_title {
    color: #270F45;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}

/*    -->                                                         PAGE: ACCOUNT ORDERS > FILTERS SECTION > FIELDS                                           
[2]   =========================================================================================================== */

.account-order .filters_section .form-group .form_fields {
    display: flex;
    gap: 30px;
    margin-top: 16px;
    align-items: flex-end
}

.account-order .filters_section .form-group .form_fields>*:is(input, select) {
    border: none;
    border-bottom: 1px solid rgba(39, 15, 69, .24);
    border-radius: 0px;
    box-shadow: none;
    font-weight: bold;
    font-size: 16px;
    padding: 0px;
    padding: 0px 10px 0px;
    /* width: 314px; */
    width: 100%;
    color: #270F45;
    height: 30px;
}

.account-order .filters_section .form-group .form_fields>*:is(input, select)::-webkit-input-placeholder {
    font-size: 15px !important;
    font-weight: normal;
    color: #270F45;
    font-weight: 400;
}

.account-order .filters_section .form-group .form_fields>*:is(input, select)::-moz-placeholder {
    font-size: 15px !important;
    font-weight: normal;
    color: #270F45;
    font-weight: 400;
}

.account-order .filters_section .form-group .form_fields>*:is(input, select):-ms-input-placeholder {
    font-size: 15px !important;
    font-weight: normal;
    color: #270F45;
    font-weight: 400;
}

.account-order .filters_section .form-group .form_fields>*:is(input, select)::-ms-input-placeholder {
    font-size: 15px !important;
    font-weight: normal;
    color: #270F45;
    font-weight: 400;
}

.account-order .filters_section .form-group .form_fields>*:is(input, select)::placeholder {
    font-size: 15px !important;
    font-weight: normal;
    color: #270F45;
    font-weight: 400;
}

.account-order .filters_section .form-group .form_fields input[type="date"] {
    width: 170px;
}

.account-order .filters_section .form-group .form_fields select {
    width: 245px;
}

/*    -->                                                         PAGE: ACCOUNT ORDERS > FILTERS SECTION > BUTTON                                           
[2]   =========================================================================================================== */

#orderlist_search_button {
    margin-top: 50px;
}

#orderlist_search_button:before {
    border-width: 3px;
}



/*    -->                                                                                                                   PAGE: ACCOUNT ORDERS > RESULTS SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.account-order .results_section {
    margin-top: 130px;
    /* padding-inline: 170px; */
}

/*    -->                                                         PAGE: ACCOUNT ORDERS > RESULTS SECTION > LAYOUT                                           
[2]   =========================================================================================================== */

.account-order .results_section table {
    width: 100%;
    border-collapse: separate;
}

/*    -->                                                         PAGE: ACCOUNT ORDERS > RESULTS SECTION > HEADER                                           
[2]   =========================================================================================================== */

.account-order .results_section thead {}

.account-order .results_section thead tr th {
    padding-bottom: 13px;
    text-align: center;
    border-bottom: 3px solid var(--accent_2) !important;
    cursor: pointer;
    white-space: nowrap;
}

.account-order .results_section tbody tr td {
    background: #F1EDF5;
    padding: 15px;
    border-top: 40px solid white;
    text-align: center;
    line-height: 1.2;
    height: 108px !important;
}

.account-order .results_section tbody tr td .print {
    margin-inline: 10px;
}

.account-order .results_section tbody tr {
    border-radius: 10px !important;
}

/*    -->     PAGE: ACCOUNT ORDERS > RESULTS SECTION > HEADER > ASCENDING/DESCENDING                                           
[3]   ------------------------------------------------------------- */

.account-order .results_section thead tr th {
    min-width: 70px;
    position: relative;
}

.account-order .results_section thead tr th:not(:last-child)::after {
    content: "";
    width: 20px !important;
    height: 20px;
    padding: 0px;
    margin-bottom: -6px;
    background-size: cover !important;
    background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 16l-6-6h12z'/%3E%3C/g%3E%3C/svg%3E");
    transition: all .17s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    opacity: 0;
    margin-top: -1px;
    margin-left: -5px;
}

.account-order .results_section thead tr th:not(:last-child).sorting_asc::after {
    opacity: 1;
    margin-left: 0px;
    transform: translateY(-50%) rotate(180deg);

}

.account-order .results_section thead tr th:not(:last-child).sorting_desc::after {
    opacity: 1;
    margin-left: 0px;
}



/*    -->                                                     PAGE: ACCOUNT ORDERS > RESULTS SECTION > RESULTS NUMBER                              
[2]   =========================================================================================================== */

#table-orders_length {
    margin-bottom: 30px;
}

#table-orders_length label {
    font-size: 15px
}

#table-orders_length label select {
    margin-inline: 5px;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(39, 15, 69, .24);
    border-radius: 0px;
    box-shadow: none;
    font-weight: bold;
    font-size: 16px;
    padding: 0px;
    padding: 0px 10px 0px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #270F45;
    height: 30px;
}



/*    -->                                                        PAGE: ACCOUNT ORDERS > RESULTS SECTION > DELTIO                               
[2]   =========================================================================================================== */

.deltio input {
    width: 100px;
}

/*    -->                                                   PAGE: ACCOUNT ORDERS > RESULTS SECTION > INPUT FIELDS                               
[2]   =========================================================================================================== */

.status select,
.deltio input {
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #47376C !important;
    background: rgba(255, 255, 255, .7) !important;
    height: 30px;
    padding: 0px 5px !important;
    margin: 0px !important;

    box-shadow: none !important;
    outline: none !important;
    font-size: inherit;
    color: inherit;
}

.status select:disabled,
.deltio input:disabled {
    background-color: transparent !important;
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: default !important;
    text-align: center
}


/*    -->                                                        PAGE: ACCOUNT ORDERS > RESULTS SECTION > BUTTONS                               
[2]   =========================================================================================================== */

.links>div>* {
    transition: all .2s;
}

.links>div>*:active {
    transform: scale(0.7);
}

.links>div {
    display: flex;
    gap: 5px;
    width: 137px
}

.links>div>*:is(.edit, .save, .cancel),
.links>div>*:is(.edit, .save, .cancel) * {
    padding: 0px !important;
    border: none !important;
    margin: 0px !important;
    line-height: 1 !important;
    width: 30px !important;
    height: 30px !important;
}

.links>div>*:is(.edit, .save, .cancel) button {
    background: #47376C;
    border-radius: 5px;
}

.links>div>*:is(.edit, .save, .cancel) button svg {
    -webkit-filter: brightness(100);
    filter: brightness(100);
}

/*    -->                                                     PAGE: ACCOUNT ORDERS > RESULTS SECTION > PAGINATION                                           
[2]   =========================================================================================================== */

#table-orders {
    margin-bottom: 50px;
}

#table-orders_info,
#table-orders_paginate {
    text-align: center;
    display: flex;
    justify-content: center;
}

#table-orders_info *,
#table-orders_paginate * {
    color: var(--accent_1);
}

/*    -->  PAGE: ACCOUNT ORDERS > RESULTS SECTION > PAGINATION > PAGE INFO                                                  
[3]   ------------------------------------------------------------- */

#table-orders_info {
    margin-bottom: 20px;
}

#table-orders_paginate a {
    padding: 5px 10px;
    background: #F1EDF5;
    font-weight: bold;
    cursor: pointer;
    transition: all .12s;
}

#table-orders_paginate a.current {
    background: var(--accent_2);
    color: white !important;
}

#table-orders_paginate a:not(.current):hover {
    color: var(--accent_2);
}

/*    -->  PAGE: ACCOUNT ORDERS > RESULTS SECTION > PAGINATION > PAGINATION                                  
[3]   ------------------------------------------------------------- */

#table-orders_paginate {
    display: flex !important;
    gap: 20px;
}

#table-orders_paginate span {
    display: flex;
    gap: 10px;
}


/*    -->                                                         PAGE: ACCOUNT ORDERS > RESULTS SECTION > FOOTER                                           
[2]   =========================================================================================================== */

/* .account-order footer .aos-init {
    opacity: 1;
    transform: none
} */












/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PAGE: ACCOUNT-EDIT
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                              PAGE: ACCOUNT-EDIT > CONTENT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     PAGE: ACCOUNT-EDIT > CONTENT > LAYOUT                      
[2]   =========================================================================================================== */

html.account-edit #content fieldset {
    display: grid !important;
    grid-template-areas:
        "fullname   image"
        "position   image"
        "telephone   image"
        "mobile   image"
        "email   image";
    gap: 12px !important;
    grid-template-columns: auto auto
}

html.account-edit #content fieldset .form-group {
    margin-inline: 0px;
    margin-bottom: 0px
}

html.account-edit #content fieldset .form-group>* {
    padding: 0px;
    margin: 0px !important;
    display: flex;
    align-items: center
}

/*    -->                                                              PAGE: ACCOUNT-EDIT > CONTENT > ITEMS: COMMON               
  [2]   =========================================================================================================== */


html.account-edit #content fieldset>.form-group>div:before {
    font-weight: 500 !important;
    margin-right: 5px;
    font-size: 18px;
    color: var(--accent_1) !important
}

html.account-edit #content fieldset>.form-group input {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 1;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-inline: 0px;
    border: none;
    font-size: 18px;
    font-weight: 500 !important;
    color: var(--accent_1) !important;
    cursor: pointer;
}

/*    -->          PAGE: ACCOUNT-EDIT > CONTENT > ITEMS: COMMON > HOVERS                                   
[3]   ------------------------------------------------------------- */

html.account-edit #content fieldset>.form-group input {
    transition: all .16s;
}

html.account-edit #content fieldset>.form-group:has(button)>div {
    transition: all .2s;
}

html.account-edit #content fieldset>.form-group input:hover,
html.account-edit #content fieldset>.form-group input:focus {
    border-color: var(--accent_1);
    color: var(--accent_2) !important;
}

html.account-edit #content fieldset>.form-group:has(button)>div {
    border: 2px solid transparent;
    padding: 5px;
}

html.account-edit #content fieldset>.form-group:has(button)>div:hover {
    border-color: var(--accent_2);
}


/*    -->                                                             PAGE: ACCOUNT-EDIT > CONTENT > ITEMS: SPECIFIC                  
[2]   =========================================================================================================== */

/*    -->            PAGE: ACCOUNT-EDIT > CONTENT > ITEMS > FULLNAME                                            
[3]   ------------------------------------------------------------- */


html.account-edit #content fieldset>.form-group:has(input[placeholder*="Επώνυμο"])>.firstname_wrapper {
    margin-right: 10px !important;
}

html.account-edit #content fieldset>.form-group:has(input[placeholder*="Επώνυμο"]) {
    grid-area: fullname;
    display: flex;
    justify-content: flex-start;
}

html.account-edit #content fieldset>.form-group:has(input[placeholder*="Επώνυμο"])>div {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

html.account-edit #content fieldset>.form-group:has(input[placeholder*="Επώνυμο"]) input {
    font-size: 22px;
    font-weight: bold !important;
}

/*    -->                PAGE: ACCOUNT-EDIT > CONTENT > ITEMS > ΟΝΟΜΑ                                            
[3]   ------------------------------------------------------------- */


/* html.account-edit #content fieldset>.form-group:has(input[placeholder*="Όνομα"]) {
    grid-area: first_name;
}

html.account-edit #content fieldset>.form-group:has(input[placeholder*="Όνομα"]) input {
    font-size: 22px;
    font-weight: bold !important;
} */

/*    -->                PAGE: ACCOUNT-EDIT > CONTENT > ITEMS > ΘΕΣΗ                                            
[3]   ------------------------------------------------------------- */

html.account-edit #content fieldset>.form-group:has(input[placeholder*="Θέση"]) {
    grid-area: position;
}

html.account-edit #content fieldset>.form-group:has(input[placeholder*="Θέση"]) input {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: -5px;
    font-weight: bold !important;
}

/*    -->                PAGE: ACCOUNT-EDIT > CONTENT > ITEMS > EMAIL                                            
[3]   ------------------------------------------------------------- */

html.account-edit #content fieldset>.form-group:has(input[placeholder*="E-mail"]) {
    grid-area: email;
}

html.account-edit #content fieldset>.form-group:has(input[placeholder*="E-mail"])>div:before {
    content: "E.";
}

/*    -->             PAGE: ACCOUNT-EDIT > CONTENT > ITEMS > ΤΗΛΕΦΩΝΟ                                            
[3]   ------------------------------------------------------------- */

html.account-edit #content fieldset>.form-group:has(input[placeholder*="Τηλέφωνο"]) {
    grid-area: telephone
}

html.account-edit #content fieldset>.form-group:has(input[placeholder*="Τηλέφωνο"])>div:before {
    content: "T.";
}


/*    -->             PAGE: ACCOUNT-EDIT > CONTENT > ITEMS > ΚΙΝΗΤΟ                                            
[3]   ------------------------------------------------------------- */

html.account-edit #content fieldset>.form-group:has(input[placeholder*="Κινητό"]) {
    grid-area: mobile;
}

html.account-edit #content fieldset>.form-group:has(input[placeholder*="Κινητό"])>div:before {
    content: "M."
}

/*    -->                PAGE: ACCOUNT-EDIT > CONTENT > ITEMS > IMAGE                                            
[3]   ------------------------------------------------------------- */

html.account-edit #content fieldset>.form-group:has(button) {
    grid-area: image;
    padding: 0px;
    overflow: hidden;
    margin-left: auto
}

html.account-edit #content fieldset>.form-group:has(button)>div {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    width: 145px;
    max-width: 145px;
    position: relative;
}

html.account-edit #content fieldset>.form-group:has(button)>div img {
    width: 100%;
    height: auto;
}

html.account-edit #content fieldset>.form-group:has(button)>div button {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0 !important;

}



















/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PAGE: LOGIN
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                     PAGE: LOGIN > HEADER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.account-login header>.right_container .content_wrapper {
    aspect-ratio: 706/206;
    width: 706px;
    background: url("/image/catalog/_assets2/intro/4.png") !important;
}

.account-login header>.right_container .content_wrapper>div {
    visibility: hidden;
    display: none;
    pointer-events: none;
}

.account-login #menu_toggle_button {
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0;
}

.account-login #logo {
    pointer-events: none;
}

/*    -->                                                                                                                                     PAGE: LOGIN > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.account-login {
    padding-top: 250px;
}

.account-login .info_wrapper,
.account-login .alert-danger,
.account-login .alert-success {
    width: 500px;
    margin-left: auto;
    margin-right: 180px
}

/*    -->                                                                       PAGE: LOGIN > LAYOUT > BACKGROUND
[2]   =========================================================================================================== */

.account-login {
    background: url("/image/catalog/_assets2/intro/2.png") !important;
    background-repeat: no-repeat !important;

    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    height: 100%;
}

.account-login body {
    background: transparent;
}

/*    -->                                                                                                                                     PAGE: LOGIN > ALERT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


.account-login .alert-danger,
.account-login .alert-SUCCESS {
    margin-bottom: 45px !important;
}

/*    -->                                                                                                                                     PAGE: LOGIN > TITLES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.account-login .info_wrapper .subtitle {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    font-size: 42px;
}

.account-login .info_wrapper .subtitle>span:first-child {
    color: var(--accent_2);
}

/*    -->                                                                                                                                       PAGE: LOGIN > FORM
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.account-login form {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px
}

/*    -->                                                                              PAGE: LOGIN > FORM > INPUT
[2]   =========================================================================================================== */

.account-login .form-group {
    background: none !important;
    box-shadow: none !important;
}

.account-login .form-group input {
    border-radius: 0px;
    box-shadow: none;
    outline: none;
    font-size: 15px;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid var(--accent_1);
    background: transparent !important;
}

.account-login .form-group input::-webkit-input-placeholder {
    color: var(--accent_1);
}

.account-login .form-group input::-moz-placeholder {
    color: var(--accent_1);
}

.account-login .form-group input:-ms-input-placeholder {
    color: var(--accent_1);
}

.account-login .form-group input::-ms-input-placeholder {
    color: var(--accent_1);
}

.account-login .form-group input::placeholder {
    color: var(--accent_1);
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: var(--accent_1) !important;
}

/*    -->                                                                             PAGE: LOGIN > FORM > BUTTON
[2]   =========================================================================================================== */

.account-login .form-group .btn-primary {
    margin-top: 35px;
    margin-inline: auto
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PAGE: NOT FOUND
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

body>#error-not-found h1 {
    padding-top: 210px;
}

body>#error-not-found #content {
    text-align: center
}

body>#error-not-found h1+p {
    display: none;
}

body>#error-not-found .pull-right {
    float: none !important;
    margin-right: auto;
    margin-left: 0px;
    margin-top: 50px !important;
    margin-inline: auto !important;
    text-align: center !important;
}

body>#error-not-found .pull-right .btn-primary {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PAGE: COMMON SUCCESS
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


body>#common-success h1+p {
    display: none;
}

body>#common-success .pull-right {
    float: none !important;
    margin-right: auto;
    margin-left: 0px;
    margin-top: 50px !important;
    margin-inline: auto !important;
    text-align: center !important;
}

body>#common-success .pull-right .btn-primary {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION INFORMATION: OUR CLIENTS
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


/*    -->                                                                                                                                 INFORMATION: OUR CLIENTS          
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.information-id-7 #information-information {
    padding-top: 250px
}

/*    -->                                                                        INFORMATION: OUR CLIENTS > TITLE                             
[2]   =========================================================================================================== */

.information-id-7 #information-information #content>h1 {
    display: none;
}

/*    -->                                                              INFORMATION: OUR CLIENTS > HIDE VIEW MORE                             
[2]   =========================================================================================================== */

.information-id-7 #information-information #content .clients_module .view_more {
    display: none !important;
}

/*    -->                                                                        INFORMATION: OUR CLIENTS > TABS                             
[2]   =========================================================================================================== */

/*    -->                   INFORMATION: OUR CLIENTS > TABS > NAVIGATION                             
[3]   ------------------------------------------------------------- */

.information-id-7 #information-information .nav-tabs {
    border: none;
    padding: 0px;
    display: flex;
    gap: 30px;
    margin-block: 50px 100px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

.information-id-7 #information-information .nav-tabs:before,
.information-id-7 #information-information .nav-tabs:after {
    display: none;
}

.information-id-7 #information-information .nav-tabs li {
    border: none;
    padding: 0px;
}

.information-id-7 #information-information .nav-tabs li a {
    border: none;
    color: var(--accent_1);
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    border: 1px solid #979797;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all .15s;
    background: white;
    padding-inline: 20px;
}

.information-id-7 #information-information .nav-tabs li a:hover {
    border-color: var(--accent_2);
    color: var(--accent_2);
}

.information-id-7 #information-information .nav-tabs li.active a {
    background: var(--accent_2);
    color: white;
    border-color: var(--accent_2);
}

/*    -->                 INFORMATION: OUR CLIENTS > TABS > CONTENT                             
[3]   ------------------------------------------------------------- */



.information-id-7 #information-information .tab-content>.tab-pane {
    min-height: 600px;
}

.information-id-7:not(.page_loaded) #information-information .tab-content>.tab-pane {
    /* to keep footer animations functioning */
    height: 600px !important;
}




.information-id-7 #information-information .tab-content .carousel {
    border: none;
    box-shadow: none;
}

.information-id-7 #information-information .tab-content .section_title,
.information-id-7 #information-information .tab-content .view_more {
    display: none;
}

.information-id-7 #information-information .tab-content .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    justify-content: space-between;
    gap: 60px 20px
}

.information-id-7 #information-information .tab-content .swiper-wrapper .text_container {
    display: none !important;
}








/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION PRODUCT PARTIALS
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


/*    -->                                                                                                                        PRODUCT PARTIALS > ACROSS MODULES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#search_contents .live-search-div>ul>li>div:hover,
#cart .cart_product_item:hover,
.product-thumb:hover,
#checkout-checkout .product_list_section .cart_product_item:hover {
    border-color: #E3D4F1
}

#search_contents .live-search-div>ul>li>div,
#cart .cart_product_item,
.product-thumb,
#checkout-checkout .product_list_section .cart_product_item {
    transition: all .18s;
}

/*    -->                                                                                                                                PRODUCT PARTIALS > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb {
    background: #f1ecf6;
    border-radius: 20px;
    border: none;
    padding: 34px;
    border: 3px solid #f1ecf6;
}



.product-thumb .caption {
    padding-inline: 0px;
}



/*    -->                                                              PRODUCT PARTIALS > LAYOUT > BOTTOM SECTION                             
[2]   =========================================================================================================== */

.product-thumb .bottom_section {
    display: flex;
    justify-content: space-between;

}

/*    -->                                                                                                                            PRODUCT PARTIALS > CATEGORIES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .categories_container {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid var(--accent_2);
}

.product-thumb .categories_container>a {
    font-size: 20px;
    font-weight: 500;
    color: var(--accent_1);
    transition: all .12s;
}

.product-thumb .categories_container>a:hover {
    color: var(--accent_2);
}

.product-thumb .categories_container .separator {
    height: 15px;
    width: 1px;
    background: var(--accent_1);
    line-height: 1;
}




/*    -->                                                                                                                                PRODUCT PARTIALS > LABELS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .labels_container {
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid var(--accent_2);
    display: none !important;
}

.product-thumb .labels_container>div {
    font-size: 20px;
    font-weight: 500;
}

/*    -->                                                                                                                                 PRODUCT PARTIALS > TITLE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb h5 a {
    font-size: 38px;
    font-weight: 900;
    color: var(--accent_1);

    line-height: 1.2;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;

    height: 183px;
    transition: all .12s;
}

/* .product-thumb h5 a:hover {
    color: var(--accent_2);
} */

/*    -->                                                                                                                                 PRODUCT PARTIALS > PRICE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/*    -->                                                                        PRODUCT PARTIALS > PRICE > FINAL                       
[2]   =========================================================================================================== */

.product-thumb .price,
.product-thumb .price .price-new {
    font-size: 38px;
    line-height: 46px;
    font-weight: 900;
    color: var(--accent_1);
}

/*    -->                                                                     PRODUCT PARTIALS > PRICE > PREVIOUS                       
[2]   =========================================================================================================== */

.product-thumb .price .price-old {
    font-weight: normal;
    margin-left: 0px;
}


/*    -->                                                                    PRODUCT PARTIALS > PRICE > HIDE VAT                              
[2]   =========================================================================================================== */

.product-thumb .price-tax {
    display: none;
}

/*    -->                                                                                                                    PRODUCT PARTIALS > ADD TO CART BUTTON
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb button {
    border: none;
    background: None;
    width: 50px;
    height: 50px;
    position: relative;
}


button:has(.not_yet_added) .not_yet_added {
    transition: all .35s;
}

button:has(.not_yet_added):hover .not_yet_added {
    transform: rotate(90deg);
}

.product-thumb button .already_added {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;

    transform-origin: center center;
    transform: scale(0);
}


/*    -->                                                                                                                         PRODUCT PARTIALS > ALREADY ADDED 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb.added_to_cart button .already_added {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}