.radio[for="worldline"] { display: none; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> COMMON VVV VVV VVV VVV VVV VVV VVV */ ::-webkit-scrollbar { -webkit-appearance: none; overflow: auto; } ::-webkit-scrollbar:vertical { width: 12px; } ::-webkit-scrollbar:horizontal { height: 12px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; } /* #common-home #content .slideshow, */ /* .common-home header { display: block; } */ input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } html { overflow-x: hidden !important; } html { scroll-padding-top: 300px; } .account-wishlist #account-wishlist .btn.btn-danger { border-color: var(--accent2) !important; background-color: var(--accent2) !important; background-image: unset !important; box-shadow: unset !important; text-shadow: unset !important; } #account-wishlist td .btn.btn-danger svg * { fill: white; stroke: white; color: white; } #account-wishlist td .btn.btn-primary { background: black !important; } /* --> COMMON > COLORS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body { --accent1: #231F20; --accent2: #9A003A; } .alert-warning { background-color: #fff2f1; } ::-webkit-scrollbar-thumb { background: var(--accent2); border-radius: 50px; } ::-webkit-scrollbar { background: rgba(0, 0, 0, 0.1); width: 5px; border-radius: 13px; } :hover::-webkit-scrollbar-thumb { background: var(--accent2); } /* --> COMMON > DIMENSIONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body { --minicart-width: 635px; --responsivePadding: clamp(15px, 3vw, 45px) } @media(max-width: 768px) { body { overflow-x: hidden; } .module_home_sections { z-index: -1 !important; } } /* --> COMMON > BREADCRUMBS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumb, .breadcrumb a { white-space: normal; } /* --> COMMON > PAGINATION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mfilter-content-container>div>.row:last-child { margin: 30px 0px 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: transparent !important; color: var(--accent2); font-weight: bold; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li>a, .pagination>li>span { color: #000; border: none; } .pagination { padding: 0px 45px; } /* --> COMMON > ALERT MESSAGES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-cart .text-danger { font-weight: bold; font-size: 21px; bottom: -6px; display: inline-block; position: relative; } .text-danger { color: var(--accent2); } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; z-index: 9; position: relative; align-items: center; display: flex; gap: 4px; justify-content: center; border-color: green; border-radius: 0px !important; } /* --> COMMON > BUTTONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .well .btn-primary, .pull-right .btn-primary, .pull-left .btn-primary, .well .btn, .pull-right .btn:not(.language-select):not([onclick*="remove"]), .pull-left .btn:not(.language-select):not([onclick*="remove"]) { padding: 5px 35px !important; font-size: 16px !important; font-weight: bold !important; display: flex !important; justify-content: center !important; height: 50px !important; align-items: center; line-height: 1; text-transform: uppercase; background: none; box-shadow: none; border: none; border-radius: 0px; box-sizing: border-box; color: black; border: 1px solid black; text-shadow: none !important; transition: all .2s; } .pull-right .btn-primary, .pull-right .btn:not(.language-select):not([onclick*="remove"]) { background: black !important; color: white !important; border-color: black !important; } .well .btn-primary:hover, .pull-right .btn-primary:hover, .pull-left .btn-primary:hover, .well .btn:hover, .pull-right .btn:not(.language-select):not([onclick*="remove"]):hover, .pull-left .btn:not(.language-select):not([onclick*="remove"]):hover { background: var(--accent2) !important; border-color: var(--accent2) !important; color: white !important; } /* --> COMMON > AROUND THE PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html { scroll-behavior: smooth; } html .cc-bottom, html .zopim, #sa-badge-floating-plugin, #shopflix-badge, #launcher, #shopflix-badge, #ac-menu, .logo-container-main, .menu-action, header .list-inline.menu-right-section { transition: all 0.3s !important; } html[class*="burger_menu_enabled"] #shopflix-badge, html[class*="cart_enabled"] #shopflix-badge, html[class*="filters_enabled"] #shopflix-badge, html[class*="search_enabled"] #shopflix-badge, html[class*="html_has_extra_content_enabled"] #shopflix-badge, html[class*="burger_menu_enabled"] #launcher, html[class*="cart_enabled"] #launcher, html[class*="filters_enabled"] #launcher, html[class*="search_enabled"] #launcher, html[class*="html_has_extra_content_enabled"] #launcher, html[class*="filters_enabled"] .cc-bottom, html[class*="search_enabled"] .cc-bottom, html[class*="html_has_extra_content_enabled"] .cc-bottom, html[class*="burger_menu_enabled"] #sa-badge-floating-plugin, html[class*="cart_enabled"] #sa-badge-floating-plugin, html[class*="filters_enabled"] #sa-badge-floating-plugin, html[class*="search_enabled"] #sa-badge-floating-plugin, html[class*="html_has_extra_content_enabled"] #sa-badge-floating-plugin, html[class*="burger_menu_enabled"] .zopim, html[class*="cart_enabled"] .zopim, html[class*="filters_enabled"] .zopim, html[class*="search_enabled"] .zopim, html[class*="html_has_extra_content_enabled"] .zopim { transform: translateY(250px) !important; } html[class*="menu_revealed"] .cc-revoke.cc-bottom.cc-left, html[class*="html_has_extra_content_enabled"] .cc-revoke.cc-bottom.cc-left, html[class*="burger_menu_enabled"] #ac-menu, html[class*="cart_enabled"] #ac-menu, html[class*="filters_enabled"] #ac-menu, html[class*="search_enabled"] #ac-menu, html[class*="html_has_extra_content_enabled"] #ac-menu { transform: translateX(-250px) } html:is(.cart_enabled, .menu_revealed) #ac-menu { transform: translateX(250px) !important; } @media(max-width: 768px) { /* .side-filters-on header { opacity: 0 !important; visibility: hidden !important; } */ /* .product-category { padding-top: 87px !important; margin-top: 0px !important; } */ html.product-category, html.product-category body, html.product-search, html.product-search body { -webkit-overflow-scrolling: unset !important; } } /* --> COMMON > AROUND THE PAGE > ACCESSIBILITY [2] =========================================================================================================== */ #ac-menu { z-index: 999 !important; } #ac-menu { /* top: 50% !important; transform: translateY(-50%); */ bottom: 0px !important; top: unset !important; transform: none !important; } #ac-menu .ac-menu-toggle { bottom: 50px !important; top: unset !important; transform: scale(.75); padding: 0px; transform-origin: right; border-radius: 100% 0 0 100% !important; overflow: hidden !important; } /* --> COMMON > AROUND THE PAGE > ACCESSIBILITY > MOVE TO RIGHT SIDE [3] ------------------------------------------------------------- */ #ac-menu { left: unset !important; right: -180px !important; } #ac-menu .ac-menu-toggle { left: unset !important; right: 180px !important; } #ac-menu.ac-menu-open { right: 0px !important; } /* --> COMMON > GENERIC INTRO IMAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-intro h1 { color: white; font-size: 35px; text-align: center; font-weight: 300; margin-top: 0px; text-transform: uppercase; z-index: 5; text-shadow: 1px 1px 5px #000; } .category-intro.image-with-descripion .breadcrumb { z-index: 5; padding-left: 0; display: none !important; } #checkout-cart, #checkout-cart { padding-left: 0; padding-right: 0; } #checkout-cart>.row, #product-manufacturer>.row { padding-top: 45px; padding-bottom: 45px; } .checkout-cart #content { padding-left: 40px; padding-right: 40px; } .checkout-checkout #agree, .checkout-checkout #newsletter { position: relative; margin: unset; } /* --> COMMON > ADD TO WISHLIST CUSTOM ALERT POPUP [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wishlist_alert { width: 300px !important; max-width: 100vw; position: fixed; z-index: 999; display: inline-block; left: 0px; top: 50%; padding: 25px !important; box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .3); border-left: none; transition: all .3s; opacity: 0; visibility: hidden; transform: translateX(-100%) translateY(-50%); } .wishlist_alert .close { position: absolute; right: -2px; top: -4px; display: none !important; } .wishlist_alert_activated .wishlist_alert { transform: translateX(0px) translateY(-50%); opacity: 1; visibility: visible; } /* --> COMMON > NEWSLETTER POPUP [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> COMMON > NEWSLETTER POPUP > DISABLE [2] =========================================================================================================== */ /* .modal-backdrop, #storesModal { display: none !important; } .modal-open { overflow: auto; } */ /* --> COMMON > NEWSLETTER POPUP > LAYOUT [2] =========================================================================================================== */ .modal-backdrop { display: block !important; z-index: 99999; } #storesModal { display: block !important; padding-right: 0px !important; visibility: hidden; } #storesModal .modal-content { width: 600px !Important; max-width: 100% !Important; } html.newsletter_modal_enabled footer { z-index: 999999 } html.newsletter_modal_enabled #storesModal { z-index: 9999999999999 !important; visibility: visible !important; opacity: 1 !important; } html.newsletter_modal_enabled #storesModal .modal-dialog { transform: none !important; } html:before { content: ""; background: rgba(0, 0, 0, .5); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; transition: all .3s; opacity: 0; visibility: hidden; } html.newsletter_modal_enabled:before { opacity: 1; visibility: visible; } html.newsletter_modal_enabled .modal-backdrop { opacity: 1 !important; visibility: visible !important; } .modal-backdrop { background: rgba(0, 0, 0, .7) !important; } /* body:not(.modal-open) .modal-backdrop { opacity: 0 !important; visibility: hidden !important; } */ /* --> COMMON > NEWSLETTER POPUP > MODAL AGREE [2] =========================================================================================================== */ #modal-agree { z-index: 999999999999999999999999999999999999999 !important; position: fixed !important; max-height: calc(100vh - 100px); } html.newsletter_modal_enabled #modal-agree+.modal-backdrop { display: none !important; } /* --> COMMON > NEWSLETTER POPUP > HEADER [2] =========================================================================================================== */ #storesModal .modal-header { padding-bottom: 0px; border: none; } /* --> COMMON > NEWSLETTER POPUP > CLOSE [2] =========================================================================================================== */ #storesModal .modal-header { padding-bottom: 0px; border: noone; } #storesModal button.close { padding: 0px !important; } #storesModal .close-icon svg { /* filter:brightnes(0) !important; */ background: white !important; width: 30px; height: 30px; border-radius: 100%; position: absolute; top: 10px; right: 10px; padding: 3px } /* --> COMMON > NEWSLETTER POPUP > FORM [2] =========================================================================================================== */ #storesModal .news-form>div { padding-right: 0px; padding-left: 0px } /* --> COMMON > NEWSLETTER POPUP > FORM > INPUT [3] ------------------------------------------------------------- */ #storesModal input#email { color: #000 !important; font-size: 14px !Important } /* --> COMMON > NEWSLETTER POPUP > FORM > BUTTON [3] ------------------------------------------------------------- */ #storesModal #subscribe2 { padding: 13px 0px !important; font-size: 14px !important; width: 120px !important; font-weight: bold; text-transform: uppercase; background: none; box-shadow: none; border: none; border-radius: 0px; box-sizing: border-box; background: white; line-height: 1 !important; color: #000; background: black; color: white !important } #storesModal .buttons { margin-bottom: 0px !important } #storesModal .error.not-valid { margin-bottom: 0px !Important; background: pink; color: #D10000 !important; line-height: 1; padding: 7px 7px; } /* --> COMMON > NEWSLETTER POPUP > FORM > ACCEPT TERMS [3] ------------------------------------------------------------- */ #storesModal input[type="checkbox"] { margin-top: 2px !important; float: left; margin-top: 10px !Important; margin-right: 10px; } #storesModal .pull-center, #storesModal .pull-center a strong { color: black; font-size: 13px } #storesModal .pull-center a strong { color: black !important; } #storesModal .pull-center a { margin-left: 3px !Important } /* --> COMMON > MODULES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> COMMON > MODULES > PRODUCTS CAROUSEL [2] =========================================================================================================== */ /* --> COMMON > MODULES > PRODUCTS CAROUSEL > ARROWS [3] ------------------------------------------------------------- */ .products-carousel-module .swiper-viewport { overflow: visible !important } /* --> 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; opacity: 0 !important; } .carousel.swiper-viewport { position: static; } .carousel:not(.carousel0_container) .swiper-pager>div { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; line-height: 1; left: 0px !important; right: 0px !important; opacity: 1 !important; min-width: 30px; } /* --> COMMON > MODULES > CAROUSEL > ARROWS > EXCLUDE MANUFACTURER CAROUSEL */ /* .carousel:not(.carousel0_container) .swiper-pager>div:first-child:before { transform: rotate(180deg); } */ .carousel:not(.carousel0_container) .swiper-pager>div::before { line-height: 1 !important; height: 16px; width: 16px; display: flex; transition: all 0.12s; align-items: center; justify-content: center; font-size: 29px; margin-right: 3px; display: none !important; } /* .carousel:not(.carousel0_container) .swiper-pager>div:last-child { transform: rotate(180deg) !important; } */ .carousel:not(.carousel0_container) .swiper-pager { top: -25px !important; z-index: 2 !important; right: 0px; position: absolute; width: 60px !important; display: flex; } .carousel:not(.carousel0_container) .swiper-pager>div { opacity: 1 !important; position: relative !important; float: none !important; margin: 0px; } .carousel:not(.carousel0_container) .swiper-pager>div.swiper-button-disabled { opacity: 0.12 !important; } .carousel:not(.carousel0_container) .swiper-button-next { right: 0px !important; } .carousel:not(.carousel0_container) .swiper-button-prev { left: 0px !important; } /* COMMON > MODULES > CAROUSEL > ARROWS > HOVERS */ /* .carousel:not(.carousel0_container) .swiper-pager>div::after { content: ""; width: 100%; height: 100%; position: absolute; background: var(--accent2) !important; border-radius: 100%; z-index: -1; opacity: 0; transition: all 0.12s; } */ /* .carousel:not(.carousel0_container) .swiper-pager>div:hover:after { opacity: 1; } .carousel:not(.carousel0_container) .swiper-pager>div:hover::before { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } */ /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION MAINTENTANCE PAGE VVV VVV VVV VVV VVV VVV VVV */ html:has(#common-maintenance) { overflow: auto !important; } html:has(#common-maintenance) header>.container>.row>*:not(.logo-container-main) { display: none } html:has(#common-maintenance) .logo-container-main { margin-inline: auto; padding-block: 30px !important; } html:has(#common-maintenance) .fixed-left-side { display: none !important; } #common-maintenance { padding-top: 200px !important; padding-bottom: 70px; } #common-maintenance h1 { font-size: 30px; line-height: 1.5; display: block; width: 100%; max-width: 800px; margin-inline: auto; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION HEADER VVV VVV VVV VVV VVV VVV VVV */ header { margin-top: 0px !important; } /* --> HEADER > SEARCH [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .fbr-search-suggest-wrap span { color: black !important } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION HEADER > MENU VVV VVV VVV VVV VVV VVV VVV */ .extra-menu-links { border-top: 1px solid #D8D8D8; padding-top: 15px; margin-top: auto; margin-right: 00px; margin-left: 00px; } .extra-menu-links ul { padding: 0; list-style: none; } .extra-menu-links ul li a { color: #000; font-size: 14px !important; font-weight: normal !important; padding: 5px 0px !important; display: block; } .extra-menu-links ul li a:hover { color: var(--accent2) !important; } /* --> HEADER > FIX SPACES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .breadcrumb>li:first-child, .account-edit .breadcrumb>li:first-child, .account-success .breadcrumb>li:first-child, .account-password .breadcrumb>li:first-child, .account-address .breadcrumb>li:first-child, .account-wishlist .breadcrumb>li:first-child, .account-order .breadcrumb>li:first-child, .account-reward .breadcrumb>li:first-child, .account-return .breadcrumb>li:first-child, .account-transaction .breadcrumb>li:first-child, .account-newsletter .breadcrumb>li:first-child, .account-register .breadcrumb>li:first-child, .account-account .breadcrumb>li:first-child, .account-logout .breadcrumb>li:first-child, .checkout-cart .breadcrumb>li:first-child, .checkout-checkout .breadcrumb>li:first-child, .extension-module-isenselabs_gdpr .breadcrumb>li:first-child, .product-manufacturer-info .breadcrumb>li:first-child, .information-sitemap .breadcrumb>li:first-child, .product-special .breadcrumb>li:first-child, #common-success .breadcrumb>li:first-child { padding-left: 0; } #account-edit, #account-success, #account-password, #account-address, #account-wishlist, #account-order, #account-reward, #account-return, #account-transaction, #account-newsletter, #account-register, #account-account, #common-success, #checkout-cart, #extension-module-isenselabs_gdpr, #information-sitemap, #product-special, #account-login { padding-right: 0; padding-left: 0; padding-bottom: 30px; } #account-edit .category-intro.without-image *, #account-success .category-intro.without-image *, #account-password .category-intro.without-image *, #account-address .category-intro.without-image *, #account-wishlist .category-intro.without-image *, #account-order .category-intro.without-image *, #account-reward .category-intro.without-image *, #account-return .category-intro.without-image *, #account-transaction .category-intro.without-image *, #account-newsletter .category-intro.without-image *, #account-register .category-intro.without-image *, #account-account .category-intro.without-image *, #account-login .category-intro.without-image * { display: none !important; } #account-edit #content>h1, #account-success #content>h1, #account-password #content>h1, #account-address #content>h1, #account-wishlist #content>h1, #account-order #content>h1, #account-reward #content>h1, #account-return #content>h1, #account-transaction #content>h1, #account-newsletter #content>h1, #account-register #content>h1, #account-account #content>h1, #common-success #content>h1, #checkout-cart #content>h1, #extension-module-isenselabs_gdpr #content>h1, #information-sitemap #content>h1, #common-success #content>h1 { font-size: 0; margin: 0; } .product-manufacturer-info #product-manufacturer>.row { padding: 0 !important; } .product-manufacturer-info .manufacturer-title { color: #000; padding: 0px 30px; } #product-manufacturer .description .gp_read_toggle { display: none; } #product-manufacturer .description #gp_wrapper { background: unset !important; } #product-manufacturer .description * { text-align: center !important; } #product-manufacturer .description { max-width: 700px; margin-left: auto; color: #000; margin-right: auto; text-align: center; font-size: 15px; line-height: 25px; } .row { margin-left: unset !important; margin-right: unset !important; } .checkout-checkout .check-column { padding: 20px 20px 20px 0 !important; } .checkout-success #content { padding: 25px 45px; text-align: center; font-size: 20px; line-height: 32px; } .checkout-success #content .pull-right { float: unset !important; } .checkout-success #content .pull-right .btn.btn-primary:hover { color: #000; } .checkout-success #content .pull-right .btn.btn-primary { padding: 12px 25px; font-size: 15px; color: white; text-transform: uppercase; font-weight: 600; max-width: 200px; margin: auto; } #collapse-payment-address .checkbox, #collapse-payment-address .buttons.clearfix { margin-left: 20px; } #collapse-payment-method .radio[for="modirumeb"]::before { background-image: url("data:image/svg+xml,%3Csvg width='37px' height='37px' viewBox='0 0 37 37' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup 17%3C/title%3E%3Cg id='PAGES' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linejoin='round'%3E%3Cg id='CHECH-OUT' transform='translate(-743.000000, -624.000000)' stroke='%23000000' stroke-width='1.62790698'%3E%3Cg id='Group-17' transform='translate(744.000000, 625.000000)'%3E%3Cpath d='M27.5726744,35 L17.1947674,35 C16.2394234,35 15.4651163,34.2546776 15.4651163,33.3350951 L15.4651163,22.7906977 L29.3023256,22.7906977 L29.3023256,33.3350951 C29.3023256,34.2546776 28.5280184,35 27.5726744,35 Z' id='Stroke-1'/%3E%3Cpath d='M22.7906977,26.0465116 C21.8915504,26.0465116 21.1627907,26.8117093 21.1627907,27.755814 C21.1627907,28.2600581 21.3749612,28.7084651 21.7054264,29.0212674 L21.7054264,30.6046512 C21.7054264,31.2313953 22.1937984,31.744186 22.7906977,31.744186 C23.3875969,31.744186 23.875969,31.2313953 23.875969,30.6046512 L23.875969,29.0212674 C24.2064341,28.7084651 24.4186047,28.2600581 24.4186047,27.755814 C24.4186047,26.8117093 23.689845,26.0465116 22.7906977,26.0465116 Z' id='Stroke-3'/%3E%3Cpath d='M17.9069767,22.7906977 L17.9069767,19.9731664 C17.9069767,17.4937388 19.9215116,15.4651163 22.3837209,15.4651163 C24.8459302,15.4651163 26.8604651,17.4937388 26.8604651,19.9731664 L26.8604651,22.7906977' id='Stroke-5' stroke-linecap='round'/%3E%3Cpath d='M12.983871,22.7906977 L2.25806452,22.7906977 C1.01104839,22.7906977 0,21.7702442 0,20.5116279 L0,2.27906977 C0,1.02045349 1.01104839,0 2.25806452,0 L32.7419355,0 C33.9889516,0 35,1.02045349 35,2.27906977 L35,20.5116279 C35,21.7702442 33.9889516,22.7906977 32.7419355,22.7906977 L32.1774194,22.7906977' id='Stroke-7'/%3E%3Cline x1='3.25581395' y1='15.872093' x2='6.51162791' y2='15.872093' id='Stroke-9' stroke-linecap='round'/%3E%3Cline x1='8.95348837' y1='15.872093' x2='12.2093023' y2='15.872093' id='Stroke-11' stroke-linecap='round'/%3E%3Cline x1='0.813953488' y1='4.47674419' x2='35' y2='4.47674419' id='Stroke-13' stroke-linecap='square'/%3E%3Cline x1='0.813953488' y1='9.36046512' x2='35' y2='9.36046512' id='Stroke-15' stroke-linecap='square'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 37px; height: 37px; left: 26px; } /* --> HEADER > MENU > BURGER BUTTON [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #menu_toggle_section { display: flex; /* align-items: flex-end; */ flex-direction: column; /* justify-content: center; */ /* align-content: center; */ } #menu_toggle_section>#burger_button { cursor: pointer; text-align: center; line-height: 1; display: flex; justify-content: center; align-content: center; align-items: center; -moz-column-gap: 6px; column-gap: 6px; } /* --> HEADER > MENU > BURGER BUTTON > DISABLE TEXT [2] =========================================================================================================== */ #menu_toggle_section>#category { font-size: 15px; display: none !important; line-height: 1 !important; } /* --> HEADER > MENU > CONTAINER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HEADER > MENU > CONTAINER > OUTER [2] =========================================================================================================== */ #menu { display: flex; align-items: center; justify-content: center; min-height: unset; } #menu_container { width: 560px; max-width: calc(100vw - 20px); position: fixed; top: 0px; left: 0px; z-index: 9; height: 100%; /* overflow: auto; */ background: #fff; display: flex; flex-direction: column; padding-left: 50px !important; padding-right: 50px !important; } #menu_container, html:after { transition: all 0.2s; } header>.container { z-index: 10; padding: 0; position: relative; background-color: white; } .home header>.container, .common-home header>.container { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0) 100%); background-color: unset; } /* --> HEADER > MENU > CONTAINER > INNER [2] =========================================================================================================== */ #menu .nav.navbar-nav li.dropdown .dropdown-menu { padding-left: 50px; padding-right: 50px; width: 100%; background: #fff; } #menu .nav.navbar-nav li.dropdown .dropdown-menu ul { /* padding-left: 50px; */ } /* --> HEADER > MENU > CONTAINER > HEIGHTS [2] =========================================================================================================== */ #menu_header { margin-top: 20px; margin-bottom: 30px; } #menu .nav.navbar-nav { height: auto; /* overflow: auto; */ justify-content: unset; margin: 0px; } #menu .nav.navbar-nav li.dropdown .dropdown-menu { top: 80px !important; height: calc(100vh - 80px); /*overflow: auto;*/ margin: 0px !important; } #menu .dropdown.dropdown_activated .dropdown-inner .dropdown-menu.options .list-unstyled { display: flex !important; flex-direction: unset; gap: 18px; padding: 0px 20px; flex-wrap: wrap; } #menu .dropdown.dropdown_activated .dropdown-inner .dropdown-menu.options .list-unstyled li a { min-width: 32px !important; border: 1px solid black !important; text-align: center; padding: 7px 10px !important; text-transform: uppercase !important; } #menu .nav.navbar-nav li.dropdown .dropdown-menu li.dropdown .dropdown-menu { /* top: -4px !important; */ /* height: calc(100% - 2px) !important; */ /* height: calc(100vh - 132px); */ /* overflow: auto; */ top: 0px !important; height: 100%; position: relative !important; right: unset !important; height: unset !important; display: block !important; padding: 0 !important; transform: unset !important; opacity: 1 !important; visibility: visible !important; background: #F0F0F0 !important; border: unset !important; } #menu .nav.navbar-nav li.dropdown .dropdown-menu li.dropdown.dropdown_activated .dropdown-menu { /* top: -1px !important; height: calc(100% + 2px); */ background: #F0F0F0; } #menu .nav.navbar-nav li.dropdown .dropdown-menu li.dropdown .dropdown-menu .parent_header { display: none !important; } #menu .dropdown.dropdown_activated>.dropdown-menu>.dropdown-inner>ul>li>a { color: var(--accent2) !important; font-weight: bold !important; } #menu .dropdown.dropdown_activated>.dropdown-menu>.dropdown-inner>ul>li>a:hover { color: #000 !important; } #menu .dropdown.dropdown_activated>.dropdown-menu>.dropdown-inner>ul>li .dropdown-menu a { color: #000 !important; font-size: 15px !important; line-height: 25px !important; font-weight: 300 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #menu .dropdown.dropdown_activated>.dropdown-menu>.dropdown-inner>ul>li .dropdown-menu a:hover { color: var(--accent2) !important; } #menu .nav.navbar-nav>li.dropdown>.dropdown-menu>.dropdown-inner>ul { /* padding-left: 50px; */ display: flex; flex-direction: column; gap: 5px; max-height: 100%; overflow-y: auto; } /* --> HEADER > MENU > CONTAINER > REVEAL [2] =========================================================================================================== */ #menu_container { transform: translateX(-200%); } header::after { background: #000; content: ""; position: fixed; top: 0px; right: 0px; width: 100vw; height: 100vh; z-index: 8; } header:after { visibility: hidden; opacity: 0; transition: all 0.4s; } #menu_container { transition: all 1s; } .menu_revealed #menu_container { transform: translateX(0px); visibility: visible; opacity: 1; } .menu_revealed header:after { visibility: visible; opacity: 0.5; } /* --> HEADER > MENU > BURGER BUTTON [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .navbar-toggle { display: block !important; } /* --> HEADER > MENU > LANGUAGE SWITCHER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .language-switcher { position: absolute; top: 20px; } .language-switcher .btn.btn-link.dropdown-toggle { padding: 0; color: white; font-size: 16px; line-height: 16px; } .language-switcher .dropdown-menu { margin-left: 0 !important; } .language-switcher .dropdown-menu .btn.btn-link.btn-block.language-select { color: #333; font-weight: 500; } .language-icon .dropdown-menu { position: relative; display: flex; background: unset; box-shadow: unset; border: unset; top: unset; right: unset; float: unset; min-width: unset; padding: 0; margin: 0; gap: 5px; z-index: 5; } .language-icon .dropdown-menu .btn.btn-link.btn-block.language-select { color: #fff; padding: 0; font-weight: 300; font-size: 14px; } .active-language .btn.btn-link.btn-block.language-select { font-weight: 500 !important; } .language-icon { height: auto !important; width: 100%; } .language-icon .dropdown-menu li:first-child { border-right: 1px solid rgba(255, 255, 255, 0.5); padding-right: 5px; } /* --> HEADER > MENU > CLOSE BUTTON [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #menu_close_button { cursor: pointer; display: flex; align-items: center; justify-content: end; margin-top: 20px; margin-right: 50px; margin-bottom: 40px; position: absolute; right: 0; } #menu_close_button svg { width: 25px; height: 25px; fill: #000; } #menu_close_button:hover svg * { stroke: var(--accent2); fill: var(--accent2); } /* #menu_close_button::before { content: "CLOSE"; color: white; display: block; position: relative; display: inline; font-size: 12px; margin-right: 12px; } */ #menu_close_button:hover::before { color: var(--accent2); } /* --> HEADER > MENU > HEADER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #menu_header { display: flex; align-items: center; padding-left: 20px; justify-content: center; } /* --> HEADER > MENU > HEADER > LOGO [2] =========================================================================================================== */ #menu_header a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .col-sm-2.logo-container-main { width: 241px; padding: 0; margin-right: auto; /* margin-top: 15px; */ margin-top: -10px; } .col-sm-2.menu-container-main { padding: 0; width: 238px; margin-left: auto; margin-top: 15px; } .col-sm-2.menu-action { order: -1; width: 60px; background: transparent; height: 110px; display: flex; flex-direction: column-reverse; padding: 15px !important; margin-top: -50px; margin-right: 20px; } /* --> HEADER > MENU > ICONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HEADER > MENU > ICONS > DROPDOWNS [2] =========================================================================================================== */ header .account_icon.dropdown>ul.dropdown-menu { min-width: unset !important; left: calc(50% + 27px); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; transform: translateX(-50%) translateY(10px); top: 58px; 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; border-radius: 5px !important; width: 238px !important; padding: 12px 0px !important; } header .account_icon.dropdown>ul.dropdown-menu>li>a { padding: 5px 20px !important; white-space: wrap; color: black !important; } header .account_icon.dropdown.open>ul.dropdown-menu { opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) translateY(0px); } header .account_icon.dropdown>ul.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: calc(50% + 27px); transform: rotate(180deg) translateX(-50%); } /* --> HEADER > MENU > DROPDOWNS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HEADER > MENU > DROPDOWNS > ALL LEVELS [2] =========================================================================================================== */ #menu .dropdown .dropdown-menu { position: relative; width: 100%; } #menu .dropdown .dropdown-menu .dropdown-inner { display: flex; flex-direction: column; max-height: 100%; overflow: hidden; } /* --> HEADER > MENU > DROPDOWNS > ALL LEVELS > FONTS [3] ------------------------------------------------------------- */ #menu .nav.navbar-nav * { color: #000; font-size: 15px; } #menu .nav.navbar-nav a:hover { color: var(--accent2); } /* --> HEADER > MENU > DROPDOWNS > ALL LEVELS > ALL LINKS [3] ------------------------------------------------------------- */ .navbar-nav>li>a, .dropdown-menu>li>a { background: transparent !important; padding: 9px 30px !important; /* text-transform: uppercase; */ } #menu .extra_links>a { padding: 9px 0px; line-height: normal; color: #a0a0a0; font-weight: 600; font-size: 16px !important; } .dropdown-inner>ul>li>a { background: transparent !important; padding: 7px 0px !important; /* text-transform: capitalize !imp1ortant; */ display: block; color: white !important; } .navbar-nav>li>a, .dropdown-inner>ul>li>a { font-size: 16px !important; font-weight: 500 !important; padding: 5px 0px !important; } .navbar-nav>li>a:hover, .dropdown-menu>li>a:hover, #menu .extra_links>a:hover, .dropdown-inner>ul>li>a:hover { color: var(--accent2) !important; } .menu-top-links { display: flex; margin-bottom: 25px; justify-content: space-between; } .menu-top-links a { color: #000000; font-size: 16px; line-height: 26px; font-weight: 500; position: relative; } .menu-top-links a:hover, .menu-top-links a.active { color: var(--accent2); text-decoration: underline; } .menu-top-links a.active:after { content: ''; background-image: url("data:image/svg+xml, %3Csvg width='34px' height='27px' viewBox='0 0 34 27' 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='Rectangle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect fill='%239A003A' x='7' y='0' width='27' height='27'%3E%3C/rect%3E%3Cg id='ARROW' transform='translate(-0.000000, 6.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M0.844327177,8.84210526 L21.1292876,8.84210526 L15.3878628,14.5684211 C15.0501319,14.9052632 15.0501319,15.4105263 15.3878628,15.7473684 C15.5567282,15.9157895 15.8100264,16 15.9788918,16 C16.1477573,16 16.4010554,15.9157895 16.5699208,15.7473684 L23.7467018,8.58947368 C24.0844327,8.25263158 24.0844327,7.74736842 23.7467018,7.41052632 L16.5699208,0.252631579 C16.23219,-0.0842105263 15.7255937,-0.0842105263 15.3878628,0.252631579 C15.0501319,0.589473684 15.0501319,1.09473684 15.3878628,1.43157895 L21.1292876,7.15789474 L0.844327177,7.15789474 C0.337730871,7.15789474 0,7.49473684 0,8 C0,8.50526316 0.337730871,8.84210526 0.844327177,8.84210526 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); display: inline-block; position: absolute; transform: rotate(90deg); width: 19px; height: 16px; background-size: contain; margin-left: 5px; top: 2px; } /* .menu-top-links a svg { transform: rotate(90deg); width: 19px; position: absolute; top: -5px; margin-left: 10px; } */ /* .promo-category[data-for="18601"] { display: none !important; } */ .promo-category { margin: 0 !important; padding: 0 !important; } .promo-category li a { font-size: 15px !important; font-weight: 500 !important; padding: 5px 0px !important; color: #000 !important; display: inline-block; margin-bottom: 0px; min-height: 15px; border-bottom: 1px solid transparent; } .promo-category li a:hover { color: var(--accent2) !important; /* border-color: var(--accent2) !important; */ } /* --> HEADER > MENU > DROPDOWNS > ALL LEVELS > DROPDOWN ARROW [3] ------------------------------------------------------------- */ #menu .nav.navbar-nav li.dropdown>a { display: inline-block; border-bottom: 1px solid transparent; line-height: 1; } #menu .nav.navbar-nav li.dropdown>a>.toggle_arrow { line-height: 1; display: none !important; } #menu .nav.navbar-nav .toggle_arrow>svg { width: 20px; height: 20px; fill: white; margin-left: 10px; } /* --> HEADER > MENU > DROPDOWNS > ALL LEVELS > DROPDOWN TOGGLING [3] ------------------------------------------------------------- */ #menu .navbar-nav .dropdown-menu, #menu .nav.navbar-nav li.dropdown { position: static !important; } #menu .nav.navbar-nav li.dropdown .dropdown-menu { position: absolute !important; z-index: 9999999999; top: 0px !important; left: unset !important; right: -560px !important; height: 100%; /* transition: all 0.2s; */ transform: translateX(-50px); background: #F0F0F0; opacity: 0; visibility: hidden; display: none !important; padding-top: 35px; width: 560px; max-width: 100%; } /* .dropdown.dropdown_activated { background: #F3F3F3; border-radius: 0px; } */ .nav.navbar-nav>.dropdown.dropdown_activated>a { color: var(--accent2) !important; } .nav.navbar-nav>.dropdown.dropdown_activated>a { border-color: var(--accent2) !important; } .nav.navbar-nav>.dropdown.dropdown_activated>.dropdown-menu>.dropdown-inner>.list-unstyled>.dropdown.dropdown_activated { background: white; background: unset; } /* .nav.navbar-nav>.dropdown.dropdown_activated>.dropdown-menu>.dropdown-inner>.list-unstyled>.dropdown.dropdown_activated>a { color: #F20000 !important; } .dropdown.dropdown_activated>a { color: #F20000 !important; } */ #menu .nav.navbar-nav li.dropdown.dropdown_activated>.dropdown-menu { transform: translateX(0px); opacity: 1; visibility: visible; border: unset; } #menu .dropdown.dropdown_activated .dropdown-inner>ul>li>a { color: #000000 !important; /*padding: 10px !important;*/ padding: 7px 0px !important; padding-left: 20px !important; padding-right: 20px !important; } /* #menu .dropdown.dropdown_activated .dropdown-inner>ul>li:hover>a { color: #F20000 !important; } */ #menu .dropdown.dropdown_activated .parent_header>a { /* color: #F20000 !important; */ font-weight: bold !important; padding-left: 20px; } #menu .dropdown.dropdown_activated .parent_header { border: none !important; } .dropdown-menu { border-radius: unset !important; box-shadow: unset !important; } /* --> HEADER > MENU > DROPDOWNS > LEVEL #1 [2] =========================================================================================================== */ #menu .nav.navbar-nav { flex-direction: column; } #menu .nav.navbar-nav { display: flex; flex-direction: column; width: 100%; /* overflow-y: auto; */ overflow: auto !important; } #menu .nav.navbar-nav:has(.dropdown_activated) { overflow: visible !important; } /* --> HEADER > MENU > DROPDOWNS > INNER LEVELS [2] =========================================================================================================== */ #menu .nav.navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu { background: #F3F3F3 !important } /* --> HEADER > MENU > DROPDOWNS > INNER LEVELS > PARENT HEADER [3] ------------------------------------------------------------- */ #menu .parent_header { display: flex; flex-direction: row; margin-bottom: 0px; border-top: 1px solid #7c7c7c; border-bottom: 1px solid #7c7c7c; padding: 15px 0px; } /* --> HEADER > MENU > DROPDOWNS > INNER LEVELS > PARENT HEADER > ARROW BACK */ #menu .parent_header .arrow_back { display: flex; align-items: center; width: 50px; box-sizing: border-box; padding-left: 10px; display: none !important; } #menu .parent_header .arrow_back svg { fill: white; transform: rotate(180deg); width: 19px; height: 19px; cursor: pointer; margin-right: 17px; } #menu .parent_header .arrow_back svg:hover { fill: var(--accent2) !important; } /* --> HEADER > MENU > DROPDOWNS > INNER LEVELS > PARENT HEADER > PARENT LINK */ #menu .parent_header>a { padding: 0px; /* text-transform: uppercase !important; */ color: #000 !important; font-size: 18px !important; /* line-height: normal !important; */ line-height: 22px !important; } #menu .parent_header>a:hover { color: var(--accent2) !important; } .parent_header a>span.sub-header-menu { font-size: 15px !important; font-weight: 400; padding-right: 5px; } .parent_header a svg { width: 20px; height: 16px; } /* --> HEADER > MENU > DROPDOWNS > INNER LEVELS > ITEMS [3] ------------------------------------------------------------- */ #menu .dropdown-inner ul li>a { text-transform: none !important; font-size: 17px !important; } @media (max-width: 767px) { #menu_header .language-switcher.visible-xs { position: absolute; top: 20px; width: 100px; } #menu_header .language-switcher.visible-xs span.hidden-xs { display: block !important; font-size: 15px; color: white; } } /* --> HEADER > MINICART [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HEADER > MINICART > LAYOUT [2] =========================================================================================================== */ #cart .dropdown-menu { display: block !important; position: fixed; top: 0px; right: 0px; height: 100vh; transform: translateX(100%); transition: all 0.4s; border-radius: 0px; padding: 20px; width: var(--minicart-width); background: white; border: none; margin: 0px; } body:before { transition: all 0.4s; content: ""; background: rgba(0, 0, 0, 0.6); width: 100vw; height: 100vh; display: block; position: fixed; z-index: 20; opacity: 0; visibility: hidden; top: 0; } #cart .dropdown-menu li>div { min-width: unset !important } /* --> HEADER > MINICART > LAYOUT > SECTIONS [3] ------------------------------------------------------------- */ #cart .dropdown-menu>li.top-section .minicart_content { /* max-height: calc(100vh - 405px); */ max-height: calc(100vh - 345px); overflow: auto; } #cart .dropdown-menu>li.bottom-section { height: 237px; } /* --> HEADER > MINICART > LAYOUT > SCROLLBAR [3] ------------------------------------------------------------- */ #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar { width: 6px !important; } #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-thumb { background: var(--accent2) !important; border-radius: 3px !important; border: none !important; } #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-thumb:hover { background: var(--accent2) !important; } #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-track { background: #d8d8d8 !important; border-radius: 3px !important; } /* --> HEADER > MINICART > ENABLED [2] =========================================================================================================== */ .cart_enabled #cart .dropdown-menu { transform: translateX(0px); } .cart_enabled body:before { opacity: 1; visibility: visible; width: calc(100% - var(--minicart-width)); } /* --> HEADER > MINICART > EMPTY [2] =========================================================================================================== */ #cart .dropdown-menu .cart-empty { font-size: 18px; margin-top: 100px; color: black; } /* --> HEADER > MINICART > INTRO [2] =========================================================================================================== */ .minicart_intro { margin-bottom: 22px; } .minicart_intro .title { color: #000000; font-size: 12.79px; letter-spacing: 0.85px; line-height: 15px; text-align: center; font-family: var(--font1); /* text-transform: uppercase; */ } .minicart_intro .subtitle { font-family: var(--font2); color: #000000; font-size: 34.12px; line-height: 41px; text-align: center; font-weight: normal; /* text-transform: uppercase; */ } /* --> HEADER > MINICART > INTRO > EMPTY [3] ------------------------------------------------------------- */ #cart .dropdown-menu li.cart-empty p { margin: 20px 0; font-family: var(--font2); font-size: 22px; font-weight: normal; /* text-transform: uppercase; */ margin-top: 10px; } /* --> HEADER > MINICART > CLOSE BUTTON [2] =========================================================================================================== */ #cart_close_button { cursor: pointer; position: absolute; right: 20px; top: 20px; } /* --> HEADER > MINICART > PRODUCT LIST [2] =========================================================================================================== */ /* --> HEADER > MINICART > PRODUCT LIST > LAYOUT [3] ------------------------------------------------------------- */ #cart .dropdown-menu .table-products { border-collapse: collapse !important; } #cart .dropdown-menu .table-products { border-collapse: separate; border-spacing: 0 25px; /* margin-top: -25px; */ padding-right: 30px; padding-left: 10px; } #cart .dropdown-menu .table-products td, #cart .dropdown-menu .table-products th { border: none; } #cart .dropdown-menu .table-products>tbody>tr { position: relative; } header #cart .dropdown-menu .table-products>tbody>tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } #cart .dropdown-menu>li.top-section .minicart_content { scrollbar-width: thin; scrollbar-color: var(--accent1) transparent; } @-ms-viewport { #cart .dropdown-menu>li.top-section .minicart_content { -ms-overflow-style: -ms-autohiding-scrollbar; } } @supports (-ms-overflow-style: -ms-autohiding-scrollbar) { #cart .dropdown-menu>li.top-section .minicart_content::-ms-scrollbar { width: 10px; } #cart .dropdown-menu>li.top-section .minicart_content::-ms-scrollbar-thumb { background: var(--accent1); } } /* --> HEADER > MINICART > PRODUCT LIST > THUMB [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-thumb { vertical-align: middle; width: 150px; height: 150px; padding: 15px; } #cart .dropdown-menu .product-thumb img { width: 100%; height: auto; } #cart .dropdown-menu .product-thumb .img-thumbnail { /* width: 150px; height: 150px; */ border-radius: 0px; border: none; } /* --> HEADER > MINICART > PRODUCT LIST > INFO [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-info { display: flex; flex-direction: column; min-height: 180px; padding: 15px 0px 15px 20px; } #cart .dropdown-menu .product-info a { color: #000000; font-size: 16px; text-align: left; font-weight: normal; /* text-transform: uppercase; */ display: block; margin-bottom: 12px; } #cart .dropdown-menu .table-products td .cart-brand { font-weight: bold; font-size: 15px; color: #000; } /* --> HEADER > MINICART > PRODUCT LIST > OPTIONS [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-info .product-options { margin-bottom: 8px; } #cart .dropdown-menu .product-info .product-options .option-name { font-weight: bold; color: black; font-size: 14px; /* text-transform: uppercase; */ } #cart .dropdown-menu .product-info .product-options .option-value { color: #6c6c6c; font-size: 15px; } /* --> HEADER > MINICART > PRODUCT LIST > PRICE [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-info .product-price { color: #000; font-size: 18px; font-weight: bold; margin-top: auto; } /* --> HEADER > MINICART > PRODUCT LIST > QTY [3] ------------------------------------------------------------- */ td.text-right.product-qty { vertical-align: bottom; font-size: 18px; font-weight: bold; color: black; position: absolute; bottom: 6px; right: 0px; border: none !important; } /* --> HEADER > MINICART > PRODUCT LIST > REMOVE [3] ------------------------------------------------------------- */ td.text-center.product-remove { width: 15px; } header #cart .btn.btn-danger.btn-xs { background: none; border-radius: 0px; border: none; padding: 5px; transform: translate(5px, -2px); } /* --> HEADER > MINICART > BOTTOM SECTION [2] =========================================================================================================== */ li.bottom-section { margin-top: auto; display: block; position: absolute; bottom: 0px; right: 0px; background: #0f0f0f; width: 100%; padding: 25px 20px; } li.bottom-section>div.container { width: 390px; max-width: 100%; } /* --> HEADER > MINICART > BOTTOM SECTION > TOTALS [3] ------------------------------------------------------------- */ /* hide subtotal section */ .bottom-section .container .totals>div:first-child { display: none; } .bottom-section .container .totals>div { display: flex; justify-content: space-between; text-transform: uppercase; color: white; } .bottom-section .container .totals>div .total-title { font-size: 16px; font-weight: 600; } .bottom-section .container .totals>div .total-text { font-size: 18px; font-weight: bold; } /* --> HEADER > MINICART > BOTTOM SECTION > BUTTONS [3] ------------------------------------------------------------- */ #cart .dropdown-menu .cart-footer { display: flex; flex-direction: column; width: 100%; text-align: center; justify-content: center; align-items: center; } #cart .dropdown-menu .cart-footer>a { width: 100%; height: 45px; display: flex; align-items: center; justify-items: center; max-width: 100%; color: #ffffff; font-size: 16px; font-weight: bold; text-transform: uppercase; background: black; border-radius: 0px; transition: 0.5s all; } #cart .dropdown-menu .cart-footer>a:first-child { margin-bottom: 10px; background: none; border: 1px solid rgba(255, 255, 255, 0.35); } #cart .dropdown-menu .cart-footer>a:last-child { border: 1px solid rgba(255, 255, 255, 0.35); background: white; color: #000; } #cart .dropdown-menu .cart-footer>a>* { margin: 0 auto; } #cart .dropdown-menu .cart-footer>a:hover { color: white !important; background: var(--accent2) !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION BLOG CENTRAL VVV VVV VVV VVV VVV VVV VVV */ #blog-category #content>.row:before, #blog-category #content>.row:after { display: none !important; } #blog-category #content { padding-inline: var(--responsivePadding) !important; } #blog-category #content>.row { display: grid; gap: 30px !important; grid-template-columns: repeat(4, minmax(0, 1fr)); } #blog-category #content>.row>div, #blog-category #content>.row>div a, #blog-category #content>.row>div a img { width: 100% !important; padding-inline: 0px !important; display: block !important; min-width: 100% !important; max-width: 100% !important; } .extension-d4u-blogs .category-intro.image-with-descripion.blogsmobile { display:none !important; } @media(max-width: 1350px) { #blog-category #content>.row { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media(max-width: 990px) { #blog-category #content>.row { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media(max-width: 768px) { #blog-category #content>.row.blogs-top-categories { /*display: none !important;*/ } .extension-d4u-blogs .category-intro.image-with-descripion { background-position: center center !important; } .extension-d4u-blogs .category-intro.image-with-descripion.blogsdesktop { display:none !important; } .extension-d4u-blogs .category-intro.image-with-descripion.blogsmobile { display:flex !important; max-height: 120px !important; } .category-intro.image-with-descripion.blogsmobile h1 {color: black !important;} #blog .breadcrumb { margin-top: 0px !important; } #blog-category #content>.row { gap: 10px !important; } } @media(max-width: 660px) { #blog-category #content>.row { grid-template-columns: 1fr; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION FOOTER VVV VVV VVV VVV VVV VVV VVV */ footer>.container { overflow: auto; } footer>.container { /* Για Firefox */ scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.3) transparent; } footer>.container::-webkit-scrollbar { width: 6px; /* Πλάτος για κάθετο scrollbar */ height: 6px; /* Ύψος για οριζόντιο scrollbar */ } footer>.container::-webkit-scrollbar-track { background: transparent; } footer>.container::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 3px; } footer>.container::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.5); } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION BLOG SINGLE VVV VVV VVV VVV VVV VVV VVV */ .blog-text iframe { width: 100% !important; height: auto !important; aspect-ratio: 16/9 !important; } #blog .featured-image img { width: 100% !important; max-width: 100% !important; } #blog #content { display: grid; grid-template-columns: 30% calc(70% - 20px); gap: 20px } #blog #content>div, #blog #content .post-description img { float: none !important; width: 100% !important; padding: 0px !important; max-width: 100% !important; min-width: 100% !important; } #blog #content .post-description * { line-height: 1.2 !important; white-space: normal !important; } @media(max-width: 768px) { #blog #content { grid-template-columns: 1fr !important; } } @media(max-width: 768px) { #blog #content .post-description img { width: 100% !important; } #blog #content .post-description table { width: 100% !important; max-width: 100% !important; min-width: 100% !important; display: block !important; } #blog #content .post-description table tbody tr { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; } #blog #content .post-description table tr td { border: none !important; width: 100% !important; float: none !important; display: block !important; } #blog #content .post-description table tr td:has(img) { order: -2 !important } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION STATIC PAGES VVV VVV VVV VVV VVV VVV VVV */ /* --> STATIC PAGES > SIDEBAR [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .html-module:has(.custom_nav_sidebar) { padding: 0px !important; } .custom_nav_sidebar { border-bottom: none !important; } .custom_nav_sidebar div a { padding: 10px 15px; width: 100% !important; } .custom_nav_sidebar a.current { background: var(--accent2) !important; font-weight: bold !important; pointer-events: none; color: white !important; } .custom_nav_sidebar div a { color: #000000 !important; font-size: 15px !important; transition: all 0.2s; white-space: nowrap !important; border-radius: 0px; border: none !important; min-height: 50px; display: flex; align-items: center; white-space: wrap !important; } .custom_nav_sidebar div a:hover { text-decoration: none; background-color: #eee; } .custom_nav_sidebar div:not(.current) a:hover { padding-left: 20px; } /* get rid of other groups */ .custom_nav_sidebar>div:not(:has(.current)) { display: none } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION ΚΑΤΑΣΤΗΜΑΤΑ PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> ΚΑΤΑΣΤΗΜΑΤΑ PAGE > STORE CARD [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information.store_locator #content .card .card-header, #information-information.store_locator #content .accordion .card .collapse, #information-information.store_locator #content .accordion .card .collapsing { transition: all .2s; } #information-information.store_locator #content .card:hover .card-header, #information-information.store_locator #content .accordion .card:hover .collapse, #information-information.store_locator #content .accordion .card:hover .collapsing { border-color: black; } /* --> ΚΑΤΑΣΗΜΑΤΑ PAGE > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .information-id-11 #banner0 .swiper-slide { width: 100vw !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION INFORMATION PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> INFORMATION PAGE > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information.container>.row, #information-contact.container>.row { width: 1750px; max-width: 100%; margin: 0 auto; } #information-information #column-left, #information-contact #column-left { width: 270px !important; margin-top: 32px; } #information-information #content a { color: var(--accent2) !important; font-weight: 500; } @media(min-width: 768px) { #information-information #content, #information-contact #content { width: calc(100% - 270px) !important; } } #information-information .breadcrumb, #information-contact .breadcrumb { padding: 8px 0px; max-width: 1750px; margin: auto; } .information-id-20 #information-information .grid-cols { display: grid; grid-template-columns: 1fr 1fr; background: #f1f1f1; padding: 20px; gap: 20px; } .information-id-20 .grid-col { display: flex; } .information-id-20 .block-content.block-text { display: flex; flex-direction: column; justify-content: center; gap: 20px; } .information-id-20 #information-information .block-text { font-size: 20px; } .information-id-20 #information-information .block-content.block-text { display: flex; flex-direction: column; gap: 20px; text-align: left; font-size: 20px !important; color: #000 !important; max-width: 400px; } .information-id-20 .grid-col.grid-col-top-1-3 { max-width: 400px; margin-left: auto; } .information-id-20 .grid-col.grid-col-top-1-3 img { width: 100%; height: auto; } .information-id-20 #information-information #content .grid-cols a.btn { background: black; color: white !important; } .information-id-20 #information-information .grid-row.grid-row-bottom-1 .grid-cols { display: flex; justify-content: center; align-content: center; align-items: center; } .information-id-20 #information-information .grid-row.grid-row-bottom-1 .grid-cols p { font-size: 23px !important; border: none !important; transform: none !important; width: auto !important; padding: 0px !important; font-style: italic; margin-bottom: 6px; color: #000 !important; } .information-id-20 #information-information .grid-row.grid-row-bottom-1 .block-content.block-text { max-width: 460px; text-align: center !important; } @media (max-width: 768px) { .information-id-20 #information-information .grid-cols { grid-template-columns: 1fr !important; } .information-id-20 .grid-col.grid-col-top-1-3 { margin: auto; } } /* --> INFORMATION PAGE > TITLE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information #content h1.info-title, #information-contact #content h1.info-title, #information-contact #content h1 { font-size: 30px !important; font-weight: 300; line-height: 50px !important; color: #000000 !important; } /* --> INFORMATION PAGE > SIDEBAR [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information .nav-tabs, #information-contact .nav-tabs { border-bottom: none !important; } /* #information-information .nav-tabs li:last-child, #information-contact .nav-tabs li:last-child { display: none !important; } */ #information-information .nav-tabs li:has(a[href*="contact"]), #information-contact .nav-tabs li:has(a[href*="contact"]) { display: none } #information-information .nav-tabs li a, #information-contact .nav-tabs li a { padding: 10px 15px; width: 100% !important; } #information-information .nav-tabs li.current a, #information-contact .nav-tabs li.current a { background: var(--accent2) !important; font-weight: bold !important; pointer-events: none; color: white !important; } #information-information .nav-tabs li a, #information-contact .nav-tabs li a { color: #000000 !important; font-size: 15px !important; transition: all 0.2s; /* white-space: nowrap !important; */ border-radius: 0px; border: none !important; min-height: 50px; display: flex; align-items: center; } #information-information .nav-tabs li:not(.current) a:hover, #information-contact .nav-tabs li:not(.current) a:hover { /* font-weight: bold; */ padding-left: 20px; } /* --> INFORMATION PAGE > FAQ ACCORDION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information .accordion-group, #information-contact .accordion-group { margin-bottom: 3px; } #information-information .accordion-heading .accordion-toggle, #information-contact .accordion-heading .accordion-toggle { background: #eeeeee; border: 1px solid #ddd; color: #333; padding: 10px 20px; display: block; transition: border 0.15s ease-in-out; border: none !important; min-height: 50px !important; display: flex; align-items: center; } #information-information .accordion-heading .accordion-toggle[aria-expanded="true"], #information-contact .accordion-heading .accordion-toggle[aria-expanded="true"] { border: 1px solid #46423d; border-color: var(--accent2); background: var(--accent2); color: white; } #information-information .accordion-inner, #information-contact .accordion-inner { background: transparent; padding: 20px; } /* #information-information div#accordion2 { margin: 100px auto; } */ /* --> INFORMATION PAGE > CONTENT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information .section_title, #information-contact .section_title { margin-top: 60px; } #information-information #content *, #information-contact #content * { font-size: 15px; line-height: 27px !important; color: #454545; } /* --> INFORMATION PAGE (CUSTOM) > CHECK AND WIN [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .information-check_and_win .heading_title { background: none !important; padding: 0px; color: black !important; font-size: 16px !important; margin-bottom: -20px } .information-check_and_win #content { display: flex; flex-direction: column; gap: 30px; align-items: center; margin-bottom: 100px !important; } .information-check_and_win .confirmation_title { text-align: left; font-weight: 400; margin-bottom: 0px; color: #000 !important; font-size: 40px !important; display: flex; white-space: break-spaces; line-height: 1.2; margin-bottom: 20px } .information-check_and_win input { outline: none !important; box-shadow: none !important; border-radius: 0px; border: none; } .information-check_and_win input#received_code { height: 45px; border-radius: 0px; border: 1px solid black; padding-inline: 15px; } .information-check_and_win input#submit_code { height: 45px; padding-inline: 15px; background: black; color: white !important; transition: all .12s; } .information-check_and_win input#submit_code:hover { background: var(--accent2); } /* --> INFORMATION PAGE > CONTACT PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-contact { margin-bottom: 50px !important; } #information-contact #content .buttons input { color: white !important; } .information-contact #content>h3, .information-contact .panel-default { display: none; } @media(max-width: 768px) { #information-contact #content .panel-body { padding-bottom: 20px; padding-top: 20px; } #information-contact #content .panel-body .row>.col-sm-3:first-child img { display: none !Important; } #information-contact #content .panel-body .row>.col-sm-3:last-child br { display: none !important; } .information-contact .information_hero_banner { height: 300px; overflow: hidden } .information_hero_banner { overflow: hidden !important; } .information-contact .information_hero_banner img { -o-object-fit: cover !important; object-fit: cover !important; width: 100%; height: 100%; } #information-contact #content { width: 100% !important; } .information_hero_banner { margin-top: 0 !important; } .information-id-20 .information_hero_banner { display: none; } #account-voucher .category-intro.without-image { display: none !important; } #account-voucher #content .row h1 { font-size: 20px !important; margin-bottom: 15px !important; font-weight: 500; display: block !important; width: 100% !important; white-space: unset !important; padding: 0 !important; } #account-voucher .col-sm-6, #account-voucher #content { padding: 0; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> FOOTER VVV VVV VVV VVV VVV VVV VVV */ footer { background: #FFFFFF; padding: 25px var(--responsivePadding); background-repeat: no-repeat; background-position: center 37px; margin-top: 100px; height: auto !important; } footer { height: 100% !important; max-height: calc(100vh - 87px); } @media(max-width: 768px) { html[class*="home"] footer { overflow: auto !important; } html[class*="home"].reached-footer footer { box-shadow: 0px - 100px white } html[class*="home"] footer .powered_by { padding-bottom: 95px !important; } } /* @media(min-width: 768px) { footer { max-height: calc(100vh - 87px); } } */ footer.row { margin-left: auto !important; margin-right: auto !important; /* padding-top: 80px; */ } #common-home footer.row, #home footer.row { max-height: 100vh !important; padding-top: 87px; } #scrollTop { display: none; position: fixed; z-index: 99; border: none; outline: none; background-color: transparent; color: white; cursor: pointer; border-radius: 10px; font-size: 18px; bottom: 65px; right: 20px; justify-content: center; align-content: center; align-items: center; justify-items: center; font-weight: bold; flex-direction: column; gap: 6px; text-shadow: 0px 0px 6px #000; } #scrollTop svg * { fill: #000; } .container.footer-top { background: var(--accent2); padding: 40px var(--responsivePadding); color: white !important; } /* --> FOOTER TOP > COLUMNS [2] =========================================================================================================== */ .container.footer-top .col-sm-4.footer-column h3 { font-size: 40px; color: white; font-weight: 300; line-height: 45px; font-weight: normal !important; } .container.footer-top .col-sm-4.footer-column .newsletter_intro { font-size: 22px; line-height: 30px; } .container.footer-top .row.news-form h2, .container.footer-top .row.news-form h3 { display: none; } .container.footer-top .row.news-form .col-sm-6 { width: 100% !important; } .container.footer-top .row.news-form .col-sm-6:first-child { display: none; } .container.footer-top .news-form #subscribe { width: 30px; position: absolute; background: unset; padding: 0; margin-top: 10px; right: 10px; } .container.footer-top .news-form #email { width: 100% !important; border-bottom: unset; height: 50px; padding: 10px 25px; border-radius: 5px; } .container.footer-top .buttons .pull-center { text-align: left; } .container.footer-top .col-sm-4.footer-column h4 { color: white; text-align: left; padding-left: 150px; } /* --> FOOTER > COLUMNS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html:not(.product-product) footer { margin-top: 80px; } footer::after, footer::before { display: none !important; } footer::after, footer::before, footer .container::after, footer .container::before { display: none !important; } /* --> FOOTER > COLUMNS > LAYOUT [2] =========================================================================================================== */ footer .container { width: 100%; padding: 0px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } footer .links-row { display: flex; gap: var(--responsivePadding); } footer .footer-column { flex: 1; padding: 25px 0px; } .footer-intro, .newsletter-guest { max-width: 700px; margin-left: auto; margin-right: auto; } /* --> FOOTER > COLUMNS > TITLE [2] =========================================================================================================== */ footer .footer-column h5 { color: #000; font-weight: 500; text-transform: uppercase; font-size: 16px; margin-bottom: 20px; } /* --> FOOTER > COLUMNS > TEXT [2] =========================================================================================================== */ footer .footer-column p a { display: inline-block; line-height: 16px; font-size: 15px; color: #000; /* font-weight: bold; */ } footer .footer-column a { font-size: 15px; margin: 0px !important; display: block; color: #000; line-height: 34px; font-weight: 400; transition: all 0.5s; text-align: center; } .footer-column a:hover { color: var(--accent2); } footer .footer-column span { font-size: 15px; } footer .footer-column .footer-call-to-action { background-color: var(--accent1); border-radius: 23px; height: 45px; position: relative; color: #FFFFFF; font-size: 16px; line-height: 45px !important; font-weight: 600; max-width: 230px; text-align: center; margin-right: auto; margin-top: 20px !important; } footer .footer-column .newsletter_intro { margin-bottom: 30px; } .footer-intro h2, .footer-intro h3 { text-align: center; } .footer-intro h2 { color: var(--accent2); font-size: 50px; line-height: 60px; } .footer-intro h3 { color: var(--accent2) !important; font-size: 15px !important; line-height: 15px !important; font-weight: 500 !important; margin-bottom: 0 !important; } /* --> FOOTER > COLUMNS > LINKS [2] =========================================================================================================== */ .footer-column :not(h5) { font-size: 14px; } .row.news-form .pull-center { font-size: 13px; line-height: 19px; } /* --> FOOTER > COLUMNS > NEWSLETTER & SOCIALS [2] =========================================================================================================== */ /* --> FOOTER > COLUMNS > NEWSLETTER > LAYOUT [3] ------------------------------------------------------------- */ .footer-column .newsletter_section .news-form { text-align: left; } /* --> FOOTER > COLUMNS > NEWSLETTER > TITLE [3] ------------------------------------------------------------- */ .footer-column .newsletter_section>h3 { color: white; font-weight: 500; text-transform: uppercase; font-size: 16px; margin-bottom: 20px; margin-top: 10px; } /* --> FOOTER > COLUMNS > NEWSLETTER > INPUT [3] ------------------------------------------------------------- */ .footer-column .newsletter_section .news-form input#email { background: transparent; color: white !important; opacity: 1; font-size: 15px !important; height: 41px; line-height: 50px; padding: 0px 5px 0px 10px !important; box-sizing: border-box !important; width: calc(100% - 145px) !important; margin-right: 20px; background-color: transparent; border: unset !important; border-bottom: 1px solid #9F9F9F !important; } /* --> FOOTER > COLUMNS > NEWSLETTER > BUTTON [3] ------------------------------------------------------------- */ .footer-column .newsletter_section .news-form #subscribe { padding: 13px 0px !important; font-size: 14px !important; width: 120px !important; font-weight: bold; text-transform: uppercase; background: none; box-shadow: none; border: none; border-radius: 0px; box-sizing: border-box; background: white; line-height: 1 !important; color: #000; } /* --> FOOTER > COLUMNS > NEWSLETTER > TERMS [3] ------------------------------------------------------------- */ .footer-column .newsletter_section .buttons { display: flex; } .news-form #terms-checkbox { margin-right: 8px } .news-form .success.thankyou { padding-left: 0px !important } .footer-column .newsletter_section .buttons input[type="checkbox"] { margin-top: 2px !important; } .footer-column .newsletter_section .buttons .pull-center { line-height: 1; font-size: 13px; } .footer-column .newsletter_section .buttons .pull-center a { display: inline !important; } .footer-column .newsletter_section .buttons .pull-center a b { line-height: 1; font-size: 13px; margin-left: 0px !important; } /* --> FOOTER > COLUMNS > NEWSLETTER > ERRORS [3] ------------------------------------------------------------- */ .footer-column .newsletter_section .error.not-valid, .footer-column .newsletter_section .error.allready { font-weight: bold; letter-spacing: normal; background: #1B1B1B; padding: 5px; text-align: center; color: #EB0000 !important; } /* --> FOOTER > COLUMNS > NEWSLETTER-GUEST EXTRA CSS [3] ------------------------------------------------------------------------------ */ /**************************************************************************************/ footer.row .newsletter-guest .row { height: unset !important; scroll-snap-align: unset !important; } .news-form { margin: auto !important; text-align: center; display: flex; max-width: 1650px; flex-direction: column; gap: 25px; } .news-form .pull-center a strong { font-size: 13px !important; } .news-form .row { width: 100%; } .news-form .row { margin: unset !important; } .row.news-form .col-sm-6 { padding: 0 !important; } .news-form h2 { margin: 0px 0px 40px; text-align: center; font-size: 14px; font-weight: 500; text-transform: uppercase; } .news-form h3 { font-size: 14px !important; font-weight: 300 !important; text-align: center !important; margin: 5px !important; } .news-form #email { padding: 5px; padding-top: 2px; border: unset; font-size: 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); color: #7C7A7A; background: #fff; width: 300px; } .news-form #email:focus-visible { outline: none; } .news-form #subscribe { /* width: 25%; padding: 12px; border: unset; background: black; color: white; font-weight: bold; text-transform: uppercase; */ border: none !important; background: white; width: 34px; padding: 0; height: 27px; } .news-form #subscribe svg { margin-bottom: -12px; } a.agree { font-size: 13px; color: var(--accent2); } .error.not-valid, .error.allready { margin-top: 15px; font-weight: bold; color: #ff0000; letter-spacing: 0.5px; } .success.thankyou { margin-top: 15px; font-weight: bold; color: #33ae46; letter-spacing: 0.5px; } .alert.alert-success.alert-dismissible.tk-add-cart.error.allready .deleteusr { background: red; color: white; padding: 5px 35px; border: unset !important; box-shadow: unset !important; } .pop-allready { display: flex; position: fixed; background-color: rgba(0, 0, 0, 0.5); z-index: 1001; color: #333; width: 100%; height: auto; box-shadow: 1px 1px 30px #333; height: 100%; top: 0; left: 0; justify-content: center; align-items: center; } .pop-allready::before { position: absolute; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; } .deleteusr { background: #EB0000; color: white; padding: 5px 35px; border: unset !important; box-shadow: unset !important; } .add-to-cart-inner { display: flex; flex-direction: column; width: 400px; background: white; box-shadow: 1px 1px 30px #333; } .add-to-cart-inner .tk-cart-header { font-weight: 300; color: #333; font-size: 25px; text-align: center; margin-top: 0px; letter-spacing: 1px; line-height: 25px; } .tk-cart-header { order: 2; } .tk-cart-body { order: 3; display: flex; justify-content: space-between; padding: 40px 25px; align-content: center; align-items: center; } .tk-cart-body a { color: #000; } .close { opacity: 1; text-shadow: unset; top: 0; right: 0; font-size: 30px; padding: 5px !important; text-align: end; padding-right: 10px !important; } .socials_section svg { height: 25px; width: auto; } .socials_section { display: flex; flex-direction: row; gap: 25px; justify-content: center; } /******************************************************************************************/ /* --> FOOTER > COLUMNS > SOCIALS [3] ------------------------------------------------------------- */ .footer-column .socials_section { display: flex; margin-top: 20px; justify-content: flex-start; padding-left: 150px; } .footer-column .socials_section a { margin-right: 30px !important; } .footer-column .socials_section svg { /* width: 10px; */ fill: white; height: 25px; } .footer-column .socials_section h5 { margin-right: 50px; line-height: 23px; color: white; } .socials_section a:hover svg path { fill: black; } /* --> FOOTER > PAYMENTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .payments-row { background: white; height: 54px; display: flex; align-items: center; width: 100vw; margin-left: calc(0px - var(--FooterSidePadding)); padding: 0px var(--FooterSidePadding); margin-top: 15px; font-size: 14px; font-weight: bold; color: black; text-transform: uppercase; } .payments-row>div { margin-right: 20px; } /* --> FOOTER > POWERED [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .powered_by { display: flex; justify-content: space-between; font-size: 12px; line-height: normal; padding: 0px; margin-bottom: 0px; } .powered_by>div { display: flex; align-items: center; } .powered_by img { margin-left: 5px; } .payment-card-logos { display: flex; justify-content: center; } .payment-card-logos ul { list-style: none; display: flex; gap: 20px; padding: 0; } .payment-card-logos p { font-weight: 500; } footer { margin-top: 0px !important; border-top: 1px solid #ddd; color: #000; /* max-width: 1920px; */ max-width: 100%; margin: auto; } footer hr { border-top: none; border-bottom: 1px solid #666; } footer a { color: #000; } footer a:hover { color: #000; } footer h5 { font-size: 13px; font-weight: bold; color: #000; } .footer-column img { width: 100%; height: auto; } @media (max-width: 920px) { footer .links-row .footer-column { min-width: 50% !important; margin-bottom: 20px; } footer .links-row { display: flex; flex-wrap: wrap; } } @media (max-width: 767px) { footer .links-row .footer-column { min-width: 100% !important; } } @media (max-width: 400px) { .footer-column .newsletter_section .news-form input#email { width: 80% !important; } } /* --> FOOTER > RESPONSIVE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 1200px) { .footer-column .newsletter_section .news-form #subscribe { padding: 13px 10px !important; font-size: 15px !important; width: auto !important; } .footer-column .newsletter_section .news-form input#email { width: calc(100% - 100px) !important; } } @media (max-width: 920px) { .powered_by { padding: 0px 25px 25px; flex-direction: column; } /* footer .footer-column { padding: 10px 25px !important; } */ } @media (max-width: 600px) { .powered_by { flex-direction: column; margin-bottom: 20px !important; } } /* alert */ .alert { padding: 8px 14px 8px 14px; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; max-width: 1823px; margin-inline: auto; margin-top: 30px; } /* breadcrumb */ .breadcrumb { margin: 0 0 20px 0; padding: 8px 15px; background-color: transparent; color: #000 !important; } /* --> RESPONSIVE > FOOTER > ACCORDION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 550px) { footer .footer-column:not(.newsletter_socials_column) h5 { border-bottom: 1px solid white; padding: 10px; margin-bottom: 0px !important; display: flex; justify-content: space-between; } footer .footer-column:not(.newsletter_socials_column) h5:after { content: "\f107"; font-family: FontAwesome; font-size: 16px; color: white; } footer .footer-column:not(.newsletter_socials_column).enabled h5:after { transform: rotateX(180deg); } footer .footer-column:not(.newsletter_socials_column) h5+* { display: none !important; } footer .footer-column:not(.newsletter_socials_column) *:not(h5, .newsletter_section) { display: none; } .footer-column.enabled *:not(h5, .newsletter_section) { display: block !important; } /* footer .links-row .footer-column.enabled *:not(p, ul, li) { display: inline-block !important; } */ footer .footer-column:not(.newsletter_socials_column) h5 { padding: 10px 10px !important; display: block; } footer .footer-column.newsletter_socials_column { margin-top: 10px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> HOME VVV VVV VVV VVV VVV VVV VVV */ .swiper-viewport { border-radius: 0 !important; } footer #footer-top .html-module { height: 0; } #background-music { visibility: hidden; } .background-music-click { position: fixed; right: 50px; bottom: 100px; cursor: pointer; z-index: 1000; } /* Hide scrollbar for Chrome, Safari and Opera */ #common-home #content::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ #common-home #content { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /* --> HOME > CAROUSEL > CATEGORIES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #common-home .swiper-button-next::before { content: "\f105"; } #common-home .swiper-button-prev::before { content: "\f104 "; } .swiper-button-prev:hover::before, .swiper-button-next:hover::before { color: var(--accent1) !important; } .carousel .section_title { text-align: center; font-weight: bold; margin-bottom: 40px; color: #000; font-size: 30px; line-height: 30px; } .swiper-slide img, .blog-item-grid.posts { transition: all 0.5s; } .swiper-slide { overflow: hidden; } /* --> HOME > BANNER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #common-home #content>div[class*="banner"]>.swiper-container { padding: 25px var(--responsivePadding); } /* --> HOME > ROW SECTION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .column-content-2, .column-content-1 { display: block; position: relative; margin: auto; /* overflow: hidden; */ max-width: 100%; /* height: 100%; */ width: 100%; } .module_row_section[class*="row_products_n_banner"] .column-content-1 { display: flex; justify-content: center; align-content: center; align-items: center; } .module_row_section[class*="row_products_n_banner"] .columns-container { grid-template-columns: minmax(0, 1fr) min(660px, 40vw) !important; gap: 0px !important; } /* --> HOME > HOTSPOTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .hotspot_master .hotspot-title { position: absolute; bottom: 0; z-index: 10; width: 100%; font-size: 30px; line-height: 36px; color: white; margin-bottom: 0px; margin-top: 0; text-align: left; font-weight: normal; padding: 25px 45px; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 100%); } .t_hotSpot:hover { background: #fe0005 !important; color: white !important; } /* --> HOTSPOTS & TABS ROW [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HOTSPOTS & TABS ROW > CONTAINER [2] =========================================================================================================== */ div[class*="home_hotspots_"].module_row_section .columns-container { display: flex; padding: 0px !important; } div[class*="home_hotspots_"].module_row_section .columns-container>div { padding: 0px; margin: 0px; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS [2] =========================================================================================================== */ /* --> HOTSPOTS & TABS ROW > HOTSPOTS > LEFT [3] ------------------------------------------------------------- */ div[class*="home_hotspots_"].module_row_section .columns-container>div>.hotspot_master { width: 100% !important; } div[class*="home_hotspots_"].module_row_section .columns-container { display: flex; align-items: center; gap: 0px; flex-wrap: nowrap; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > LEFT > LARGE IMAGE MAP */ div[class*="home_hotspots_"].module_row_section .column-content-1 { width: 38%; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > LEFT > SMALL IMAGE MAP */ div[class*="home_hotspots_"].module_row_section .column-content-2 { width: 22%; margin-left: -5.2% !important; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT [3] ------------------------------------------------------------- */ div[class*="home_hotspots_"].module_row_section .column-content-3 { width: 50%; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS */ div[class*="home_hotspots_"].module_row_section .module_product_tabs { display: flex; flex-direction: column; width: auto; max-width: unset; margin: unset; padding: 0px 45px 0px 30px; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > TITLE & NAV TABS */ div[class*="home_hotspots_"].module_row_section .module_product_tabs>.section_title, div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs { margin-left: -30% } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > TITLE */ div[class*="home_hotspots_"].module_row_section .module_product_tabs>.section_title { word-spacing: unset; white-space: unset; align-items: unset; grid-area: unset; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > NAV TABS */ div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs { flex-direction: row; margin-top: 15px; margin-bottom: 0px; max-width: 100%; flex-wrap: wrap; gap: 10px; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs:before, div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs:after { display: none !important; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs>li { display: flex; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs>li:after { content: ""; height: 20px; width: 1px; background: black; display: inline-block; margin-left: 10px } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs>li:last-child:after { display: none; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs>li.active::after { position: static; z-index: unset; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs>li>a { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; float: none !important; padding: 0px; line-height: 1.2 } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > TABS CONTENT */ div[class*="home_hotspots_"].module_row_section .module_product_tabs .tab-content { padding-top: 70px; position: relative; } /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > TABS CONTENT > PRODUCTS CAROUSEL*/ /* --> HOTSPOTS & TABS ROW > HOTSPOTS > RIGHT > PRODUCT TABS > TABS CONTENT > PRODUCTS CAROUSEL > SHOW MORE */ div[class*="home_hotspots_"].module_row_section .module_product_tabs { /* position:relative !important; */ } div[class*="home_hotspots_"].module_row_section .module_product_tabs .products-carousel-module { position: static !important; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .products-carousel-module .view_more { position: absolute; top: 13px; right: 0px; z-index: 1; margin: 0px; /* transform: translateY(-100%) */ } /* --> HOTSPOTS & TABS ROW > CONTAINER #2 [2] =========================================================================================================== */ /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION HOME VVV VVV VVV VVV VVV VVV VVV */ /* --> HOME > TABS SECTION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .module_product_tabs { width: 100%; /* max-width: 1920px; */ max-width: 100%; margin: auto; padding: 25px var(--responsivePadding); } .module_product_tabs { display: grid; grid-template-areas: "title content" "tabs content"; grid-template-columns: 220px minmax(0, 1fr); /* grid-template-columns: 415px minmax(0, 1fr); */ gap: 30px 40px; padding-left: var(--responsivePadding) !important; } @media(max-width: 768px) { .module_product_tabs { gap: 15px 40px; } } .module_product_tabs .nav-tabs { border: unset; display: flex; flex-direction: column; justify-content: flex-start; /* margin-top: 20px; */ grid-area: tabs; } .module_product_tabs>.section_title { text-align: left; font-weight: 400; margin-bottom: 0px; color: #000; font-size: 40px; grid-area: title; display: flex; align-items: self-end; white-space: break-spaces; line-height: 1.2; } .tab-content { grid-area: content; } .tab-content .section_title { display: none; } .module_product_tabs .nav-tabs>li.active>a { color: var(--accent2); /* background: #000; */ text-align: left; font-weight: 500; font-size: 16px; line-height: 42px; border: unset !important; border-radius: unset; } .module_product_tabs .nav-tabs>li.active::after { content: ""; width: 154px; height: 1px; background: black; position: absolute; right: -60px; top: 50%; z-index: 10; } .module_product_tabs .nav-tabs>li>a { color: #000; background: white; width: 180px; text-align: left; font-weight: 500; font-size: 16px; line-height: 42px; border: unset; border-radius: unset; outline: unset !important; padding-left: 0; } .module_row_section[class*="row_products_n_banner"] .columns-container { gap: 0px; } .module_row_section[class*="row_products_n_banner"] .column-content-1 .module_product_tabs { /* margin-right: -250px; */ /* margin-right: calc(0px - min(15vw, 200px)); */ margin-right: calc(0px - min(15vw, 130px)); margin-left: unset; padding: 0; } .module_row_section[class*="row_products_n_banner"] .column-content-1 .module_product_tabs .swiper-viewport, .module_row_section[class*="row_products_n_banner"] .column-content-1 .module_product_tabs .product-thumb { background: transparent; } .module_product_tabs.module_1 { padding-left: 200px; } .module_row_section[class*="row_products_n_banner"] .columns-container { padding: 45px var(--responsivePadding) !important; } /* --> HOME > TABS MODULE ONLY (NO BANNERS) [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #common-home #content>.module_product_tabs { grid-template-columns: calc(25% + 20px) minmax(0, 1fr); /* grid-template-columns: 25% minmax(0, 1fr); */ margin-top: 75px } #common-home #content>.module_product_tabs>.section_title, #common-home #content>.module_product_tabs>.nav-tabs { padding-left: calc(30% + 10px) } #common-home #content>.module_product_tabs .nav-tabs>li.active::after { width: 15vw; } /* --> HOME > lATEST BLOG [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .blogpost-thumb h5 a { padding: 0px 20px !important; text-align: left !important; display: block; position: relative; color: black; font-size: 18px !important; font-weight: 450 !important; line-height: normal !important; } .row.latest-posts .headingmain { font-weight: normal !important; font-size: 40px !important; line-height: 45px !important; text-align: left !important; margin-top: 40px !important; margin-bottom: 20px !important; } .row.latest-posts .col-sm-12.col-xs-12 { padding: 40px var(--responsivePadding) !important; } .row.latest-posts .text-center.col-sm-3 { padding: 0; } #latestblog { display: flex; gap: 15px; } #latestblog::before, #latestblog::after { display: none; } /* --> HOME > LATEST BLOG [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .latest-posts .swiper-viewport { margin-bottom: 0px !important; } .latest-posts .view_more { display: none } #latestblog .swiper-wrapper>div { padding: 0px !important } #common-home .latest-posts .blogpost-thumb .title { font-size: 22px !important; text-transform: none; color: #000; line-height: 1.4; padding: 15px 30px !important; display: block; font-weight: 500; } @media(max-width: 768px) { #common-home .latest-posts .blogpost-thumb .title { font-size: 18px !important; } } /* --> HOME > RESPONSIVE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HOME > RESPONSIVE > FIX IN ORDER TO SHOW BOTTOM BAR ON SAFARI (+ js) [2] =========================================================================================================== */ body>.extra-texts-footer { position: fixed !important; width: 100%; bottom: 0px; background: rgba(0, 0, 0, .7); color: white !important; display: flex; align-items: center; justify-content: center; padding: 4px; line-height: normal; z-index: 99; text-align: center !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION PRODUCT PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> PRODUCT PAGE > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product #content, #product-product .col-sm-6 { padding-left: 0; padding-right: 0; } #product-product .col-sm-6 { position: -webkit-sticky; position: sticky; top: 0; padding-left: 50px; padding-right: 30px; } #product-product .col-sm-6.details { position: -webkit-sticky; position: sticky; top: 0; padding: 90px 80px 40px; } .thumbnail a>img, .thumbnail>img { margin-left: unset; background: #f6f6f6; width: 100%; } .free-shipping-container { background-color: #f8f8f8 !important; color: #333; text-align: center; padding: 20px 0; width: 100%; } .free-shipping-container h3 { margin: 0 !important; font-size: 15px !important; line-height: 15px !important; } #product-product .breadcrumb li { display: none !important; } #product-product .breadcrumb li:first-child, #product-product .breadcrumb li:nth-last-child(-n+2) { display: block !important; } #product-product .alert.alert-success.alert-dismissible { margin-top: 95px; } /* --> PRODUCT PAGE > LAYOUT > TOP SECTION [2] =========================================================================================================== */ #product-product #content>.row:first-child { margin-bottom: 50px; } .product-product body { overflow-Y: visible !important; } /* --> PRODUCT PAGE > LABELS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .labels_container.main-product-label { float: unset; } .labels_container.main-product-label>div:first-child { padding-left: 0; } .main_product_labels_container { margin-top: 20px !important } /* --> PRODUCT PAGE > IMAGES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product .main-product-container .swiper-pager { display: none !important; } @media(max-width: 768px) { #product-product .main-product-container .col-sm-8 { padding-inline: 0px !important; } #product-product .main-product-container .swiper-slide { width: 100% !important; } #product-product .manufacturer-image img { width: 50px; height: auto; } #product-product .manufacturer-image { margin-bottom: 5px; } } /* --> PRODUCT PAGE > RELATED PRODUCTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product .related_products_section>div:nth-child(n+5) { display: none !important; } .related-products-container, .recently-viewed { padding-inline: var(--responsivePadding); } /* --> PRODUCT PAGE > RECENTLY VIEWED [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product #content>h3 { color: #202020; font-size: 35px; font-weight: bold; margin-bottom: 35px; } /* --> PRODUCT PAGE ENQUIRY BUTTON [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM [3] ------------------------------------------------------------- */ #enquiry_form_container { position: fixed; top: 50%; left: 50%; background: white; padding: 25px; width: 500px; transform: translate(-50%, 100%); z-index: 4; box-shadow: 0 10px 17px -10px rgba(0, 0, 0, 0.7); transition: all 0.4s; opacity: 0; visibility: hidden; } #enquiry_form_container legend { color: black !important; font-family: var(--font2); font-size: 23px; font-weight: bold; text-transform: uppercase; border: none !important; } #enquiry_form_container .form-group { display: flex; flex-direction: column; width: 100%; margin-right: 0px; margin-left: 0px; } #enquiry_form_container .form-group>* { width: 100%; text-align: left; padding: 0px; } #enquiry_form_container .form-group * { font-size: 14px !important; } /* --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM > CLOSE BUTTON */ #enquiry_form_container .close_button { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M990,59.5L940.5,10L500,450.5L59.5,10L10,59.5L450.5,500L10,940.5L59.5,990L500,549.5L940.5,990l49.5-49.5L549.5,500L990,59.5z'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; right: 25px; top: 33px; cursor: pointer; } /* --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM > ENABLED */ .enquiry_enabled body::before { opacity: 1; visibility: visible; width: 100%; } .enquiry_enabled #enquiry_form_container { transform: translate(-50%, -50%); opacity: 1; visibility: visible; } /* --> PRODUCT PAGE > TOP SECTION > OPTIONS & STEPPER & CART > RESET OPTIONS BUTTON [2] =========================================================================================================== */ .form-group:has(a[data-ro="clear_options"]) { margin: 0px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; transition: all .5s; transition-delay: 1s; opacity: 0; visibility: hidden; max-height: 0px; overflow: hidden; order: 10; } .form-group a[data-ro="clear_options"] { /* background: var(--accent2); */ color: white; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; height: 30px; padding-inline: 10px; /* border-bottom: 1px solid #ddd; */ transition: all .15s; display: flex; align-items: center; font-size: 13px; text-decoration: underline; } .form-group a[data-ro="clear_options"] { color: black; } .form-group a[data-ro="clear_options"]:hover { border-color: black; } #product:has(.checked-tk) .form-group:has(a[data-ro="clear_options"]) { opacity: 1; visibility: visible; max-height: 30px; order: 9 } /* --> PRODUCT PAGE > TOP SECTION > OPTIONS & STEPPER & CART > STEPPER & CART [2] =========================================================================================================== */ /* --> PRODUCT PAGE > TOP SECTION > OPTIONS & STEPPER & CART > STEPPER [3] ------------------------------------------------------------- */ #product .form-group:has(.stepper_section) { order: 99; } #product .form-group .stepper_section { display: flex; align-items: center; } #product .form-group .stepper_section .stepper_buttons { display: flex; align-items: center; } #product .form-group .stepper_section label { font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 0px; display: block; width: 170px; } #product .form-group #input-quantity { height: 31px; width: 31px; min-width: 31px; font-size: 14px; font-weight: bold; color: black; border: 1px solid black; box-shadow: none !important; border-radius: 0px !important; text-align: center !important; padding: 0px; pointer-events: none; -moz-appearance: textfield; } #product .form-group #input-quantity::-webkit-outer-spin-button, #product .form-group #input-quantity::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #product .form-group button.ctm-stepper { width: 45px; height: 45px; border-radius: 0px; border: none !important; box-shadow: none !important; overflow: hidden; background: none; } #product .form-group button.ctm-stepper::before { font-size: 0; font-weight: bold; display: block; background: none !important; line-height: 100%; } #product .form-group button.ctm-stepper:first-of-type:before { content: url("data:image/svg+xml,%3Csvg width='11.52px' height='1.92px' viewBox='0 0 11.52 1.92' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E-%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='PRODUCT-PAGE-' transform='translate(-1333.040000, -539.840000)' stroke='%23000000' stroke-width='1.92'%3E%3Cg id='-' transform='translate(1334.000000, 540.480000)'%3E%3Cg transform='translate(0.000000, 0.000000)' id='Path'%3E%3Cline x1='9.6' y1='0.32' x2='0' y2='0.32'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } #product .form-group button.ctm-stepper:last-of-type:before { content: url("data:image/svg+xml,%3Csvg width='11.52px' height='11.52px' viewBox='0 0 11.52 11.52' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E+%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='PRODUCT-PAGE-' transform='translate(-1333.040000, -535.040000)' stroke='%23000000' stroke-width='1.92'%3E%3Cg id='Group' transform='translate(1334.000000, 536.000000)'%3E%3Cline x1='4.8' y1='0' x2='4.8' y2='9.6' id='Path'%3E%3C/line%3E%3Cline x1='9.6' y1='4.8' x2='0' y2='4.8' id='Path'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .giftwrap_box.order { margin: 0; padding: 0; } .giftwrap_box.order { width: 100%; background: #f8f8f8 !important; padding: 20px !important; display: flex; gap: 10px; flex-wrap: wrap; } .giftwrap_box.order h4, .giftwrap_box.order input, .giftwrap_box.order label { margin: 0 !important; } .giftwrap_box.order h4 { margin-right: 30px !important; } .giftwrap_box.order h4 .gifttext { display: flex; justify-content: center; align-content: center; align-items: center; gap: 10px; font-size: 15px; font-weight: 500; } .gifttext.line-center::before { content: ""; display: inline-block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='32.0483333px' height='32.0483525px' viewBox='0 0 32.0483333 32.0483525' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup 3%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='1_usps' transform='translate(-1035.475833, -485.475814)' fill='%23B7B4B5' stroke='%23B7B4B5' stroke-width='1.04833333'%3E%3Cg id='Group-3' transform='translate(1036.000000, 486.000000)'%3E%3Cpath d='M2.88394042,30.078744 L15.0340905,30.078744 L15.0340905,14.3836562 L2.88394042,14.3836562 L2.88394042,30.078744 Z M15.0340905,9.66257397 C14.8904811,9.66257397 14.7344261,9.65998771 14.5685165,9.65541027 L0.931148089,9.65541027 L0.931148089,13.4624002 L2.41836638,13.4624002 L2.56197582,13.4624002 L15.0340905,13.4624002 L15.0340905,9.66257397 Z M15.0242822,8.73415427 C14.9436175,7.98418615 14.5796666,7.02985813 14.106875,6.1047113 C13.397387,4.71696817 12.46034,3.42981434 11.8531228,2.97630426 C11.7370648,2.89004236 11.6176987,2.82060256 11.4970602,2.76741269 C11.1508292,2.61626555 10.7869014,2.60003852 10.4465692,2.70577743 C10.0911543,2.81478921 9.75542561,3.05677569 9.4826417,3.41425103 C9.35869527,3.57707065 9.24788837,3.76392184 9.15475506,3.97350002 C8.84983945,4.65469207 8.7881901,5.43258259 8.9344367,6.13908789 C9.07804615,6.82872532 9.41837832,7.4431096 9.9213121,7.81809366 C10.3331251,8.12560622 11.1010008,8.34166149 11.9495179,8.48763612 C12.8104806,8.63619701 13.7370483,8.7088639 14.479362,8.73415427 L15.0242822,8.73415427 Z M17.1468704,5.29631214 C16.5258891,6.51018113 16.0557348,7.76554463 15.9810153,8.73415427 L16.7049152,8.73415427 C17.6472133,8.70497307 18.8426324,8.61479746 19.9514648,8.42339172 C21.0229606,8.23850883 21.995401,7.96409118 22.5246138,7.5696301 C23.1737711,7.08563426 23.6118169,6.29609416 23.7954233,5.41246473 C23.9822913,4.51132659 23.9029684,3.51868537 23.514751,2.64933757 C23.3941357,2.38075615 23.2517986,2.1406922 23.0924587,1.9311369 C22.7390333,1.4672818 22.3010106,1.15326927 21.8367089,1.0098809 C21.3875592,0.871069964 20.9062548,0.891805777 20.4498183,1.0916569 C20.2918201,1.16041008 20.1350943,1.25186737 19.9835965,1.36476998 C19.215744,1.93699602 18.0367262,3.55567111 17.1468704,5.29631214 L17.1468704,5.29631214 Z M16.600678,9.65541027 C16.3718236,9.6612694 16.1586996,9.66319192 15.9659095,9.66257397 L15.9659095,13.4624002 L28.5816568,13.4624002 L30.0688519,13.4624002 L30.0688519,9.65541027 L16.600678,9.65541027 Z M15.4662374,6.85923397 C15.6872266,6.21109106 15.9823107,5.53765777 16.3173917,4.88239693 C17.2655657,3.02757161 18.5580275,1.27587606 19.4236168,0.63036517 C19.6341268,0.473358905 19.8524788,0.346861292 20.0754112,0.249544872 C20.7442778,-0.0430681154 21.450504,-0.0728901508 22.1134485,0.131446866 C22.7613103,0.331275101 23.3613332,0.756221941 23.8347724,1.3770833 C24.0367463,1.64243762 24.2163738,1.94413683 24.3658822,2.27890806 C24.8334225,3.32471626 24.9285453,4.51585825 24.704248,5.59542509 C24.4774062,6.69183692 23.9193697,7.68120526 23.0852644,8.30337119 C22.8695263,8.46426828 22.60588,8.60701581 22.3075572,8.73415427 L30.3914874,8.73415427 L30.3914874,8.73545884 C30.4531136,8.734818 30.5160584,8.7471542 30.5770369,8.77374914 L30.6773877,8.81657111 C30.7842388,8.86392475 30.8734396,8.94954581 30.9213248,9.06503467 L30.9455913,9.12536536 C30.980337,9.18960976 31,9.26291749 31,9.3407569 L31,13.7770536 L30.9973628,13.7770536 C30.9973628,13.8341572 30.9868836,13.8931833 30.9633111,13.9496232 L30.9311332,14.0275083 C30.8905117,14.1455606 30.8019587,14.2467907 30.6773877,14.3006214 L30.6091686,14.3298255 C30.5442343,14.3642021 30.4701394,14.3836562 30.3914874,14.3836562 L29.0472077,14.3836562 L29.0472077,30.3310984 L29.0458891,30.3310984 C29.0458891,30.3713341 29.0406379,30.4128744 29.0295341,30.4537281 L28.9941175,30.5776623 C28.9678616,30.7015737 28.8898341,30.8137897 28.7705143,30.8812612 L28.6865647,30.9292785 C28.6144593,30.9740459 28.5291912,31 28.4380242,31 L15.5003354,31 L15.4996646,31 L2.56197582,31 C2.47083194,31 2.38558697,30.9740459 2.31345839,30.9292785 L2.22950886,30.8812612 C2.11016589,30.8137897 2.0321384,30.7015737 2.00590562,30.5776623 L1.97051219,30.4537281 C1.95933896,30.4128744 1.95411091,30.3713341 1.95411091,30.3310984 L1.95279234,30.3310984 L1.95279234,14.3836562 L0.608535765,14.3836562 C0.52983742,14.3836562 0.455742535,14.3642021 0.390831436,14.3298255 L0.322635457,14.3006214 C0.19804131,14.2467907 0.109511454,14.1455606 0.0688668355,14.0275083 L0.0367351477,13.9496232 C0.0131163909,13.8931833 0.00198943495,13.8341572 0.00198943495,13.7770536 L0,13.7770536 L0,9.3407569 C0,9.26291749 0.0196861528,9.18960976 0.0544318656,9.12536536 L0.0786983454,9.06503467 C0.126560449,8.94954581 0.215738027,8.86392475 0.32328318,8.81787568 L0.422963124,8.77374914 C0.483941618,8.7471542 0.546886415,8.734818 0.608535765,8.73545884 L0.608535765,8.73415427 L9.64394786,8.73415427 C9.54165389,8.67707356 9.44655427,8.61607915 9.3613093,8.55252136 C8.67277974,8.03870349 8.21245688,7.22382724 8.02558879,6.3226891 C7.84198245,5.43711426 7.92000994,4.46072296 8.30360076,3.6023839 C8.4262286,3.32730252 8.57441837,3.07883896 8.74097572,2.86019744 C9.13245488,2.34569294 9.63147919,1.99343588 10.1698527,1.8273434 C10.7232857,1.6560784 11.3134539,1.68136877 11.8714904,1.92530066 C12.0570631,2.00639005 12.2387031,2.11215185 12.4131256,2.24256317 C13.1187042,2.76871726 14.1678767,4.18889156 14.9357523,5.6907961 C15.1331227,6.0767889 15.3134442,6.47060914 15.4662374,6.85923397 L15.4662374,6.85923397 Z M15.9659095,30.078744 L28.1160364,30.078744 L28.1160364,14.3836562 L15.9659095,14.3836562 L15.9659095,30.078744 Z' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 32px; height: 32px; position: relative; } .giftwrap_box.order #giftselect { line-height: 32px; } .giftwrap_box.order .fa.fa-gift.giftimage { display: none; } #giftselect { font-weight: normal; padding-left: 7px; font-size: 14px; } .giftwrap_box.order h4 { color: #000; font-weight: 400; margin: 0; margin-bottom: 5px; font-size: 17px; } .giftwrap_box.order h4 .fa.fa-gift.giftimage { padding-right: 5px; } .giftwrap_box.order #choosegift { margin-left: auto !important; } #choosegift .btn.btn-info.btn-lg { border-color: var(--accent2); background: var(--accent2) !important; background-image: unset; text-shadow: unset !important; margin-top: 15px; border-radius: 0 !important; transition: all 0.2s; background: unset !important; border: unset !important; text-decoration: underline !important; padding: 0 !important; color: #000 !important; margin: unset !important; font-size: 14px; font-weight: 500; height: 100%; box-shadow: unset !important; } #choosegift .btn.btn-info.btn-lg:hover { border-color: unset; background: unset !important; } #giftorder { background: rgba(0, 0, 0, 0.4); } #giftorder .modal-title { text-align: center; font-size: 36px; } #giftwrap_recipientname_lightbox, #giftwrap_sendername_lightbox, #giftwrap_message_lightbox { width: 100% !important; } #giftorder .modal-content { padding: 35px 50px; } #giftorder .modal-dialog { width: 100%; max-width: 700px; top: 20%; } #giftorder .modal-header { border: unset; margin-bottom: 15px; } #giftorder .modal-footer { border: unset; } #giftorder .modal-footer .btn.btn-default { margin: auto; float: unset; display: block; color: white; background: #000; border-color: #000; border-radius: unset; min-width: 110px; padding: 13px 30px !important; font-size: 15px; text-shadow: unset; transition: all 0.2s; } #giftorder .modal-footer .btn.btn-default:hover { background: var(--accent2); border-color: var(--accent2); } #giftorder { z-index: 101010; } .giftwrap-dear.tomato.pos-abs, .giftwrap-dear.yellowgreen.pos-abs, .giftwrap-dear.teal.pos-abs { color: #000; } #checkout-checkout .giftwrap_box.order #choosegift { display: block !important; } /* #checkout-cart .giftwrap_box.order { display: none; } */ .checkout-cart .alert.alert-warning { text-align: center; } #login-modal { z-index: 999999; } #login-modal #button-login { border-color: #000 !important; background-color: #000 !important; font-weight: 600; text-transform: uppercase; padding: 10px 25px; } @media (max-width: 768px) { #giftorder .modal-dialog { top: 20px; max-width: calc(100% - 20px); } #giftorder .modal-content { padding: 15px !important; } #giftorder .modal-title { font-size: 20px !important; text-align: left !important; } #product-product .giftwrap_box.order h4 { margin-right: unset !important; } .giftwrap_box.order #choosegift { margin-left: unset !important; } } /* --> PRODUCT PAGE > IMAGES SECTION > SHARE AND CTA [2] =========================================================================================================== */ .share_and_cta_container { position: relative; display: flex !important; align-content: flex-end; justify-content: flex-end; } .share_and_cta_container .share_section .title, .share_and_cta_container .cta_section { font-size: 14px; color: #000; } /* --> PRODUCT PAGE > IMAGES SECTION > SHARE AND CTA > SHARE SECTION [3] ------------------------------------------------------------- */ .share_module_container { width: 350px; position: absolute; left: 0px; top: 20px; transform: translateY(-100%); padding-bottom: 50px; transition: all 0.2s; z-index: 100; opacity: 0; visibility: hidden; } .ss-box { padding: 7px; box-sizing: content-box; background: #eee; position: relative; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3); } .ss-box::after { content: ""; width: 0; height: 0; border-width: 15px 15px 0 15px; border-color: #eee transparent transparent transparent; border-style: solid; position: absolute; top: 100%; left: 30px; } .share_section .title { display: inline-block; /* padding: 20px 0px 0px; */ position: relative !important; display: flex; align-items: center; font-weight: bold; } .share_section .title>svg { margin-right: 8px; } .share_section .title:hover .share_module_container { /* margin-top: -20px; */ opacity: 1; visibility: visible; top: 30px; } /* --> PRODUCT PAGE > RESPONSIVE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 1540px) { #product-product .list-unstyled.inline-list { flex-direction: column; } #product-product .row.main-product-container>.col-sm-4 { padding-right: 115px; padding-left: 15px; } #product-product .labels_container { width: 100%; float: unset; margin: 10px 0px; } #product-product .labels_container>div { padding-left: 0px; } #product-product .product-thumb .button-group { margin-top: 0px; } #product-product .product-thumb .caption { padding-bottom: 0px; } } @media (max-width: 1441px) { #product-product .product-thumb .button-group button:nth-child(2) { display: none; } #product-product .product-thumb .button-group .cart_options_button { width: 100%; } } @media (max-width: 1400px) { #product-product .savings-row { margin-left: auto; margin-right: 0; } #product-product .list-unstyled.price-list li.pdf-row { min-width: 100%; } #product-product .list-unstyled.price-list .pdf-row a { justify-content: center; } #product-product #product { flex-direction: column; } #product-product .list-unstyled.price-list { flex-wrap: wrap; gap: 20px; } } @media (max-width: 1258px) { #product-product #button-cart, #product-product #button-wishlist { font-size: 12px; } } @media (max-width: 1200px) { #product-product .row.main-product-container>.col-sm-4, #product-product .col-sm-8 { width: 50%; } @media(min-width: 769px) { #product-product .thumbnails { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .row.related_products_section, .recently-viewed .row { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 1150px) { #product-product .list-unstyled.inline-list { flex-wrap: wrap; } .rating { min-width: 100%; } } @media (max-width: 768px) { #product-product .labels_container.main-product-label { margin-left: unset; } .share_module_container { right: 0; left: unset; } #product-product .breadcrumb { padding-left: 0 !important; } #product-product .recently-viewed, #product-product .related-products-container { padding: 25px 15px; } #product-product .related-products-container .swiper-viewport, .recently-viewed .carousel.swiper-viewport { margin-bottom: 0px !important; } .row.recently_viewed_section, .row.related_products_section { padding: 0 15px; } .preview_options_button { display: none !important; } @media(max-width: 550px) { #product-product .recently-viewed h3, #product-product .related-products-container h3 { padding-inline: 15px } #product-product .recently-viewed, #product-product .related-products-container { padding: 25px 0px; } } #product-product { margin-left: 0; margin-right: 0; width: 100% !important; } #product-product .row.main-product-container>.col-sm-4, #product-product .col-sm-8 { width: 100%; position: relative; } #product-product .row.main-product-container>.col-sm-4 { padding-right: 15px; padding-left: 15px; padding-top: 15px; } .thumbnail a>img, .thumbnail>img { margin-left: auto; } .swiper-wrapper.thumbnails { /* position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; overflow: unset; */ } .row.related_products_section, .recently-viewed .row { grid-template-columns: repeat(1, minmax(0, 1fr)); } #product-product #button-cart, #product-product #button-wishlist { font-size: 16px; } #product-product .product-thumb .button-group .cart_options_button { width: auto; } #product-product .product-thumb .button-group button:nth-child(2) { display: unset; } #product-product #content .related-products-container h3, #product-product #content .recently-viewed h3 { margin: 0px 0px 20px 0px; } #product-product .breadcrumb { display: none; } #product-product .swiper-button-next::before { content: "\f105"; } #product-product .swiper-button-prev::before { content: "\f104 "; } } @media (max-width: 450px) { #product-product .list-unstyled.price-list, #product-product .list-unstyled.inline-list { flex-direction: column; } #product-product #product .btn-group { flex-direction: column; align-items: flex-start; } #product-product #product .btn-group .enquiry_button { border: unset; padding-left: 0; } #product-product .savings-row { margin-left: 0; margin-right: auto; } #product-product .list-unstyled.price-list .pdf-row a { justify-content: flex-start; } #product-product .product-layout .labels_container { margin: 15px 10px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CATEGORY PAGE MAIN CATEGORY VVV VVV VVV VVV VVV VVV VVV */ .product-category.layout-id-20 header>.container { background: transparent !important; } .product-category.layout-id-20.scrolled_top_bar_height header>.container { background: white !important; } .product-category.layout-id-20 #product-category>.row { flex-direction: row !important; padding-bottom: 0px; } .product-category.layout-id-20 #product-category { padding: 0; } .product-category.layout-id-20 #product-category .col-sm-6 { min-height: 100vh; display: flex; justify-content: center; flex-direction: column; } .product-category.layout-id-20 #product-category .col-sm-6.category-texts-left { background: #F2F2F2; padding-left: 100px; padding-right: 150px; position: -webkit-sticky; position: sticky; top: 0; max-height: 100vh; } .product-category.layout-id-20 #product-category .col-sm-6.category-texts-left h1 { color: #121212; text-align: left; font-size: 50px; line-height: 60px; font-weight: 400; text-transform: uppercase; } .product-category.layout-id-20 #product-category .col-sm-6.category-texts-left .description * { color: #000; font-size: 20px; line-height: 34px; text-align: left; } .product-category.layout-id-20 #product-category .col-sm-6.sub-categories-right ul { list-style: none; margin-top: 160px; } .product-category.layout-id-20 #product-category .col-sm-6.sub-categories-right ul li { margin-bottom: 50px; display: block; position: relative; } .product-category.layout-id-20 #product-category .col-sm-6.sub-categories-right ul a { display: block; position: relative; } .product-category.layout-id-20 #product-category .col-sm-6.sub-categories-right ul a img { display: block; max-width: 100%; background: white; margin: auto; } .product-category.layout-id-20 #product-category .col-sm-6 li a h2 { position: absolute; width: 100%; text-align: center; bottom: 40px; color: white; font-size: 33px; line-height: 39px; text-transform: uppercase; text-shadow: 1px 1px 10px #000; font-weight: 400; text-shadow: 0 0 10px black, 0 0 5px black, 0 0 5px black; background: rgba(0, 0, 0, .8); width: fit-content; margin-inline: auto !important; display: flex !important; left: 50%; transform: translateX(-50%); padding: 3px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .col-sm-6.sub-categories-right::after { content: ""; background: #f2f2f2; width: 25%; height: 100%; position: absolute; left: 0; } .product-category.layout-id-20 #product-category .col-sm-6>.row { z-index: 10; } .product-category.layout-id-20 #product-category>.row.bestsellers { background: #F8F8F8; /* height: 100vh; */ padding-bottom: 0px; padding: 150px 0 0; } .product-category.layout-id-20 .col-sm-4.bestseller-texts-left h3 { color: #121212; font-size: 45px; line-height: 60px; font-weight: 400; text-transform: uppercase; padding-left: 100px; } #products_carousel_category .product-thumb { background: unset !important; } #products_carousel_category2 .product-thumb { background: unset !important; } .product-category.layout-id-20 .product-thumb .caption, .col-sm-8.products-right .carousel.swiper-viewport, .product-category.layout-id-20 .product-thumb .product-options-hover { background: #F8F8F8 !important; } .swiper-button-prev.swiper-button-prev_products_carousel_category { transform: rotate(180deg) !important; } .swiper-button-prev.swiper-button-prev_products_carousel_category2 { transform: rotate(180deg) !important; } .row.bestsellers .col-sm-8.products-right .swiper-pager { top: -50px !important; right: 100px; gap: 20px; } .row.bestsellers .col-sm-8.products-right .swiper-pager>div:hover { background-color: #9A003A !important; } .row.bestsellers .col-sm-8.products-right .swiper-pager>div:hover svg * { fill: white !important; } .row.bestsellers .col-sm-8.products-right .swiper-pager>div:hover svg { margin-left: -17px !important; } .row.bestsellers .col-sm-8.products-right .swiper-pager>div svg { transition: all .3s ease; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CATEGORY PAGE SEIRES VVV VVV VVV VVV VVV VVV VVV */ .product-category.layout-id-23 .sub-categories-right ul { list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } .product-category.layout-id-23 .sub-categories-right { padding: 0 !important; } .product-category.layout-id-23 .sub-categories-right ul img { width: 100%; height: auto; } .product-category.layout-id-23 .sub-categories-right ul li { background: #f8f8f8; padding: 35px; padding-bottom: 0px; transition: all 0.075s ease-out; border-width: 0; border-bottom-width: 2px; border-style: solid; border-color: rgba(255, 255, 255, 1); flex-direction: column; } .product-category.layout-id-23 .sub-categories-right ul h2 { transition: all 0.5s; padding-bottom: 20px; padding-top: 20px; font-size: 19px; text-align: center; } .product-category.layout-id-23 .sub-categories-right ul li:hover h2 { color: var(--accent2); } .product-category.layout-id-23 .sub-categories-right ul li:hover { border-color: rgba(1, 0, 0, 1); } @media (max-width: 1024px) { .product-category.layout-id-23 .sub-categories-right ul { grid-template-columns: 1fr 1fr; } .product-category.layout-id-23 .sub-categories-right ul li { padding: 15px; } } @media (max-width: 550px) { .product-category.layout-id-23 .sub-categories-right ul h2 { font-size: 15px; padding-bottom: 0; } .product-category.layout-id-23 .sub-categories-right>.row>.col-sm-12 { padding: 0; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CATEGORY PAGE VVV VVV VVV VVV VVV VVV VVV */ .product-category body, .product-search body { overflow-y: visible !important; } /* --> CATEGORY PAGE > BREADCRUMB [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-category #product-category .breadcrumb { margin-bottom: 0px !important; } /* #input-sort>option[value*="sort_order"] { display: none !important } */ /* --> CATEGORY PAGE > CONTROL BAR [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-category #column-left, .product-manufacturer-info #column-left, .product-search #column-left { padding: 10px !important; position: relative; /* max-width: 1270px; width: 100% !important; */ padding: 0px !important; background: white !important; /* margin: 0px auto !important; */ } #product-manufacturer #column-left::before, #product-search #column-left::before, .product-category #column-left::before { width: 100vw; left: 50%; position: absolute; content: ""; height: calc(100% + 37px); background: white; top: -35px; transform: translateX(-50%); z-index: -1; } .mfilter-box { border-top: 1px solid #E5E5E5; padding-top: 13px !important; } @media(min-width: 1201px) { .box-content.mfilter-content { padding: 0; display: flex; flex-direction: row-reverse; justify-content: space-between; padding-top: 10px; } } /* --> CATEGORY PAGE > FILTERS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> CATEGORY PAGE > FILTERS> RESET BUTTON [2] =========================================================================================================== */ .mfilter-button-top { float: none !important; } /* --> CATEGORY PAGE > FITLERS > CHECKBOXES [2] =========================================================================================================== */ @media(max-width: 1200px) { .mfilter-box .scroll-wrapper { overflow: auto !important; } } /* --> CATEGORY PAGE > FILTERS > DROPDOWNS > RADIOS/CHECKBOXES [3] ------------------------------------------------------------- */ .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="radio"], .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="checkbox"] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; line-height: 1 !important; margin-left: 0px !important; outline: none; } .scroll-wrapper>div { overflow: -moz-scrollbars-none; -ms-overflow-style: none; scrollbar-width: none; } .mfilter-tb-as-td { font-size: 0px; } .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="radio"]::before, .mfilter-option:not(.mfilter-price) .mfilter-col-input>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"); } .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="radio"]:checked::before, .mfilter-option:not(.mfilter-price) .mfilter-col-input>input[type="checkbox"]:checked::before { background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg width='14.7272727px' height='14.7272727px' viewBox='0 0 14.7272727 14.7272727' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EC168B674-368B-4FE4-87E5-1A1D8F0450A8%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='FILTERS' transform='translate(-423.636364, -250.909091)'%3E%3Cg id='tick-2-copy-32' transform='translate(423.636364, 250.909091)'%3E%3Crect id='Rectangle' fill='%239A003A' x='0' y='0' width='14.7272727' height='14.7272727' rx='1.63636364'%3E%3C/rect%3E%3Cpath d='M4.96750122,11.0515459 L2.99861449,8.94716807 C2.52608167,8.38060479 2.52608167,7.49029108 2.99861449,6.9237278 L2.99861449,6.9237278 C3.39239183,6.43810214 4.17994652,6.35716453 4.65247934,6.84279019 C4.73123481,6.84279019 4.73123481,6.9237278 4.73123481,6.9237278 L5.75505591,8.13779196 L9.92909577,3.68622338 C10.4016286,3.20059772 11.1891833,3.20059772 11.6617161,3.68622338 C11.6617161,3.68622338 11.6617161,3.68622338 11.6617161,3.68622338 L11.6617161,3.68622338 C12.1342489,4.17184904 12.1342489,4.98122515 11.6617161,5.46685081 L6.30634419,11.0515459 C5.99132231,11.456234 5.36127856,11.456234 4.96750122,11.0515459 C4.96750122,11.0515459 4.96750122,11.0515459 4.96750122,11.0515459' id='Path' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> PRODUCT GRID VVV VVV VVV VVV VVV VVV VVV */ /* --> PRODUCT GRID > CATEGORY INTRO [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html:not(.checkout-cart, .checkout-checkout, .account-success, .account-logout) .category-intro.image-with-descripion { aspect-ratio: 320 / 61; display: flex; justify-content: flex-end; flex-direction: column; padding: 45px; position: relative; height: 366px; max-width: 100%; } .category_intro_section img { display: none !important; } html:not(.checkout-success) .category-intro { background: white !important; padding: 120px 0px 50px; } html.product-category .category-intro { background: white !important; padding: 0 !important; } html.product-category .category_intro_section { padding: 120px 0px 50px !important; } /* .category-intro.image-with-descripion::after { display: block; content: ""; width: 50%; top: 0; left: 0; position: absolute; aspect-ratio: 320 / 61; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%); height: 100%; } */ .category_intro_section .description { max-width: 700px; margin-left: auto; color: #000; margin-right: auto; text-align: center; font-size: 15px; line-height: 25px; } .category-intro.image-with-descripion .description, .category-intro.image-with-descripion .cat-title { z-index: 5; } .products-per-col-container { display: flex; gap: 20px; flex-direction: row-reverse; padding: 0 45px; } /* --> PRODUCT GRID > COLORS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-category .product-thumb div[data-poip_id="poip_img"], #product-search .product-thumb div[data-poip_id="poip_img"], #product-manufacturer .product-thumb div[data-poip_id="poip_img"], .row.related_products_section .product-thumb div[data-poip_id="poip_img"], #common-home .product-thumb div[data-poip_id="poip_img"] { position: relative !important; margin-top: -25px !important; width: 100% !important; display: flex !important; right: 0px !important; left: 25px; display: none !important; } #product-category .hover_options_enabled div[data-poip_id="poip_img"], #product-search .hover_options_enabled div[data-poip_id="poip_img"], #product-manufacturer .hover_options_enabled div[data-poip_id="poip_img"], .row.related_products_section .hover_options_enabled div[data-poip_id="poip_img"], #common-home .hover_options_enabled div[data-poip_id="poip_img"] { top: -60px; } /* --> PRODUCT GRID > LABELS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .labels_container { display: flex; margin-top: 10px; gap: 14px; min-height: 27px; flex-wrap: wrap; row-gap: 0px; } .labels_container>div:not(:last-child) { margin-right: 2px; } /* --> PRODUCT GRID > LABLES > OVER IMAGE [2] =========================================================================================================== */ .product-thumb .image>a { position: relative; } .product-thumb .image>a .labels_container { position: absolute; top: 6px; left: 15px; } /* --> PRODUCT GRID > LABLES > COMMON [2] =========================================================================================================== */ .labels_container>div { color: #FFFFFF; font-size: 14px; line-height: normal; padding: 5px 0px; font-weight: bold; text-align: center; white-space: nowrap; position: relative; } .labels_container>div:nth-child(2)::before, .labels_container>div:nth-child(3)::before { content: ""; width: 1px; height: 16px; background: #D8D8D8; display: block; position: absolute; left: -7px; } /* --> PRODUCT GRID > LABLES > NEW [2] =========================================================================================================== */ .labels_container>div.label_new { color: #000000; font-size: 14px; line-height: 17px; position: relative; font-weight: normal !important; } /* --> PRODUCT GRID > LABLES > BESTSELLER [2] =========================================================================================================== */ .labels_container>div.label_bestseller { color: #F50000; font-size: 14px; line-height: 17px; position: relative; font-weight: normal !important; } /* --> PRODUCT GRID > LABLES > SALE [2] =========================================================================================================== */ .labels_container>div.label_sale { color: #F50000; font-size: 14px; line-height: 17px; position: relative; font-weight: normal !important; } /* --> PRODUCT GRID > OPTIONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-thumb .options_section label { padding: 3px 5px !important; } /* --> PRODUCT GRID > BUTTONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-thumb .button-group { display: flex !important; flex-wrap: nowrap !important; gap: 25px; width: 100%; height: auto; justify-content: center; } .product-card-bot { min-height: 55px !important; display: flex; align-items: center; } .product-thumb .price { margin-bottom: 0px; } /* --> PRODUCT GRID > FILTERS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { z-index: 100; background: white; } #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { /*min-width: 1260px !important;*/ padding: 25px; opacity: 1; margin: auto; padding: 0; width: 100%; } #product-category>.row>#column-left::before { content: ""; position: absolute; height: 150%; width: 100vw; background: white; left: -315px; top: -50%; display: none; } #product-manufacturer>.row>#column-left, #product-search>.row>#column-left, #product-category>.row>#column-left { position: -webkit-sticky !important; position: sticky !important; top: 85px; background: white; z-index: 50 !important; } .filter-toggle-container button { background-color: #FFFFFF; border-radius: 35px; box-shadow: 0 0 26px 1px rgba(0, 0, 0, 0.13); width: 315px; height: 49px; font-size: 16px; line-height: 20px; font-weight: 500; border: unset !important; display: flex; justify-content: center; align-content: center; align-items: center; gap: 20px; border: 1px solid black !important; } .filter-toggle-container button .off, .side-filters-on .filter-toggle-container button .on { display: none; } .side-filters-on .filter-toggle-container button .off, .filter-toggle-container button .on { display: block; width: 50px; } .filter-toggle-container { position: fixed; bottom: 80px; z-index: 20; left: 50%; transform: translateX(-50%); } footer { z-index: 50; position: relative; } @media (min-width: 1201px) { .filter-toggle-container { display: none !important; } .mfilter-content>ul { display: flex; flex-wrap: wrap; gap: 20px; max-width: 900px; } .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; width: 320px; max-width: 320px; padding: 5px 10px !important; } .mfilter-tb { display: block; max-width: 100%; } .mfilter-tb-as-tr:not(.mfilter-hide) { 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 { /* clear: both; */ overflow: hidden; float: right; display: inline-block; position: relative; padding: 5px 15px; margin: 0; margin-left: auto; } .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-collapsed .mfilter-head-icon::after { line-height: 0px; 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"); } @media (max-width: 1200px) { #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { max-width: 0px; padding: 0; width: 0 !important; /* overflow: hidden; */ transition: all 0.5s; min-width: 0; opacity: 0; border: unset; } .side-filters-on #product-category>.row>#column-left, .side-filters-on #product-search>.row>#column-left, .side-filters-on #product-manufacturer>.row>#column-left { z-index: 100; background: white; } .side-filters-on #product-category>.row>#column-left, .side-filters-on #product-search>.row>#column-left, .side-filters-on #product-manufacturer>.row>#column-left { min-width: 25% !important; padding: 25px; opacity: 1; } } /* extras */ @media (min-width: 1200px) { .filter-toggle-container { display: none !important; } } @media (max-width: 1200px) { .mfilter-iscroll { max-height: 200px !important } .mfilter-heading-text span { font-size: 14px; } .mfilter-col-input+.mfilter-tb-as-td { font-size: 14px; } .filter-toggle-container { display: flex !important; } html.side-filters-on body::before { opacity: 1; visibility: visible; } .columns_selector.desktop { display: none !important; } #product-category #column-left:before, #product-search #column-left:before, #product-manufacturer #column-left:before { display: none !important } .side-filters-on #product-category>.row>#column-left, .side-filters-on #product-search>.row>#column-left, .side-filters-on #product-manufacturer>.row>#column-left { width: 366px !important; padding-inline: 15px !important; max-width: calc(100vw - 40px) !important; } #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { max-width: 0px; width: 0 !important; transition: all 0.5s; min-width: 0; opacity: 0; border: unset; position: fixed; top: 0; left: 0px !important; height: 100%; padding: 25px; display: block !important; overflow: auto !important; overflow-x: hidden !important; margin: 0px !important; z-index: 99999 !important; } #product-category>.row>#column-left #column-left, #product-search>.row>#column-left #column-left, #product-manufacturer>.row>#column-left #column-left { display: block !important; } #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { max-width: 0px; width: 0 !important; transition: all 0.5s; min-width: 0; opacity: 0; border: unset; position: fixed !important; top: 0; height: 100%; padding: 25px; display: block !important; overflow: auto !important; } #product-category #column-left #column-left, #product-search #column-left #column-left, #product-manufacturer #column-left #column-left { top: 0px; } #product-category>.row>#column-left #column-left, #product-search>.row>#column-left #column-left, #product-manufacturer>.row>#column-left #column-left { display: block !important; } /* button */ .filter-toggle-container, .filter-toggle-container * { transition: all .2s; } .side-filters-on .filter-toggle-container { top: 50%; left: 390px; } @media(max-width: 455px) { .side-filters-on .filter-toggle-container { transform: translateX(-100%); left: 100%; } } .side-filters-on .filter-toggle-container button { font-size: 0px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; justify-content: center; width: 35px !important; height: 35px !important; padding: 0px !important; border: 1px solid black !important; } .side-filters-on .filter-toggle-container button svg { /* margin-right: -10px; transform: translateX(5px) */ } .side-filters-on .filter-toggle-container button svg.off { width: 15px !important; height: 15px !important; } } @media(max-width: 1200px) and (min-width: 769px) { #product-category .row.product-list-grid, #product-search .row.product-list-grid, #product-manufacturer .row.product-list-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* MINIMIZE BUTTON SIZE */ @media(max-width: 455px) { .filter-toggle-container, .filter-toggle-container * { transition: all .2s; } .filter-toggle-container { top: 50%; left: 390px; } .filter-toggle-container { transform: translateX(calc(-100% - 5px)); left: 100%; } .filter-toggle-container button svg { /* margin-right: -10px; transform: translateX(5px) */ } .side-filters-on .filter-toggle-container button svg.off { width: 15px !important; height: 15px !important; } } /* --> CATEGORY PAGE > SORTING BAR > SELECT DROPDOWNS [2] =========================================================================================================== */ #product-search #column-left>.form-group, .product-category #column-left>.form-group { margin-bottom: 0px !important; } /* --> CATEGORY PAGE > SORTING BAR > COLUMNS SELECTOR [2] =========================================================================================================== */ .columns_selector { display: flex; flex-direction: row-reverse; gap: 20px; z-index: 1; position: relative; } .columns_selector>div { display: flex; /* border: 1px solid #b0b0b0 !important; */ padding: 0px 10px; align-items: center; justify-content: center; height: 30px !important; cursor: pointer; opacity: 0.37; position: relative; } .columns_selector>div.enabled { opacity: 1; } .columns_selector>div:last-child { margin-left: 35px; } .columns_selector>div .square_bullet { width: 8px; height: 8px; background: #000; } .columns_selector>div .square_bullet+.square_bullet { margin-left: 5px; } .row.product-list-grid { margin-left: -15px; margin-right: -15px; } .single_column_enabled .row.product-list-grid .product-thumb .caption { padding-left: 0px !important; padding-right: 0px !important; } .single_column_enabled .row.product-list-grid { grid-template-columns: auto !important; padding-left: 6px !important; padding-right: 6px !important; } .single_column_enabled .row.product-list-grid { margin-left: 0px; margin-right: 0px; } .double_column_enabled .row.product-list-grid { grid-template-columns: 1fr 1fr !important; } .double_column_enabled .row.product-list-grid { margin-left: -30px; margin-right: -30px; } .triple_column_enabled .row.product-list-grid { grid-template-columns: 1fr 1fr 1fr !important; } .quadruple_column_enabled .row.product-list-grid { grid-template-columns: 1fr 1fr 1fr 1fr !important; } .category_interactivity>.columns_selector.desktop { position: relative; float: right; /* background: red; */ display: flex !important; align-items: center; height: 100%; margin-left: 50px; height: 56px; } /* --> CATEGORY PAGE > FILTERS [2] =========================================================================================================== */ /* --> CATEGORY PAGE > FILTERS > LOADER [3] ------------------------------------------------------------- */ /* \catalog\view\javascript\mf\mega_filter.js */ .mfilter-ajax-loader-container img { transform: scale(1.56); } /* --> CATEGORY PAGE > FILTERS > SHOW ACTIVE NUMBER [3] ------------------------------------------------------------- */ .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; } .mfilter-heading-text span { padding-right: 0px } .mfilter-heading-text .active_filter_counter { background: var(--accent2) !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 } /* --> CATEGORY PAGE > FILTERS > TOGGLING EFFECT [3] ------------------------------------------------------------- */ @media (min-width: 1201px) { .mfilter-content-opts { transition: all .4s; display: block !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; /* Delay of 2s before the animation starts */ } /* Define the fadeIn animation */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } } /* --> PRODUCT GRID ITEM > CLICK CART [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> PRODUCT GRID ITEM > LAYOUT [2] =========================================================================================================== */ .product-thumb .bottom_section { height: 90px !important } .product-thumb .bottom_section .labels_container { margin-top: 25px !important; } .product-thumb .caption { padding-top: 10px !important; padding-bottom: 0px !important; } /* --> PRODUCT GRID ITEM > CLICK CART > PREPARE LAYOUT [2] =========================================================================================================== */ .product-thumb .caption .bottom_section { position: relative; } /* --> PRODUCT GRID ITEM > CLICK CART > STEPPER [2] =========================================================================================================== */ .product-thumb .stepper_buttons { display: flex; align-items: center; justify-content: center; margin-bottom: 20px !important; margin-top: 12px; width: auto !important; } .product-thumb label[for="input-quantity"] { display: none; } .product-thumb label { font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 0px; display: block; /* width: 170px; */ } .product-thumb .options_section label span { padding-left: 5px !important; display: block !important; } .product-thumb .options_section label { border-color: #ccc !important; } .product-thumb .options_section label.checked-tk { border-color: black !important; } .product-thumb .radio label { padding-left: 0px !important; } .product-thumb #input-quantity { height: 35px; width: 35px; min-width: 35px; font-size: 13px; font-weight: bold; color: black; border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none !important; border-radius: 0px !important; text-align: center !important; padding: 0px; pointer-events: none; -moz-appearance: textfield; } .product-thumb #input-quantity::-webkit-outer-spin-button, .product-thumb #input-quantity::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .product-thumb button.ctm-stepper { width: 45px; height: 45px; border-radius: 0px; border: none !important; box-shadow: none !important; overflow: hidden; background: none; } .product-thumb button.ctm-stepper::before { font-size: 0; font-weight: bold; display: block; background: none !important; line-height: 100%; } .product-thumb button.ctm-stepper:first-of-type:before { content: url("data:image/svg+xml,%3Csvg width='11.52px' height='1.92px' viewBox='0 0 11.52 1.92' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E-%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='PRODUCT-PAGE-' transform='translate(-1333.040000, -539.840000)' stroke='%23000000' stroke-width='1.92'%3E%3Cg id='-' transform='translate(1334.000000, 540.480000)'%3E%3Cg transform='translate(0.000000, 0.000000)' id='Path'%3E%3Cline x1='9.6' y1='0.32' x2='0' y2='0.32'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .product-thumb button.ctm-stepper:last-of-type:before { content: url("data:image/svg+xml,%3Csvg width='11.52px' height='11.52px' viewBox='0 0 11.52 11.52' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E+%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='PRODUCT-PAGE-' transform='translate(-1333.040000, -535.040000)' stroke='%23000000' stroke-width='1.92'%3E%3Cg id='Group' transform='translate(1334.000000, 536.000000)'%3E%3Cline x1='4.8' y1='0' x2='4.8' y2='9.6' id='Path'%3E%3C/line%3E%3Cline x1='9.6' y1='4.8' x2='0' y2='4.8' id='Path'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .product-options-hover .options_section .control-label { display: none; } /* --> PRODUCT GRID ITEM > CLICK CART > OPTIONS [2] =========================================================================================================== */ .options_section { padding-inline: 0px !important; } .product-thumb .product-options-hover>.form-group { padding-inline: 0px !important } /* --> PRODUCT GRID ITEM > CLICK CART > OPTIONS > LAYOUT [3] ------------------------------------------------------------- */ .product-thumb .options_section { padding-left: 30px; padding-right: 30px; padding-top: 15px; } .product-thumb .options_section>.form-group { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px !important; position: relative; } .product-thumb .options_section>.form-group .text-danger { color: var(--accent2); position: absolute; width: 100%; top: -50px; right: 0; text-align: center; } .product-options-hover>.form-group { display: flex; flex-direction: column; margin-bottom: 0px !important; } .product-options-hover>.form-group>.control-label { color: #000 !important; font-size: 15px !important; line-height: 20px !important; font-weight: 300 !important; text-transform: none !important; text-align: right; } .product-options-hover .options_section input { display: none; } .product-thumb .product-options-hover>.form-group { display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; gap: 10px; padding: 0px 15px 0px; flex-wrap: wrap; } .product-thumb .product-options-hover>.form-group .stepper_buttons { margin: unset !important; } .product-thumb .product-options-hover.no-options>.form-group .stepper_buttons { margin: unset !important; } .product-thumb .product-options-hover.no-options>.form-group .options_section { display: none !important; } .product-thumb .product-options-hover .price { display: flex; flex-direction: column; } /* --> PRODUCT GRID ITEM > CLICK CART > OPTIONS > LABELS [3] ------------------------------------------------------------- */ .product-options-hover>.options_section .form-group>.control-label { color: #000 !important; font-size: 15px !important; line-height: 20px !important; font-weight: 300 !important; text-transform: none !important; text-align: left; margin-right: 10px; } .product-options-hover>.options_section .form-group>.control-label { width: 100px; margin: 0px !important; } .product-options-hover>.options_section .form-group>.control-label:before { display: none !important; } .product-options-hover>.options_section .form-group>.control-label+* { width: auto; margin: 0px !important; } /*.form-group.required.option-2 label {*/ /* font-size: 0;*/ /* padding-left: 0;*/ /* width: auto;*/ /*}*/ /*.form-group.required.option-2 label {*/ /* font-size: 0;*/ /* padding-left: 0;*/ /* width: auto;*/ /*}*/ .form-group.required.option-81 label { padding-left: 0; width: auto; } .form-group.required.option-2 .radio, .form-group.required.option-81 .radio { margin: 0 !important; } .product-options-hover>.options_section .form-group .text-danger { width: 100% !important; font-size: 12px !important; background: #ffeff2; margin-top: 5px; padding: 6px; } .alert-success a { color: black; font-weight: 500; } .form-group.required.option-2>div, .form-group.required.option-81>div { display: flex; align-items: center; gap: 10px; } .product-thumb .product-options-hover>.form-group button:not(.button-cart) { background: transparent; border: unset; display: block; position: relative; width: 34px; } /* --> PRODUCT GRID ITEM > CLICK CART > OPTIONS > INPUTS [3] ------------------------------------------------------------- */ .product-options-hover>.options_section .form-group>.control-label+* { width: 50%; margin: 0px !important; border-radius: 0px !important; box-shadow: none !important; } .product-options-hover .img-thumbnail { width: 25px; padding: 2px; border-radius: 0; border-color: transparent; } .product-thumb .option-2 label span { display: none !important; } .product-thumb .option-2>div label { padding: 0px !important; } /* --> PRODUCT GRID ITEM > CLICK CART > OPTIONS > ERROR [3] ------------------------------------------------------------- */ .product-options-hover>.options_section .form-group .text-danger { width: 100% !important; font-size: 12px !important; background: #ffeff2; margin-top: 5px; padding: 6px; color: red; font-weight: 500; } /* --> PRODUCT GRID ITEM > CLICK CART > INNER CART [2] =========================================================================================================== */ .product-options-hover>.form-group .button-cart { background: #000 !important; color: white !important; border: none !important; font-size: 13px; font-weight: 500; text-transform: uppercase; border-radius: 0px; height: 50px; white-space: wrap; line-height: 1.2; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; width: 100%; } #button-nwa-duplicate { text-transform: uppercase; font-weight: bold; } .product-options-hover>.form-group .button-cart:hover { background: var(--accent2) !important; } /* --> PRODUCT GRID ITEM > CLICK CART > CLOSE BUTTON [2] =========================================================================================================== */ .product-options-hover .close-btn { font-size: 0px; line-height: 0px; position: absolute; top: 10px; right: 10px; } .product-options-hover .close-btn:before { content: ""; width: 12px; height: 12px; display: block; cursor: pointer; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50px' height='50px'%3E%3Cpath d='M 40.783203 7.2714844 A 2.0002 2.0002 0 0 0 39.386719 7.8867188 L 25.050781 22.222656 L 10.714844 7.8867188 A 2.0002 2.0002 0 0 0 9.2792969 7.2792969 A 2.0002 2.0002 0 0 0 7.8867188 10.714844 L 22.222656 25.050781 L 7.8867188 39.386719 A 2.0002 2.0002 0 1 0 10.714844 42.214844 L 25.050781 27.878906 L 39.386719 42.214844 A 2.0002 2.0002 0 1 0 42.214844 39.386719 L 27.878906 25.050781 L 42.214844 10.714844 A 2.0002 2.0002 0 0 0 40.783203 7.2714844 z'%3E%3C/path%3E%3C/svg%3E"); /* -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); */ padding: 0px !important; } .product-options-hover .close-btn { display: none !important; } /* --> PRODUCT GRID ITEM > CLICK CART > EFFECT [2] =========================================================================================================== */ .product-thumb .product-options-hover { position: absolute; bottom: 0px; left: 0px; width: calc(100% + 48px); transition: all 0.23s; opacity: 0; transform: translateY(10px); visibility: hidden; background: white; margin-left: -24.5px; margin-bottom: -5px; z-index: 10; display: flex; flex-direction: column; justify-content: flex-end; /* min-height: 165px; */ padding-top: 20px; /* border: 1px solid #ccc !important; */ box-shadow: none !important; margin-bottom: -20px; } .product-thumb.hover_options_enabled .product-options-hover { opacity: 1; transform: translateY(0px); visibility: visible !important; } /* .product-thumb.hover_options_enabled h4, .product-thumb.hover_options_enabled h5, .product-thumb.hover_options_enabled .labels_container { opacity: 0 !important; } */ /* .product-thumb.hover_options_enabled .caption { margin-top: -95px; } .product-thumb.hover_options_enabled .bottom_section { height: 185px !important; } */ /* --> PRODUCT GRID > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-manufacturer>.row, #product-search>.row, #product-category>.row { flex-direction: column; } /* --> PRODUCT GRID ITEM > RESPONSIVE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 1481px) { .labels_container { width: 100%; float: unset; margin: 10px 0px; } .labels_container>div { padding-left: 0px; } .product-thumb .button-group { margin-top: 0px; } } @media (max-width: 991px) { .side-filters-on #product-category>.row>#column-left, .side-filters-on #product-search>.row>#column-left, .side-filters-on #product-manufacturer>.row>#column-left { /* min-width: 300px !important; */ } #product-category>.row>#column-left, #product-search>.row>#column-left, #product-manufacturer>.row>#column-left { max-width: 0px; width: 0 !important; transition: all 0.5s; min-width: 0; opacity: 0; border: unset; position: fixed; top: 0; height: 100%; padding: 25px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> BLOG CENTRAL VVV VVV VVV VVV VVV VVV VVV */ /* --> BLOG CENTRAL > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .central_blog_page .product-thumb .caption { max-width: unset; width: unset; } .central_blog_page #content>.row { display: flex; flex-wrap: wrap; } .central_blog_page #content>.row>div { width: 25%; } .central_blog_page #latestpost { margin-bottom: 70px; } /* --> BLOG CENTRAL > TITLE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .row.blogs-top-categories h4 { text-align: center; background: #000; padding: 10px; margin: 0 !important; transition: all 0.5s; border: 1px solid #444444; background: white; font-size: 14px; line-height: 24px; } .row.blogs-top-categories h4:hover { background: var(--accent2); } .row.blogs-top-categories h4:hover a { color: white !important; } .row.blogs-top-categories h4 a { color: #000 !important; transition: all 0.5s; text-transform: uppercase; } .row.blogs-top-categories .current-category h4 { background: var(--accent2) !important; } .row.blogs-top-categories .current-category h4 a { color: white !important; } #blog-category #content>.row.blogs-top-categories { gap: 15px !important; border: unset !important; } #blog-category #content>.row.blogs-top-categories { display: grid; gap: 30px !important; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); } /* --> BLOG CENTRAL > IMAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .central_blog_page #content>.row>div .image { max-width: 100%; width: 100%; } .central_blog_page #content>.row>div .image img { width: 100% !important; height: auto !important; } /* --> BLOG CENTRAL > DESCRIPTION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .central_blog_page #content>.row>div .caption { min-height: 65px } .central_blog_page #content>.row>div .description { display: none; } .central_blog_page #content>.row>div .padd { display: none !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> BLOG PAGE VVV VVV VVV VVV VVV VVV VVV */ #blog .related .headingmain { text-align: left; font-weight: 400; margin-bottom: 0px; color: #000; font-size: 40px; grid-area: title; display: flex; align-items: self-end; white-space: break-spaces; line-height: 1.2; margin-bottom: 20px } #blog, #blog .related>div, #blog #content, #blog #content .featured-image { padding-inline: 0px !important; } #blog #content { padding-inline: var(--responsivePadding) !important; } /* --> BLOG PAGE > CONTENT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #latestpost .commentadta { display: none !important; } #latestpost .innerheader h1 { max-height: unset; line-height: normal; } .single_blog_page #latestpost { display: flex; margin-top: 70px; } #latestpost * { font-family: inherit !Important; } .single_blog_page #latestpost .image.listimg { width: 500px; } #latestpost .image.listimg .img-responsive { width: 100%; } .single_blog_page #latestpost>.row { width: calc(100% - 500px); padding-left: 25px; } #latestpost>.row .headtitle { position: relative; background: none; opacity: 1; display: flex; flex-direction: column; } #latestpost>.row .headtitle>div:first-child { display: none; } #latestpost>.row .description { color: #444; line-height: 26px; text-align: justify; margin-top: 25px; font-size: 15px; -moz-column-count: 2; column-count: 2; -moz-column-gap: 41px; column-gap: 41px; font-weight: normal !important; } /* --> BLOG PAGE > SOCIALS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #latestpost .social-icons { margin-top: 30px; } #latestpost .social-icons li i:before { font-family: FontAwesome; } /* --> BLOG PAGE > ALERT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #latestpost { position: relative; } #latestpost .alert.alert-success.alert-dismissible { position: absolute; left: 50%; transform: translateX(-50%) translateY(-100%); z-index: 9999999; top: 0px; } #latestpost .alert.alert-success.alert-dismissible i:before { font-family: FontAwesome; } #latestpost .alert-dismissable .close, #latestpost .alert-dismissible .close { right: 0px !important; } /* --> BLOG PAGE > RELATED PRODUCTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .row.related .headingmain { margin-top: 0px !important; } #blogrelated .product-thumb h4 { text-align: left !important; } #blogrelated .price-cont { display: flex; align-items: center; } #blogrelated .product-thumb .price { margin-bottom: 0px !important; text-align: left; } #blogrelated .product-thumb .price-old { margin-left: 0px !important; } #blog .breadcrumb { max-width: 100%; margin: 10px 0 25px auto; margin-top: 100px; margin-bottom: 0 !important; } #blog .social-icons a { color: var(--accent2); } #blog .social-icons a:hover { color: #000; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CART PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> CART PAGE > INTRO & TITLE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html.checkout-cart header~.container { margin-top: 130px } @media(max-width: 768px) { html.checkout-cart header~.container { margin-top: 87px; } } html.checkout-cart .category-intro { background: none !important; } html.checkout-cart .category-intro { padding-top: 0px !important; } html.checkout-cart header~.container #content>h1, html.checkout-cart .category-intro h1 { /* color: black !important; text-transform: none; font-weight: 400 !important; margin-bottom: 0px; font-size: 40px !important; text-align: center !important; line-height: 1.2; */ color: #000; font-size: 25px; line-height: 45px; text-align: center; font-weight: 500; margin-top: 0px; font-family: "gotham_greek", sans-serif !important; text-shadow: none !important; text-transform: none; } html.checkout-cart .breadcrumb { display: none !important; } html.checkout-cart #error-not-found { width: 600px; text-align: center; } html.checkout-cart #error-not-found .pull-right { float: none !important; } /* --> CART PAGE > BOTTOM SECTION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html.checkout-cart #content>h2 { text-align: left; font-weight: 400; margin-bottom: 0px; color: #000; font-size: 40px; line-height: 1.2; margin-bottom: 30px; } html.checkout-cart #content #accordion .panel-default>.panel-heading .accordion-toggle { display: block; padding-left: 15px; text-decoration: none; padding-block: 10px; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CART PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> CART PAGE > INTRO & TITLE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html.checkout-checkout header~.container { margin-top: 130px } html.checkout-checkout .category-intro { background: none !important; } html.checkout-checkout header~.container #content>h1, html.checkout-checkout .category-intro h1 { color: black !important; text-transform: none; font-weight: 400 !important; margin-bottom: 0px; font-size: 40px !important; text-align: center !important; line-height: 1.2; } html.checkout-checkout .breadcrumb { display: none !important; } html.checkout-checkout #error-not-found { width: 600px; text-align: center; } html.checkout-checkout #error-not-found .pull-right { float: none !important; } html.checkout-checkout .category-intro { padding-top: 0px !important; } html.checkout-checkout .category-intro .generic-intro-title { color: #000 !important; font-size: 25px !important; line-height: 45px !important; text-align: center !important; font-weight: 500 !important; margin-top: 0px !important; font-family: "gotham_greek", sans-serif !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } @media (max-width: 768px) { html.checkout-cart #content>h2 { font-size: 20px; line-height: 1; margin-bottom: 12px; } #checkout-cart>.row { padding-top: 0px; } .checkout-checkout #checkout-checkout>.row { margin-top: 0px !important; } #checkout-cart, #checkout-checkout { margin-top: 0; } .checkout-cart #content { padding-left: 15px; padding-right: 15px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CHECKOUT PAGE VVV VVV VVV VVV VVV VVV VVV */ .checkout-checkout .radio label input[type="radio"], .xoffer-label input[type="radio"] { accent-color: var(--accent2) !important; } .checkout-checkout .check-column { padding: 0px !important; } .checkout-checkout #content { display: flex; gap: clamp(20px, 6.5vw, 90px); } .checkout-checkout #checkout-checkout>.row { width: 1660px !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; margin-top: 50px } #collapse-payment-address .checkbox, #collapse-payment-address .buttons.clearfix { margin-left: 0px } .checkout-checkout #content>div:nth-child(2) .hide_in_column_mid { display: none !important; } .checkout-checkout #content>div:nth-child(3) .hide_in_column_right { display: none !important; } /* --> ONEPAGE CHECKOUT > SIDEBAR > PAYMENT OPTIONS SECTION [2] =========================================================================================================== */ .payment_options_section { margin-top: 35px; } .payment_options_section .payment_options_info { font-size: 14px; color: #737373; } .payment_options_section .payment_options_icons { margin-top: 15px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .payment_options_section .payment_options_icons img { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } /* --> ONEPAGE CHECKOUT > ALL SECTIONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> ONEPAGE CHECKOUT > ALL SECTIONS > CONTAINERS [2] =========================================================================================================== */ .checkout-checkout .well-sm { padding-bottom: 0px; } .checkout-checkout .panel-body .row { margin-left: 0px; margin-right: 0px; } .checkout-checkout .panel-body:after { display: none !important; } .checkout-checkout .panel-body { margin-bottom: 50px; } .checkout-checkout #payment-text-more { margin-top: 50px } .checkout-checkout #payment-text-more>p b { font-weight: normal; font-size: 14px; } .checkout-checkout #payment-text-more .well, .checkout-checkout #payment-text-more .well * { font-size: 14px !important; } .panels-custom { clear: both !important; } .checkout-checkout .panel-body>.row>div[class^="col"] { padding-right: 0px !important; padding-left: 0px !important; } /* --> ONEPAGE CHECKOUT > ALL SECTIONS > TITLES [2] =========================================================================================================== */ .checkout-checkout .panel-body h2, .checkout-checkout .panel-body h3, .checkout-checkout .panels-custom h3, .checkout-checkout .panels-custom h2, .onepage_checkout_sidebar h2, .onepage_checkout_sidebar .column_left_title, .checkout-checkout .comments_section>p>strong, #checkout-checkout h2, .coupon_title, .xoffer-title { margin-top: 0px; font-weight: bold; font-size: 15px !important; text-transform: none !important; margin-bottom: 0px !important; padding-bottom: 10px !important; text-transform: none !important; color: black; text-transform: uppercase !important; padding-inline: 0px !important; background: none !important; } /* --> ONEPAGE CHECKOUT > ALL SECTIONS > FIELDS [2] =========================================================================================================== */ .checkout-checkout #content>.check-column:nth-child(1) .form-group label+* { /* border: 1px solid #B3B3B3 !important; */ height: 40px; box-shadow: none } .checkout-checkout #content>.check-column:nth-child(2) textarea { box-shadow: none; outline: none; border-color: #b3b3b3 !important; } /* --> ONEPAGE CHECKOUT > PERSONAL INFO [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-checkout .panel-body>.row>.col-sm-12:has(#account) { /* margin-bottom: 20px */ } /* --> ONEPAGE CHECKOUT > PAYMENT & SHIPPING METHODS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #collapse-shipping-method label, #collapse-payment-method label, .xoffer-item .xoffer-label { font-size: 14px; color: #000000; } #payment-text-more form .buttons .btn-primary { display: none !important } /* --> ONEPAGE CHECKOUT > PAYMENT & SHIPPING METHODS > GET RID OF BUTTON [2] =========================================================================================================== */ .checkout-checkout #content>div:nth-child(2) .buttons { display: none !important; } /* --> ONEPAGE CHECKOUT > PAYMENT GUIDELINES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #payment-text-more .well-sm { padding: 13px; border-radius: 0px; border: none; box-shadow: none; background: #f5f7f9; } #payment-text-more .well-sm, #payment-text-more .well-sm * { color: #6f6f6f; } #payment-text-more .well-sm *:last-child { margin-bottom: 0px; } /* --> ONEPAGE CHECKOUT > COMMENTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-checkout .comments_section textarea { border: 1px solid #D5D5D5; } /* --> ONEPAGE CHECKOUT > ADDRESS & PAYMENT INFOS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #collapse-payment-address fieldset { /* margin-bottom: 20px; */ } #collapse-shipping-address { padding-top: 10px } #collapse-payment-address .buttons, #collapse-shipping-address .buttons { clear: both !important; float: none !important; width: 100% !important; display: block !important; } /* --> ONEPAGE CHECKOUT > ADDRESS & PAYMENT INFOS > RADIOS [2] =========================================================================================================== */ #collapse-payment-address .radio, #collapse-shipping-address .radio { min-height: unset !important; margin: 10px 0px !important; } #collapse-payment-address .radio label, #collapse-shipping-address .radio label { display: flex; align-items: center; } .checkout-checkout .radio label input[type="radio"] { margin-top: 0px; margin-bottom: 0px; accent-color: var(--accent2); } /* --> ONEPAGE CHECKOUT > PRODUTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #collapse-checkout-confirm table thead, #collapse-checkout-confirm table thead * { border: none !important; } #collapse-checkout-confirm table thead td { font-weight: 500; } #collapse-checkout-confirm table tbody tr { border-bottom: 1px solid #CECECE !important; } #collapse-checkout-confirm table tbody tr td { border: none !important; } #collapse-checkout-confirm table tbody tr td a { color: black; font-size: 15px; line-height: 21px } #collapse-checkout-confirm table tfoot { margin-top: 30px !important; } #collapse-checkout-confirm table tfoot td { padding-block: 3px !important; line-height: 1 !important; vertical-align: middle } #collapse-checkout-confirm table tfoot td strong { font-weight: normal; line-height: 1 !important; margin: 0px; padding: 0px; } /* --> ONEPAGE CHECKOUT > REGISTRATION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-checkout #button-register { margin-bottom: 40px; } /* --> ONEPAGE CHECKOUT > GIFTBOX [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .giftwrap_box { display: flex !important; flex-wrap: wrap !important } .giftwrap_box>h4 { display: block !important; width: 100% !important; } .giftwrap_box.order h4 { margin: 0px !important; } .giftwrap_box.order h4 span { display: flex !important; justify-content: flex-start !important; } #choosegift { width: 100% } /* --> ONEPAGE CHECKOUT > TERMS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #collapse-checkout-confirm .checkbox label { padding-left: 0px !important; } #collapse-checkout-confirm .has-error.checkbox label { font-weight: bold; color: #ce0404 !important; text-decoration: underline; } #collapse-checkout-confirm .checkbox label>input { margin-right: 10px; } @media(max-width: 1600px) { .checkout-checkout #content { display: flex; flex-wrap: wrap; } .checkout-checkout #content>div { flex: 1 } .checkout-checkout #content>div:nth-child(3) { width: 100% !important; flex-basis: 100% } } @media(max-width: 850px) { .checkout-checkout #content>div { flex-basis: 100% } .checkout-checkout #content { padding-inline: 0px !important; } .checkout-checkout #content .form-group { padding: 5px } } @media(max-width: 768px) { html.checkout-checkout header~.container { margin-top: 87px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION ACCOUNT PAGES VVV VVV VVV VVV VVV VVV VVV */ html:is(.account-logout, .account-register) #content>* { text-align: center; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CHECKOUT: SUCCESS VVV VVV VVV VVV VVV VVV VVV */ @media(max-width: 768px) { #common-success { width: 100%; max-width: 600px; } #common-success .generic-intro-title { color: black !important; text-shadow: none; font-size: 28px; font-weight: 500 } #common-success .category-intro.image-with-descripion { aspect-ratio: unset !important; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-top: 20px; } .checkout-success #content { font-size: 20px; line-height: 1.4; padding: 10px 25px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION GDPR PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> GDPR PAGE > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-edit #content>h2, .account-password #content>h2, .account-address #content>h2, .account-wishlist #content>h2, .account-order #content>h2, .account-reward #content>h2, .account-return #content>h2, .account-transaction #content>h2, .account-newsletter #content>h2, .account-register #content>h2, .account-account #content>h2, .account-logout #content>h2, .extension-module-isenselabs_gdpr #content>h2 { background: #f2f2f2; border: none; color: black; font-weight: bold; padding: 14px 20px; min-height: 50px; display: flex; font-size: 18px !important; align-items: center; text-transform: uppercase; margin-top: 0; } .account-edit #content legend, .account-password #content legend, .account-address #content legend, .account-wishlist #content legend, .account-order #content legend, .account-reward #content legend, .account-return #content legend, .account-transaction #content legend, .account-newsletter #content legend, .account-register #content legend, .account-account #content legend, .account-logout #content legend, .extension-module-isenselabs_gdpr #content legend { background: #f2f2f2; border: none; color: black; font-weight: bold; padding: 14px 20px; margin-top: 0px; min-height: 50px; display: flex; font-size: 18px !important; align-items: center; text-transform: uppercase; } .account-edit #content li a, .account-password #content li a, .account-address #content li a, .account-wishlist #content li a, .account-order #content li a, .account-reward #content li a, .account-return #content li a, .account-transaction #content li a, .account-newsletter #content li a, .account-register #content li a, .account-account #content li a, .account-logout #content li a, .extension-module-isenselabs_gdpr #content li a { padding: 10px 15px; display: inline-block; margin: 2px 0; border: 1px solid #ccc; color: black; transition: all 0.12s; } .account-edit #content li a:hover, .account-password #content li a:hover, .account-address #content li a:hover, .account-wishlist #content li a:hover, .account-order #content li a:hover, .account-reward #content li a:hover, .account-return #content li a:hover, .account-transaction #content li a:hover, .account-newsletter #content li a:hover, .account-register #content li a:hover, .account-account #content li a:hover, .account-logout #content li a:hover, .extension-module-isenselabs_gdpr #content li a:hover { border-color: black; background: var(--accent1); color: white; } .account-login .form-group a { display: block; position: relative; margin-top: 15px; margin-left: 5px; color: var(--accent2); } .account-login .form-group a[href*="forgotten"] { font-weight: 500; color: black; font-style: italic; } .account-login #content { padding-left: 25px !important; } @media(max-width: 768px) { .account-login #content { padding-left: 0px !important; } .category-intro.without-image .breadcrumb { display: none !important; } } /* --> REST OF PAGES > CONTENT LIST [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html[class*="account"] body>.container #content .list-unstyled { padding-top: 2px !important; } html[class*="account"] body>.container #content .list-unstyled li { margin: 7px 0px; } /* --> REST OF PAGES > SIDEBAR LIST [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* html[class*="account"] body > .container #column-right{ margin-top: 30px !important; } */ html[class*="account"] body>.container #column-right .list-group-item { padding: 13px 17px; transition: all 0.12s; text-shadow: none !important; color: #000; } html[class*="account"] body>.container #column-right .list-group-item:hover { background: var(--accent1) !important; color: white !important; } html[class*="account"] #column-right { margin-top: 30px; padding-right: 40px; } html[class*="account"] #content { margin-bottom: 50px; margin-top: 30px; /* padding-left: 40px; */ } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION ACCOUNT PAGES VVV VVV VVV VVV VVV VVV VVV */ /* ACCOUNT PAGES > LAYOUT */ html[class^="account"] header~.container>.row { width: 1350px; margin-inline: auto !important; max-width: 100%; } #account-voucher .row { width: 1920px !important; max-width: 100%; margin-bottom: 30px !important; } #account-voucher .row h1, #account-voucher .row p { text-align: center !important; } #account-voucher .col-sm-6.gifts-image-wraper img { max-width: 100%; height: auto; width: 100%; } /* ACCOUNT PAGES > LAYOUT (EDIT SPECIFIC) */ html[class*="account-edit"] #content, html[class*="extension-module-isenselabs_gdpr"] #content { width: 590px !important; max-width: 100% !important; padding-left: 0px; padding-right: 0px; margin-top: 50px } /* ACCOUNT PAGES > SIDEBAR */ html[class*="account"] aside { margin-top: 50px; } html[class*="account"] #content { width: 75%; } #account-voucher #content { margin: auto !important; float: unset; } #account-voucher .category-intro.without-image .cat-title { display: none; } #account-voucher #content>p { padding-right: 15px; padding-left: 15px; text-align: center; } #account-voucher #content .buttons.clearfix { padding-right: 15px; padding-left: 15px; } html[class*="account"] #column-right { display: none !important; } html[class*="account-edit"] #column-right { visibility: hidden; display: block !important; } html[class*="account"] body>.container #column-left .list-group-item { padding: 9px 17px; transition: all 0.12s; text-shadow: none !important; color: #000; border: none !important; } html[class*="account"] body>.container #column-left .list-group-item.current { font-weight: bold; color: var(--accent2) !important; } /* ACCOUNT PAGES > BREADCRUMB */ html[class*="account"] .breadcrumb { display: block !important; } /* ACCOUNT PAGES > TITLE */ html[class*="account"] .generic-intro-title { display: none; } html[class*="account"] #content h1 { font-weight: 400; margin-bottom: 0px; color: #000; font-size: 40px !important; grid-area: title; display: flex; align-items: self-end; white-space: break-spaces; line-height: 1.2; margin-inline: auto !important; text-transform: none; padding: 0px; background: None; padding-inline: 15px; text-align: center !important; float: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-inline: auto; display: flex; flex-direction: column; margin-bottom: 40px !important; display: flex !important; flex-direction: column !important; text-align: center !important; justify-content: center; align-items: center } html[class*="account"] #content h1 span+span { font-size: 13px; margin-top: 10px } html[class*="account-edit"] #content legend { display: none !important; } /* ACCOUNT PAGES > FORM */ html[class*="account"] #content fieldset { margin-bottom: 50px !important; } html[class*="account"] #content .form-group { display: flex; flex-direction: column; width: 100%; min-width: 100% !important; margin-inline: 0px !important; } html[class*="account"] #content .form-group label { display: flex; width: 100%; maxw-width: 100%; margin-bottom: 3px; } html[class*="account"] #content .form-group div { width: 100%; } html[class*="account"] #content .form-group div>* { border-radius: 0px !important; height: 40px; width: 100% !important; box-shadow: none !important; } .g-recaptcha div>* { height: 80px !important; } html[class*="account"] #content .form-group div .radio-inline { width: unset !important; display: inline-block; } /* ACCOUNT PAGES (SPECIFICALLY: EDIT)> BUTTONS */ html[class*="account-edit"] #content .buttons { padding-inline: 15px; } html[class*="account"] #content .buttons .pull-left { display: none; } html[class*="account"] #content .buttons .pull-right { float: none !important; width: 100% !important; } html[class*="account"] #content .buttons .pull-right .btn-primary { width: 100% !important; margin-top: 7px } @media(max-width: 1200px) { html[class*="account"] #column-right { display: none !important; } } @media(max-width: 840px) { html[class*="account"] aside { display: none !important; } html[class*="account"] #content { width: 100% !important; } } /* ACCOUNT LOGIN */ html[class*="account-login"] #content>.row { display: flex; flex-direction: column; ; } html[class*="account-login"] #content>.row>div { width: 100% } /* GDPR */ html[class*="extension-module-isenselabs_gdpr"] #content { margin-inline: auto !important; float: none !important; margin-bottom: 100px; } html[class*="extension-module-isenselabs_gdpr"] #content .list-unstyled { margin-bottom: 50px; } html[class*="extension-module-isenselabs_gdpr"] body>.extension-module-isenselabs_gdpr { padding-inline: 0px !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> ACCOUNT > VOUCHER VVV VVV VVV VVV VVV VVV VVV */ /* BUTTONS */ html.account-voucher #content .buttons { margin-top: 30px; } html.account-voucher #content .buttons .pull-right { display: flex; flex-direction: row; flex-wrap: wrap; } html.account-voucher #content .buttons .pull-right input.btn-primary { width: 100%; } html.account-voucher #content .buttons input[name="agree"] { order: -99; margin-right: 6px; margin-top: -2px; } html.account-voucher-success .buttons .pull-right .btn-primary { font-size: 0px !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> ACCOUNT > VOUCHER: SUCCESS VVV VVV VVV VVV VVV VVV VVV */ /* LAYOUT */ html.account-voucher-success #common-success .category-intro { background: white !important; padding: 120px 0px 50px !important; } html.account-voucher-success #content { margin: auto !important; float: unset; padding-bottom: 50px } html.account-voucher-success #content h1 { margin-top: 20px !important; } html.account-voucher-success .category-intro.without-image .cat-title { display: none; } html.account-voucher-success #content>p { padding-right: 15px; padding-left: 15px; text-align: center; } html.account-voucher-success #content .buttons.clearfix { padding-right: 15px; padding-left: 15px; } /* BUTTONS */ html.account-voucher-success .buttons .pull-right .btn-primary:after { content: "Προσθήκη στο καλάθι"; font-size: 16px; } html.account-voucher-success .category-intro { height: unset !important; aspect-ratio: unset !important; } html.account-voucher-success #column-left { display: none !important; } html.account-voucher-success #column-left #content { width: 100% !important; max-width: 100% !important; } html.account-voucher-success #content .buttons .pull-right .btn-primary { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; margin-inline: auto; margin-top: 45px; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> ACCOUNT > VOUCHER: CART PAGE VVV VVV VVV VVV VVV VVV VVV */ .checkout-cart .voucher_row #cart-stepper { background: white; margin-left: 48px !important; } .checkout-cart .voucher_row .input-group-btn { margin-left: 119px !important; } @media(max-width: 768px) { .checkout-cart .voucher_row .input-group-btn { margin-left: 79px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> RESPONSIVE VVV VVV VVV VVV VVV VVV VVV */ /* --> RESPONSIVE > GENERIC [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* body { --responsivePadding: 15px; } */ /* --> RESPONSIVE > GENERIC > SECTION HEADINGS [2] =========================================================================================================== */ @media(max-width: 991px) { #common-home #content .row h3, #common-home h3.headingmain, #common-home .carousel.swiper-viewport h3, #content>.row>h3, #content>h3 { width: 100% !important; max-width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; padding-bottom: 6px !important; } } /* --> RESPONSIVE > GENERIC > BOTTOM SECTION BUTTONS [2] =========================================================================================================== */ @media(max-width: 768px) { #content>.buttons { display: flex !important; flex-direction: column !important; align-items: center !important } #content>.buttons>div { margin: 5px 0px } } /* --> RESPONSIVE > CART PAGE > PRODUCTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 768px) { #checkout-cart form tbody { border: none !important } #checkout-cart form tbody tr>td { border-top: none } #checkout-cart form tbody tr>td:last-child { border-bottom: none } #checkout-cart form thead { display: none; } #checkout-cart form table tbody td { display: flex; /* align-items: center; */ flex-direction: column; justify-content: center; width: 100%; } #checkout-cart form table tbody td a { white-space: normal !important; } #checkout-cart form tbody tr { display: grid; grid-template-columns: 100px 1fr; border-bottom: 1px solid #ddd; } /* image */ #checkout-cart form tbody tr>td:nth-child(1) { grid-row-start: 1; grid-row-end: 5; border-right: 1px solid #ddd; } /* quantity */ #checkout-cart form .input-group.btn-block .ctm-stepper { width: 15px !important; height: 15px !important; } #checkout-cart form .input-group.btn-block button.ctm-stepper::before, #checkout-cart form .input-group.btn-block button.ctm-stepper::after { width: 8px; } #checkout-cart form #cart-stepper { width: 25px !important; min-width: 30px !important; text-align: center !important; } #checkout-cart form .input-group.btn-block .input-group-btn img { max-width: 10px; height: auto; } #checkout-cart form tbody tr>td:nth-child(3) .input-group.btn-block { justify-content: center; } /* item price */ /* total price */ #checkout-cart form tbody tr>td:nth-child(5) { display: none !important; } #checkout-cart form tbody tr>td:nth-child(6) { text-align: right; } #checkout-cart form tbody td.text-left.product-title * { font-size: 14px !important; line-height: 1.3 !important; } #checkout-cart form table tbody td *, #checkout-cart form table tbody td { font-size: 12px !important; text-align: center !important; } #checkout-cart form tbody td { border-bottom: unset !important; } } @media (max-width: 400px) { #checkout-cart form tbody tr>td:nth-child(3) { /* width: 100% !important; */ } #checkout-cart form tbody tr>td:nth-child(3) .input-group.btn-block { justify-content: flex-end; padding-right: 10px; } #checkout-cart form tbody tr>td:nth-child(5) { /* width: 100% !important; */ padding-right: 15px; padding-top: 15px; } } /* --> RESPONSIVE > HEADER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media (max-width: 1649px) { header>.container>.row>.col-sm-4 { padding-right: 15px; -moz-column-gap: 6px; column-gap: 6px; justify-content: space-between; } } @media (max-width: 1231px) { header>.container>.row>.col-sm-4 .login-button-partners a { line-height: 20px; padding: 3px 15px; text-align: center; height: unset; } } @media (max-width: 1140px) { header .information-main-menu a { font-size: 12px; } header>.container>.row>.col-sm-4 .login-button-partners a { font-size: 12px; } } @media (max-width: 991px) { header>.container>.row>.col-sm-4 { justify-content: end; } } @media (max-width: 767px) { header .row>.col-sm-4 .list-inline { -moz-column-gap: 0px; column-gap: 0px; } /* .container.main-menu { min-width: 70px; } */ #menu { justify-content: center; border-radius: unset; padding: unset; height: 70px; } } /* --> RESPONSIVE > HEADER > LOGO & BURGER [2] =========================================================================================================== */ header>.container>.row>.col-sm-6 { margin-top: 30px; text-transform: uppercase; font-size: 13px; font-weight: 500; } .home header>.container>.row>.col-sm-6, .common-home header>.container>.row>.col-sm-6 { color: white; } .home.reached-footer header>.container>.row>.col-sm-6, .common-home.reached-footer header>.container>.row>.col-sm-6 { color: #000 !important; } /* --> [3] ------------------------------------------------------------- */ /* --> RESPONSIVE > HEADER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 768px) { /* --> RESPONSIVE > HEADER > TOP BAR [2] =========================================================================================================== */ .container.top-bar>.row>div.col-sm-4 { display: none !important } .container.top-bar>.row>div { padding-block: 0px; height: 32px; } .container.top-bar>.row>div>p { font-size: 13px; } /* --> RESPONSIVE > HEADER > LAYOUT [2] =========================================================================================================== */ header { height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; } header>.container:before, header>.container:after, header>.container>.row:before, header>.container>.row:after, header>.container>.row>.col-sm-6 { display: none !important; } header>.container>.row { display: flex; margin-top: 0px; background: #fff; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; align-items: center !important; justify-content: space-between; } .home header>.container>.row, .common-home header>.container>.row { background: transparent; } header>.container>.row>div { position: relative !important; margin: 0px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; flex-direction: unset; padding: 0px; } /* --> RESPONSIVE > HEADER > LAYOUT > HIDE & REVEaL EFFECTS ON SCROLL (goes with jquery) [3] ------------------------------------------------------------- */ header { position: fixed !important; top: 0px !important; } html:not(.scrolled_to_top) header { top: 0px !important; transition: all .3s !important; } html.scrolled_to_top:not(.home, .common-home) { margin-top: 87px; } header, header~div:has(#content) { transition: all .3s !important; } header.out_of_view { transform: translateY(-100%) !important; } /* --> RESPONSIVE > HEADER > MENU BUTTON [2] =========================================================================================================== */ header>.container>.row>div.menu-action { padding: 0px !important; } header>.container>.row>div.menu-action #burger_button>img { width: 30px !important; } /* --> RESPONSIVE > HEADER > LOGO [2] =========================================================================================================== */ #logo { background: transparent; } #logo>a img { /* height: 61px; width: auto; */ height: unset !important; width: auto; } /* --> RESPONSIVE > HEADER > ICONS [2] =========================================================================================================== */ header .list-inline.menu-right-section { margin-top: 0px; background: transparent !important; } header .list-inline.menu-right-section>li:not(.cart-icon) { display: none } header .list-inline.menu-right-section>li.cart-icon { background: transparent; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding-left: 0px; padding-right: 0px; line-height: 1 !important; } header .list-inline.menu-right-section>li.cart-icon>div>button>svg { width: 22px !important; } header #cart .btn.btn-inverse #cart-total { width: 21px; height: 21px; display: flex; align-items: center; justify-content: center; top: -15px; right: -17px } } /* --> RESPONSIVE > HEADER > ICONS > SEARCH & PHONE ON HEADER [3] ------------------------------------------------------------- */ .search_for_mobile { display: none !important; } @media(max-width: 768px) { #menu_header .list-inline.icons_menu.for_mobile li:not(.account_icon, .icon-fav, .mobile_account_header_menu_item) { display: none !important; } /* SEARCH */ header .list-inline.menu-right-section li.search_for_mobile { display: block !important; box-shadow: none !important; text-shadow: none !important; } header .list-inline.menu-right-section li.search_for_mobile { height: 25px; display: block !important; } header .list-inline.menu-right-section { gap: 14px } header .list-inline.menu-right-section li.search_for_mobile svg { width: 23px !important; height: 23px !important; } /* html.home header .list-inline.menu-right-section li.search_for_mobile svg { filter: invert(100); } */ /* PHONE */ #menu_toggle_section { display: flex !important; width: 89px; flex-direction: row; gap: 18px; align-items: center; } .phone_for_mobile { display: block !important; height: 23px } .phone_for_mobile svg { width: 24px; height: 24px; } html:not(.home) .phone_for_mobile svg { filter: invert(100) } } /* --> RESPONSIVE > MAIN MENU [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1300px) { #menu .nav.navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu { background: white !important; } #menu .parent_header .arrow_back { -webkit-filter: brightness(0) !important; filter: brightness(0) !important; display: flex !important; } #menu .nav.navbar-nav li.dropdown .dropdown-menu { left: 0px !important; right: unset !important; padding-inline: 20px; transform: translateX(-100%) !important; transition: all .3s; padding-top: 25px } #menu .nav.navbar-nav li.dropdown .dropdown-menu .parent_header { background: #eee !important; margin-bottom: 20px } #menu .dropdown.dropdown_activated .parent_header>a { padding-left: 0px } #menu .nav.navbar-nav li.dropdown.dropdown_activated>.dropdown-menu { transform: translateX(0px) !important; } #menu .dropdown-menu { background: white !important } #menu .nav.navbar-nav li.dropdown.dropdown_activated>.dropdown-menu { background: #F0F0F0 !important; } } /* --> RESPONSIVE > MAIN MENU MENU > HEADER [2] =========================================================================================================== */ @media(min-width: 769px) { #menu_header .for_mobile { display: none !important; } } @media(max-width: 768px) { #menu_header { display: flex; flex-direction: column; gap: 0px } #menu_header .icons_menu { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-inline: auto; display: flex; gap: 20px; align-items: center; margin-bottom: 0 !important; margin-top: 20px; } #menu_header .icons_menu svg { width: 16px; /* -webkit-filter: brightness(0) invert() !important; filter: brightness(0) invert() !important; */ } #menu_header .list-inline.icons_menu.for_mobile svg { -webkit-filter: unset !important; filter: unset !important; } #menu_header .list-inline.icons_menu.for_mobile .dropdown.account_icon svg * { fill: #000 !important; stroke: #000 !important; } .main-menu #menu_container .icon-fav svg * { fill: #000 !important; } #menu_header .list-inline.icons_menu.for_mobile li { display: flex !important; justify-content: center; align-content: center; align-items: center; justify-items: center; } } /* --> RESPONSIVE > MAIN MENU (GP) [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 768px) { /* --> RESPONSIVE > MAIN MENU (GP) > HTML OVERFLOW [2] =========================================================================================================== */ html.menu_revealed { overflow: hidden !important; } /* --> RESPONSIVE > MAIN MENU (GP) > CLOSE BUTTON [2] =========================================================================================================== */ #menu_close_button { margin: 0px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: absolute; right: 17px; top: 17px; z-index: 2 !important; } .nav.navbar-nav { z-index: 1 !important } /* --> RESPONSIVE > MAIN MENU (GP) > MENU HEADER [2] =========================================================================================================== */ #menu_header { padding-left: 0px; padding-bottom: 0px; margin-bottom: 15px; margin-top: 15px; } #menu_header a img { height: 50px; width: auto } /* --> RESPONSIVE > MAIN MENU (GP) > FIRST LEVEL [2] =========================================================================================================== */ #menu_container { /* padding-left: 0px !important; */ padding-inline: 15px !important; width: 364px !important; } .menu-top-links { display: flex; margin-bottom: 40px; justify-content: space-between; flex-direction: column; border-bottom: 1px solid #D8D8D8; padding-bottom: 15px; margin-bottom: 15px; } /* .menu-top-links > a:first-child { display: none; } */ #menu .nav>li>a { padding-inline: 0px !important; } .extra-menu-links { margin-inline: 0px; /* border-color: rgba(255, 255, 255, .15); */ } .extra-menu-links { margin-top: 0; } .extra-menu-links ul li a { padding: 11px 0px !important; } /* --> RESPONSIVE > MAIN MENU (GP) > INNER LEVELS [2] =========================================================================================================== */ #menu .nav.navbar-nav li.dropdown .dropdown-menu { padding-top: 0px } /* --> RESPONSIVE > MAIN MENU (GP) > INNER LEVELS > PARENT HEADER [3] ------------------------------------------------------------- */ #menu .nav.navbar-nav li.dropdown .dropdown-menu .parent_header { background: #F0F0F0 !important; /* box-shadow: -20px 0px #111111, 20px 0px #111111 !important; */ align-items: flex-start; flex-direction: column; padding: 20px 0px; gap: 20px; min-height: 100px; } #menu .parent_header .arrow_back { min-height: 25px; } #menu .nav>li>a { margin-bottom: 2px !important; } .extra-menu-links ul li a { font-size: 16px !important; padding: 2px 0px !important; } .extra-menu-links { margin-top: auto; margin-bottom: 15px; } #menu .nav.navbar-nav li.dropdown .dropdown-menu .parent_header>a { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; min-width: unset !important; /* margin-inline: auto; */ font-size: 15px !important; border-bottom: 1px solid var(--accent2) !important; padding: 0px 9px 3px 0px; /* transform: translateX(-20px); */ line-height: 1.2; } #menu .parent_header .arrow_back { -webkit-filter: none !important; filter: none !important; padding-left: 0px } #menu .parent_header .arrow_back svg { fill: #000 !important } /* --> RESPONSIVE > MAIN MENU (GP) > INNER LEVELS > LIST TITLES [3] ------------------------------------------------------------- */ .nav.navbar-nav>.dropdown>.dropdown-menu>.dropdown-inner>.parent_header+.list-unstyled:before, .manufacturer-list p { font-size: 15px !important; font-weight: bold !important; margin: 0px !important; display: block !important; padding-block: 13px !important; line-height: 1.2; } /* --> RESPONSIVE > MAIN MENU (GP) > INNER LEVELS > LIST ITEMS [3] ------------------------------------------------------------- */ #menu .dropdown.dropdown_activated .dropdown-inner>ul>li>a, .manufacturer-list li>a { /* text-transform: uppercase !important; */ padding-block: 7px !important; } #menu .dropdown.dropdown_activated .dropdown-inner>ul>li>a { padding-left: 0px !important; padding-right: 0px !important; } /* --> RESPONSIVE > MAIN MENU (GP) > SECOND LEVEL [2] =========================================================================================================== */ /* --> RESPONSIVE > MAIN MENU (GP) > SECOND LEVEL > LIST LAYOUT [3] ------------------------------------------------------------- */ #menu .nav.navbar-nav li.dropdown .dropdown-menu { padding-bottom: 30px; } /* --> RESPONSIVE > MAIN MENU (GP) > SECOND LEVEL > CATEGORY SECTION [3] ------------------------------------------------------------- */ /* .nav.navbar-nav>.dropdown>.dropdown-menu>.dropdown-inner>.parent_header+.list-unstyled:before { content: "SHOP BY CATEGORY"; color: var(--accent2); padding-inline: 20px } */ .nav.navbar-nav>.dropdown>.dropdown-menu>.dropdown-inner { max-height: calc(50vh + 51px) } .nav.navbar-nav>.dropdown>.dropdown-menu>.dropdown-inner .list-unstyled { overflow: auto } /* --> RESPONSIVE > MAIN MENU (GP) > SECOND LEVEL > MANUFACTURER SECTION [3] ------------------------------------------------------------- */ .manufacturer-list ul { height: calc(100% - 45px); } /* --> RESPONSIVE > MAIN MENU (GP) > SECOND LEVEL [2] =========================================================================================================== */ /* --> RESPONSIVE > MAIN MENU (GP) > THIRD LEVEL > LISTS LAYOUT [3] ------------------------------------------------------------- */ .nav.navbar-nav>.dropdown>.dropdown-menu>.dropdown-inner .dropdown-inner>ul.list-unstyled { /* max-height: calc(100vh - 95px) !important; overflow: auto !important; */ } } /* --> RESPONSIVE > FOOTER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > FOOTER > FOOTER TOP [2] =========================================================================================================== */ @media(max-width: 990px) { .container.footer-top:before, .container.footer-top:after { display: none !important; } .container.footer-top>.row { flex-wrap: wrap; display: flex; gap: 30px 10px; } .container.footer-top>.row>div { padding: 0px; } .container.footer-top>.row>div:not(:last-child) { width: calc(50% - 10px); } .container.footer-top>.row>div:nth-child(1) { width: 320px; max-width: 100%; } .container.footer-top>.row>div:nth-child(2) { width: calc(100% - 340px) } .container.footer-top>.row>div:nth-child(3) { width: 100% !important; } .container.footer-top .col-sm-4.footer-column h4, .footer-column .socials_section { padding-left: 0px } } @media(max-width: 650px) { .container.footer-top>.row { flex-direction: column !important; gap: 20px; } .container.footer-top>.row>div { width: 100% !important; } } @media(max-width: 768px) { .container.footer-top>.row:before, .container.footer-top>.row:after { display: none !important; } .container.footer-top .col-sm-4.footer-column .newsletter_intro { font-size: 22px !important; font-weight: 400 !important; line-height: 27px } .container.footer-top>.row>div:nth-child(3) { display: flex; align-items: center; gap: 10px 30px; flex-wrap: wrap; margin-top: 20px; margin-bottom: 10px; } .footer-column .socials_section { margin-top: 0px; } .fixed-right-side, .fixed-left-side { display: none !important; } .footer-intro h2 { font-size: 30px; line-height: 30px; margin-top: 0; } html footer .links-row .footer-column>h5 { margin-bottom: 0px !important; } .news-form { gap: 10px; } /*.payment-card-logos {*/ /* display: none !important;*/ /*}*/ #common-home footer.row, #home footer.row { padding-bottom: 45px !important; } /*.extra-texts-footer div:nth-child(2) {*/ /* display: none;*/ /*}*/ html.common-home footer.row .extra-texts-footer, html.home footer.row .extra-texts-footer { display: block !important; } footer .extra-texts-footer { position: fixed; bottom: 0; left: 0; background: #353535; padding: 10px 15px; text-align: center; z-index: 1; } .product-product .extra-texts-footer { display: none !important; } footer .extra-texts-footer div { color: white !important; text-align: center; font-weight: 400 !important; margin: auto; } .home .fixed-left-side, .common-home .fixed-left-side, .common-home .fixed-left-side, .common-home .fixed-left-side { display: flex !important; left: unset; right: 0; width: 28px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.76) 100%) !important; } html:not(.home) footer .extra-texts-footer, html:not(.common-home) footer .extra-texts-footer { display: none !important; } .background-music-click { display: none !important; } } /* --> RESPONSIVE > FOOTER > FOOTER BOTTOM [2] =========================================================================================================== */ @media(max-width: 990px) { footer .links-row { display: grid; margin-bottom: 45px; margin-top: 20px !important; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); } footer .links-row .footer-column { padding-block: 0px; margin-bottom: 0px } } footer .links-row { display: flex !important; flex-direction: column; justify-content: center; align-content: center; align-items: center; gap: 20px; } footer .links-row .footer-column { padding: 0px; margin: 0px !important; width: 300px; } footer .links-row .footer-column> :not(h5) { display: none !important; } footer .links-row .footer-column>h5 { margin-top: 0px !important; cursor: pointer; padding-inline: 0px !important } footer .links-row .footer-column.enabled> :not(h5) { display: block !important; text-align: center; } .powered_by { padding-inline: 0px } footer .links-row .footer-column>h5 { padding-bottom: 10px !important; /* border-bottom: 1px solid rgba(0, 0, 0, .29) !important; */ align-items: center; display: flex; padding-right: 10px !important; font-size: 16px !important; width: 100% !important; justify-content: center !important; margin-bottom: 15px !important; } footer .links-row .footer-column.enabled>h5, footer .links-row .footer-column.enabled>h5::after { color: var(--accent2) !important; } footer .links-row .footer-column>h5:after { content: "\f107"; font-family: FontAwesome; font-size: 25px; line-height: 0; color: black; margin-left: 15px !important; transition: all 0.5s; } .footer-column.enabled>h5:after { transform: rotate(180deg); } footer .links-row { gap: 10px; margin-block: 30px 20px; } footer .links-row .footer-column>h5~p, footer .footer-column ul li a { line-height: normal !important; margin: 0px; margin-bottom: 20px !important; } footer .extra-texts-footer { display: flex; justify-content: space-between; max-width: 1000px; margin-left: auto; margin-right: auto; gap: 20px; width: 100%; } footer .extra-texts-footer div { color: #9A003A; font-weight: bold; font-size: 13px; line-height: 16px; } /* --> RESPONSIVE > FOOTER > BOTTOM BARS [2] =========================================================================================================== */ @media(max-width: 768px) { footer { padding-bottom: 0px } footer>.container { display: flex; flex-direction: column; } footer .links-row { margin-bottom: 10px } footer .powered-row { order: 99 } .payment-card-logos { padding: 0px; margin-bottom: 10px } .payment-card-logos ul { border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; display: flex; align-items: center; gap: 20px 30px; flex-wrap: wrap; padding-block: 20px; justify-content: center; width: 100%; } .powered_by { padding: 0px !important; border: none; text-align: center; display: flex; justify-content: center; margin-top: 10px; margin-bottom: 20px !important; } .powered_by>div { text-align: center !important; margin: 0px; display: block; line-height: 1.2; } .powered_by>div:first-child { margin-bottom: 7px; } } /* --> RESPONSIVE > HOME [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1420px) { #common-home #latestblog .product-thumb .caption h4 a { font-size: 18px; line-height: normal; } #common-home #latestblog .product-thumb .caption .dateadded i { font-size: 15px !important; } } @media (max-width: 1336px) { #common-home #banner0 .banner-text-container h3 { font-size: 30px; } } @media (max-width: 1210px) { #latestblog .blog-item-grid:first-child { min-height: unset; max-height: unset; padding: 20px 45px; grid-column: auto / span 2; order: -5; } #latestblog .blog-item-grid:nth-child(2) { order: unset; grid-row: auto / span 1; } } @media(max-width: 1150px) { #common-home .headingmain { margin-left: 0px; margin-right: 0px !important } #common-home #latestblog>.row { display: flex !important; flex-wrap: wrap !important; } #common-home #latestblog>.row>div { width: 33.33%; } } @media (max-width: 1050px) { #common-home #banner0 .swiper-slide .banner-text-container { height: auto !important; } } @media(max-width: 991px) { #common-home #latestblog>.row>div { width: 50%; } .row.special-products-module { margin-left: 0px !important; margin-right: 0px !important; } .module_row_section iframe { max-width: 100%; height: 315px; } .banner0 .swiper-wrapper, .banner2 .swiper-wrapper { display: grid !important; grid-template-columns: 1fr !important; } .banner0 .swiper-slide img, .banner2 .swiper-slide img { height: auto; width: 100%; } #latestblog .blog-item-grid:first-child { min-height: unset; max-height: unset; padding: 20px 45px; } #latestblog { grid-template-columns: 1fr !important; } #latestblog .blog-item-grid { min-height: 320px; grid-column: auto / span 2; background-size: cover; } #latestblog .blog-item-grid:nth-child(2) { order: unset !important; } footer .links-row { display: flex; flex-wrap: wrap; } footer .footer-column { width: 50%; flex: unset; } } @media(max-width: 820px) { .row.news-form { display: flex; align-items: center; flex-direction: column; padding-top: 15px; } .news-form h1 { text-align: center !important; } #common-home #content .row .news-form h3 { text-align: center; line-height: normal; margin-top: 15px; } #common-home #content .row .news-form .pull-center { display: flex; flex-wrap: wrap !important; text-align: center; justify-content: center; align-items: center; justify-content: center; } #common-home #content .row .news-form .pull-center input { order: -100; margin-right: 10px; margin-top: 0px; } } @media(max-width:768px) { #common-home #banner0 .banner-text-container p { margin-right: unset !important; } #common-home #banner0 .banner-text-container h3 { line-height: 33px; } #common-home #latestblog>.row>div .dateadded i { font-size: 14px !important; } #common-home #latestblog>.row>div .caption { padding: 10px !important; justify-content: flex-end !important; } #common-home #latestblog>.row>div .caption h4 a { font-size: 17px !important; line-height: normal !important; } #latestblog .text-center.col-sm-4 { margin: 15px auto; } #latestblog .text-center.col-sm-4 .caption { margin-top: -100px !important; } #latestblog .text-center.col-sm-4 .read-more-blog { opacity: 1 !important; } #common-home .carousel.carousel0_container .swiper-pager, #common-home .carousel.carousel1_container .swiper-pager { right: 0; /* top: 30px; */ } #common-home .carousel.carousel0_container .swiper-slide .text_container { background: white; box-shadow: 0 0 17px 0 rgba(145, 145, 145, 0.5); } #common-home .carousel.carousel0_container .swiper-slide .text_container .swiper-slide-link { opacity: 1; width: 100%; font-size: 12px; } #common-home .product-thumb { padding: 5px; } #carousel0 .swiper-slide { width: 50%; } #latestblog .blog-item-grid { background-size: auto; } .footer-column .newsletter_section .news-form input#email { width: 100% !important; margin-bottom: 20px; } } @media(max-width: 600px) { .module_product_tabs .nav-tabs { flex-direction: column; } .module_product_tabs .nav-tabs>li>a { width: 100%; } .payment-card-logos { /* padding: 0px 0px 25px; */ display: flex; flex-direction: column; gap: 20px; } .payment-card-logos ul { padding-left: 0; } #common-home .carousel.swiper-viewport { flex-direction: column; gap: 20px; } #common-home #content #latestblog .blog-item-grid h3 { font-size: 35px; line-height: 45px; } .hotspot_master .hotspot-title, #latestblog .blog-item-grid:first-child, #latestblog .caption h5, #common-home #banner0 .banner-text-container { padding: 20px; } .category-children { display: none; } .carousel_categories.carousel_container.swiper-viewport .text_container .swiper-slide-title { font-size: 20px; line-height: 22px; } #latestblog .caption h5 { font-size: 24px; line-height: 26px; padding: 0px 0px 10px; } /* footer .footer-column { padding: 10px 20px !important; } */ footer { padding: 25px var(--responsivePadding) 0px; /* padding-bottom: 0px !important; */ } } @media (max-width: 590px) { .module_home_sections.num-of-banners-3.row { flex-direction: column; } } @media (max-width: 400px) { .news-form #email { width: calc(100% - 50px); } } @media (max-width: 387px) { #common-home footer.row, #home footer.row { padding-bottom: 57px !important; } } /* --> RESPONSIVE > HOME > FLAG SECTIONS FOR MOBILE SWITCHING [2] =========================================================================================================== */ @media(min-width: 769px) { #common-home #content>.for_mobile { display: none !important; } } @media(max-width: 768px) { #common-home #content>.for_mobile+*+div { display: none !important; } } /* --> RESPONSIVE > HOME > DISTANCES [2] =========================================================================================================== */ @media(max-width: 768px) { /* brand carousel */ #common-home .carousel.carousel0_container.swiper-viewport { margin-block: 30px 12px !important; } /* product tabs & hotspot common */ .module_row_section[class*="row_products_n_banner"] .columns-container { padding-top: 0px !important; padding-bottom: 20px !important; } /* product tabs & hotspot #1 */ .module_row_section.module_0 { margin-top: 45px } /* double banners #1 */ .banner0 { margin-top: 40px } .banner0 .swiper-wrapper { gap: var(--responsivePadding) !important; } /* fullwidth hotspot #1 */ .home_fullwidth_hotspot.number_1 { margin-top: 70px; margin-bottom: 0px !important; } /* product tabs & hotspot #2 */ .row_products_n_banner_2 { margin-top: 30px !important; } /* fullwidth hotspot #2 */ .home_fullwidth_hotspot.number_2 { margin-top: 65px !important; margin-bottom: 0px !important; } /* product tabs solo */ .module_product_tabs.module_3 { margin-top: 55px !important; } /* double banners #2 */ .banner2 { margin-top: 50px !important } /* blog section */ .row.latest-posts .col-sm-12.col-xs-12 { padding-bottom: 16px !important } /* stores section */ .module_row_section.home_shops_overfooter { margin-top: 60px !important; } } /* --> RESPONSIVE > HOME > FULLWIDTH TABS (NO BANNERS) [2] =========================================================================================================== */ @media(max-width: 1300px) { #common-home #content>.module_product_tabs .nav-tabs>li.active::after { content: ""; height: 20px; width: 1px; background: black; display: inline-block; margin-left: 10px; } #common-home #content>.module_product_tabs .nav-tabs>li:last-child:after { display: none !important; } #common-home #content>.module_product_tabs>.section_title, #common-home #content>.module_product_tabs>.nav-tabs { padding-left: 0px; } #common-home #content>.module_product_tabs>.nav-tabs { margin-bottom: 0px !important; } } /* --> RESPONSIVE > HOME > PRODUCTS AND BANNER [2] =========================================================================================================== */ @media(max-width: 1500px) { /* .module_row_section.module_0 .columns-container { dislpay: grid } */ .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs { flex-direction: row; margin-top: 15px; margin-bottom: 0px; max-width: 100%; flex-wrap: wrap; gap: 10px; align-content: start; ; } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs:before, .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs:after { display: none !important; } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs>li { display: flex; } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs>li:after { content: ""; height: 20px; width: 1px; background: black; display: inline-block; margin-left: 10px } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs>li:last-child:after { display: none; } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs>li.active::after { position: static; z-index: unset; } .module_row_section[class*="row_products_n_banner"] .module_product_tabs .nav-tabs>li>a { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; float: none !important; padding: 0px; line-height: 1.2 } .module_row_section[class*="row_products_n_banner"] .module_product_tabs { display: flex; flex-direction: column; padding-left: 0px !important; } } @media(max-width: 940px) { .module_row_section[class*="row_products_n_banner"] .columns-container { display: flex !important; flex-direction: column !important; gap: 40px !important; } .module_row_section[class*="row_products_n_banner"] .column-content-1 .module_product_tabs { margin: 0px !important } } /* --> RESPONSIVE > HOME > PRODUCTS CAROUSEL [2] =========================================================================================================== */ @media(max-width: 1300px) { #content>.module_product_tabs { padding-left: var(--responsivePadding); } #content>.module_product_tabs .nav-tabs { flex-direction: row; margin-top: 15px; margin-bottom: 0px; max-width: 100%; flex-wrap: wrap; gap: 10px; align-content: start; margin-bottom: 20px; } #content>.module_product_tabs .nav-tabs:before, #content>.module_product_tabs .nav-tabs:after { display: none !important; } #content>.module_product_tabs .nav-tabs>li { display: flex; } #content>.module_product_tabs .nav-tabs>li:after { content: ""; height: 20px; width: 1px; background: black; display: inline-block; margin-left: 10px } #content>.module_product_tabs .nav-tabs>li:last-child:after { display: none; } #content>.module_product_tabs .nav-tabs>li.active::after { position: static; z-index: unset; } #content>.module_product_tabs .nav-tabs>li>a { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; float: none !important; padding: 0px; line-height: 1.2 } #content>.module_product_tabs { display: flex; flex-direction: column; } } /* --> RESPONSIVE > HOME > FULLWIDTH HOTSPOTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .home_fullwidth_hotspot { width: 100%; } /* --> RESPONSIVE > HOME > HOTSPOTS AND PRODUCTS TABS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width:1100px) { div[class*="home_hotspots_"].module_row_section .columns-container { flex-wrap: wrap; padding-inline: var(--responsivePadding) !important; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .tab-content { padding-top: 0px; } div[class*="home_hotspots_"].module_row_section .module_product_tabs { padding: 0px !important } div[class*="home_hotspots_"].module_row_section .columns-container { flex-wrap: wrap; } div[class*="home_hotspots_"].module_row_section .column-content-3 { width: 100% !important; margin-top: 40px !important; } div[class*="home_hotspots_"].module_row_section .module_product_tabs>.section_title, div[class*="home_hotspots_"].module_row_section .module_product_tabs .nav-tabs { margin-inline: 0px !important; } div[class*="home_hotspots_"].module_row_section .column-content-1 { width: 60% } div[class*="home_hotspots_"].module_row_section .column-content-2 { width: 40%; } .module_row_section[class*="home_hotspots"] .products-carousel-module .carousel .swiper-pager { display: none !important; } div[class*="home_hotspots_"].module_row_section .module_product_tabs .products-carousel-module .view_more { position: relative; margin: 0 auto; top: 0px; } } @media(max-width: 550px) { div[class*="home_hotspots_"].module_row_section .column-content-1 { width: 100% } div[class*="home_hotspots_"].module_row_section .column-content-2 { width: 100%; margin: 0px !important; margin-top: var(--responsivePadding) !important; } div[class*="home_hotspots_"].module_row_section .columns-container .column-content-2 { order: 99 } div[class*="home_hotspots_"].module_row_section .columns-container .column-content-3 { margin-block: 60px 0px !important } } /* --> RESPONSIVE > HOME > LATEST BLOG [2] =========================================================================================================== */ @media(max-width: 1200px) { #latestblog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 10px; } #latestblog>div { width: 100% !important; } #latestblog>div .image>a, #latestblog>div .image>a img { width: 100% !important; } #latestblog .blogpost-thumb h5 a { padding: 0px !important; font-size: clamp(17px, 1.3vw, 20px); } } /* --> RESPONSIVE > HOME > INSTARGRAM [2] =========================================================================================================== */ @media(max-width: 1100px) { #common-home .row.swiper-viewport.banner2 .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 10px !important; justify-content: center } #common-home .row.swiper-viewport.banner2 .swiper-wrapper>div { flex: 0 0 calc(50% - 10px) } #common-home .row.swiper-viewport.banner2 .swiper-wrapper>div img { width: 100% } } /* --> RESPONSIVE > HOME > SHOPS [2] =========================================================================================================== */ @media(max-width: 768px) { .module_row_section.home_shops_overfooter .columns-container .column-content-1 { width: 100%; margin-inline: auto !important; } .module_row_section.home_shops_overfooter .columns-container .column-content-1 .html-module>* { margin-inline: auto; } .module_row_section.home_shops_overfooter .html-module img { max-width: 150px !important; } .module_row_section.home_shops_overfooter { width: 100% !important; margin-bottom: 0px !important; } .module_row_section.home_shops_overfooter .columns-container { padding: var(--responsivePadding) !important; display: flex !important; flex-direction: column !important; gap: 30px; } .module_row_section.home_shops_overfooter .columns-container .column-content-2 { padding: 0px !important; width: 100% !important; } .module_row_section.home_shops_overfooter .columns-container .column-content-2 { padding-right: 0px !important; } } @media(max-width: 768px) { .module_row_section.home_shops_overfooter { position: relative; padding-bottom: 120px; padding-top: 20px } .module_row_section.home_shops_overfooter .columns-container { gap: 35px !important; } .module_row_section.home_shops_overfooter .html-module, .module_row_section.home_shops_overfooter .column-content-1 { position: static !important; } .module_row_section.home_shops_overfooter .html-module>a { position: absolute; bottom: 60px; left: 50% !important; transform: translateX(-50%) !important; } .module_row_section.home_shops_overfooter .swiper-pager { display: none !important; } } @media(max-width: 550px) { .module_row_section.home_shops_overfooter { padding-bottom: 100px } } /* --> RESPONSIVE > PRODUCT GRID [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width:450px) { .product-layout { width: 100% !important; } } /* --> RESPONSIVE > PRODUCT PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > PRODUCT PAGE > IMAGE & ADDITIONALS [2] =========================================================================================================== */ @media(max-width: 1600px) { #product-product .thumbnails .col-sm-3:last-child { max-height: 600px; padding-left: 10px; } } @media(max-width: 1350px) { #product-product .thumbnails .col-sm-3:last-child { max-height: 450px; padding-left: 20px; } } @media(max-width: 1100px) { #product-product .thumbnails .col-sm-3:last-child { max-height: 300px; padding-left: 39px; } } @media(max-width: 768px) { #product-product .thumbnails { margin-left: 0px !important; margin-top: 13px !important; aspect-ratio: 1 / 1; width: 100vw; min-width: 100vw; display: block; padding-bottom: 30px !important; position: relative; } #product-product #content>.row>.div:fist-child { margin-right: 0px !important; margin-left: 0px !important } #product-product .thumbnails .col-sm-3:last-child { max-height: auto !important; padding-left: 1px !important; display: flex !important; overflow-Y: auto !important; margin-bottom: 20px !important } } /* --> RESPONSIVE > PRODUCT PAGE > INFORMATION & BUTTONS [2] =========================================================================================================== */ @media(max-height: 1000px) { #product-product .breadcrumb { max-width: 100%; bottom: 0px; gap: 0px; } #product-product .breadcrumb>li::after { top: -8px; } } @media(min-width: 769px) { .main-product-container .price-list li:has(.main_product_wishlist_button) { display: none !important; } } @media(max-width: 768px) { .main-product-container .price-list { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 5px 20px !important } #product-product .list-unstyled.price-list h2 { font-weight: 500; } .main-product-container .price-list li { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .main-product-container .price-list:not(.for_mobile) li:nth-child(1) *, .main-product-container .price-list:not(.for_mobile) li:nth-child(1), .main-product-container .price-list li:nth-child(4) { display: none !important; } .main-product-container .price-list li:nth-child(3), .main-product-container .price-list li:nth-child(2) { width: 100% !important; } #product-product .list-unstyled.price-list>li { align-items: flex-start; align-content: flex-start; justify-content: flex-start; justify-items: flex-start; } .main-product-container .price-list li .main_product_wishlist_button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0px !important; border: 0px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background: none; line-height: 1 } #product-product .col-sm-6.details { position: relative !important; } .main-product-container #button-wishlist { display: none !important; } .main-product-container .price-list li .main_product_wishlist_button svg { padding: 0px !important; margin: 0px !important; width: 18px; margin-right: 40px !important; } .main-product-container .labels_container>div { font-weight: bold } #product-product .list-unstyled.inline-list { display: flex; flex-direction: row; } #product-product .list-unstyled.inline-list>li { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } #product-product #product .form-group { gap: 10px; flex-wrap: wrap } #product-product #product .form-group label { white-space: nowrap } #product-product #product .form-group.required[class*="option-"] .control-label { width: 80px; } #product-product .panel-heading .accordion-toggle::after { /* transform: scale(0.8); */ } #product-product .accordion-toggle { text-transform: none !important; font-size: 14px; font-weight: 400; } #product-product .small-description .accordion-toggle { margin-top: 30px; } #product-product .panel-body { padding: 20px 30px 30px 20px !important; } .size-guide-button button { padding-left: 5px; padding-right: 5px; } .form-group a[data-ro="clear_options"] { padding-inline: 0px; } #product-product .panel-collapse.collapse.in { width: 80%; } } /* CART BUTTON & PRICE WRAPPER */ @media(min-width: 769px) { #product .cart_wrapper { width: 100%; } #product .cart_wrapper .price-list { display: none !important; } } @media (max-width: 1200px) { #product-product .col-sm-6.details { padding: 90px 10px 40px; } } @media(max-width: 768px) { #product-product h2 { line-height: 30px; margin-bottom: 20px; } #product-product .col-sm-6 { padding-right: 0 !important; padding-left: 0 !important; position: relative !important; } #product-product .col-sm-6.details { padding: 15px !important; } #product-product #product { margin-bottom: -20px !important; } .product-product #accordion { margin-top: 40px !important; padding-top: 0px !important; margin-bottom: 0px; } #product .form-group .stepper_section { display: none !important; } .product-product .cc-revoke { bottom: 50px !important; } .product-product { padding-bottom: 50px !important; } #product .cart_wrapper { position: fixed; bottom: 0px; z-index: 2; display: flex; background: white; box-shadow: 0px -3px 15px rgba(0, 0, 0, .2); height: 50px; width: 100%; } #product .cart_wrapper .list-unstyled.price-list { padding: 0px; margin: 0px; border: none; padding-inline: 30px !important; } #product .cart_wrapper .list-unstyled.price-list li { display: flex !important; align-items: center !important; justify-content: center } #product .cart_wrapper .list-unstyled.price-list h2 { font-weight: 500; line-height: 1 !important; font-size: 18px } #product .cart_wrapper #button-cart { font-weight: 400 !important; background: black !important; border: none !important; white-space: wrap; line-height: 1.2; display: flex; font-size: 15px; justify-content: center; align-items: center; padding-block: 0px !important; } } /* --> RESPONSIVE > PRODUCT PAGE > RELATED PRODUCTS [2] =========================================================================================================== */ @media(max-width:450px) { .related_products_section>div { width: 100% !important; } } /* --> RESPONSIVE > PRODUCT PAGE > RECENTLY VIEWED [2] =========================================================================================================== */ @media(max-width: 450px) { #product-product .product-layout { width: 100% !important; } } /* --> RESPONSIVE > PRODUCT PAGE > old [2] =========================================================================================================== */ @media(max-width: 768px) { .product-product .thumbnails>button { display: none !important; } .product-product .slick-slide { margin-left: 6px; margin-right: 6px; } .slick-dots { position: relative !important; bottom: 15px !important; } .slick-dots li button::before { opacity: 1 !important; color: #333 !important; } .slick-dots li { border: 1px solid transparent; margin: 0 !important; } .slick-active { border-color: #333 !important; border-radius: 100%; } .slick-dots li.slick-active button::before { color: var(--accent2) !important; } .slick-dots li button::before { line-height: 18px !important; width: 19px !important; height: 16px !important; font-size: 42px !important; } /* Gallery on mobile: reserve the square slide area from the first paint instead of collapsing it to 0 until window load (that collapse pushed the whole page down by ~360px when the images arrived, CLS 0.39). Slick slides are 100vw minus 2 x 6px margin. Before slick initialises, only the first image is shown so nothing jumps (08/09/2026). */ .product-product .thumbnails { min-height: calc(100vw - 12px); overflow: hidden; } .product-product .thumbnails:not(.slick-initialized) > li { margin: 0 6px; } .product-product .thumbnails:not(.slick-initialized) > li + li { display: none; } } /* --> RESPONSIVE > CATEGORY PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-category.layout-id-20 #product-category .col-sm-6.sub-categories-right ul a img { max-width: 100%; width: 100%; height: auto; } @media (max-width: 1500px) { .product-category.layout-id-20 #product-category .col-sm-6.category-texts-left { padding-left: 30px; padding-right: 0px; } .product-category.layout-id-20 #product-category .col-sm-6.category-texts-left .description * { font-size: 16px; line-height: 23px; } .product-category.layout-id-20 #product-category .col-sm-6.category-texts-left h2 { font-size: 35px; line-height: 40px; } .product-category.layout-id-20 #product-category .col-sm-6 li a span { font-size: 26px; line-height: 26px; } } @media (max-width: 1250px) { .product-category.layout-id-20 .col-sm-4.bestseller-texts-left h3 { font-size: 25px; line-height: 35px; padding-left: 0; } .product-category.layout-id-20 #product-category>.row.bestsellers { padding-top: 50px; } .product-category.layout-id-20 #product-category>.row.bestsellers .carousel.swiper-viewport { margin-bottom: 0; } } @media (max-width: 767px) { #product-category { margin-left: 0; margin-right: 0; width: 100% !important; } .product-category.layout-id-20 #product-category>.row { flex-direction: column !important; } .product-category.layout-id-20 #product-category .col-sm-6 { width: 100%; min-height: unset !important; position: relative !important; padding: 25px !important; } .product-category.layout-id-20 #product-category { margin-top: 0px !important; } .col-sm-6.sub-categories-right::after { display: none !important; } .product-category.layout-id-20 #product-category .col-sm-6.sub-categories-right ul { list-style: none; margin-top: 0px !important; padding: 0; } .col-sm-6.sub-categories-right .col-sm-12 { padding: 0; } .product-category.layout-id-20 #product-category .col-sm-6.sub-categories-right ul li { margin-bottom: 25px; } .product-category.layout-id-20 .col-sm-4.bestseller-texts-left h3 { text-align: center; } .product-category.layout-id-20 #product-category>.row.bestsellers { gap: 25px; padding: 25px !important; } .product-category.layout-id-20 #product-category .swiper-pager { display: none !important; } .product-category.layout-id-20 #product-category .col-sm-6 li a span { font-size: 20px; bottom: 20px; } } /* --> RESPONSIVE > CATEGORY PAGE > DESCRIPTION [2] =========================================================================================================== */ @media(min-width: 991px) { #mfilter-content-container .row.desc-top { display: none !important; } } @media(max-width: 991px) { #mfilter-content-container>div { display: flex; flex-direction: column; } #mfilter-content-container>div .row.desc-top { order: -99; } } /* --> RESPONSIVE > CATEGORY PAGE > SORTING BAR [2] =========================================================================================================== */ @media(max-width: 991px) { #mfilter-content-container>div>.row:first-child { display: flex; flex-wrap: wrap; justify-content: flex-end; display: none !important; } .row.product-list-grid { /* margin-top: 30px !important; */ } #mfilter-content-container>div>.row:first-child>div { width: 240px !important; max-width: 240px !important; padding: 0px !important; float: none !important; } #mfilter-content-container>div>.row:first-child>.hidden+div { widtH: 100% !important; max-width: 100% !important; } #mfilter-content-container>div>.row:first-child>div>div { margin-bottom: 0px !important; } } /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR [2] =========================================================================================================== */ @media(max-width: 1190px) {} /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS [3] ------------------------------------------------------------- */ @media(max-width: 1200px) { .mfilter-box-83 .mfilter-free-button { margin-top: 200px !important; } .mfilter-box-83.mfilter-free-container { top: 0px !important; } .box-content.mfilter-content { padding-right: 0px !important; } .mfilter-box-83.mfilter-free-container, .mfilter-box-83.mfilter-free-container .scroll-wrapper { /*height: 100vh !important;*/ max-height: 100vh !important; width: 280px !important; height: 100% !important; min-height: unset !important; padding-top: 10px !important; } /* .mfilter-iscroll { height: 100vh !important; max-height: 100vh !important; } */ .mfilter-free-container { margin-left: -290px; } .mfilter-free-button { margin: 10px 0 0 281px; } .scroll-wrapper>.scroll-content { overflow: auto !important; height: 100% !important; min-height: unset !important; margin-right: 0px !important; } .box-content.mfilter-content { overflow: visible !important; } .mfilter-content>ul>li { margin-bottom: unset !important } #column-left .sorts { flex-direction: column; margin-top: 25px; } #product-category #column-left #column-left, #product-search #column-left #column-left, #product-manufacturer #column-left #column-left, #product-category #column-left #column-left .mfilter-box, #product-search #column-left #column-left .mfilter-box, #product-manufacturer #column-left #column-left .mfilter-box { border: unset !important; } .mfilter-content>ul>li .mfilter-heading.mfilter-collapsed span { color: #8B8B8B; } .mfilter-content>ul>li .mfilter-heading span { color: #444444; } .mfilter-filter-item .mfilter-heading { text-transform: unset !important; line-height: unset !important; } .mfilter-content>ul>li .mfilter-heading.mfilter-collapsed { border: 1px solid #E5E5E5 !important; } .mfilter-content>ul>li .mfilter-heading { border: 1px solid #444444 !important; } .mfilter-content>ul>li { margin-bottom: 15px !important; } .mfilter-content-opts { padding: 15px; border: 1px solid #444444; border-top: unset; } .box-content.mfilter-content { display: flex; flex-direction: column; } .box-content.mfilter-content .mfilter-button.mfilter-button-top { order: 99999; } .box-content.mfilter-content .mfilter-button.mfilter-button-top .mfilter-button-reset { text-align: center; width: 100%; margin-left: 0; } .box-content.mfilter-content .more { display: none !important; } .mfilter-content>ul>li { display: inherit !important; } .filter-heading-mobile { display: block !important; font-size: 15px; line-height: 20px; color: #000; text-align: center; margin-top: 25px; font-weight: 500; } .form-group.input-group.input-group-sm select { color: #444; } .filter-toggle-container { /* position: relative; top: unset; left: unset; transform: unset; display: block !important; bottom: unset; */ } .side-filters-on .filter-toggle-container { z-index: 99999999999999999 !important; top: 15px !important; left: 290px !important; position: fixed !important; } .side-filters-on .filter-toggle-container button { border: unset !important; } .side-filters-on .filter-toggle-container button { font-size: 0px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; justify-content: center; width: 35px !important; height: 35px !important; padding: 0px !important; /* border: 1px solid black !important; */ box-shadow: unset !important; } .row .filter-toggle-container button { /* width: 100%; border: unset !important; box-shadow: unset; */ } .side-filters-on .filter-toggle-container { transform: unset !important; } } @media(max-width: 768px) { .filter-toggle-container { top: 50% !important; left: 0px !important; transform: none; } .filter-toggle-container button { font-size: 0px !important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0px; width: 50px; height: 50px; border: 1px solid black !important; display: flex; align-items: center; justify-content: center; border-radius: 0px 100% 100% 0px !important; border-left: none !important; transition: all .4s; } .filter-toggle-container button svg.on { transform: translate(9px); width: 40px !important; } .side-filters-on .filter-toggle-container { transform: translateX(-100%); } } /* --> RESPONSIVE > CATEGORY PAGE > PRODUCTS [2] =========================================================================================================== */ html body .columns_selector.mobile { display: none !important; } @media(max-width: 768px) { /* #product-category .row.product-list-grid { display: flex !important; flex-wrap: wrap !important; grid-column-gap: unset !important; grid-row-gap: unset !important; justify-content: space-between; } #product-category .product-layout.product-grid { width: calc(50% - 6px) !important; } */ .category-intro { background: white !important; padding: 30px 0px 30px; } html.product-category .category_intro_section, html.product-manufacturer-info .category-intro { padding: 30px 0px 30px !important; } #product-category, #product-search, #product-manufacturer { padding: 0px 15px; } #product-category .breadcrumb, #product-search .breadcrumb, #product-manufacturer .breadcrumb, #product-product .breadcrumb { display: none; } .single_column_enabled #product-category .row.product-list-grid, .single_column_enabled #product-search .row.product-list-grid, .single_column_enabled #product-manufacturer .row.product-list-grid { grid-template-columns: auto !important; padding-left: 6px !important; padding-right: 6px !important; } .product-layout.product-grid.banner-in-category { display: flex; justify-content: center; } .columns_selector>div { border: 1px solid #b0b0b0 !important; } html body .columns_selector.mobile { display: flex !important; } .product-thumb .bottom_section .labels_container { margin-top: 10px !important; } .product-options-hover.no-options .options_section { display: none !important; } .product-thumb .product-options-hover:not(.no-options)>.form-group .stepper_buttons { margin: 20px 5px !important; } .product-thumb .product-options-hover.no-options>.form-group .stepper_buttons { /* margin: 20px auto 20px auto !important; */ } .product-thumb.partial_has_extra_content_enabled .product-options-hover { padding-top: 50px !important; padding: 15px; } .product-thumb.partial_has_extra_content_enabled .product-options-hover>.form-group .button-cart { margin-top: 0px !important; } #search_contents .live-search-div { padding-bottom: 100px !important; max-height: unset !important; } } @media(max-width: 450px) { #product-category .product-layout.product-grid, .product-layout { width: 100% !important; } } /* --> RESPONSIVE > BLOG CENTRAL [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1190px) { .central_blog_page #content>.row>div { width: 33.3333% } } @media(max-width: 991px) { .central_blog_page #content>.row>div { width: 50% } } @media(max-width: 450px) { .central_blog_page #content>.row>div { width: 100% } } /* --> RESPONSIVE > BLOG PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1350px) { #latestpost>.row .description { -moz-column-count: unset; column-count: unset; text-align: left; } } @media(max-width: 1190px) { #latestpost { display: flex; flex-direction: column; } #latestpost>.row { padding-left: 0px; } #latestpost>* { width: 100% !important; } #latestpost .image img { max-width: 100% !important; width: 500px !important; margin: 0 auto !important; } } /* --> RESPONSIVE > SEARCH PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 479px) { .fbr-search-content-results .fbr-grid>div { max-width: 50% !important; flex: 0 0 50% !important; } } /* --> RESPONSIVE > PRODUCT GRID [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1024px) { .product-thumb .bottom_section { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content } /* .product-thumb .bottom_section .button-group button.cart_options_button { line-height: 1.2; width: 100% !important; padding: 15px 5px } */ .product-thumb .bottom_section .button-group button[onclick*="wishlist"] { display: none !important; } .product-thumb.hover_options_enabled .product-options-hover { opacity: 1; transform: translateY(0px); visibility: visible !important; } .product-thumb.hover_options_enabled h4, .product-thumb.hover_options_enabled h5, .product-thumb.hover_options_enabled .labels_container { opacity: 1 !important; } .product-thumb .bottom_section { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .product-thumb .form-group .stepper_buttons { width: 100%; } .product-thumb .form-group { display: flex !important; flex-wrap: wrap !important; } .product-options-hover>.form-group .button-cart { width: calc(100% - 65px) !important; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; height: 47px; display: flex; align-items: center; justify-content: center; padding: 0px !important; } .product-options-hover>.form-group button[onclick*="wishlist"] { width: 55px !important; height: 47px !important; display: flex; align-items: center; justify-content: center; background: #666 !important; padding: 0px !important; } .product-options-hover>.form-group button[onclick*="wishlist"] svg { margin-bottom: -6px; -webkit-filter: invert(100); filter: invert(100); } .product-thumb .product-options-hover>.form-group, .product-thumb .options_section, .product-thumb .caption { padding: 0px } .product-thumb { padding: 0px !important; } .product-thumb .options_section>.form-group { margin-bottom: 0px !important; } .product-options-hover { margin: 0px !important; width: 100% !important; } /* .product-thumb #input-quantity { max-width: 30px !important; height: 30px !important; font-size: 15px } */ .product-thumb .labels_container { flex-wrap: wrap; gap: 0px 10px; } .product-thumb .image > a .labels_container { top: -10px; left: 0px; } .product-thumb .labels_container>div:before { display: none !important; } .product-options-hover>.options_section .form-group>.control-label { width: 100% !important; } } /* --> RESPONSIVE > PRODUCT GRID REMAKE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* MOBILE CAPTION LAYOUT */ @media(max-width: 1024px) { .product-thumb h3 { -webkit-line-clamp: 2; height: 47px; margin-top: -5px !important; margin-bottom: 8px; } .product-thumb h3 a { font-size: 15px; font-weight: 400; line-height: 23px } .product-thumb .bottom_section { height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important } } /* OPTIONS AND STEPPER */ @media(max-width: 1024px) { .product-thumb .product-options-hover { position: relative !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } } /* MOBILE BUTTONS */ .product-thumb button[onclick*="wishlist"] { background: transparent; border: unset; display: block; /* position: relative; */ position: absolute !important; top: 5px; right: 5px; margin: 0px !important; padding: 0px !important; background-color: #FFFFFF; border-radius: 100%; width: 48px !important; height: 48px; display: flex; justify-content: center; align-content: center; align-items: center; justify-items: center; } .product-thumb button[onclick*="wishlist"] svg { width: 100% !important; margin: 0px !important; } @media(max-width: 1024px) { .product-thumb .bottom_section { position: relative; } .product-thumb .button-group { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content } .product-thumb .button-group .cart_options_button { font-size: 0px; } .product-thumb .button-group .cart_options_button:before { content: "ΠΡΟΣΘΗΚΗ"; /* content: "ΣΤΟ ΚΑΛΑΘΙ ΜΟΥ"; */ /* content: url("data:image/svg+xml,%3Csvg width='23.2863904px' height='23.2864407px' viewBox='0 0 23.2863904 23.2864407' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EΚαλάθι%3C/title%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='factory-header' transform='translate(-1776.000906, -71.356780)' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='1.1'%3E%3Cg id='Group-3' transform='translate(1776.550847, 71.906780)'%3E%3Cpath d='M1.99821688,7.12004069 L5.64645894,7.12004069 L5.64645894,10.4595667 C5.64645894,10.665076 5.81286999,10.8363337 6.02195052,10.8363337 C6.23103106,10.8363337 6.39744211,10.6693574 6.39744211,10.4595667 L6.39744211,7.12004069 L15.8017994,7.12004069 L15.8017994,10.4595667 C15.8017994,10.665076 15.9682105,10.8363337 16.177291,10.8363337 C16.3863715,10.8363337 16.5527826,10.6693574 16.5527826,10.4595667 L16.5527826,7.12004069 L20.2010246,7.12004069 L21.4171053,21.437188 L0.782136194,21.437188 L1.99821688,7.12004069 Z M6.39317516,5.46740346 C6.39317516,2.86428576 8.50104835,0.749252628 11.0953538,0.749252628 C13.6896593,0.749252628 15.7971058,2.86428576 15.7971058,5.46740346 L15.7971058,6.37078806 L6.39317516,6.37078806 L6.39317516,5.46740346 Z M0.372509015,22.1864407 L21.8139317,22.1864407 C21.9163385,22.1864407 22.0183186,22.1431981 22.0870164,22.0665603 C22.1595546,21.9894943 22.1936902,21.8867396 22.1851563,21.7797035 L20.9050714,6.71330355 C20.8880036,6.51635714 20.7301264,6.37078806 20.5338467,6.37078806 L16.5399817,6.37078806 L16.5399817,5.46740346 C16.5399817,2.45326718 14.0950195,0 11.0910869,0 C8.08715422,0 5.64219199,2.45326718 5.64219199,5.46740346 L5.64219199,6.37078806 L1.65259395,6.37078806 C1.45631426,6.37078806 1.29843712,6.51635714 1.28136932,6.71330355 L0.00128438421,21.7797035 C-0.00724951535,21.8824582 0.0268860829,21.9894943 0.0994242292,22.0665603 C0.171962375,22.1431981 0.27010222,22.1864407 0.372509015,22.1864407 L0.372509015,22.1864407 Z' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */ font-family: inherit; } .product-thumb .button-group { /* display: flex !important; */ flex-wrap: wrap !important; gap: 0px; width: 100%; margin-top: 12px; display: none !important; } .product-thumb .bottom_section .button-group>button { border: 1px solid black !important; border-left: 1px solid black !important; border-right: 1px solid black !important; border-radius: 0px; height: 45px; display: flex; align-items: center; justify-content: center; padding-inline: 10px; white-space: nowrap; width: unset !important; min-width: unset !important; flex: 1 1 auto; min-width: 50%; max-width: 100%; line-height: 1.2; } .product-thumb .button-group .cart_options_button:before, .product-thumb .button-group .preview_options_button { font-size: 13px; font-weight: 500; line-height: 1.2; white-space: nowrap; } .product-thumb .button-group>button, .product-thumb .button-group>button *, .product-thumb .button-group .cart_options_button:before, .product-thumb .button-group .preview_options_button { transition: all 0s; } @media(min-width: 769px) { .product-thumb .button-group>button:hover { background: var(--accent2) !important; color: white !important; border-color: var(--accent2) !important; } } } /* WHEN CART IS CLICKED > CONTENT */ @media(max-width: 1024px) { /* WHEN CART IS CLICKED > FIX INCOMPATIBILITIES */ /* .swiper-container:has(.partial_has_extra_content_enabled), .swiper-container:has(.partial_has_extra_content_enabled) * { transform: none !important; } */ .swiper-container:has(.partial_has_extra_content_enabled), .swiper-container:has(.partial_has_extra_content_enabled) * { transform: none !important; } html.html_has_extra_content_enabled .carousel:has(.partial_has_extra_content_enabled) .swiper-slide:not(:has(.partial_has_extra_content_enabled)) { width: 0px !important; opacity: 0 !important; } .swiper-slide { transition: opacity 2.5s !important; overflow: hidden !important; } html.html_has_extra_content_enabled .swiper-container, html.html_has_extra_content_enabled .swiper-wrapper { z-index: unset !important; } /* html.html_has_extra_content_enabled .carousel:has(.partial_has_extra_content_enabled) .swiper-slide:not(:has(.partial_has_extra_content_enabled)) { display: none !important } */ /* WHEN CART IS CLICKED > CONTENT LAYOUT */ .product-thumb .caption { z-index: unset !important; padding: 10px 0px !important; } .product-thumb button[onclick*="wishlist"] { width: 25px !important; height: 25px !important; } .product-thumb.partial_has_extra_content_enabled { /* position:relative !important; */ } .product-thumb.partial_has_extra_content_enabled .product-options-hover { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100%; /* Ensure it spans the full width of the viewport */ z-index: 9999 !important; /* Ensure it's above other content */ padding-top: 55px; /* Adjust as needed */ } html.html_has_extra_content_enabled:before { visibility: visible !important; opacity: 1; z-index: 999; } /* WHEN CART IS CLICKED > OPTIONS SECTION */ .product-thumb .product-options-hover .options_section { /* padding-inline: 40px !important; */ gap: 20px !important; display: flex; flex-direction: column } .product-thumb .product-options-hover .options_section .form-group { display: flex !important; flex-wrap: wrap; gap: 10px } .product-thumb .product-options-hover .options_section .form-group>* { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .product-thumb .product-options-hover .options_section .form-group>div { display: flex; flex-wrap: wrap } .product-thumb .product-options-hover .options_section .form-group .text-danger { width: 100% !important; display: flex; justify-content: center; margin-top: 0PX !important; } /* WHEN CART IS CLICKED > APPEAR SMOOTHLY */ .product-thumb .product-options-hover { display: none !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.5s ease, visibility 0.5s !important; } .product-thumb.partial_has_extra_content_enabled .product-options-hover { display: block !important; opacity: 1 !important; visibility: visible !important; bottom: 0px !important; } /* WHEN CART IS CLICKED > CONTENT > HIDE WISHLIST BUTTON */ .product-thumb .product-options-hover>.form-group button[onclick*="wishlist"] { display: none !important; } /* WHEN CART IS CLICKED > CONTENT > CLOSE BUTTON */ .product-thumb.partial_has_extra_content_enabled .product-options-hover>.close-btn { display: block !important; right: 20px !important; top: 10px !important } .product-thumb.partial_has_extra_content_enabled .product-options-hover .close-btn::before { width: 25px; height: 25px } /* WHEN CART IS CLICKED > CONTENT > STEPPER */ .product-thumb.partial_has_extra_content_enabled .stepper-buttons { margin-top: 13px !important; } .product-thumb.partial_has_extra_content_enabled #input-quantity { width: 35px !important; min-width: 35px !important; max-width: 35px !important; height: 35px !important; font-size: 15px !important; } /* WHEN CART IS CLICKED > CONTENT > CART BUTTON */ .product-thumb.partial_has_extra_content_enabled .product-options-hover>.form-group .button-cart { height: 45px !important; margin-top: 17px; width: 100% !important; } /* WHEN PREVIEW OPTIONS BUTTON IS CLICKED > CONTENT */ .product-thumb.partial_has_preview_options_enabled .button-group { order: 99 } .product-thumb.partial_has_preview_options_enabled .product-options-hover { display: block !important; opacity: 1 !important; visibility: visible !important; position: absolute !important; } .product-thumb.partial_has_preview_options_enabled .product-options-hover .options_section { padding-inline: 0px !important; padding-bottom: 50px; padding-top: 10px !important; pointer-events: none; } .product-thumb.partial_has_preview_options_enabled .product-options-hover>.form-group { display: none !important; } /* WHEN PREVIEW OPTIONS BUTTON IS CLICKED > BUTTON ITSELF */ .product-thumb .preview_options_button img { display: none !important; } .product-thumb.partial_has_preview_options_enabled .preview_options_button img { display: block !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media(min-width: 769px) { .product-thumb.partial_has_preview_options_enabled .preview_options_button:hover img { -webkit-filter: invert(); filter: invert(); } } .product-thumb.partial_has_preview_options_enabled .preview_options_button>span { visibility: hidden; } } @media (max-width: 350px) { html body .columns_selector.mobile { display: none !important; } #product-category .row.product-list-grid, #product-search .row.product-list-grid, #product-manufacturer .row.product-list-grid { grid-template-columns: auto !important; padding-left: 6px !important; padding-right: 6px !important; } } /* * * * * * *********************** SMARTFRIENDS */ .checkout-section.smartfriends .form-group { display: flex; flex-direction: row !important; width: 100%; } .checkout-section.smartfriends .form-group .control-label { max-width: 150px; padding-top: 7px; padding-bottom: 5px; justify-content: flex-start; width: 100%; } .checkout-section.smartfriends { width: 100%; background: #f8f8f8 !important; padding: 20px !important; display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; } .checkout-section.smartfriends .title.section-title { font-size: 24px; margin-bottom: 0px; padding-bottom: 16px; font-weight: 600; } #checkout-checkout #content .checkout-section.smartfriends .form-group.smartfriends-forgot-password>a { color: rgba(51, 51, 51, 1) !important; text-decoration: underline; display: inline-block; } .checkout-section.smartfriends .input-group-btn { vertical-align: top !important; } .checkout-section.smartfriends #smartfriends-info { font-weight: bold; } /* Smart Friends card block in checkout: stack label / input / button on mobile. Before this, the 150px label and the 160px button span shared one row with the inputs, which shrank to ~24px on a 375px viewport (08/09/2026). */ @media (max-width: 767px) { .checkout-section.smartfriends { padding: 16px !important; } .checkout-section.smartfriends .section-body { width: 100%; } .checkout-section.smartfriends .form-group { flex-direction: column !important; align-items: stretch; margin-bottom: 12px; } .checkout-section.smartfriends .form-group .control-label { max-width: none; width: 100%; padding-top: 0; padding-bottom: 4px; } .checkout-section.smartfriends .form-group .input-group { display: flex; flex-wrap: wrap; width: 100%; gap: 8px; } .checkout-section.smartfriends .form-group .input-group .form-control { display: block; float: none; flex: 1 1 100%; width: 100%; min-width: 0; border-radius: 0; } .checkout-section.smartfriends .form-group .input-group .input-group-btn { display: block; flex: 1 1 100%; width: 100%; min-width: 0 !important; /* overrides the inline min-width:160px on the span */ font-size: inherit; } .checkout-section.smartfriends .form-group.smartfriends-cardid .input-group .input-group-btn { display: none; /* empty spacer span used for desktop alignment only */ } .checkout-section.smartfriends .form-group .input-group .input-group-btn .btn { width: 100%; margin-left: 0; border-radius: 0; white-space: normal; } .checkout-section.smartfriends .form-smartfriends .text-success, .checkout-section.smartfriends .form-smartfriends .text-danger { display: block; width: 100%; margin-top: 6px; } .checkout-section.smartfriends #smartfriends-info:empty { display: none; } } .coupon_section .coupon_title { font-size: 24px !important; margin-bottom: 0px !important; padding-bottom: 16px !important; font-weight: 600; text-transform: unset !important; line-height: 26px; } .coupon_section { padding: 0px 20px !important; } #collapse-checkout-confirm .checkbox, #collapse-checkout-confirm .buttons { padding: 0px 20px; } #collapse-checkout-confirm .gifttext.line-center::before { order: 2; } #collapse-checkout-confirm .gifttext.line-center { text-transform: uppercase; font-weight: 700; font-size: 15px !important; } /* * * * * * *********************** STORES */ #information-information .module-body { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } #information-information .module-body .module-item-1 { order: 1; } #information-information .module-body .module-item-3 { order: 3; } #information-information .module-body .module-item-4 { order: 2; } #information-information .module-body .module-item-2 { order: 4; } #information-information .module-body img { max-width: 100%; } #information-information .module-body iframe { width: 100%; } #information-information .module-body .module-item { background: #f1f1f1; padding: 50px 20px; display: flex; align-items: center; justify-content: center; } #information-information .module-body .module-item-1, #information-information .module-body .module-item-2 { padding: 0px; width: calc(100% / 1 - 0.01px); } #information-information .module-body .module-item-1 .block-body, #information-information .module-body .module-item-2 .block-body { width: 100%; } #information-information .module-body .block-body { text-align: center; } @media (max-width: 1024px) { #information-information .module-body { grid-template-columns: 1fr; } } /*** Free Gift Products based on: Cart Total Range ***/ .freegiftblock { display: none; } .video-player.row { position: relative; overflow: hidden; padding-left: 0; padding-right: 0; } .video-player.row video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); pointer-events: none; user-select: none; } /*** Klarna Placements ***/ .klarna-top { width: auto; display: inline-block; } html.home #my-top-strip::part(osm-message), html.home #my-top-strip::part(osm-cta) { color: white; } html.home #my-top-strip::part(osm-logo) { color: white; } #my-top-strip::part(osm-message), #my-top-strip::part(osm-cta) { text-transform: uppercase; font-size: 13px; font-family: 'gotham_greek', sans-serif; } #my-top-strip::part(osm-container) { flex-direction: row; background-color: #Fff; padding: 1px; line-height: 11px; } #my-top-strip::part(osm-container) { flex-direction: row; background-color: transparent; padding: 1px; line-height: 11px; } #my-top-strip::part(osm-badge-container) { width: 50px; margin-right: 10px; } #my-top-strip .top-strip-promotion-badge { width: auto !important; } @media(min-width: 768px) { .mobklarna { display: none !important; } } @media(max-width: 768px) { .extra-texts-footer { flex-wrap: wrap; } .mobklarna { margin-top: 3px; } #klarna-mobile::part(osm-message), #klarna-mobile::part(osm-cta) { text-transform: uppercase; font-size: 13px; font-family: 'gotham_greek', sans-serif; color: white; } #klarna-mobile::part(osm-logo) { color: white; } #klarna-mobile::part(osm-container) { flex-direction: row; background-color: #Fff; padding: 1px; line-height: 11px; } #klarna-mobile::part(osm-container) { flex-direction: row; background-color: transparent; padding: 1px; line-height: 11px; } #klarna-mobile::part(osm-badge-container) { width: 50px; margin-right: 10px; } #klarna-mobile .top-strip-promotion-badge { width: auto !important; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION INFORMATION PAGE NEW AND UPDATED: STORES VVV VVV VVV VVV VVV VVV VVV */ /* --> INFORMATION PAGE > KATASTIMATA > LAYOUT 1 [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information.store_locator .information_hero_banner, #information-information.store_locator .breadcrumb { display: none; } #information-information.store_locator.container>.row { width: 100%; } #information-information.store_locator #content { margin: auto; float: unset; width: 100% !important; } #information-information.store_locator #content .row.swiper-viewport.banner0 { margin: unset; } #information-information.store_locator .read-more-banner { position: absolute; height: 100%; opacity: 0 !important; width: 100%; } #information-information.store_locator #content .row.swiper-viewport.banner0 .banner-text-container { position: absolute; bottom: 0; width: 100%; text-align: center; color: white !important; height: 75px; display: flex; justify-content: center; align-content: center; align-items: center; font-weight: 500; font-size: 20px !important; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #231F20 100%); transition: all 0.5s; padding-inline: 10px !important; line-height: 1.2 !important; } #information-information.store_locator #banner0 .swiper-wrapper .swiper-slide:nth-child(3) .banner-text-container, .information-information.information-id-11.layout-id-18 #banner0 .swiper-wrapper .swiper-slide:nth-child(2) .banner-text-container, .information-information.information-id-12.layout-id-18 #banner0 .swiper-wrapper .swiper-slide:nth-child(1) .banner-text-container { background-color: #000; } #information-information.store_locator #banner0 .swiper-wrapper .swiper-slide:hover .banner-text-container { background-color: #000; } #information-information.store_locator #banner0 .swiper-wrapper .swiper-slide:nth-child(3):after, .information-information.information-id-11.layout-id-18 #banner0 .swiper-wrapper .swiper-slide:nth-child(2):after, .information-information.information-id-12.layout-id-18 #banner0 .swiper-wrapper .swiper-slide:nth-child(1):after { content: ""; display: block; width: 0px; height: 0px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #000; position: absolute; bottom: -14px; z-index: 10; left: calc(50% - 20px); } #information-information.store_locator .row.swiper-viewport.banner0, #information-information.store_locator .row.swiper-viewport.banner0 .swiper-container { overflow: unset !important; } #information-information.store_locator #content h1.info-title { text-align: center; font-size: 45px !important; line-height: 45px !important; font-weight: normal; margin-bottom: 45px; margin-top: 80px; } #information-information.store_locator #content .html-module h2 { font-size: 45px !important; line-height: 55px !important; text-align: center; font-weight: 400; color: #000 !important; margin-bottom: 35px; margin-top: 65px; } #information-information.store_locator .table.table-striped { max-width: 1350px; margin: auto; } #information-information.store_locator .table.table-striped th:nth-child(1) { max-width: 350px; width: 350px; padding-left: 50px; } #information-information.store_locator .table.table-striped th:nth-child(3), #information-information.store_locator .table.table-striped td:nth-child(3) { max-width: 350px; width: 350px; text-align: right; padding-right: 50px; } #information-information.store_locator .table.table-striped th:nth-child(2), #information-information.store_locator .table.table-striped td:nth-child(2) { text-align: center; } #information-information.store_locator #content .table tbody th, #information-information.store_locator #content .table tbody td a { font-size: 18px !important; line-height: 24px !important; } #information-information.store_locator #content .table tbody th, #information-information.store_locator #content .table tbody td { padding-top: 20px; padding-bottom: 20px; border-color: #E1E1E1; } #information-information.store_locator .table-striped>tbody>tr:nth-of-type(2n+1) { background-color: white !important; } #information-information.store_locator .table-striped>tbody>tr, #information-information.store_locator .table-striped>thead>tr { background-color: #f9f9f9 !important; } #information-information.store_locator #content .table thead th { font-size: 22px !important; line-height: 24px !important; padding-top: 22px; padding-bottom: 22px; border-color: transparent; } /* --> INFORMATION PAGE > KATASTIMATA > LAYOUT 2 [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information.store_locator .select_region_tabs { max-width: 1350px !important; margin: auto; } #information-information.store_locator #content li { display: block !important; } #information-information.store_locator #content .nav.nav-tabs.country-tabs-title, #information-information.store_locator #content .nav.nav-tabs.state-tabs-title { display: flex; justify-content: center; align-content: center; align-items: center; justify-items: center; /* gap: 20px; */ margin-bottom: 30px; gap: 0px 20px; } @media(min-width: 769px) { #information-information.store_locator #content .nav.nav-tabs.country-tabs-title, #information-information.store_locator #content .nav.nav-tabs.state-tabs-title { flex-wrap: wrap; } } #information-information.store_locator #content .nav.nav-tabs.country-tabs-title .active a { background: #000 !important; color: white !important; } #information-information.store_locator #content .nav.nav-tabs.state-tabs-title .active a { background: #821642; color: white !important; } #information-information.store_locator #content .nav.nav-tabs.country-tabs-title li { border: 1px solid #000 !important; width: 200px; } #information-information.store_locator #content .nav.nav-tabs.country-tabs-title a { font-size: 16px !important; display: block !important; text-align: center; font-weight: 500; } #information-information.store_locator #content .nav.nav-tabs.state-tabs-title a { font-size: 20px !important; display: block !important; text-align: center; font-weight: 400; color: #525252 !important; outline: none !important; } .nav.nav-tabs.state-tabs-title li:nth-child(n+2)::after { display: block; position: absolute; content: ""; width: 1px; height: 20px; background: #7D7D7D; top: calc(50% - 10px); left: -10px; } #information-information.store_locator #content .card-header { border: 1px solid #E1E1E1; } #information-information.store_locator #content .card-header h2 { margin: 0; line-height: 1.2 !important; } #information-information.store_locator #content .card-header p { color: #ffffff !important; font-size: 18px !important; line-height: 1.2 !important; margin: 0; margin-bottom: 5px; text-align: left; text-transform: none; } #information-information.store_locator #content .card-header h4, #information-information.store_locator #content .card-header h4 a, #information-information.store_locator #content .card-header h2, #information-information.store_locator #content .card-header h2 a { font-size: 20px !important; line-height: 24px !important; margin: 0; text-align: left; margin-bottom: 5px !important; font-weight: 500 !important; } #information-information.store_locator #content .card-header h4 a:hover, #information-information.store_locator #content .card-header h2 a:hover { text-decoration: underline !important; color: #821642 !important } #information-information.store_locator #content .btn.btn-link.btn-block.text-left:not(.collapsed) h4 { color: #FFFF00 !important; } #information-information.store_locator #content .card-header .btn.btn-link.btn-block.text-left { /* padding: 21px 45px 16px; */ padding: 20px; position: relative; text-decoration: none !important; outline: none !important; gap: 5px !important; display: flex; flex-direction: column; /* width: calc(100% - 30px); */ padding-right: 40px; } #information-information.store_locator #content .card-header .btn.btn-link.btn-block.text-left:hover h4 { color: #FFFF00 !important; } #information-information.store_locator #content .btn.btn-link.btn-block.text-left::after { content: "\f107" !important; color: #000; font-family: fontawesome; position: absolute; right: 20px; top: 50%; font-size: 33px; transition: all 0.5s; transform: translateY(-50%); } #information-information.store_locator #content .btn.btn-link.btn-block.text-left:not(.collapsed)::after { transform: rotate(180deg); } #information-information.store_locator #content .accordion .card { margin-bottom: 20px; } #information-information.store_locator #content .accordion .collapse, #information-information.store_locator #content .accordion .collapsing { padding: 0 20px; border: 1px solid #E1E1E1; margin-top: -1px; border-top-color: white !important; overflow: hidden !important; } #information-information.store_locator #content .accordion .card-body { padding: 0px 0px 20px 0px; } #information-information.store_locator #content .accordion .card-body iframe { width: 100%; height: 400px; } #information-information.store_locator #content .accordion .gallery-lightbox { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 6px; } #information-information.store_locator #content .accordion .gallery-lightbox img { width: 100%; height: auto; } .gallery-lightbox a { position: relative; transition: all 0.5s; } .gallery-lightbox a:hover::after { content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='82.7735849px' height='82px' viewBox='0 0 82.7735849 82' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EGroup%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='SHOPS-1' transform='translate(-756.113208, -1968.525641)'%3E%3Cg id='Group' transform='translate(756.113208, 1968.525641)'%3E%3Cellipse id='Oval' fill-opacity='0.9' fill='%23FFFFFF' cx='41.3867925' cy='41' rx='41.3867925' ry='41'%3E%3C/ellipse%3E%3Cg id='noun_cancel_1580467' transform='translate(40.771569, 40.928932) rotate(-315.000000) translate(-40.771569, -40.928932) translate(24.300981, 24.458344)' fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M0.303471549,32.6393378 C0.504698771,32.8405636 0.767412088,32.9411765 1.0301254,32.9411765 C1.29470194,32.9411765 1.55741525,32.8405636 1.75864248,32.6393378 L16.4705882,17.9088638 L31.182534,32.6393378 C31.3837612,32.8405636 31.6464745,32.9411765 31.9110511,32.9411765 C32.1737644,32.9411765 32.4383409,32.8405636 32.6377049,32.6393378 C33.0401594,32.2368862 33.0401594,31.5866287 32.6395681,31.1841771 L17.9443913,16.470472 L32.6395681,1.75676686 C33.0420226,1.35431526 33.0420226,0.702194606 32.6377049,0.301606205 C32.2352505,-0.100845398 31.5831252,-0.100845398 31.182534,0.303469407 L16.4705882,15.0320801 L1.75864248,0.303469407 C1.35618803,-0.0989821957 0.704062777,-0.0989821957 0.303471549,0.301606205 C-0.100846109,0.704057808 -0.100846109,1.35617846 0.301608334,1.75676686 L14.9967852,16.470472 L0.301608334,31.1841771 C-0.100846109,31.5866287 -0.100846109,32.2387494 0.303471549,32.6393378 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); font-family: fontawesome; line-height: 100%; text-align: center; color: white !important; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); font-size: 40px; display: flex; justify-content: center; align-content: center; align-items: center; } #information-information.store_locator #content>.row { margin-inline: auto; } /* #information-information.store_locator #content .two-column-accordion { column-count: 2; column-gap: 20px; } #information-information.store_locator #content .two-column-accordion .card { break-inside: avoid; margin-bottom: 20px; } */ /* --> INFORMATION PAGE: STORES > TABS UPDATE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> INFORMATION PAGE: STORES > TABS UPDATE> TABS HEADING [2] =========================================================================================================== */ #information-information.store_locator #content .country-tabs-title { display: none !important; } /* --> INFORMATION PAGE: STORES > TABS UPDATE > TABS TITLES [2] =========================================================================================================== */ #information-information.store_locator #content .nav-tabs>li>a { text-transform: uppercase; padding: 0px; height: fit-content; line-height: normal; min-height: unset; padding: 10px 20px; } /* TAB ITEM */ /* --> INFORMATION PAGE: STORES > TABS UPDATE > TAB ITEM [2] =========================================================================================================== */ #information-information.store_locator #content .tab-content .card button { background: white !important; text-align: left; justify-content: flex-start !important; align-items: flex-start; } #information-information.store_locator #content .card-header button * { color: #222 !important; font-weight: normal; } /* --> INFORMATION PAGE: STORES > TABS UPDATE > TAB ITEM > TITLE [3] ------------------------------------------------------------- */ #information-information.store_locator #content .btn.btn-link.btn-block.text-left:not(.collapsed) h4, #information-information.store_locator #content .card-header .btn.btn-link.btn-block.text-left:hover h4 { color: #821642 !important } #information-information.store_locator #content h4 { margin-bottom: 4px !important; } /* --> INFORMATION PAGE: STORES > TABS UPDATE > RESPONSIVE [2] =========================================================================================================== */ #information-information.store_locator #content .card-header button>* { white-space: wrap !important } @media(max-width: 550px) { #information-information.store_locator #content h1.info-title { white-space: pre-wrap !important; max-width: 100% !important; width: 100% !important; display: block !important; } #information-information.store_locator .select_region_tabs { max-width: 100% !important; width: 100% !important; } .select_region_tabs .nav-tabs { display: flex; flex-direction: column; max-width: 100% !important } .nav.nav-tabs.state-tabs-title li:nth-child(n+2)::after { display: none !important; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION INFORMATION PAGE COMMON: STORES | FIXES VVV VVV VVV VVV VVV VVV VVV */ #information-information.store_locator .card { height: fit-content; } #information-information.store_locator #content, #information-information.store_locator #content>.row>div { padding-right: 0px !important; padding-left: 0px !important; } /* [HO 2026-08] Grid cards: add-to-cart on hover only - reveal via .product-options-hover panel (parity with search module). Desktop only; mobile tap-trigger untouched. */ @media (min-width: 1025px) { .product-thumb .button-group { display: none !important; } } /* HO 2026-08-31: "Κατόπιν Παραγγελίας" (per-product backorder, location=BACKORDER). Third availability state alongside .available (green) and .unavailable (red). Amber, and 8px like .available rather than 12px like .unavailable, because the product IS purchasable — only the delivery is deferred. Wiki: teams/ecommerce/projects/parousiasi/concepts/backorder-katopin-paraggelias */ #product-product .stock_section.backorder::before { background-color: #F5A623; display: inline-block; margin-right: 6px; content: ""; width: 8px; height: 8px; border-radius: 100%; } /* PDP: "Έως 12 άτοκες δόσεις με πιστωτική κάρτα" badge, shown in the info zone directly above the Klarna On-Site Messaging placement (credit-promotion-badge). Styled to sit next to Klarna's badge row: rounded dark "card" chip + one line of text. Wiki: teams/ecommerce/projects/parousiasi/concepts/pdp-installments-badge */ #product-product .installments-badge { display: flex; align-items: center; gap: 12px; margin: 14px 0 6px; padding: 8px 12px; background: #f8f8f8; border-radius: 8px; color: #0b051d; font-size: 14px; line-height: 1.3; } #product-product .installments-badge__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 71px; /* same as Klarna's OSM badge so both text columns align */ height: 30px; border-radius: 8px; background: #0b051d; color: #fff; } #product-product .installments-badge__text strong { font-weight: 700; } @media (max-width: 767px) { #product-product .installments-badge { margin: 10px 0 4px; font-size: 13px; } } /* HO 2026-09-07 add-to-cart toast (custom_javascript.js, "add-to-cart toast" block) */ #ho-cart-toast { position: fixed; z-index: 99990; right: 16px; top: 90px; max-width: 380px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 14px 44px 14px 16px; background: #fff; color: #0b051d; border-radius: 10px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18); font-size: 14px; line-height: 1.4; opacity: 0; transform: translateY(-12px); pointer-events: none; transition: opacity 0.25s, transform 0.25s; } #ho-cart-toast.is-visible { opacity: 1; transform: none; pointer-events: auto; } #ho-cart-toast .ho-cart-toast__icon { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: #2e9e5b; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; } #ho-cart-toast .ho-cart-toast__body { flex: 1 1 200px; } #ho-cart-toast .ho-cart-toast__body a { color: inherit; text-decoration: underline; } #ho-cart-toast .ho-cart-toast__total { margin-top: 4px; font-weight: 700; } #ho-cart-toast .ho-cart-toast__cta { flex: 1 1 100%; text-align: center; margin-top: 4px; } #ho-cart-toast .ho-cart-toast__close { position: absolute; top: 6px; right: 8px; border: 0; background: none; font-size: 22px; line-height: 1; color: #777; cursor: pointer; padding: 4px 8px; } @media (max-width: 767px) { #ho-cart-toast { left: 12px; right: 12px; top: auto; bottom: 12px; max-width: none; transform: translateY(12px); } } /* HO 2026-09-07 PDP reviews slide-in: the reCAPTCHA row comes from extension/captcha/google.twig with a col-sm-2 label / col-sm-10 widget. In the ~500px slide-in panel (>=768px viewports) that squeezes the label "Συμπληρώστε την επαλήθευση reCAPTCHA" to one word per line next to the widget. Stack it like the other review fields (label above, full width) and keep the 304px widget inside the panel on narrow phones. */ #collapseReviews #form-review fieldset .form-group > .col-sm-2, #collapseReviews #form-review fieldset .form-group > .col-sm-10 { float: none; width: 100%; padding-left: 15px; padding-right: 15px; } #collapseReviews #form-review fieldset .form-group > .control-label { text-align: left; padding-top: 0; margin-bottom: 8px; } #collapseReviews #form-review fieldset legend { font-size: 15px; margin-bottom: 12px; } #collapseReviews #form-review .g-recaptcha { max-width: 100%; overflow: hidden; } @media (max-width: 359px) { #collapseReviews #form-review .g-recaptcha { transform: scale(0.85); transform-origin: 0 0; } } /* HO 2026-09-07 PDP: products without reviews show a "write the first review" link where the stars used to be (stars are hidden for review_count = 0 since cb04aec). Opens the reviews slide-in panel with the form. */ #product-product .rating--empty .write-first-review { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: inherit; text-decoration: underline; text-underline-offset: 3px; } #product-product .rating--empty .write-first-review:hover, #product-product .rating--empty .write-first-review:focus { color: #7a1f3d; } /* Checkout and cart on mobile: 16px in form fields so iOS Safari does not zoom in on focus (08/09/2026). */ @media (max-width: 767px) { #checkout-checkout .form-control, .checkout-checkout .form-control, #checkout-cart #cart-stepper { font-size: 16px; } } /* ====================================================================================== Tap targets on touch screens (08/09/2026). Goal: every control at least ~40px of hit area without changing what the eye sees. Technique: padding grows the hit area, an equal negative margin cancels the layout effect, so surrounding spacing stays as it was. ====================================================================================== */ @media (max-width: 767px) { /* Header icons: phone (24px), account / wishlist (16px), cart button (22x28) */ header .phone_for_mobile, header .icon-fav > a, #menu_header .icons_menu li > a, header .cart-icon .btn.dropdown-toggle { box-sizing: content-box; padding: 10px !important; margin: -10px !important; } /* The cart badge is positioned against the button box; compensate the 10px padding above so it stays where it was (theme value is top:-15px / right:-17px). */ header #cart .btn.btn-inverse #cart-total { top: -5px; right: -7px; } /* Product page: the accordion rows are 49px tall but only the 17px text was clickable */ #product-product .panel-heading .panel-title .accordion-toggle { display: block; padding: 14px 0; margin: -14px 0; } #product-product .small-description .accordion-toggle { display: inline-block; padding: 12px 0; margin: 18px 0 -12px; } /* Checkout and cart checkboxes were 13x13 (terms, newsletter, same address, gift wrap) */ #collapse-checkout-confirm .checkbox label > input[type="checkbox"], #collapse-payment-address input[type="checkbox"], #checkout-checkout input[name="giftwrapit"], #checkout-cart input[type="checkbox"] { width: 20px; height: 20px; min-width: 20px; vertical-align: middle; } /* Bootstrap reserves 20px for the (13px) checkbox; with a 20px box the text touched it. */ #collapse-payment-address .checkbox label { padding-left: 30px; } #collapse-payment-address .checkbox label > input[type="checkbox"] { margin-left: -30px; margin-top: 1px; } /* Installments select (20px tall) and gift message button (19px tall) in checkout */ #collapse-payment-method select[name="Installments"] { min-height: 40px; padding: 6px 10px; } #checkout-checkout .giftwrap_box .btn, .checkout-checkout .giftwrap_box .btn { min-height: 40px; line-height: 1.3; } /* Cart quantity stepper was 15x15 */ #checkout-cart form .input-group.btn-block .ctm-stepper { width: 28px !important; height: 28px !important; } #checkout-cart form #cart-stepper { min-width: 36px !important; font-size: 16px !important; } /* Footer social icons (15 to 30px wide) */ footer .socials_section a { display: inline-flex; padding: 8px; margin: -8px 22px -8px -8px !important; } } /* Checkout radios and gift-wrap checkbox alignment (08/09/2026). The shipping/payment labels are flex rows; with a long two-line label the radio was squeezed to 13-16px wide (flex-shrink). The gift-wrap checkbox sat at the top of a 32px line while its label text was vertically centred. */ #collapse-shipping-method label > input[type="radio"], #collapse-payment-method label > input[type="radio"] { flex: 0 0 18px; width: 18px; height: 18px; } #checkout-checkout .giftwrap_box > input[name="giftwrapit"], .checkout-checkout .giftwrap_box > input[name="giftwrapit"] { align-self: center; margin: 0; } /* Slick: the theme never shipped slick-theme.css's font and loader files (catalog/view/javascript/jquery/slick/fonts/*, ajax-loader.gif), so every page with a slider requested slick.woff, slick.ttf and ajax-loader.gif and got three 404s. The arrows are hidden and the dots draw a plain bullet, so the icon font is not needed: use the page font for the glyphs and drop the loader background (08/09/2026). */ .slick-prev:before, .slick-next:before, .slick-dots li button:before { font-family: inherit !important; /* slick-theme.css loads after this file */ } .slick-loading .slick-list { background-image: none !important; } /* ====================================================================================== Checkout layout for laptops and small desktops, 851 to 1600px (08/09/2026). Before: below 1600px the theme dropped the third column (summary, terms, confirm button) under the two form columns at full width, so on 1366/1440/1536px screens the confirm button sat 2.4 to 2.8 screens down and was 1.3m wide. Now: two columns. Left = form (columns 1 and 2 stacked), right = summary column that stays in view while scrolling and scrolls internally if it is taller than the viewport. Inside the sidebar the Smart Friends / coupon block moves after the confirm button. DOM and JavaScript untouched: same three .check-column elements, same ids. ====================================================================================== */ @media (min-width: 851px) and (max-width: 1600px) { .checkout-checkout #content { display: grid !important; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); grid-template-areas: "c1 c3" "c2 c3"; column-gap: clamp(20px, 4vw, 60px); row-gap: 0; align-items: start; } .checkout-checkout #content > .check-column { width: 100% !important; flex: none !important; } .checkout-checkout #content > .check-column:nth-child(1) { grid-area: c1; } .checkout-checkout #content > .check-column:nth-child(2) { grid-area: c2; } .checkout-checkout #content > .check-column:nth-child(3) { grid-area: c3; position: sticky; top: 20px; max-height: calc(100vh - 40px); overflow-y: auto; overscroll-behavior: contain; } .checkout-checkout #content > .check-column:nth-child(3) .panel-body .panel-body { display: flex; flex-direction: column; } /* the wrapper that holds smartfriends_block / coupon / voucher */ .checkout-checkout #content > .check-column:nth-child(3) .panel-body .panel-body > div.hide_in_column_mid:not(.table-responsive):not(.checkbox):not(.buttons) { order: 10; margin-top: 24px; } } /* The fixed side tabs (Καταστήματα / Hotel & Restaurant) overlap the checkout sidebar; they have no role inside the checkout. */ html.checkout-checkout .fixed-right-side { display: none !important; } /* Smart Friends card: stack label / input / button whenever the block itself is narrow (checkout sidebar on laptops, not only phones). Same rules as the mobile block above. */ .checkout-section.smartfriends { container-type: inline-size; } @container (max-width: 430px) { .checkout-section.smartfriends .section-body { width: 100%; } .checkout-section.smartfriends .form-group { flex-direction: column !important; align-items: stretch; margin-bottom: 12px; } .checkout-section.smartfriends .form-group .control-label { max-width: none; width: 100%; padding-top: 0; padding-bottom: 4px; } .checkout-section.smartfriends .form-group .input-group { display: flex; flex-wrap: wrap; width: 100%; gap: 8px; } .checkout-section.smartfriends .form-group .input-group .form-control { display: block; float: none; flex: 1 1 100%; width: 100%; min-width: 0; border-radius: 0; } .checkout-section.smartfriends .form-group .input-group .input-group-btn { display: block; flex: 1 1 100%; width: 100%; min-width: 0 !important; font-size: inherit; } .checkout-section.smartfriends .form-group.smartfriends-cardid .input-group .input-group-btn { display: none; } .checkout-section.smartfriends .form-group .input-group .input-group-btn .btn { width: 100%; margin-left: 0; border-radius: 0; white-space: normal; } .checkout-section.smartfriends .form-smartfriends .text-success, .checkout-section.smartfriends .form-smartfriends .text-danger { display: block; width: 100%; margin-top: 6px; } } /* Checkout: less dead space above the form (08/09/2026). Before: 130px container offset + 45px title + 50px intro padding + 50px row margin = first field at 275px. */ html.checkout-checkout .category-intro.image-with-desc { padding-bottom: 14px !important; } html.checkout-checkout .category-intro h1.generic-intro-title { font-size: 22px !important; line-height: 1.3 !important; margin: 0 !important; } html.checkout-checkout #checkout-checkout > .row { margin-top: 12px !important; } /* Checkout on tablet / phone: collapsible secondary blocks + fixed total/confirm bar. Classes are added by custom_javascript.js; nothing here applies above 850px. */ #ho-checkout-bar { display: none; /* only the <= 850px block below ever shows it */ } @media (max-width: 850px) { .ho-collapsible__head { cursor: pointer; position: relative; padding-right: 34px !important; user-select: none; -webkit-tap-highlight-color: transparent; } .ho-collapsible__head::after { content: ""; position: absolute; right: 10px; top: 50%; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-70%) rotate(45deg); transition: transform 0.2s ease; } .ho-collapsible.is-open > .ho-collapsible__head::after { transform: translateY(-30%) rotate(-135deg); } .ho-collapsible:not(.is-open) > :not(.ho-collapsible__head) { display: none !important; } /* the gift-wrap fieldset (#choosegift) is shown by an id-level rule; match its specificity */ #checkout-checkout .giftwrap_box.order.ho-collapsible:not(.is-open) #choosegift, .ho-collapsible:not(.is-open) > fieldset { display: none !important; } .ho-collapsible:not(.is-open) > .ho-collapsible__head { margin-bottom: 0 !important; padding-bottom: 0 !important; } .ho-collapsible.checkout-section.smartfriends:not(.is-open) { padding-top: 14px !important; padding-bottom: 14px !important; } #ho-checkout-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; display: none; align-items: center; gap: 14px; padding: 10px 15px; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 1px solid #ddd; box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08); } #ho-checkout-bar.is-visible { display: flex; } #ho-checkout-bar .ho-checkout-bar__total { flex: 0 0 auto; line-height: 1.2; color: #000; } #ho-checkout-bar .ho-checkout-bar__label { display: block; font-size: 12px; color: #666; } #ho-checkout-bar .ho-checkout-bar__value { font-size: 18px; font-weight: 600; white-space: nowrap; } #ho-checkout-bar .ho-checkout-bar__btn { flex: 1 1 auto; min-height: 48px; background: #000; color: #fff; border: 0; border-radius: 0; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; padding: 0 14px; } html.checkout-checkout.ho-has-checkout-bar body { padding-bottom: 84px !important; } } /* ====================================================================================== Footer bottom bar (09/09/2026). Before: phone / free-shipping texts, copyright and payment logos shared one visual row; the four newer logos (PayPal, Apple Pay, Google Pay, Klarna) had height:auto so the row was ragged; the copyright sat bottom-left exactly under the fixed Cookiebot widget. Now: row 1 phone (left) + free shipping (right), row 2 payment logos centred at one height, row 3 copyright centred, clear of the Cookiebot (bottom-left) and accessibility (bottom-right) widgets. Markup untouched (footer.twig is OCMOD-compiled). ====================================================================================== */ footer .extra-texts-footer { padding: 12px 0 10px; align-items: center; font-weight: 500; } footer .powered_by { display: grid; grid-template-columns: 1fr; justify-items: center; row-gap: 8px; padding: 10px 45px 12px !important; border-top: 1px solid #e6e6e6; } footer .powered_by > div:first-child { order: 2; color: #555; } footer .powered_by > .payment-card-logos { order: 1; } footer .powered_by > div:last-child:empty { display: none; } footer .payment-card-logos ul { align-items: center; flex-wrap: wrap; justify-content: center; gap: 14px 22px; margin: 0; } footer .payment-card-logos li { display: flex; align-items: center; } footer .payment-card-logos img { height: 26px; width: auto; margin: 0; object-fit: contain; } @media (max-width: 920px) { footer .powered_by { padding: 14px 20px 72px !important; /* clears the two fixed widgets in the bottom corners */ text-align: center; } footer .payment-card-logos img { height: 22px; } } /* Vertical breadcrumb on the product page (09/09/2026). The theme drops it to bottom:0 on screens up to 1000px tall (media max-height above), which puts «Αρχική» under the fixed Cookiebot widget (48px at 10px from the bottom-left corner). Keep it above the widget and cap very long product names so the trail never reaches the header. Category pages already sit at bottom:100px; they only get the length cap. */ #product-product .breadcrumb { bottom: 72px !important; max-height: calc(100vh - 200px); overflow: hidden; } #product-product .breadcrumb > li:last-child, .category-intro.without-image .breadcrumb > li:last-child { max-height: 42vh; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* The home page footer is a full-screen panel: footer.row is max-height:100vh and footer > .container has height:100% + overflow:auto, so any extra height in the bottom bar turns into an internal scrollbar. Keep the bar tight on the home page. */ html.home footer .powered_by, html.common-home footer .powered_by { row-gap: 6px; padding: 8px 45px 8px !important; } html.home footer .extra-texts-footer, html.common-home footer .extra-texts-footer { padding: 8px 0 6px; } /* ====================================================================================== Home page footer: fit the 100vh panel on short screens (09/09/2026). footer.row is max-height:100vh and footer > .container is height:100% + overflow:auto, so on laptops the panel content (819px) exceeded the available height (655px at 1366x768) and the footer scrolled inside itself. This predates the 08-09/09 bottom-bar work (101px overflow before it) but is most visible now. Below 940px of viewport height the intro headline, the newsletter description and the link accordions get tighter spacing. Nothing is hidden, no element is removed, and taller screens keep the original airy spacing. ====================================================================================== */ @media (max-height: 940px) { html.home footer .footer-intro h2, html.common-home footer .footer-intro h2 { font-size: 34px !important; line-height: 42px !important; margin-top: 6px !important; margin-bottom: 4px !important; } html.home footer .footer-intro h3, html.common-home footer .footer-intro h3 { margin-top: 6px !important; } html.home footer .newsletter-guest h3, html.common-home footer .newsletter-guest h3 { line-height: 22px !important; margin-top: 2px !important; margin-bottom: 2px !important; } html.home footer .newsletter-guest h3 br, html.common-home footer .newsletter-guest h3 br { display: none; } html.home footer .links-row, html.common-home footer .links-row { margin-top: 10px !important; margin-bottom: 6px !important; row-gap: 4px !important; } html.home footer .links-row .footer-column h5, html.common-home footer .links-row .footer-column h5 { margin-bottom: 8px !important; padding-bottom: 4px !important; } } /* ====================================================================================== Mini cart drawer on tablet and phone (09/09/2026). The theme built the drawer for desktop only: it keeps its fixed 635px width on small screens, so `cart_enabled` slid it in but it sat outside the viewport, and the cart icon redirected to /checkout/cart instead of opening it. Now the drawer fits the screen and the hidden state is translated by slightly more than its own width, so it is fully off screen whatever the width resolves to. ====================================================================================== */ @media (max-width: 991px) { #cart .dropdown-menu { width: 100% !important; max-width: 440px !important; transform: translateX(105%) !important; } html.cart_enabled #cart .dropdown-menu, .cart_enabled #cart .dropdown-menu { transform: translateX(0) !important; } /* the dimming layer sits left of the drawer; with a screen-wide drawer let it cover all */ html.cart_enabled body:before, .cart_enabled body:before { width: 100% !important; } } /* ====================================================================================== Mini cart drawer rows: compact layout (09/09/2026). Before, every row was 181px tall: the thumbnail cell had a fixed height of 150px, the text cell a min-height of 180px, and the price was pushed to the bottom of that block, so three products filled the drawer. Now a row is 75px on desktop and ~90px on a phone (two-line product name), so five products fit without scrolling. Nothing is removed: brand, name, price, quantity and the remove button all stay. ====================================================================================== */ #cart .dropdown-menu .table-products td { padding: 9px 8px !important; vertical-align: top !important; } #cart .dropdown-menu .table-products td.product-thumb { width: 74px !important; height: auto !important; padding: 9px 6px 9px 9px !important; } #cart .dropdown-menu .product-thumb img { width: 56px !important; height: 56px !important; object-fit: contain !important; } #cart .dropdown-menu .product-info { min-height: 0 !important; padding: 9px 6px !important; } /* The manufacturer line is dropped: the product name already starts with the brand ("Villeroy & Boch Piάτο ..."), so the separate span only repeated it. The name takes the freed space, two lines maximum. (09/09/2026) */ #cart .dropdown-menu .product-info .cart-brand { display: none !important; } #cart .dropdown-menu .product-info > a { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; font-size: 12.5px !important; line-height: 1.4 !important; margin-bottom: 3px !important; } #cart .dropdown-menu .product-info .product-price { margin-top: 2px !important; font-size: 13px !important; line-height: 1.3 !important; } /* No extra border here: the theme already draws one on the row (tr). Two of the four cells are not real table cells (.product-info is a flex box, .product-qty a block of its own height), so a border on the cells lands at three different heights and reads as a double or triple line under the quantity. */ #cart .dropdown-menu .table-products tbody tr > td { border-bottom: 0 !important; } /* ====================================================================================== CATEGORY FAQ MODULE (09/09/2026) The module used to ship its own inline