.iqitfake{ display: none;} @charset "UTF-8"; /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #ffffff; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1640px; } #mobile-header { border-bottom: none 1px; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .m-nav-btn { border: none 1px; border-left: none; } #mobile-header .col-mobile-btn:last-child .m-nav-btn { border-right: none; } html { font-size: 14px; } @media (max-width: 767px) { html { font-size: 12px; } } body { line-height: 2rem; } body { font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; } .h1, .h2, .block-title, .page-title, .modal-title, .step-title { font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; } #blockcart-content { background: #ffffff; border: none 1px; box-shadow: 0px 0px 5px 0px #aeaeae; } /*** 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: #f1f1f1; color: #222222; border: solid 1px #d1d1d1; } .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: #e1e1e1; color: #000000; border-color: #d1d1d1; } .btn-secondary:not(:disabled):not(.disabled):active { background: #e1e1e1; color: #000000; border-color: #d1d1d1; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #f1f1f1; color: #222222; border: none 1px; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #e1e1e1; color: #000000; border: none 1px; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #c81011; 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: #b40001; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #b40001; color: #ffffff; } #wrapper .breadcrumb { background: #f5f5f5; padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; color: #2b2b2b; box-shadow: 0px 0px 4px 0px #aeaeae; } #wrapper .breadcrumb li:after { color: #2b2b2b; } #wrapper .breadcrumb a { color: #2b2b2b; } /*** Text fields ***/ .form-control { border: none 1px; } .bootstrap-touchspin .btn-touchspin { border: none 1px; } /*** Radio buttons and checkboxes ***/ /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { border: none 1px; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: null!important; border-bottom: none 1px; } /*** Tooltips ***/ .tooltip-inner { background: null!important; color: null!important; } /*** Modals ***/ .modal-content { border: none 1px; } /*** Notifications ***/ .ns-box { border: none 1px; } .product-price { color: #c81011; } .iqit-review-star { color: #ffb100; } .product-flags .product-flag { font-size: 0.8571428571rem; font-style: normal; font-weight: bold; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #ef2100; color: #ffffff; } .product-flags .new { background: #969696; color: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #c90303; color: #ffffff; } .discount { background: #ef2100; color: #ffffff; } .product-available { background: #009900; color: #ffffff; } .product-unavailable { background: #c90303; color: #ffffff; } .product-unavailable-allow-oosp { background: #ffa641; color: #ffffff; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } #iqitcompare-floating { border-top: none 1px; border-left: none 1px; border-right: none 1px; } #back-to-top { display: none; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: none 1px; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: none 1px; } #header .header-nav { border-bottom: none 1px; display: none !important; } .header-top { padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; } .header-top .form-search-control { background: #ffffff; color: #b1b1b1; border: solid 1px #e1e1e1; } .header-top input.form-search-control::-webkit-input-placeholder { color: #b1b1b1; } .header-top input.form-search-control:-moz-placeholder { color: #b1b1b1; } .header-top input.form-search-control:-ms-input-placeholder { color: #b1b1b1; } .header-top input.form-search-control:-moz-placeholder { color: #b1b1b1; } .header-top .search-btn { color: #b1b1b1; } .header-top .header-btn-w .header-btn > .icon { display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #e4e4e4; } .cart-products-count-btn { background: #ed0000; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 70%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { background: #e1e1e1; border-top: solid 2px #616161; border-right: none 1px; border-bottom: none 3px #222222; border-left: none 1px; margin: 0 -500%; padding: 0 500%; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 3.9285714286rem; max-width: 21.4285714286rem; color: #000000; padding-left: 1.0714285714rem; padding-right: 1.0714285714rem; border-left: solid 1px #d9d9d9; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #000000; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.3928571429rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.9285714286rem !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 { background: #c81011; color: #ffffff; } .cbp-horizontal .cbp-tab-title { font-size: 1.2142857143rem; font-style: normal; font-weight: bold; text-transform: none; line-height: 1em; } .cbp-horizontal .cbp-submenu-aindicator { display: none; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 1.0714285714rem; } } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { border: none 1px; } #content-wrapper #cbp-hrmenu1 { border: none 1px; } #cbp-hrmenu1 .cbp-vertical-title { font-style: normal; font-weight: normal; text-transform: none; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-style: normal; font-weight: normal; text-transform: none; border-top: none 1px; } #cbp-hrmenu1 .cbp-submenu-aindicator { display: none; } #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; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { border: none 1px; box-shadow: 10px 10px 15px 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: !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: !important; } .cbp-hrmenu .cbp-tabs-names li a { color: !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { color: !important; } .cbp-hrmenu .cbp-links li a:before { display: none; } .cbp-hrmenu .cbp-links li a { padding-left: 0; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: !important; border-bottom: none 1px; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: !important; } #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__link { color: !important; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .mobile-menu__tab { border-bottom: none 1px; } .mobile-menu__link { color: !important; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__arrow { display: none; } .mobile-menu__legend { font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__header-wrapper { border-bottom: none 1px; display: none; } .mobile-menu__title { font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-style: normal; font-weight: normal; text-transform: none; color: !important; } .mobile-menu__column { font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__footer { border-top: none 1px; display: none; } /*** PS_FacatedSearch ***/ #search_filters .noUi-connect { background: #c81012; } /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #333333; color: #ffffff; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.5714285714rem; } .products.row > .col, .products.row > [class*="col-"] { padding: 0.5714285714rem; } .swiper-container-wrapper { margin: -0.5714285714rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.5714285714rem; } .swiper-container-wrapper .product-carousel { padding: 0.5714285714rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.5714285714rem; } .product-miniature { border: none 1px; outline: 1px solid transparent; box-shadow: 0px 0px 8px 0px #e4e4e4; background: #ffffff; color: #000000; } .product-miniature a:link:not(.nav-link):not(.btn), .product-miniature a:visited:not(.nav-link):not(.btn) { color: #000000; } .product-miniature .product-price { color: #000000; } .product-miniature .iqit-review-star { color: #ff882c; } .product-miniature-grid .product-title { font-size: 1.0714285714rem; font-style: normal; font-weight: normal; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.2857142857rem; font-style: normal; font-weight: bold; text-transform: none; } .product-miniature-grid .product-title { overflow: hidden; height: 3.6428571429rem; } @media (hover: hover) { .product-miniature:hover { outline: solid 1px #e4e4e4; box-shadow: 0px 0px 20px 0px #d1d1d1; } } .product-miniature-grid .product-functional-buttons { display: none; } .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.1785714286rem 0.3571428571rem; background: #f1f1f1; color: #333333; border: solid 1px #e1e1e1; } .btn-product-list:hover { background: #e8e8e8; color: #c81012; border-color: #c81012; } .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: #ffffff; } .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(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); } } @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: 2rem; 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: #333333; } .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: #333333; } #product .product-cover .expander:hover { opacity: 0.6 !important; } #wrapper { border-top: none 1px; border-bottom: none 1px; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { font-style: normal; font-weight: normal; text-transform: none; border-bottom: none 1px; margin-bottom: 0.8em; padding-bottom: 0.5em; } #content-wrapper .section-title { font-style: normal; font-weight: normal; text-transform: none; border-bottom: none 1px; margin-bottom: 0.8em; padding-bottom: 0.5em; } .nav-tabs .nav-link { color: #222222; 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: #222222; border-bottom: solid 3px #c81011; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #c81011; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #222222; border-bottom: solid 3px #c81011; } #wrapper .block-title { font-style: normal; font-weight: normal; text-transform: none; border-bottom: none 1px; margin-bottom: 0.8em; padding-bottom: 0.5em; } #left-column .block, #right-column .block { border: none 1px; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: none 1px; } #footer .block-title, #checkout-footer .block-title { font-style: normal; font-weight: normal; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #footer .block-title:after, #checkout-footer .block-title:after { content: ""; position: absolute; bottom: -0.5px; display: block; width: 30px; height: 1px; border-bottom: none 1px; left: 0; right: 0; } #footer-container-first { border-top: none 1px; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: normal; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 1px; } #footer-copyrights { border-top: none 1px; } @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; } } /* ========================================== PAGINA PRODUS - BUTON ADAUGA IN COS ========================================== */ .product-add-to-cart .add-to-cart{ display: flex !important; align-items: center; width: 230px; /* latime zona albastra */ height: 45px; background: ##c81011!important; color: #ffffff!important; border: 1px solid #e4e4e4!important; border-radius: 4px; overflow: hidden; font-size: 16px; font-weight: 600; padding: 0;} /* Zona rosie cu icon */ .product-add-to-cart .add-to-cart .bag-icon{ display: flex !important; align-items: center; justify-content: center; width: 60px; height: 100%; background: #303030; color: #fff;} /* Icon cos */ .product-add-to-cart .add-to-cart .bag-icon:before{ content: "\f217"; font-family: "FontAwesome"; font-size: 22px;} /* Textul */ .product-add-to-cart .add-to-cart span{ display: flex; align-items: center; height: 100%; white-space: nowrap; padding-left: 60px; /* mută textul spre dreapta */ padding-right: 20px;} /* Hover */ .product-add-to-cart .add-to-cart:hover{ background: #a30d0f!important;} .product-add-to-cart .add-to-cart:hover .bag-icon{ background: #000000; color: #fff;} /* inaltime egala pentru qty, wishlist, compare */ .product-add-to-cart .qty .input-group, .product-add-to-cart .col-add-wishlist .btn, .product-add-to-cart .col-add-compare .btn { height: 45px;} /* latime + chenar + background wishlist si compare */ .product-add-to-cart .col-add-wishlist .btn, .product-add-to-cart .col-add-compare .btn { width: 45px; border: 1px solid #e4e4e4; background: #fff;} /* aliniere continut vertical */ .product-add-to-cart .qty .input-group input, .product-add-to-cart .col-add-wishlist .btn, .product-add-to-cart .col-add-compare .btn { display: flex; align-items: center; justify-content: center;} /* fara padding diferit */ .product-add-to-cart .col-add-wishlist .btn, .product-add-to-cart .col-add-compare .btn { padding: 0;} /* ============================================================================== PAGINA PRODUS – design Butoane capacitati - IQITProductVariants impreuna cu modificari in warehouse/modules/iqitproductvariants/.../front.tpl ================================================================================= */ .iqitproductvariants__products{ gap: 6px;} .iqitproductvariants__product-col{ width: auto !important;} /* buton */ .iqitproductvariants__btn{ display: inline-flex !important; align-items: center; justify-content: center; padding: 6px 10px; min-width: 95px; border: 1px solid #222222; border-radius: 8px; background: #fff; color: #333!important; text-decoration: none !important; font-size: 13px; font-weight: 600; line-height: 1.1; box-sizing: border-box; /* important pentru stabilitate */} /* hover + current (fara schimbare de grosime la border) */ .iqitproductvariants__btn:hover, .iqitproductvariants__product--current.iqitproductvariants__btn{ background: #c81011; border: 1px solid #c81011; color: #fff !important;} /* ================================================== MENIU – Submeniu drop-down cu inaltime fixa =================================================== */ @media (min-width: 769px){ .cbp-hrsub .cbp-hrsub-inner{ height: 360px !important; }} /* ============================================= BUTON TELEFON – HEADER MOBIL (dupa lupa) =============================================== */ .col-mobile-btn-phone .header-phone-btn{ display: flex; align-items: center; justify-content: center;} /* dimensiune icon (optional) */ .col-mobile-btn-phone .header-phone-btn i{ font-size: 18px;} /* =========================================== ADVANCED SEARCH PE MOBIL (impreuna cu JS) =========================================== */ @media (max-width: 768px){ /* 1) Butonul default "Filtrare" -> rosu */ #search_filter_toggler{ background: #c81011 !important; border-color: #c81011 !important; color: #fff !important; font-weight: 700; border-radius: 4px; box-shadow: none !important; } #search_filter_toggler i{ color: #fff !important; } #search_filter_toggler:hover, #search_filter_toggler:active, #search_filter_toggler:focus{ background: #a50d0e !important; border-color: #a50d0e !important; color: #fff !important; } /* 2) Ascundem Advanced Search oriunde e, DAR nu in drawer */ [id^="PM_ASBlockOutput"]{ display: none !important;} .as-drawer [id^="PM_ASBlockOutput"]{ display: block !important;} /* 3) Overlay cand drawer e deschis */ body.as-open::before{ content:""; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 9998; } /* 4) Drawer */ .as-drawer{ display: none; position: fixed; top: 0; left: 0; height: 100vh; width: 86vw; max-width: 360px; background: #fff; z-index: 9999; overflow: auto; padding: 12px; box-shadow: 0 0 25px rgba(0,0,0,.25); } body.as-open .as-drawer{ display: block; } /* 5) X inchidere */ .as-drawer .as-close{ display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid #e6e6e6; border-radius: 6px; background: #fff; font-size: 22px; line-height: 1; position: sticky; top: 0; z-index: 2; margin-bottom: 10px; }}