/* raleway-regular - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url('../fonts/raleway-v28-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-ext_latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ font-display: swap; } /* raleway-500 - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: url('../fonts/raleway-v28-latin-ext_latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-ext_latin-500.svg#Raleway') format('svg'); /* Legacy iOS */ font-display: swap; } /* raleway-700 - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: url('../fonts/raleway-v28-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-ext_latin-700.svg#Raleway') format('svg'); /* Legacy iOS */ font-display: swap; } /* raleway-900 - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 900; src: url('../fonts/raleway-v28-latin-ext_latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v28-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-ext_latin-900.svg#Raleway') format('svg'); /* Legacy iOS */ font-display: swap; } .iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: rgba(0, 0, 0, 0); } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1270px; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #000000; } a:hover:not(.nav-link):not(.btn) { color: #000000; } .pagination .page-list li:hover { border-color: #000000; } .pagination .page-list li.current { border-color: #000000; } .pagination .page-list li.current a { color: #000000; } #mobile-header { background: #000000; border-bottom: solid 1px #e3e3e3; } #mobile-header #mobile-header-sticky { background: #000000; } #mobile-header .mobile-main-bar { padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; } #mobile-header .m-nav-btn { color: #ffffff; } #mobile-header .m-nav-btn:hover { color: #ea208e; } #mobile-header .mobile-buttons-bar { background: #e32ca5; } html { font-size: 14px; } @media (max-width: 767px) { html { font-size: 13px; } } body { line-height: 1.4rem; } body { font-family: 'Raleway', sans-serif; } #blockcart-content { background: #ffffff; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } /*** Secondary button ***/ .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default { background: #a2a2a2; color: #ffffff; border: none 1px #f0f0f0; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary :active, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled :active, .btn-secondary:disabled:hover, .btn-secondary:disabled:focus, .btn-secondary:disabled :active, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:hover, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:focus, .bootstrap-touchspin .group-span-filestyle .btn-touchspin :active, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:hover, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:focus, .group-span-filestyle .bootstrap-touchspin .btn-touchspin :active, .group-span-filestyle .btn-default:hover, .group-span-filestyle .btn-default:focus, .group-span-filestyle .btn-default :active { background: #000000; color: #ffffff; } .btn-secondary:not(:disabled):not(.disabled):active { background: #000000; color: #ffffff; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #a2a2a2; color: #ffffff; border: solid 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #000000; color: #ffffff; border: solid 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #ff4470; color: #ffffff; border: none 1px; } .btn-primary:hover, .btn-primary:focus, .btn-primary :active, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled :active, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled :active { background: #000000; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #000000; color: #ffffff; } #wrapper .breadcrumb { padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; margin-top: -1.0714285714rem; margin-bottom: 1.0714285714rem; font-size: 0.8571428571rem; font-style: normal; font-weight: normal; text-transform: none; color: #8f8f8f; } #wrapper .breadcrumb li:after { color: #8f8f8f; } #wrapper .breadcrumb a { color: #8f8f8f; } /*** Text fields ***/ .form-control { background-color: #ffffff; color: #000000; border: solid 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #ffffff; } .custom-select2:after { color: #000000; } .bootstrap-touchspin .btn-touchspin { background-color: #ffffff; color: #000000; border: solid 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #000000; } .form-control::-webkit-input-placeholder { color: #000000; } .form-control::-moz-placeholder { color: #000000; } .form-control:-ms-input-placeholder { color: #000000; } .form-control:-moz-placeholder { color: #000000; } .form-control:focus { color: #000000; border-color: #000000; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #000000; } .custom-radio input[type=radio]:checked + span { background-color: #000000; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #000000; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: black!important; border-bottom: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(0, 0, 0, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: black!important; color: white!important; } .tooltip { --bs-tooltip-bg: #000000; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(194, 194, 194, 0.7); } .modal-content { background: #ffffff; border: none 1px; } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #ca5058; color: #ffffff; border: none 1px; } .product-price { color: #ad1f00; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 1.0714285714rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #ff4470; color: #ffffff; } .product-flags .new { background: #000000; color: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #ff4470; color: #000000; } .product-flags .out_of_stock { background: #a17738; color: #ffffff; } .discount { background: #ff4470; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #a17738; color: #ffffff; } .alert-success { background: #d4edda; color: #155724; border-color: #d4edda; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { color: #155724; text-decoration: underline; } .alert-info { background: #ffffff; color: #000000; border-color: #ffffff; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { color: #000000; text-decoration: underline; } .alert-warning { background: #fff3cd; color: #856404; border-color: #fff3cd; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { color: #856404; text-decoration: underline; } .alert-danger { background: #f8d7da; color: #721c24; border-color: #f8d7da; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { color: #721c24; text-decoration: underline; } #iqitcompare-floating { background: #ffffff; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #page-preloader { background: #ffffff; } #back-to-top { background: #000000; color: #ffffff; } #back-to-top:hover { background: #333333; color: #ffffff; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: none 1px #e3e3e3; } #header .container, #checkout-header .container { max-width: 100%; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: none 1px #e3e3e3; } #header .header-nav { color: #ffffff; background: #d8a598; border-bottom: none 1px #cdaf6e; padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; font-size: 0.8571428571rem; } #header .header-nav a { color: #ffffff; } #header .header-nav a:hover { color: #ffffff; } #header .header-nav .social-links._topbar { font-size: 1rem; } #header .header-nav .social-links._topbar a:not(:hover) { color: #cdaf6e !important; } #header .header-nav .social-links._topbar a:hover { color: #ffffff !important; } .header-top { padding-top: 1.1428571429rem; padding-bottom: 1.1428571429rem; color: #000000; } .header-top a:not(.btn):not(.nav-link) { color: #000000; } .header-top a:not(.btn):not(.nav-link):hover { color: #ff4470; } .header-top .form-search-control { border: solid 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.7142857143rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { background: #ffffff; color: #000000; padding: 0.6428571429rem 0.6428571429rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #000000; } .header-top a.header-cart-btn:not(:hover) { color: #000000; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #ffffff; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: #ff4470; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 40%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: rgba(0, 0, 0, 0); border-top: none 3px #521919; border-right: none 3px #38b82c; border-bottom: none 1px #ff4470; border-left: none 3px #a6cc0f; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 3.2142857143rem; max-width: 14.2857142857rem; color: #000000; padding-left: 0.8571428571rem; padding-right: 0.8571428571rem; border-left: none 1px #ff4470; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #000000; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.0357142857rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.2142857143rem !important; } .cbp-vertical-on-top .cbp-vertical-title-text { display: none !important; } .cbp-horizontal > ul > li.cbp-hropen > a, .cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li.cbp-hropen > a:hover { color: #ff4470; } .cbp-horizontal .cbp-tab-title { font-size: 1.1428571429rem; font-style: normal; font-weight: bold; text-transform: uppercase; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ca5058; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.5714285714rem; max-height: 1.5714285714rem; } .cbp-horizontal > ul { text-align: center; } .cbp-horizontal > ul > li { float: none; text-align: left; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 1rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.4285714286rem; padding-right: 0.4285714286rem; } } #cbp-hrmenu .cbp-hrsub { transform: translateY(-10px); } #cbp-hrmenu .cbp-hropen .cbp-hrsub { transform: translateY(0px); } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.5714285714rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #000000; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.5714285714rem; padding-bottom: 0.5714285714rem; border-top: solid 1px rgba(227, 227, 227, 0.35); } #cbp-hrmenu1 > ul > li > a .cbp-mainlink-icon, #cbp-hrmenu1 > ul > li > a .cbp-mainlink-iicon { font-size: 1.7142857143rem; max-height: 1.7142857143rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #ffffff; background: #000000; } .cbp-not-on-top #cbp-hrmenu1-ul { position: relative; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { top: 0; margin-top: 0px !important; min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-hrsub { min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-show { -js-display: flex; display: flex; flex-wrap: wrap; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-inner { width: 100%; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #262626; border: none 1px #37a625; box-shadow: 0px 4px 25px 0px rgba(74, 63, 63, 0.15); } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #ffffff !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #ff4470 !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #777777 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #777777 !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #ffffff !important; border-bottom: none 3px #c2bc29; font-size: 1.0714285714rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: #ff4470 !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #000000; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #ffffff !important; } #iqitmegamenu-mobile { background: #000000; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab:not(:last-child) { border-bottom: none 1px; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__arrow { padding-top: 0.7142857143rem; padding-bottom: 0.7142857143rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #ffffff !important; padding-top: 0.7142857143rem; padding-bottom: 0.7142857143rem; font-size: 1.2857142857rem; font-style: normal; font-weight: bold; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__submenu { background: #000000; } .mobile-menu__tab { border-bottom: none 1px; min-height: 3.7142857143rem; } .mobile-menu__link { color: #ffffff !important; padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; font-size: 1.5714285714rem; font-style: normal; font-weight: bold; text-transform: none; } .mobile-menu__arrow { padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; color: #ffffff; font-size: 1.5714285714rem; } .mobile-menu__tab-icon { font-size: 1.5714285714rem; } .mobile-menu__tab-icon--img { max-height: 1.5714285714rem; } .mobile-menu__legend { font-size: 0.8571428571rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #595050; } .mobile-menu__header-wrapper { color: #000000; background-color: #f4f4f4; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.5714285714rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.4285714286rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050 !important; } .mobile-menu__column { font-size: 1.1428571429rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050; margin-bottom: 2.8571428571rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.8571428571rem; } .mobile-menu__links-list-li { padding-top: 0.4285714286rem; padding-bottom: 0.4285714286rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #000000; } .mobile-menu__footer { border-top: none 1px; color: #000000; background-color: #f4f4f4; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #333333; color: #ffffff; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.7142857143rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.7142857143rem; } .swiper-container-wrapper { margin: -0.7142857143rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.7142857143rem; } .swiper-container-wrapper .product-carousel { padding: 0.7142857143rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.7142857143rem; } .product-miniature { border: none 1px; outline: 1px none transparent; } .product-miniature .thumbnail-container .product-thumbnail-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; backface-visibility: hidden; } .product-miniature .thumbnail-container:hover .product-thumbnail-second { opacity: 1; } .product-miniature .thumbnail-container:hover .product-thumbnail-first { opacity: 0; } .product-miniature .thumbnail-container:hover picture:last-child .product-thumbnail-first { opacity: 1; } .product-miniature-grid .product-title { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 1px; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); } } .product-miniature-grid .product-functional-buttons { background: #ffffff; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { color: !important; } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-reference { display: none !important; } .products-grid .product-miniature .product-brand { display: none !important; } .products-grid .product-miniature .product-description-short { display: none !important; } .products-grid .product-miniature .products-variants { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .product-miniature .input-qty, .product-miniature .input-group-add-cart .bootstrap-touchspin { display: none !important; } .btn-product-list { padding: 0.3928571429rem 0.7857142857rem; background: rgba(0, 0, 0, 0); color: #000000; border: solid 1px #000000; } .btn-product-list:hover { background: #000000; color: #ffffff; } .products-grid .product-miniature-default { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-miniature-default .product-description { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .products-grid .product-add-cart { margin: auto auto 0 auto; } .product-carousel { height: 100%; } .products.swiper-container .swiper-slide { height: auto; } .products-grid .product-miniature-layout-1 { text-align: center; } .products-grid .product-miniature-layout-1 .input-group-add-cart { justify-content: center; } .products-grid .product-miniature-layout-1 .product-description { padding: 0.7142857143rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 0.7142857143rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(40, 44, 51, 0.93); } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(5, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.7142857143rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #ffffff; background: #000000; } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } #product .product-cover .expander { color: #ffffff; background: #000000; } #product .product-cover .expander:hover { opacity: 0.6 !important; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } @media (max-width: 767px) { #main-product-wrapper .product-add-to-cart { background: #ffffff; position: fixed; bottom: 0; z-index: 99; width: 100%; left: 0; padding-left: 1rem; padding-right: 1rem; } #product #iqitcompare-floating { z-index: 0; } } @media (max-width: 576px) { .product-add-to-cart .col-add-qty { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .product-add-to-cart .col-add-btn { -ms-flex: 1; flex: 1; } .product-add-to-cart .col-add-wishlist, .product-add-to-cart .col-add-compare { max-width: 40px; } .product-add-to-cart .col-add-wishlist .btn, .product-add-to-cart .col-add-compare .btn { padding-left: 0; padding-right: 0; } } @media (max-width: 400px) { .product-add-to-cart .add-to-cart { padding-left: 0rem; padding-right: 0rem; } } #wrapper { background: #ffffff; border-top: none 1px; border-bottom: none 1px; padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; color: #000000; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { color: #000000; font-size: 1.5714285714rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 2px #000000; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #000000; } #content-wrapper .section-title { color: #000000; font-size: 1.1428571429rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #000000; } .nav-tabs .nav-link { color: #000000; font-size: 1.1428571429rem; font-style: normal; font-weight: bold; text-transform: none; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #000000; border-bottom: solid 3px #ca5058; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #ca5058; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: solid 3px #ca5058; } #wrapper .block-title { color: #333333; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #333333; } #wrapper .block-title span { margin-right: 0.5rem; } #wrapper .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #a1a1a1; } #left-column .block, #right-column .block { border: none 1px; } #footer, #checkout-footer { background: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: none 1px #ffffff; background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #777777; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #777777; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #bd4e0f; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #777777; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #777777; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.3571428571rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #777777 !important; } #footer .block-title, #checkout-footer .block-title { color: #ffffff; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #ffffff; } #footer .block-title span, #checkout-footer .block-title span { margin-right: 0.5rem; } #footer .block-title:after, #checkout-footer .block-title:after { content: ""; display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: solid 1px #e3e3e3; } #footer-container-first { border-top: none 1px; padding-top: 2.1428571429rem; padding-bottom: 2.1428571429rem; background: #1f1f1f; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px; padding-top: 4.2857142857rem; padding-bottom: 3.2857142857rem; color: #c9c9c9; } #footer-container-main a, #checkout-footer a { color: #c9c9c9; } #footer-container-main a:hover, #checkout-footer a:hover { color: #ffffff; } #footer-copyrights { border-top: none 1px; background: #1f1f1f; padding-top: 1.0714285714rem; padding-bottom: 1.0714285714rem; } @media (max-width: 767px) { #footer .block-toggle { width: 100%; flex-basis: initial; } #footer .block-toggle > .block-title { cursor: pointer; } #footer .block-toggle > .block-title span::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-left: 10px; } #footer .block-toggle > .block-content { display: none; } #footer .block-toggle._toggled > .block-content { display: block; } #footer .block-toggle._toggled .block-title span::after { content: ""; } #footer .footer-style-inline .block-title { display: block !important; max-width: 100%; } #footer .footer-style-inline .block-content { display: block; width: 100%; margin-top: 1rem; } } #maintenance-page { background: #e3e3e3; color: #333333; } #maintenance-page a, #maintenance-page a:link { color: #333333; } /* FL-SHIP-B-V2-2026 */ /* Iteratie 7: etichete 1 rand, pozitie Easybox, green box ok, pip shadow */ .blockcart-content .iqitfreedeliverycount { display: none !important; } .fl-ship-b { background:#fdf8fc; border:1px solid #f0ddf0; border-radius:14px; padding:13px 14px 12px; margin:0 0 10px; font-family:Raleway,sans-serif; box-sizing:border-box; } .fl-ship-b-bar { position:relative; height:8px; background:#f0ddf0; border-radius:8px; overflow:visible; margin-bottom:6px; } .fl-ship-b-fill { position:absolute; top:0; left:0; height:8px; border-radius:8px; background:linear-gradient(90deg,#FF3399,#9933CC); transition:width .4s ease; max-width:100%; } .fl-ship-b-pip { position:absolute; top:50%; transform:translateY(-50%); width:12px; height:12px; border-radius:50%; background:#fff; border:2px solid #d0a0e0; z-index:2; transition:background .3s,border-color .3s; box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(153,51,204,0.2); } #fl-ship-b-pip1 { left:calc(76.6% - 6px); } #fl-ship-b-pip2 { left:calc(100% - 6px); } .fl-ship-b-pip--done { background:#9933CC !important; border-color:#9933CC !important; box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(153,51,204,0.35); } .fl-ship-b-milestones { position:relative; height:22px; margin-bottom:10px; } .fl-ship-b-m { position:absolute; font-size:11px; color:#555; white-space:nowrap; line-height:22px; font-weight:600; } .fl-ship-b-m:first-child { left:38.3%; transform:translateX(-50%); } .fl-ship-b-m:last-child { right:0; transform:translateX(0); } .fl-ship-b-msg { font-size:12.5px; line-height:1.45; color:#555; border-radius:8px; } .fl-ship-b-msg strong { font-weight:700; color:#FF3399; } .fl-ship-b-msg--low { color:#555; } .fl-ship-b-msg--mid { color:#7a2ba8; } .fl-ship-b-msg--ok { color:#1a6b38; font-weight:600; background:rgba(26,138,68,0.08); border:1px solid rgba(26,138,68,0.25); padding:7px 10px; } /* /FL-SHIP-B-V2-2026 */======================================== FOREVERLASH — CUSTOM CSS (MERGED) Ultima actualizare: 2026-05 Fișier rezultat din merge între: A) foreverlash-custom.css (v1 corectat) B) header-redesign.css (v1.1 — design nou) Regulă de precedență: în caz de conflict, (B) câștigă. Conflicte rezolvate sunt marcate cu [CONFLICT → NEW]. Organizare: 1. Variabile & culori brand 2. Layout global & ascunderi globale 3. Header — top bar (announcement) [NOU] 4. Header — zona principală (logo, icons) [NOU] 5. Header — bara de navigație desktop [NOU] 6. Header — iconițe Lucide (SVG CSS) [NOU] 7. Navigație mobilă — header [NOU] 8. Navigație mobilă — meniu panou [NOU] 9. Category scroll — pill menu mobile [NOU] 10. Butoane & CTA 11. Pagini CMS specifice (Black Friday etc.) 12. Listing produse & miniaturi 13. Pagina de produs — bloc reasigurare [NOU] 14. Pagina de produs — galerie arrows [NOU] 15. Pagina de produs — toggle descriere [NOU] 16. Pagina de produs — cantitate + coș [NOU] 17. Pagina de produs — wishlist mobil [NOU] 18. Pagina de produs — diverse 19. Checkout 20. Blog (SimpleBlog) 21. Module review-uri (GSnipreview) 22. Popup afiliat (ETS Affiliate Marketing) 23. GDPR 24. Media queries responsive (diverse) ============================================================ */ /* ============================================================ 1. VARIABILE & CULORI BRAND ============================================================ */ :root { /* Culori principale */ --fl-pink: #FF4470; --fl-pink-hover: #FF3399; --fl-pink-light: #ff77aa; --fl-purple: #9933CC; --fl-dark: #1A1A1A; /* Gradient-uri */ --fl-gradient: linear-gradient(135deg, #FF3399, #9933CC); --fl-gradient-h: linear-gradient(90deg, #FF4470 0%, #9933CC 100%); --fl-gradient-menu: linear-gradient(to right, #c026d3, #f472b6); /* Borduri */ --fl-border: rgba(255, 68, 112, 0.15); --fl-border-light: rgba(255, 68, 112, 0.12); } /* ============================================================ 2. LAYOUT GLOBAL & ASCUNDERI GLOBALE ============================================================ */ /* Header deasupra oricărui alt element */ #header { z-index: 10000 !important; } /* Titluri de bloc (widgeturi sidebar/homepage) */ #wrapper .block-title { color: #333; font-size: 1rem; font-style: normal; font-weight: normal; /* FIX: era "NORML" */ text-transform: none; margin-bottom: 0.1em; /* FIX: era "0.1 em" cu spațiu */ position: relative; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; width: unset; margin-bottom: auto !important; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #333; } #wrapper .block-title span { margin-right: 0.5rem; } #wrapper .block-title:after { display: none !important; } /* Ascunderi globale */ .block-newsletter { display: none !important; } .price-countdown-wrapper { display: none !important; } .cargus_tracking_block { display: none !important; } .ets_affiliatemarketing_product_message { display: none !important; } .aff_sponsor_box { display: none !important; } /* Diverse layout helpers */ .imagine-align-vertical img { vertical-align: middle; } .descriere-categorie { padding: 5px; border: 1px solid #eaeaea; } .block-links-inline ul { display: inline-block !important; line-height: 1.5em; height: 1.5em; overflow: hidden; } ul li p span { white-space: unset !important; } /* Ascunde bara de căutare suplimentară din shop */ #search_widget .col.col-auto.col-shop.pt-3.pb-3 { display: none; } /* ============================================================ 3. HEADER — TOP BAR (ANNOUNCEMENT) [NOU — din Header Redesign v1.1] ============================================================ */ #header .header-nav { background: var(--fl-gradient-h) !important; color: #ffffff !important; font-size: 0.75rem !important; font-weight: 500 !important; padding-top: 2px !important; padding-bottom: 2px !important; min-height: 28px; border-bottom: none !important; overflow: hidden; } #header .header-nav .container { padding-top: 0; padding-bottom: 0; } #header .header-nav .row { min-height: 28px; max-height: 32px; align-items: center !important; flex-wrap: nowrap; overflow: visible; } /* Left nav */ #header .header-nav .left-nav .social-links._topbar, #header .header-nav .left-nav .d-inline-block:first-child { display: none !important; } #header .header-nav .left-nav .block-iqitlinksmanager-3 { display: none !important; } #header .header-nav .left-nav ul { display: inline-flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; white-space: nowrap !important; } #header .header-nav .left-nav ul li { display: inline-block !important; white-space: nowrap; } #header .header-nav .left-nav ul li a { font-size: 0.72rem; color: rgba(255,255,255,0.88) !important; white-space: nowrap; display: inline-block; } /* Compresie left-nav block */ #header .header-nav .left-nav .block-iqitlinksmanager-2, #header .header-nav .left-nav .block-iqitlinksmanager-2 .d-inline-block { line-height: 28px !important; max-height: 32px; overflow: hidden; } /* Center nav — textul de anunț */ #header .header-nav .center-nav { text-align: center !important; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.03em; color: #ffffff; flex: 1 1 auto !important; display: flex !important; align-items: center; justify-content: center; min-height: 18px; } /* Textul injectat când elementul e gol (desktop) */ #header .header-nav .center-nav:empty::before { content: 'Transport gratuit Easybox peste 229 lei | Cadou surpriza la comenzi peste 100 lei!'; display: block; text-align: center; font-size: 0.72rem; font-weight: 600; color: #ffffff; letter-spacing: 0.03em; white-space: nowrap; } /* Right nav */ #header .header-nav .right-nav { white-space: nowrap; } #header .header-nav .right-nav a { font-size: 0.72rem; color: rgba(255,255,255,0.88) !important; white-space: nowrap !important; display: inline-flex !important; align-items: center; gap: 4px; } #header .header-nav .right-nav a:hover { color: #ffffff !important; } #header .header-nav .right-nav .d-inline-block { white-space: nowrap; display: inline-block !important; line-height: 28px !important; max-height: 32px; overflow: hidden; } /* Iconițe right-nav — mici și inline */ #header .header-nav .right-nav a i, #header .header-nav .right-nav a .fa { display: inline !important; font-size: 0.85rem !important; width: auto !important; height: auto !important; vertical-align: middle; } /* Separatoare verticale între elemente nav */ #header .header-nav .left-nav > div::after, #header .header-nav .right-nav > div::after { background-color: rgba(255,255,255,0.35) !important; height: 1em !important; width: 1px !important; margin-left: 0.4rem !important; margin-right: 0.4rem !important; } #header .header-nav .left-nav > div:last-child::after, #header .header-nav .right-nav > div:last-child::after { display: none !important; } /* ============================================================ 4. HEADER — ZONA PRINCIPALĂ (logo, butoane, coș) [NOU — din Header Redesign v1.1] [CONFLICT → NEW] Logo: vechi era height:85px/width:325px ============================================================ */ #header, #header.desktop-header-style-w-3 { background: #ffffff !important; border-bottom: none !important; } .header-top { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; border-bottom: 1px solid var(--fl-border) !important; background: #ffffff; min-height: 72px; } /* [CONFLICT → NEW] Logo desktop — max-height fluid în loc de px fix */ #desktop_logo .logo.img-fluid { max-height: 54px; width: auto; } #header .col-header-left { display: flex; align-items: center; min-width: 120px; } #header .col-header-right { display: flex; align-items: center; justify-content: flex-end; } #header .header-btn-w { padding: 0 0.45rem !important; } /* Iconițe din header — culoare și tranziție */ #header .header-top .header-btn-w .header-btn > .icon { font-size: 1.2rem !important; color: var(--fl-dark) !important; display: block; transition: color 0.2s ease; } #header .header-top .header-btn:hover > .icon, #header .header-top .header-btn:hover .fa { color: var(--fl-pink) !important; } /* Ascunde label-urile text de lângă iconițe */ #header .header-btn-w .header-btn .title { display: none !important; } /* Badge coș cumpărături */ #header .cart-products-count-btn, #header .ps-shoppingcart .cart-products-count-btn { background: var(--fl-pink) !important; color: #ffffff !important; border-radius: 50%; font-size: 0.58rem; min-width: 16px; height: 16px; line-height: 16px; font-weight: 700; } /* Header sticky */ .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff !important; box-shadow: 0 2px 12px rgba(255,68,112,0.08) !important; border-bottom: 1px solid var(--fl-border) !important; } /* Bara de căutare */ #header .search-widget .form-search-control, #header .search-widget input[type='text'] { border: 1px solid #FFD6E8 !important; border-radius: 20px; font-size: 0.8rem; } #header .search-widget .search-btn, #header .search-widget button[type='submit'] { background: var(--fl-pink) !important; color: #ffffff !important; border-radius: 0 20px 20px 0; border: none; } @media (min-width: 992px) { .header-top { min-height: 72px; } } /* ============================================================ 5. HEADER — BARA DE NAVIGAȚIE DESKTOP [NOU — din Header Redesign v1.1 + Desktop Nav Fix v2.1] [CONFLICT → NEW] Submeniu: vechi era #262626/border:0 nou este #1a1a1a/border-top roz ============================================================ */ #iqitmegamenu-wrapper, #iqitmegamenu-horizontal { background: #ffffff !important; border-top: 1px solid var(--fl-border-light) !important; border-bottom: 1px solid var(--fl-border-light) !important; } /* Link-uri principale din nav */ #cbp-hrmenu > ul > li > a, #cbp-hrmenu > ul > li > span.cbp-main-link, .cbp-hrmenu > ul > li[id^='cbp-hrmenu-tab-'] > a, .cbp-hrmenu > ul > li[id^='cbp-hrmenu-tab-'] > span.cbp-main-link { color: var(--fl-dark) !important; font-size: 0.72rem !important; font-weight: 600 !important; letter-spacing: 0.04em !important; /* FIX față de 0.07em — mai compact */ text-transform: uppercase !important; padding: 0 0.65rem !important; /* FIX față de 0.85rem — previne înghesuirea */ line-height: 44px !important; transition: color 0.2s ease, border-bottom-color 0.2s ease !important; border-bottom: 2px solid transparent !important; display: inline-block !important; max-width: none !important; /* FIX: elimină clipping pe "Academia FOREVERLASH" */ white-space: nowrap !important; } #cbp-hrmenu > ul > li > a:hover, #cbp-hrmenu > ul > li.cbp-hropen > a, .cbp-hrmenu > ul > li[id^='cbp-hrmenu-tab-'] > a:hover { color: var(--fl-pink) !important; border-bottom-color: var(--fl-pink) !important; } #cbp-hrmenu > ul > li { height: 44px !important; } /* [CONFLICT → NEW] Submeniu desktop — fundal închis cu accent roz */ .cbp-hrmenu .cbp-hrsub-inner { background: #1a1a1a !important; border-top: 2px solid var(--fl-pink) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; } .cbp-hrmenu ul.cbp-hrsub-level2 { background: #1a1a1a !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: var(--fl-pink) !important; } /* Previne ruperea titlurilor de tab pe 2 rânduri */ #iqitmegamenu-horizontal .cbp-hrmenu > ul > li > a .cbp-tab-title { white-space: nowrap; } /* Spațiu după tab "Academia ForeverLash" ATENȚIE: bazat pe index tab — verifică la reordonare meniu */ #iqitmegamenu-horizontal .cbp-hrmenu-tab-20 { margin-right: 20px; } /* Desktop nav fix v2.1 — flex centering */ @media (min-width: 992px) { /* Flexbox pe lista principală — centrează toate item-urile */ .cbp-horizontal > ul { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: stretch !important; list-style: none !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* Elimină float legacy de pe li */ .cbp-horizontal > ul > li { float: none !important; display: flex !important; align-items: center !important; /* FĂRĂ position:relative — păstrăm #cbp-hrmenu ca offset parent pentru dropdown */ } /* Fix poziție dropdown după schimbarea la flex 44px = înălțimea rândului nav (line-height din link-uri) */ .cbp-horizontal .cbp-hrsub { top: 44px !important; } /* Clearfix ghost cleanup */ #iqitmegamenu-horizontal.clearfix::after { display: none !important; } } /* ============================================================ 6. HEADER — ICONIȚE LUCIDE (SVG via background-image) [NOU — din Header Icons Modernization] Înlocuiește FontAwesome cu SVG outline modern. ============================================================ */ /* --- HAMBURGER (mobil) --- */ #header .col-mobile-btn-menu .fa-bars { font-size: 0 !important; width: 24px !important; height: 24px !important; display: inline-block !important; color: transparent !important; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20color%3D%22%231A1A1A%22%20fill%3D%22none%22%3E%3Cdefs%20%2F%3E%3Cpath%20fill%3D%22%231A1A1A%22%20d%3D%22M3.25%2C5%20C3.25%2C4.586%203.586%2C4.25%204%2C4.25%20L20%2C4.25%20C20.414%2C4.25%2020.75%2C4.586%2020.75%2C5%20C20.75%2C5.414%2020.414%2C5.75%2020%2C5.75%20L4%2C5.75%20C3.586%2C5.75%203.25%2C5.414%203.25%2C5%20Z%20M3.25%2C12%20C3.25%2C11.586%203.586%2C11.25%204%2C11.25%20L20%2C11.25%20C20.414%2C11.25%2020.75%2C11.586%2020.75%2C12%20C20.75%2C12.414%2020.414%2C12.75%2020%2C12.75%20L4%2C12.75%20C3.586%2C12.75%203.25%2C12.414%203.25%2C12%20Z%20M4%2C18.25%20L20%2C18.25%20C20.414%2C18.25%2020.75%2C18.586%2020.75%2C19%20C20.75%2C19.414%2020.414%2C19.75%2020%2C19.75%20L4%2C19.75%20C3.586%2C19.75%203.25%2C19.414%203.25%2C19%20C3.25%2C18.586%203.586%2C18.25%204%2C18.25%20Z%22%20%2F%3E%3C%2Fsvg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } #header .col-mobile-btn-menu .fa-bars::before { display: none !important; content: none !important; } /* --- SEARCH (mobil) --- */ #header #mobile-btn-search .m-nav-btn .fa-search { font-size: 0 !important; width: 24px !important; height: 24px !important; display: inline-block !important; color: transparent !important; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20color%3D%22%231A1A1A%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.25146%2011C2.25146%2015.82%206.18146%2019.75%2011.0015%2019.75C13.1411%2019.75%2015.1053%2018.9756%2016.6283%2017.6927L20.4709%2021.5354C20.6209%2021.6854%2020.8109%2021.7553%2021.0009%2021.7553C21.1909%2021.7553%2021.381%2021.6854%2021.531%2021.5354C21.821%2021.2454%2021.821%2020.7653%2021.531%2020.4753L17.6888%2016.6331C18.9749%2015.1093%2019.7515%2013.1426%2019.7515%2011C19.7515%206.18%2015.8215%202.25%2011.0015%202.25C6.18146%202.25%202.25146%206.18%202.25146%2011ZM3.75146%2011C3.75146%207%207.00146%203.75%2011.0015%203.75C15.0015%203.75%2018.2515%207%2018.2515%2011C18.2515%2015%2015.0015%2018.25%2011.0015%2018.25C7.00146%2018.25%203.75146%2015%203.75146%2011Z%22%20fill%3D%22%231A1A1A%22%20%2F%3E%3C%2Fsvg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } #header #mobile-btn-search .m-nav-btn .fa-search::before { display: none !important; content: none !important; } /* --- ACCOUNT (mobil) --- */ #header .col-mobile-btn-account .m-nav-btn .fa-user { font-size: 0 !important; width: 24px !important; height: 24px !important; display: inline-block !important; color: transparent !important; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20color%3D%22%231A1A1A%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M19%2021.25C19.4142%2021.25%2019.75%2020.9142%2019.75%2020.5C19.75%2017.3026%2017.8128%2014.5593%2015.0488%2013.375C16.6709%2012.3584%2017.75%2010.5555%2017.75%208.5C17.75%205.32436%2015.1756%202.75%2012%202.75C8.82436%202.75%206.25%205.32436%206.25%208.5C6.25%2010.5552%207.32849%2012.3583%208.9502%2013.375C6.18662%2014.5595%204.25%2017.3029%204.25%2020.5C4.25%2020.9142%204.58579%2021.25%205%2021.25C5.41421%2021.25%205.75%2020.9142%205.75%2020.5C5.75%2017.0482%208.54822%2014.25%2012%2014.25C15.4518%2014.25%2018.25%2017.0482%2018.25%2020.5C18.25%2020.9142%2018.5858%2021.25%2019%2021.25ZM12%2012.75C9.65279%2012.75%207.75%2010.8472%207.75%208.5C7.75%206.15279%209.65279%204.25%2012%204.25C14.3472%204.25%2016.25%206.15279%2016.25%208.5C16.25%2010.8472%2014.3472%2012.75%2012%2012.75Z%22%20fill%3D%22%231A1A1A%22%20%2F%3E%3C%2Fsvg%3E") !important; background-size: 110% 110% !important; background-position: center !important; } #header .col-mobile-btn-account .m-nav-btn .fa-user::before { display: none !important; content: none !important; } /* --- CART (mobil) --- */ #header .col-mobile-btn-cart .mobile-bag-icon { font-size: 0 !important; width: 26px !important; height: 26px !important; display: inline-block !important; color: transparent !important; vertical-align: middle; position: relative !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20color%3D%22%231A1A1A%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%201.75C14.0711%201.75%2015.75%203.42893%2015.75%205.5V6.75586C16.112%206.76183%2016.4356%206.77453%2016.7207%206.80859C17.2382%206.87048%2017.7119%207.00499%2018.1309%207.33203C18.5499%207.65917%2018.7959%208.08609%2018.9814%208.57324C19.1598%209.04144%2019.308%209.63809%2019.4854%2010.3477L21.6748%2019.1055C21.7249%2019.306%2021.75%2019.512%2021.75%2019.7188C21.75%2021.1165%2020.6165%2022.25%2019.2188%2022.25H4.78125C3.38354%2022.25%202.25%2021.1165%202.25%2019.7188C2.25004%2019.512%202.27507%2019.306%202.3252%2019.1055L4.51465%2010.3477C4.69204%209.63809%204.84023%209.04144%205.01855%208.57324C5.20414%208.08609%205.45015%207.65917%205.86914%207.33203C6.28809%207.00499%206.76176%206.87048%207.2793%206.80859C7.56438%206.77453%207.888%206.76183%208.25%206.75586V5.5C8.25%203.42893%209.92893%201.75%2012%201.75ZM9.12305%208.25C8.3549%208.25%207.84501%208.25146%207.45703%208.29785C7.08906%208.34185%206.91552%208.4182%206.79199%208.51465C6.66858%208.61105%206.5527%208.76065%206.4209%209.10645C6.28178%209.47161%206.15605%209.96664%205.96973%2010.7119L3.78125%2019.4688C3.76085%2019.5504%203.75004%2019.6346%203.75%2019.7188C3.75%2020.288%204.21197%2020.75%204.78125%2020.75H14.4775C14.3329%2020.4302%2014.2501%2020.076%2014.25%2019.7021C14.25%2019.5122%2014.2714%2019.322%2014.3135%2019.1367L16.7676%208.33398C16.7018%208.32059%2016.6276%208.30797%2016.543%208.29785C16.155%208.25146%2015.6451%208.25%2014.877%208.25H9.12305ZM15.7764%2019.4697C15.7591%2019.5458%2015.75%2019.6241%2015.75%2019.7021C15.7502%2020.2808%2016.2192%2020.7498%2016.7979%2020.75H19.2188C19.788%2020.75%2020.25%2020.288%2020.25%2019.7188C20.25%2019.6346%2020.2392%2019.5504%2020.2188%2019.4688L18.0303%2010.7119C17.9805%2010.5129%2017.9322%2010.3326%2017.8896%2010.167L15.7764%2019.4697ZM12.5%209.75C12.9142%209.75%2013.25%2010.0858%2013.25%2010.5C13.25%2010.9142%2012.9142%2011.25%2012.5%2011.25H10C9.58579%2011.25%209.25%2010.9142%209.25%2010.5C9.25%2010.0858%209.58579%209.75%2010%209.75H12.5ZM12%203.25C10.7574%203.25%209.75%204.25736%209.75%205.5V6.75H14.25V5.5C14.25%204.25736%2013.2426%203.25%2012%203.25Z%22%20fill%3D%22%231A1A1A%22%20%2F%3E%3C%2Fsvg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } #header .col-mobile-btn-cart .mobile-bag-icon::before { display: none !important; content: none !important; } /* --- SEARCH (desktop) --- */ #header .header-search-btn .fa.fa-search.icon, #header .header-search-btn .fa.icon.fa-search { font-size: 0 !important; width: 22px !important; height: 22px !important; display: inline-block !important; color: transparent !important; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20color%3D%22%231A1A1A%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.25146%2011C2.25146%2015.82%206.18146%2019.75%2011.0015%2019.75C13.1411%2019.75%2015.1053%2018.9756%2016.6283%2017.6927L20.4709%2021.5354C20.6209%2021.6854%2020.8109%2021.7553%2021.0009%2021.7553C21.1909%2021.7553%2021.381%2021.6854%2021.531%2021.5354C21.821%2021.2454%2021.821%2020.7653%2021.531%2020.4753L17.6888%2016.6331C18.9749%2015.1093%2019.7515%2013.1426%2019.7515%2011C19.7515%206.18%2015.8215%202.25%2011.0015%202.25C6.18146%202.25%202.25146%206.18%202.25146%2011ZM3.75146%2011C3.75146%207%207.00146%203.75%2011.0015%203.75C15.0015%203.75%2018.2515%207%2018.2515%2011C18.2515%2015%2015.0015%2018.25%2011.0015%2018.25C7.00146%2018.25%203.75146%2015%203.75146%2011Z%22%20fill%3D%22%231A1A1A%22%20%2F%3E%3C%2Fsvg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } #header .header-search-btn .fa.fa-search.icon::before { display: none !important; content: none !important; } /* --- ACCOUNT (desktop) --- */ #header .header-user-btn .fa.fa-user.icon, #header .header-user-btn .fa.icon.fa-user { font-size: 0 !important; width: 22px !important; height: 22px !important; display: inline-block !important; color: transparent !important; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20color%3D%22%231A1A1A%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M19%2021.25C19.4142%2021.25%2019.75%2020.9142%2019.75%2020.5C19.75%2017.3026%2017.8128%2014.5593%2015.0488%2013.375C16.6709%2012.3584%2017.75%2010.5555%2017.75%208.5C17.75%205.32436%2015.1756%202.75%2012%202.75C8.82436%202.75%206.25%205.32436%206.25%208.5C6.25%2010.5552%207.32849%2012.3583%208.9502%2013.375C6.18662%2014.5595%204.25%2017.3029%204.25%2020.5C4.25%2020.9142%204.58579%2021.25%205%2021.25C5.41421%2021.25%205.75%2020.9142%205.75%2020.5C5.75%2017.0482%208.54822%2014.25%2012%2014.25C15.4518%2014.25%2018.25%2017.0482%2018.25%2020.5C18.25%2020.9142%2018.5858%2021.25%2019%2021.25ZM12%2012.75C9.65279%2012.75%207.75%2010.8472%207.75%208.5C7.75%206.15279%209.65279%204.25%2012%204.25C14.3472%204.25%2016.25%206.15279%2016.25%208.5C16.25%2010.8472%2014.3472%2012.75%2012%2012.75Z%22%20fill%3D%22%231A1A1A%22%20%2F%3E%3C%2Fsvg%3E") !important; background-size: 110% 110% !important; background-position: center !important; } #header .header-user-btn .fa.fa-user.icon::before { display: none !important; content: none !important; } /* --- CART (desktop) --- */ #header .header-cart-btn .fa.fa-shopping-bag.icon, #header .header-cart-btn .fa.icon.fa-shopping-bag { font-size: 0 !important; width: 22px !important; height: 22px !important; display: inline-block !important; color: transparent !important; vertical-align: middle; position: relative !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20color%3D%22%231A1A1A%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%201.75C14.0711%201.75%2015.75%203.42893%2015.75%205.5V6.75586C16.112%206.76183%2016.4356%206.77453%2016.7207%206.80859C17.2382%206.87048%2017.7119%207.00499%2018.1309%207.33203C18.5499%207.65917%2018.7959%208.08609%2018.9814%208.57324C19.1598%209.04144%2019.308%209.63809%2019.4854%2010.3477L21.6748%2019.1055C21.7249%2019.306%2021.75%2019.512%2021.75%2019.7188C21.75%2021.1165%2020.6165%2022.25%2019.2188%2022.25H4.78125C3.38354%2022.25%202.25%2021.1165%202.25%2019.7188C2.25004%2019.512%202.27507%2019.306%202.3252%2019.1055L4.51465%2010.3477C4.69204%209.63809%204.84023%209.04144%205.01855%208.57324C5.20414%208.08609%205.45015%207.65917%205.86914%207.33203C6.28809%207.00499%206.76176%206.87048%207.2793%206.80859C7.56438%206.77453%207.888%206.76183%208.25%206.75586V5.5C8.25%203.42893%209.92893%201.75%2012%201.75ZM9.12305%208.25C8.3549%208.25%207.84501%208.25146%207.45703%208.29785C7.08906%208.34185%206.91552%208.4182%206.79199%208.51465C6.66858%208.61105%206.5527%208.76065%206.4209%209.10645C6.28178%209.47161%206.15605%209.96664%205.96973%2010.7119L3.78125%2019.4688C3.76085%2019.5504%203.75004%2019.6346%203.75%2019.7188C3.75%2020.288%204.21197%2020.75%204.78125%2020.75H14.4775C14.3329%2020.4302%2014.2501%2020.076%2014.25%2019.7021C14.25%2019.5122%2014.2714%2019.322%2014.3135%2019.1367L16.7676%208.33398C16.7018%208.32059%2016.6276%208.30797%2016.543%208.29785C16.155%208.25146%2015.6451%208.25%2014.877%208.25H9.12305ZM15.7764%2019.4697C15.7591%2019.5458%2015.75%2019.6241%2015.75%2019.7021C15.7502%2020.2808%2016.2192%2020.7498%2016.7979%2020.75H19.2188C19.788%2020.75%2020.25%2020.288%2020.25%2019.7188C20.25%2019.6346%2020.2392%2019.5504%2020.2188%2019.4688L18.0303%2010.7119C17.9805%2010.5129%2017.9322%2010.3326%2017.8896%2010.167L15.7764%2019.4697ZM12.5%209.75C12.9142%209.75%2013.25%2010.0858%2013.25%2010.5C13.25%2010.9142%2012.9142%2011.25%2012.5%2011.25H10C9.58579%2011.25%209.25%2010.9142%209.25%2010.5C9.25%2010.0858%209.58579%209.75%2010%209.75H12.5ZM12%203.25C10.7574%203.25%209.75%204.25736%209.75%205.5V6.75H14.25V5.5C14.25%204.25736%2013.2426%203.25%2012%203.25Z%22%20fill%3D%22%231A1A1A%22%20%2F%3E%3C%2Fsvg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } #header .header-cart-btn .fa.fa-shopping-bag.icon::before { display: none !important; content: none !important; } /* --- WISHLIST/HEART (top bar desktop) --- */ #header .right-nav [href*="wishlist"] .fa-heart-o, #header .right-nav [href*="wishlist"] .fa-heart { font-size: 0 !important; width: 20px !important; height: 20px !important; display: inline-block !important; color: transparent !important; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } #header .right-nav [href*="wishlist"] .fa-heart-o::before { display: none !important; content: none !important; } /* --- HOVER STATES — iconițe SVG roz la hover --- */ #header .col-mobile-btn-menu .m-nav-btn:hover .fa-bars, #header .col-mobile-btn-menu .m-nav-btn:active .fa-bars { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3399' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3C/svg%3E") !important; } #header #mobile-btn-search .m-nav-btn:hover .fa-search, #header #mobile-btn-search .m-nav-btn:active .fa-search { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3399' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") !important; } #header .col-mobile-btn-account .m-nav-btn:hover .fa-user, #header .col-mobile-btn-account .m-nav-btn:active .fa-user { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3399' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 1 0-16 0'/%3E%3C/svg%3E") !important; } #header .col-mobile-btn-cart .m-nav-btn:hover .mobile-bag-icon, #header .col-mobile-btn-cart .m-nav-btn:active .mobile-bag-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3399' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") !important; } #header .header-search-btn:hover .fa-search.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3399' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") !important; } #header .header-user-btn:hover .fa-user.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3399' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 1 0-16 0'/%3E%3C/svg%3E") !important; } #header .header-cart-btn:hover .fa-shopping-bag.icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3399' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") !important; } #header .right-nav [href*="wishlist"]:hover .fa-heart-o { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF3399' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") !important; } /* --- BADGE COȘ — poziționat absolut peste icoană --- */ #header .col-mobile-btn-cart .mobile-bag-icon #mobile-cart-products-count, #header .col-mobile-btn-cart .mobile-bag-icon .cart-products-count-btn { position: absolute !important; top: -5px !important; right: -6px !important; z-index: 3 !important; background-color: var(--fl-pink-hover) !important; color: #ffffff !important; font-size: 9px !important; font-weight: 600 !important; min-width: 16px !important; height: 16px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; padding: 0 3px !important; font-family: inherit !important; } #header .header-cart-btn .fa.fa-shopping-bag.icon .cart-products-count-btn { position: absolute !important; top: -5px !important; right: -6px !important; z-index: 3 !important; background-color: var(--fl-pink-hover) !important; color: #ffffff !important; font-size: 8px !important; font-weight: 600 !important; min-width: 16px !important; height: 16px !important; border-radius: 50% !important; line-height: 1 !important; padding: 1px 4px !important; } /* --- TAP TARGETS (mobil) — minim 44×44px --- */ #header .col-mobile-btn-menu .m-nav-btn, #header #mobile-btn-search .m-nav-btn, #header .col-mobile-btn-account .m-nav-btn, #header .col-mobile-btn-cart .m-nav-btn { min-width: 44px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* ============================================================ 7. NAVIGAȚIE MOBILĂ — HEADER [NOU — din Mobile Header Fix v1.0] [CONFLICT → NEW] Logo mobil: vechi era height:38px fix ============================================================ */ #mobile-header, #mobile-header-sticky { background: #ffffff !important; border-bottom: 1px solid var(--fl-border) !important; } #mobile-header .mobile-main-bar { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 56px !important; display: flex !important; align-items: center !important; } /* [CONFLICT → NEW] Logo mobil — max-height fluid */ #mobile-header .col-mobile-logo a img { max-height: 40px !important; width: auto !important; max-width: 140px !important; display: block !important; } /* Iconițe de navigație mobilă */ #mobile-header .m-nav-btn { color: var(--fl-dark) !important; font-size: 1.1rem; } #mobile-header .m-nav-btn:hover { color: var(--fl-pink) !important; } /* Badge coș mobil */ #mobile-header .mobile-bag-icon .cart-products-count-btn, #mobile-header .cart-products-count-btn { background: var(--fl-pink) !important; color: #ffffff !important; } /* Sticky header shadow */ #mobile-header-sticky.stuck { box-shadow: 0 2px 12px rgba(255,68,112,0.1) !important; } @media (max-width: 991px) { /* Fix culori iconițe — specificity 2 ID-uri pentru a bate custom.css */ #mobile-header #mobile-header-sticky .m-nav-btn, #mobile-header #mobile-header-sticky .m-nav-btn i, #mobile-header #mobile-header-sticky .m-nav-btn .fa { color: var(--fl-dark) !important; } #mobile-header #mobile-header-sticky .m-nav-btn:hover, #mobile-header #mobile-header-sticky .m-nav-btn:hover i, #mobile-header #mobile-header-sticky .m-nav-btn:hover .fa { color: var(--fl-pink) !important; } /* Container — padding compact */ #mobile-header .container { padding-left: 8px !important; padding-right: 8px !important; } /* Row — container pentru logo absolut */ #mobile-header .row-mobile-header { position: relative !important; flex-wrap: nowrap !important; align-items: center !important; min-height: 56px !important; width: 100% !important; } /* Logo — absolut centrat, independent de lățimea iconițelor */ #mobile-header .col-mobile-logo { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; flex: 0 0 auto !important; width: auto !important; max-width: 160px !important; text-align: center !important; z-index: 1 !important; pointer-events: auto !important; } #mobile-header .col-mobile-logo a { display: block !important; line-height: 0 !important; } /* Coloane iconițe — nu cresc */ #mobile-header .col-mobile-btn { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; position: relative !important; z-index: 2 !important; } /* Account/cart împins la dreapta */ #mobile-header .col-mobile-btn-account { margin-left: auto !important; } /* Butoane nav — tap target consistent */ #mobile-header .m-nav-btn { padding: 10px 8px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 36px !important; min-height: 36px !important; } /* Iconițe — dimensiune uniformă */ #mobile-header .m-nav-btn > i.fa, #mobile-header .m-nav-btn > i { font-size: 1.25rem !important; line-height: 1 !important; } /* Ascunde label-urile text (Meniu, Cauta, Autentificare, Cos) */ #mobile-header .m-nav-btn > span:not(.cart-products-count-btn):not(.cart-products-count) { display: none !important; } /* Badge coș — poziționat absolut */ #mobile-header .col-mobile-btn-cart .m-nav-btn { position: relative !important; overflow: visible !important; } #mobile-header .col-mobile-btn-cart .cart-products-count-btn, #mobile-header .mobile-bag-icon .cart-products-count-btn { background: var(--fl-pink) !important; color: #ffffff !important; position: absolute !important; top: 2px !important; right: 0px !important; min-width: 16px !important; height: 16px !important; font-size: 9px !important; line-height: 16px !important; border-radius: 50% !important; font-weight: 700 !important; text-align: center !important; padding: 0 3px !important; } /* Top bar mobil — text announcement mereu vizibil (bypass :empty — elementul conține comentarii HTML, nu e cu adevărat gol) */ #header .header-nav .center-nav::before { content: 'Transport gratuit la comenzi peste 229 lei'; display: block !important; text-align: center; font-size: 0.72rem; font-weight: 600; color: #ffffff; letter-spacing: 0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; line-height: 1.4; } #header .header-nav .center-nav { min-height: 18px; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; padding: 3px 8px !important; flex: 0 0 100% !important; max-width: 100% !important; } /* Ascunde left/right nav pe mobile — doar centrul vizibil */ #header .header-nav .left-nav, #header .header-nav .right-nav { display: none !important; } #header .header-nav { min-height: 28px !important; height: auto !important; overflow: visible !important; padding-top: 4px !important; padding-bottom: 4px !important; } #header .header-nav .container { padding-top: 0 !important; padding-bottom: 0 !important; } #header .header-nav .row { min-height: 28px !important; flex-wrap: nowrap !important; align-items: center !important; } } /* ============================================================ 8. NAVIGAȚIE MOBILĂ — PANOU MENIU [NOU — din Mobile Menu Premium Redesign] [CONFLICT → NEW] Înlocuiește #iqitmegamenu-mobile a { text-transform:uppercase } din versiunea veche — noul design controlează per item ============================================================ */ /* Evidențiere specială pentru categorii din meniu mobil ATENȚIE: href hardcodat — actualizează dacă se schimbă URL-urile TODO: clasă comună .menu-highlight aplicată din admin */ .mobile-menu__tab a[href="https://foreverlash.ro/how-to"], .mobile-menu__tab a[href="https://foreverlash.ro/categorie-produs/manichiura/unghii-press-on-soft-gel/"] { background: var(--fl-gradient-menu); color: #ffffff !important; text-transform: none !important; border-radius: 0; display: block; white-space: nowrap; font-size: 1.4rem !important; } .mobile-menu__tab a[href="https://foreverlash.ro/how-to"]::before, .mobile-menu__tab a[href="https://foreverlash.ro/categorie-produs/manichiura/unghii-press-on-soft-gel/"]::before { content: ''; display: inline-block; width: 12px; } @media (max-width: 991px) { /* Panou meniu — fundal roz-pal, shadow subtil */ #iqitmegamenu-mobile { background: #fdf8fc !important; border-right: 1px solid #f0ddf0 !important; box-shadow: 4px 0 24px rgba(180,80,160,0.10) !important; max-width: 300px !important; overflow-x: hidden !important; } /* Header panou */ #iqitmegamenu-mobile .mm-panel__header { background: #fdf8fc !important; border-bottom: 1px solid #f0ddf0 !important; padding: 10px 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 60px !important; } #iqitmegamenu-mobile .mm-panel__header::before { content: '' !important; display: block !important; width: 150px !important; height: 42px !important; background-image: url('https://dev.foreverlash.ro/img/foreverlash-logo-1613384620.jpg') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: left center !important; flex-shrink: 0 !important; } #iqitmegamenu-mobile .mobile-menu__header { flex: 1 !important; min-width: 0 !important; display: flex !important; align-items: center !important; } #iqitmegamenu-mobile .mobile-menu__back-btn { color: #d4489e !important; font-size: 1.0rem !important; font-weight: 600 !important; padding: 4px 0 !important; background: transparent !important; border: none !important; } #iqitmegamenu-mobile .mobile-menu__back-btn .fa-angle-left { color: #d4489e !important; } #iqitmegamenu-mobile .mobile-menu__title { color: #1a1a1a !important; font-size: 1.0rem !important; font-weight: 700 !important; } /* Buton închidere */ #iqitmegamenu-mobile .mobile-menu__close { color: #333333 !important; background: transparent !important; border: none !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; font-size: 1.2rem !important; transition: background 0.2s ease, color 0.2s ease !important; flex-shrink: 0 !important; } #iqitmegamenu-mobile .mobile-menu__close:hover, #iqitmegamenu-mobile .mobile-menu__close:focus { background: #f5e6f5 !important; color: #d4489e !important; outline: none !important; } /* Scroller */ #iqitmegamenu-mobile .mobile-menu__scroller { background: #fdf8fc !important; padding: 4px 0 16px !important; max-width: 300px !important; overflow-x: hidden !important; } #iqitmegamenu-mobile .mobile-menu__content { max-width: 300px !important; overflow-x: hidden !important; } #iqitmegamenu-mobile .mobile-menu__content::-webkit-scrollbar { width: 3px !important; } #iqitmegamenu-mobile .mobile-menu__content::-webkit-scrollbar-thumb { background-color: #f0ddf0 !important; border-radius: 4px !important; } /* Item-uri top-level */ #iqitmegamenu-mobile .mobile-menu__tab { border-bottom: 1px solid #f0ddf0 !important; min-height: 0 !important; background: transparent !important; } #iqitmegamenu-mobile .mobile-menu__tab:last-child { border-bottom: none !important; } #iqitmegamenu-mobile .mobile-menu__link { color: #1a1a1a !important; font-size: 0.97rem !important; font-weight: 600 !important; padding: 14px 4px 14px 16px !important; letter-spacing: 0.01em !important; } #iqitmegamenu-mobile .mobile-menu__link:hover { color: #d4489e !important; } #iqitmegamenu-mobile .mobile-menu__arrow { color: #d4489e !important; font-size: 1.2rem !important; padding: 14px 16px 14px 0 !important; transition: color 0.2s ease, transform 0.25s ease !important; display: flex !important; align-items: center !important; } /* Submeniu card */ #iqitmegamenu-mobile .mobile-menu__submenu, #iqitmegamenu-mobile .mobile-menu__submenu--accordion { background: transparent !important; border: none !important; padding-left: 0 !important; } #iqitmegamenu-mobile .mobile-menu__tab > ul.mobile-menu__submenu--accordion { background: #ffffff !important; border: 1.5px solid #f0ddf0 !important; border-radius: 10px !important; margin: 0 12px 12px 12px !important; padding: 2px 0 !important; overflow: hidden !important; box-shadow: 0 2px 10px rgba(212,72,158,0.07) !important; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { border-bottom: 1px solid #f9eef9 !important; min-height: 0 !important; background: transparent !important; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab:last-child { border-bottom: none !important; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #444444 !important; font-size: 0.88rem !important; font-weight: 500 !important; padding: 11px 0 11px 20px !important; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link:hover { color: #d4489e !important; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__arrow { color: #d4489e !important; font-size: 1.1rem !important; padding: 11px 16px 11px 0 !important; } /* Footer panou */ #iqitmegamenu-mobile .mobile-menu__footer { background: #fdf8fc !important; border-top: 1px solid #f0ddf0 !important; color: #555555 !important; font-size: 0.875rem !important; } #iqitmegamenu-mobile .mobile-menu__footer a, #iqitmegamenu-mobile .mobile-menu__language-selector, #iqitmegamenu-mobile .mobile-menu__currency-selector { color: #555555 !important; } #iqitmegamenu-mobile .mobile-menu__footer a:hover { color: #d4489e !important; } /* Badge-uri legendă */ #iqitmegamenu-mobile .mobile-menu__legend { background-color: #d4489e !important; color: #ffffff !important; border-radius: 4px !important; font-size: 0.68rem !important; font-weight: 700 !important; } /* Backdrop overlay (la dreapta panoului) */ #fl-mobile-menu-backdrop { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 300px !important; right: 0 !important; background: rgba(20,5,20,0.45) !important; z-index: 5004 !important; pointer-events: auto !important; cursor: pointer !important; } } /* ============================================================ 9. CATEGORY SCROLL — PILL MENU MOBILE [NOU — din FL Category Scroll] Vizibil doar pe mobile (max-width: 991px) ============================================================ */ /* Ascuns pe desktop */ .elementor-element-cqm7v4h, .fl-category-scroll { display: none; } .elementor-element-cqm7v4h .elementor-column-wrap, .elementor-element-cqm7v4h .elementor-widget-container, .elementor-element-cqm7v4h .elementor-widget-text-editor { padding: 0 !important; margin: 0 !important; } @media (max-width: 991px) { .elementor-element-cqm7v4h { display: block !important; } .elementor-element-cqm7v4h .elementor-column-wrap, .elementor-element-cqm7v4h .elementor-widget-container, .elementor-element-cqm7v4h .elementor-widget-text-editor { padding: 0 !important; margin: 0 !important; } .fl-category-scroll { display: block; width: 100%; background: #ffffff; padding: 10px 0 6px 0; position: relative; z-index: 10; -webkit-mask-image: linear-gradient(to right, #000 88%, transparent 100%); mask-image: linear-gradient(to right, #000 88%, transparent 100%); overflow: hidden; } .fl-cat-track { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 8px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding: 4px 16px 8px 16px; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-x: contain; box-sizing: border-box; } .fl-cat-track::-webkit-scrollbar { display: none; } .fl-cat-pill { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; min-height: 44px; padding: 0 13px; border-radius: 999px; background: #ffffff; border: 1.5px solid #E8DDE8; color: #1A1A1A; text-decoration: none; font-size: 13px; font-weight: 500; font-family: inherit; line-height: 1.2; transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease; box-sizing: border-box; -webkit-tap-highlight-color: transparent; cursor: pointer; } .fl-cat-pill:hover, .fl-cat-pill:active { background: #FFF5FA !important; border-color: var(--fl-pink-hover) !important; color: #CC1A77 !important; text-decoration: none !important; } .fl-cat-pill--active { background: #FFF5FA; border-color: var(--fl-pink-hover); color: #CC1A77; } .fl-cat-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex-shrink: 0; color: inherit; } .fl-cat-icon svg { width: 18px; height: 18px; display: block; } .fl-cat-label { white-space: nowrap; font-size: 13px; line-height: 1; font-family: inherit; } .fl-cat-badge { display: inline-flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; line-height: 1; letter-spacing: 0.04em; padding: 2.5px 5.5px; border-radius: 999px; background: var(--fl-pink-hover); color: #ffffff; flex-shrink: 0; text-transform: uppercase; font-family: inherit; } .fl-cat-badge--promo { background: var(--fl-purple); } } /* ============================================================ 10. BUTOANE & CTA ============================================================ */ /* Buton primar — gradient brand, pilulă */ .btn-primary, button.ask_a_question, button#faq_send_mail, .page-index .elementor-button { background: var(--fl-gradient); border-radius: 100vw; border: 2px solid var(--fl-pink); } /* Hover — inversare alb/roz */ .btn-primary:hover, button.ask_a_question:hover, button#faq_send_mail:hover, .page-index .elementor-button:hover { background: white; background-color: white !important; border-radius: 100vw; border: 2px solid var(--fl-pink); color: var(--fl-pink) !important; } /* Butoane review */ .btn-primary-spmgsnipreview, #footer-add-review-form-review .btn { background-color: var(--fl-pink) !important; border-color: var(--fl-pink) !important; color: #fff !important; border-radius: 100vw; } #footer-add-review-form-review .btn-success, .spr-review-footer .btn-success { background-color: var(--fl-pink) !important; border-color: var(--fl-pink) !important; color: #fff !important; border-radius: 100vw; } #footer-add-review-form-review .btn-danger, .spr-review-footer .btn-danger { background-color: white; border: 2px solid var(--fl-pink) !important; color: black; border-radius: 100vw; } /* Buton selectare locker */ #showLockerMap { display: inline-flex !important; align-items: center; justify-content: center; padding: 12px 20px !important; min-height: 44px; border: 1px solid #000 !important; background: #000 !important; color: #fff !important; font-size: 14px; font-weight: 600; line-height: 1.2; text-transform: uppercase; text-decoration: none !important; border-radius: 5px; cursor: pointer; transition: all 0.2s ease; box-shadow: none !important; margin-bottom: 20px !important; } #showLockerMap:hover, #showLockerMap:focus { background: #333 !important; border-color: #333 !important; color: #fff !important; text-decoration: none !important; outline: none !important; } #showLockerMap:active { background: #111 !important; border-color: #111 !important; transform: translateY(1px); } #showLockerMap.button-exclusive, #showLockerMap.btn, #showLockerMap.btn-default { padding-left: 22px !important; background-image: none !important; } /* Buton "Continuă ca oaspete" */ button#btn-register-guest { --bs-btn-bg: var(--bs-primary); --bs-btn-color: var(--bs-color-primary); --bs-btn-border-color: var(--bs-border-primary); --bs-btn-hover-bg: var(--bs-primary-hover); --bs-btn-hover-color: var(--bs-color-primary-hover); --bs-btn-hover-border-color: var(--bs-border-primary-hover); --bs-btn-active-color: var(--bs-color-primary); --bs-btn-active-bg: var(--bs-primary); --bs-btn-active-border-color: var(--bs-border-primary); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-primary, 0.5); --bs-btn-disabled-border-color: var(--bs-border-primary, 0.5); } /* ============================================================ 11. PAGINI CMS SPECIFICE ============================================================ */ /* --- Black Friday (cms-id-18) --- */ .cms-id-18 #main > header > h1, .cms-id-18 #wrapper .breadcrumb { display: none !important; } .cms-id-18 #wrapper { background-color: #000000; color: white; background-image: url("/img/cms/Black-Friday-fundal-1455x300-DESKTOP.jpg") !important; background-repeat: repeat; } .cms-id-18 h2 a { color: var(--fl-pink) !important; } .cms-id-18 h3.h3.product-title a { color: white !important; } .cms-id-18 .swiper-pagination-bullet { background: white; } .cms-id-18 .reviews_list_stars { background: none; } @media screen and (max-width: 1199px) { .cms-id-18 a.elementor-button-link.elementor-button.btn.elementor-size-small.btn-primary.btn-traditional, .cms-id-18 a.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-primary.btn-traditional { margin-top: 20px; } } /* --- Pagina produse obișnuite (cms-id-20) --- */ .cms-id-20 h3.h3.product-title a { color: black !important; } /* --- Alte pagini CMS: ascundere h1/breadcrumb --- */ .cms-id-22 h1.h1.page-title, .cms-id-24 h1.h1.page-title, .cms-id-24 .breadcrumb, .cms-id-27 #main > header > h1, .cms-id-27 .breadcrumb, .cms-id-36 .breadcrumb, .cms-id-36 .page-header { display: none !important; } /* ============================================================ 12. LISTING PRODUSE & MINIATURI ============================================================ */ /* Titluri produs — fără uppercase */ .product-miniature h3.product-title a { text-transform: none !important; } /* Pachete gene — galerie fără acțiuni */ .pachet-gene .product-price-and-shipping, .pachet-gene .product-add-cart, .pachet-gene .product-flags { display: none; } .pachet-gene .product-title a { font-size: 0.9rem !important; } .pachet-gene .products.row { margin: 0; } .pachet-gene .products.row > .col, .pachet-gene .products.row > [class*="col-"] { padding: 0 16px 0 16px; } /* Sticker-e promoționale (FMM) — max 60px */ #category .fmm_sticker_base_span img, #index .fmm_sticker_base_span img, #module-iqitsearch-searchiqit .fmm_sticker_base_span img, #product .category-products .fmm_sticker_base_span img, .swiper-slide .fmm_sticker_base_span img { max-width: 60px !important; } /* ============================================================ 13. PAGINA DE PRODUS — BLOC REASIGURARE (trust block) [NOU — din Shipping / Trust Block] [CONFLICT → NEW] Dimensiuni iconițe: vechi era 50px, nou 32px (grid) ============================================================ */ .blockreassurance_product, .blockreassurance_product *, .blockreassurance_product *::before, .blockreassurance_product *::after { box-sizing: border-box; } .blockreassurance_product { display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100%; max-width: 100%; margin-top: 16px; border: 1.5px solid #f0ddf0; border-radius: 10px; background: #fdf8fc; overflow: hidden; font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* 2026-05-17: Raleway in loc de Jost (consistenta typo site) */ } .blockreassurance_product .clearfix { display: none; } .blockreassurance_product > div:not(.clearfix) { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; padding: 16px 10px 14px; gap: 5px; position: relative; float: none; width: auto; margin: 0; } /* Separator vertical între items */ .blockreassurance_product > div:not(.clearfix) + div:not(.clearfix)::before { content: ''; position: absolute; left: 0; top: 14px; bottom: 14px; width: 1px; background: #edd8ed; } /* Icoana */ .blockreassurance_product .item-product { display: flex; align-items: center; justify-content: center; flex-shrink: 0; float: none; width: 32px; height: 32px; margin: 0 0 2px 0; padding: 0; } .blockreassurance_product .item-product img, .blockreassurance_product .item-product svg { width: 32px; height: 32px; display: block; object-fit: contain; } /* Titlu */ .blockreassurance_product .block-title { display: block; font-size: clamp(10px, 2.8vw, 13px); font-weight: 700 !important; /* 2026-05-17: 600 -> 700 !important (bate #wrapper .block-title font-weight:normal; UX request bold) */ color: #1a1a1a; line-height: 1.25; letter-spacing: 0.01em; position: static; margin: 0; padding: 0; } /* 2026-05-17: forteaza Prioritate / livrare pe 2 randuri (aliniere cu celelalte coloane) */ .blockreassurance_product > div:nth-child(3) .block-title { word-spacing: 100vw; } /* Subtitlu */ .blockreassurance_product > div p { display: block; font-size: clamp(9px, 2.2vw, 11px); font-weight: 400; color: #b070a0 !important; /* 2026-05-17: !important pentru a bate style="color:#000000" inline din admin */ line-height: 1.3; margin: 0; padding: 0; } @media (max-width: 414px) { .blockreassurance_product > div:not(.clearfix) { padding: 13px 7px 12px; gap: 4px; } .blockreassurance_product > div:not(.clearfix) + div:not(.clearfix)::before { top: 12px; bottom: 12px; } .blockreassurance_product .item-product, .blockreassurance_product .item-product img, .blockreassurance_product .item-product svg { width: 28px; height: 28px; } } @media (max-width: 390px) { .blockreassurance_product > div:not(.clearfix) { padding: 11px 6px 10px; gap: 3px; } .blockreassurance_product > div:not(.clearfix) + div:not(.clearfix)::before { top: 10px; bottom: 10px; } .blockreassurance_product .item-product, .blockreassurance_product .item-product img, .blockreassurance_product .item-product svg { width: 24px; height: 24px; } } @media (max-width: 360px) { .blockreassurance_product { border-radius: 8px; } .blockreassurance_product > div:not(.clearfix) { padding: 10px 4px 9px; gap: 2px; } .blockreassurance_product > div:not(.clearfix) + div:not(.clearfix)::before { top: 8px; bottom: 8px; } .blockreassurance_product .item-product, .blockreassurance_product .item-product img, .blockreassurance_product .item-product svg { width: 22px; height: 22px; } .blockreassurance_product .block-title { font-size: 9.5px; } .blockreassurance_product > div p { font-size: 8.5px; } } /* ============================================================ 14. PAGINA DE PRODUS — GALERIE ARROWS [NOU — din Product Gallery Arrows] ============================================================ */ .images-container .swiper-button-arrow, .images-container .swiper-button-prev, .images-container .swiper-button-next { width: 44px !important; height: 44px !important; border-radius: 50% !important; background: #fdf8fc !important; border: 1px solid #f3e0f7 !important; box-shadow: 0 2px 12px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.08) !important; color: #1a1a1a !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin-top: -22px !important; top: 50% !important; transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important; cursor: pointer !important; z-index: 20 !important; } .images-container .swiper-button-prev, .images-container .swiper-button-inner-prev { left: 10px !important; right: auto !important; } .images-container .swiper-button-next, .images-container .swiper-button-inner-next { right: 10px !important; left: auto !important; } .images-container .swiper-button-prev::after, .images-container .swiper-button-next::after { font-family: FontAwesome !important; font-size: 16px !important; line-height: 1 !important; color: #5a5a5a !important; display: block !important; } .images-container .swiper-button-prev:hover, .images-container .swiper-button-next:hover { background: #fff0f8 !important; box-shadow: 0 4px 18px rgba(255,51,153,0.18), 0 1px 6px rgba(0,0,0,0.10) !important; color: var(--fl-pink-hover) !important; } .images-container .swiper-button-prev:hover::after, .images-container .swiper-button-next:hover::after { color: var(--fl-pink-hover) !important; } .product-cover:hover .swiper-button-prev, .product-cover:hover .swiper-button-next { opacity: 1 !important; visibility: visible !important; } .touch-device .images-container .swiper-button-prev, .touch-device .images-container .swiper-button-next { opacity: 1 !important; visibility: visible !important; } .images-container .swiper-button-disabled { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } @media (max-width: 767px) { .images-container .swiper-button-arrow, .images-container .swiper-button-prev, .images-container .swiper-button-next { width: 40px !important; height: 40px !important; margin-top: -20px !important; } .images-container .swiper-button-prev, .images-container .swiper-button-inner-prev { left: 8px !important; } .images-container .swiper-button-next, .images-container .swiper-button-inner-next { right: 8px !important; } .images-container .swiper-button-prev::after, .images-container .swiper-button-next::after { font-size: 14px !important; } } @media (max-width: 390px) { .images-container .swiper-button-arrow, .images-container .swiper-button-prev, .images-container .swiper-button-next { width: 36px !important; height: 36px !important; margin-top: -18px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important; } .images-container .swiper-button-prev, .images-container .swiper-button-inner-prev { left: 6px !important; } .images-container .swiper-button-next, .images-container .swiper-button-inner-next { right: 6px !important; } .images-container .swiper-button-prev::after, .images-container .swiper-button-next::after { font-size: 13px !important; } } /* ============================================================ 15. PAGINA DE PRODUS — TOGGLE DESCRIERE (mobil) [NOU — din Product Description Toggle] SEO-safe: conținutul rămâne în DOM, doar vizual clipped. ============================================================ */ @media (max-width: 768px) { body.page-product .product-description-section .fl-desc-wrap { position: relative; } body.page-product .product-description-section .fl-desc-wrap .product-description { max-height: 200px; overflow: hidden; transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1); } body.page-product .product-description-section .fl-desc-wrap.fl-desc-expanded .product-description { max-height: 9999px; overflow: visible; } /* Gradient fade la capătul textului tăiat */ body.page-product .product-description-section .fl-desc-wrap::after { content: ''; position: absolute; bottom: 44px; left: 0; right: 0; height: 80px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.92) 60%, rgba(255,255,255,1) 100%); pointer-events: none; opacity: 1; transition: opacity 0.3s ease; z-index: 1; } body.page-product .product-description-section .fl-desc-wrap.fl-desc-expanded::after { opacity: 0; pointer-events: none; } /* Buton toggle */ body.page-product .product-description-section .fl-desc-toggle-btn { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; margin-top: 8px; padding: 9px 16px; background: transparent; border: 1.5px solid #e0e0e0; border-radius: 6px; font-size: 14px; font-weight: 600; color: #333333; cursor: pointer; letter-spacing: 0.01em; -webkit-tap-highlight-color: transparent; transition: border-color 0.2s ease, color 0.2s ease; position: relative; z-index: 2; box-sizing: border-box; } body.page-product .product-description-section .fl-desc-toggle-btn:hover, body.page-product .product-description-section .fl-desc-toggle-btn:focus { border-color: var(--fl-pink-hover); color: var(--fl-pink-hover); outline: none; } body.page-product .product-description-section .fl-desc-toggle-btn:focus-visible { outline: 2px solid var(--fl-pink-hover); outline-offset: 2px; } body.page-product .product-description-section .fl-desc-toggle-btn .fl-chevron { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; transition: transform 0.35s ease; } body.page-product .product-description-section .fl-desc-wrap.fl-desc-expanded .fl-desc-toggle-btn .fl-chevron { transform: rotate(180deg); } /* Descrieri scurte — fără buton și fără gradient */ body.page-product .product-description-section .fl-desc-wrap.fl-desc-short .fl-desc-toggle-btn { display: none; } body.page-product .product-description-section .fl-desc-wrap.fl-desc-short::after { display: none; } body.page-product .product-description-section .fl-desc-wrap.fl-desc-short .product-description { max-height: none !important; overflow: visible !important; } } /* ============================================================ 16. PAGINA DE PRODUS — CANTITATE + BUTON COȘ (mobil) [NOU — din Mobile Product Page Fix PART 2] ============================================================ */ @media (max-width: 767px) { /* Rând principal — flex orizontal */ .product-add-to-cart .product-quantity { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; } /* Coloana cantitate — lățime fixă */ .product-add-to-cart .product-quantity .col-add-qty { flex: 0 0 115px !important; width: 115px !important; max-width: 115px !important; padding: 0 !important; margin: 0 !important; } /* Coloana coș — restul lățimii */ .product-add-to-cart .product-quantity .col-add-btn { flex: 1 1 0 !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; } /* Sharing — ascuns în rândul de cumpărare */ .product-add-to-cart .product-quantity .social-sharing { display: none !important; } /* Touchspin — pilulă orizontală */ .product-add-to-cart .bootstrap-touchspin { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; width: 100% !important; height: 50px !important; background: #fff !important; border: 1.5px solid rgba(255,68,112,0.45) !important; border-radius: 50px !important; overflow: hidden !important; padding: 0 !important; } .product-add-to-cart .bootstrap-touchspin-prefix, .product-add-to-cart .bootstrap-touchspin-postfix { display: none !important; } /* Input cantitate — centrat, fără spin nativ */ .product-add-to-cart #quantity_wanted { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 100% !important; border: none !important; background: transparent !important; text-align: center !important; font-size: 16px !important; font-weight: 600 !important; color: #333 !important; padding: 0 !important; box-shadow: none !important; order: 2 !important; -moz-appearance: textfield !important; } .product-add-to-cart #quantity_wanted::-webkit-outer-spin-button, .product-add-to-cart #quantity_wanted::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } /* display:contents — butoanele devin copii direcți flex */ .product-add-to-cart .input-group-btn-vertical { display: contents !important; } /* Butoane touchspin — tap-friendly */ .product-add-to-cart .input-group-btn-vertical .btn-touchspin { display: flex !important; flex: 0 0 38px !important; width: 38px !important; height: 100% !important; padding: 0 !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; color: var(--fl-pink) !important; line-height: 1 !important; cursor: pointer !important; border-radius: 0 !important; } /* Minus (stânga, order 1) */ .product-add-to-cart .input-group-btn-vertical .bootstrap-touchspin-down { order: 1 !important; border-right: 1px solid rgba(255,68,112,0.2) !important; } /* Plus (dreapta, order 3) */ .product-add-to-cart .input-group-btn-vertical .bootstrap-touchspin-up { order: 3 !important; border-left: 1px solid rgba(255,68,112,0.2) !important; } /* Înlocuire icoane fa-angle cu + și − */ .product-add-to-cart .bootstrap-touchspin-up .touchspin-up { font-size: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .product-add-to-cart .bootstrap-touchspin-up .touchspin-up::before { content: "+" !important; font-size: 20px !important; font-weight: 400 !important; font-style: normal !important; font-family: inherit !important; line-height: 1 !important; color: var(--fl-pink) !important; } .product-add-to-cart .bootstrap-touchspin-down .touchspin-down { font-size: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .product-add-to-cart .bootstrap-touchspin-down .touchspin-down::before { content: "\2212" !important; font-size: 20px !important; font-weight: 400 !important; font-style: normal !important; font-family: inherit !important; line-height: 1 !important; color: var(--fl-pink) !important; } /* Buton "Adaugă în coș" */ .product-add-to-cart .col-add-btn .add { width: 100% !important; height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .product-add-to-cart .col-add-btn .add-to-cart { width: 100% !important; height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: var(--fl-pink) !important; border-color: var(--fl-pink) !important; border-radius: 50px !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; padding: 0 12px !important; white-space: nowrap !important; color: #fff !important; } .product-add-to-cart { overflow: visible !important; } } /* ============================================================ 17. PAGINA DE PRODUS — WISHLIST MOBIL [NOU — din Mobile Product Page Fix PART 1 + Wishlist Icon Fix] ============================================================ */ @media (max-width: 767px) { /* Context de poziționare pentru inimă */ .col-product-info { position: relative; } /* Wishlist — scos din flow, ancorat top-right lângă titlu */ body#product .product-add-to-cart .product-quantity .col-add-wishlist { display: flex !important; position: absolute !important; top: 8px !important; right: 0 !important; width: auto !important; flex: none !important; z-index: 10 !important; margin: 0 !important; padding: 0 !important; align-items: flex-start !important; justify-content: flex-end !important; } /* Buton wishlist — transparent, fără cerc */ #iqit-wishlist-product-btn { background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; width: 32px !important; height: 32px !important; min-width: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--fl-pink) !important; transition: color 0.2s !important; overflow: visible !important; } #iqit-wishlist-product-btn:hover, #iqit-wishlist-product-btn:focus { background: transparent !important; border: none !important; box-shadow: none !important; color: #cc2255 !important; } #iqit-wishlist-product-btn .fa { font-size: 1.2rem !important; line-height: 1 !important; display: block !important; width: auto !important; height: auto !important; } /* Padding titlu — text nu ajunge sub icoana de inimă */ .product_header_container .page-title { padding-right: 36px !important; } /* Fix stare inimă — outline/filled corect (contrariul fix față de display:block forțat mai sus) */ #iqit-wishlist-product-btn .fa.added { display: none !important; } #iqit-wishlist-product-btn.iqitwishlist-added .fa.not-added { display: none !important; } #iqit-wishlist-product-btn.iqitwishlist-added .fa.added { display: block !important; } } /* ============================================================ 18. PAGINA DE PRODUS — DIVERSE ============================================================ */ /* Line-height consistent în info produs */ .product-information div:first-child { line-height: 1.4rem !important; } /* FAQ pe pagina de produs */ .faq_on_product { margin: 25px 0; padding: 0; box-shadow: none; } .faq_on_product .title_block { color: #000; font-size: 1.1428571429rem; font-style: normal; font-weight: 700; text-transform: none; border-bottom: solid 1px #e3e3e3; margin-bottom: 0.8em; padding-bottom: 0.5em; } /* Tab de întrebări — elimină border jQuery UI */ .tab-intrebari .ui-widget-content, .tab-intrebari .ui-widget { border: none !important; } /* Accordion titluri */ .elementor-accordion-item h3 { font-size: 14px; line-height: 14px; margin: 0; padding: 0; } /* Elimină fundalul de pe thumbnail video */ .iqitextened-img-thumb-video { background: none !important; } /* Etichetă metodă de livrare selectată ATENȚIE: selector fragil pe structura HTML a modulului */ #js-delivery > div > div.delivery-options > div:nth-child(1) > label > div > div.col-sm-3.col-xs-12 > span { text-transform: uppercase; font-weight: 600; } /* Coloana "Livrare la" din summary checkout */ .col-sm-4.pt-2 { text-transform: uppercase; font-size: calc(var(--pts-font-size-base, 1) * 1rem) !important; font-weight: 600; color: var(--bs-primary); margin-bottom: 20px !important; } /* ============================================================ 19. CHECKOUT ============================================================ */ /* Opțiuni tip livrare — pilule roz */ .type-checkout-options li { margin: 10px 5px !important; } .type-checkout-options li label { border: 1px solid var(--fl-pink-light) !important; background-color: white; color: black; padding: 8px; border-radius: 100vw; } .type-checkout-options li label:hover { color: white; font-size: 14px; padding: 8px; border-radius: 100vw; background-color: var(--fl-pink); } .type-checkout-options li label input:checked { color: white !important; font-size: 14px; background-color: var(--fl-pink); border-radius: 100vw; padding: 8px; } .type-checkout-options li label input:checked + span { color: white !important; font-size: 14px; background-color: var(--fl-pink); border-radius: 100vw; padding: 9px !important; margin-left: -9px !important; margin-right: -9px !important; /* hack aliniere */ } /* Touchspin în checkout — fără border-radius */ #checkout #wrapper .bootstrap-touchspin button { border-radius: 0 !important; } /* FIX: era 0vw */ .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-top: 1px solid black !important; } /* Erori checkout */ .ets_opc_error { color: #721c24; font-size: 14px; font-style: normal; padding: 15px; line-height: 16px; border: 1px solid #721c24; background-color: #f8d7da; margin-top: 5px; } /* Klaviyo form ascuns ATENȚIE: ID hardcodat — devine ineficient dacă Klaviyo regenerează formularul */ #checkout .klaviyo-form-RSDwxq { display: none; } /* Elementor ascuns în checkout (widget rămas în template) */ #checkout .elementor { display: none !important; } /* ============================================================ 20. BLOG (SimpleBlog) ============================================================ */ .simpleblog__post a { text-decoration: underline !important; font-weight: 600 !important; } .simpleblog__post__content a { font-weight: 500; text-decoration: underline; } /* Al 5-lea element meta-info — ascuns ATENȚIE: nth-child fragil la update modul */ #content > div.simpleblog__postInfo.text-muted > ul > li:nth-child(5) { display: none; } #module-ph_simpleblog-single i.fa.fa-heart { font-size: 12px !important; } .my-account-side-links i.fa.fa-heart-o.fa-fw { font-size: 14px !important; display: inline !important; } /* ============================================================ 21. MODULE REVIEW-URI (GSnipreview) ATENȚIE: selectori pe ID bloc din admin — fragili la reconfigurare ============================================================ */ .gsniprev-block-16 .title-rating-block, .gsniprev-block-16 .ratings-block-punct, .gsniprev-block-16 .btn-spmgsnipreview, .gsniprev-block-16 gsniprev-rating-block, .gsniprev-block-16 clear-spmgsnipreview { display: none !important; } .gsniprev-block-16 { background-color: white; border: transparent; margin: 0; clear: both; padding: 0; text-align: left; } .gsniprev-rating-block { margin: 0 !important; padding: 0 !important; } .reviews_list_stars span { display: inline-table !important; } /* ============================================================ 22. POPUP AFILIAT (ETS Affiliate Marketing) ============================================================ */ .ets-am-ref-popup .btn-eam-join-ref, .ets-am-ref-popup .btn-eam-join-ref:hover, .ets-am-ref-popup .btn-popup:hover { background: var(--fl-pink); } .ets-am-ref-popup .btn-eam-join-ref a, .popup-body, .popup-header, a.btn-eam-join-ref.btn-popup { color: #000000 !important; } .no-account a { text-decoration: underline; font-weight: 600; } a.btn-eam-join-ref.btn-popup { margin-bottom: 20px; color: white !important; font-weight: 600; } a.btn-popup.btn-popup-close.js-eam-close-popup-ref { color: black !important; font-weight: 400; border: 1px solid black !important; background-color: white; margin-bottom: 20px; } .popup-body { margin: auto; text-align: center; text-justify: inter-word; } /* ============================================================ 23. GDPR ============================================================ */ button#reject-all-gdpr { border: 1px solid white; background-color: #000000 !important; /* FIX: era "backround-color" (typo) */ float: left; } .span_moreinfo { border: 1px solid white; padding: 5px; background-color: #000000 !important; /* FIX: era "backround-color" (typo) */ } .gdpr-consent-tabs .div_accept_moreinfo button#accept-all-gdpr { margin-right: auto; /* FIX: era "margin:right" — sintaxă invalidă */ } /* ============================================================ 24. MEDIA QUERIES RESPONSIVE (diverse rămase) ============================================================ */ /* --- Mobil mic (max 767px) --- */ @media (max-width: 767px) { #index #wrapper { min-height: 100vh !important; } /* Opțiuni checkout — input full-width */ .type-checkout-options li label input { width: 100% !important; display: block !important; padding: 0; margin: 0; } .type-checkout-options li label input:checked + span { padding: 8px !important; } } /* --- Tabletă (max 991px) --- */ @media (max-width: 991px) { /* Meta-info blog pe 2 coloane */ .simpleblog__postInfo.text-muted > ul > li { margin: 5px !important; width: 40%; } #blog_for_prestashop_column div.post-additional-info.post-meta-info.text-muted { display: none; } /* Banner blog */ .col-blog-ban .elementor-element-populated { border-radius: 0 !important; } .col-blog-ban .elementor-button-wrapper { text-align: center; margin: 20px; } .elementor-element.elementor-element-q7vxn2j .elementor-image img { border-radius: 0 !important; margin-bottom: 10px; } } #header-search-btn .dropdown-menu { position: static !important; transform: none !important; will-change: auto !important; } #header-search-btn.show .fullscreen-search, #header-search-btn .dropdown-menu.show .fullscreen-search { visibility: visible !important; opacity: 1 !important; } .ps-shoppingcart .dropdown-menu { position: static !important; transform: none !important; will-change: auto !important; } /* ============================================================ MOBILE-SEARCH-FIX — v1.1 (2026-05-05) Part 1: Fix mobile search opening as full-width bar Part 2: Fix search icon appearing above open mobile menu Scope: mobile only (max-width: 991px) ============================================================ */ @media (max-width: 991px) { /* ---------------------------------------------------------- PART 1 — Fix mobile search opening as full-width bar Root cause: #search-widget-mobile is a Bootstrap dropdown positioned absolute inside a 44x44px parent button. Fix: Override to position:fixed full-width bar below header. ---------------------------------------------------------- */ /* Reset parent so it doesn't confine the dropdown */ #mobile-btn-search { position: static !important; } /* Make the search dropdown expand full-width from the header */ #search-widget-mobile { position: fixed !important; top: auto !important; left: 0 !important; right: 0 !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; transform: scaleY(0) !important; transform-origin: top center !important; background: #fdf8fc !important; padding: 0.75rem 1rem !important; z-index: 9999 !important; border-top: 1px solid #ececec !important; border-bottom: 1px solid #ececec !important; box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; overflow: visible !important; visibility: hidden !important; opacity: 0 !important; transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease !important; margin-top: 0 !important; } /* When search is open (.show added by Bootstrap) */ #search-widget-mobile.show { transform: scaleY(1) !important; visibility: visible !important; opacity: 1 !important; } /* Make the form and input group fill full width */ #search-widget-mobile form, #search-widget-mobile .input-group { width: 100% !important; display: flex !important; align-items: center !important; } /* Search input styling */ #search-widget-mobile .form-control, #search-widget-mobile .form-search-control { width: 100% !important; flex: 1 !important; height: 44px !important; border-radius: 22px 0 0 22px !important; padding: 0 1rem !important; font-size: 15px !important; visibility: visible !important; opacity: 1 !important; background: #fff !important; border: 1px solid #ddd !important; } /* Search submit button */ #search-widget-mobile .search-btn { border-radius: 0 22px 22px 0 !important; height: 44px !important; padding: 0 1rem !important; visibility: visible !important; opacity: 1 !important; } /* Autocomplete / search results must not be clipped */ #search-widget-mobile .autocomplete-suggestions, #search-widget-mobile .iqitsearchresults, #search-widget-mobile [class*="autocomplete"], #search-widget-mobile [class*="suggest"] { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 99999 !important; overflow-y: auto !important; max-height: 60vh !important; } /* ---------------------------------------------------------- PART 2 — Fix search/account/cart icons appearing above the open mobile menu panel. Root cause analysis: - #_mobile_iqitmegamenu-mobile is position:fixed z-index:5005 - Its parent column (.col-mobile-btn-menu) has position:relative z-index:2 - The search button column (#mobile-btn-search) also has position:relative z-index:2 - But search column is LATER in DOM than menu column, so it paints ON TOP - Because both columns have equal z-index (2), DOM order wins - Therefore search icon (in later column) appears above the menu panel Fix: When menu is open, hide the search icon and other header elements that would otherwise appear above the menu. We detect "menu open" via the .show class that Bootstrap adds to .js-m-nav-btn-menu when menu opens. We use :has() selector (supported in all modern browsers). ---------------------------------------------------------- */ /* When mobile menu is open, hide search + account + cart from header so they don't appear over the menu panel #header:has(.js-m-nav-btn-menu.show) #mobile-btn-search, #header:has(.js-m-nav-btn-menu.show) .col-mobile-btn-account, #header:has(.js-m-nav-btn-menu.show) .col-mobile-btn-cart { visibility: hidden !important; pointer-events: none !important; } */ /* Also raise the menu button column above the search button column when menu is open, to ensure the menu panel z-index wins */ #header:has(.js-m-nav-btn-menu.show) .col-mobile-btn-menu, #header:has(.js-m-nav-btn-menu.show) .col-mobile-menu-push { z-index: 10 !important; } /* Close any open search dropdown when menu opens */ #header:has(.js-m-nav-btn-menu.show) #search-widget-mobile.show { transform: scaleY(0) !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } } /* END MOBILE-SEARCH-FIX */ /* ================================================ MOBILE MENU LAYERING & TRANSITION FIX v2 Fixes: icon flash on menu close, missing dark overlay, search widget z-index above menu panel ================================================ */ @media (max-width: 991px) { /* 1. DELAY ICON RE-APPEARANCE ON CLOSE Icons become visible 0.42s AFTER menu closes, matching the 0.4s slide-out animation duration. This prevents the flash of account/cart/search while the menu panel is still sliding out. */ #mobile-btn-search, .col-mobile-btn-account, .col-mobile-btn-cart { transition: visibility 0s linear 0.42s !important; } /* 2. INSTANT HIDE WHEN MENU OPENS Override transition delay to 0 when menu is open so icons disappear immediately (no transition). #header:has(.js-m-nav-btn-menu.show) #mobile-btn-search, #header:has(.js-m-nav-btn-menu.show) .col-mobile-btn-account, #header:has(.js-m-nav-btn-menu.show) .col-mobile-btn-cart { visibility: hidden !important; pointer-events: none !important; transition: visibility 0s linear 0s !important; }*/ /* 3. ACTIVATE DARK OVERLAY CORRECTLY .col-mobile-menu-push never receives .show (Bootstrap adds it to the button, not the wrapper div). Use :has() on #header instead to activate the overlay. z-index 5004 = below menu panel (5005) but above header buttons (z:2), darkening the page behind the menu. */ #header:has(.js-m-nav-btn-menu.show) #mobile_menu_click_overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; z-index: 5004 !important; background: rgba(0, 0, 0, 0.45) !important; display: block !important; cursor: pointer !important; } /* 4. HAMBURGER COL ABOVE OVERLAY Ensure the menu toggle column stays above the overlay so the hamburger/X remains clickable. */ #header:has(.js-m-nav-btn-menu.show) .col-mobile-btn-menu, #header:has(.js-m-nav-btn-menu.show) .col-mobile-menu-push { z-index: 5006 !important; position: relative !important; } /* 5. FIX SEARCH WIDGET Z-INDEX Was 9999 which is above the menu panel (5005). Set to 5003 so it stays below the menu panel and below the overlay when menu is open. */ #search-widget-mobile { z-index: 5003 !important; } } /* END MOBILE-MENU-LAYERING-FIX-v2 */ /* FL-GALLERY-ARROWS-FIX-2026 */ /* 3. Hide disabled arrows in main gallery (first image: prev hidden; last image: next hidden) */ #product .product-cover .swiper-button-disabled { opacity: 0 !important; visibility: hidden !important; pointer-events: none; } /* 4. Hide grey square carousel arrows in related-products block on product page */ body.page-product .category-products .swiper-button-prev, body.page-product .category-products .swiper-button-next { display: none !important; } /* /FL-GALLERY-ARROWS-FIX-2026 */ /* FL-TOPBAR-2026 */ /* 1. Fix gradient topbar: #FF4470 corectat la #FF3399 */ #header .header-nav { background: linear-gradient(90deg, #FF3399 0%, #9933CC 100%) !important; } /* 2. Mobile/tablet (<991px): TRANSPORT GRATUIT bold + EASYBOX normal, centrat */ @media (max-width: 991px) { /* block display => ::before + ::after flow inline => text-align:center centreaza ambele */ #header .header-nav .center-nav { display: block !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; width: 100% !important; padding: 0 8px !important; line-height: 2.4 !important; } /* "TRANSPORT GRATUIT" — bold */ #header .header-nav .center-nav::before { content: "TRANSPORT GRATUIT\00a0" !important; font-size: 0.82rem !important; font-weight: 800 !important; letter-spacing: 0.07em !important; white-space: nowrap !important; color: #FFFFFF !important; text-transform: uppercase !important; display: inline !important; width: auto !important; line-height: inherit !important; } /* "EASYBOX PESTE 229 LEI" — normal */ #header .header-nav .center-nav::after { content: "EASYBOX PESTE 229 LEI" !important; font-size: 0.82rem !important; font-weight: 400 !important; letter-spacing: 0.07em !important; white-space: nowrap !important; color: #FFFFFF !important; text-transform: uppercase !important; display: inline !important; line-height: inherit !important; } } /* /FL-TOPBAR-2026 */ /* FL-PRODUCTNAV-2026 */ /* Hide prev/next product navigation icons near breadcrumb (iqitproductsnav module) */ #iqitproductsnav { display: none !important; } /* /FL-PRODUCTNAV-2026 */ /* FL-BREADCRUMB-MOBILE-2026 */ /* Mobile: breadcrumbs pe un singur rand scrollabil orizontal, fara wrap */ @media (max-width: 991px) { /* Doar nav.breadcrumb are overflow:hidden — previne overflow la nivel de pagina */ body.page-product nav.breadcrumb { overflow: hidden !important; } /* ol = containerul de scroll — col Bootstrap da spatiu simetric pe ambele parti */ body.page-product nav.breadcrumb ol { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; -ms-overflow-style: none !important; } body.page-product nav.breadcrumb ol::-webkit-scrollbar { display: none !important; } /* Fiecare li — compact, fara wrap */ body.page-product nav.breadcrumb ol li { flex: 0 0 auto !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; } /* Linkuri si text — fara wrap */ body.page-product nav.breadcrumb ol li a, body.page-product nav.breadcrumb ol li span { white-space: nowrap !important; } } /* /FL-BREADCRUMB-MOBILE-2026 */ /* FL-BREADCRUMB-HOME-ICON-2026 */ /* Home breadcrumb: link inline-flex aliniat, SVG block, hover pink */ nav.breadcrumb ol li:first-child a { display: inline-flex !important; align-items: center !important; line-height: 1 !important; } nav.breadcrumb ol li:first-child a svg { display: block !important; flex-shrink: 0 !important; } nav.breadcrumb ol li:first-child a:hover svg path { fill: #FF3399 !important; } /* /FL-BREADCRUMB-HOME-ICON-2026 */ /* FL-MOBILE-MENU-REFINEMENT-2026 */ @media (max-width: 991px) { /* Parent category links — nivel 1 */ #iqitmegamenu-mobile .mobile-menu__tab > a.mobile-menu__link { font-size: 16px !important; font-weight: 700 !important; } /* Subcategory links — nivel 2+ */ #iqitmegamenu-mobile .mobile-menu__submenu a.mobile-menu__link { font-size: 13.5px !important; font-weight: 500 !important; } } /* /FL-MOBILE-MENU-REFINEMENT-2026 */ /* FL-HOMEPAGE-CAROUSEL-2026 */ @media (max-width: 991px) { /* Widget container → flex row: BEST SELLERS left + VEDERE TOATE right */ body.page-index .elementor-element-1rv6hpj .elementor-element-6xoqwns .elementor-widget-container { display: flex !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; margin-bottom: 10px !important; padding: 0 !important; } /* BEST SELLERS title */ body.page-index .elementor-element-1rv6hpj .elementor-element-6xoqwns .elementor-heading-title { font-size: 16px !important; font-weight: 800 !important; color: #1A1A1A !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin: 0 !important; padding: 0 0 2px !important; display: inline-block !important; border-bottom: 2px solid #1A1A1A !important; line-height: 1.3 !important; } /* VEDERE TOATE link */ body.page-index .fl-vezi-toate { font-size: 14px !important; font-weight: 500 !important; color: #FF3399 !important; text-decoration: none !important; white-space: nowrap !important; flex-shrink: 0 !important; padding-left: 8px !important; line-height: 1.3 !important; display: inline-block !important; } body.page-index .fl-vezi-toate:hover, body.page-index .fl-vezi-toate:focus { text-decoration: underline !important; } /* Hide existing VEDERE MAI MULTE GENE button on mobile */ body.page-index .elementor-element-1rv6hpj .elementor-element-mrdd7d6 { display: none !important; } /* Allow overflow for peek on all parents */ body.page-index .elementor-element-1rv6hpj, body.page-index .elementor-element-g3vfkjo, body.page-index .elementor-element-g3vfkjo .elementor-column-wrap, body.page-index .elementor-element-g3vfkjo .elementor-widget-wrap, body.page-index .elementor-element-jqt38fp, body.page-index .elementor-element-jqt38fp .elementor-widget-container { overflow: visible !important; } /* Products grid → horizontal scroll carousel */ body.page-index .elementor-element-1rv6hpj .products.row.products-grid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: x proximity !important; scrollbar-width: none !important; -ms-overflow-style: none !important; margin-left: 0 !important; margin-right: 0 !important; gap: 12px !important; padding-right: 36px !important; padding-bottom: 8px !important; align-items: stretch !important; } body.page-index .elementor-element-1rv6hpj .products.row.products-grid::-webkit-scrollbar { display: none !important; } /* Product cards: 43vw → 2 visible + peek of 3rd */ body.page-index .elementor-element-1rv6hpj .products .product-miniature { flex: 0 0 43vw !important; width: 43vw !important; max-width: 43vw !important; min-width: 0 !important; scroll-snap-align: start !important; padding: 0 !important; margin: 0 !important; } } /* 2026-05-20: Vezi toate la marginea dreapta + sub-titlu centrat (desktop, BEST SELLERS + prima PRODUSE RECOMANDATE) */ @media (min-width:992px){body.page-index .elementor-element-6xoqwns .elementor-widget-container,body.page-index .elementor-element-bcm0jlg .elementor-widget-container{position:relative !important}body.page-index a.fl-vezi-toate,body.page-index a.fl-vezi-toate-2{position:absolute !important;right:0 !important;top:50% !important;transform:translateY(-50%) !important;margin:0 !important}} /* /FL-HOMEPAGE-CAROUSEL-2026 */ /* FL-HOMEPAGE-CAROUSEL2-2026 */ @media (max-width: 991px) { /* Widget container → flex row: title left + VEDERE TOATE right */ body.page-index .elementor-element-cbqtmqz .elementor-element-bcm0jlg .elementor-widget-container { display: flex !important; align-items: baseline !important; justify-content: space-between !important; flex-wrap: nowrap !important; margin-bottom: 10px !important; padding: 0 !important; text-align: left !important; } /* Outer title span — dark, uppercase, underlined, left-aligned */ body.page-index .elementor-element-cbqtmqz .elementor-element-bcm0jlg .elementor-heading-title { font-size: 16px !important; font-weight: 800 !important; color: #1A1A1A !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; text-align: left !important; margin: 0 !important; padding: 0 0 2px !important; display: inline-block !important; border-bottom: 2px solid #1A1A1A !important; line-height: 1.3 !important; } /* Inner span — inherit styles, NO border-bottom (prevents double underline) */ body.page-index .elementor-element-cbqtmqz .elementor-element-bcm0jlg .elementor-heading-title span { color: #1A1A1A !important; font-weight: 800 !important; text-transform: uppercase !important; border-bottom: none !important; display: inline !important; } /* VEDERE TOATE link */ body.page-index .fl-vezi-toate-2 { font-size: 14px !important; font-weight: 500 !important; color: #FF3399 !important; text-decoration: none !important; white-space: nowrap !important; flex-shrink: 0 !important; padding-left: 8px !important; line-height: 1.3 !important; display: inline-block !important; } body.page-index .fl-vezi-toate-2:hover, body.page-index .fl-vezi-toate-2:focus { text-decoration: underline !important; } /* Hide existing button on mobile */ body.page-index .elementor-element-cbqtmqz [class*="elementor-widget-button"] { display: none !important; } /* Allow overflow for peek */ body.page-index .elementor-element-cbqtmqz, body.page-index .elementor-element-6y0uo3q, body.page-index .elementor-element-6y0uo3q .elementor-column-wrap, body.page-index .elementor-element-6y0uo3q .elementor-widget-wrap, body.page-index .elementor-element-8zrjga5, body.page-index .elementor-element-8zrjga5 .elementor-widget-container { overflow: visible !important; } /* Products grid → horizontal scroll carousel */ body.page-index .elementor-element-cbqtmqz .products.row.products-grid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: x proximity !important; scrollbar-width: none !important; -ms-overflow-style: none !important; margin-left: 0 !important; margin-right: 0 !important; gap: 12px !important; padding-right: 36px !important; padding-bottom: 8px !important; align-items: stretch !important; } body.page-index .elementor-element-cbqtmqz .products.row.products-grid::-webkit-scrollbar { display: none !important; } /* Product cards: 43vw → 2 visible + peek of 3rd */ body.page-index .elementor-element-cbqtmqz .products .product-miniature { flex: 0 0 43vw !important; width: 43vw !important; max-width: 43vw !important; min-width: 0 !important; scroll-snap-align: start !important; padding: 0 !important; margin: 0 !important; } } /* /FL-HOMEPAGE-CAROUSEL2-2026 */ /* FL-H1-OPTIMIZE-2026 */ /* H1 homepage — stilizare mobil (fara modificare text) */ @media (max-width: 991px) { .elementor-element-u18z100 .elementor-heading-title { font-size: 15px !important; line-height: 1.3 !important; hyphens: none !important; -webkit-hyphens: none !important; margin-bottom: 6px !important; } } /* 2026-05-20: titlu bold (desktop 700, mobil 600 + letter-spacing 0) + culoare brand */ .elementor-element-u18z100 .elementor-heading-title{color:#1A1A1A !important} @media (min-width:992px){.elementor-element-u18z100 .elementor-heading-title{font-weight:700 !important}} @media (max-width:991px){.elementor-element-u18z100 .elementor-heading-title{font-weight:600 !important;letter-spacing:0 !important}} /* /FL-H1-OPTIMIZE-2026 */ /* FL-MAKEUP-TITLE-2026 */ /* Titlu sectiune Make-Up — stilizare mobil */ @media (max-width: 991px) { .elementor-element-eigd2h1 .elementor-heading-title { font-size: 15px !important; letter-spacing: 0.7px !important; line-height: 1.3 !important; hyphens: none !important; -webkit-hyphens: none !important; margin-bottom: 6px !important; } } /* 2026-05-20: titlu bold (desktop 700, mobil 600 + letter-spacing 0) + culoare brand */ .elementor-element-eigd2h1 .elementor-heading-title{color:#1A1A1A !important} @media (min-width:992px){.elementor-element-eigd2h1 .elementor-heading-title{font-weight:700 !important}} @media (max-width:991px){.elementor-element-eigd2h1 .elementor-heading-title{font-weight:600 !important;letter-spacing:0 !important}} /* /FL-MAKEUP-TITLE-2026 */ /* FL-TRUST-STRIP-2026 */ /* Trust strip homepage — mobil only */ #fl-trust-strip { display: none; } @media (max-width: 991px) { #fl-trust-strip { display: block; width: 100%; background: #F4D8EE; border-top: 1px solid #f0ddf0; border-bottom: 1px solid #f0ddf0; padding: 10px 0; } .fl-trust-scroll { display: flex; gap: 10px; overflow-x: auto; padding: 0 16px; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .fl-trust-scroll::-webkit-scrollbar { display: none; } .fl-trust-card { flex: 0 0 115px; display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border: 1px solid #f0ddf0; border-radius: 12px; padding: 10px 6px 8px; gap: 6px; } .fl-trust-card svg { width: 32px; height: 32px; display: block; } .fl-trust-label { font-family: 'Raleway', sans-serif; font-size: 10.5px; font-weight: 600; color: #1A1A1A; line-height: 1.3; } body.page-index .elementor-element-7x2f4m2 { display: none !important; } } /* /FL-TRUST-STRIP-2026 */ /* FL-STICKY-ATC-2026 */ /* Sticky Add to Cart Bar — mobile product pages only */ /* Claude Design Variant B: Raleway font, position:fixed */ .fl-sticky { display: none; } .fl-sticky, .fl-sticky *, .fl-sticky *::before, .fl-sticky *::after { box-sizing: border-box; margin: 0; padding: 0; } @media (max-width: 991px) { body.page-product .product-add-to-cart.js-product-add-to-cart { display: none !important; } body.page-product #back-to-top { bottom: 110px !important; } .fl-sticky { display: block; position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; } .fl-sticky::before { content: ''; position: absolute; bottom: 100%; left: 0; right: 0; height: 36px; background: linear-gradient(to bottom, transparent, rgba(253, 246, 250, 0.95)); pointer-events: none; } .fl-sticky-inner { background: rgba(255,255,255,0.97); backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%); border-top: 1px solid rgba(215,170,200,0.22); box-shadow: 0 -6px 28px rgba(190,90,150,0.07), 0 -1px 4px rgba(0,0,0,0.03); padding: 10px 14px; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); font-family: 'Raleway', sans-serif; } .fl-price-row { display: flex; align-items: center; gap: 7px; margin-bottom: 9px; padding: 0 2px; min-height: 22px; } .fl-price { font-size: 20px; font-weight: 700; color: #e5006d; letter-spacing: -0.025em; line-height: 1; } /* 2026-05-17: c23a78 -> e5006d (match page price) */ .fl-price-old { font-size: 12.5px; color: #bbb; text-decoration: line-through; font-weight: 400; line-height: 1; } .fl-price-badge { margin-left: auto; font-size: 9.5px; font-weight: 700; letter-spacing: 0.05em; color: #c23a78; background: #fdf8fc; /* 2026-05-17: bg fdf0f7 -> fdf8fc (match reassurance) */ border: 1px solid #f5cce0; padding: 3px 8px; border-radius: 6px; white-space: nowrap; line-height: 1; } .fl-no-discount .fl-price-old, .fl-no-discount .fl-price-badge { display: none; } .fl-no-discount .fl-price { color: #1a1a1a; } .fl-action-row { display: flex; align-items: center; gap: 10px; } .fl-qty { display: flex; align-items: center; height: 48px; background: #fdf8fc; /* 2026-05-17: bg fdf0f7 -> fdf8fc (match reassurance) */ border-radius: 999px; border: 1.2px solid #f5cce0; padding: 0 5px; flex-shrink: 0; } .fl-qty-btn { width: 36px; height: 36px; border: none; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 999px; color: #c23a78; -webkit-tap-highlight-color: transparent; padding: 0; } .fl-qty-btn:active { background: rgba(200,60,120,0.14); } .fl-qty-val { min-width: 30px; text-align: center; font-size: 15px; font-weight: 600; color: #1a1a1a; font-family: 'Raleway', sans-serif; user-select: none; -webkit-user-select: none; } .fl-cta { flex: 1; height: 48px; border: none; border-radius: 999px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; font-family: 'Raleway', sans-serif; font-size: 13.5px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: #fff; background: linear-gradient(90deg, #FF3399 0%, #9933CC 100%); box-shadow: 0 4px 20px rgba(255,51,153,0.35), 0 1px 4px rgba(0,0,0,0.08); -webkit-tap-highlight-color: transparent; position: relative; overflow: hidden; transition: opacity 0.14s ease, transform 0.10s ease; } .fl-cta::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 50%; background: linear-gradient(to bottom, rgba(255,255,255,0.13), transparent); border-radius: 999px 999px 0 0; pointer-events: none; } .fl-cta:active { opacity: 0.88; transform: scale(0.985); } .fl-cta:disabled { opacity: 0.5; cursor: not-allowed; } .fl-cta-icon { display: flex; align-items: center; flex-shrink: 0; opacity: 0.92; } } @media (max-width: 360px) { .fl-sticky-inner { padding: 9px 12px; padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px)); } .fl-price { font-size: 18px; } .fl-cta { font-size: 12.5px; letter-spacing: 0.07em; } .fl-price-badge { font-size: 8.5px; padding: 2px 6px; } } /* /FL-STICKY-ATC-2026 */ /* FL-LISTING-BTN-2026 */ .btn.btn-product-list.add-to-cart { background: linear-gradient(90deg, #ff3399 0%, #9933cc 100%) !important; border: none !important; outline: none !important; color: #fff !important; box-shadow: 0 4px 12px rgba(180, 30, 120, 0.40) !important; padding-top: 7px !important; padding-bottom: 7px !important; } .btn.btn-product-list.add-to-cart i, .btn.btn-product-list.add-to-cart svg { color: #fff !important; } /* /FL-LISTING-BTN-2026 */ /* FL-DISCOUNT-BADGE-2026 */ .product-flag.discount { background: #ff3399 !important; } /* /FL-DISCOUNT-BADGE-2026 */ /* FL-FILTER-STYLE-2026 */ #search_filter_toggler { --bs-btn-color: #b03080 !important; --bs-btn-bg: transparent !important; --bs-btn-border-color: #e0a0c8 !important; background: transparent !important; background-color: transparent !important; border: 1.5px solid #e0a0c8 !important; color: #b03080 !important; box-shadow: none !important; } #search_filter_toggler:hover, #search_filter_toggler:focus, #search_filter_toggler:active { --bs-btn-color: #9b2070 !important; border-color: #cc7ab0 !important; color: #9b2070 !important; background: transparent !important; box-shadow: none !important; } #search_filter_toggler i, #search_filter_toggler svg { color: #b03080 !important; } /* /FL-FILTER-STYLE-2026 */ /* FL-FOOTER-CONCEPT-B-2026 */ /* Concept B "Gradient Accent" — înlocuiește FL-FOOTER-REDESIGN-2026 */ /* ── Linie accent gradient (4px) ──────────────────────────── */ #footer::before { content: ''; display: block; height: 4px; width: 100%; background: linear-gradient(110deg, #FF3399 0%, #9933CC 100%); } /* ── Fundal footer alb ─────────────────────────────────────── */ #footer, #checkout-footer { background: #ffffff !important; } #footer-container-main { background: #ffffff !important; border-bottom: 1px solid #ede0f8; color: #1A1A1A; } /* ── Social block — rând complet centrat deasupra gridului ── */ #footer .block-social-links { flex: 0 0 100% !important; max-width: 100% !important; text-align: center !important; order: -1 !important; padding-bottom: 24px; border-bottom: 1px solid #ede0f8; margin-bottom: 8px; } #footer .block-social-links .block-title, #footer .block-social-links .block-content { text-align: center !important; } /* ── Titluri coloane — 10px uppercase, subliniere 22×2px ──── */ #footer #footer-container-main .block-title { display: block !important; font-size: 10px !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: #1A1A1A !important; font-weight: 700 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; } #footer #footer-container-main .block-title::after { content: ''; display: block !important; width: 22px !important; height: 2px !important; border-radius: 2px; background: linear-gradient(110deg, #FF3399, #9933CC); margin-top: 8px; margin-bottom: 18px; flex: none !important; } /* ── Link-uri footer — #555, hover opacity .6 ─────────────── */ #footer-container-main a, #checkout-footer a { color: #555555 !important; transition: opacity .18s; } #footer-container-main a:hover, #checkout-footer a:hover { opacity: .6 !important; color: #555555 !important; text-decoration: none; } #footer .block-content, #footer .block-content p { color: #555555; } /* ── Fără dividers între secțiuni ────────────────────────── */ #footer .js-block-toggle { border-top: none !important; padding-top: 0 !important; } /* ── Icoane sociale — cerc gradient, icon alb ─────────────── */ #footer .social-links._footer { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 10px; padding-left: 0; list-style: none; } #footer .social-links._footer li { list-style: none; } #footer .social-links._footer li a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; background: linear-gradient(110deg, #FF3399, #9933CC) !important; color: #fff !important; opacity: 1 !important; transition: transform .18s, opacity .18s !important; text-decoration: none; } #footer .social-links._footer li a:hover { transform: scale(1.08) !important; opacity: .85 !important; } #footer .social-links._footer li a i { color: #fff !important; font-size: 18px !important; } /* ── Contact block ────────────────────────────────────────── */ #footer #footer-container-main .block-iqitcontactpage .block-content { color: #555555; line-height: 1.55; } #footer #footer-container-main .block-iqitcontactpage .block-content a { color: #555555 !important; } /* ── ANPC imagini — max 110px ────────────────────────────── */ #iqithtmlandbanners-block-12 .block-content img { max-width: 110px !important; height: auto !important; display: block; margin-bottom: 8px; } /* ── Buton GDPR ───────────────────────────────────────────── */ a.show-gdpr-modal { background: transparent !important; color: #777777 !important; border: 1px solid #d8b8d8 !important; font-size: 12px !important; padding: 4px 14px !important; border-radius: 20px !important; text-decoration: none !important; display: inline-block !important; margin: 8px 0; } a.show-gdpr-modal:hover { color: #FF3399 !important; border-color: #FF3399 !important; } /* ── Bara copyright ───────────────────────────────────────── */ #footer-copyrights, ._footer-copyrights-1 { background: #fdf8fc !important; border-top: 1px solid #ede0f8; } #footer-copyrights .copyright-txt, #footer-copyrights .copyright-txt p, #footer-copyrights .copyright-txt a { color: #888888 !important; font-size: 11.5px; } #footer-copyrights .copyright-img img { background: #ffffff; border-radius: 6px; padding: 4px 10px; } /* ── Newsletter ───────────────────────────────────────────── */ #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: 1px solid #e8c8e0 !important; background: #ffffff !important; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #FF3399 !important; } /* ── Social col → rând complet sus via CSS order ─────────────── */ #footer-container-main .row > .col-12.col-md-auto { order: -1 !important; flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; text-align: center; padding: 28px 48px 22px; border-bottom: 1px solid #ede0f8; margin-bottom: 8px; } #footer-container-main .row > .col-12.col-md-auto .block-title { text-align: center !important; } #footer-container-main .row > .col-12.col-md-auto .block-title::after { margin-left: auto !important; margin-right: auto !important; } /* -- 2026-05-20 polish footer: GDPR discret, linie dubla, FOLLOW US fara accordion, spatiere, social order+tiktok, copyright gradient -- */ #footer-container-main a.show-gdpr-modal{background:transparent !important;color:#9b8a98 !important;-webkit-text-fill-color:#9b8a98 !important;border:0 !important;border-radius:0 !important;padding:0 !important;font-size:11px !important;text-decoration:underline !important;text-underline-offset:2px;display:inline-block !important;margin:4px 0 0 !important} #footer-container-main a.show-gdpr-modal:hover{color:#FF3399 !important;-webkit-text-fill-color:#FF3399 !important} #footer-container-main .row > a.show-gdpr-modal{order:50 !important;flex:0 0 100% !important;max-width:100% !important;text-align:center !important} #footer .block-social-links{border-bottom:0 !important;padding-bottom:0 !important;margin-bottom:0 !important} #footer .block-social-links.block-toggle > .block-content, #footer .block-social-links .block-content{display:block !important} #footer .block-social-links .block-title{pointer-events:none;cursor:default} #footer .block-social-links .block-title span::after{display:none !important;content:none !important} #footer-container-main{padding-top:28px !important} #footer-container-main .row > .col-12.col-md-auto{padding-top:4px !important} #footer ul.social-links._footer{display:flex !important;flex-wrap:wrap;justify-content:center;gap:12px} #footer ul.social-links._footer li{margin:0 !important} #footer ul.social-links._footer li.facebook{order:1} #footer ul.social-links._footer li.instagram{order:2} #footer ul.social-links._footer li.tiktok{order:3} #footer ul.social-links._footer li.pinterest{order:4} #footer ul.social-links._footer li.youtube{order:5} #footer-copyrights{background:linear-gradient(110deg,#FF3399 0%,#9933CC 100%) !important;border-top:0 !important} #footer-copyrights .copyright-txt,#footer-copyrights .copyright-txt p,#footer-copyrights .copyright-txt a{color:#ffffff !important} @media (max-width:767px){#footer-copyrights .copyright-img,#footer-copyrights .copyright-txt{text-align:center !important}#footer-copyrights .copyright-img img{margin:0 auto}#footer-container-main .row > a.show-gdpr-modal{text-align:left !important;padding-left:10px !important}#footer-container-main .row > .col-12.col-md-auto{padding-left:24px !important;padding-right:24px !important}} /* layout copyright: text inainte de icons (2026-05-20) */ #footer-copyrights .row > .copyright-txt{order:1 !important} #footer-copyrights .row > .copyright-img{order:2 !important} /* dimensiune banda plata footer (2026-05-20) */ #footer-copyrights .copyright-img img{height:28px !important;width:auto !important;max-width:100% !important;background:transparent !important;border-radius:0 !important;padding:0 !important} @media (max-width:767px){#footer-copyrights .copyright-img img{height:20px !important}} /* 2026-05-20: fundal sectiune footer alb -> #FDF8FC (desktop + mobil; checkout-footer neatins) */ #footer{background:#FDF8FC !important} #footer-container-main{background:#FDF8FC !important} /* /FL-FOOTER-CONCEPT-B-2026 */ /* FL-CART-FIXES-2026 */ /* Definire variabile lipsa — repara btn-primary, Finalizare comanda + badge + badge-hover */ :root { --fl-gradient: linear-gradient(90deg, #FF3399, #9933CC); --fl-pink: #FF4470; --fl-pink-hover: #FF3399; } /* 2026-05-17: cart side panel button styling overrides */ /* Finalizare comanda: scoate border, adauga shadow ca pe .fl-cta, mareste font */ #blockcart-content .btn-primary, #blockcart-content a.btn-primary { border: none; box-shadow: rgba(255, 51, 153, 0.35) 0px 4px 20px 0px, rgba(0, 0, 0, 0.08) 0px 1px 4px 0px !important; /* !important pentru a bate theme override */ font-size: 16px; /* 2026-05-17 update: 15 -> 16 */ font-weight: 600; /* 2026-05-17: SemiBold pentru emphasis */ white-space: nowrap; /* 2026-05-17: garanteaza single-line pe orice device */ } /* Cos: transparent bg, text in #a888a8 */ #blockcart-content .btn-secondary, #blockcart-content a.btn-secondary { background: transparent !important; background-color: transparent !important; color: #a888a8 !important; } /* /FL-CART-FIXES-2026 */ /* FL-CAT-MENU-2026 — Meniu categorii orizontal scrollabil — mobile only */ @media (max-width: 991px) { .fl-category-scroll { position: relative; width: 100%; overflow: hidden; background: #ffffff; } .fl-category-scroll::after { display: none; } .fl-cat-track { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; padding: 12px 16px 14px; scrollbar-width: none; -ms-overflow-style: none; } .fl-cat-track::-webkit-scrollbar { display: none; } .fl-cat-pill { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 16px; border-radius: 999px; border: 1.2px solid #e8dde8; background: #ffffff; color: #1a1a1a; text-decoration: none; white-space: nowrap; flex-shrink: 0; scroll-snap-align: start; position: relative; transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease; font-size: 13px; font-weight: 500; letter-spacing: 0.01em; -webkit-tap-highlight-color: transparent; } .fl-cat-pill:active { background: #ffe6f2; border-color: #c84b8a; color: #b83880; transform: scale(0.97); } .fl-cat-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 18px; height: 18px; opacity: 0.75; } .fl-cat-icon svg { width: 18px; height: 18px; } .fl-cat-pill:active .fl-cat-icon { opacity: 1; } .fl-cat-badge { position: absolute; top: -6px; right: 8px; padding: 2px 5px; border-radius: 4px; font-size: 9px; font-weight: 700; letter-spacing: 0.05em; line-height: 1; pointer-events: none; } .fl-cat-badge--new { background: #1a1a1a; color: #fff; } .fl-cat-badge--hot { background: #e03060; color: #fff; } .fl-cat-badge--sale { background: #9933CC; color: #fff; } } /* /FL-CAT-MENU-2026 */ /* FL-CAT-MENU-SHOW-FIX-2026 — Forteaza vizibilitate sectiune pe mobil (IQIT Elementor genereaza clasa globala elementor-hidden in loc de elementor-hidden-desktop) — ROLLBACK: sterge acest bloc */ @media (max-width: 991px) { .elementor-element-rhk01fi { display: block !important; } } /* /FL-CAT-MENU-SHOW-FIX-2026 */ /* === FL-DESKTOP-MENU-REDESIGN-2026 === Concept B - Soft Blush Mega Menu Desktop only (min-width: 992px) Nu schimba structura, linkuri, texte sau JS CBP Salvat: 2026-05-13 | v3 (permanent fix inner bg) */ @media (min-width: 992px) { /* 1. Nav link - culori, padding hover-bridge */ #cbp-hrmenu ul > li.cbp-hrmenu-tab > a.nav-link { color: #1A1A1A !important; letter-spacing: 0.08em !important; padding: 18px 10px !important; transition: color .15s ease !important; } #cbp-hrmenu ul > li.cbp-hrmenu-tab > a.nav-link:hover, #cbp-hrmenu ul > li.cbp-hropen > a.nav-link { color: #FF3399 !important; border-bottom-color: transparent !important; } /* 2. Chevron - rotate cand open */ #cbp-hrmenu i.fa-angle-down.cbp-submenu-aindicator { opacity: 0.65 !important; transition: transform .2s ease !important; } #cbp-hrmenu li.cbp-hropen i.fa-angle-down.cbp-submenu-aindicator { transform: rotate(180deg) !important; } /* 3. Panoul dropdown - outer wrapper + inner (ambele trebuie stilizate) */ #cbp-hrmenu .cbp-hrsub { background: #fdf8fc !important; border: 1px solid #f0ddf0 !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(153, 51, 204, 0.07) !important; overflow: hidden !important; transition: opacity .18s ease, transform .18s ease !important; } /* Inner si level2 — suprascrie orice regula anterioara cu fundal inchis */ #cbp-hrmenu .cbp-hrsub-inner, #cbp-hrmenu ul.cbp-hrsub-level2 { background: #fdf8fc !important; border-top: none !important; box-shadow: none !important; } /* Linie gradient 3px la varf */ #cbp-hrmenu .cbp-hrsub::before { content: '' !important; position: absolute !important; top: 0; left: 0; right: 0; height: 3px !important; background: linear-gradient(110deg, #FF3399 0%, #9933CC 100%) !important; z-index: 2 !important; border-radius: 12px 12px 0 0 !important; } /* 4. Padding interior */ #cbp-hrmenu .cbp-hrsub-inner > .iqitmegamenu-submenu-container { padding: 24px 24px 20px !important; } /* 5. Heading grup (ex. GENE FALSE BANDA) */ #cbp-hrmenu .cbp-category-title { font-weight: 700 !important; font-size: 13px !important; letter-spacing: 0.10em !important; color: #1A1A1A !important; border-bottom: none !important; } /* 6. Link copil */ #cbp-hrmenu .cbp-links a, #cbp-hrmenu .cbp-category-tree a { font-size: 12.5px !important; font-weight: 400 !important; color: #555555 !important; line-height: 1.45 !important; padding: 1px 0 1px 0 !important; display: inline-block !important; position: relative !important; transition: color .15s ease, padding-left .15s ease !important; } #cbp-hrmenu .cbp-links a:hover, #cbp-hrmenu .cbp-category-tree a:hover { color: #FF3399 !important; padding-left: 12px !important; text-decoration: none !important; } /* 7. Dot roz la hover pe link copil */ #cbp-hrmenu .cbp-links a::before, #cbp-hrmenu .cbp-category-tree a::before { content: '' !important; position: absolute !important; left: -2px; top: 50%; width: 4px !important; height: 4px !important; background: #FF3399 !important; border-radius: 50% !important; transform: translateY(-50%) scale(0) !important; transition: transform .15s ease !important; } #cbp-hrmenu .cbp-links a:hover::before, #cbp-hrmenu .cbp-category-tree a:hover::before { transform: translateY(-50%) scale(1) !important; } /* 8. Latime dropdown - categorii cu putine iteme (Pigmenti tab-3, Make-up tab-13) */ li.cbp-hrmenu-tab-3 .cbp-hrsub, li.cbp-hrmenu-tab-13 .cbp-hrsub { width: 280px !important; } } /* === END FL-DESKTOP-MENU-REDESIGN-2026 === */ /* === FL-H1-SPACING-FIX-2026 === Reduce margin-top sectiune H1 pe mobile (elementor-element-1rv6hpj) Era 50px, redus la 0px. Mobile only (max-width: 991px). Rollback: sterge blocul acesta */ @media (max-width: 991px) { .elementor-element-1rv6hpj { margin-top: 0px !important; } } /* === END FL-H1-SPACING-FIX-2026 === */ /* FL-ICON-GAP-2026 — reduce gap between menu↔search and user↔cart on mobile */ /* Menu col: reduce right padding */ #header .col-mobile-btn-menu .m-nav-btn { padding-right: 2px !important; } /* Search col: reduce left padding */ #header .col-mobile-btn-search .m-nav-btn { padding-left: 2px !important; } /* User col: reduce right padding */ #header .col-mobile-btn-account .m-nav-btn { padding-right: 2px !important; } /* Cart col: reduce left padding */ #header .col-mobile-btn-cart .m-nav-btn { padding-left: 2px !important; } /* FL-ICON-HOVER-FIX-2026 — HugeIcons corecte (#FF3399) la hover/active, override reguli vechi */ /* === DESKTOP hover + active === */ #header .header-search-btn:hover .fa.fa-search.icon, #header .header-search-btn:hover .fa.icon.fa-search, #header .header-search-btn:active .fa.fa-search.icon, #header .header-search-btn:active .fa.icon.fa-search { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.25146%2011C2.25146%2015.82%206.18146%2019.75%2011.0015%2019.75C13.1411%2019.75%2015.1053%2018.9756%2016.6283%2017.6927L20.4709%2021.5354C20.6209%2021.6854%2020.8109%2021.7553%2021.0009%2021.7553C21.1909%2021.7553%2021.381%2021.6854%2021.531%2021.5354C21.821%2021.2454%2021.821%2020.7653%2021.531%2020.4753L17.6888%2016.6331C18.9749%2015.1093%2019.7515%2013.1426%2019.7515%2011C19.7515%206.18%2015.8215%202.25%2011.0015%202.25C6.18146%202.25%202.25146%206.18%202.25146%2011ZM3.75146%2011C3.75146%207%207.00146%203.75%2011.0015%203.75C15.0015%203.75%2018.2515%207%2018.2515%2011C18.2515%2015%2015.0015%2018.25%2011.0015%2018.25C7.00146%2018.25%203.75146%2015%203.75146%2011Z%22%20fill%3D%22%23FF3399%22%2F%3E%3C%2Fsvg%3E") !important; color: transparent !important; font-size: 0 !important; } #header .header-user-btn:hover .fa.fa-user.icon, #header .header-user-btn:hover .fa.icon.fa-user, #header .header-user-btn:active .fa.fa-user.icon, #header .header-user-btn:active .fa.icon.fa-user { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M19%2021.25C19.4142%2021.25%2019.75%2020.9142%2019.75%2020.5C19.75%2017.3026%2017.8128%2014.5593%2015.0488%2013.375C16.6709%2012.3584%2017.75%2010.5555%2017.75%208.5C17.75%205.32436%2015.1756%202.75%2012%202.75C8.82436%202.75%206.25%205.32436%206.25%208.5C6.25%2010.5552%207.32849%2012.3583%208.9502%2013.375C6.18662%2014.5595%204.25%2017.3029%204.25%2020.5C4.25%2020.9142%204.58579%2021.25%205%2021.25C5.41421%2021.25%205.75%2020.9142%205.75%2020.5C5.75%2017.0482%208.54822%2014.25%2012%2014.25C15.4518%2014.25%2018.25%2017.0482%2018.25%2020.5C18.25%2020.9142%2018.5858%2021.25%2019%2021.25ZM12%2012.75C9.65279%2012.75%207.75%2010.8472%207.75%208.5C7.75%206.15279%209.65279%204.25%2012%204.25C14.3472%204.25%2016.25%206.15279%2016.25%208.5C16.25%2010.8472%2014.3472%2012.75%2012%2012.75Z%22%20fill%3D%22%23FF3399%22%2F%3E%3C%2Fsvg%3E") !important; color: transparent !important; font-size: 0 !important; } #header .header-cart-btn:hover .fa.fa-shopping-bag.icon, #header .header-cart-btn:hover .fa.icon.fa-shopping-bag, #header .header-cart-btn:active .fa.fa-shopping-bag.icon, #header .header-cart-btn:active .fa.icon.fa-shopping-bag { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%201.75C14.0711%201.75%2015.75%203.42893%2015.75%205.5V6.75586C16.112%206.76183%2016.4356%206.77453%2016.7207%206.80859C17.2382%206.87048%2017.7119%207.00499%2018.1309%207.33203C18.5499%207.65917%2018.7959%208.08609%2018.9814%208.57324C19.1598%209.04144%2019.308%209.63809%2019.4854%2010.3477L21.6748%2019.1055C21.7249%2019.306%2021.75%2019.512%2021.75%2019.7188C21.75%2021.1165%2020.6165%2022.25%2019.2188%2022.25H4.78125C3.38354%2022.25%202.25%2021.1165%202.25%2019.7188C2.25004%2019.512%202.27507%2019.306%202.3252%2019.1055L4.51465%2010.3477C4.69204%209.63809%204.84023%209.04144%205.01855%208.57324C5.20414%208.08609%205.45015%207.65917%205.86914%207.33203C6.28809%207.00499%206.76176%206.87048%207.2793%206.80859C7.56438%206.77453%207.888%206.76183%208.25%206.75586V5.5C8.25%203.42893%209.92893%201.75%2012%201.75ZM9.12305%208.25C8.3549%208.25%207.84501%208.25146%207.45703%208.29785C7.08906%208.34185%206.91552%208.4182%206.79199%208.51465C6.66858%208.61105%206.5527%208.76065%206.4209%209.10645C6.28178%209.47161%206.15605%209.96664%205.96973%2010.7119L3.78125%2019.4688C3.76085%2019.5504%203.75004%2019.6346%203.75%2019.7188C3.75%2020.288%204.21197%2020.75%204.78125%2020.75H14.4775C14.3329%2020.4302%2014.2501%2020.076%2014.25%2019.7021C14.25%2019.5122%2014.2714%2019.322%2014.3135%2019.1367L16.7676%208.33398C16.7018%208.32059%2016.6276%208.30797%2016.543%208.29785C16.155%208.25146%2015.6451%208.25%2014.877%208.25H9.12305ZM15.7764%2019.4697C15.7591%2019.5458%2015.75%2019.6241%2015.75%2019.7021C15.7502%2020.2808%2016.2192%2020.7498%2016.7979%2020.75H19.2188C19.788%2020.75%2020.25%2020.288%2020.25%2019.7188C20.25%2019.6346%2020.2392%2019.5504%2020.2188%2019.4688L18.0303%2010.7119C17.9805%2010.5129%2017.9322%2010.3326%2017.8896%2010.167L15.7764%2019.4697ZM12.5%209.75C12.9142%209.75%2013.25%2010.0858%2013.25%2010.5C13.25%2010.9142%2012.9142%2011.25%2012.5%2011.25H10C9.58579%2011.25%209.25%2010.9142%209.25%2010.5C9.25%2010.0858%209.58579%209.75%2010%209.75H12.5ZM12%203.25C10.7574%203.25%209.75%204.25736%209.75%205.5V6.75H14.25V5.5C14.25%204.25736%2013.2426%203.25%2012%203.25Z%22%20fill%3D%22%23FF3399%22%2F%3E%3C%2Fsvg%3E") !important; color: transparent !important; font-size: 0 !important; } /* === MOBILE hover + active === */ /* Mobile menu: clear bg on anchor, set HugeIcons pink on .fa-bars to prevent duplication */ #header .col-mobile-btn-menu .m-nav-btn:hover, #header .col-mobile-btn-menu .m-nav-btn:active { background-image: none !important; } #header .col-mobile-btn-menu .m-nav-btn:hover .fa-bars, #header .col-mobile-btn-menu .m-nav-btn:active .fa-bars { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23FF3399%22%20d%3D%22M3.25%2C5%20C3.25%2C4.586%203.586%2C4.25%204%2C4.25%20L20%2C4.25%20C20.414%2C4.25%2020.75%2C4.586%2020.75%2C5%20C20.75%2C5.414%2020.414%2C5.75%2020%2C5.75%20L4%2C5.75%20C3.586%2C5.75%203.25%2C5.414%203.25%2C5%20Z%20M3.25%2C12%20C3.25%2C11.586%203.586%2C11.25%204%2C11.25%20L20%2C11.25%20C20.414%2C11.25%2020.75%2C11.586%2020.75%2C12%20C20.75%2C12.414%2020.414%2C12.75%2020%2C12.75%20L4%2C12.75%20C3.586%2C12.75%203.25%2C12.414%203.25%2C12%20Z%20M4%2C18.25%20L20%2C18.25%20C20.414%2C18.25%2020.75%2C18.586%2020.75%2C19%20C20.75%2C19.414%2020.414%2C19.75%2020%2C19.75%20L4%2C19.75%20C3.586%2C19.75%203.25%2C19.414%203.25%2C19%20C3.25%2C18.586%203.586%2C18.25%204%2C18.25%20Z%22%2F%3E%3C%2Fsvg%3E") !important; } #header #mobile-btn-search .m-nav-btn:hover .fa-search, #header #mobile-btn-search .m-nav-btn:active .fa-search, #header .col-mobile-btn-search .m-nav-btn:hover .fa-search, #header .col-mobile-btn-search .m-nav-btn:active .fa-search { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.25146%2011C2.25146%2015.82%206.18146%2019.75%2011.0015%2019.75C13.1411%2019.75%2015.1053%2018.9756%2016.6283%2017.6927L20.4709%2021.5354C20.6209%2021.6854%2020.8109%2021.7553%2021.0009%2021.7553C21.1909%2021.7553%2021.381%2021.6854%2021.531%2021.5354C21.821%2021.2454%2021.821%2020.7653%2021.531%2020.4753L17.6888%2016.6331C18.9749%2015.1093%2019.7515%2013.1426%2019.7515%2011C19.7515%206.18%2015.8215%202.25%2011.0015%202.25C6.18146%202.25%202.25146%206.18%202.25146%2011ZM3.75146%2011C3.75146%207%207.00146%203.75%2011.0015%203.75C15.0015%203.75%2018.2515%207%2018.2515%2011C18.2515%2015%2015.0015%2018.25%2011.0015%2018.25C7.00146%2018.25%203.75146%2015%203.75146%2011Z%22%20fill%3D%22%23FF3399%22%2F%3E%3C%2Fsvg%3E") !important; } #header .col-mobile-btn-account .m-nav-btn:hover .fa-user, #header .col-mobile-btn-account .m-nav-btn:active .fa-user { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M19%2021.25C19.4142%2021.25%2019.75%2020.9142%2019.75%2020.5C19.75%2017.3026%2017.8128%2014.5593%2015.0488%2013.375C16.6709%2012.3584%2017.75%2010.5555%2017.75%208.5C17.75%205.32436%2015.1756%202.75%2012%202.75C8.82436%202.75%206.25%205.32436%206.25%208.5C6.25%2010.5552%207.32849%2012.3583%208.9502%2013.375C6.18662%2014.5595%204.25%2017.3029%204.25%2020.5C4.25%2020.9142%204.58579%2021.25%205%2021.25C5.41421%2021.25%205.75%2020.9142%205.75%2020.5C5.75%2017.0482%208.54822%2014.25%2012%2014.25C15.4518%2014.25%2018.25%2017.0482%2018.25%2020.5C18.25%2020.9142%2018.5858%2021.25%2019%2021.25ZM12%2012.75C9.65279%2012.75%207.75%2010.8472%207.75%208.5C7.75%206.15279%209.65279%204.25%2012%204.25C14.3472%204.25%2016.25%206.15279%2016.25%208.5C16.25%2010.8472%2014.3472%2012.75%2012%2012.75Z%22%20fill%3D%22%23FF3399%22%2F%3E%3C%2Fsvg%3E") !important; } #header .col-mobile-btn-cart .m-nav-btn:hover .mobile-bag-icon, #header .col-mobile-btn-cart .m-nav-btn:active .mobile-bag-icon { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%201.75C14.0711%201.75%2015.75%203.42893%2015.75%205.5V6.75586C16.112%206.76183%2016.4356%206.77453%2016.7207%206.80859C17.2382%206.87048%2017.7119%207.00499%2018.1309%207.33203C18.5499%207.65917%2018.7959%208.08609%2018.9814%208.57324C19.1598%209.04144%2019.308%209.63809%2019.4854%2010.3477L21.6748%2019.1055C21.7249%2019.306%2021.75%2019.512%2021.75%2019.7188C21.75%2021.1165%2020.6165%2022.25%2019.2188%2022.25H4.78125C3.38354%2022.25%202.25%2021.1165%202.25%2019.7188C2.25004%2019.512%202.27507%2019.306%202.3252%2019.1055L4.51465%2010.3477C4.69204%209.63809%204.84023%209.04144%205.01855%208.57324C5.20414%208.08609%205.45015%207.65917%205.86914%207.33203C6.28809%207.00499%206.76176%206.87048%207.2793%206.80859C7.56438%206.77453%207.888%206.76183%208.25%206.75586V5.5C8.25%203.42893%209.92893%201.75%2012%201.75ZM9.12305%208.25C8.3549%208.25%207.84501%208.25146%207.45703%208.29785C7.08906%208.34185%206.91552%208.4182%206.79199%208.51465C6.66858%208.61105%206.5527%208.76065%206.4209%209.10645C6.28178%209.47161%206.15605%209.96664%205.96973%2010.7119L3.78125%2019.4688C3.76085%2019.5504%203.75004%2019.6346%203.75%2019.7188C3.75%2020.288%204.21197%2020.75%204.78125%2020.75H14.4775C14.3329%2020.4302%2014.2501%2020.076%2014.25%2019.7021C14.25%2019.5122%2014.2714%2019.322%2014.3135%2019.1367L16.7676%208.33398C16.7018%208.32059%2016.6276%208.30797%2016.543%208.29785C16.155%208.25146%2015.6451%208.25%2014.877%208.25H9.12305ZM15.7764%2019.4697C15.7591%2019.5458%2015.75%2019.6241%2015.75%2019.7021C15.7502%2020.2808%2016.2192%2020.7498%2016.7979%2020.75H19.2188C19.788%2020.75%2020.25%2020.288%2020.25%2019.7188C20.25%2019.6346%2020.2392%2019.5504%2020.2188%2019.4688L18.0303%2010.7119C17.9805%2010.5129%2017.9322%2010.3326%2017.8896%2010.167L15.7764%2019.4697ZM12.5%209.75C12.9142%209.75%2013.25%2010.0858%2013.25%2010.5C13.25%2010.9142%2012.9142%2011.25%2012.5%2011.25H10C9.58579%2011.25%209.25%2010.9142%209.25%2010.5C9.25%2010.0858%209.58579%209.75%2010%209.75H12.5ZM12%203.25C10.7574%203.25%209.75%204.25736%209.75%205.5V6.75H14.25V5.5C14.25%204.25736%2013.2426%203.25%2012%203.25Z%22%20fill%3D%22%23FF3399%22%2F%3E%3C%2Fsvg%3E") !important; } /* FL-LOGO-SIZE-2026 — logo mobil 160x42px (de la 140x37px) — 2026-05-14 */ /* Spec 2-1-2 bate custom.css (2-1-0) + regula veche din codes_css (1-1-2) */ #header #mobile-header .col-mobile-logo a img { width: 160px !important; max-width: none !important; height: auto !important; max-height: 52px !important; } /* FL-HP-READMORE-2026 — truncare text "De ce sa alegi" + "ForeverGlow" pe mobile — 2026-05-14 */ /* Tinte: .elementor-element-u1jv0q9 si .elementor-element-o06jtcu (text-editor widgets, homepage) */ /* Rollback: sterge blocul FL-HP-READMORE-2026 din codes_css si codes_js */ .fl-hp-readmore-btn { display: none; } @media (max-width: 991px) { .elementor-element-u1jv0q9.fl-collapsed .elementor-widget-container, .elementor-element-o06jtcu.fl-collapsed .elementor-widget-container { max-height: 160px; overflow: hidden; position: relative; } .elementor-element-u1jv0q9.fl-collapsed .elementor-widget-container::after, .elementor-element-o06jtcu.fl-collapsed .elementor-widget-container::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); pointer-events: none; } .fl-hp-readmore-btn { display: block; width: 100%; text-align: center; padding: 12px 0 4px; background: none; border: none; cursor: pointer; font-size: 14px; color: #FF3399; font-weight: 600; letter-spacing: 0.02em; } .fl-hp-readmore-btn .fl-chevron { display: inline-block; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; transition: transform 0.25s ease; margin-left: 4px; vertical-align: middle; } .fl-hp-readmore-btn[aria-expanded="true"] .fl-chevron { transform: rotate(180deg); } } /* /FL-HP-READMORE-2026 */ /* FL-HP-SECTIONS-CAROUSEL-2026 — carousel orizontal "De ce sa alegi" + "ForeverGlow" pe mobile — 2026-05-14 */ @media (max-width: 991px) { /* === Products grid → horizontal carousel === */ body.page-index .elementor-element-hqaz6if .products.row, body.page-index .elementor-element-1shlhg2 .products.row { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: x mandatory !important; gap: 8px !important; padding-bottom: 12px !important; margin: 0 !important; } body.page-index .elementor-element-hqaz6if .products.row::-webkit-scrollbar, body.page-index .elementor-element-1shlhg2 .products.row::-webkit-scrollbar { display: none !important; } /* 42vw → 2 carduri + 8px gap + ~54px peek al treilea */ body.page-index .elementor-element-hqaz6if .products.row .product-miniature, body.page-index .elementor-element-1shlhg2 .products.row .product-miniature { flex: 0 0 42vw !important; width: 42vw !important; max-width: 42vw !important; min-width: 42vw !important; scroll-snap-align: start !important; padding: 0 !important; margin: 0 !important; } /* === Header row: title left + "Vezi toate" right + linie delimitare === */ body.page-index .elementor-element-omac8zk .elementor-element-ucd1foq .elementor-widget-container, body.page-index .elementor-element-f5lz8fz .elementor-element-0gshpua .elementor-widget-container { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; padding: 0 0 8px !important; margin-bottom: 10px !important; border-bottom: 1px solid #f0ddf0 !important; } /* Heading title */ body.page-index .elementor-element-omac8zk .elementor-element-ucd1foq .elementor-heading-title, body.page-index .elementor-element-f5lz8fz .elementor-element-0gshpua .elementor-heading-title { font-size: 16px !important; font-weight: 800 !important; color: #1A1A1A !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; text-align: left !important; margin: 0 !important; padding: 0 !important; display: inline-block !important; border-bottom: none !important; line-height: 1.3 !important; } body.page-index .elementor-element-omac8zk .elementor-element-ucd1foq .elementor-heading-title span, body.page-index .elementor-element-f5lz8fz .elementor-element-0gshpua .elementor-heading-title span { color: #1A1A1A !important; font-weight: 800 !important; text-transform: uppercase !important; border-bottom: none !important; display: inline !important; } /* "Vezi toate" link — roz #FF3399 */ body.page-index .fl-vezi-toate-s1, body.page-index .fl-vezi-toate-s2 { font-size: 14px !important; color: #FF3399 !important; text-decoration: none !important; font-weight: 500 !important; white-space: nowrap !important; flex-shrink: 0 !important; letter-spacing: 0.02em !important; } /* === Hide sub-title "– SELECTIE –" + buton "Vezi mai multe" === */ body.page-index .elementor-element-tswzk6d, body.page-index .elementor-element-k1zafai, body.page-index .elementor-element-ee5i9ni, body.page-index .elementor-element-kv2d74i { display: none !important; } } /* 2026-05-20: ascunde Vezi mai multe si pe desktop (duplicat cu Vezi toate) - mobil deja ascuns mai sus */ @media (min-width:992px){body.page-index .elementor-element-ee5i9ni,body.page-index .elementor-element-kv2d74i{display:none !important}} /* /FL-HP-SECTIONS-CAROUSEL-2026 */ /* FL-HP-DIVIDER-COLOR-2026 — recolor dividers homepage (#f0ddf0): sub "Cele mai bune gene false" + deasupra/dedesubt "MACHIAJ PROFESIONAL DE TOP" — 2026-05-14 */ body.page-index .elementor-element-3s8xvu9 .elementor-divider-separator, body.page-index .elementor-element-cquv90m .elementor-divider-separator, body.page-index .elementor-element-qu1a2fo .elementor-divider-separator { border-top-color: #f0ddf0 !important; border-top-width: 1px !important; } body.page-index .elementor-element-3s8xvu9 .elementor-divider, body.page-index .elementor-element-cquv90m .elementor-divider, body.page-index .elementor-element-qu1a2fo .elementor-divider { padding-top: 5px !important; } /* /FL-HP-DIVIDER-COLOR-2026 */ /* FL-HP-HEADING-STYLE-2026 — H2 homepage style + recolor subtext "Genele false" — 2026-05-14 */ /* Heading "Cele mai bune gene false profesionale": 700, 1px spacing, 28px, shadow mov subtil */ body.page-index .elementor-element-22fvsrj .elementor-heading-title { font-weight: 700 !important; letter-spacing: 1px !important; font-size: 28px !important; line-height: 1.2 !important; text-shadow: rgba(153, 51, 204, 0.4) 1px 2px 0px !important; } /* Subtext "Genele false iti pun ochii in valoare...": Raleway 500, #9933CC, 16px (was mustard 20px 600) */ body.page-index .elementor-element-lev7kzg .elementor-heading-title { font-family: 'Raleway', sans-serif !important; font-style: normal !important; font-weight: 500 !important; color: #9933CC !important; font-size: 16px !important; line-height: 1.5 !important; } /* /FL-HP-HEADING-STYLE-2026 */ /* FL-HP-MACHIAJ-HEADING-STYLE-2026 — H2 + subtext sectiunea "MACHIAJ PROFESIONAL DE TOP" — 2026-05-14 */ /* Heading "MACHIAJ PROFESIONAL DE TOP": 700, 1px spacing, 28px, shadow mov subtil */ body.page-index .elementor-element-wzwu9ft .elementor-heading-title { font-weight: 700 !important; font-size: 28px !important; letter-spacing: 1px !important; line-height: 1.2 !important; text-shadow: rgba(153, 51, 204, 0.4) 1px 2px 0px !important; } /* Subtext "ForeverGlow inseamna...": weight 500, 13px (2 randuri >=375px; culoarea #9933CC e din Elementor) */ body.page-index .elementor-element-w9w2646 .elementor-heading-title { font-weight: 500 !important; font-size: 13px !important; line-height: 1.5 !important; } /* /FL-HP-MACHIAJ-HEADING-STYLE-2026 */ /* FL-GALLERY-ARROWS-RESTORE-2026 — hide swiper nav circles in thumbnail carousel (.js-qv-mask) on product pages — 2026-05-14 */ /* Using opacity+visibility instead of display:none to bypass .images-container display:flex !important conflict */ body.page-product #product .js-qv-mask .swiper-button-prev, body.page-product #product .js-qv-mask .swiper-button-next { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } /* /FL-GALLERY-ARROWS-RESTORE-2026 */ /* FL-PRICE-COLOR-2026 — culoare pret curent (sale price) #E5006D deep pink — 2026-05-15 */ /* Suprascrie culoarea default visiniu din tema (#AD1F00) */ /* Afecteaza: categorie, homepage, search, pagini de produs — selector .product-price */ /* Rollback: sterge acest bloc */ .product-price { color: #E5006D !important; } /* /FL-PRICE-COLOR-2026 */ /* FL-TOPBAR-DESKTOP-CAROUSEL-2026 */ @media (min-width: 992px) { #header .header-nav .center-nav { position: relative !important; display: flex !important; align-items: center; justify-content: center; min-height: 36px; } #header .header-nav .center-nav .fl-tb-msg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #ffffff; font-size: 0.82rem; font-weight: 500; letter-spacing: 0.05em; white-space: nowrap; opacity: 0; pointer-events: none; animation: fl-tb-fade 15s ease-in-out infinite; } #header .header-nav .center-nav .fl-tb-msg b { font-weight: 800; } #header .header-nav .center-nav .fl-tb-msg-1 { animation-delay: 0s; } #header .header-nav .center-nav .fl-tb-msg-2 { animation-delay: -10s; } #header .header-nav .center-nav .fl-tb-msg-3 { animation-delay: -5s; } #header .header-nav .center-nav a.fl-tb-msg-3 { color: #ffffff; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } #header .header-nav .center-nav a.fl-tb-msg-3:hover { color: #ffffff; } #header .header-nav .center-nav:hover .fl-tb-msg { animation-play-state: paused; } #header .header-nav a[href^="tel:"]::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 7px; vertical-align: -1px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='m23.5,11c-.276,0-.5-.224-.5-.5,0-5.238-4.262-9.5-9.5-9.5-.276,0-.5-.224-.5-.5s.224-.5.5-.5c5.79,0,10.5,4.71,10.5,10.5,0,.276-.224.5-.5.5Zm-3.5-.5c0-3.584-2.916-6.5-6.5-6.5-.276,0-.5.224-.5.5s.224.5.5.5c3.033,0,5.5,2.467,5.5,5.5,0,.276.224.5.5.5s.5-.224.5-.5Zm2.234,11.771l.978-1.125c.508-.508.788-1.184.788-1.902s-.28-1.395-.837-1.945l-2.446-1.873c-1.048-1.048-2.753-1.049-3.803-.003l-1.532,1.494c-3.68-1.499-6.678-4.5-8.294-8.303l1.488-1.525c1.049-1.049,1.049-2.756.043-3.756l-1.959-2.543c-1.017-1.017-2.813-.993-3.78-.023l-1.174,1.024C.605,2.886,0,4.373,0,5.976c0,7.749,10.275,18.024,18.024,18.024,1.603,0,3.089-.605,4.21-1.729ZM5.909,1.446l1.959,2.543c.659.659.659,1.732-.004,2.396l-1.722,1.766c-.138.142-.18.352-.106.536,1.729,4.305,5.113,7.688,9.286,9.28.182.07.388.027.527-.108l1.766-1.722s.003-.003.004-.005c.639-.64,1.704-.681,2.44.043l2.446,1.873c.659.659.659,1.731-.023,2.416l-.979,1.125c-.908.91-2.144,1.411-3.479,1.411C10.864,23,1,13.136,1,5.976c0-1.335.501-2.571,1.387-3.456l1.175-1.025c.336-.336.779-.5,1.215-.5.419,0,.831.152,1.133.452Z'/></svg>") center/contain no-repeat; } } @keyframes fl-tb-fade { 0% { opacity: 0; pointer-events: none; } 3%, 30% { opacity: 1; pointer-events: auto; } 33%, 100% { opacity: 0; pointer-events: none; } } @media (min-width: 992px) and (prefers-reduced-motion: reduce) { #header .header-nav .center-nav .fl-tb-msg { animation: none; opacity: 0; } #header .header-nav .center-nav .fl-tb-msg-1 { opacity: 1; pointer-events: auto; } } /* /FL-TOPBAR-DESKTOP-CAROUSEL-2026 */ /* FL-TOPBAR-RIGHTSWAP-2026 */ @media (min-width: 992px) { #header .header-nav .right-nav { display: flex !important; align-items: center; justify-content: flex-end; text-align: right; white-space: nowrap; position: relative; z-index: 2; } #header .header-nav .right-nav .block-iqitlinksmanager-2 { display: inline-block !important; } #header .header-nav .right-nav .block-iqitlinksmanager-2 li, #header .header-nav .right-nav .block-iqitlinksmanager-2 a { color: #ffffff !important; font-size: 12px !important; opacity: 1 !important; } #header #header-wishlist-btn { display: flex; align-items: center; } #header .header-wishlist-btn { display: inline-block; position: relative; padding: 0; line-height: 1; color: #1A1A1A; text-decoration: none; transition: color 0.2s ease; } #header .header-wishlist-btn:hover { color: #FF3399 !important; text-decoration: none; opacity: 1 !important; } #header .header-wishlist-btn::before { content: ""; display: block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='1 2 22 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M10.4107 19.9677C7.58942 17.858 2 13.0348 2 8.69444C2 5.82563 4.10526 3.5 7 3.5C8.5 3.5 10 4 12 6C14 4 15.5 3.5 17 3.5C19.8947 3.5 22 5.82563 22 8.69444C22 13.0348 16.4106 17.858 13.5893 19.9677C12.6399 20.6776 11.3601 20.6776 10.4107 19.9677Z'/></svg>") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='1 2 22 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M10.4107 19.9677C7.58942 17.858 2 13.0348 2 8.69444C2 5.82563 4.10526 3.5 7 3.5C8.5 3.5 10 4 12 6C14 4 15.5 3.5 17 3.5C19.8947 3.5 22 5.82563 22 8.69444C22 13.0348 16.4106 17.858 13.5893 19.9677C12.6399 20.6776 11.3601 20.6776 10.4107 19.9677Z'/></svg>") center/contain no-repeat; transition: background-color 0.2s ease, transform 0.2s ease; transform: scaleY(1.15); transform-origin: center bottom; } #header .header-wishlist-btn .wishlist-count-btn { position: absolute; top: -5px; right: -8px; min-width: 16px; height: 16px; line-height: 16px; padding: 0 4px; border-radius: 8px; background: #FF3399; color: #ffffff; font-size: 10px; font-weight: 700; text-align: center; box-sizing: content-box; } #header .header-wishlist-btn .wishlist-count-btn[data-count="0"] { display: none; } } /* /FL-TOPBAR-RIGHTSWAP-2026 */ /* ============================================================ * FL-UGC-SHOWCASE-PHASE1-2026 — CSS * Append in IQIT Theme Editor → Custom CSS/JS → codes_css * Scoped to .fl-ugc / .fl-ugc-lightbox only. * Corectii aplicate vs sursa Claude Design: * - font-family: inherit (fara Manrope/Instrument Serif → 0 Google Fonts) * - em italic ramane cu Georgia/serif fallback (fara import extern) * - .fl-ugc-duration { display: none } (durate hide pana avem reale) * - .fl-ugc-cta button ramane vizibil (link Instagram valid) * ============================================================ */ /* FL-UGC-SHOWCASE-PHASE1-2026 */ .fl-ugc { --fl-ugc-pink: #FF3399; --fl-ugc-purple: #9933CC; --fl-ugc-blush-pale: #fdf8fc; --fl-ugc-blush-mid: #f0ddf0; --fl-ugc-ink: #1A1A1A; --fl-ugc-ink-soft: #6b5e6b; --fl-ugc-card-border: rgba(153, 51, 204, 0.10); --fl-ugc-card-w: 244px; --fl-ugc-card-aspect: 9 / 16; --fl-ugc-gap: 14px; position: relative; width: 100vw; margin-left: calc(50% - 50vw); max-width: none; padding: 56px 0 64px; background: linear-gradient(180deg, #ffffff 0%, var(--fl-ugc-blush-pale) 12%, var(--fl-ugc-blush-mid) 100%); overflow: hidden; isolation: isolate; font-family: inherit; color: var(--fl-ugc-ink); box-sizing: border-box; } .fl-ugc *, .fl-ugc *::before, .fl-ugc *::after { box-sizing: border-box; } .fl-ugc-head { text-align: center; padding: 0 24px; max-width: 720px; margin: 0 auto; } .fl-ugc-eyebrow { margin: 0 0 12px; font-size: 10.5px; font-weight: 700; letter-spacing: 0.22em; color: var(--fl-ugc-purple); text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; } .fl-ugc-eyebrow-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--fl-ugc-pink); display: inline-block; } .fl-ugc-title { margin: 0; font-size: clamp(26px, 6.5vw, 36px); font-weight: 800; line-height: 1.05; letter-spacing: -0.025em; color: var(--fl-ugc-ink); text-wrap: balance; } .fl-ugc-title em { font-family: Georgia, 'Cormorant Garamond', serif; font-style: italic; font-weight: 400; color: var(--fl-ugc-purple); letter-spacing: -0.015em; } .fl-ugc-subtitle { margin: 12px auto 0; max-width: 560px; font-size: 13.5px; line-height: 1.55; color: var(--fl-ugc-ink-soft); font-weight: 400; text-wrap: pretty; } .fl-ugc-strip { margin-top: 32px; display: flex; gap: var(--fl-ugc-gap); overflow-x: auto; overflow-y: visible; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding-inline: calc(50% - (var(--fl-ugc-card-w) / 2)); padding-block: 8px 12px; scrollbar-width: none; -ms-overflow-style: none; } .fl-ugc-strip::-webkit-scrollbar { display: none; } .fl-ugc-card { flex: 0 0 var(--fl-ugc-card-w); width: var(--fl-ugc-card-w); min-width: 0; max-width: var(--fl-ugc-card-w); scroll-snap-align: center; scroll-snap-stop: always; display: flex; flex-direction: column; opacity: 0.78; transform: scale(0.94); transform-origin: top center; transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.7, 0.3, 1); } .fl-ugc-card.is-active { opacity: 1; transform: scale(1); } @media (prefers-reduced-motion: reduce) { .fl-ugc-card { transition: opacity 0.15s linear; transform: none; opacity: 1; } .fl-ugc-strip { scroll-behavior: auto; } } .fl-ugc-video { position: relative; width: 100%; aspect-ratio: var(--fl-ugc-card-aspect); border-radius: 20px; overflow: hidden; border: 0; padding: 0; margin: 0; background: var(--fl-ugc-blush-mid); cursor: pointer; box-shadow: 0 10px 28px -14px rgba(120, 40, 120, 0.28), 0 2px 8px -4px rgba(120, 40, 120, 0.14); transition: box-shadow 0.3s ease, transform 0.2s ease; -webkit-tap-highlight-color: transparent; display: block; font: inherit; color: inherit; } .fl-ugc-card.is-active .fl-ugc-video { border-radius: 22px; box-shadow: 0 18px 38px -16px rgba(120, 40, 120, 0.36), 0 4px 12px -6px rgba(120, 40, 120, 0.18); } .fl-ugc-video:focus-visible { outline: 2px solid var(--fl-ugc-pink); outline-offset: 3px; } .fl-ugc-video:active { transform: scale(0.985); } .fl-ugc-poster { width: 100%; height: 100%; object-fit: cover; display: block; user-select: none; -webkit-user-drag: none; } .fl-ugc-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, 0.94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px -4px rgba(40, 10, 40, 0.30), inset 0 0 0 1px rgba(255, 255, 255, 0.5); color: var(--fl-ugc-ink); transition: transform 0.2s ease, background 0.2s ease; pointer-events: none; } .fl-ugc-card.is-active .fl-ugc-play { width: 60px; height: 60px; } .fl-ugc-video:hover .fl-ugc-play { background: #fff; transform: translate(-50%, -50%) scale(1.06); } .fl-ugc-play svg { width: 32%; height: 32%; margin-left: 4%; fill: currentColor; } /* Hide duration pana avem durate reale */ .fl-ugc-duration { display: none !important; } .fl-ugc-product { margin: 10px 12px 0; background: #ffffff; border: 1px solid var(--fl-ugc-card-border); border-radius: 14px; padding: 9px 10px 9px 9px; display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; box-shadow: 0 2px 8px -4px rgba(120, 40, 120, 0.10); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; -webkit-tap-highlight-color: transparent; } .fl-ugc-product:hover { transform: translateY(-1px); box-shadow: 0 6px 16px -8px rgba(120, 40, 120, 0.22); border-color: rgba(153, 51, 204, 0.22); } .fl-ugc-product:focus-visible { outline: 2px solid var(--fl-ugc-pink); outline-offset: 2px; } .fl-ugc-thumb { width: 44px; height: 44px; flex-shrink: 0; border-radius: 10px; overflow: hidden; background: #fdf0f7; border: 1px solid rgba(255, 51, 153, 0.12); display: block; } .fl-ugc-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .fl-ugc-product-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .fl-ugc-product-name { font-size: 12.5px; font-weight: 700; color: var(--fl-ugc-ink); letter-spacing: -0.005em; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fl-ugc-product-cta { font-size: 10.5px; font-weight: 600; color: var(--fl-ugc-purple); letter-spacing: 0.02em; display: inline-flex; align-items: center; gap: 4px; } .fl-ugc-product-cta svg { width: 10px; height: 10px; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } .fl-ugc-product-chev { flex-shrink: 0; width: 14px; height: 14px; color: var(--fl-ugc-ink-soft); opacity: 0.5; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .fl-ugc-dots { margin-top: 20px; display: flex; align-items: center; justify-content: center; gap: 5px; } .fl-ugc-dot { width: 5px; height: 5px; border-radius: 3px; background: rgba(153, 51, 204, 0.22); transition: width 0.3s ease, background 0.3s ease; } .fl-ugc-dot.is-active { width: 18px; background: var(--fl-ugc-purple); } .fl-ugc-cta { margin-top: 24px; display: flex; justify-content: center; padding: 0 24px; } .fl-ugc-cta-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 248px; height: 48px; padding: 0 22px; border-radius: 999px; background: var(--fl-ugc-pink); color: #fff !important; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; text-decoration: none; box-shadow: 0 10px 22px -8px rgba(255, 51, 153, 0.55), inset 0 -1px 0 rgba(0, 0, 0, 0.08); transition: transform 0.15s ease, box-shadow 0.15s ease; -webkit-tap-highlight-color: transparent; font-family: inherit; border: 0; cursor: pointer; } .fl-ugc-cta-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 26px -8px rgba(255, 51, 153, 0.65), inset 0 -1px 0 rgba(0, 0, 0, 0.08); } .fl-ugc-cta-btn:focus-visible { outline: 2px solid var(--fl-ugc-purple); outline-offset: 3px; } .fl-ugc-cta-btn svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } @media (min-width: 1024px) { .fl-ugc { --fl-ugc-card-w: 210px; --fl-ugc-gap: 24px; padding: 96px 0 96px; } .fl-ugc-head { max-width: 800px; } .fl-ugc-title { font-size: 38px; } .fl-ugc-subtitle { font-size: 15px; max-width: 580px; } .fl-ugc-strip { margin-top: 48px; display: flex; justify-content: center; gap: 28px; overflow: visible; padding: 32px 48px; scroll-snap-type: none; } .fl-ugc-card { opacity: 1; transform: scale(1); transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.3, 1); } .fl-ugc-card:nth-child(3) { transform: scale(1.10) translateY(-8px); z-index: 2; } .fl-ugc-strip:has(.fl-ugc-card:hover) .fl-ugc-card:nth-child(3):not(:hover) { transform: scale(1) translateY(0); z-index: 1; } .fl-ugc-strip .fl-ugc-card:hover { transform: scale(1.10) translateY(-8px); z-index: 3; } .fl-ugc-play { width: 56px; height: 56px; } .fl-ugc-card:nth-child(3) .fl-ugc-play, .fl-ugc-card:hover .fl-ugc-play { width: 60px; height: 60px; } .fl-ugc-dots { display: none; } .fl-ugc-cta { margin-top: 48px; } .fl-ugc::before { content: ''; position: absolute; top: 40%; left: 50%; width: 620px; height: 460px; transform: translate(-50%, -40%); background: radial-gradient(ellipse at center, var(--fl-ugc-blush-mid) 0%, transparent 65%); filter: blur(14px); opacity: 0.9; pointer-events: none; z-index: 0; } .fl-ugc-head, .fl-ugc-strip, .fl-ugc-cta, .fl-ugc-dots { position: relative; z-index: 1; } } .fl-ugc-lightbox { position: fixed; inset: 0; z-index: 1000; background: rgba(13, 6, 16, 0.94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; padding: 56px 16px 24px; opacity: 0; transition: opacity 0.18s ease; overscroll-behavior: contain; font-family: inherit; box-sizing: border-box; } .fl-ugc-lightbox *, .fl-ugc-lightbox *::before, .fl-ugc-lightbox *::after { box-sizing: border-box; } .fl-ugc-lightbox[hidden] { display: none; } .fl-ugc-lightbox.is-open { opacity: 1; } .fl-ugc-lightbox-player { position: relative; width: 100%; max-width: 420px; aspect-ratio: 9 / 16; background: #000; border-radius: 18px; overflow: hidden; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.6); } .fl-ugc-lightbox-player iframe { width: 100%; height: 100%; border: 0; display: block; } .fl-ugc-lightbox-close { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 20px; line-height: 1; cursor: pointer; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: background 0.15s ease, transform 0.15s ease; display: flex; align-items: center; justify-content: center; font-family: inherit; padding: 0; } .fl-ugc-lightbox-close:hover { background: rgba(255, 255, 255, 0.20); transform: scale(1.05); } .fl-ugc-lightbox-close:focus-visible { outline: 2px solid var(--fl-ugc-pink, #FF3399); outline-offset: 2px; } @media (min-width: 1024px) { .fl-ugc-lightbox-player { max-width: 480px; } .fl-ugc-lightbox-close { top: 24px; right: 24px; width: 40px; height: 40px; font-size: 22px; } } /* /FL-UGC-SHOWCASE-PHASE1-2026 */ /* FL-STARS-UNDER-TITLE-2026 (CSS portion — partner cu JS-ul din codes_js) * Dedup fix 2026-05-16: dupa qty change PrestaShop face AJAX re-render pe .product-additional-info * si re-injecteaza .gsniprev-block-16 in pozitia default. Ascundem duplicatul; cel mutat de JS sub titlu ramane vizibil. */ body.page-product .product-additional-info .gsniprev-block-16 { display: none !important; } /* /FL-STARS-UNDER-TITLE-2026 */ /* FL-CART-QTY-2026 — Side cart qty selector polish (varianta B light improvement) 2026-05-17: scoped strict pe #blockcart-content .bootstrap-touchspin. Nu atinge .fl-ship-b (sibling, alta ierarhie), nu atinge product page touchspin (scoped pe .product-add-to-cart), nu atinge checkout (scoped pe #checkout). 1 !important = override pentru border-top black din Sectiunea 16 legacy. Rollback: sterge intreg blocul de la marker la /marker. */ #blockcart-content .bootstrap-touchspin { display: inline-flex; align-items: stretch; height: 38px; background: #FDF8FC; border: 1px solid #f0ddf0; border-radius: 10px; overflow: hidden; padding: 0; } #blockcart-content .bootstrap-touchspin .bootstrap-touchspin-prefix, #blockcart-content .bootstrap-touchspin .bootstrap-touchspin-postfix { display: none; } #blockcart-content .bootstrap-touchspin .block-cart-product-quantity { border: none; background: transparent; width: 42px; height: 100%; text-align: center; font-weight: 600; color: #1a1a1a; font-family: 'Raleway', sans-serif; font-size: 14px; padding: 0; box-shadow: none; outline: none; -moz-appearance: textfield; appearance: textfield; } #blockcart-content .bootstrap-touchspin .block-cart-product-quantity::-webkit-outer-spin-button, #blockcart-content .bootstrap-touchspin .block-cart-product-quantity::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #blockcart-content .bootstrap-touchspin .input-group-btn-vertical { display: flex; flex-direction: column; border-left: 1px solid #f0ddf0; } #blockcart-content .bootstrap-touchspin .btn-touchspin { background: transparent; border: none; color: #E5006D; padding: 0; width: 28px; flex: 1 1 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s ease; border-radius: 0; } #blockcart-content .bootstrap-touchspin .btn-touchspin:hover { background: rgba(229, 0, 109, 0.08); } #blockcart-content .bootstrap-touchspin .bootstrap-touchspin-down { border-top: 1px solid #f0ddf0 !important; /* override legacy black border-top din Sectiunea 16 */ } #blockcart-content .bootstrap-touchspin .btn-touchspin .fa-solid { font-size: 10px; line-height: 1; } /* /FL-CART-QTY-2026 */ /* FL-DESKTOP-PRODUCT-ATC-2026 — Desktop product page ATC + qty (v3 absolute positioning) 2026-05-17 v3: switch de la display:contents la absolute positioning pentru butoanele +/- ca sa fie bulletproof pe orice browser (display:contents are quirks pe unele combinatii). Scope strict: @media (min-width: 992px) + body.page-product. Rollback: sterge intreg blocul. */ @media (min-width: 992px) { /* QTY PILL — container relative, layout absolute pentru butoane */ body.page-product .product-add-to-cart .bootstrap-touchspin { position: relative !important; display: block !important; width: 110px !important; /* 2026-05-17 v4: ingustat de la 130 → 110 (anti-overlap cu ATC) */ height: 50px !important; background: #FDF8FC !important; border: 1px solid #f0ddf0 !important; border-radius: 50px !important; padding: 0 !important; margin-right: 14px !important; /* 2026-05-17 v4: spatiu fata de ATC button */ overflow: hidden; box-sizing: border-box; } body.page-product .product-add-to-cart .bootstrap-touchspin-prefix, body.page-product .product-add-to-cart .bootstrap-touchspin-postfix { display: none !important; } body.page-product .product-add-to-cart .input-group-btn-vertical { display: block; position: static; border: none !important; } /* Butoane absolute pe stanga/dreapta */ body.page-product .product-add-to-cart .btn-touchspin { position: absolute !important; top: 0; bottom: 0; width: 42px; height: 100%; background: transparent !important; border: none !important; color: #E5006D; padding: 0; display: flex !important; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s ease; border-radius: 0 !important; box-shadow: none !important; z-index: 2; } body.page-product .product-add-to-cart .bootstrap-touchspin-down { left: 0 !important; right: auto !important; } body.page-product .product-add-to-cart .bootstrap-touchspin-up { right: 0 !important; left: auto !important; } body.page-product .product-add-to-cart .btn-touchspin:hover { background: rgba(229, 0, 109, 0.08) !important; } body.page-product .product-add-to-cart .bootstrap-touchspin-down { border-top: none !important; } /* Hide native chevron icons */ body.page-product .product-add-to-cart .btn-touchspin .fa-solid, body.page-product .product-add-to-cart .btn-touchspin i { display: none !important; } /* Replace cu - / + via pseudo (font Arial fallback in caz ca theme forteaza FontAwesome) */ body.page-product .product-add-to-cart .bootstrap-touchspin-down::before { content: '\2212'; font-family: Arial, sans-serif !important; font-size: 20px; font-weight: 500; line-height: 1; color: #E5006D; } body.page-product .product-add-to-cart .bootstrap-touchspin-up::before { content: '+'; font-family: Arial, sans-serif !important; font-size: 22px; font-weight: 500; line-height: 1; color: #E5006D; } /* Input absolute, fill container cu padding pentru butoane */ body.page-product .product-add-to-cart #quantity_wanted { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; padding: 0 42px !important; border: none !important; background: transparent !important; text-align: center; font-weight: 600 !important; color: #1a1a1a !important; font-family: 'Raleway', sans-serif !important; font-size: 16px !important; box-shadow: none !important; outline: none; -moz-appearance: textfield; appearance: textfield; min-width: 0 !important; max-width: none !important; z-index: 1; box-sizing: border-box; } body.page-product .product-add-to-cart #quantity_wanted::-webkit-outer-spin-button, body.page-product .product-add-to-cart #quantity_wanted::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } /* ATC BUTTON — gradient + shadow (replic .fl-cta) */ body.page-product .product-add-to-cart .add-to-cart { background-image: linear-gradient(90deg, #FF3399 0%, #9933CC 100%) !important; background-color: transparent !important; color: #fff !important; border: none !important; border-radius: 50px !important; box-shadow: rgba(255,51,153,0.35) 0 4px 20px 0, rgba(0,0,0,0.08) 0 1px 4px 0 !important; font-family: 'Raleway', sans-serif; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.06em; text-transform: uppercase; padding: 0 32px !important; height: 50px; display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; transition: transform 0.2s ease, box-shadow 0.2s ease; } body.page-product .product-add-to-cart .add-to-cart:hover { transform: translateY(-1px); color: #fff !important; background-image: linear-gradient(90deg, #FF3399 0%, #9933CC 100%) !important; background-color: transparent !important; box-shadow: rgba(255,51,153,0.45) 0 6px 24px 0, rgba(0,0,0,0.10) 0 2px 6px 0 !important; } body.page-product .product-add-to-cart .add-to-cart:active { transform: translateY(0); } body.page-product .product-add-to-cart .add-to-cart .bag-icon { font-size: 14px; } } /* /FL-DESKTOP-PRODUCT-ATC-2026 */ /* FL-HIDE-OOS-RELATED-2026 — hide OOS cards in product-page related carousel (ps_categoryproducts) 2026-05-17: scope STRICT — body.page-product + .category-products. Target: .product-unavailable badge ("Stoc epuizat") via :has(). Hide ATAT swiper-slide wrapper CAT SI miniature pentru collapse complet al cardului. Limitari acceptate: - swiper-ul tot calculeaza paginarea pe 16 produse (cards OOS dispar dar dots raman count-uite) - browsere fara :has() (Safari < 16.4, Firefox < 121) → fallback: OOS ramane vizibil (gracioasa) Rollback: sterge intreg blocul. */ body.page-product .category-products .swiper-slide:has(.product-unavailable), body.page-product .category-products .product-miniature:has(.product-unavailable) { display: none !important; } /* /FL-HIDE-OOS-RELATED-2026 */ /* FL-SEARCH-CHIPS-2026 — search bar restyle + suggestion chips 2026-05-17: customized din Claude Design package (Varianta 3). Scope STRICT: .search-widget, .fl-search-chips, .fl-chip — nu atinge alte input-uri / butoane din site. Adaugat fata de original Claude Design: fill: currentColor pe SVG paths (iconitele primite NU au atributul, deci CSS-ul forteaza heritage). Rollback: sterge intregul bloc. */ /* 1. Tokens scoped */ .fl-search-chips, .fl-chip { --fl-chips-pink: #FF3399; --fl-chips-pink-deep: #E5006D; --fl-chips-purple: #9933CC; --fl-chips-blush: #FDF8FC; --fl-chips-border: #f0ddf0; --fl-chips-ink: #1A1A1A; --fl-chips-muted: #b070a0; --fl-chips-grad: linear-gradient(90deg, #FF3399, #9933CC); } /* 2. Search bar restyle (scoped .search-widget) */ .search-widget .input-group { display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 6px 0 16px; background: #ffffff; border: 1px solid #f0ddf0; border-radius: 999px; overflow: visible; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .search-widget .input-group:focus-within { border-color: #FF3399; box-shadow: 0 0 0 3px rgba(255, 51, 153, 0.10); } /* Leading magnifier icon via pseudo-element (no DOM change) */ .search-widget .input-group::before { content: ''; flex-shrink: 0; width: 18px; height: 18px; background-color: #FF3399; -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='9' cy='9' r='6.2'/%3E%3Cpath d='M14 14 L18 18'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='9' cy='9' r='6.2'/%3E%3Cpath d='M14 14 L18 18'/%3E%3C/svg%3E") center / contain no-repeat; transition: background-color 0.2s ease; } .search-widget .input-group:focus-within::before { background-color: #E5006D; } /* Input — strip default chrome */ .search-widget input.form-search-control, .search-widget input[name="s"] { flex: 1 1 auto; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; font-family: 'Raleway', system-ui, -apple-system, sans-serif; font-size: 14px; font-weight: 500; color: #1A1A1A; outline: 0; line-height: 1.2; } .search-widget input.form-search-control:focus, .search-widget input[name="s"]:focus { box-shadow: none; border: 0; outline: 0; } .search-widget input.form-search-control::placeholder, .search-widget input[name="s"]::placeholder { color: #9c8a98; font-weight: 400; opacity: 1; } /* Existing iqitsearch submit button — visually hidden, kept reachable */ .search-widget .input-group .search-btn { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; background: transparent; } /* × Clear button injected by JS */ .search-widget .input-group .fl-search-clear { flex-shrink: 0; width: 32px; height: 32px; padding: 0; margin: 0; border: 0; border-radius: 50%; background: transparent; color: #b070a0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease; font-family: 'Raleway', system-ui, -apple-system, sans-serif; } .search-widget .input-group .fl-search-clear.is-hidden { display: none; } .search-widget .input-group .fl-search-clear:hover { background: #fdf0f7; color: #FF3399; } .search-widget .input-group .fl-search-clear:focus-visible { outline: 0; background: #fdf0f7; color: #FF3399; box-shadow: 0 0 0 3px rgba(255, 51, 153, 0.18); } .search-widget .input-group .fl-search-clear svg { width: 14px; height: 14px; display: block; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; } /* 3. Chips block */ .fl-search-chips { display: block; padding: 14px 4px 6px; font-family: 'Raleway', system-ui, -apple-system, sans-serif; } .fl-search-chips.is-hidden { display: none; } .fl-search-chips-label { margin: 0 0 10px; font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--fl-chips-muted); display: flex; align-items: center; gap: 10px; line-height: 1.2; } .fl-search-chips-label::after { content: ''; flex: 1; height: 1px; background: var(--fl-chips-border); } .fl-search-chips-row { display: flex; flex-wrap: wrap; gap: 8px; } /* 4. Chip */ .fl-chip { display: inline-flex; align-items: center; gap: 7px; padding: 9px 14px 9px 11px; background: #ffffff; border: 1px solid var(--fl-chips-border); border-radius: 999px; color: var(--fl-chips-ink); font-family: 'Raleway', system-ui, -apple-system, sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0; text-decoration: none; white-space: nowrap; cursor: pointer; transition: transform 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease; -webkit-tap-highlight-color: transparent; } .fl-chip:hover, .fl-chip:focus-visible { border-color: var(--fl-chips-pink); color: var(--fl-chips-pink-deep); transform: translateY(-1px); box-shadow: 0 8px 22px -10px rgba(255, 51, 153, 0.45); text-decoration: none; outline: 0; } .fl-chip:focus-visible { box-shadow: 0 8px 22px -10px rgba(255, 51, 153, 0.45), 0 0 0 3px rgba(255, 51, 153, 0.18); } .fl-chip:active { transform: translateY(0); } /* Promotii — gradient CTA treatment */ .fl-chip--promo { border: 0; padding: 10px 16px 10px 13px; background: var(--fl-chips-grad); color: #ffffff; box-shadow: 0 6px 16px -6px rgba(255, 51, 153, 0.45); } .fl-chip--promo:hover, .fl-chip--promo:focus-visible { color: #ffffff; border-color: transparent; box-shadow: 0 12px 26px -8px rgba(255, 51, 153, 0.60); transform: translateY(-1px); } .fl-chip--promo:focus-visible { box-shadow: 0 12px 26px -8px rgba(255, 51, 153, 0.60), 0 0 0 3px rgba(255, 255, 255, 0.55); } /* 5. Icon slot — fill: currentColor forteaza inheritance pe SVG paths (iconitele primite nu au atributul, deci CSS-ul rezolva) */ .fl-chip-icon { width: 16px; height: 16px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; color: var(--fl-chips-purple); transition: color 0.18s ease, transform 0.18s ease; } .fl-chip-icon svg { width: 100%; height: 100%; display: block; fill: currentColor; /* 2026-05-17 added: forteaza color inheritance pe SVG fara fill="currentColor" */ } .fl-chip-icon svg path { fill: currentColor; /* idem */ } .fl-chip:hover .fl-chip-icon, .fl-chip:focus-visible .fl-chip-icon { color: var(--fl-chips-pink); transform: scale(1.08); } .fl-chip--promo .fl-chip-icon { color: #ffffff; width: 14px; height: 14px; } .fl-chip--promo:hover .fl-chip-icon, .fl-chip--promo:focus-visible .fl-chip-icon { color: #ffffff; transform: scale(1.08); } /* 6. Responsive — tighten on very narrow screens */ @media (max-width: 380px) { .fl-search-chips-row { gap: 6px; } .fl-chip { padding: 8px 12px 8px 10px; font-size: 12.5px; } } /* 7. Reduced motion */ @media (prefers-reduced-motion: reduce) { .fl-chip, .fl-chip-icon, .search-widget input.form-search-control, .search-widget input[name="s"] { transition: none; } .fl-chip:hover, .fl-chip:focus-visible { transform: none; } .fl-chip:hover .fl-chip-icon, .fl-chip:focus-visible .fl-chip-icon { transform: none; } } /* =========================================================== 2026-05-17 v2 — LAYOUT FIX: - Desktop: constrain #search_widget on fullscreen overlay to max-width 720px centered (era full 1366px) - Mobile: force .input-group + chips to width: 100% (era width:auto, colapsa in coloana ingusta) =========================================================== */ .search-widget .input-group { width: 100%; box-sizing: border-box; } .search-widget .fl-search-chips { width: 100%; box-sizing: border-box; } .search-widget form { width: 100%; box-sizing: border-box; } /* Desktop fullscreen overlay — center widget at sensible width */ .fullscreen-search #search_widget { width: 100%; max-width: 720px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; } /* Mobile dropdown — fill the dropdown container */ #search-widget-mobile { width: 100%; min-width: 290px; box-sizing: border-box; } /* =========================================================== 2026-05-17 v3 — FIX MOBILE BUGS: - Bug 1: form era display:flex flex-direction:row din theme → chips si input-group impart randul. Fortez display:block ca sa stivuiasca vertical. - Bug 2: input avea theme border + border-radius mosteniti (chenar in chenar). Fortez !important reset. =========================================================== */ .search-widget form { display: block !important; width: 100% !important; box-sizing: border-box; } .search-widget input.form-search-control, .search-widget input[name="s"] { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } /* =========================================================== 2026-05-17 v4 — FORCE SPECIFICITY OVERRIDE: Theme legacy CSS are #search-widget-mobile form (specificity 101) cu !important pentru display:flex + border:1px solid #ddd + border-radius:22px 0 0 22px. Selectorii mei cu .search-widget (specificity 11) pierd in fata acestora. Fix: prefix cu IDs explicite si pastrez @media (max-width: 991px) ca sa match-uiesc. =========================================================== */ @media (max-width: 991px) { #search-widget-mobile form { display: block !important; width: 100% !important; } #search-widget-mobile .input-group { display: flex !important; width: 100% !important; } #search-widget-mobile .form-control, #search-widget-mobile .form-search-control, #search-widget-mobile input[name="s"] { border: 0 !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; } } #search_widget form { display: block !important; } #search_widget .input-group { display: flex !important; } #search_widget .form-control, #search_widget .form-search-control, #search_widget input[name="s"] { border: 0 !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; } /* =========================================================== 2026-05-17 v5 — CASCADE FINAL FIX: Theme are transition: 0.2s all pe input + .search-btn vizibil pink. v4 a oprit display:flex form dar input border/radius/bg ramaneau din transition (perpetual mid-transition). Fix: transition: none pe input. Plus hide original .search-btn pe mobil (pe desktop deja hidden). =========================================================== */ @media (max-width: 991px) { #search-widget-mobile .form-control, #search-widget-mobile .form-search-control, #search-widget-mobile input[name="s"] { transition: none !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } #search-widget-mobile .search-btn { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; background: transparent !important; } } #search_widget .form-control, #search_widget .form-search-control, #search_widget input[name="s"] { transition: none !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } #search_widget .search-btn { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; background: transparent !important; } /* =========================================================== 2026-05-17 v6 — FINAL FIX: explicit longhand border-width 0 Browser bug/quirk: border-width shorthand din v5 nu se rezolva la 0 (computed 0.666667px — likely Bootstrap --bs-border-width var). Setez longhand explicit toate 4 + border-style none. =========================================================== */ @media (max-width: 991px) { #search-widget-mobile .form-control, #search-widget-mobile .form-search-control, #search-widget-mobile input[name="s"] { border-width: 0 !important; border-top-width: 0 !important; border-right-width: 0 !important; border-bottom-width: 0 !important; border-left-width: 0 !important; border-style: none !important; } } #search_widget .form-control, #search_widget .form-search-control, #search_widget input[name="s"] { border-width: 0 !important; border-top-width: 0 !important; border-right-width: 0 !important; border-bottom-width: 0 !important; border-left-width: 0 !important; border-style: none !important; } /* =========================================================== 2026-05-17 v7 — INVISIBLE HAIRLINE FIX: border-width: 0 nu castiga cascada (computed 0.666px rezidual din Bootstrap --bs-border-width var). Fix indirect: border-color transparent + outline none + box-shadow none → border ramane 0.666px dar invizibil. =========================================================== */ @media (max-width: 991px) { #search-widget-mobile .form-control, #search-widget-mobile .form-search-control, #search-widget-mobile input[name="s"] { border-color: transparent !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; outline: none !important; box-shadow: none !important; } } #search_widget .form-control, #search_widget .form-search-control, #search_widget input[name="s"] { border-color: transparent !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; outline: none !important; box-shadow: none !important; } /* =========================================================== 2026-05-17 v8 — iOS NATIVE APPEARANCE FIX: iOS Safari + mobile Chrome rendeaza <input> cu styling NATIVE (rounded corners, subtle border) chiar cand CSS seteaza border 0. Fix: appearance: none. Asta era „chenar in chenar" pe mobil real (nu se vedea pe Chrome MCP desktop). =========================================================== */ .search-widget input.form-search-control, .search-widget input[name="s"], #search-widget-mobile .form-control, #search-widget-mobile .form-search-control, #search-widget-mobile input[name="s"], #search_widget .form-control, #search_widget .form-search-control, #search_widget input[name="s"] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-border-radius: 0 !important; -webkit-tap-highlight-color: transparent !important; } /* 2026-05-17 v9 NUCLEAR RESET */ .search-widget .input-group:focus-within { box-shadow: none !important; } .search-widget input, .search-widget input:focus, .search-widget input:active, .search-widget input:hover, .search-widget input.form-search-control, .search-widget input[name="s"], #search-widget-mobile input, #search-widget-mobile input:focus, #search-widget-mobile input:active, #search-widget-mobile .form-control, #search-widget-mobile .form-search-control, #search-widget-mobile input[name="s"], #search_widget input, #search_widget input:focus, #search_widget .form-control, #search_widget .form-search-control, #search_widget input[name="s"] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; border: 0 !important; border-color: transparent !important; outline: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; background: transparent !important; background-color: transparent !important; background-image: none !important; -webkit-tap-highlight-color: transparent !important; filter: none !important; } /* =========================================================== 2026-05-17 v2 — FL-AUTOCOMPLETE-STYLE (simplified, robust) v1 a stricat layout-ul inner cu prea multe overrides flex. v2: display:block pe suggestion + img inline + minimum overrides. =========================================================== */ .search-widget { position: relative; } .search-widget .autocomplete-suggestions { position: absolute !important; top: calc(100% + 8px) !important; left: 0 !important; right: 0 !important; width: 100% !important; background: #ffffff !important; border: 1px solid #f0ddf0 !important; border-radius: 16px !important; box-shadow: 0 12px 32px rgba(0,0,0,0.08), 0 4px 12px rgba(255,51,153,0.06) !important; z-index: 1050 !important; max-height: 60vh !important; overflow-y: auto !important; padding: 6px !important; display: block !important; } .search-widget .autocomplete-suggestions:empty { display: none !important; } .search-widget .autocomplete-suggestion { display: block !important; width: 100% !important; padding: 10px 12px !important; margin: 0 !important; border-radius: 10px !important; text-decoration: none !important; color: #1A1A1A !important; cursor: pointer; border-bottom: 1px solid #f5e8f5; background: transparent !important; font-family: 'Raleway', sans-serif !important; font-size: 13.5px !important; line-height: 1.4 !important; white-space: normal !important; clear: both; } .search-widget .autocomplete-suggestion:last-child { border-bottom: 0 !important; } .search-widget .autocomplete-suggestion:hover, .search-widget .autocomplete-suggestion.active { background: #FDF8FC !important; color: #1A1A1A !important; text-decoration: none !important; } .search-widget .autocomplete-suggestion .row { display: flex !important; flex-direction: row !important; align-items: center !important; width: 100% !important; margin: 0 !important; flex-wrap: nowrap !important; } .search-widget .autocomplete-suggestion .col, .search-widget .autocomplete-suggestion .col-auto, .search-widget .autocomplete-suggestion .col-img { padding: 0 !important; flex: 1 1 auto !important; min-width: 0 !important; } .search-widget .autocomplete-suggestion .col-img, .search-widget .autocomplete-suggestion .col-auto { flex: 0 0 auto !important; margin-right: 12px !important; } .search-widget .autocomplete-suggestion .col-img img, .search-widget .autocomplete-suggestion img.img-fluid { width: 52px !important; height: 52px !important; max-width: 52px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } .search-widget .autocomplete-suggestion .name { display: block !important; font-weight: 600 !important; font-size: 13.5px !important; color: #1A1A1A !important; line-height: 1.3 !important; margin-bottom: 4px !important; white-space: normal !important; overflow: hidden; text-overflow: ellipsis; } .search-widget .autocomplete-suggestion .price { display: inline-block !important; font-weight: 700 !important; color: #E5006D !important; font-size: 13px !important; } .search-widget .autocomplete-suggestion .regular-price { display: inline-block; color: #999; text-decoration: line-through; font-weight: 400; font-size: 12px; margin-left: 6px; } /* /FL-AUTOCOMPLETE-STYLE */ /* FL-AUTOCOMPLETE-MOBILE (D: cosmetic-only) */ @media (max-width: 991px) { #search-widget-mobile .autocomplete-suggestions { background: #ffffff !important; border: 1px solid #f0ddf0 !important; border-radius: 12px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important; margin-top: 8px !important; padding: 4px !important; max-height: 60vh !important; overflow-y: auto !important; } #search-widget-mobile .autocomplete-suggestion:hover, #search-widget-mobile .autocomplete-suggestion.active { background: #FDF8FC !important; } } /* /FL-AUTOCOMPLETE-MOBILE */ /* /FL-SEARCH-CHIPS-2026 */ @media (max-width: 991px) { #opc_main_cart_mobile { display: block !important; } } @media (max-width: 991px) { #checkout #opc_login_customer_popup .modal-dialog { transform: none !important; left: 0 !important; top: 90px !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; min-height: 100% !important; } #checkout #opc_login_customer_popup { overflow-y: auto !important; } #checkout #opc_login_customer_popup .modal-content { border-radius: 0 !important; min-height: 100vh; width: 100% !important; } /* FL-TM-LOYALTY-WIDGET-2026 — ajustari widget loialitate theMarketer */ .theMarketer-launcher-widget, .theMarketer-launcher-widget .mktl-widget-toggle{ z-index:998 !important; } body.page-product .theMarketer-launcher-widget .mktl-widget-toggle{ bottom:112px !important; transform:scale(0.75) !important; transform-origin:left bottom !important; } body#checkout .theMarketer-launcher-widget, body.page-order .theMarketer-launcher-widget{ display:none !important; } /* /FL-TM-LOYALTY-WIDGET-2026 */ }