/* * bp-hitech.css — designul bestprice.md in stilul hi-tech.md (10 oct 2026). * Culori proprii: albastru + galben dominante, rosu doar pentru reduceri. * HTML-ul blocurilor bpx-* il scrie /home/bestprice/tools/design/genereaza.php in CreativeElements. * TOATE REGULILE incep cu :is(html,#bpx#bpx) — prefixul (dublu ID) nu schimba ce se selecteaza, dar da regulii greutate de ID: * brand-grid-override.css are 218 reguli `body#index ...` (de la vechea pagina 4x4shop) care altfel castiga. * Se incarca DUPA bp-figma.css (head.tpl). Dupa orice editare: urca ?v= din head.tpl si goleste var/cache/prod. */ :root { --bpx-albastru: #0046be; --bpx-albastru-inchis: #00308a; --bpx-albastru-deschis: #e8f0ff; --bpx-galben: #ffc72c; --bpx-galben-inchis: #f2b400; --bpx-galben-deschis: #fff6d6; --bpx-rosu: #e5262a; --bpx-text: #1f2937; --bpx-muted: #6b7280; --bpx-linie: #e5e7eb; --bpx-gri: #f4f5f7; --bpx-raza: 10px; --bpx-font: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; } /* ---------- baza ---------- */ :is(html,#bpx#bpx) body, :is(html,#bpx#bpx) body p, :is(html,#bpx#bpx) body a, :is(html,#bpx#bpx) body li, :is(html,#bpx#bpx) body input, :is(html,#bpx#bpx) body button, :is(html,#bpx#bpx) body select, :is(html,#bpx#bpx) body textarea, :is(html,#bpx#bpx) body h1, :is(html,#bpx#bpx) body h2, :is(html,#bpx#bpx) body h3, :is(html,#bpx#bpx) body h4, :is(html,#bpx#bpx) body h5, :is(html,#bpx#bpx) body h6, :is(html,#bpx#bpx) .elementor-widget-container, :is(html,#bpx#bpx) .pos-menu-horizontal .menu-item > a { font-family: var(--bpx-font) !important; } :is(html,#bpx#bpx) body { color: var(--bpx-text); background: #fff; } :is(html,#bpx#bpx) a { color: inherit; } :is(html,#bpx#bpx) .bpx-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--bpx-galben); color: var(--bpx-albastru-inchis) !important; font-weight: 700; font-size: 15px; padding: 12px 22px; border-radius: 8px; transition: background .2s, transform .2s; } :is(html,#bpx#bpx) .bpx-btn:hover { background: var(--bpx-galben-inchis); } /* ---------- bara de sus (antet, sectiunea 1) ---------- */ :is(html,#bpx#bpx) .elementor-17170101 .bpx-top-sec, :is(html,#bpx#bpx) .elementor-17170201 .bpx-top-sec, :is(html,#bpx#bpx) .bpx-top-sec { background: var(--bpx-albastru-inchis) !important; } :is(html,#bpx#bpx) .bpx-top-sec > .elementor-container { max-width: 100% !important; } :is(html,#bpx#bpx) .bpx-top-sec .elementor-column-wrap, :is(html,#bpx#bpx) .bpx-top-sec .elementor-widget-wrap { padding: 0 !important; } :is(html,#bpx#bpx) .bpx-top { background: var(--bpx-albastru-inchis); color: #dbe6ff; font-size: 13px; } :is(html,#bpx#bpx) .bpx-top__in { max-width: 1400px; margin: 0 auto; padding: 0 20px; height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } :is(html,#bpx#bpx) .bpx-top__links { display: flex; gap: 22px; } :is(html,#bpx#bpx) .bpx-top a { color: #dbe6ff; text-decoration: none; } :is(html,#bpx#bpx) .bpx-top a:hover { color: #fff; } :is(html,#bpx#bpx) .bpx-top__contact { display: flex; align-items: center; gap: 20px; } :is(html,#bpx#bpx) .bpx-top__contact i { margin-right: 6px; color: var(--bpx-galben); } :is(html,#bpx#bpx) .bpx-top__tel { color: #fff !important; font-weight: 700; } /* ---------- antetul principal ---------- */ :is(html,#bpx#bpx) .elementor-element-3278f29e { padding: 14px 0 !important; border-bottom: 1px solid var(--bpx-linie); background: #fff !important; } :is(html,#bpx#bpx) .elementor-element-3278f29e > .elementor-container { max-width: 1400px !important; } :is(html,#bpx#bpx) .elementor-element-2cec9317 .site-logo img { max-height: 46px; width: auto; } /* cautarea: chenar galben, buton galben cu lupa albastra */ :is(html,#bpx#bpx) .pos-search.search-classic .pos-search__container { border: 2px solid var(--bpx-galben) !important; border-radius: 10px !important; overflow: hidden; background: #fff; } :is(html,#bpx#bpx) .pos-search.search-classic .pos-search__input { height: 46px !important; border: 0 !important; font-size: 15px !important; padding: 0 18px !important; background: #fff !important; } :is(html,#bpx#bpx) .pos-search.search-classic .pos-search__submit { background: var(--bpx-galben) !important; color: var(--bpx-albastru-inchis) !important; border: 0 !important; width: 64px !important; height: 46px !important; border-radius: 0 !important; } :is(html,#bpx#bpx) .pos-search.search-classic .pos-search__submit:hover { background: var(--bpx-galben-inchis) !important; } :is(html,#bpx#bpx) .pos-search.search-classic .pos-search__submit svg, :is(html,#bpx#bpx) .pos-search.search-classic .pos-search__submit i { color: var(--bpx-albastru-inchis) !important; fill: currentColor; } /* iconitele din dreapta, cu text dedesubt (ca la hi-tech) */ :is(html,#bpx#bpx) .elementor-element-238ffb42 .elementor-widget-wrap { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-end; align-items: flex-start; gap: 26px; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .elementor-widget { width: auto !important; margin: 0 !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .account-login, :is(html,#bpx#bpx) .elementor-element-238ffb42 .compare-top, :is(html,#bpx#bpx) .elementor-element-238ffb42 .wishlist-top, :is(html,#bpx#bpx) .elementor-element-238ffb42 .blockcart > a, :is(html,#bpx#bpx) .elementor-element-238ffb42 .blockcart .cart-preview-link { display: flex !important; flex-direction: column; align-items: center; gap: 4px; color: var(--bpx-text) !important; font-size: 12px !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 i, :is(html,#bpx#bpx) .elementor-element-238ffb42 svg { color: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .compare-top-count, :is(html,#bpx#bpx) .elementor-element-238ffb42 .wishlist-top-count, :is(html,#bpx#bpx) .elementor-element-238ffb42 .cart-products-count { background: var(--bpx-rosu) !important; color: #fff !important; font-weight: 700; } /* ---------- meniul orizontal (toate paginile, mai putin prima) ---------- */ :is(html,#bpx#bpx) .elementor-element-351638a0 { background: var(--bpx-albastru) !important; padding: 0 !important; border: 0 !important; } :is(html,#bpx#bpx) .elementor-element-351638a0 > .elementor-container { max-width: 1400px !important; } :is(html,#bpx#bpx) .elementor-element-351638a0 .elementor-column-wrap, :is(html,#bpx#bpx) .elementor-element-351638a0 .elementor-widget-wrap { padding: 0 !important; background: transparent !important; } :is(html,#bpx#bpx) .elementor-element-351638a0 .pos-menu-horizontal, :is(html,#bpx#bpx) .elementor-element-351638a0 .main-menu { background: transparent !important; } :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between; width: 100%; } :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li > a { color: #fff !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; padding: 13px 10px !important; white-space: nowrap; line-height: 1.2 !important; } :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li:hover > a { background: var(--bpx-albastru-inchis) !important; color: var(--bpx-galben) !important; } :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li > a .icon-drop-mobile, :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li > a::after { color: rgba(255,255,255,.7) !important; } /* pe prima pagina meniul e catalogul vertical de langa slider */ :is(html,#bpx#bpx) body#index .elementor-element-351638a0 { display: none !important; } /* ---------- prima pagina: catalog + slider + placi ---------- */ :is(html,#bpx#bpx) .bpx-hero { display: grid; grid-template-columns: 280px 1fr; gap: 20px; align-items: stretch; } :is(html,#bpx#bpx) .bpx-cat { background: var(--bpx-albastru); border-radius: 12px; color: #fff; position: relative; z-index: 20; box-shadow: 0 6px 20px rgba(0, 48, 138, .18); } :is(html,#bpx#bpx) .bpx-cat__head { display: flex; align-items: center; gap: 12px; padding: 15px 20px; font-weight: 700; font-size: 15px; background: var(--bpx-albastru-inchis); border-radius: 12px 12px 0 0; } :is(html,#bpx#bpx) .bpx-cat__head i { color: var(--bpx-galben); } :is(html,#bpx#bpx) .bpx-cat__list { list-style: none; margin: 0; padding: 6px 0 8px; } :is(html,#bpx#bpx) .bpx-cat__link { display: flex; align-items: center; gap: 12px; padding: 7.5px 18px; color: #fff !important; font-size: 14px; font-weight: 600; text-decoration: none !important; } :is(html,#bpx#bpx) .bpx-cat__link > i:first-child { width: 22px; text-align: center; color: var(--bpx-galben); font-size: 16px; } :is(html,#bpx#bpx) .bpx-cat__link span { flex: 1; } :is(html,#bpx#bpx) .bpx-cat__arr { font-size: 10px; opacity: .6; } :is(html,#bpx#bpx) .bpx-cat__item:hover > .bpx-cat__link { background: rgba(255,255,255,.12); } :is(html,#bpx#bpx) .bpx-cat__fly { display: none; position: absolute; left: 100%; top: 0; min-height: 100%; width: 560px; margin-left: 6px; background: #fff; color: var(--bpx-text); border-radius: 12px; box-shadow: 0 12px 40px rgba(17,24,39,.18); padding: 20px 24px; } :is(html,#bpx#bpx) .bpx-cat__item:hover > .bpx-cat__fly { display: block; } :is(html,#bpx#bpx) .bpx-cat__flyhead { display: block; font-weight: 700; color: var(--bpx-albastru) !important; margin-bottom: 12px; font-size: 15px; } :is(html,#bpx#bpx) .bpx-cat__fly ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 28px; } :is(html,#bpx#bpx) .bpx-cat__fly li { break-inside: avoid; } :is(html,#bpx#bpx) .bpx-cat__fly li a { display: block; padding: 6px 0; font-size: 14px; color: var(--bpx-text) !important; } :is(html,#bpx#bpx) .bpx-cat__fly li a:hover { color: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) .bpx-cat__fly small { color: var(--bpx-muted); font-size: 12px; } :is(html,#bpx#bpx) .bpx-hero__main { min-width: 0; display: flex; flex-direction: column; gap: 16px; } :is(html,#bpx#bpx) .bpx-slider { position: relative; overflow: hidden; border-radius: 14px; flex: 1; min-height: 360px; } :is(html,#bpx#bpx) .bpx-slider__track { display: flex; height: 100%; transition: transform .6s ease; } :is(html,#bpx#bpx) .bpx-slide { flex: 0 0 100%; display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 20px; padding: 36px 70px; text-decoration: none !important; min-height: 360px; } :is(html,#bpx#bpx) .bpx-slide--galben { background: linear-gradient(115deg, #fff4c9 0%, #ffe07a 100%); } :is(html,#bpx#bpx) .bpx-slide--albastru { background: linear-gradient(115deg, #eaf1ff 0%, #c7d9ff 100%); } :is(html,#bpx#bpx) .bpx-slide__badge { display: inline-block; background: var(--bpx-rosu); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; padding: 5px 12px; border-radius: 6px; margin-bottom: 14px; } :is(html,#bpx#bpx) .bpx-slide--albastru .bpx-slide__badge { background: var(--bpx-albastru); } :is(html,#bpx#bpx) .bpx-slide__title { font-size: 34px !important; line-height: 1.15 !important; font-weight: 800 !important; color: var(--bpx-albastru-inchis) !important; margin: 0 0 12px !important; } :is(html,#bpx#bpx) .bpx-slide__desc { font-size: 16px; color: #334155; margin: 0 0 22px; max-width: 460px; } :is(html,#bpx#bpx) .bpx-slide--galben .bpx-btn { background: var(--bpx-albastru); color: #fff !important; } :is(html,#bpx#bpx) .bpx-slide--galben .bpx-btn:hover { background: var(--bpx-albastru-inchis); } :is(html,#bpx#bpx) .bpx-slide__img { display: flex; align-items: center; justify-content: center; height: 100%; } :is(html,#bpx#bpx) .bpx-slide__img img { max-height: 300px; width: auto; max-width: 100%; object-fit: contain; mix-blend-mode: multiply; } :is(html,#bpx#bpx) .bpx-slide:hover .bpx-slide__img img { transform: scale(1.03); transition: transform .4s; } :is(html,#bpx#bpx) .bpx-slider__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; border: 0; background: rgba(255,255,255,.9); color: var(--bpx-albastru-inchis); box-shadow: 0 2px 10px rgba(0,0,0,.12); cursor: pointer; z-index: 2; } :is(html,#bpx#bpx) .bpx-slider__nav--prev { left: 16px; } :is(html,#bpx#bpx) .bpx-slider__nav--next { right: 16px; } :is(html,#bpx#bpx) .bpx-slider__nav:hover { background: #fff; color: var(--bpx-albastru); } :is(html,#bpx#bpx) .bpx-slider__dots { position: absolute; bottom: 14px; left: 0; right: 0; display: flex; justify-content: center; gap: 8px; } :is(html,#bpx#bpx) .bpx-slider__dots button { width: 9px; height: 9px; padding: 0; border-radius: 9px; border: 0; background: rgba(0,48,138,.25); cursor: pointer; transition: width .3s; } :is(html,#bpx#bpx) .bpx-slider__dots button.is-on { width: 26px; background: var(--bpx-albastru); } :is(html,#bpx#bpx) .bpx-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } :is(html,#bpx#bpx) .bpx-tile { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 12px; text-decoration: none !important; transition: transform .2s, box-shadow .2s; } :is(html,#bpx#bpx) .bpx-tile:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,.12); } :is(html,#bpx#bpx) .bpx-tile i { font-size: 24px; width: 30px; text-align: center; } :is(html,#bpx#bpx) .bpx-tile b { display: block; font-size: 15px; line-height: 1.2; } :is(html,#bpx#bpx) .bpx-tile small { display: block; font-size: 12.5px; opacity: .85; margin-top: 3px; } :is(html,#bpx#bpx) .bpx-tile--albastru { background: var(--bpx-albastru); color: #fff !important; } :is(html,#bpx#bpx) .bpx-tile--albastru i { color: var(--bpx-galben); } :is(html,#bpx#bpx) .bpx-tile--galben { background: var(--bpx-galben); color: var(--bpx-albastru-inchis) !important; } :is(html,#bpx#bpx) .bpx-tile--rosu { background: var(--bpx-rosu); color: #fff !important; } :is(html,#bpx#bpx) .bpx-tile--inchis { background: var(--bpx-albastru-inchis); color: #fff !important; } :is(html,#bpx#bpx) .bpx-tile--inchis i { color: var(--bpx-galben); } /* ---------- titluri de sectiune ---------- */ :is(html,#bpx#bpx) .bpx-sec { padding: 26px 0 6px; } :is(html,#bpx#bpx) .bpx-sec__head { display: flex; align-items: center; justify-content: space-between; margin: 0 0 18px; } :is(html,#bpx#bpx) .bpx-sec__head h2 { font-size: 24px !important; font-weight: 700 !important; color: var(--bpx-text) !important; margin: 0 !important; text-transform: none !important; letter-spacing: 0 !important; } :is(html,#bpx#bpx) .bpx-sec__head h2::after { content: ''; display: block; width: 44px; height: 4px; border-radius: 4px; background: var(--bpx-galben); margin-top: 8px; } :is(html,#bpx#bpx) .bpx-sec__more { color: var(--bpx-albastru) !important; font-weight: 600; font-size: 14px; } :is(html,#bpx#bpx) .bpx-sec__head--raft { margin: 26px 0 10px; } /* ---------- placile de categorii ---------- */ :is(html,#bpx#bpx) .bpx-cats { display: grid; grid-template-columns: repeat(7, 1fr); gap: 14px; } :is(html,#bpx#bpx) .bpx-cat-tile { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px 10px 14px; background: var(--bpx-gri); border-radius: 12px; border: 1px solid transparent; text-decoration: none !important; transition: border-color .2s, background .2s, transform .2s; } :is(html,#bpx#bpx) .bpx-cat-tile:hover { background: #fff; border-color: var(--bpx-galben); transform: translateY(-2px); } :is(html,#bpx#bpx) .bpx-cat-tile__img { width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; } :is(html,#bpx#bpx) .bpx-cat-tile__img img { max-width: 92%; max-height: 92%; object-fit: contain; mix-blend-mode: multiply; } :is(html,#bpx#bpx) .bpx-cat-tile__name { font-size: 13.5px; font-weight: 600; color: var(--bpx-text); text-align: center; line-height: 1.25; min-height: 34px; } /* ---------- marci ---------- */ :is(html,#bpx#bpx) .bpx-brands { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; } :is(html,#bpx#bpx) .bpx-brand { display: flex; align-items: center; justify-content: center; height: 70px; border: 1px solid var(--bpx-linie); border-radius: 12px; font-size: 22px; font-weight: 800; letter-spacing: -.3px; color: #374151 !important; text-decoration: none !important; background: #fff; transition: color .2s, border-color .2s; } :is(html,#bpx#bpx) .bpx-brand:hover { color: var(--bpx-albastru) !important; border-color: var(--bpx-albastru); } /* ---------- rafturile de produse (pos_tab_products) ---------- */ :is(html,#bpx#bpx) .bpx-raft { margin-bottom: 10px; } /* ---------- cardul de produs (peste tot: prima pagina, categorii, cautare) ---------- */ :is(html,#bpx#bpx) article.js-product-miniature.style_product_default { background: #fff; border: 1px solid var(--bpx-linie) !important; border-radius: var(--bpx-raza) !important; padding: 12px 14px 14px !important; height: 100%; display: flex; flex-direction: column; transition: box-shadow .2s, border-color .2s; box-shadow: none !important; margin: 0 !important; } :is(html,#bpx#bpx) article.js-product-miniature.style_product_default:hover { box-shadow: 0 10px 28px rgba(17,24,39,.10) !important; border-color: #d1d5db !important; } :is(html,#bpx#bpx) article.js-product-miniature .img_block { position: relative; border: 0 !important; margin-bottom: 10px; background: #fff !important; } :is(html,#bpx#bpx) article.js-product-miniature .img_block img { aspect-ratio: 1; object-fit: contain; width: 100%; height: auto; } :is(html,#bpx#bpx) article.js-product-miniature .product-flag { position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style: none; z-index: 2; } :is(html,#bpx#bpx) article.js-product-miniature .product-flag li { background: var(--bpx-rosu) !important; color: #fff !important; font-size: 12px !important; font-weight: 700 !important; border-radius: 6px !important; padding: 3px 8px !important; margin: 0 0 4px !important; line-height: 1.3 !important; min-width: 0 !important; height: auto !important; } :is(html,#bpx#bpx) article.js-product-miniature .product-flag li.new { background: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) article.js-product-miniature .product-flag li.out_of_stock, :is(html,#bpx#bpx) article.js-product-miniature .product-flag li.out-of-stock { background: #9ca3af !important; } :is(html,#bpx#bpx) article.js-product-miniature .product_desc { display: flex; flex-direction: column; flex: 1; padding: 0 !important; text-align: left !important; } :is(html,#bpx#bpx) article.js-product-miniature .inner_desc { display: flex; flex-direction: column; flex: 1; } :is(html,#bpx#bpx) article.js-product-miniature .manufacturer { order: -1; margin-bottom: 4px; } :is(html,#bpx#bpx) article.js-product-miniature .manufacturer a { font-size: 11.5px !important; color: var(--bpx-muted) !important; text-transform: uppercase; letter-spacing: .3px; font-weight: 600; } :is(html,#bpx#bpx) article.js-product-miniature h3 { margin: 0 0 8px !important; } :is(html,#bpx#bpx) article.js-product-miniature .product_name { font-size: 14px !important; line-height: 1.35 !important; font-weight: 400 !important; color: var(--bpx-text) !important; text-transform: none !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; min-height: 38px; } :is(html,#bpx#bpx) article.js-product-miniature .product_name:hover { color: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) article.js-product-miniature .product-price-and-shipping { margin-top: auto; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding-top: 6px; } :is(html,#bpx#bpx) article.js-product-miniature .product-price-and-shipping .price { order: 1; font-size: 20px !important; font-weight: 800 !important; color: var(--bpx-text) !important; letter-spacing: -.2px; } :is(html,#bpx#bpx) article.js-product-miniature .product-price-and-shipping .price.price-sale { color: var(--bpx-rosu) !important; } :is(html,#bpx#bpx) article.js-product-miniature .product-price-and-shipping .regular-price { order: 0; width: 100%; font-size: 13px !important; color: var(--bpx-muted) !important; text-decoration: line-through; font-weight: 400 !important; margin: 0 !important; } :is(html,#bpx#bpx) article.js-product-miniature .product-price-and-shipping .discount-amount, :is(html,#bpx#bpx) article.js-product-miniature .product-price-and-shipping .discount-percentage { display: none !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links { display: flex !important; align-items: center; gap: 8px; margin: 12px 0 0 !important; padding: 0 !important; list-style: none; position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li { margin: 0 !important; position: static !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li.cart { flex: 1; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links .add-to-cart, :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li.cart .btn { width: 100% !important; height: 42px !important; border-radius: 8px !important; border: 0 !important; background: var(--bpx-galben) !important; color: var(--bpx-albastru-inchis) !important; font-weight: 700 !important; font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; padding: 0 10px !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; line-height: 1 !important; text-indent: 0 !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links .add-to-cart::before { content: '\f07a'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 14px; position: static !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links .add-to-cart:hover { background: var(--bpx-galben-inchis) !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links .add-to-cart:disabled, :is(html,#bpx#bpx) article.js-product-miniature .add-to-links .add-to-cart.disabled { background: #e5e7eb !important; color: #6b7280 !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) a { width: 42px !important; height: 42px !important; border-radius: 8px !important; border: 1px solid var(--bpx-linie) !important; background: #fff !important; display: flex !important; align-items: center; justify-content: center; color: var(--bpx-albastru) !important; font-size: 0 !important; position: static !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) a span { display: none !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) a::before { font-family: 'Font Awesome 6 Free'; font-weight: 400; font-size: 16px !important; position: static !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links a.addToWishlist::before { content: '\f004'; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links a.compare-button::before { content: '\f24e'; font-weight: 900 !important; font-size: 14px !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) a:hover { border-color: var(--bpx-albastru) !important; background: var(--bpx-albastru-deschis) !important; } :is(html,#bpx#bpx) article.js-product-miniature .availability, :is(html,#bpx#bpx) article.js-product-miniature .quick-view, :is(html,#bpx#bpx) article.js-product-miniature .hook-reviews:empty { display: none !important; } /* ---------- subsol ---------- */ :is(html,#bpx#bpx) .bpx-foot { background: var(--bpx-gri); color: var(--bpx-text); } :is(html,#bpx#bpx) .bpx-foot__benefits { max-width: 1400px; margin: 0 auto; padding: 26px 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; border-bottom: 1px solid var(--bpx-linie); } :is(html,#bpx#bpx) .bpx-benefit { display: flex; align-items: center; gap: 14px; } :is(html,#bpx#bpx) .bpx-benefit i { width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex: 0 0 46px; } :is(html,#bpx#bpx) .bpx-benefit--albastru i { background: var(--bpx-albastru); color: #fff; } :is(html,#bpx#bpx) .bpx-benefit--galben i { background: var(--bpx-galben); color: var(--bpx-albastru-inchis); } :is(html,#bpx#bpx) .bpx-benefit--rosu i { background: var(--bpx-rosu); color: #fff; } :is(html,#bpx#bpx) .bpx-benefit--inchis i { background: var(--bpx-albastru-inchis); color: var(--bpx-galben); } :is(html,#bpx#bpx) .bpx-benefit b { display: block; font-size: 14.5px; } :is(html,#bpx#bpx) .bpx-benefit small { color: var(--bpx-muted); font-size: 13px; } :is(html,#bpx#bpx) .bpx-foot__cols { max-width: 1400px; margin: 0 auto; padding: 36px 20px 26px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 30px; } :is(html,#bpx#bpx) .bpx-foot__brand img { height: 38px; width: auto; margin-bottom: 14px; } :is(html,#bpx#bpx) .bpx-foot__brand p { color: var(--bpx-muted); font-size: 13.5px; line-height: 1.6; margin: 0 0 14px; max-width: 360px; } :is(html,#bpx#bpx) .bpx-foot__brand a, :is(html,#bpx#bpx) .bpx-foot__brand span { display: flex; align-items: center; gap: 10px; font-size: 14px; margin-bottom: 8px; color: var(--bpx-text) !important; } :is(html,#bpx#bpx) .bpx-foot__brand i { color: var(--bpx-albastru); width: 16px; } :is(html,#bpx#bpx) .bpx-foot__tel { font-weight: 800; font-size: 18px !important; color: var(--bpx-albastru-inchis) !important; } :is(html,#bpx#bpx) .bpx-foot__col h3 { font-size: 15px !important; font-weight: 700 !important; color: var(--bpx-albastru-inchis) !important; margin: 0 0 14px !important; text-transform: none !important; } :is(html,#bpx#bpx) .bpx-foot__col ul { list-style: none; margin: 0; padding: 0; } :is(html,#bpx#bpx) .bpx-foot__col li { margin-bottom: 9px; } :is(html,#bpx#bpx) .bpx-foot__col a { color: #4b5563 !important; font-size: 14px; } :is(html,#bpx#bpx) .bpx-foot__col a:hover { color: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) .bpx-foot__bottom { background: var(--bpx-albastru-inchis); color: #c7d5f5; text-align: center; font-size: 13px; padding: 14px 20px; } /* ---------- ecrane mai mici ---------- */ @media (max-width: 1280px) { :is(html,#bpx#bpx) .bpx-cats { grid-template-columns: repeat(5, 1fr); } :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li > a { font-size: 13px !important; padding: 12px 7px !important; } } @media (max-width: 1024px) { :is(html,#bpx#bpx) .bpx-hero { grid-template-columns: 1fr; } :is(html,#bpx#bpx) .bpx-cat { display: none; } :is(html,#bpx#bpx) .bpx-slide { padding: 28px 56px; } :is(html,#bpx#bpx) .bpx-slide__title { font-size: 28px !important; } :is(html,#bpx#bpx) .bpx-cats { grid-template-columns: repeat(4, 1fr); } :is(html,#bpx#bpx) .bpx-brands { grid-template-columns: repeat(4, 1fr); } :is(html,#bpx#bpx) .bpx-foot__benefits { grid-template-columns: repeat(2, 1fr); } :is(html,#bpx#bpx) .bpx-foot__cols { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { :is(html,#bpx#bpx) .bpx-slider, :is(html,#bpx#bpx) .bpx-slide { min-height: 0; } :is(html,#bpx#bpx) .bpx-slide { grid-template-columns: 1fr; padding: 22px 22px 40px; gap: 6px; text-align: left; } :is(html,#bpx#bpx) .bpx-slide__img { order: -1; height: 170px; } :is(html,#bpx#bpx) .bpx-slide__img img { max-height: 170px; } :is(html,#bpx#bpx) .bpx-slide__title { font-size: 22px !important; } :is(html,#bpx#bpx) .bpx-slide__desc { font-size: 14px; margin-bottom: 14px; } :is(html,#bpx#bpx) .bpx-slider__nav { display: none; } :is(html,#bpx#bpx) .bpx-tiles { grid-template-columns: 1fr 1fr; gap: 10px; } :is(html,#bpx#bpx) .bpx-tile { padding: 12px; gap: 10px; } :is(html,#bpx#bpx) .bpx-tile i { font-size: 20px; width: 24px; } :is(html,#bpx#bpx) .bpx-tile b { font-size: 13.5px; } :is(html,#bpx#bpx) .bpx-tile small { font-size: 11.5px; } :is(html,#bpx#bpx) .bpx-sec__head h2 { font-size: 20px !important; } :is(html,#bpx#bpx) .bpx-cats { grid-template-columns: repeat(3, 1fr); gap: 10px; } :is(html,#bpx#bpx) .bpx-cat-tile { padding: 10px 6px; } :is(html,#bpx#bpx) .bpx-cat-tile__name { font-size: 12px; min-height: 30px; } :is(html,#bpx#bpx) .bpx-brands { grid-template-columns: repeat(3, 1fr); gap: 10px; } :is(html,#bpx#bpx) .bpx-brand { height: 56px; font-size: 16px; } :is(html,#bpx#bpx) .bpx-foot__benefits { grid-template-columns: 1fr; gap: 14px; } :is(html,#bpx#bpx) .bpx-foot__cols { grid-template-columns: 1fr 1fr; gap: 24px; } :is(html,#bpx#bpx) .bpx-foot__brand { grid-column: 1 / -1; } :is(html,#bpx#bpx) article.js-product-miniature.style_product_default { padding: 8px 9px 10px !important; } :is(html,#bpx#bpx) article.js-product-miniature .product-price-and-shipping .price { font-size: 17px !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) { display: none; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links .add-to-cart { height: 38px !important; font-size: 13px !important; } } /* ---------- corectii dupa prima captura ---------- */ /* bp-figma.css ascunde dinadins sectiunea qyguwxx (bara veche); acum e bara noua bpx-top */ :is(html,#bpx#bpx) body .elementor-17170101 > .elementor-section-wrap > .elementor-section.elementor-element-qyguwxx.bpx-top-sec, :is(html,#bpx#bpx) body .elementor-17170201 > .elementor-section-wrap > .elementor-section.elementor-element-qyguwxx.bpx-top-sec, :is(html,#bpx#bpx) body .elementor-section.elementor-element-qyguwxx.bpx-top-sec { display: block !important; } @media (max-width: 1024px) { :is(html,#bpx#bpx) body .elementor-section.elementor-element-qyguwxx.bpx-top-sec { display: none !important; } } /* sectiunile paginii principale: fundal alb (regulile vechi le faceau negre) */ :is(html,#bpx#bpx) .elementor-element-bpxhero, :is(html,#bpx#bpx) .elementor-element-bpxcats, :is(html,#bpx#bpx) .elementor-element-bpxreduceri, :is(html,#bpx#bpx) .elementor-element-bpxnoutati, :is(html,#bpx#bpx) .elementor-element-bpxrecom, :is(html,#bpx#bpx) .elementor-element-bpxmarci, :is(html,#bpx#bpx) .elementor-element-bpxhero > .elementor-container, :is(html,#bpx#bpx) .elementor-element-bpxhero .elementor-column-wrap { background: #fff !important; background-image: none !important; } :is(html,#bpx#bpx) .elementor-element-bpxfoot, :is(html,#bpx#bpx) .elementor-element-bpxfoot > .elementor-container, :is(html,#bpx#bpx) .elementor-element-bpxfoot .elementor-column-wrap, :is(html,#bpx#bpx) #footer, :is(html,#bpx#bpx) .js-footer { background: var(--bpx-gri) !important; } :is(html,#bpx#bpx) .elementor-element-bpxfoot > .elementor-container { max-width: 100% !important; } :is(html,#bpx#bpx) .elementor-element-bpxfoot .elementor-column-wrap, :is(html,#bpx#bpx) .elementor-element-bpxfoot .elementor-widget-wrap { padding: 0 !important; } /* tab-urile rafturilor: un singur tab => fara bara de tab-uri; mai multe => pastile la stanga */ :is(html,#bpx#bpx) .bpx-raft--unic .tab-titles { display: none !important; } :is(html,#bpx#bpx) .bpx-raft .tab-titles { display: flex !important; flex-wrap: wrap; justify-content: flex-start !important; gap: 8px; border: 0 !important; margin: 0 0 16px !important; padding: 0 !important; } :is(html,#bpx#bpx) .bpx-raft .tab-titles::before, :is(html,#bpx#bpx) .bpx-raft .tab-titles::after { display: none !important; } :is(html,#bpx#bpx) .bpx-raft .tab-titles .nav-item { margin: 0 !important; } :is(html,#bpx#bpx) .bpx-raft .tab-titles .nav-link { border: 1px solid var(--bpx-linie) !important; border-radius: 30px !important; padding: 8px 18px !important; font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; color: var(--bpx-text) !important; background: #fff !important; letter-spacing: 0 !important; } :is(html,#bpx#bpx) .bpx-raft .tab-titles .nav-link::before, :is(html,#bpx#bpx) .bpx-raft .tab-titles .nav-link::after { display: none !important; } :is(html,#bpx#bpx) .bpx-raft .tab-titles .nav-link.active, :is(html,#bpx#bpx) .bpx-raft .tab-titles .nav-link:hover { background: var(--bpx-albastru) !important; border-color: var(--bpx-albastru) !important; color: #fff !important; } :is(html,#bpx#bpx) .bpx-raft .slick-slide > div { padding: 0 7px; height: 100%; } :is(html,#bpx#bpx) .bpx-raft .slick-track { display: flex !important; } :is(html,#bpx#bpx) .bpx-raft .slick-slide { height: auto !important; } :is(html,#bpx#bpx) .bpx-raft .slick-slide > div > div, :is(html,#bpx#bpx) .bpx-raft .slick-slide article { height: 100%; } :is(html,#bpx#bpx) .bpx-raft .slick-list { margin: 0 -7px; padding: 4px 0 18px; } :is(html,#bpx#bpx) .bpx-raft .slick-dots li button { background: #d1d5db !important; } :is(html,#bpx#bpx) .bpx-raft .slick-dots li.slick-active button { background: var(--bpx-albastru) !important; } /* butoanele de pe card: toate pe un rand */ :is(html,#bpx#bpx) article.js-product-miniature .add-to-links { flex-wrap: nowrap !important; width: 100%; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li { width: auto !important; float: none !important; flex: 0 0 auto; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li.cart { flex: 1 1 auto !important; min-width: 0; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li.cart .product-add-to-cart, :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li.cart form { width: 100%; } /* eticheta „Nou" e pe tot catalogul (importat recent) — nu spune nimic */ :is(html,#bpx#bpx) article.js-product-miniature .product-flag li.new { display: none !important; } /* bannerul de cookie */ :is(html,#bpx#bpx) #poscookielaw { background: #fff !important; color: var(--bpx-text) !important; box-shadow: 0 -4px 20px rgba(0,0,0,.12); border-top: 3px solid var(--bpx-galben); } :is(html,#bpx#bpx) #poscookielaw p, :is(html,#bpx#bpx) #poscookielaw * { color: var(--bpx-text) !important; font-family: var(--bpx-font) !important; } :is(html,#bpx#bpx) #poscookielaw .btn, :is(html,#bpx#bpx) #poscookielaw button, :is(html,#bpx#bpx) #poscookielaw a.btn { background: var(--bpx-albastru) !important; color: #fff !important; border-radius: 8px !important; border: 0 !important; } /* ---------- corectii, runda 2 ---------- */ :is(html,#bpx#bpx) .elementor-widget.bpx-raft.bpx-raft--unic .tab-titles { display: none !important; } :is(html,#bpx#bpx) article.js-product-miniature.style_product_default .img_block, :is(html,#bpx#bpx) article.js-product-miniature.style_product_default .product_desc { border: 0 !important; box-shadow: none !important; } :is(html,#bpx#bpx) article.js-product-miniature.style_product_default .product-price-and-shipping { justify-content: flex-start !important; text-align: left !important; } /* inima si compararea: in coltul pozei, ca la hi-tech; butonul ia tot randul */ :is(html,#bpx#bpx) article.js-product-miniature.style_product_default { position: relative; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) a { position: absolute !important; right: 12px; z-index: 3; width: 34px !important; height: 34px !important; border-radius: 50% !important; box-shadow: 0 1px 4px rgba(0,0,0,.10); } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) a.addToWishlist { top: 12px; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) a.compare-button { top: 52px; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) a::before { font-family: 'Font Awesome 6 Free' !important; font-weight: 900 !important; font-size: 14px !important; line-height: 1 !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links a.addToWishlist::before { content: '\f004' !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links a.compare-button::before { content: '\f24e' !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) a::after { display: none !important; } @media (max-width: 767px) { :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) { display: block; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) a.compare-button { display: none !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) a { right: 8px; top: 8px !important; width: 30px !important; height: 30px !important; } } /* titlul din slider: fara majuscule automate */ :is(html,#bpx#bpx) .bpx-slide__title { text-transform: none !important; } /* inima/compararea se ancoreaza pe card, nu pe zona de text (tema le face position:relative) */ :is(html,#bpx#bpx) article.js-product-miniature.style_product_default .product_desc, :is(html,#bpx#bpx) article.js-product-miniature.style_product_default .inner_desc, :is(html,#bpx#bpx) article.js-product-miniature.style_product_default .add-to-links, :is(html,#bpx#bpx) article.js-product-miniature.style_product_default .add-to-links li { position: static !important; overflow: visible !important; } /* ---------- corectii mobil ---------- */ :is(html,#bpx#bpx) article.js-product-miniature h3 { padding: 0 !important; } :is(html,#bpx#bpx) article.js-product-miniature .product_name { display: -webkit-box !important; width: 100%; } @media (max-width: 1024px) { :is(html,#bpx#bpx) .bpx-top, :is(html,#bpx#bpx) .elementor-section.elementor-element-qyguwxx.bpx-top-sec { display: none !important; } } @media (max-width: 767px) { :is(html,#bpx#bpx) article.js-product-miniature .add-to-links .add-to-cart { font-size: 12.5px !important; gap: 6px; padding: 0 6px !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links .add-to-cart::before { font-size: 12px; } :is(html,#bpx#bpx) .bpx-raft .tab-titles { flex-wrap: nowrap !important; overflow-x: auto; padding-bottom: 4px !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } :is(html,#bpx#bpx) .bpx-raft .tab-titles .nav-link { white-space: nowrap; padding: 7px 14px !important; font-size: 13px !important; } :is(html,#bpx#bpx) .bpx-sec__head h2 { font-size: 19px !important; } } /* ---------- antet: logo + iconite cu eticheta dedesubt (ca la hi-tech) ---------- */ :is(html,#bpx#bpx) .elementor-element-3278f29e { padding: 16px 0 !important; box-shadow: none !important; } :is(html,#bpx#bpx) .elementor-element-3278f29e .elementor-row { align-items: center; } :is(html,#bpx#bpx) .elementor-element-2cec9317 .site-logo img { height: 46px !important; max-height: none !important; width: auto !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .elementor-widget-wrap { align-items: center !important; gap: 30px !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .elementor-widget-container > div > a, :is(html,#bpx#bpx) .elementor-element-238ffb42 .pos-account > a, :is(html,#bpx#bpx) .elementor-element-238ffb42 .blockcart > a { position: relative; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 5px !important; color: var(--bpx-text) !important; font-size: 12.5px !important; line-height: 1 !important; padding: 0 !important; text-decoration: none !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 a > i { font-size: 24px !important; color: var(--bpx-albastru) !important; line-height: 1 !important; margin: 0 !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 a:hover > i { color: var(--bpx-albastru-inchis) !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .account-login > span, :is(html,#bpx#bpx) .elementor-element-238ffb42 .compare-top-text, :is(html,#bpx#bpx) .elementor-element-238ffb42 .wishlist-top-text, :is(html,#bpx#bpx) .elementor-element-238ffb42 .blockcart .cart-products-total, :is(html,#bpx#bpx) .elementor-element-238ffb42 .blockcart > a > span:not(.cart-products-count) { display: none !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .compare-top-count, :is(html,#bpx#bpx) .elementor-element-238ffb42 .wishlist-top-count, :is(html,#bpx#bpx) .elementor-element-238ffb42 .cart-products-count { position: absolute !important; top: -7px !important; left: 50% !important; right: auto !important; margin-left: 6px !important; min-width: 18px; height: 18px !important; line-height: 18px !important; border-radius: 9px !important; font-size: 11px !important; padding: 0 4px !important; text-align: center; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .pos-account > a::after, :is(html,#bpx#bpx) .elementor-element-238ffb42 .compare-top > a::after, :is(html,#bpx#bpx) .elementor-element-238ffb42 .wishlist-top > a::after, :is(html,#bpx#bpx) .elementor-element-238ffb42 .blockcart > a::after { display: block; font-weight: 600; color: var(--bpx-text); } :is(html,#bpx#bpx) body.lang-ro .elementor-element-238ffb42 .pos-account > a::after { content: 'Cont'; } :is(html,#bpx#bpx) body.lang-ro .elementor-element-238ffb42 .compare-top > a::after { content: 'Comparare'; } :is(html,#bpx#bpx) body.lang-ro .elementor-element-238ffb42 .wishlist-top > a::after { content: 'Favorite'; } :is(html,#bpx#bpx) body.lang-ro .elementor-element-238ffb42 .blockcart > a::after { content: 'Coș'; } :is(html,#bpx#bpx) body.lang-ru .elementor-element-238ffb42 .pos-account > a::after { content: 'Войти'; } :is(html,#bpx#bpx) body.lang-ru .elementor-element-238ffb42 .compare-top > a::after { content: 'Сравнение'; } :is(html,#bpx#bpx) body.lang-ru .elementor-element-238ffb42 .wishlist-top > a::after { content: 'Избранное'; } :is(html,#bpx#bpx) body.lang-ru .elementor-element-238ffb42 .blockcart > a::after { content: 'Корзина'; } :is(html,#bpx#bpx) .elementor-element-2cec9317 .site-logo img { width: 210px !important; height: auto !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .elementor-widget-wrap { gap: 18px !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .elementor-widget { min-width: 72px; display: flex; justify-content: center; } @media (max-width: 767px) { :is(html,#bpx#bpx) .bpx-cats .bpx-cat-tile:nth-child(n+13) { display: none; } } /* ---------- meniul orizontal: text alb (tema coloreaza -ul din link) ---------- */ :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li > a, :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li > a > span, :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li > a > i { color: #fff !important; font-family: var(--bpx-font) !important; } :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li > a > span { font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; } :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li > a > i { font-size: 9px !important; margin-left: 4px; opacity: .75; } :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li:hover > a > span, :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li:hover > a > i { color: var(--bpx-galben) !important; } :is(html,#bpx#bpx) .elementor-element-351638a0 > .elementor-container, :is(html,#bpx#bpx) .elementor-element-351638a0 .elementor-row { background: transparent !important; border: 0 !important; } :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-dropdown a, :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-dropdown a span { font-family: var(--bpx-font) !important; text-transform: none !important; } :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-dropdown { border-top: 3px solid var(--bpx-galben) !important; border-radius: 0 0 12px 12px !important; } /* ---------- produs epuizat: butonul e un dezactivat ---------- */ :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li.cart span.ajax_add_to_cart_button { width: 100% !important; height: 42px !important; border-radius: 8px !important; background: #eef0f3 !important; color: #6b7280 !important; display: flex !important; align-items: center; justify-content: center; font-weight: 600 !important; font-size: 13.5px !important; text-transform: none !important; border: 0 !important; padding: 0 8px !important; cursor: not-allowed; } :is(html,#bpx#bpx) body.lang-ro article.js-product-miniature .add-to-links li.cart span.ajax_add_to_cart_button { font-size: 0 !important; } :is(html,#bpx#bpx) body.lang-ro article.js-product-miniature .add-to-links li.cart span.ajax_add_to_cart_button::after { content: 'Stoc epuizat'; font-size: 13.5px; } /* ---------- pagina de categorie ---------- */ :is(html,#bpx#bpx) #tags_block { display: none !important; } :is(html,#bpx#bpx) #js-product-list .item-product { margin-bottom: 16px !important; } :is(html,#bpx#bpx) #js-product-list .item-product article.js-product-miniature { height: 100%; } /* lista de butoane nu trebuie sa fie bloc de referinta (tema ii pune will-change/translate) */ :is(html,#bpx#bpx) article.js-product-miniature .add-to-links, :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li, :is(html,#bpx#bpx) article.js-product-miniature .inner_desc, :is(html,#bpx#bpx) article.js-product-miniature .product_desc { will-change: auto !important; translate: none !important; transform: none !important; filter: none !important; perspective: none !important; contain: none !important; } /* sagetile din meniu: iconita temei, nu fontul textului */ :is(html,#bpx#bpx) .elementor-element-351638a0 .menu-content > li > a > i { font-family: 'roadthemes-icon' !important; } /* ---------- titlul paginilor interioare: compact, la stanga, calea deasupra ---------- */ :is(html,#bpx#bpx) .page-title-wrapper { padding: 18px 0 8px !important; margin: 0 0 10px !important; min-height: 0 !important; height: auto !important; text-align: left !important; background: #fff !important; } :is(html,#bpx#bpx) .page-title-wrapper > .container { max-width: 1400px !important; display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 6px; padding: 0 20px !important; } :is(html,#bpx#bpx) .page-title-wrapper .page-header, :is(html,#bpx#bpx) .page-title-wrapper .page-header h1 { margin: 0 !important; padding: 0 !important; } :is(html,#bpx#bpx) .page-title-wrapper h1 { font-size: 28px !important; font-weight: 700 !important; color: var(--bpx-text) !important; text-transform: none !important; text-align: left !important; } :is(html,#bpx#bpx) .page-title-wrapper .breadcrumb { margin: 0 !important; padding: 0 !important; background: transparent !important; } :is(html,#bpx#bpx) .page-title-wrapper .breadcrumb ol { justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; } :is(html,#bpx#bpx) .page-title-wrapper .breadcrumb li, :is(html,#bpx#bpx) .page-title-wrapper .breadcrumb a, :is(html,#bpx#bpx) .page-title-wrapper .breadcrumb span { font-size: 13px !important; color: var(--bpx-muted) !important; } :is(html,#bpx#bpx) .page-title-wrapper .breadcrumb li:last-child span { color: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) #wrapper > .container, :is(html,#bpx#bpx) #wrapper .container { max-width: 1400px; width: 100% !important; } /* tema pune width: 1400px fix; sub 1440 px de ecran se taia dreapta (12 oct 2026) */ @media (max-width: 1439px) { :is(html,#bpx#bpx) #wrapper > .container { padding-left: 20px !important; padding-right: 20px !important; } } @media (max-width: 1439px) { :is(html,#bpx#bpx) .elementor-element-3278f29e > .elementor-container, :is(html,#bpx#bpx) .elementor-element-351638a0 > .elementor-container { padding-left: 20px !important; padding-right: 20px !important; } } /* inima/compararea sunt absolute:
  • -urile lor nu mai ocupa loc pe rand */ :is(html,#bpx#bpx) article.js-product-miniature .add-to-links { gap: 0 !important; } :is(html,#bpx#bpx) article.js-product-miniature .add-to-links li:not(.cart) { width: 0 !important; flex: 0 0 0 !important; overflow: visible !important; } /* ---------- coloana din stanga: arbore + filtre ---------- */ :is(html,#bpx#bpx) #left-column .block-categories, :is(html,#bpx#bpx) #left-column #search_filters_wrapper, :is(html,#bpx#bpx) #left-column #search_filters { border: 1px solid var(--bpx-linie) !important; border-radius: 12px !important; padding: 16px 18px !important; background: #fff !important; box-shadow: none !important; margin-bottom: 16px !important; } :is(html,#bpx#bpx) #left-column #search_filters_wrapper #search_filters { border: 0 !important; padding: 0 !important; margin: 0 !important; } :is(html,#bpx#bpx) #left-column .block-categories .h6, :is(html,#bpx#bpx) #left-column .block-categories .title_block, :is(html,#bpx#bpx) #left-column .block-categories > a, :is(html,#bpx#bpx) #left-column .block-categories h4 { font-size: 15px !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--bpx-albastru-inchis) !important; font-weight: 700 !important; } :is(html,#bpx#bpx) #left-column .block-categories *::after { background: var(--bpx-galben) !important; } :is(html,#bpx#bpx) #search_filters > .h6, :is(html,#bpx#bpx) #search_filters > p, :is(html,#bpx#bpx) #search_filters .text-uppercase.h6 { font-size: 18px !important; font-weight: 700 !important; text-transform: none !important; margin: 0 0 6px !important; color: var(--bpx-text) !important; padding: 0 !important; } :is(html,#bpx#bpx) #search_filters .facet { border: 0 !important; border-top: 1px solid var(--bpx-linie) !important; padding: 14px 0 8px !important; margin: 0 !important; box-shadow: none !important; background: none !important; } :is(html,#bpx#bpx) #search_filters .facet .facet-title, :is(html,#bpx#bpx) #search_filters .facet .h6 { font-size: 14.5px !important; font-weight: 700 !important; color: var(--bpx-text) !important; text-transform: none !important; margin: 0 0 10px !important; padding: 0 !important; } :is(html,#bpx#bpx) #search_filters .facet .facet-title::after, :is(html,#bpx#bpx) #search_filters .facet .h6::after, :is(html,#bpx#bpx) #search_filters .facet .title::after { display: none !important; } :is(html,#bpx#bpx) #search_filters .facet ul { margin: 0 !important; padding: 0 !important; } :is(html,#bpx#bpx) #search_filters .facet-label { margin: 0 0 6px !important; display: flex !important; align-items: center; gap: 8px; } :is(html,#bpx#bpx) #search_filters .facet-label a { font-size: 14px !important; color: var(--bpx-text) !important; margin: 0 !important; } :is(html,#bpx#bpx) #search_filters .facet-label .magnitude { color: var(--bpx-muted) !important; font-size: 12px !important; } :is(html,#bpx#bpx) #search_filters .custom-checkbox input[type=checkbox] + span { width: 18px !important; height: 18px !important; border: 1.5px solid #c4c9d2 !important; border-radius: 5px !important; margin: 0 !important; } :is(html,#bpx#bpx) #search_filters .custom-checkbox input[type=checkbox]:checked + span { background: var(--bpx-albastru) !important; border-color: var(--bpx-albastru) !important; color: #fff !important; } :is(html,#bpx#bpx) #search_filters .ui-slider { background: #e5e7eb !important; height: 4px !important; border: 0 !important; margin: 12px 8px 8px !important; } :is(html,#bpx#bpx) #search_filters .ui-slider .ui-slider-range { background: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) #search_filters .ui-slider .ui-slider-handle { background: var(--bpx-galben) !important; border: 2px solid #fff !important; box-shadow: 0 1px 4px rgba(0,0,0,.25); border-radius: 50% !important; width: 18px !important; height: 18px !important; top: -7px !important; } :is(html,#bpx#bpx) #search_filters .facet p, :is(html,#bpx#bpx) #search_filters [id^=facet_label] { color: var(--bpx-text) !important; font-size: 14px !important; font-weight: 600; } :is(html,#bpx#bpx) #js-active-search-filters { border-radius: 12px; background: var(--bpx-albastru-deschis) !important; } :is(html,#bpx#bpx) #js-active-search-filters .filter-block { background: #fff !important; border-radius: 20px !important; } :is(html,#bpx#bpx) #search_filters .facet .facet-title, :is(html,#bpx#bpx) #search_filters .facet .facet-title *, :is(html,#bpx#bpx) #search_filters .facet .h6, :is(html,#bpx#bpx) #search_filters > .h6, :is(html,#bpx#bpx) #search_filters .title { text-decoration: none !important; border-bottom: 0 !important; } :is(html,#bpx#bpx) #search_filters .facet .title { padding: 0 !important; border: 0 !important; } :is(html,#bpx#bpx) #search_filters .facet-label .custom-checkbox { margin: 0 !important; top: 0 !important; } /* ---------- pagina de produs ---------- */ /* texte demo nefinalizate ale modulului blockreassurance + blocul englezesc de plata */ :is(html,#bpx#bpx) #product .blockreassurance_product, :is(html,#bpx#bpx) #product .payment-detail { display: none !important; } :is(html,#bpx#bpx) #product h1.namne_details { font-size: 26px !important; font-weight: 700 !important; line-height: 1.3 !important; color: var(--bpx-text) !important; text-transform: none !important; } :is(html,#bpx#bpx) #product .current-price-value { font-size: 32px !important; font-weight: 800 !important; color: var(--bpx-text) !important; letter-spacing: -.3px; } :is(html,#bpx#bpx) #product .has-discount .current-price-value, :is(html,#bpx#bpx) #product .product-discount ~ .current-price .current-price-value { color: var(--bpx-rosu) !important; } :is(html,#bpx#bpx) #product .product-discount .regular-price { font-size: 16px !important; color: var(--bpx-muted) !important; } :is(html,#bpx#bpx) #product .product-add-to-cart .add-to-cart { background: var(--bpx-galben) !important; color: var(--bpx-albastru-inchis) !important; border: 0 !important; border-radius: 10px !important; font-weight: 700 !important; font-size: 16px !important; text-transform: none !important; height: 50px !important; box-shadow: none !important; } :is(html,#bpx#bpx) #product .product-add-to-cart .add-to-cart:hover { background: var(--bpx-galben-inchis) !important; } :is(html,#bpx#bpx) #product .product-add-to-cart .add-to-cart i, :is(html,#bpx#bpx) #product .product-add-to-cart .add-to-cart span { color: var(--bpx-albastru-inchis) !important; } :is(html,#bpx#bpx) #product .product-add-to-cart .btn-buy-now, :is(html,#bpx#bpx) #product .product-add-to-cart [class*="buy"] { border-radius: 10px !important; background: var(--bpx-albastru) !important; border: 0 !important; text-transform: none !important; font-weight: 700 !important; } :is(html,#bpx#bpx) #product .product-quantity .qty input, :is(html,#bpx#bpx) #product .bootstrap-touchspin .btn { border-color: var(--bpx-linie) !important; } :is(html,#bpx#bpx) #product .images-container .thumb-container img.selected, :is(html,#bpx#bpx) #product .product-images img.selected { border-color: var(--bpx-galben) !important; } :is(html,#bpx#bpx) #product .product-cover { border: 1px solid var(--bpx-linie); border-radius: 12px; overflow: hidden; } :is(html,#bpx#bpx) #product .tabs .nav-tabs .nav-link, :is(html,#bpx#bpx) #product .product-tabs .nav-link { text-transform: none !important; font-weight: 700 !important; } :is(html,#bpx#bpx) #product .tabs .nav-tabs .nav-link.active, :is(html,#bpx#bpx) #product .product-tabs .nav-link.active { color: var(--bpx-albastru) !important; border-color: var(--bpx-galben) !important; } /* bp-figma.css limiteaza logoul la max-width 155px; in designul nou e mai mare, ca la hi-tech */ :is(html,#bpx#bpx) .elementor-element-2cec9317 .site-logo img { max-width: 210px !important; } /* slide-uri: culoare plina in stanga (text), aproape alb in dreapta (poza ramane alba cu mix-blend multiply) */ :is(html,#bpx#bpx) .bpx-slide--galben { background: linear-gradient(100deg, #ffdf70 0%, #ffefb0 45%, #fffbef 75%, #ffffff 100%) !important; } :is(html,#bpx#bpx) .bpx-slide--albastru { background: linear-gradient(100deg, #bcd3ff 0%, #dce8ff 45%, #f4f8ff 75%, #ffffff 100%) !important; } @media (max-width: 767px) { :is(html,#bpx#bpx) .bpx-slide--galben { background: linear-gradient(180deg, #ffffff 0%, #fff6d6 45%, #ffe589 100%) !important; } :is(html,#bpx#bpx) .bpx-slide--albastru { background: linear-gradient(180deg, #ffffff 0%, #eaf1ff 45%, #c9dbff 100%) !important; } } /* antetul de pe telefon: iconite in albastrul site-ului, contor rosu */ :is(html,#bpx#bpx) .elementor-element-280fda24 i, :is(html,#bpx#bpx) .elementor-element-280fda24 svg { color: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) .elementor-element-280fda24 .cart-products-count { background: var(--bpx-rosu) !important; color: #fff !important; } /* ===================================================================== CATALOGUL CA LA HI-TECH (runda 2): panou lat pe 3 coloane, buton „Catalog" in antet, placi de subcategorii pe paginile de categorie. Bara orizontala dispare pe calculator. ===================================================================== */ :is(html,#bpx#bpx) .bpx-cat__fly { width: 1060px; max-width: calc(100vw - 360px); padding: 18px 26px 22px; min-height: 100%; margin-left: 8px; border: 1px solid var(--bpx-linie); box-shadow: 0 18px 50px rgba(17,24,39,.18); } :is(html,#bpx#bpx) .bpx-cat__item:hover > .bpx-cat__link { background: var(--bpx-albastru-inchis); box-shadow: inset 4px 0 0 var(--bpx-galben); } :is(html,#bpx#bpx) .bpx-cat__item:hover > .bpx-cat__link .bpx-cat__arr { opacity: 1; color: var(--bpx-galben); } :is(html,#bpx#bpx) .bpx-cat__flytop { margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--bpx-linie); } :is(html,#bpx#bpx) .bpx-cat__flytop a { font-size: 17px; font-weight: 700; color: var(--bpx-albastru-inchis) !important; } :is(html,#bpx#bpx) .bpx-cat__flytop i { font-size: 13px; color: var(--bpx-galben-inchis); margin-left: 4px; } :is(html,#bpx#bpx) .bpx-cat__cols { columns: 3; column-gap: 34px; } :is(html,#bpx#bpx) .bpx-cat__grp { break-inside: avoid; margin: 0 0 18px; display: block; } :is(html,#bpx#bpx) .bpx-cat__grptitle { display: flex !important; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 700; color: var(--bpx-text) !important; padding-bottom: 8px; margin-bottom: 6px; border-bottom: 1px solid var(--bpx-linie); line-height: 1.25; } :is(html,#bpx#bpx) .bpx-cat__grptitle:hover { color: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) .bpx-cat__ico { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 9px; background: var(--bpx-galben-deschis); display: flex; align-items: center; justify-content: center; overflow: hidden; } :is(html,#bpx#bpx) .bpx-cat__ico img { width: 32px; height: 32px; object-fit: contain; mix-blend-mode: multiply; } :is(html,#bpx#bpx) .bpx-cat__fly .bpx-cat__grp ul { columns: 1 !important; list-style: none; margin: 0; padding: 0 0 0 46px; } :is(html,#bpx#bpx) .bpx-cat__fly .bpx-cat__grp li a { padding: 4px 0 !important; font-size: 13.5px !important; color: #4b5563 !important; display: block; } :is(html,#bpx#bpx) .bpx-cat__fly .bpx-cat__grp li a:hover { color: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) .bpx-cat__fly .bpx-cat__more a { color: var(--bpx-albastru) !important; font-weight: 600; } /* --- butonul „Catalog" din antet (paginile interioare) --- */ :is(html,#bpx#bpx) .elementor-element-782823d1 .elementor-widget-wrap { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 14px; } :is(html,#bpx#bpx) .elementor-element-782823d1 .elementor-widget-wrap > .elementor-widget { margin: 0 !important; } :is(html,#bpx#bpx) .elementor-element-782823d1 .elementor-element-2449fe9a { flex: 1 1 auto; min-width: 0; } :is(html,#bpx#bpx) .elementor-element-782823d1 .elementor-element-bpxcatbtn { flex: 0 0 auto; width: auto !important; } /* panoul se aliniaza la marginea antetului, nu la buton */ :is(html,#bpx#bpx) .elementor-element-3278f29e > .elementor-container { position: relative; } :is(html,#bpx#bpx) .elementor-element-3278f29e .elementor-row, :is(html,#bpx#bpx) .elementor-element-782823d1, :is(html,#bpx#bpx) .elementor-element-782823d1 .elementor-column-wrap, :is(html,#bpx#bpx) .elementor-element-782823d1 .elementor-widget-wrap, :is(html,#bpx#bpx) .elementor-element-bpxcatbtn, :is(html,#bpx#bpx) .elementor-element-bpxcatbtn .elementor-widget-container { position: static !important; } :is(html,#bpx#bpx) .bpx-catbtn__btn { display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 0 22px; border: 0; border-radius: 10px; cursor: pointer; background: var(--bpx-albastru); color: #fff; font-weight: 700; font-size: 15px; font-family: var(--bpx-font); } :is(html,#bpx#bpx) .bpx-catbtn__btn i { color: var(--bpx-galben); font-size: 16px; } :is(html,#bpx#bpx) .bpx-catbtn__btn:hover, :is(html,#bpx#bpx) .bpx-catbtn.is-open .bpx-catbtn__btn { background: var(--bpx-albastru-inchis); } :is(html,#bpx#bpx) .bpx-catbtn.is-open .bpx-catbtn__btn i::before { content: '\f00d'; } :is(html,#bpx#bpx) .bpx-catbtn__drop { display: none; position: absolute; left: 10px; top: calc(100% + 12px); z-index: 1000; width: 280px; } :is(html,#bpx#bpx) .bpx-catbtn.is-open .bpx-catbtn__drop { display: block; } :is(html,#bpx#bpx) .bpx-catbtn__drop .bpx-cat { box-shadow: 0 18px 50px rgba(0,48,138,.25); } :is(html,#bpx#bpx) .bpx-catbtn__drop .bpx-cat__head { display: none; } :is(html,#bpx#bpx) .bpx-catbtn__drop .bpx-cat__list { padding-top: 10px; } :is(html,#bpx#bpx) .bpx-catbtn__drop .bpx-cat { border-radius: 12px; } /* pe prima pagina catalogul e deja deschis langa slider */ :is(html,#bpx#bpx) body#index .bpx-catbtn { display: none !important; } /* pe calculator nu mai e bara orizontala de meniu (ca la hi-tech) */ @media (min-width: 1025px) { :is(html,#bpx#bpx) .elementor-element-351638a0 { display: none !important; } } /* --- placile de subcategorii din capul paginii de categorie --- */ :is(html,#bpx#bpx) .bpx-subcats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 0 0 22px; } :is(html,#bpx#bpx) .bpx-subcat { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 8px 12px; border: 1px solid var(--bpx-linie); border-radius: 12px; background: #fff; text-decoration: none !important; transition: border-color .2s, box-shadow .2s, transform .2s; } :is(html,#bpx#bpx) .bpx-subcat:hover { border-color: var(--bpx-galben); box-shadow: 0 8px 20px rgba(17,24,39,.08); transform: translateY(-2px); } :is(html,#bpx#bpx) .bpx-subcat__img { width: 100%; max-width: 110px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; } :is(html,#bpx#bpx) .bpx-subcat__img img { max-width: 100%; max-height: 100%; object-fit: contain; } :is(html,#bpx#bpx) .bpx-subcat__name { font-size: 13px; font-weight: 600; color: var(--bpx-text); text-align: center; line-height: 1.25; max-width: 100%; overflow-wrap: anywhere; hyphens: auto; } @media (max-width: 1280px) { :is(html,#bpx#bpx) .bpx-subcats { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 767px) { :is(html,#bpx#bpx) .bpx-subcats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } :is(html,#bpx#bpx) .bpx-subcat { padding: 8px 4px; } :is(html,#bpx#bpx) .bpx-subcat__name { font-size: 11.5px; } } /* in stanga raman doar filtrele (ca la hi-tech); navigarea e prin placi, catalog si filtrul de subcategorii */ :is(html,#bpx#bpx) #left-column .block-categories { display: none !important; } :is(html,#bpx#bpx) #search_filters .facet .title *, :is(html,#bpx#bpx) #search_filters .facet .facet-title { text-decoration: none !important; border: 0 !important; background-image: none !important; box-shadow: none !important; } :is(html,#bpx#bpx) #search_filters .facet .title *::before, :is(html,#bpx#bpx) #search_filters .facet .title *::after { display: none !important; } /* ---------- meniul de pe telefon, in stilul catalogului ---------- */ :is(html,#bpx#bpx) #mobile_menu_wrapper { background: #fff !important; } :is(html,#bpx#bpx) #mobile_menu_wrapper .menu-close { background: var(--bpx-albastru-inchis) !important; color: #fff !important; font-family: var(--bpx-font) !important; font-weight: 700 !important; font-size: 16px !important; padding: 16px 18px !important; text-transform: none !important; } :is(html,#bpx#bpx) #mobile_menu_wrapper .menu-close i { color: var(--bpx-galben) !important; } :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li { border-bottom: 1px solid var(--bpx-linie) !important; position: relative; } :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li > a { display: flex !important; align-items: center; gap: 14px; padding: 14px 50px 14px 18px !important; color: var(--bpx-text) !important; } :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li > a span { font-family: var(--bpx-font) !important; font-size: 15px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--bpx-text) !important; } :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li > a::before { font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 16px; width: 34px; height: 34px; border-radius: 9px; flex: 0 0 34px; display: flex; align-items: center; justify-content: center; background: var(--bpx-galben-deschis); color: var(--bpx-albastru); } :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li:nth-child(1) > a::before { content: '\f2e7'; } /* bucatarie */ :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li:nth-child(2) > a::before { content: '\f1e6'; } /* electrocasnice */ :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li:nth-child(3) > a::before { content: '\f2dc'; } /* climatizare */ :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li:nth-child(4) > a::before { content: '\f06d'; } /* incalzire */ :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li:nth-child(5) > a::before { content: '\e005'; } /* apa */ :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li:nth-child(6) > a::before { content: '\f109'; } /* computere */ :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li:nth-child(7) > a::before { content: '\f3cd'; } /* telefoane */ :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li:nth-child(8) > a::before { content: '\f26c'; } /* tv */ :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li:nth-child(9) > a::before { content: '\f11b'; } /* gaming */ :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li:nth-child(10) > a::before { content: '\f02f'; } /* birotica */ :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li:nth-child(11) > a::before { content: '\f015'; } /* casa */ :is(html,#bpx#bpx) #mobile-megamenu .icon-drop-mobile { top: 14px !important; right: 12px !important; } :is(html,#bpx#bpx) #mobile-megamenu .icon-drop-mobile i { color: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) #mobile-megamenu .menu-dropdown { background: var(--bpx-gri) !important; } :is(html,#bpx#bpx) #mobile-megamenu .menu-dropdown a span { font-family: var(--bpx-font) !important; font-size: 14px !important; text-transform: none !important; color: #374151 !important; } :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li > .icon-drop-mobile { top: 50% !important; transform: translateY(-50%); margin: 0 !important; } /* ===================================================================== ANTETUL CA LA HI-TECH (runda 3): [logo] [Catalog] [cautare lata] [iconite], pe toate paginile. Logoul nou (eticheta de pret, stil Best Buy): img/logo-bestprice-eticheta.png, din tools/design/logo/. ===================================================================== */ :is(html,#bpx#bpx) .elementor-element-3278f29e .elementor-row { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 22px; } :is(html,#bpx#bpx) .elementor-element-3278f29e .elementor-element-38939b6 { flex: 0 0 auto !important; width: auto !important; } :is(html,#bpx#bpx) .elementor-element-3278f29e .elementor-element-782823d1 { flex: 1 1 auto !important; width: auto !important; max-width: none !important; } :is(html,#bpx#bpx) .elementor-element-3278f29e .elementor-element-238ffb42 { flex: 0 0 auto !important; width: auto !important; } :is(html,#bpx#bpx) .elementor-element-3278f29e .elementor-column-wrap { padding: 0 !important; } :is(html,#bpx#bpx) .elementor-element-2cec9317 .site-logo { display: block; line-height: 0; } :is(html,#bpx#bpx) .elementor-element-2cec9317 .site-logo img { height: 56px !important; width: auto !important; max-width: none !important; } :is(html,#bpx#bpx) .elementor-element-1b731bab .site-logo img { height: 40px !important; width: auto !important; max-width: none !important; } :is(html,#bpx#bpx) .elementor-element-2449fe9a .pos-search-wrapper, :is(html,#bpx#bpx) .elementor-element-2449fe9a .pos-search { width: 100% !important; max-width: none !important; } /* butonul Catalog si pe prima pagina, langa logo (ca la hi-tech) */ :is(html,#bpx#bpx) body#index .bpx-catbtn { display: block !important; } :is(html,#bpx#bpx) .bpx-catbtn__btn { height: 50px; padding: 0 24px; } :is(html,#bpx#bpx) .bpx-foot__brand img { height: 54px !important; width: auto !important; } :is(html,#bpx#bpx) .elementor-element-782823d1 > .elementor-column-wrap, :is(html,#bpx#bpx) .elementor-element-782823d1 .elementor-widget-wrap { flex: 1 1 auto !important; width: 100% !important; } :is(html,#bpx#bpx) .elementor-element-2449fe9a > .elementor-widget-container { padding: 0 !important; margin: 0 !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .elementor-widget-wrap { gap: 8px !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .elementor-widget { min-width: 78px !important; padding: 0 !important; } :is(html,#bpx#bpx) .elementor-element-238ffb42 .elementor-widget > .elementor-widget-container { padding: 0 !important; margin: 0 !important; } :is(html,#bpx#bpx) .elementor-element-2449fe9a form.pos-search, :is(html,#bpx#bpx) .elementor-element-2449fe9a .pos-search__container, :is(html,#bpx#bpx) .elementor-element-2449fe9a .search-input-container { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; max-width: none !important; width: 100% !important; } :is(html,#bpx#bpx) .elementor-element-2449fe9a .pos-search__container { display: flex !important; } :is(html,#bpx#bpx) .elementor-element-2449fe9a .search-input-container { flex: 1 1 auto; } /* „В корзину" vine acum din pachetul de traduceri ru-RU (instalat 10 oct 2026); vechiul inlocuitor din CSS dubla textul */ :is(html,#bpx#bpx) body.lang-ru article.js-product-miniature .add-to-links li.cart span.ajax_add_to_cart_button { font-size: 0 !important; } :is(html,#bpx#bpx) body.lang-ru article.js-product-miniature .add-to-links li.cart span.ajax_add_to_cart_button::after { content: 'Нет в наличии'; font-size: 13.5px; } /* ===================================================================== TELEFON CA LA HI-TECH (runda 4): antet [logo][Catalog][telefon] + cautare lata; bara fixa de jos Acasa/Catalog/Favorite/Cos/Cont (in locul modulului posquickmenu). ===================================================================== */ :is(html,#bpx#bpx) .bpx-mhdr-sec { background: #fff !important; padding: 0 !important; box-shadow: 0 1px 0 var(--bpx-linie) !important; } :is(html,#bpx#bpx) .bpx-mhdr-sec > .elementor-container { max-width: 100% !important; } :is(html,#bpx#bpx) .bpx-mhdr-sec .elementor-column-wrap, :is(html,#bpx#bpx) .bpx-mhdr-sec .elementor-widget-wrap { padding: 0 !important; } :is(html,#bpx#bpx) .bpx-mhdr-sec .elementor-widget-pos_menu { position: absolute !important; width: 0 !important; height: 0 !important; overflow: visible !important; margin: 0 !important; } :is(html,#bpx#bpx) .bpx-mhdr-sec #menu-icon { position: absolute !important; opacity: 0 !important; pointer-events: none; width: 1px; height: 1px; overflow: hidden; } :is(html,#bpx#bpx) .bpx-mhdr { padding: 12px 16px 12px; } :is(html,#bpx#bpx) .bpx-mhdr__row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } :is(html,#bpx#bpx) .bpx-mhdr__logo { display: block; line-height: 0; margin-right: auto; } :is(html,#bpx#bpx) .bpx-mhdr__logo img { height: 44px; width: auto; } :is(html,#bpx#bpx) .bpx-mhdr__cat { display: inline-flex; align-items: center; gap: 9px; height: 42px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--bpx-albastru); color: #fff; font-family: var(--bpx-font); font-weight: 700; font-size: 15px; cursor: pointer; } :is(html,#bpx#bpx) .bpx-mhdr__cat i { color: var(--bpx-galben); } :is(html,#bpx#bpx) .bpx-mhdr__tel { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 10px; border: 1px solid var(--bpx-linie); display: flex !important; align-items: center; justify-content: center; color: var(--bpx-albastru) !important; font-size: 17px; } :is(html,#bpx#bpx) .bpx-mhdr__search { display: flex; border: 2px solid var(--bpx-galben); border-radius: 10px; overflow: hidden; margin: 0; } :is(html,#bpx#bpx) .bpx-mhdr__search input { flex: 1; min-width: 0; height: 44px; border: 0 !important; padding: 0 14px !important; font-size: 15px !important; font-family: var(--bpx-font) !important; background: #fff !important; outline: none; box-shadow: none !important; -webkit-appearance: none; appearance: none; } :is(html,#bpx#bpx) .bpx-mhdr__search button { width: 56px; border: 0; background: var(--bpx-galben); color: var(--bpx-albastru-inchis); font-size: 17px; cursor: pointer; } /* sectiunea goala de sub antetul mobil */ :is(html,#bpx#bpx) .elementor-element-gsfxgcz { display: none !important; } /* bara de jos */ :is(html,#bpx#bpx) .quickmenu-mobile-wrapper { display: none !important; } :is(html,#bpx#bpx) .bpx-mnav { display: none; } @media (max-width: 1024px) { :is(html,#bpx#bpx) .bpx-mnav { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; background: #fff; border-top: 1px solid var(--bpx-linie); box-shadow: 0 -4px 16px rgba(17,24,39,.08); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); } :is(html,#bpx#bpx) body { padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important; } } :is(html,#bpx#bpx) .bpx-mnav__item { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 4px 0; border: 0; background: none; color: #4b5563 !important; font-family: var(--bpx-font); font-size: 11.5px; font-weight: 600; text-decoration: none !important; cursor: pointer; } :is(html,#bpx#bpx) .bpx-mnav__ico { position: relative; font-size: 20px; line-height: 1; color: #4b5563; } :is(html,#bpx#bpx) .bpx-mnav__count { position: absolute; top: -6px; right: -11px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: var(--bpx-rosu); color: #fff; font-size: 10.5px; line-height: 17px; text-align: center; font-weight: 700; } :is(html,#bpx#bpx) .bpx-mnav__count[hidden] { display: none; } /* pagina curenta: albastru */ :is(html,#bpx#bpx) body#index .bpx-mnav__item--acasa, :is(html,#bpx#bpx) body#cart .bpx-mnav__item--cos, :is(html,#bpx#bpx) body#my-account .bpx-mnav__item--cont, :is(html,#bpx#bpx) body#module-poswishlist-mywishlist .bpx-mnav__item--favorite, :is(html,#bpx#bpx) body#category .bpx-mnav__item--catalog { color: var(--bpx-albastru) !important; } :is(html,#bpx#bpx) body#index .bpx-mnav__item--acasa .bpx-mnav__ico, :is(html,#bpx#bpx) body#cart .bpx-mnav__item--cos .bpx-mnav__ico, :is(html,#bpx#bpx) body#my-account .bpx-mnav__item--cont .bpx-mnav__ico, :is(html,#bpx#bpx) body#module-poswishlist-mywishlist .bpx-mnav__item--favorite .bpx-mnav__ico, :is(html,#bpx#bpx) body#category .bpx-mnav__item--catalog .bpx-mnav__ico { color: var(--bpx-albastru); } /* butoanele plutitoare (telefon/WhatsApp) si bannerul de cookie urca deasupra barei */ @media (max-width: 1024px) { :is(html,#bpx#bpx) #poscookielaw { bottom: calc(64px + env(safe-area-inset-bottom)) !important; } } :is(html,#bpx#bpx) .elementor-element-280fda24 .bpx-mhdr__cat i { color: var(--bpx-galben) !important; } :is(html,#bpx#bpx) .elementor-element-280fda24 .bpx-mhdr__search button i { color: var(--bpx-albastru-inchis) !important; } :is(html,#bpx#bpx) #mobile-megamenu .menu-content > li > .icon-drop-mobile { top: 21px !important; transform: none !important; } /* logoul putin mai mare (cerut pe 10 oct 2026) */ :is(html,#bpx#bpx) .elementor-element-2cec9317 .site-logo img { height: 68px !important; } :is(html,#bpx#bpx) .bpx-mhdr__logo img { height: 52px !important; } :is(html,#bpx#bpx) .bpx-foot__brand img { height: 62px !important; } :is(html,#bpx#bpx) .elementor-element-3278f29e { padding: 12px 0 !important; } /* „Fara TVA" s-a scos din setarea tarii (display_tax_label=0); plasa de siguranta daca reapare */ :is(html,#bpx#bpx) .tax-shipping-delivery-label { display: none !important; } /* ===================================================================== CATALOGUL DE PE TELEFON, ca la hi-tech: ecran intreg, stanga categoriile, dreapta subcategoriile ===================================================================== */ :is(html,#bpx#bpx) .bpx-mcat { position: fixed; inset: 0; z-index: 10000; background: #fff; display: flex; flex-direction: column; font-family: var(--bpx-font); } :is(html,#bpx#bpx) .bpx-mcat[hidden] { display: none !important; } :is(html,#bpx#bpx).bpx-mcat-open, :is(html,#bpx#bpx).bpx-mcat-open body { overflow: hidden !important; } :is(html,#bpx#bpx) .bpx-mcat__top { display: flex; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--bpx-linie); align-items: center; } :is(html,#bpx#bpx) .bpx-mcat__search { flex: 1; display: flex; border: 2px solid var(--bpx-galben); border-radius: 10px; overflow: hidden; } :is(html,#bpx#bpx) .bpx-mcat__search input { flex: 1; min-width: 0; height: 42px; border: 0 !important; padding: 0 12px !important; font-size: 15px !important; outline: none; box-shadow: none !important; -webkit-appearance: none; } :is(html,#bpx#bpx) .bpx-mcat__search button { width: 52px; border: 0; background: var(--bpx-galben); color: var(--bpx-albastru-inchis); font-size: 16px; } :is(html,#bpx#bpx) .bpx-mcat__close { width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid var(--bpx-linie); border-radius: 10px; background: #fff; color: var(--bpx-text); font-size: 20px; } :is(html,#bpx#bpx) .bpx-mcat__body { flex: 1; display: flex; min-height: 0; } :is(html,#bpx#bpx) .bpx-mcat__tabs { width: 96px; flex: 0 0 96px; background: var(--bpx-gri); overflow-y: auto; padding: 8px 6px 80px; display: flex; flex-direction: column; gap: 8px; } :is(html,#bpx#bpx) .bpx-mcat__tab { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 4px; border: 2px solid transparent; border-radius: 12px; background: #fff; color: var(--bpx-text); font-family: var(--bpx-font); font-size: 10.5px; line-height: 1.2; font-weight: 600; text-align: center; cursor: pointer; } :is(html,#bpx#bpx) .bpx-mcat__tab i { font-size: 20px; color: var(--bpx-albastru); } :is(html,#bpx#bpx) .bpx-mcat__tab.is-on { border-color: var(--bpx-albastru); background: var(--bpx-galben-deschis); } :is(html,#bpx#bpx) .bpx-mcat__panels { flex: 1; overflow-y: auto; padding: 12px 14px 90px; -webkit-overflow-scrolling: touch; } :is(html,#bpx#bpx) .bpx-mcat__panel[hidden] { display: none !important; } :is(html,#bpx#bpx) .bpx-mcat__all { display: block; color: var(--bpx-albastru) !important; font-weight: 700; font-size: 14px; margin: 2px 2px 12px; line-height: 1.35; } :is(html,#bpx#bpx) .bpx-mcat__pill { display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; margin: 0 0 6px; border-radius: 26px; background: var(--bpx-albastru-deschis); color: var(--bpx-albastru-inchis) !important; font-weight: 700; font-size: 14.5px; line-height: 1.25; text-decoration: none !important; } :is(html,#bpx#bpx) .bpx-mcat__pill span:nth-child(2) { flex: 1; } :is(html,#bpx#bpx) .bpx-mcat__pill i { font-size: 12px; color: var(--bpx-albastru); } :is(html,#bpx#bpx) .bpx-mcat__pillimg { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; } :is(html,#bpx#bpx) .bpx-mcat__pillimg img { width: 26px; height: 26px; object-fit: contain; } :is(html,#bpx#bpx) .bpx-mcat__list { list-style: none; margin: 4px 0 14px; padding: 0 6px; } :is(html,#bpx#bpx) .bpx-mcat__list a { display: block; padding: 9px 2px; font-size: 14.5px; color: var(--bpx-text) !important; } /* sertarul vechi al temei nu se mai foloseste */ :is(html,#bpx#bpx) #mobile_menu_wrapper { display: none !important; } :is(html,#bpx#bpx) .bpx-mcat__tab span { font-size: 11px !important; line-height: 1.2 !important; font-weight: 600 !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: manual; } :is(html,#bpx#bpx) .bpx-mcat__tab { transition: none !important; -webkit-tap-highlight-color: transparent; } /* ---------- pagina de produs: Descriere (stanga) si Detalii (dreapta) una langa alta, fara tab-uri ---------- */ :is(html,#bpx#bpx) #product .tabs .nav-tabs { display: none !important; } :is(html,#bpx#bpx) #product .tabs { border: 0 !important; padding: 0 !important; margin-top: 30px !important; background: none !important; box-shadow: none !important; } :is(html,#bpx#bpx) #product .tabs .tab-content { display: grid !important; grid-template-columns: 1fr 1fr; gap: 24px; border: 0 !important; padding: 0 !important; } :is(html,#bpx#bpx) #product .tabs .tab-content > .tab-pane { display: block !important; opacity: 1 !important; visibility: visible !important; height: auto !important; border: 1px solid var(--bpx-linie) !important; border-radius: 12px; padding: 20px 24px !important; background: #fff; min-width: 0; } :is(html,#bpx#bpx) #product .tabs .tab-content > .tab-pane:not(#description):not(#product-details) { grid-column: 1 / -1; } :is(html,#bpx#bpx) #product .tabs .tab-content > .tab-pane::before { display: block; font-size: 19px; font-weight: 700; color: var(--bpx-text); margin: 0 0 14px; padding-bottom: 10px; border-bottom: 3px solid var(--bpx-galben); } :is(html,#bpx#bpx) body.lang-ro#product #description::before { content: 'Descriere'; } :is(html,#bpx#bpx) body.lang-ro#product #product-details::before { content: 'Detalii'; } :is(html,#bpx#bpx) body.lang-ru#product #description::before { content: 'Описание'; } :is(html,#bpx#bpx) body.lang-ru#product #product-details::before { content: 'Характеристики'; } :is(html,#bpx#bpx) #product #description .product-description { font-size: 14.5px; line-height: 1.65; color: #374151; } :is(html,#bpx#bpx) #product #description .product-description ul { padding-left: 18px; margin: 0; } :is(html,#bpx#bpx) #product #description .product-description li { margin-bottom: 4px; } /* tabelul de caracteristici din Detalii: randuri alternate, ca o fisa tehnica */ :is(html,#bpx#bpx) #product #product-details .data-sheet { display: grid !important; grid-template-columns: minmax(120px, 45%) 1fr; margin: 0 !important; border: 1px solid var(--bpx-linie); border-radius: 8px; overflow: hidden; } :is(html,#bpx#bpx) #product #product-details .data-sheet dt, :is(html,#bpx#bpx) #product #product-details .data-sheet dd { margin: 0 !important; padding: 8px 12px !important; font-size: 13.5px !important; border-bottom: 1px solid var(--bpx-linie); background: #fff !important; flex: none !important; max-width: none !important; width: auto !important; } :is(html,#bpx#bpx) #product #product-details .data-sheet dt { color: var(--bpx-muted) !important; font-weight: 600 !important; background: var(--bpx-gri) !important; } :is(html,#bpx#bpx) #product #product-details .data-sheet dd { color: var(--bpx-text) !important; } @media (max-width: 767px) { :is(html,#bpx#bpx) #product .tabs .tab-content { grid-template-columns: 1fr; gap: 16px; } :is(html,#bpx#bpx) #product .tabs .tab-content > .tab-pane { padding: 16px !important; } } :is(html,#bpx#bpx) #product .tabs .tab-content { align-items: start; } /* slider: poza mai mare (cerut 10 oct 2026) — coloana pozei mai lata, inaltime pana la 360px */ @media (min-width: 768px) { :is(html,#bpx#bpx) .bpx-slide { grid-template-columns: 1fr 1.25fr; padding: 30px 56px 34px 64px; gap: 24px; } :is(html,#bpx#bpx) .bpx-slide__img img { max-height: 360px; width: 100%; height: auto; object-fit: contain; } } @media (max-width: 767px) { :is(html,#bpx#bpx) .bpx-slide__img { height: 210px; } :is(html,#bpx#bpx) .bpx-slide__img img { max-height: 210px; } } /* pozele din slider pe card alb: fara amestec cu fundalul galben (aparatele albe ieseau crem) */ :is(html,#bpx#bpx) .bpx-slide__img { background: #fff; border-radius: 18px; padding: 18px; box-shadow: 0 10px 30px rgba(0, 48, 138, .12); height: auto; align-self: center; } :is(html,#bpx#bpx) .bpx-slide__img img { mix-blend-mode: normal !important; display: block; margin: 0 auto; } @media (min-width: 768px) { :is(html,#bpx#bpx) .bpx-slide__img img { max-height: 320px; } } @media (max-width: 767px) { :is(html,#bpx#bpx) .bpx-slide__img { padding: 10px; height: auto; } :is(html,#bpx#bpx) .bpx-slide__img img { max-height: 180px; } } /* ---------- anvelope: latime / inaltime / diametru ca butoane, vizibile direct (fara liste derulante) ---------- */ :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) ul { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 6px; height: auto !important; } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) ul.collapse:not(.in) { display: grid !important; } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) li { margin: 0 !important; } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label { position: relative; margin: 0 !important; display: block !important; border: 1.5px solid var(--bpx-linie); border-radius: 8px; background: #fff; text-align: center; cursor: pointer; transition: border-color .15s, background .15s; } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label .custom-checkbox { position: absolute !important; inset: 0; opacity: 0; margin: 0 !important; } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label .custom-checkbox input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label a { display: block; padding: 7px 2px !important; font-size: 13px !important; font-weight: 600; color: var(--bpx-text) !important; white-space: nowrap; pointer-events: none; } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label .magnitude { display: none !important; } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label:hover { border-color: var(--bpx-albastru); } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label:has(input:checked), :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label.active { background: var(--bpx-albastru); border-color: var(--bpx-albastru); } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label:has(input:checked) a, :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label.active a { color: #fff !important; } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label a { text-align: center !important; margin: 0 !important; } :is(html,#bpx#bpx) :is(body.category-id-564, body.category-id-565, body.category-id-566) #search_filters .facet:nth-of-type(-n+3) .facet-label a { width: 100% !important; float: none !important; display: flex !important; justify-content: center; padding-left: 0 !important; padding-right: 0 !important; } /* ---------- pagina de produs: pretul redus mai discret (cerut 10 oct 2026) ---------- */ :is(html,#bpx#bpx) #product .product-prices { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; } :is(html,#bpx#bpx) #product .product-prices .current-price-value, :is(html,#bpx#bpx) #product .has-discount .current-price-value, :is(html,#bpx#bpx) #product .product-discount ~ .current-price .current-price-value { font-size: 26px !important; font-weight: 700 !important; letter-spacing: -.2px; line-height: 1.2; } :is(html,#bpx#bpx) #product .has-discount .current-price-value, :is(html,#bpx#bpx) #product .product-discount ~ .current-price .current-price-value, :is(html,#bpx#bpx) #product .current-price .price.price-sale { color: var(--bpx-rosu) !important; } :is(html,#bpx#bpx) #product .product-discount .regular-price { font-size: 15px !important; color: #9ca3af !important; font-weight: 400 !important; } /* eticheta „Castigi ... MDL": pastila deschisa, nu dreptunghi rosu plin */ :is(html,#bpx#bpx) #product .current-price .discount, :is(html,#bpx#bpx) #product .current-price .discount-amount, :is(html,#bpx#bpx) #product .current-price .discount-percentage, :is(html,#bpx#bpx) #product .product-prices .discount { background: #fdecec !important; color: #c53030 !important; font-size: 12.5px !important; font-weight: 600 !important; padding: 4px 10px !important; border-radius: 20px !important; border: 0 !important; text-transform: none !important; vertical-align: middle; } /* cardurile din liste: acelasi rosu mai cald, putin mai putin gros */ :is(html,#bpx#bpx) article.js-product-miniature .product-price-and-shipping .price.price-sale { color: var(--bpx-rosu) !important; font-weight: 700 !important; } /* pastila „Castigi": rosu plin cu text alb (cea roz iesea prea palida) */ :is(html,#bpx#bpx) #product .current-price .discount, :is(html,#bpx#bpx) #product .current-price .discount-amount, :is(html,#bpx#bpx) #product .current-price .discount-percentage, :is(html,#bpx#bpx) #product .product-prices .discount { background: var(--bpx-rosu) !important; color: #fff !important; } /* pretul redus: rosu intens si litera groasa ca initial (pe litera subtire rosul parea palid) */ :is(html,#bpx#bpx) #product .has-discount .current-price-value, :is(html,#bpx#bpx) #product .product-discount ~ .current-price .current-price-value, :is(html,#bpx#bpx) #product .current-price .price.price-sale { color: #e0141b !important; font-weight: 800 !important; } :is(html,#bpx#bpx) article.js-product-miniature .product-price-and-shipping .price.price-sale { color: #e0141b !important; font-weight: 800 !important; } /* codul produsului: grila [cantitate][buton][patratele]; codul pe randul 2, sub buton (calculator) sau langa patratele (telefon, unde ele coboara pe randul 2) */ :is(html,#bpx#bpx) #product .product-add-to-cart .product-quantity { display: grid !important; grid-template-columns: auto 1fr auto; align-items: center; column-gap: 20px; row-gap: 8px; } :is(html,#bpx#bpx) #product .product-add-to-cart .product-quantity > * { margin: 0 !important; float: none !important; } :is(html,#bpx#bpx) #product .product-add-to-cart .product-quantity > .qty { grid-column: 1; grid-row: 1; } :is(html,#bpx#bpx) #product .product-add-to-cart .product-quantity > .add { grid-column: 2; grid-row: 1; width: auto !important; } :is(html,#bpx#bpx) #product .product-add-to-cart .product-quantity > .cart_button { grid-column: 3; grid-row: 1; } :is(html,#bpx#bpx) #product .product-add-to-cart .bpx-cod-produs { grid-column: 2 / 4; grid-row: 2; font-size: 14px; line-height: 1.3; color: #5b6475; } :is(html,#bpx#bpx) #product .product-add-to-cart .bpx-cod-produs strong { color: #1a2233; font-weight: 700; letter-spacing: .2px; overflow-wrap: break-word; } @media (max-width: 575px) { :is(html,#bpx#bpx) #product .product-add-to-cart .product-quantity { grid-template-columns: auto 1fr; column-gap: 16px; } :is(html,#bpx#bpx) #product .product-add-to-cart .product-quantity > .cart_button { grid-column: 1; grid-row: 2; } :is(html,#bpx#bpx) #product .product-add-to-cart .bpx-cod-produs { grid-column: 2; grid-row: 2; align-self: center; } } /* alegerea limbii: buton cu steag + lista (Moldova = RO, Rusia = RU) */ :is(html,#bpx#bpx) .bpx-lang { position: relative; flex: 0 0 auto; } :is(html,#bpx#bpx) .bpx-lang__btn { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-family: var(--bpx-font); font-weight: 700; font-size: 13px; background: transparent; } :is(html,#bpx#bpx) .bpx-lang img { width: 24px; height: 16px; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,.12); object-fit: cover; flex: 0 0 auto; } :is(html,#bpx#bpx) .bpx-lang__btn i { font-size: 10px; opacity: .7; transition: transform .15s; } :is(html,#bpx#bpx) .bpx-lang__btn[aria-expanded="true"] i { transform: rotate(180deg); } :is(html,#bpx#bpx) .bpx-lang__menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 10000; min-width: 160px; padding: 6px; background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(15,23,42,.18); } :is(html,#bpx#bpx) .bpx-lang__menu[hidden] { display: none !important; } :is(html,#bpx#bpx) .bpx-lang__menu a { display: flex !important; justify-content: flex-start !important; text-align: left; width: 100%; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 7px; color: var(--bpx-text) !important; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; } :is(html,#bpx#bpx) .bpx-lang__menu a:hover { background: var(--bpx-albastru-deschis); } :is(html,#bpx#bpx) .bpx-lang__menu a.is-active { background: var(--bpx-galben-deschis); } :is(html,#bpx#bpx) .bpx-lang--top .bpx-lang__btn { color: #fff; border: 1px solid rgba(255,255,255,.35); border-radius: 8px; padding: 3px 9px; height: 28px; } :is(html,#bpx#bpx) .bpx-lang--mob .bpx-lang__btn { color: var(--bpx-text); border: 1px solid var(--bpx-linie); border-radius: 10px; padding: 0 10px; height: 42px; } @media (max-width: 370px) { :is(html,#bpx#bpx) .bpx-mhdr__cat { padding: 0 12px; } :is(html,#bpx#bpx) .bpx-mhdr__row { gap: 8px; } } :is(html,#bpx#bpx) .bpx-lang__menu a span { flex: 1 1 auto !important; margin: 0 !important; text-align: left !important; display: block !important; width: auto !important; } /* pe telefon: butonul de limba patrat 42x42, doar steagul (textul si sageata ascunse) */ :is(html,#bpx#bpx) .bpx-lang--mob .bpx-lang__btn { width: 42px; height: 42px; padding: 0; justify-content: center; gap: 0; } :is(html,#bpx#bpx) .bpx-lang--mob .bpx-lang__btn span, :is(html,#bpx#bpx) .bpx-lang--mob .bpx-lang__btn i { display: none; } :is(html,#bpx#bpx) .bpx-lang--mob .bpx-lang__btn img { width: 26px; height: 18px; } /* paginile de text (Despre noi, Termeni): titluri scrise normal, nu „Fiecare Cuvant Mare" (14 oct 2026) */ :is(html,#bpx#bpx) #cms .page-content :is(h1,h2,h3,h4), :is(html,#bpx#bpx) #cms .page-cms :is(h1,h2,h3,h4) { text-transform: none; } :is(html,#bpx#bpx) #cms .page-content :is(h2,h3) { margin: 22px 0 10px; color: #0b2a6f; } :is(html,#bpx#bpx) #cms .page-content p, :is(html,#bpx#bpx) #cms .page-content li { color: #333; font-size: 15px; line-height: 1.6; } :is(html,#bpx#bpx) #cms .page-content ul { list-style: disc; padding-left: 22px; } /* 15 oct 2026: tema punea Majuscula La Fiecare Cuvant pe caracteristici si pe subtitlurile descrierii („До 30 М²", „2,55 КВт", „Управление И Комфорт") — textul ramane cum e scris */ :is(html,#bpx#bpx) #product #product-details .data-sheet dt, :is(html,#bpx#bpx) #product #product-details .data-sheet dd, :is(html,#bpx#bpx) #product .product-description :is(h1,h2,h3,h4,h5,h6,p,li,strong,b) { text-transform: none !important; } /* 15 oct 2026: filtrele arata acum TOATE valorile (inainte doar primele 10 — Wolser lipsea din „Marca" la aerele conditionate). Listele lungi se deruleaza in loc sa lungeasca pagina (pe telefon mai ales) */ :is(html,#bpx#bpx) #search_filters .facet ul:not(:has(.faceted-slider)) { max-height: 290px; overflow-y: auto; overscroll-behavior: contain; padding-right: 4px !important; } /* banere-imagine pe prima pagina (4 nov 2026), din tools/banere/ */ :is(html,#bpx#bpx) .bpx-ascuns { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0 !important; padding: 0 !important; } :is(html,#bpx#bpx) .bpx-baner { display: block; padding: 0; background: #0c1024; position: relative; overflow: hidden; } :is(html,#bpx#bpx) .bpx-baner picture { position: absolute; inset: 0; display: block; } :is(html,#bpx#bpx) .bpx-baner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 30% 50%; } :is(html,#bpx#bpx) .bpx-slider__nav { opacity: 0; transition: opacity .2s; } :is(html,#bpx#bpx) .bpx-slider:hover .bpx-slider__nav, :is(html,#bpx#bpx) .bpx-slider__nav:focus-visible { opacity: 1; } :is(html,#bpx#bpx) .bpx-slider__dots { bottom: 12px; } :is(html,#bpx#bpx) .bpx-slider__dots button { background: rgba(255,255,255,.7); box-shadow: 0 0 0 1px rgba(10,31,77,.25); } :is(html,#bpx#bpx) .bpx-slider__dots button.is-on { background: #ffc72c; } @media (max-width: 1024px) { :is(html,#bpx#bpx) .bpx-slider { aspect-ratio: 1080 / 428; flex: none; min-height: 0; } } @media (max-width: 767px) { :is(html,#bpx#bpx) .bpx-slider { aspect-ratio: 390 / 340; } :is(html,#bpx#bpx) .bpx-slide.bpx-baner { padding: 0; } :is(html,#bpx#bpx) .bpx-baner img { object-position: 50% 50%; } }