/** * Smart Residence — benzi ca logo (mint → cyan), butoane negre */ :root { --sr-band-mint: #4fffb0; --sr-band-cyan: #28c7d0; --sr-band-bg: #28c7d0; --sr-band-bg-dark: #22b0b8; --sr-band-gradient: linear-gradient(135deg, #4fffb0 0%, #28c7d0 100%); --sr-band-gradient-h: linear-gradient(90deg, #4fffb0 0%, #28c7d0 52%, #3ee6c8 100%); --sr-band-text: #0a3d38; --sr-btn-bg: #111827; --sr-btn-bg-hover: #374151; --sr-btn-text: #ffffff; --sr-accent: #111827; --sr-accent-hover: #374151; --sr-link: #374151; --sr-link-hover: #111827; --sr-scrollbar-clearance: 12px; --global-palette1: var(--sr-accent); --global-palette2: var(--sr-accent-hover); --global-palette-btn-bg: var(--sr-btn-bg); --global-palette-btn-bg-hover: var(--sr-btn-bg-hover); --global-palette-btn: var(--sr-btn-text); --global-palette-btn-hover: var(--sr-btn-text); --global-palette-highlight: var(--sr-link); --global-palette-highlight-alt: var(--sr-link-hover); --primary-color: var(--sr-accent); --primary-hover-color: var(--sr-accent-hover); --bs-blue: var(--sr-accent); --bs-primary: var(--sr-accent); --bs-primary-rgb: 17, 24, 39; --bs-link-color: var(--sr-link); --bs-link-hover-color: var(--sr-link-hover); --bs-primary-text-emphasis: #111827; --bs-primary-bg-subtle: #f3f4f6; --bs-primary-border-subtle: #d1d5db; /* Bootstrap implicit 0.8125rem (=13px) — prea mic pentru tot site-ul */ --bs-body-font-size: 1rem; --bs-body-line-height: 1.5; } html { scrollbar-gutter: stable; } /* Text paragraf: pe ecrane late (≥1500px) paragrafele simple (fără dimensiune proprie) devin 16px, în loc de 14px moștenit din body. `p` are specificitate minimă, deci NU afectează textele cu font-size setat prin clasă/id. */ @media (min-width: 1500px) { p { } } @supports (scrollbar-gutter: stable) { :root { --sr-scrollbar-clearance: 6px; } } /* Hotfix urgent: overlay spinner nu mai blocheaza accesul */ #spinner { display: none !important; opacity: 0 !important; pointer-events: none !important; } /* CTA negre — nu header coÈ™, nu listă categorie, nu adaugă în coÈ™ */ .sr-checkout-page__checkout, .sr-cart-drawer__btn-cart, .sr-compare-btn-primary:not(#display-control *), #button-filter, #button-search, .button:not(#display-control *):not(.sr-cart-widget__toggle):not(.cart_button) { background: var(--sr-btn-bg) !important; border: 1px solid var(--sr-btn-bg) !important; color: var(--sr-btn-text) !important; box-shadow: 0 2px 8px rgba(17, 24, 39, 0.12); } .sr-checkout-page__checkout:hover, .sr-cart-drawer__btn-cart:hover, .sr-compare-btn-primary:not(#display-control *):hover, #button-filter:hover, #button-search:hover, .button:not(#display-control *):not(.sr-cart-widget__toggle):not(.cart_button):hover { background: var(--sr-btn-bg-hover) !important; border-color: var(--sr-btn-bg-hover) !important; color: var(--sr-btn-text) !important; } .btn-primary:not(#display-control *):not(#header #header-cart *):not(#product-info #button-cart):not(.product_cart_btn *) { --bs-btn-color: #fff; --bs-btn-bg: #111827; --bs-btn-border-color: #111827; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #374151; --bs-btn-hover-border-color: #374151; } /* Gutter site — 1cm implicit; 30px de la 2350px (fără pagina produs) */ body:not([class*="product-product"]) { --sr-site-gutter-left: 1cm; --sr-site-gutter-right: calc(1cm + 12px); --sr-site-gutter-both: 1cm; } @media (min-width: 2350px) { body:not([class*="product-product"]) { --sr-site-gutter-left: 30px; --sr-site-gutter-right: 30px; --sr-site-gutter-both: 30px; } /* footerul rămâne 50px (ca paginile de categorie), nu se îngustează aici */ } /* Header middle — fundal negru, text/icon alb, câmpuri inversate */ /* Header — full width, gutter stânga/dreapta */ #top > .container, #sr-sticky-header .container { max-width: none !important; width: 100% !important; padding-left: var(--sr-site-gutter-left, 1cm) !important; padding-right: max(5px, calc(var(--sr-site-gutter-right, calc(1cm + 12px)) + var(--sr-scrollbar-clearance, 12px))) !important; } #header .header_middle > .container { max-width: none !important; width: 100% !important; padding-left: max(5px, var(--sr-site-gutter-left, 1cm)) !important; padding-right: max(5px, calc(var(--sr-site-gutter-right, calc(1cm + 12px)) + var(--sr-scrollbar-clearance, 12px))) !important; } /* Header bottom — meniu stânga, aliniat cu logo (1cm); fără .container Bootstrap centrat în megamenu */ /* margin-bottom = spațiu permanent sub bara de meniu, pe toate paginile (token 20260727hdrgap24) */ #header .header_bottom { margin: 0 0 24px !important; padding-top: 0 !important; padding-bottom: 0 !important; text-align: left !important; } /* Bara megamenu — fundal alb pe toată lățimea (nu doar pe .megamenu-wrapper) */ @media (min-width: 992px) { #header .header_bottom { background-color: #fff; } #header .header_bottom .megamenu-wrapper { background-color: transparent !important; } } #header .header_bottom > .container { max-width: none !important; width: 100% !important; margin: 0 !important; padding-left: var(--sr-site-gutter-both, 1cm) !important; padding-right: var(--sr-site-gutter-both, 1cm) !important; padding-top: 0 !important; padding-bottom: 0 !important; } #header .header_bottom .position-header-bottom, #header .header_bottom .responsive.megamenu-style-dev, #header .header_bottom .wrapper, #header .header_bottom #menu, #header .header_bottom .container-megamenu, #header .header_bottom .container-megamenu.container, #header .header_bottom .megamenu-wrapper, #header .header_bottom .megamenu-pattern, #header .header_bottom .megamenu-pattern > .container { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; justify-content: flex-start !important; text-align: left !important; } #header .header_bottom ul.megamenu { display: block !important; width: auto !important; margin-left: 0 !important; padding-left: 0 !important; text-align: left !important; } @media (min-width: 992px) { #header .header_bottom ul.megamenu > li { float: none !important; display: inline-block !important; vertical-align: top; } } @media (min-width: 992px) { #header .header_bottom ul.megamenu > li:first-child > a { padding-left: 0 !important; } } /* Breadcrumb — text 16px, aliniat stânga (mărit la 20px în sr-site-text.css) */ .breadcrumb-container { text-align: left !important; } .breadcrumb-container .breadcrumb { justify-content: flex-start !important; text-align: left !important; padding-left: var(--sr-site-gutter-both, 1cm) !important; padding-right: var(--sr-site-gutter-both, 1cm) !important; } /* Header — sticky search; linkurile #top au tipografie uniformă în secțiunea top bar de mai jos */ #header #search .btn-lg, .sr-sticky-header__search #base_advance_search .search-field { font-size: 14px !important; } .sr-sticky-header .sr-sticky-header__help-title { font-size: 12px !important; font-weight: 300 !important; letter-spacing: 0.04em !important; } .sr-sticky-header .sr-sticky-header__help-phone { font-size: 14px !important; font-weight: 400 !important; } /* header_middle — titlu secundar / valoare bold */ #header .header_middle .header_contact span.title, #header .header_middle .header_account_item .title, #header .header_middle .header_account span.title { font-size: 12px !important; font-weight: 400 !important; line-height: 1.3 !important; } #header .header_middle .header_contact span.label, #header .header_middle .header_account_item .label, #header .header_middle .header_account span.label { font-size: 14px !important; font-weight: 410 !important; line-height: 1.3 !important; } #header .header_middle .header_contact .ms-2 > a[href^="tel:"] { display: block; font-size: 14px !important; font-weight: 410 !important; line-height: 1.3 !important; text-decoration: none !important; } #header .header_middle #header-cart .header_cart_item .label, #header .header_middle #header-cart .sr-cart-widget__toggle .header_cart_item .label { font-size: 14px !important; font-weight: 410 !important; line-height: 1.3 !important; } #header .header_middle #header-cart .header_cart_item .title, #header .header_middle #header-cart .sr-cart-widget__toggle .header_cart_item .title { display: none !important; } #header .header_middle #header-cart .sr-cart-widget__toggle { font-size: 14px !important; font-weight: 400 !important; line-height: 1.35 !important; height: auto !important; } #header .header_middle #base_advance_search .search-field, #header .header_middle #base_advance_search .search-select { font-size: 14px !important; } #header .header_middle .sr-header-compare, #header .header_middle .sr-header-compare__label, #header .header_middle .sr-header-wishlist, #header .header_middle .sr-header-wishlist__label, .sr-sticky-header .sr-sticky-header__locale .dropdown-toggle, .sr-sticky-header .sr-sticky-header__locale .dropdown-toggle span { font-size: 14px !important; font-weight: var(--sr-sticky-locale-fw, 400) !important; line-height: var(--sr-sticky-locale-lh, 1.3) !important; } @media (max-width: 991px) { #header .header_middle #base_advance_search .search-field { font-size: 15px !important; } } #header .header_middle { background: #ffffff !important; color: #111827; border-bottom: 1px solid #e5e7eb; box-sizing: border-box; } #header .header_middle a { color: #111827 !important; } #header .header_middle a:hover { color: #374151 !important; } #header .header_middle .header_contact span.title, #header .header_middle .header_account span.title { color: #6b7280 !important; } #header .header_middle .header_contact span.label, #header .header_middle .header_account span.label { color: #111827 !important; } #header .header_middle .header_contact:after { background-color: rgba(17, 24, 39, 0.12) !important; } #header .header_middle .header_account:after, #header .header_middle .myaccount > a.header_account:after { display: none !important; content: none !important; } #header .header_middle .header_contact img, #header .header_middle .myaccount > a > span, #header .header_middle .myaccount > a.header_account > span:first-child, #header .header_middle .myaccount > a.header_account.d-flex > span:first-child { filter: none !important; } /* Cont + contact în mod text (icon + etichetă): din 1200px în sus, ca la Comparație/Favorite. Sub 1200px contul rămâne doar iconiță (vezi blocul max-width:1199.98 mai jos). */ @media (min-width: 1200px) { #header .header_middle .header_contact img { width: 26px; height: 26px; flex: 0 0 26px; object-fit: contain; } /* Icon cont — dimensiune fixă, aliniat cu textul (nu lat cât blocul „Contul meu”) */ #header .header_middle .myaccount > a.header_account.d-flex { display: inline-flex !important; align-items: center !important; gap: 8px; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } #header .header_middle .myaccount > a > span, #header .header_middle .myaccount > a.header_account > span:first-child, #header .header_middle .myaccount > a.header_account.d-flex > span:first-child { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; flex: 0 0 26px !important; align-self: center; aspect-ratio: auto; background-image: url(../image/header-account.svg) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important; overflow: visible; } #header .header_middle .header_account_item { display: flex; flex-direction: column; justify-content: center; width: auto; margin-left: 0 !important; } } @media (min-width: 992px) and (max-width: 1799.98px) { #header .header_middle .myaccount > a.header_account:not(.sr-mob-header-icon) > span:first-child, #header .header_middle .myaccount > a.header_account.d-flex:not(.sr-mob-header-icon) > span:first-child { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; background-size: contain !important; background-position: center center !important; overflow: visible !important; } } /* Cont — mod icon cerc (<1200px): ascunde blocul text, centrează SVG ca la favorite/coș */ @media (max-width: 1199.98px) { #header .header_middle .myaccount > a.header_account.sr-mob-header-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; } #header .header_middle .myaccount > a.header_account.sr-mob-header-icon .header_account_item { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; visibility: hidden !important; } #header .header_middle .myaccount > a.header_account.sr-mob-header-icon > span:first-child, #header .header_middle .myaccount > a.header_account.sr-mob-header-icon.d-flex > span:first-child { display: block !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important; background-image: url(../image/header-account.svg) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; overflow: visible !important; } } #header .header_middle .myaccount > a.header_account, #header .header_middle .myaccount > a.header_account.d-flex { color: #111827 !important; } #header .header_middle #base_advance_search { border-color: #d1d5db !important; background: #fff !important; } #header .header_middle #base_advance_search .search-field, #header .header_middle #base_advance_search .search-select { color: #111827 !important; background: transparent !important; } #header .header_middle #base_advance_search .category-search { min-width: 148px; max-width: 190px; } #header .header_middle #base_advance_search .search-select option, #header .header_middle #base_advance_search .search-select optgroup { color: #111827 !important; background: #fff !important; font-size: 14px !important; } @media (min-width: 992px) { #header .header_middle #base_advance_search .search-select { font-size: 14px !important; line-height: 1.3; padding: 6px 30px 6px 12px; height: 37px !important; } #header .header_middle #base_advance_search .search-field { height: 37px !important; } #header .header_middle #base_advance_search .search-submit { height: 37px !important; padding-top: 0 !important; padding-bottom: 0 !important; } #header .header_middle #base_advance_search .category-search { min-width: 138px; max-width: 180px; } #header .header_middle #base_advance_search .category-search::after { font-size: 14px; } } #header .header_middle #base_advance_search .search-field::placeholder { color: #6b7280; } #header .header_middle #base_advance_search .category-search::before { background: rgba(17, 24, 39, 0.15) !important; } #header .header_middle #base_advance_search .category-search::after { color: #374151 !important; } #header .header_middle #base_advance_search .search-submit { background: #ffffff !important; color: #111827 !important; border: 0 !important; border-left: 1px solid #d1d5db !important; } #header .header_middle #base_advance_search .search-submit:hover, #header .header_middle #base_advance_search .search-submit:focus-visible { background: #f3f4f6 !important; color: #111827 !important; } /* Logo mai mic — plafon 150px (implicit era 200px, header prea înalt) */ #header #logo img { max-width: 150px !important; height: auto !important; } /* Desktop larg (≥1800): pilulele compară/favorite mai joase, ca butonul de căutare */ @media (min-width: 1800px) { #header .header_middle .sr-header-compare.sr-mob-header-icon, #header .header_middle .sr-header-wishlist.sr-mob-header-icon { padding-top: 7px !important; padding-bottom: 7px !important; } } #header .header_middle .sr-header-compare { background: transparent !important; border-color: rgba(17, 24, 39, 0.18) !important; color: #111827 !important; } #header .header_middle .sr-header-compare:hover { background: rgba(17, 24, 39, 0.06) !important; border-color: rgba(17, 24, 39, 0.28) !important; color: #111827 !important; box-shadow: none; } #header .header_middle .sr-header-compare.has-items { background: rgba(17, 24, 39, 0.04) !important; border-color: rgba(17, 24, 39, 0.22) !important; } #header .header_middle .sr-header-compare .fa-solid { color: #111827; } .sr-header-wishlist-wrap { margin-right: 8px; } .sr-header-wishlist { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; border: 1px solid #e4e7ec; background: #fff; color: #1a1d21; text-decoration: none; font-size: 14px; font-weight: 500; transition: border-color 0.2s, box-shadow 0.2s, background 0.2s; position: relative; } .sr-header-wishlist:hover { border-color: #c5cad3; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06); color: #0a0a0a; } .sr-header-wishlist.has-items { border-color: #b8c9e6; background: linear-gradient(180deg, #f8fbff 0%, #fff 100%); } #header .header_middle .sr-header-wishlist { background: transparent !important; border-color: rgba(17, 24, 39, 0.18) !important; color: #111827 !important; } #header .header_middle .sr-header-wishlist:hover { background: rgba(17, 24, 39, 0.06) !important; border-color: rgba(17, 24, 39, 0.28) !important; color: #111827 !important; box-shadow: none; } #header .header_middle .sr-header-wishlist.has-items { background: rgba(17, 24, 39, 0.04) !important; border-color: rgba(17, 24, 39, 0.22) !important; } #header .header_middle .sr-header-wishlist .fa-regular, #header .header_middle .sr-header-wishlist .fa-solid { color: #111827; } .sr-wishlist-count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: linear-gradient(135deg, #4fffb0 0%, #28c7d0 100%); background-color: transparent; color: #0a3d38; font-size: 12px; font-weight: 410; line-height: 1; } .sr-header-wishlist:not(.has-items) .sr-wishlist-count { opacity: 0.55; } #header .header_middle #header-cart .sr-cart-widget__toggle { background: rgba(17, 24, 39, 0.05) !important; color: #111827 !important; } #header .header_middle #header-cart .sr-cart-widget__toggle:hover, #header .header_middle #header-cart .sr-cart-widget__toggle:focus-visible, #header .header_middle #header-cart .sr-cart-widget__toggle[aria-expanded="true"] { background: rgba(17, 24, 39, 0.1) !important; } #header .header_middle #header-cart .cart_image { filter: none; } /* Panou lateral coÈ™ — fundal alb; nume/preÈ› negre (nu moÈ™teni #fff din .header_middle a) */ .dropdown-menu.sr-cart-drawer, .dropdown-menu.sr-cart-drawer { color: #111827; } .dropdown-menu.sr-cart-drawer .sr-cart-item__name, .dropdown-menu.sr-cart-drawer a.sr-cart-item__name, .dropdown-menu.sr-cart-drawer .sr-cart-item__name, .dropdown-menu.sr-cart-drawer a.sr-cart-item__name { color: #111827 !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__name:hover, .dropdown-menu.sr-cart-drawer .sr-cart-item__name:hover { color: #374151 !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__total, .dropdown-menu.sr-cart-drawer .sr-cart-totals__label, .dropdown-menu.sr-cart-drawer .sr-cart-totals__value { color: #111827 !important; } /* Panou lateral coș + pagină coș — text +4px */ .sr-cart-drawer__title { font-size: calc(1.25rem + 2px) !important; } .sr-cart-drawer__subtitle { font-size: 17px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__name, .dropdown-menu.sr-cart-drawer .sr-cart-item__name, .dropdown-menu.sr-cart-drawer .sr-cart-item__model, .dropdown-menu.sr-cart-drawer .sr-cart-item__ean, .dropdown-menu.sr-cart-drawer .sr-cart-item__qty, .dropdown-menu.sr-cart-drawer .sr-cart-item__model, .dropdown-menu.sr-cart-drawer .sr-cart-item__ean, .dropdown-menu.sr-cart-drawer .sr-cart-item__qty { font-size: 14px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__options, .dropdown-menu.sr-cart-drawer .sr-cart-item__options { font-size: 15px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__total, .dropdown-menu.sr-cart-drawer .sr-cart-item__total { font-size: 17px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-label, .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-label { font-size: 11px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-value, .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-value { font-size: 14px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-totals__label, .dropdown-menu.sr-cart-drawer .sr-cart-totals__value, .dropdown-menu.sr-cart-drawer .sr-cart-totals__label, .dropdown-menu.sr-cart-drawer .sr-cart-totals__value { font-size: 16px !important; } .sr-cart-drawer__btn-cart { font-size: 17px !important; } .dropdown-menu.sr-cart-drawer a.sr-cart-drawer__btn-cart, .dropdown-menu.sr-cart-drawer .sr-cart-drawer__btn-cart.btn-primary, .dropdown-menu.sr-cart-drawer a.sr-cart-drawer__btn-cart, .dropdown-menu.sr-cart-drawer .sr-cart-drawer__btn-cart.btn-primary { color: #ffffff !important; background: var(--sr-btn-bg, #111827) !important; border-color: var(--sr-btn-bg, #111827) !important; } .dropdown-menu.sr-cart-drawer a.sr-cart-drawer__btn-cart:hover, .dropdown-menu.sr-cart-drawer a.sr-cart-drawer__btn-cart:focus-visible, .dropdown-menu.sr-cart-drawer a.sr-cart-drawer__btn-cart:hover, .dropdown-menu.sr-cart-drawer a.sr-cart-drawer__btn-cart:focus-visible { color: #ffffff !important; background: var(--sr-btn-bg-hover, #374151) !important; border-color: var(--sr-btn-bg-hover, #374151) !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__remove-btn, .dropdown-menu.sr-cart-drawer .sr-cart-item__remove-btn { font-size: 16px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-drawer__empty, .dropdown-menu.sr-cart-drawer .sr-cart-drawer__empty { font-size: 14px !important; } #checkout-cart .sr-checkout-page__title { font-size: 20px !important; } #checkout-cart .sr-checkout-page__weight { font-size: calc(1rem + 2px) !important; } #shopping-cart .sr-checkout-cart-item { grid-template-columns: 128px minmax(0, 1fr) !important; align-items: start !important; column-gap: 16px !important; } #shopping-cart .sr-checkout-cart-item__name { font-size: 17px !important; line-height: 1.35 !important; } #shopping-cart .sr-checkout-cart-item__stock-note { font-size: 15px !important; } #shopping-cart .sr-checkout-cart-item__stock-warn { font-size: 14px !important; } #shopping-cart .sr-checkout-cart-item__meta { font-size: 17px !important; } #shopping-cart .sr-checkout-cart-item__option { font-size: 17px !important; } #shopping-cart .sr-checkout-cart-item__unit-label { font-size: 14px !important; } #shopping-cart .sr-checkout-cart-item__unit-value { font-size: 16px !important; } #shopping-cart .sr-checkout-cart-item__total { font-size: 22px !important; } #shopping-cart .sr-checkout-cart-item__thumb { width: 128px !important; height: 128px !important; min-width: 128px !important; max-width: 128px !important; } #shopping-cart .sr-checkout-cart-item__thumb img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; } #checkout-cart .sr-checkout-cart__btn-clear { font-size: 14px !important; } #checkout-cart .sr-checkout-cart__summary-title { font-size: 16px !important; } #checkout-cart .sr-checkout-coupon-notice { font-size: 15px !important; } #checkout-cart .sr-checkout-coupon__label { font-size: 14px !important; } #checkout-cart .sr-checkout-coupon__input { font-size: 15px !important; } #checkout-cart .sr-checkout-coupon__btn { font-size: 14px !important; } #checkout-cart .sr-checkout-cart__totals-label, #checkout-cart .sr-checkout-cart__totals-value { font-size: 16px !important; } /* Label-uri Subtotal/Total +1px — fără rândul „Transport", fără prețuri (valori). */ #checkout-cart .sr-checkout-cart__totals tr:not(.sr-checkout-cart__totals-row--shipping) .sr-checkout-cart__totals-label { font-size: 17px !important; } #checkout-cart .sr-checkout-cart__totals tr:last-child .sr-checkout-cart__totals-value { font-size: 20px !important; } #checkout-cart .sr-checkout-cart__totals tr:last-child .sr-checkout-cart__totals-label { font-size: 21px !important; } #checkout-cart .sr-cart-shipping-detail__hint, #checkout-cart .sr-cart-shipping-detail__address { font-size: 14px !important; line-height: 1.5 !important; color: #111827 !important; } #checkout-cart .sr-cart-shipping-detail__icon { font-size: 17px !important; } #checkout-cart .sr-cart-shipping-detail { padding: 12px 14px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__hint, .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__address { font-size: 15px !important; line-height: 1.5 !important; color: #111827 !important; } .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__icon { font-size: 16px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail { padding: 10px 12px !important; } #checkout-cart .sr-checkout-qty-stepper__input { font-size: 17px !important; } #checkout-cart .sr-checkout-page__checkout { font-size: 14px !important; } /* Buton „Finalizare comandă” dezactivat (sub minim sau fără stoc) */ #checkout-cart .sr-checkout-page__checkout.is-disabled { opacity: 0.5 !important; pointer-events: none !important; cursor: not-allowed !important; box-shadow: none !important; } /* Mesaj de blocare checkout (minim comandă / stoc) */ #checkout-cart .sr-checkout-page__notice { display: flex; align-items: center; gap: 8px; margin: 16px 0 4px; padding: 12px 16px; border-radius: 10px; background: #fff5f5; border: 1px solid #f3c6c6; color: #9b1c1c; font-size: 14px; font-weight: 410; line-height: 1.4; } #checkout-cart .sr-checkout-page__footer { align-items: center; } @media (min-width: 992px) { #checkout-cart .sr-checkout-page__footer { justify-content: flex-start; gap: 20px; } #checkout-cart .sr-checkout-page__continue { margin-right: 0; justify-content: flex-start; } #checkout-cart .sr-checkout-page__checkout { margin-left: auto; } } /* Continuă cumpărăturile — secundar, discret față de Finalizare comandă */ #checkout-cart .sr-checkout-page__continue { display: inline-flex; align-items: center; justify-content: center; min-height: auto !important; padding: 8px 4px !important; border: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 14px !important; font-weight: 500 !important; color: #6b7280 !important; text-decoration: underline; text-underline-offset: 2px; } #checkout-cart .sr-checkout-page__continue:hover, #checkout-cart .sr-checkout-page__continue:focus-visible { background: transparent !important; border: none !important; color: #111827 !important; box-shadow: none !important; } #checkout-cart .sr-checkout-cart__empty { font-size: 14px !important; } /* Meniu cont (dropdown) — fundal alb, aliniat sub butonul de cont */ #header #sr-home-account, .sr-sticky-header #sr-sticky-slot-account, .sr-sticky-header #sr-sticky-slot-account > li { position: relative; display: inline-flex; align-items: center; width: auto; max-width: 100%; } #header .myaccount.dropdown, .sr-sticky-header .myaccount.dropdown { position: relative; display: inline-flex; align-items: center; width: auto; max-width: 100%; } #header .myaccount .dropdown-menu:not(.show), .sr-sticky-header .myaccount .dropdown-menu:not(.show) { display: none !important; } #header .header_middle .myaccount .dropdown-menu, .sr-sticky-header .myaccount .dropdown-menu { background: #fff !important; color: #111827; border: 1px solid rgba(17, 24, 39, 0.12); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); padding: 0.4rem 0; } #header .myaccount .dropdown-menu.dropdown-menu-end.show, .sr-sticky-header .myaccount .dropdown-menu.dropdown-menu-end.show { display: block !important; position: absolute !important; top: calc(100% + 8px) !important; left: 50% !important; right: auto !important; bottom: auto !important; margin: 0 !important; transform: translateX(-50%) !important; min-width: 220px !important; width: max-content !important; max-width: min(280px, calc(100vw - 20px)) !important; line-height: 1.45 !important; z-index: 1065; } #header .myaccount .dropdown-menu.show li, .sr-sticky-header .myaccount .dropdown-menu.show li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.45 !important; float: none !important; } #header .header_middle .myaccount .dropdown-menu .dropdown-item, #header .header_middle .myaccount .dropdown-menu .dropdown-item span, .sr-sticky-header .myaccount .dropdown-menu .dropdown-item, .sr-sticky-header .myaccount .dropdown-menu .dropdown-item span { display: block !important; width: 100% !important; padding: 0.65rem 1.125rem !important; font-size: 15px !important; font-weight: 400; line-height: 1.4 !important; color: #111827 !important; white-space: nowrap; } #header .header_middle .myaccount .dropdown-menu .dropdown-item:hover, #header .header_middle .myaccount .dropdown-menu .dropdown-item:focus, .sr-sticky-header .myaccount .dropdown-menu .dropdown-item:hover, .sr-sticky-header .myaccount .dropdown-menu .dropdown-item:focus { color: #111827 !important; background-color: rgba(17, 24, 39, 0.06) !important; text-decoration: none !important; } /* Header — coÈ™: doar icon + badge; fundal discret verde (implicit + hover puÈ›in mai intens) */ #header #header-cart .sr-cart-widget { position: relative; display: inline-flex; align-items: center; overflow: visible; } #header #header-cart .sr-cart-widget__toggle.dropdown-toggle::after { display: none !important; } #header #header-cart .sr-cart-widget__toggle { position: relative; display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-width: 38px; height: 38px; padding: 6px !important; background: rgba(40, 199, 208, 0.1) !important; border: 0 !important; border-radius: 50%; box-shadow: none !important; color: #111827 !important; transition: background 0.2s ease; } #header #header-cart .sr-cart-widget__toggle:hover, #header #header-cart .sr-cart-widget__toggle:focus-visible, #header #header-cart .sr-cart-widget__toggle[aria-expanded="true"] { background: rgba(40, 199, 208, 0.18) !important; border-radius: 50%; } #header #header-cart .sr-cart-widget__toggle .header_cart_item { display: none !important; } #header #header-cart .sr-cart-widget__toggle .cart_image { margin: 0; } #header #header-cart span.cart_counter, #header #header-cart .sr-cart-count { position: absolute; top: 0; right: 0; margin: 0 !important; transform: none; min-width: 18px; width: auto; height: 18px; max-width: none; padding: 0 5px; font-size: 10px !important; font-weight: 410; line-height: 18px !important; border-radius: 50%; border: 2px solid #ffffff; background: var(--sr-btn-bg, #111827) !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.2); display: inline-flex !important; align-items: center; justify-content: center; overflow: visible !important; visibility: visible !important; opacity: 1 !important; z-index: 6; white-space: nowrap; pointer-events: none; } #header #header-cart .sr-cart-widget > .cart_counter, #header #header-cart .sr-cart-widget > .sr-cart-count, #header #header-cart .sr-cart-widget > .sr-mob-header-badge { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; } /* Listă categorie — grilă / listă: inactiv = icon negru, activ = icon alb pe gradient */ #display-control .btn-group .btn#button-grid, #display-control .btn-group .btn#button-list { background-color: #fff !important; background-image: none !important; border: 1px solid #e5e7eb !important; box-shadow: none !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; padding: 0 !important; margin: 0 !important; filter: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative; } #display-control .btn-group .btn#button-grid::before, #display-control .btn-group .btn#button-list::before { content: ""; display: block; width: 22px; height: 22px; background-color: #111827; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } #display-control .btn-group .btn#button-grid::before { -webkit-mask-image: url(../image/cat-grid.svg); mask-image: url(../image/cat-grid.svg); } #display-control .btn-group .btn#button-list::before { -webkit-mask-image: url(../image/cat-list.svg); mask-image: url(../image/cat-list.svg); } #display-control .btn-group .btn#button-grid.active, #display-control .btn-group .btn#button-list.active { background: var(--sr-band-gradient) !important; border-color: transparent !important; filter: none !important; } #display-control .btn-group .btn#button-grid.active::before, #display-control .btn-group .btn#button-list.active::before { background-color: #fff; } /* Comparare — aceeași scară ca butonul Filtre (.sr-open-filters-btn) */ #display-control .compare-total .btn-primary, #display-control .compare-total a.btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; background: #fff !important; border: 1px solid #111827 !important; color: #111827 !important; padding: 10px 18px !important; font-size: 14px !important; font-weight: 410 !important; letter-spacing: -0.01em !important; line-height: 1.2 !important; white-space: nowrap !important; box-shadow: none !important; border-radius: 0 !important; width: auto !important; height: auto !important; min-height: 0 !important; } #display-control .compare-total a.btn .fa-solid { font-size: 16px; line-height: 1; } #display-control .compare-total a.btn:hover { background: #f3f4f6 !important; border-color: #111827 !important; color: #111827 !important; } #display-control .open-sidebar.btn { background: #f3f4f6 !important; border: 1px solid #e5e7eb !important; color: #111827 !important; box-shadow: none !important; } /* PDP — titlu produs puÈ›in mai mare */ #product-info .product-right .product_title, #product-info .product-right h1.product_title { font-size: 21px !important; font-weight: 410 !important; line-height: 1.28 !important; letter-spacing: -0.02em; color: #111827 !important; margin-bottom: 6px !important; } #product-info .product-right .product_subtitle { font-size: 0.9375rem !important; font-weight: 400 !important; line-height: 1.45 !important; letter-spacing: 0.01em; color: #5c6168 !important; margin: 0 0 14px !important; max-width: 42rem; } @media (max-width: 767px) { #product-info .product-right .product_title, #product-info .product-right h1.product_title { font-size: 30px !important; } } /* PDP desktop — margini mari doar pe ecrane late; tablete/laptopuri înguste = padding rezonabil */ @media (min-width: 992px) and (max-width: 1199px) { body[class*="product-product-"] #product-info.container { width: 100%; max-width: none; margin-left: 0; margin-right: 0; padding-left: clamp(20px, 3vw, 32px) !important; padding-right: clamp(20px, 3vw, 32px) !important; box-sizing: border-box; } } @media (min-width: 1200px) and (max-width: 1599px) { body[class*="product-product-"] #product-info.container { width: 100%; max-width: none; margin-left: 0; margin-right: 0; padding-left: clamp(32px, 5vw, 80px) !important; padding-right: clamp(32px, 5vw, 80px) !important; box-sizing: border-box; } } @media (min-width: 1600px) { body[class*="product-product-"] #product-info.container { width: 100%; max-width: none; margin-left: 0; margin-right: 0; padding-left: clamp(120px, 18vw, 350px) !important; padding-right: clamp(120px, 18vw, 350px) !important; box-sizing: border-box; } } @media (max-width: 991px) { body[class*="product-product-"] #product-info.container { max-width: none; margin-left: 0; margin-right: 0; /* padding mobil: sr-mobile.css */ } } /* Categorii + coș — exact 50px de la marginea ecranului (fără bandă centrată 1710px) */ body[class*="product-category"] #product-category.container, body[class*="checkout-cart"] #checkout-cart.container { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 50px !important; padding-right: 50px !important; box-sizing: border-box !important; } /* Alte listări — layout standard centrat */ body.product-search #content > .container, body[class*="product-manufacturer"] #content > .container { max-width: var(--global-content-width, 1710px) !important; margin-left: auto !important; margin-right: auto !important; padding-left: var(--global-container-padding, 15px) !important; padding-right: var(--global-container-padding, 15px) !important; } @media (max-width: 575.98px) { body[class*="product-category"] #product-category.container, body[class*="checkout-cart"] #checkout-cart.container { padding-left: 16px !important; padding-right: 16px !important; } } /* PDP — coloană imagine (puÈ›in mai mare decât original, nu exagerat) */ /* Grilă produse — nume 14px ca test.smart-residence.ro (măsurat) */ #product-list .product-thumb .description h4, #product-list .product-thumb .description h4 a, body[class*="product-category"] #product-list .product-thumb .description h4, body[class*="product-category"] #product-list .product-thumb .description h4 a, body[class*="product-search"] #product-list .product-thumb .description h4, body[class*="product-search"] #product-list .product-thumb .description h4 a, body[class*="product-manufacturer"] #product-list .product-thumb .description h4, body[class*="product-manufacturer"] #product-list .product-thumb .description h4 a, body[class*="product-special"] #product-list .product-thumb .description h4, body[class*="product-special"] #product-list .product-thumb .description h4 a { font-family: var(--global-body-font-family) !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.6 !important; letter-spacing: 0.03em !important; } /* Preț listări pe desktop = 24px, la fel ca pe home (.sr-hp-modules / base_category_tabs / base_topdeal). Pe mobil rămâne 16px din sr-mobile.css — de aceea e scopat pe ≥992px, altfel selectorul category-specific ar scurge și pe mobil. */ @media (min-width: 992px) { #product-list .product-thumb .description .price, #product-list .product-thumb .description .price .price-new, body[class*="product-category"] #product-list .product-thumb .description .price, body[class*="product-category"] #product-list .product-thumb .description .price .price-new, body[class*="product-search"] #product-list .product-thumb .description .price, body[class*="product-search"] #product-list .product-thumb .description .price .price-new, body[class*="product-manufacturer"] #product-list .product-thumb .description .price, body[class*="product-manufacturer"] #product-list .product-thumb .description .price .price-new, body[class*="product-special"] #product-list .product-thumb .description .price, body[class*="product-special"] #product-list .product-thumb .description .price .price-new { font-family: var(--global-body-font-family) !important; font-size: 18px !important; font-weight: 410 !important; } } #product-list .product-thumb .description .price .price-old, body[class*="product-category"] #product-list .product-thumb .description .price .price-old { font-weight: 400 !important; } /* Grilă — spațiere și culori ca test.smart-residence.ro */ #product-list .product-thumb .description { padding: 20px !important; } #product-list .product-thumb .description h4, #product-list .product-thumb .description h4 a { color: #000000 !important; margin-bottom: 4px !important; } #product-list .product-thumb .description h4 a { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } #product-list.row.sr-product-grid .product-thumb .description h4, #product-list.row.sr-product-grid .product-thumb .description h4 a { line-height: 1.6 !important; -webkit-line-clamp: 3 !important; } #product-list .product-thumb .description .price, #product-list .product-thumb .description .price .price-new { color: #000000 !important; } /* Stele card categorie: +2px (13px), cutie compactă centrată, distanță egală față de „În stoc" (deasupra) și preț (dedesubt) prin margin simetric. */ #product-list .product-thumb .description .rating { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 3px !important; margin: 7px 0 !important; padding: 0 !important; line-height: 1 !important; min-height: 0 !important; } #product-list .product-thumb .description .rating .fa-stack { width: 15px !important; height: 15px !important; line-height: 15px !important; vertical-align: middle !important; } #product-list .product-thumb .description .rating .fa-stack .fa-star, #product-list .product-thumb .description .rating .fa-stack > i { font-size: 13px !important; line-height: 15px !important; } #product-list .product-thumb .description .product_cart_btn button.cart_button, #product-list .product-thumb .description .product_cart_btn button.cart_button.option { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; border-radius: 30px !important; padding: 12px 16px !important; margin-top: 11px !important; min-height: 48px; } /* Buton „Adaugă în coș" card categorie — ecrane mari: text 18px (baza rămâne 17px) */ @media (min-width: 1500px) { #product-list .product-thumb .description .product_cart_btn button.cart_button, #product-list .product-thumb .description .product_cart_btn button.cart_button.option { font-size: 14px !important; } } .sr-product-card__stock { display: inline-flex !important; align-items: center; gap: 7px; margin: 6px 0 0; padding: 0 !important; max-width: 100%; font-size: 13px !important; font-weight: 500 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-transform: none !important; background: none !important; border: 0 !important; border-radius: 0 !important; white-space: nowrap; overflow: visible; } .sr-product-card__stock-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex: 0 0 8px; } .sr-product-card__stock-text { display: inline !important; visibility: visible !important; opacity: 1 !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; color: inherit !important; width: auto !important; max-width: none !important; overflow: visible !important; text-indent: 0 !important; letter-spacing: normal !important; text-transform: none !important; } .sr-product-card__stock--in { color: #15803d !important; } .sr-product-card__stock--in .sr-product-card__stock-dot { background: #22c55e; } .sr-product-card__stock--out { color: #b91c1c !important; } .sr-product-card__stock--out .sr-product-card__stock-dot { background: #ef4444; } .product-thumb .description .sr-product-card__stock { min-height: 18px; } @media (max-width: 991.98px) { body.common-home .sr-hp-modules .product-thumb .description .sr-product-card__stock, body.common-home #base_category_tabs .product-thumb .description .sr-product-card__stock, .sr-hp-modules .row .base_products .product-wrapper .product-thumb .content .description .sr-product-card__stock, #product-list .product-thumb .description .sr-product-card__stock { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; font-size: 12px !important; } } /* Desktop — În stoc / Indisponibil: 14px peste tot (categorii, home, module) */ @media (min-width: 992px) { .sr-product-card__stock, .sr-product-card__stock-text, .product-thumb .description .sr-product-card__stock, #product-list .product-thumb .description .sr-product-card__stock, #display-control .product-thumb .description .sr-product-card__stock, body.common-home .sr-hp-modules .product-thumb .description .sr-product-card__stock, body.common-home #base_category_tabs .product-thumb .description .sr-product-card__stock, body.common-home #base_topdeal_product .product-thumb .description .sr-product-card__stock, .sr-hp-modules .row .base_products .product-wrapper .product-thumb .content .description .sr-product-card__stock { font-size: 14px !important; font-weight: 500 !important; line-height: 1.35 !important; } .sr-wishlist-card .sr-product-card__stock, .sr-compare-product-card__stock { font-size: 14px !important; } } .product-thumb--out .description .product_cart_btn button.cart_button.cart_button--disabled { opacity: 0.55; cursor: not-allowed; } /* Grilă produse — câte coloane încap în lățimea disponibilă (nu fix 3 la 1400px) */ #product-list.row:not(.product-list) { display: grid !important; --sr-product-grid-gap: 10px; --sr-product-grid-min: 156px; --sr-product-grid-max-cols: 6; grid-template-columns: repeat( auto-fill, minmax(min(100%, var(--sr-product-grid-min)), 1fr) ); gap: var(--sr-product-grid-gap); margin-left: 0 !important; margin-right: 0 !important; } @media (min-width: 1400px) { #product-list.row:not(.product-list) { --sr-product-grid-max-cols: 5; grid-template-columns: repeat( auto-fill, minmax( max( var(--sr-product-grid-min), calc((100% - (var(--sr-product-grid-max-cols) - 1) * var(--sr-product-grid-gap)) / var(--sr-product-grid-max-cols)) ), 1fr ) ); } } #product-list.row:not(.product-list) > .col, #product-list.row:not(.product-list) > .col.mb-3 { width: 100% !important; max-width: 100% !important; flex: none !important; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0 !important; } @media (min-width: 768px) { #product-list.row:not(.product-list) { --sr-product-grid-min: 190px; --sr-product-grid-gap: 12px; } } @media (min-width: 992px) { #product-list.row:not(.product-list) { --sr-product-grid-min: 210px; --sr-product-grid-gap: 14px; } } @media (min-width: 1200px) { #product-list.row:not(.product-list) { --sr-product-grid-min: 220px; --sr-product-grid-gap: 16px; } } @media (min-width: 1600px) { #product-list.row:not(.product-list) { --sr-product-grid-min: 240px; } } @media (min-width: 1920px) { #product-list.row:not(.product-list) { --sr-product-grid-min: 255px; } } /* 1500–1905px → maxim 4 carduri pe rând (peste 1905px rămâne 5). Doar plafonul se schimbă; grid-template-columns din blocul ≥1400px recitește variabila. */ @media (min-width: 1500px) and (max-width: 1905px) { #product-list.row:not(.product-list) { --sr-product-grid-max-cols: 4; } } @media (max-width: 600px) { #product-list.row:not(.product-list) { grid-template-columns: repeat(2, minmax(0, 1fr)); --sr-product-grid-gap: 8px; } } /* Categorii — h2 pagină + nav tip (Alegeți tipul): mai mare pe web, mobil în sr-mobile.css */ @media (min-width: 992px) { body[class*="product-category"] #product-category #content h2 { font-size: 30px !important; font-weight: 410 !important; line-height: 1.25 !important; margin-bottom: 12px !important; } body[class*="product-category"] #product-category #content h2:has(+ .sr-category-branch-nav) { margin-bottom: 16px !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__heading { font-size: 16px !important; font-weight: 400 !important; line-height: 1.35 !important; margin-bottom: 10px !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:link, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:visited { font-size: 17px !important; font-weight: 400 !important; min-height: 40px !important; padding: 8px 16px !important; line-height: 1.35 !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill.is-active, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill.is-active:link, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill.is-active:visited, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill.is-active:hover, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill.is-active:focus { font-weight: 400 !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill-count { font-size: 14px !important; padding: 2px 8px !important; } } /* Categorii — rând titlu + hamburger (hamburger doar pe tabletă îngustă) */ body[class*="product-category"] #product-category #content .sr-category-title-row { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 100%; min-width: 0; margin-bottom: 12px !important; } body[class*="product-category"] #product-category #content .sr-category-title-row:has(+ .sr-category-branch-nav) { margin-bottom: 14px !important; } body[class*="product-category"] #product-category #content .sr-category-title-row h1 { display: block; flex: 1 1 auto; min-width: 0; margin-bottom: 0 !important; /* h1 semantic pentru SEO — dimensiune ca pe test (titlu categorie 22px) */ font-size: 22px; line-height: 1.25; font-weight: 410; color: #000; } /* Pill-uri categorie — scroll orizontal pe toate rezoluțiile */ body[class*="product-category"] #product-category #content { min-width: 0; max-width: 100%; } body[class*="product-category"] #product-category #content .sr-category-branch-nav { max-width: 100%; min-width: 0; overflow: visible; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__scroll { max-width: 100%; min-width: 0; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pills { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 6px; width: 100%; max-width: 100%; min-width: 0; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scroll-behavior: auto; touch-action: pan-x; scrollbar-width: none !important; -ms-overflow-style: none; padding-bottom: 0; cursor: grab; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pills.is-drag-scrolling { cursor: grabbing; user-select: none; -webkit-user-select: none; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pills.is-drag-scrolling .sr-category-branch-nav__pill { pointer-events: none; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pills::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__scroll-track { display: block; height: 2px; margin-top: 6px; border-radius: 1px; background: rgba(17, 24, 39, 0.1); position: relative; overflow: hidden; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__scroll-track.is-hidden { display: none; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__scroll-thumb { position: absolute; top: 0; left: 0; height: 100%; min-width: 20px; border-radius: 1px; background: rgba(17, 24, 39, 0.3); will-change: left, width; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:link, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:visited { flex: 0 0 auto !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill-label { white-space: nowrap !important; font-weight: 400 !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill-count { font-weight: 400 !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill.is-active .sr-category-branch-nav__pill-label, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill.is-active .sr-category-branch-nav__pill-count { font-weight: 400 !important; } /* Categorie branch-nav — resize COMPLET pe ecrane late 1500-2000px (titlu 17 / text 14 + dimensiuni, nu doar font) */ @media (min-width: 1500px) and (max-width: 1999.98px) { body[class*="product-category"] #product-category #content .sr-category-branch-nav__heading { font-size: 17px !important; margin-bottom: 8px !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pills { gap: 5px; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:link, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:visited { font-size: 14px !important; min-height: 32px !important; padding: 6px 13px !important; line-height: 1.3 !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill-count { font-size: 12px !important; padding: 2px 7px !important; } } /* ≥2000px — aceeasi scala +2px (conventia benzii XL) ca sa nu sara inapoi la baza 17px */ @media (min-width: 2000px) { body[class*="product-category"] #product-category #content .sr-category-branch-nav__heading { font-size: 19px !important; margin-bottom: 9px !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pills { gap: 6px; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:link, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:visited { font-size: 16px !important; min-height: 34px !important; padding: 7px 15px !important; line-height: 1.3 !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill-count { font-size: 13px !important; padding: 2px 8px !important; } } .sr-category-sidebar-toggle--tablet { display: none; } /* Mobil (≤600px) — megamenu din header ca înainte; categorii din toolbar (Filtru + Categorii) */ @media (max-width: 600px) { body[class*="product-category"] .sr-category-sidebar-toggle--tablet { display: none !important; } body[class*="product-category"] #product-category #content .sr-category-title-row { display: block; margin-bottom: 12px !important; } body[class*="product-category"] #product-category #content .sr-category-title-row h1 { margin-bottom: 0 !important; font-size: 15.75px; /* păstrează dimensiunea mobilă a fostului

(≤600px) */ } body[class*="product-category"] #header .sr-mob-menu { display: flex !important; } } /* 601px – 1399px — categorii doar lângă h2 */ @media (min-width: 601px) and (max-width: 1399.98px) { body[class*="product-category"] #header .sr-mob-menu { display: none !important; } body[class*="product-category"] #product-category #content .sr-category-title-row { display: flex !important; align-items: center; gap: 10px; width: 100%; max-width: 100%; min-width: 0; } body[class*="product-category"] .sr-category-sidebar-toggle--tablet { display: inline-flex !important; flex: 0 0 auto; align-items: center; justify-content: center; width: 42px; height: 42px; min-width: 42px; min-height: 42px; padding: 0 !important; margin: 0; border: 1px solid #e5e7eb !important; border-radius: 10px !important; background: #f3f4f6 !important; color: #111827 !important; box-shadow: none !important; cursor: pointer; } body[class*="product-category"] .sr-category-sidebar-toggle--tablet:hover, body[class*="product-category"] .sr-category-sidebar-toggle--tablet:focus-visible { background: #e5e7eb !important; outline: none; } body[class*="product-category"] .sr-category-sidebar-toggle__icon { display: inline-flex; flex-direction: column; gap: 4px; align-items: center; justify-content: center; } body[class*="product-category"] .sr-category-sidebar-toggle__icon .sr-mob-menu-btn__bar { display: block; width: 18px; height: 2px; border-radius: 2px; background: currentColor; } body[class*="product-category"] #display-control .open-sidebar.btn { display: none !important; } } /* ≥1400px — coloană stânga; fără hamburger la h2 */ @media (min-width: 1400px) { body[class*="product-category"] .sr-category-sidebar-toggle--tablet { display: none !important; } body[class*="product-category"] #display-control .open-sidebar.btn { display: none !important; } /* Dimensiune sidebar categorii = ca pe test: titlu 16px (bază stylesheet.css), listă 14px (moștenit). Fără bump-uri font-size aici — lăsăm tema de bază. Păstrăm doar layout-ul (nowrap). */ body[class*="product-category"] #product-category #column-left .category-box.sidebar-box .category-box-item .list-group-item, body[class*="product-category"] #product-category #column-left .category-box.sidebar-box .category-box-item a.list-group-item, body[class*="product-category"] #product-category #column-right .category-box.sidebar-box .category-box-item .list-group-item, body[class*="product-category"] #product-category #column-right .category-box.sidebar-box .category-box-item a.list-group-item { white-space: nowrap !important; } body[class*="product-category"] #product-category #column-left .category-box.sidebar-box .category-box-item .cat-parent ul .list-group-item, body[class*="product-category"] #product-category #column-right .category-box.sidebar-box .category-box-item .cat-parent ul .list-group-item { white-space: nowrap !important; } /* Coloana de categorii creste dupa cel mai lung nume (o singura linie), pana la ~1/3 din rand; #content (.col) preia restul */ body[class*="product-category"] #product-category #column-left.col-3 { flex: 0 0 auto !important; width: auto !important; max-width: 34% !important; } /* putin mai mult loc dupa numele categoriei (dreapta), ca sa nu se lipeasca de marginea casetei */ body[class*="product-category"] #product-category #column-left .category-box-item .list-group-item, body[class*="product-category"] #product-category #column-left .category-box-item a.list-group-item, body[class*="product-category"] #product-category #column-right .category-box-item .list-group-item, body[class*="product-category"] #product-category #column-right .category-box-item a.list-group-item { padding-right: 28px !important; } /* rezerva loc pentru sageata (span.toggled) la categoriile cu subcategorii, ca sa nu intre peste text */ body[class*="product-category"] #product-category #column-left .category-box-item .cat-parent .main-item, body[class*="product-category"] #product-category #column-right .category-box-item .cat-parent .main-item { padding-right: 44px !important; } } /* Sidebar categorii — dimensiune font listă pe ecrane late (cerere user 10.07): 1500–2000px = 15px, ≥2000px = 16px. Sub 1500px rămâne baza temei (14px, moștenit). */ @media (min-width: 1500px) and (max-width: 1999.98px) { body[class*="product-category"] #product-category #column-left .category-box.sidebar-box .category-box-item .list-group-item, body[class*="product-category"] #product-category #column-left .category-box.sidebar-box .category-box-item a.list-group-item, body[class*="product-category"] #product-category #column-right .category-box.sidebar-box .category-box-item .list-group-item, body[class*="product-category"] #product-category #column-right .category-box.sidebar-box .category-box-item a.list-group-item { font-size: 15px !important; } } @media (min-width: 2000px) { body[class*="product-category"] #product-category #column-left .category-box.sidebar-box .category-box-item .list-group-item, body[class*="product-category"] #product-category #column-left .category-box.sidebar-box .category-box-item a.list-group-item, body[class*="product-category"] #product-category #column-right .category-box.sidebar-box .category-box-item .list-group-item, body[class*="product-category"] #product-category #column-right .category-box.sidebar-box .category-box-item a.list-group-item { font-size: 16px !important; } } /* Toolbar Categorii — ascuns la orice lățime: pe mobil (<601px) categoriile vin din hamburger-ul header (.sr-mob-menu), 601-1399px din toggle lângă h2, ≥1400px coloană stânga */ body[class*="product-category"] #display-control .open-sidebar.btn { display: none !important; } @media (max-width: 1399.98px) { body[class*="product-category"] #product-category #content .sr-category-branch-nav__scroll-track { cursor: pointer; touch-action: none; padding: 0; margin-top: 6px; height: 2px; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__scroll-thumb { cursor: grab; touch-action: none; } } /* Drawer categorii — mobil + tabletă/laptop îngust (<1400px) */ @media (max-width: 1399.98px) { body[class*="product-category"] #product-category > .row { display: block; width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } body[class*="product-category"] #product-category #content.col { display: block; width: 100% !important; max-width: 100% !important; flex: none !important; margin-left: 0 !important; padding-left: 0; padding-right: 0; overflow-x: visible; min-width: 0; } body[class*="product-category"] #product-category #column-right { display: none !important; } body[class*="product-category"] #product-category #column-left, body[class*="product-category"] #product-category #column-right { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; z-index: 10050 !important; height: 100dvh !important; width: min(340px, 92vw) !important; max-width: 340px !important; flex: none !important; margin: 0 !important; background: #fff !important; box-shadow: 8px 0 32px rgba(15, 23, 42, 0.15); padding: 52px 16px 24px !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; display: block !important; transform: translate3d(-105%, 0, 0) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: transform 0.28s ease, opacity 0.22s ease, visibility 0.28s ease; } body[class*="product-category"] #product-category > .row > #column-left.col-3 { float: none !important; } body[class*="product-category"] #product-category #column-left.active, body[class*="product-category"] #product-category #column-right.active { transform: translate3d(0, 0, 0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body[class*="product-category"] #product-category #column-left span.close, body[class*="product-category"] #product-category #column-right span.close { position: absolute; top: 10px; right: 10px; z-index: 2; width: 36px; height: 36px; display: flex !important; align-items: center; justify-content: center; font-size: 22px; line-height: 1; cursor: pointer; color: #111827; border-radius: 8px; background: #f3f4f6; } body[class*="product-category"] #product-category #column-left span.close:hover, body[class*="product-category"] #product-category #column-right span.close:hover { background: #e5e7eb; } body[class*="product-category"] .sr-category-sidebar-overlay { display: none; position: fixed; inset: 0; z-index: 10040; background: rgba(15, 23, 42, 0.45); } body[class*="product-category"] .sr-category-sidebar-overlay.active { display: block; } body.sr-category-sidebar-open { overflow: hidden; touch-action: none; } body[class*="product-category"] #product-category #column-left .category-box.sidebar-box { margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; background: transparent !important; } body[class*="product-category"] #product-category #column-left .sidebar-title { font-size: 22px !important; font-weight: 410 !important; line-height: 1.3 !important; margin: 0 0 12px !important; padding: 0 8px 12px !important; border-bottom: 1px solid #e5e7eb; color: #111827 !important; } body[class*="product-category"] #product-category #column-left .category-box-item .list-group-item, body[class*="product-category"] #product-category #column-left .category-box-item a.list-group-item { display: block; width: 100%; font-size: 18px !important; font-weight: 500 !important; line-height: 1.35 !important; padding: 12px 14px !important; margin: 0 !important; border: none !important; border-bottom: 1px solid #f3f4f6 !important; border-radius: 0 !important; color: #111827 !important; background: transparent !important; white-space: normal !important; word-break: break-word; } body[class*="product-category"] #product-category #column-left .category-box-item a.list-group-item:hover, body[class*="product-category"] #product-category #column-left .category-box-item a.list-group-item.active { background: #f3f4f6 !important; color: #111827 !important; } body[class*="product-category"] #product-category #column-left .category-box-item .cat-parent ul { margin: 0 !important; padding: 0 0 0 12px !important; } body[class*="product-category"] #product-category #column-left .category-box-item .cat-parent ul .list-group-item { font-size: 14px !important; font-weight: 400 !important; padding: 10px 14px !important; color: #1a1a1a !important; } } @media (min-width: 601px) and (max-width: 1399.98px) { body[class*="product-category"] { overflow-x: hidden; } body[class*="product-category"] #product-category.container { overflow-x: visible; max-width: 100%; } body[class*="product-category"] #product-category #content .sr-category-title-row { margin-top: 2px; margin-bottom: 10px !important; } body[class*="product-category"] #product-category #content .sr-category-title-row:has(+ .sr-category-branch-nav), body[class*="product-category"] #product-category #content .sr-category-title-row:has(+ * .sr-category-branch-nav) { margin-bottom: 12px !important; } body[class*="product-category"] #product-category #content .sr-category-title-row h1 { font-size: 22px !important; line-height: 1.2 !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav { margin-top: 10px !important; margin-bottom: 12px !important; padding: 8px 10px !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__heading { font-size: 14px !important; margin-bottom: 6px !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pills { gap: 5px; margin-top: 2px; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:link, body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill:visited { flex: 0 0 auto; min-height: 28px !important; padding: 3px 10px !important; font-size: 13px !important; line-height: 1.25 !important; border-radius: 999px !important; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill-label { white-space: nowrap; } body[class*="product-category"] #product-category #content .sr-category-branch-nav__pill-count { font-size: 11px !important; padding: 1px 5px !important; min-width: 1.25em; } } @media (min-width: 1600px) { #product-info .product-left { width: 40% !important; flex: 0 0 40% !important; max-width: 40% !important; } #product-info .product-right { width: 42% !important; flex: 0 0 42% !important; max-width: 42% !important; } #product-info .product-sidebar { width: 18% !important; flex: 0 0 18% !important; max-width: 18% !important; } } /* Tablete landscape / laptopuri înguste — 2 coloane, sidebar dedesubt */ @media (min-width: 992px) and (max-width: 1599px) { #product-info .pro-detail.product-content > .row { flex-wrap: wrap; --bs-gutter-x: 1.75rem; } #product-info .product-left { width: 46% !important; flex: 0 0 46% !important; max-width: 46% !important; padding-right: 16px !important; } #product-info .product-right { width: 54% !important; flex: 0 0 54% !important; max-width: 54% !important; padding-left: 12px !important; } #product-info .product-sidebar { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; order: 3; margin-top: 24px; padding-left: 0 !important; padding-right: 0 !important; } #product-info .product-left .image.pro-image .thumbnail { min-height: 300px; max-height: min(54vw, 640px) !important; } } /* Bloc demo Avanam (Free Shipping / Returns etc.) — ascuns pe PDP */ #product-info #base_product_sidebar_service_block, #base_product_sidebar_service_block { display: none !important; } /* Recenzie produs — evaluare cu stele */ #product-info #form-review .sr-review-stars { display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 4px; margin-top: 2px; } #product-info #form-review .sr-review-stars__input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } #product-info #form-review .sr-review-stars__label { display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 6px 4px; min-width: 36px; min-height: 36px; font-size: 1.5rem; line-height: 1; color: #d1d5db; cursor: pointer; transition: color 0.15s ease, transform 0.12s ease; } #product-info #form-review .sr-review-stars__label:hover, #product-info #form-review .sr-review-stars__label:hover ~ .sr-review-stars__label, #product-info #form-review .sr-review-stars__input:checked + .sr-review-stars__label, #product-info #form-review .sr-review-stars__input:checked ~ .sr-review-stars__label { color: #fbbf24; } #product-info #form-review .sr-review-stars__label:active { transform: scale(1.08); } #product-info #form-review #input-rating.is-invalid .sr-review-stars__label { color: #fca5a5; } #product-info #form-review #input-rating.is-invalid .sr-review-stars__input:checked + .sr-review-stars__label, #product-info #form-review #input-rating.is-invalid .sr-review-stars__input:checked ~ .sr-review-stars__label, #product-info #form-review #input-rating.is-invalid .sr-review-stars__label:hover, #product-info #form-review #input-rating.is-invalid .sr-review-stars__label:hover ~ .sr-review-stars__label { color: #fbbf24; } #product-info #tab-review .sr-review-notice { margin-top: 1rem; font-size: 14px; line-height: 1.55; color: #334155; } @media (min-width: 1500px) { body[class*="product-product-"] #product-info #tab-review .sr-review-notice { } } @media (min-width: 2000px) { body[class*="product-product-"] #product-info #tab-review .sr-review-notice { } } #product-info #tab-review .sr-review-notice a { font-weight: 410; text-decoration: underline; text-underline-offset: 2px; } /* Listă recenzii PDP — corp 14px (calc(1em + 2px) se cumula .table > td > p) */ #product-info #tab-review #review .table, #product-info #tab-review #review .table td, #product-info #tab-review #review .table td strong, #product-info #tab-review #review .table p, #product-info #tab-review #review > p.text-center, #product-info #tab-review #review .text-end { font-size: 14px; } /* Stea plină: conturul gri (fa-regular) de dedesubt se vedea ca un chenar */ #product-info .product-right .sr-pdp-rating .fa-stack .fa-solid.fa-star + .fa-regular.fa-star, #product-info #tab-review #review .rating .fa-stack .fa-solid.fa-star + .fa-regular.fa-star { display: none; } /* SpaÈ›iu între poză È™i coloana titlu / preÈ› */ @media (min-width: 768px) { #product-info .pro-detail.product-content > .row { --bs-gutter-x: 2.25rem; } #product-info .product-left { padding-right: 24px !important; } #product-info .product-right { padding-left: 20px !important; } } #product-info .product-left .image.pro-image .thumbnail { min-height: 300px; max-height: min(92vw, 580px) !important; } #product-info .product-left .image #additional-carousel.product_gallery .gallery_carousel .splide__slide { width: 88px !important; min-width: 88px !important; max-width: 88px !important; height: 88px !important; min-height: 88px !important; } @media (min-width: 992px) { #product-info .product-left .image.pro-image .thumbnail { min-height: 340px; max-height: min(56vw, 700px) !important; } #product-info .product-left .image #additional-carousel.product_gallery .gallery_carousel .splide__slide { width: 96px !important; min-width: 96px !important; max-width: 96px !important; height: 96px !important; min-height: 96px !important; } #product-info .product_page_tab { margin-left: 0; margin-right: 0; width: 100%; } #product-info #tab-description .tab-image { gap: 28px; margin-bottom: 48px; } #product-info #tab-description .tab-image .img-side { width: 27%; } #product-info #tab-description .tab-image .img-side img, #product-info #tab-description img:not(.description-card__img) { width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } #product-info #tab-description .description-features .description-grid { gap: 22px; } #product-info #tab-description .description-card { grid-template-columns: minmax(190px, 20%) 1fr !important; align-items: start !important; overflow: visible !important; } #product-info #tab-description .description-card__img { float: none !important; display: block !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center center !important; margin: 0 !important; border-radius: 12px; background: #f3f4f6; } } @media (min-width: 1200px) { #product-info .product-left .image.pro-image .thumbnail { min-height: 380px; max-height: min(48vw, 760px) !important; } #product-info .product-left .image #additional-carousel.product_gallery .gallery_carousel .splide__slide { width: 104px !important; min-width: 104px !important; max-width: 104px !important; height: 104px !important; min-height: 104px !important; } #product-info #tab-description .tab-image .img-side { width: 28%; } #product-info #tab-description .description-card { grid-template-columns: minmax(220px, 21%) 1fr !important; } } /* Poza principala PDP crestea nelimitat pe ecrane late (707px la 1920, 975px la 2560): coloana din stanga se ingusteaza si zona galeriei primeste plafon fix. Token 20260828pdpimg */ @media (min-width: 1500px) and (max-width: 1599.98px) { #product-info .product-left { width: 44% !important; flex: 0 0 44% !important; max-width: min(44%, 660px) !important; } #product-info .product-right { width: 56% !important; flex: 0 0 56% !important; max-width: 56% !important; } } @media (min-width: 1500px) { #product-info .product-left .image.pro-image { max-width: 620px; } } @media (min-width: 1600px) { #product-info .product-left { width: 42% !important; flex: 0 0 42% !important; max-width: min(42%, 660px) !important; } #product-info .product-right { width: 44% !important; flex: 0 0 44% !important; max-width: 44% !important; } #product-info .product-left .image.pro-image .thumbnail { max-height: 620px !important; } #product-info #tab-description .description-card { grid-template-columns: minmax(240px, 22%) 1fr !important; } } @media (max-width: 991px) { #product-info .product-left, #product-info .product-right, #product-info .product-sidebar { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } #product-info .product-left .image.pro-image .thumbnail { min-height: 280px; max-height: min(88vw, 520px) !important; } } /* Adaugă în coș — mobil: centrat; desktop: vezi @media (min-width: 992px) mai jos */ @media (max-width: 991px) { #product-info .product-right #product .qty.sr-product-buy, #product-info .sr-product-buy { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } } #product-info #button-cart, #product-info #button-cart.btn-block { display: inline-block; width: auto; max-width: 100%; min-width: 260px; min-height: 52px; padding: 14px 40px !important; font-size: 14px !important; font-weight: 410 !important; line-height: 1.3 !important; letter-spacing: 0.01em; border-radius: 10px !important; background: var(--sr-btn-bg) !important; border: 1px solid var(--sr-btn-bg) !important; color: var(--sr-btn-text) !important; box-shadow: 0 2px 8px rgba(17, 24, 39, 0.14) !important; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .product-thumb .description .product_cart_btn button.cart_button, .product-thumb .description .product_cart_btn button.cart_button.option { background: #f5f5f5 !important; border: none !important; color: #111827 !important; box-shadow: none !important; } .product-thumb:hover .description .product_cart_btn button.cart_button:not(:disabled):not(.cart_button--disabled), .product-thumb .description .product_cart_btn button.cart_button:focus-visible:not(:disabled):not(.cart_button--disabled) { background: #1e91cf !important; border: none !important; color: #ffffff !important; font-weight: 400 !important; } #product-info #button-cart:hover:not(:disabled):not([aria-disabled="true"]), #product-info #button-cart:focus-visible:not(:disabled):not([aria-disabled="true"]) { background: var(--sr-btn-bg-hover) !important; border-color: var(--sr-btn-bg-hover) !important; color: var(--sr-btn-text) !important; box-shadow: 0 4px 14px rgba(17, 24, 39, 0.2) !important; } /* PDP — preț + badge Smart Home pe același rând */ #product-info .product-right .sr-pdp-price-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; } #product-info .product-right .sr-pdp-price-row__main { flex: 1 1 auto; min-width: 0; } #product-info .product-right .sr-pdp-price-row__badge { flex: 0 0 auto; margin: 0; } /* PDP — eticheta energetică lângă preț (obligatorie pentru produsele etichetate UE) */ #product-info .product-right .sr-pdp-energy { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 10px 0 4px; } #product-info .product-right .sr-pdp-energy__badge { flex: 0 0 auto; display: inline-flex; line-height: 0; } /* badge-ul e buton (deschide panoul), deci îi anulăm aspectul de buton */ #product-info .product-right button.sr-pdp-energy__badge { background: none; border: 0; padding: 0; cursor: pointer; } /* badge 24px înălțime; textul linkului la 14px, ca restul blocului din dreapta (stoc, Brand, Cod produs) — la 16px ieșea în evidență față de vecini */ #product-info .product-right .sr-pdp-energy__badge img { display: block; width: auto; height: 24px; max-width: 100%; } #product-info .product-right .sr-pdp-energy .sr-pdp-energy__link { font-size: 14px; line-height: 1.35; color: #111827; text-decoration: underline; } #product-info .product-right .sr-pdp-energy .sr-pdp-energy__link:hover { color: #4b5563; } /* PDP — panou lateral cu eticheta energetică; aceeași mecanică vizuală ca drawer-ul de coș (400px, intrare din dreapta, 0,3s, overlay, închidere pe X / Esc / click pe overlay) */ .sr-energy-panel { position: fixed; inset: 0; z-index: 1060; } .sr-energy-panel[hidden] { display: none; } .sr-energy-panel__overlay { position: absolute; inset: 0; background: rgba(17, 24, 39, 0.45); opacity: 0; transition: opacity 0.3s ease-in-out; } .sr-energy-panel.is-open .sr-energy-panel__overlay { opacity: 1; } .sr-energy-panel__drawer { position: absolute; top: 0; right: 0; height: 100%; width: 400px; max-width: 100%; background: var(--global-palette9, #fff); display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.3s ease-in-out; box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12); } .sr-energy-panel.is-open .sr-energy-panel__drawer { transform: none; } .sr-energy-panel__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid #e5e7eb; } .sr-energy-panel__title { margin: 0; font-size: 20px; font-weight: 400; color: #111827; } .sr-energy-panel__close { background: none; border: 0; padding: 6px; line-height: 0; cursor: pointer; } .sr-energy-panel__close-icon { display: block; width: 16px; height: 16px; background-image: url(../image/cart-close.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; } .sr-energy-panel__body { padding: 20px; overflow-y: auto; } .sr-energy-panel__img { display: block; width: 100%; height: auto; } .sr-energy-panel__eprel { margin: 14px 0 0; font-size: 13px; color: #4b5563; } body.sr-energy-panel-open { overflow: hidden; } /* PDP — preț negru (tema setează .price cu --global-palette3 = alb) */ #product-info .product-right .price, #product-info .product-right .price .price-new, body[class*="product-product-"] #product-info .price, body[class*="product-product-"] #product-info .product-right .price, body[class*="product-product-"] #product-info .price .price-new { color: #111827 !important; } #product-info .product-right .price .price-old, body[class*="product-product-"] #product-info .price .price-old { color: #6b7280 !important; } /* PDP — recenzii imediat sub titlu */ #product-info .product-right .sr-pdp-rating { margin: 6px 0 14px; } #product-info .product-right .sr-pdp-rating .fa-stack { width: 1.15em; height: 1.15em; line-height: 1.15em; } #product-info .product-right .sr-pdp-rating .fa-solid.fa-star { color: #f59e0b; } #product-info .product-right .sr-pdp-rating .fa-regular.fa-star { color: #d1d5db; } #product-info .product-right .sr-pdp-rating .review_count { margin-left: 6px; color: #6b7280; text-decoration: none; } #product-info .product-right .sr-pdp-rating .review_count:hover { color: #374151; text-decoration: underline; } /* PDP — coș + favorite/compară (text + icon, ca referința Avanam) */ #product-info .product-right .sr-pdp-buy-footer { width: 100%; } #product-info .product-right .sr-pdp-secondary-actions, #product-info .product-right .wishlist_compare_btn.sr-pdp-secondary-actions { margin-top: 16px; width: 100%; } #product-info .product-right .sr-pdp-secondary-actions .sr-pdp-actions__row, #product-info .product-right .wishlist_compare_btn .sr-pdp-actions__row { display: flex; flex-wrap: wrap; align-items: center; gap: 0; width: 100%; } #product-info .product-right .sr-pdp-compare-form, #product-info .product-right .sr-pdp-wishlist-form { margin: 0; padding: 0; flex: 0 1 auto; } @media (max-width: 991px) { #product-info .product-right .sr-pdp-sticky-buy__row { display: flex; align-items: stretch; gap: 10px; width: 100%; } #product-info .product-right .sr-pdp-sticky-buy__cart { flex: 1 1 auto; width: 100% !important; max-width: none !important; min-width: 0; } } #product-info .product-right .sr-pdp-icon-btn.sr-pdp-action { display: inline-flex !important; align-items: center; justify-content: center; width: 52px; min-width: 52px; height: 52px; min-height: 52px; margin: 0 !important; padding: 0 !important; background: #fff !important; border: 1px solid #d1d5db !important; border-radius: 12px !important; box-shadow: none !important; color: #374151 !important; } #product-info .product-right .sr-pdp-action__icon { flex: 0 0 22px; width: 22px; height: 22px; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } #product-info .product-right .sr-pdp-action.wishlist .sr-pdp-action__icon { -webkit-mask-image: url(../image/wishlist.svg); mask-image: url(../image/wishlist.svg); } #product-info .product-right .sr-pdp-action.compare .sr-pdp-action__icon { -webkit-mask-image: url(../image/compare.svg); mask-image: url(../image/compare.svg); } #product-info .product-right .sr-pdp-icon-btn.sr-pdp-action:hover, #product-info .product-right .sr-pdp-icon-btn.sr-pdp-action:focus-visible { background: rgba(40, 199, 208, 0.1) !important; border-color: rgba(40, 199, 208, 0.45) !important; color: #0f766e !important; box-shadow: none; } #product-info .product-right .sr-pdp-icon-btn.compare.is-added { background: rgba(40, 199, 208, 0.14) !important; border-color: rgba(40, 199, 208, 0.5) !important; color: #0a3d38 !important; } /* Wishlist pe bara sticky mobilă = inimă roșie (nu verde), ca pe home/desktop. Includem și starea de interacțiune (tap/hover/focus/active) ca să NU „clipească" teal-ul generic în intervalul dintre tap și aplicarea clasei is-added (AJAX). */ #product-info .product-right .sr-pdp-icon-btn.wishlist.is-added, #product-info .product-right .sr-pdp-icon-btn.wishlist.is-added:hover, #product-info .product-right .sr-pdp-icon-btn.wishlist.is-added:focus-visible, #product-info .product-right .sr-pdp-icon-btn.wishlist.sr-pdp-action:hover, #product-info .product-right .sr-pdp-icon-btn.wishlist.sr-pdp-action:focus-visible, #product-info .product-right .sr-pdp-icon-btn.wishlist.sr-pdp-action:active { background: rgba(220, 38, 38, 0.08) !important; border-color: rgba(220, 38, 38, 0.45) !important; color: #dc2626 !important; } @media (min-width: 992px) { #product-info .product-right .sr-pdp-buy-mobile, #product-info .product-right .sr-pdp-wishlist-form--sticky { display: none !important; } } @media (max-width: 991px) { #product-info .product-right .sr-pdp-buy-desktop, #product-info .product-right .sr-pdp-wishlist-form--desktop { display: none !important; } } /* PDP — stepper cantitate (+/− negre, vizibile pe fundal deschis) */ #product-info .product-right .sr-pdp-qty-opbox { display: inline-flex; align-items: stretch; margin: 0; padding: 0; border: 1px solid #d1d5db; border-radius: 12px; overflow: hidden; background: #f9fafb; vertical-align: top; } #product-info .product-right .sr-pdp-qty-opbox .btn-number { display: inline-flex; align-items: center; justify-content: center; float: none; width: 40px; min-width: 40px; height: 44px; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #111827 !important; -webkit-text-fill-color: #111827; font-size: 22px; font-weight: 500; line-height: 1; cursor: pointer; } #product-info .product-right .sr-pdp-qty-opbox .btn-number::before { color: #111827; } #product-info .product-right .sr-pdp-qty-opbox .btnminus::before { content: "−"; } #product-info .product-right .sr-pdp-qty-opbox .btnplus::before { content: "+"; } #product-info .product-right .sr-pdp-qty-opbox .btn-number:disabled { opacity: 0.35; cursor: not-allowed; } #product-info .product-right .sr-pdp-qty-opbox #input-quantity, #product-info .product-right .sr-pdp-qty-opbox .input-number, #product-info .product-right .sr-pdp-qty-opbox #input-quantity-mobile { float: none; width: 44px; min-width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-left: 1px solid #d1d5db; border-right: 1px solid #d1d5db; border-radius: 0; background: #fff; text-align: center; font-size: 16px; font-weight: 410; color: #111827 !important; -webkit-text-fill-color: #111827; box-shadow: none; -moz-appearance: textfield; appearance: textfield; } #product-info .product-right .sr-pdp-qty-opbox #input-quantity::-webkit-outer-spin-button, #product-info .product-right .sr-pdp-qty-opbox #input-quantity::-webkit-inner-spin-button, #product-info .product-right .sr-pdp-qty-opbox #input-quantity-mobile::-webkit-outer-spin-button, #product-info .product-right .sr-pdp-qty-opbox #input-quantity-mobile::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* PDP desktop (≥992px) — zonă cumpărare compactă, aliniată cu titlu/preț */ @media (min-width: 992px) { #product-info .product-right .sr-pdp-rating, #product-info .product-right .sr-pdp-price-row, #product-info .product-right .meta, #product-info .product-right #product { max-width: 440px; } /* Mai mult spațiu între preț și meta (Brand, Cod produs…) */ #product-info .product-right .sr-pdp-price-row { margin-bottom: 18px; } #product-info .product-right .meta { margin-top: 0; margin-bottom: 16px; } /* Titlul folosește toată lățimea coloanei — pe un rând dacă încape, puțin mai jos */ #product-info .product-right .product_title, #product-info .product-right h1.product_title { max-width: none; margin-top: 18px !important; } #product-info .product-right .sr-pdp-buy-desktop.sr-product-buy, #product-info .product-right #product .qty.sr-product-buy.sr-pdp-buy-desktop { display: block; width: 100%; max-width: 440px; margin-top: 22px; } #product-info .product-right .sr-pdp-sticky-buy__row { display: flex; align-items: stretch; gap: 12px; width: 100%; max-width: 440px; } #product-info .product-right .sr-pdp-qty-opbox { flex: 0 0 auto; align-self: stretch; } #product-info .product-right .sr-pdp-qty-opbox .btn-number, body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox #input-quantity { height: 52px; min-height: 52px; } #product-info .product-right .sr-pdp-sticky-buy__cart, #product-info .product-right #button-cart.sr-pdp-sticky-buy__cart, body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart, body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart.btn-block, body[class*="product-product-"] #product-info .product-right #button-cart.sr-pdp-sticky-buy__cart { flex: 0 1 auto !important; display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; max-width: fit-content !important; min-width: 0 !important; min-height: 52px; padding: 14px 28px !important; font-weight: 400 !important; border-radius: 999px !important; white-space: nowrap; } #product-info .product-right .sr-pdp-buy-footer, #product-info .product-right .sr-pdp-secondary-actions, #product-info .product-right .wishlist_compare_btn.sr-pdp-secondary-actions { width: 100%; max-width: 440px; } #product-info .product-right .sr-pdp-secondary-actions .sr-pdp-actions__row, #product-info .product-right .wishlist_compare_btn .sr-pdp-actions__row { justify-content: flex-start; flex-wrap: nowrap; width: 100%; max-width: none; } /* Lasă acțiunile să folosească toată lățimea coloanei (nu doar 440px) */ #product-info .product-right .sr-pdp-secondary-actions, #product-info .product-right .wishlist_compare_btn.sr-pdp-secondary-actions { max-width: none; } /* Favorite + Compară: fiecare pe un singur rând, ca să stea pe o linie */ #product-info .product-right .sr-pdp-link-action { white-space: nowrap !important; gap: 6px !important; padding: 6px 8px !important; } #product-info .product-right .sr-pdp-actions-divider { margin: 0 2px; } /* Stele rating — dimensiune în scara treptată PDP (mai jos) */ /* Stele centrate: distanță egală față de nume (sus) și preț (jos) */ #product-info .product-right .sr-pdp-rating { margin-top: 14px !important; margin-bottom: 14px !important; } } /* Sub 991px — fără linia despărțitoare dintre Favorite și Compară */ @media (max-width: 991px) { #product-info .product-right .sr-pdp-actions-divider { display: none; } } #product-info .product-right .sr-pdp-link-action { display: inline-flex !important; align-items: center; justify-content: flex-start; gap: 8px; width: auto; max-width: 100%; min-height: 0; margin: 0 !important; padding: 6px 12px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #374151 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.35; text-align: left; white-space: normal; } #product-info .product-right .sr-pdp-link-action i { flex: 0 0 auto; font-size: 15px; line-height: 1; color: #6b7280; } #product-info .product-right .sr-pdp-link-action:hover, #product-info .product-right .sr-pdp-link-action:focus-visible { background: transparent !important; color: #111827 !important; box-shadow: none; } #product-info .product-right .sr-pdp-link-action:hover i, #product-info .product-right .sr-pdp-link-action:focus-visible i { color: #111827; } #product-info .product-right .sr-pdp-actions-divider { flex: 0 0 auto; align-self: center; width: 1px; height: 18px; margin: 0 4px; background: #d1d5db; } /* Starea „adăugat": se colorează DOAR iconița, nu textul și nici fundalul. Favorite = inimă roșie; Compară = icon verde. */ #product-info .product-right .sr-pdp-link-action.compare.is-added i { color: #0f766e !important; } #product-info .product-right .sr-pdp-link-action.wishlist.is-added i { color: #dc2626 !important; /* Umple inima (FA Free randează varianta solidă la weight 900) */ font-weight: 900; } #product-info .product-right .sr-pdp-stock { display: none; } /* PDP — aliniat la baza site (14px), fără bump global */ body[class*="product-product-"] { font-size: 1rem; } body[class*="product-product-"] .breadcrumb-container .breadcrumb > li.breadcrumb-item, body[class*="product-product-"] .breadcrumb-container .breadcrumb > li.breadcrumb-item > a { font-size: 14px !important; } body[class*="product-product-"] #product-info .product-right .product_title, body[class*="product-product-"] #product-info .product-right h1.product_title { font-weight: 500 !important; } /* Subtitlu PDP — scală font responsive: <992px 13px · 992–999px 14px · 1000–1499px 16px · ≥1500px 13px (text gri secundar) */ body[class*="product-product-"] #product-info .product-right .product_subtitle { font-size: 14px !important; } @media (min-width: 1000px) { body[class*="product-product-"] #product-info .product-right .product_subtitle { font-size: 16px !important; } } /* ≥1500px: subtitlul e text gri secundar → 13px (aliniat cu sr-xl-scale gray13) */ @media (min-width: 1500px) { body[class*="product-product-"] #product-info .product-right .product_subtitle { font-size: 13px !important; } } body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart, body[class*="product-product-"] #product-info .product-right #button-cart.sr-pdp-sticky-buy__cart { font-weight: 400 !important; } @media (max-width: 991px) { body[class*="product-product-"] #product-info #button-cart, body[class*="product-product-"] #product-info #button-cart.btn-block { font-size: 14px !important; } } @media (min-width: 992px) { body[class*="product-product-"] #product-info #button-cart, body[class*="product-product-"] #product-info #button-cart.btn-block { min-width: 0 !important; } } body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action, body[class*="product-product-"] #product-info .product-right .wishlist_compare_btn .btn, body[class*="product-product-"] #product-info .product-right .wishlist_compare_btn .btn.sr-pdp-link-action { font-size: 14px !important; font-weight: 400 !important; } body[class*="product-product-"] #product-info .price .price-old { font-size: 16px !important; } body[class*="product-product-"] #product-info .price .price-tax { font-size: 17px !important; } body[class*="product-product-"] #product-info .tab-content, body[class*="product-product-"] #product-info .product-spec-pill, body[class*="product-product-"] #product-info .meta li, body[class*="product-product-"] #product-info label, body[class*="product-product-"] #product-info .form-label, body[class*="product-product-"] #product-info .form-control, body[class*="product-product-"] #product-info .form-select, body[class*="product-product-"] .product-color-picker, body[class*="product-product-"] .product-color-picker__caption { font-size: calc(1em + 2px); } /* PDP meta — desktop: dimensiuni în scara 1500–1999 / ≥2000 mai jos */ @media (min-width: 992px) { body[class*="product-product-"] #product-info .meta li { font-size: 20px; } } body[class*="product-product-"] #product-info .meta li strong { font-size: inherit; font-weight: 500; } @media (max-width: 767px) { body[class*="product-product-"] #product-info .product-right .product_title, body[class*="product-product-"] #product-info .product-right h1.product_title { font-size: calc(1.3125rem + 2px) !important; } } @media (max-width: 991px) { /* Mobil: dimensiuni în sr-mobile.css — nu mări tot PDP cu +2px */ body[class*="product-product-"] { font-size: 14px; } body[class*="product-product-"] .breadcrumb-container .breadcrumb > li.breadcrumb-item, body[class*="product-product-"] .breadcrumb-container .breadcrumb > li.breadcrumb-item > a { font-size: inherit !important; } body[class*="product-product-"] #product-info .price, body[class*="product-product-"] #product-info .product-right .price { font-size: inherit !important; } body[class*="product-product-"] #product-info .price .price-old { font-size: inherit !important; } body[class*="product-product-"] #product-info .price .price-tax { font-size: inherit !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action, body[class*="product-product-"] #product-info .product-right .wishlist_compare_btn .btn { font-size: inherit !important; white-space: normal !important; } body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs .nav-link, body[class*="product-product-"] #product-info .tab-content, body[class*="product-product-"] #product-info .description-accordion__panel, body[class*="product-product-"] #product-info .product-spec-pill, body[class*="product-product-"] #product-info .meta li, body[class*="product-product-"] #product-info .meta li strong, body[class*="product-product-"] #product-info label, body[class*="product-product-"] #product-info .form-label, body[class*="product-product-"] #product-info .form-control, body[class*="product-product-"] #product-info .form-select, body[class*="product-product-"] .product-color-picker, body[class*="product-product-"] .product-color-picker__caption { font-size: inherit !important; } body[class*="product-product-"] #product-info .tab-content, body[class*="product-product-"] #product-info .description-accordion__panel { font-size: inherit !important; } body[class*="product-product-"] #product-info #button-cart, body[class*="product-product-"] #product-info #button-cart.btn-block { font-size: inherit !important; } body[class*="product-product-"] .breadcrumb-container .breadcrumb { padding-left: 0 !important; padding-right: 0 !important; } } /* Galerie imagine produs (Magnific Popup) — buton X vizibil, deasupra header */ .mfp-wrap .mfp-close, .mfp-image-holder .mfp-close { position: fixed !important; top: 120px !important; right: 20px !important; left: auto !important; width: 56px !important; height: 56px !important; min-width: 56px !important; padding: 0 !important; margin: 0 !important; font-size: 0 !important; line-height: 1 !important; text-align: center !important; opacity: 1 !important; background: #111827 !important; border: 3px solid #ffffff !important; border-radius: 50% !important; box-shadow: 0 6px 28px rgba(0, 0, 0, 0.65) !important; cursor: pointer !important; z-index: 10050 !important; overflow: visible !important; } .mfp-wrap .mfp-close::after, .mfp-image-holder .mfp-close::after { content: "×"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 38px; font-weight: 400; line-height: 1; color: #ffffff !important; font-family: Arial, Helvetica, sans-serif; pointer-events: none; } .mfp-wrap .mfp-close:hover, .mfp-wrap .mfp-close:focus, .mfp-image-holder .mfp-close:hover, .mfp-image-holder .mfp-close:focus { opacity: 1 !important; background: #000000 !important; border-color: #4fffb0 !important; outline: none !important; } .mfp-wrap .mfp-close:hover::after, .mfp-wrap .mfp-close:focus::after, .mfp-image-holder .mfp-close:hover::after, .mfp-image-holder .mfp-close:focus::after { color: #4fffb0 !important; } @media (max-width: 991px) { .mfp-wrap .mfp-close, .mfp-image-holder .mfp-close { top: 88px !important; right: 12px !important; width: 50px !important; height: 50px !important; min-width: 50px !important; } .mfp-wrap .mfp-close::after, .mfp-image-holder .mfp-close::after { font-size: 34px; } } a { color: var(--sr-link); } a:hover { color: var(--sr-link-hover); } .sr-home__btn--primary, .sr-hp-btn--primary { background: var(--sr-btn-bg) !important; border: 1px solid var(--sr-btn-bg) !important; color: #fff !important; } .sr-home__btn--primary:hover, .sr-hp-btn--primary:hover { background: var(--sr-btn-bg-hover) !important; border-color: var(--sr-btn-bg-hover) !important; color: #fff !important; } .sr-home__cta { background: #111827; } .splide .splide__arrows .splide__arrow { background: var(--sr-btn-bg) !important; color: #fff !important; } .splide .splide__arrows .splide__arrow:hover { background: var(--sr-btn-bg-hover) !important; color: #fff !important; } #header .sr-header-compare .sr-compare-count, #header .sr-header-compare.has-items .sr-compare-count, #header .sr-header-wishlist .sr-wishlist-count, #header .sr-header-wishlist.has-items .sr-wishlist-count, #header #header-cart span.cart_counter, #header #header-cart .sr-cart-count, #header #header-cart .sr-mob-header-badge { background: var(--sr-btn-bg, #111827) !important; background-color: var(--sr-btn-bg, #111827) !important; background-image: none !important; color: #ffffff !important; border: 0; font-weight: 410; } .sr-compare-pill { border-color: #d1d5db; color: #374151; } .form-control:focus, .form-select:focus { border-color: #6b7280; box-shadow: 0 0 0 0.2rem rgba(107, 114, 128, 0.2); } .text-primary { color: var(--sr-accent) !important; } .bg-primary { background-color: var(--sr-accent) !important; } .border-primary { border-color: var(--sr-accent) !important; } .link-primary { color: var(--sr-link) !important; } .link-primary:hover, .link-primary:focus { color: var(--sr-link-hover) !important; } /* Paginare listă — spațiu între grila de produse și paginare (cardurile erau lipite) */ #pagination-wrapper { margin-top: 24px; } /* Paginare listă — palette3 e alb (text butoane); pe fundal alb linkurile trebuie negre */ #pagination-wrapper .page-result { color: #111827; } #pagination-wrapper .page-link .pagination .page-item .page-link { color: #111827 !important; background: transparent; } #pagination-wrapper .page-link .pagination .page-item .page-link:hover, #pagination-wrapper .page-link .pagination .page-item .page-link:focus-visible { color: #111827 !important; background: #f3f4f6; } .page-link.active, .active > .page-link, .pagination .page-item.active .page-link, #pagination-wrapper .page-link .pagination .page-item.active .page-link { background-color: var(--sr-btn-bg) !important; border-color: var(--sr-btn-bg) !important; color: var(--sr-btn-text) !important; } /* Grilă produse — wishlist / compară / quickview: icon alb la hover (nu negru pe negru) */ .product-thumb .product_buttons .btn-icon button { background-image: none !important; color: #111827; } .product-thumb .product_buttons .btn-icon button::before { content: ''; position: absolute; left: 50%; top: 50%; width: 17px; height: 17px; transform: translate(-50%, -50%); background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; pointer-events: none; } .product-thumb .product_buttons .btn-icon.wishlist-button button::before { -webkit-mask-image: url(../image/wishlist.svg); mask-image: url(../image/wishlist.svg); } .product-thumb .product_buttons .btn-icon.compare-button button::before { width: 18px; height: 18px; -webkit-mask-image: url(../image/compare.svg); mask-image: url(../image/compare.svg); } /* Badge reducere — +1px, mai subțire, mai vizibil pe imagine */ .product-thumb .image .sale-label { font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0.04em; line-height: 20px !important; padding: 0 10px !important; color: #fff !important; background: var(--global-palette-btn-bg, #1e91cf) !important; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.22); -webkit-font-smoothing: antialiased; } .product-thumb .product_buttons .btn-icon.quickview-button button::before { -webkit-mask-image: url(../image/quickview.svg); mask-image: url(../image/quickview.svg); } .product-thumb .product_buttons button:hover, .product-thumb .product_buttons button:focus-visible { background-color: var(--sr-btn-bg) !important; color: var(--sr-btn-text) !important; } .product-thumb .product_buttons .btn-icon.wishlist-button button.is-added, .product-thumb .product_buttons .btn-icon.wishlist-button button.is-added:hover, .product-thumb .product_buttons .btn-icon.wishlist-button button.is-added:focus-visible { background-color: #fff !important; color: #dc2626 !important; } /* Compară adăugat pe overlay imagine — iconul verde (glif = currentColor), fund alb, rămâne verde și pe hover/focus, la fel ca inima roșie de mai sus. */ .product-thumb .product_buttons .btn-icon.compare-button button.is-added, .product-thumb .product_buttons .btn-icon.compare-button button.is-added:hover, .product-thumb .product_buttons .btn-icon.compare-button button.is-added:focus-visible { background-color: #fff !important; color: #16a34a !important; } /* PDP — tab-uri descriere / specs / recenzii: puÈ›in mai îngust, margini egale la pagină */ /* PDP — fără chenar în jurul conținutului tab-urilor (descriere / specs / recenzii) */ #product-info .tab-content { border: none !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; } #product-info .product_page_tab { margin-top: 40px; margin-bottom: 40px; margin-left: 0; margin-right: 0; width: 100%; max-width: 100%; box-sizing: border-box; } @media (max-width: 767px) { #product-info .product_page_tab { margin-top: 32px; margin-bottom: 32px; margin-left: auto; margin-right: auto; width: calc(100% - 32px); padding-left: 16px; padding-right: 16px; } } /* PDP — tab-uri: activ = negru + text alb; inactiv = gri + text negru */ #product-info .product_page_tab .nav.nav-tabs .nav-link:not(.active) { background: #f3f4f6 !important; color: #111827 !important; border-color: #e5e7eb !important; } #product-info .product_page_tab .nav.nav-tabs .nav-link:hover:not(.active) { background: #e5e7eb !important; border-color: #d1d5db !important; color: #111827 !important; } #product-info .product_page_tab .nav.nav-tabs .nav-link.active, #product-info .product_page_tab .nav.nav-tabs .nav-item a.nav-link.active { background: #111827 !important; border-color: #111827 !important; color: #fff !important; } body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs .nav-link, body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs .nav-item a.nav-link, body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs .nav-link.active, body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs .nav-item a.nav-link.active { font-weight: 400 !important; } #product-info .product-spec-pill:not(.active) { background: #f3f4f6 !important; color: #111827 !important; border: 1px solid #e5e7eb !important; } #product-info .product-spec-pill:not(.active):hover { background: #e5e7eb !important; border-color: #d1d5db !important; color: #111827 !important; } #product-info .product-spec-pill.active, #product-info .product-spec-pill.active:hover { background: #111827 !important; border-color: #111827 !important; color: #fff !important; } #product-info .product-spec-panes .table tbody td:first-child { color: #111827 !important; } /* PDP specificații — cap tabel: ușor mai gros decât rândurile, fără bold */ #product-info .product-spec-panes .table th, body[class*="product-product-"] #product-info .product-spec-panes .table th { font-weight: 425 !important; letter-spacing: 0.025em; font-size: calc(1em + 1.5px) !important; } #product-info .product-spec-panes .table th strong, body[class*="product-product-"] #product-info .product-spec-panes .table th strong { font-weight: inherit; } /* PDP specificații — dotările prezente ca listă cu bife. Miele listează doar ce are produsul, deci valoarea e mereu „Da": o coloană de „Da" repetat de 60 de ori nu spune nimic, iar lista pe coloane intră în a treia parte din înălțime. */ #product-info .sr-spec-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 2px 28px; list-style: none; margin: 0 0 20px; padding: 0; } #product-info .sr-spec-checks__item { display: flex; align-items: flex-start; gap: 10px; padding: 7px 2px; font-size: calc(1em + 1px); line-height: 1.45; color: #111827; border-bottom: 1px solid rgba(17, 24, 39, 0.08); } #product-info .sr-spec-checks__icon { flex: 0 0 auto; margin-top: 0.28em; font-size: 0.82em; color: var(--sr-accent, #111827); } /* Tabelul care urmează listei nu mai are nevoie de spațiu deasupra. */ #product-info .sr-spec-checks + .table-responsive { margin-top: 0; } /* PDP specificații — subcategoriile din „Opțiuni" (taburile Miele, strânse în 5): o coloană per subcategorie, până la 5 pe un rând. `auto-fit` pune cât încap și nu lasă coloane goale. Liniile despărțitoare vin din `gap: 1px` peste fundalul containerului, ca la un tabel — merge și pe verticală, când subcategoriile trec pe al doilea rând, ceea ce un border-left n-ar face. */ #product-info .sr-spec-subs { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1px; background: rgba(17, 24, 39, 0.13); border: 1px solid rgba(17, 24, 39, 0.13); border-radius: 8px; overflow: hidden; } /* Fundal alb pe celule + gap de 1px peste fundalul containerului = liniile dintre coloane. `margin` și `float` sunt resetate intenționat: stylesheet.css are, la nivel global, `section { margin-bottom: 70px; float: left }`. Marginea aia umfla rândul de grilă cu 70px, iar fundalul containerului se vedea prin ea ca o bandă gri groasă sub tabel. */ #product-info .sr-spec-sub { float: none; margin: 0; padding: 4px 18px 18px; background: #fff; } #product-info .sr-spec-sub__title { display: flex; align-items: flex-end; min-height: 2.9em; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(17, 24, 39, 0.13); font-size: 1em; font-weight: 500; letter-spacing: 0.015em; color: #111827; } /* În coloană îngustă, dotările stau una sub alta. */ #product-info .sr-spec-sub .sr-spec-checks { grid-template-columns: 1fr; gap: 0; margin-bottom: 0; } /* 0.875em = 14px, cât are și tabelul de Date tehnice de alături. Relativ, nu fix, ca să urce odată cu tipografia pe ecranele late. Selectorul e lung intenționat: sr-site-text.css are `#content :is(p, li, …):not(.small):not(.text-muted) { font-size: max(1rem, 1em) }`, iar cele două `:not()` îl duc la specificitate (1,3,0). Ne trebuie (1,4,0) ca să câștigăm, altfel dotările rămân la 16px. */ #product-info .sr-spec-subs .sr-spec-sub .sr-spec-checks .sr-spec-checks__item { padding: 6px 0; font-size: 0.875em; } #product-info .sr-spec-sub .sr-spec-checks__item:last-child { border-bottom: 0; padding-bottom: 0; } /* Dotarea care are valoare proprie („Afișaj — M Touch"): fără bifă, valoarea sub etichetă. Pe un rând ar fi ieșit înghesuit — într-o coloană de ~280px eticheta se rupea pe trei rânduri. */ #product-info .sr-spec-checks__item--value { flex-direction: column; align-items: flex-start; gap: 1px; } #product-info .sr-spec-checks__label { color: #4b5563; font-size: 0.92em; } #product-info .sr-spec-checks__value { color: #111827; } #product-info .sr-spec-long { width: 100%; } #product-info .sr-spec-long > summary { cursor: pointer; list-style: none; } #product-info .sr-spec-long > summary::-webkit-details-marker { display: none; } #product-info .sr-spec-long > summary::after { content: " +"; color: #6b7280; } #product-info .sr-spec-long[open] > summary::after { content: " −"; } #product-info .sr-spec-long > .sr-spec-checks__value { display: block; margin-top: 2px; } @media (max-width: 1399.98px) { #product-info .sr-spec-subs { column-count: 2; } } @media (max-width: 767.98px) { #product-info .sr-spec-subs { column-count: 1; } } /* PDP specificații — „Date tehnice" pe categorii: câte un tabel pentru fiecare categorie (SrAttributeDisplay::buildTechnicalSections), așezate pe coloane. Un singur tabel de 40-60 de rânduri urca peste trei ecrane, cu jumătate din lățimea paginii goală. Coloanele vin din `column-count`, nu din grilă: tabelele au înălțimi foarte diferite („Zgomot" are 2 rânduri, „Dimensiuni și greutate" are 29), iar grila ar întinde fiecare rând după cel mai înalt tabel și ar lăsa goluri albe sub cele scurte. Multicolumn le împachetează unul sub altul și echilibrează singură înălțimea coloanelor. */ #product-info .sr-spec-groups { column-count: 2; column-gap: 26px; } @media (min-width: 1800px) { #product-info .sr-spec-groups { column-count: 3; } } @media (max-width: 767.98px) { #product-info .sr-spec-groups { column-count: 1; } } /* `break-inside` ține tabelul întreg într-o coloană; fără el, un tabel lung se rupe la jumătate și continuă în coloana următoare, fără cap de tabel. */ #product-info .sr-spec-group { margin: 0 0 22px; break-inside: avoid; -webkit-column-break-inside: avoid; } /* Coloana de etichete: 40% (inline, din product.twig) e prea puțin într-o coloană de ~700px — etichetele lungi se rupeau pe patru rânduri, cu valoarea „12" singură alături. `!important` fiindcă lățimea din twig e stil inline. */ #product-info .sr-spec-groups .table td:first-child { width: 55% !important; max-width: none; } #product-info .sr-spec-checks + .sr-spec-groups { margin-top: 0; } /* PDP specificații — date din tabel +1px */ #product-info .product-spec-panes .table td, body[class*="product-product-"] #product-info .product-spec-panes .table td { font-size: calc(1em + 1px); } /* PDP — scara tipografie: ≥1500 baseline, apoi −1px la 1300 / 1150 / ~990px */ @media (min-width: 1500px) and (max-width: 1999.98px) { body[class*="product-product-"] #product-info .product-right .product_title, body[class*="product-product-"] #product-info .product-right h1.product_title { } #product-info .product-right .sr-pdp-rating .fa-stack, #product-info .product-right .sr-pdp-rating .fa-stack .fa-star, #product-info .product-right .sr-pdp-rating .fa-stack > i { font-size: 16px !important; width: 16px !important; height: 16px !important; line-height: 16px !important; } #product-info .product-right .sr-pdp-rating .review_count { } body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart, body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart.btn-block, body[class*="product-product-"] #product-info .product-right #button-cart.sr-pdp-sticky-buy__cart { min-height: 42px !important; padding: 9px 24px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox { border-radius: 12px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox .btn-number { width: 40px !important; min-width: 40px !important; height: 42px !important; min-height: 42px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox #input-quantity { width: 44px !important; min-width: 44px !important; height: 42px !important; min-height: 42px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action { } body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action i { } body[class*="product-product-"] #product-info .product-right .meta li { } body[class*="product-product-"] #product-info .product-spec-pill { } body[class*="product-product-"] #product-info .product-spec-panes .table, body[class*="product-product-"] #product-info .product-spec-panes .table td { } body[class*="product-product-"] #product-info .product-spec-panes .table th { } } @media (min-width: 1300px) and (max-width: 1499.98px) { body[class*="product-product-"] #product-info .product-right .product_title, body[class*="product-product-"] #product-info .product-right h1.product_title { /* fără bump 1300-1500: cade pe 21px !important (=test) */ } #product-info .product-right .sr-pdp-rating .fa-stack, #product-info .product-right .sr-pdp-rating .fa-stack .fa-star, #product-info .product-right .sr-pdp-rating .fa-stack > i { font-size: 14px !important; width: 14px !important; height: 14px !important; line-height: 14px !important; } #product-info .product-right .sr-pdp-rating .review_count { /* fără bump 1300-1500: cade pe 14px (=test) */ } body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart, body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart.btn-block, body[class*="product-product-"] #product-info .product-right #button-cart.sr-pdp-sticky-buy__cart { font-size: 14px !important; min-height: 42px !important; padding: 9px 24px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox { border-radius: 10px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox .btn-number { font-size: 20px !important; width: 36px !important; min-width: 36px !important; height: 42px !important; min-height: 42px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox #input-quantity { font-size: 14px !important; width: 40px !important; min-width: 40px !important; height: 42px !important; min-height: 42px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action { font-size: 14px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action i { font-size: 15px !important; } body[class*="product-product-"] #product-info .product-right .meta li { /* fără bump 1300-1500: cade pe 14px (=test) */ } } @media (min-width: 1150px) and (max-width: 1299.98px) { body[class*="product-product-"] #product-info .product-right .product_title, body[class*="product-product-"] #product-info .product-right h1.product_title { font-size: 21px !important; } #product-info .product-right .sr-pdp-rating .fa-stack, #product-info .product-right .sr-pdp-rating .fa-stack .fa-star, #product-info .product-right .sr-pdp-rating .fa-stack > i { font-size: 13px !important; width: 13px !important; height: 13px !important; line-height: 13px !important; } #product-info .product-right .sr-pdp-rating .review_count { font-size: 14px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart, body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart.btn-block, body[class*="product-product-"] #product-info .product-right #button-cart.sr-pdp-sticky-buy__cart { font-size: 14px !important; min-height: 42px !important; padding: 9px 24px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox { border-radius: 10px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox .btn-number { font-size: 19px !important; width: 34px !important; min-width: 34px !important; height: 42px !important; min-height: 42px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox #input-quantity { font-size: 13px !important; width: 38px !important; min-width: 38px !important; height: 42px !important; min-height: 42px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action { font-size: 15px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action i { font-size: 14px !important; } body[class*="product-product-"] #product-info .product-right .meta li { /* fără bump 1150-1300: cade pe 14px (=test) */ } } @media (min-width: 992px) and (max-width: 1149.98px) { body[class*="product-product-"] #product-info .product-right .product_title, body[class*="product-product-"] #product-info .product-right h1.product_title { font-size: 21px !important; } #product-info .product-right .sr-pdp-rating .fa-stack, #product-info .product-right .sr-pdp-rating .fa-stack .fa-star, #product-info .product-right .sr-pdp-rating .fa-stack > i { font-size: 12px !important; width: 12px !important; height: 12px !important; line-height: 12px !important; } #product-info .product-right .sr-pdp-rating .review_count { font-size: 13px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart, body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart.btn-block, body[class*="product-product-"] #product-info .product-right #button-cart.sr-pdp-sticky-buy__cart { font-size: 14px !important; min-height: 42px !important; padding: 9px 24px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox { border-radius: 9px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox .btn-number { font-size: 18px !important; width: 32px !important; min-width: 32px !important; height: 42px !important; min-height: 42px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox #input-quantity { font-size: 12px !important; width: 36px !important; min-width: 36px !important; height: 42px !important; min-height: 42px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action { font-size: 14px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action i { font-size: 13px !important; } body[class*="product-product-"] #product-info .product-right .meta li { /* fără bump 992-1150: cade pe 14px (=test) */ } } /* PDP — tab-uri Descriere / Specificații / Recenzii: centrate + scară 2000px → 992px */ @media (min-width: 992px) { body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs { justify-content: center; } body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs .nav-link { line-height: 1.35 !important; white-space: nowrap; } } @media (min-width: 2000px) { body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs { gap: 10px; } body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs .nav-link { padding: 7px 20px !important; min-height: 36px !important; } } @media (min-width: 1500px) and (max-width: 1999.98px) { body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs { gap: 9px; } body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs .nav-link { padding: 7px 20px !important; min-height: 36px !important; } } @media (min-width: 1300px) and (max-width: 1499.98px) { body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs { gap: 8px; } body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs .nav-link { /* fără bump 1300-1500 font-size: cade pe 14px (=test) */ padding: 7px 20px !important; min-height: 36px !important; } } @media (min-width: 1150px) and (max-width: 1299.98px) { body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs { gap: 7px; } body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs .nav-link { /* fără bump 1150-1300 font-size: cade pe 14px (=test) */ padding: 7px 20px !important; min-height: 36px !important; } } @media (min-width: 992px) and (max-width: 1149.98px) { body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs { gap: 6px; } body[class*="product-product-"] #product-info .product_page_tab .nav.nav-tabs .nav-link { /* fără bump 992-1150 font-size: cade pe 14px (=test) */ padding: 7px 20px !important; min-height: 36px !important; } } /* PDP specificații — pill-uri + tabele: scară mai lentă decât restul PDP */ @media (min-width: 1300px) and (max-width: 1999.98px) { body[class*="product-product-"] #product-info .product-spec-pill { font-size: 18px !important; } body[class*="product-product-"] #product-info .product-spec-panes .table, body[class*="product-product-"] #product-info .product-spec-panes .table td { font-size: 17px !important; } body[class*="product-product-"] #product-info .product-spec-panes .table th { font-size: 17.5px !important; } } @media (min-width: 992px) and (max-width: 1299.98px) { body[class*="product-product-"] #product-info .product-spec-pill { font-size: 14px !important; } body[class*="product-product-"] #product-info .product-spec-panes .table, body[class*="product-product-"] #product-info .product-spec-panes .table td { font-size: 15px !important; } body[class*="product-product-"] #product-info .product-spec-panes .table th { font-size: 15.5px !important; } } @media (min-width: 992px) { body[class*="product-product-"] #product-info .product-right .price, body[class*="product-product-"] #product-info .price, body[class*="product-product-"] #product-info .price .price-new { font-size: 18px !important; } } /* PDP — ultra-wide (≥2000px): tipografie & acțiuni fine-tuned */ @media (min-width: 2000px) { /* Specificații: −2px față de bump-ul anterior (revine la desktop) */ body[class*="product-product-"] #product-info #tab-specification { font-size: inherit; } body[class*="product-product-"] #product-info #tab-specification .product-spec-pill { } body[class*="product-product-"] #product-info #tab-specification .product-spec-panes .table, body[class*="product-product-"] #product-info #tab-specification .product-spec-panes .table td { } body[class*="product-product-"] #product-info #tab-specification .product-spec-panes .table th { } /* Meta Brand / Cod / Stoc: mai mult spațiu între rânduri */ body[class*="product-product-"] #product-info .product-right .meta { display: flex; flex-direction: column; gap: 10px; } body[class*="product-product-"] #product-info .product-right .meta li { line-height: 1.5; } body[class*="product-product-"] #product-info .product-right .meta li strong, body[class*="product-product-"] #product-info .product-right .meta li a { font-size: inherit; } /* Titlu, preț, recenzii, acțiuni — dimensiuni ≥2000px */ body[class*="product-product-"] #product-info .product-right .product_title, body[class*="product-product-"] #product-info .product-right h1.product_title { } body[class*="product-product-"] #product-info .product-right .price, body[class*="product-product-"] #product-info .price, body[class*="product-product-"] #product-info .price .price-new { } #product-info .product-right .sr-pdp-rating .fa-stack { font-size: 16px !important; width: 16px !important; height: 16px !important; line-height: 16px !important; } #product-info .product-right .sr-pdp-rating .fa-stack .fa-star, #product-info .product-right .sr-pdp-rating .fa-stack > i { font-size: 16px !important; } #product-info .product-right .sr-pdp-rating .review_count { } body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart, body[class*="product-product-"] #product-info .product-right .sr-pdp-buy-desktop #button-cart.sr-pdp-sticky-buy__cart.btn-block, body[class*="product-product-"] #product-info .product-right #button-cart.sr-pdp-sticky-buy__cart { font-weight: 400 !important; min-height: 42px !important; padding: 9px 24px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox { border-radius: 12px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox .btn-number { width: 40px !important; min-width: 40px !important; height: 42px !important; min-height: 42px !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-qty-opbox #input-quantity { width: 44px !important; min-width: 44px !important; height: 42px !important; min-height: 42px !important; } body[class*="product-product-"] #product-info .product-spec-pill { } /* Favorite + Compară */ body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action, body[class*="product-product-"] #product-info .product-right .wishlist_compare_btn .btn, body[class*="product-product-"] #product-info .product-right .wishlist_compare_btn .btn.sr-pdp-link-action { font-weight: 400 !important; } body[class*="product-product-"] #product-info .product-right .sr-pdp-link-action i { } } body:not(.product-product) .nav-pills .nav-link.active, body:not(.product-product) .nav-pills .show > .nav-link { background-color: var(--sr-btn-bg) !important; } .dropdown-item.active, .dropdown-item:active { background-color: var(--sr-btn-bg) !important; } /* Monedă / limbă — fără bandă neagră la click (top bar + sticky) */ #top .nav .lang_currency .dropdown .dropdown-menu .dropdown-item.active, #top .nav .lang_currency .dropdown .dropdown-menu .dropdown-item:active, .sr-sticky-header__locale .dropdown .dropdown-menu .dropdown-item.active, .sr-sticky-header__locale .dropdown .dropdown-menu .dropdown-item:active, .lang_currency .dropdown .dropdown-menu .dropdown-item.active, .lang_currency .dropdown .dropdown-menu .dropdown-item:active { background: #f3f4f6 !important; background-color: #f3f4f6 !important; color: #111827 !important; text-decoration: none !important; } /* Sidebar categorii — activ: text închis, fără bandă neagră (nu folosi .list-group-item.active global) */ aside#column-left .category-box a.list-group-item.active, aside#column-right .category-box a.list-group-item.active, .category-box.sidebar-box a.list-group-item.main-item.active, .category-box.sidebar-box a.list-group-item.active { background: transparent !important; background-color: transparent !important; border-color: transparent !important; color: var(--global-palette4, #111827) !important; font-weight: 410; box-shadow: none !important; } aside#column-left .category-box a.list-group-item.active:hover, aside#column-right .category-box a.list-group-item.active:hover, .category-box.sidebar-box a.list-group-item.main-item.active:hover { background-color: transparent !important; color: var(--global-palette4, #111827) !important; text-decoration: underline; } .progress-bar { background-color: var(--sr-btn-bg) !important; } .form-check-input:checked { background-color: var(--sr-btn-bg) !important; border-color: var(--sr-btn-bg) !important; } /* Checkout — switch-urile „newsletter" + „termeni" mai clare: track gri vizibil cu chenar pe off, brand pe on (regula de :checked de mai sus). */ #form-register .form-check.form-switch.form-switch-lg { padding-left: 3.4em; margin-bottom: 16px; min-height: 1.6em; } #form-register .form-check.form-switch.form-switch-lg .form-check-input { width: 2.5em; height: 1.3em; margin-top: 0.05em; margin-left: -3.4em; background-color: #e2e5ea; border: 1px solid #aab2bd; cursor: pointer; } #form-register .form-check.form-switch.form-switch-lg .form-check-label { cursor: pointer; padding-top: 0.05em; } /* Checkout — text puțin mai mare pe ecrane late (≥1700px) ca să nu pară mic */ @media (min-width: 1700px) { body[class*="checkout-checkout"] .form-label, body[class*="checkout-checkout"] .form-check-label, body[class*="checkout-checkout"] .sr-checkout-account-opt-in__title { font-size: 1.05rem; } body[class*="checkout-checkout"] .sr-checkout-account-opt-in__hint, body[class*="checkout-checkout"] .sr-checkout-account-opt-in__status, body[class*="checkout-checkout"] .sr-billing-type__title { font-size: 0.95rem; } body[class*="checkout-checkout"] .form-control, body[class*="checkout-checkout"] .form-select { font-size: 1.02rem; } } /* Benzi sus + jos — gradient ca logo */ #top, #footer .footer_top { background: var(--sr-band-gradient-h) !important; color: var(--sr-band-text); --sr-top-nav-font: 13px; --sr-top-nav-lh: 23px; --sr-top-nav-dd-pad: 9px; --sr-top-nav-flag: 12px; --sr-top-lang-gap: 10px; --sr-top-dd-font: 13px; --sr-top-dd-lh: 22px; --sr-top-dd-item-py: 4px; --sr-top-dd-item-px: 16px; --sr-top-dd-menu-py: 8px; --sr-top-dd-flag: 12px; min-height: 40px; } /* #top deasupra #header — dropdown monedă/limbă; nav cont rămâne sub header/megamenu */ #top { position: relative; z-index: 1036; overflow: visible; } #header { position: relative; z-index: 1030; } #top > .container, #top .nav { overflow: visible; } #footer .footer_top { padding: 35px 0; } #top a:not(.dropdown-item), #top .dropdown-toggle, #top .nav .lang_currency .dropdown .dropdown-toggle, #footer .footer_top a, #footer .footer_top p, #footer .footer_top, #footer .footer_top h5 { color: var(--sr-band-text) !important; } #top a:not(.dropdown-item):hover, #top a:not(.dropdown-item):focus, #top a:not(.dropdown-item):focus-visible, #top a:not(.dropdown-item):active, #top .dropdown-toggle:hover, #top .dropdown-toggle:focus, #top .dropdown-toggle:focus-visible, #top .nav .lang_currency .dropdown .dropdown-toggle:hover, #top .nav .lang_currency .dropdown .dropdown-toggle:focus, #top .nav .lang_currency .dropdown .dropdown-toggle:focus-visible { color: #ffffff !important; opacity: 0.92; } #footer .footer_top a:hover { color: #062e2a !important; } #top .nav { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px 12px; grid-template-columns: unset !important; font-size: var(--sr-top-nav-font, 15px) !important; line-height: var(--sr-top-nav-lh, 25px) !important; } #top .nav .position-header-top { flex: 1 1 auto; min-width: 0; overflow: hidden; text-align: left; } #top .nav #base_secondary_nav ul { justify-content: flex-start !important; max-width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } #top .nav #base_secondary_nav ul::-webkit-scrollbar { display: none; } #top .nav .lang_currency { flex: 0 0 auto; flex-shrink: 0; position: relative; z-index: 4; background: var(--sr-band-gradient-h); isolation: isolate; } #top .nav .position-header-top a, #top .nav #base_secondary_nav ul li a { color: #ffffff !important; font-size: inherit !important; line-height: inherit !important; display: inline-flex !important; align-items: center !important; } #top .nav #base_secondary_nav ul li a:hover, #top .nav #base_secondary_nav ul li a:focus, #top .nav #base_secondary_nav ul li a:focus-visible, #top .nav #base_secondary_nav ul li a:active { color: #ffffff !important; opacity: 0.92; text-decoration: none !important; } #top .nav #base_secondary_nav ul li a.sr-nav-link--disabled, #top .nav #base_secondary_nav ul li a.sr-nav-link--disabled:hover, #top .nav #base_secondary_nav ul li a.sr-nav-link--disabled:focus, #top .nav #base_secondary_nav ul li a.sr-nav-link--disabled:focus-visible, #top .nav #base_secondary_nav ul li a.sr-nav-link--disabled:active { cursor: default; pointer-events: none; opacity: 1; text-decoration: none !important; } #footer .footer-toggle a.sr-nav-link--disabled, #footer .footer-toggle a.sr-nav-link--disabled:hover, #footer .footer-toggle a.sr-nav-link--disabled:focus, #footer .footer-toggle a.sr-nav-link--disabled:focus-visible, #footer .footer-toggle a.sr-nav-link--disabled:active { cursor: default; pointer-events: none; opacity: 0.55; text-decoration: none !important; } #top .nav #base_secondary_nav ul li:not(:last-child) a:after { background-color: rgba(10, 61, 56, 0.22); } #top .nav .lang_currency .dropdown .dropdown-menu { background: #ffffff !important; border: 1px solid #e5e7eb !important; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12) !important; min-width: 10rem; padding: var(--sr-top-dd-menu-py, 8px) 0 !important; } #top .nav .lang_currency .dropdown .dropdown-menu .dropdown-item { color: #111827 !important; -webkit-text-fill-color: #111827 !important; font-size: var(--sr-top-dd-font, 14px) !important; line-height: var(--sr-top-dd-lh, 24px) !important; padding: var(--sr-top-dd-item-py, 4px) var(--sr-top-dd-item-px, 16px) !important; display: flex !important; align-items: center !important; gap: 6px; white-space: nowrap; } #top .nav .lang_currency .sr-lang-dropdown .dropdown-menu .dropdown-item, #top .nav .lang_currency .sr-lang-dropdown-menu .dropdown-item, .sr-sticky-header__locale .sr-lang-dropdown .dropdown-menu .dropdown-item, .sr-sticky-header__locale .sr-lang-dropdown-menu .dropdown-item { color: #111827 !important; -webkit-text-fill-color: #111827 !important; } #top .nav .lang_currency .dropdown .dropdown-menu .dropdown-item img { display: block; width: auto; height: auto; max-height: var(--sr-top-dd-flag, 14px); flex: 0 0 auto; } #top .nav .lang_currency .dropdown .dropdown-menu .dropdown-item img.sr-currency-flag, #top .nav .lang_currency .dropdown .dropdown-toggle img.sr-currency-flag { width: 17px; height: 12px; max-height: 12px; object-fit: cover; border-radius: 1px; } #top .nav .lang_currency .dropdown .dropdown-menu .dropdown-item:hover, #top .nav .lang_currency .dropdown .dropdown-menu .dropdown-item:focus { background: #f3f4f6 !important; color: #111827 !important; text-decoration: none !important; } /* list-inline — monedă/limbă (#top) + iconițe header, aliniate dreapta */ #top .nav .lang_currency { grid-column: 3; justify-self: end; margin-left: auto; flex-shrink: 0; } #top .nav .lang_currency .list-inline { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center !important; text-align: right; margin: 0; gap: 0; } /* Lei + limbă — spațiu ca pe test (margin pe primul item, nu gap mic) */ #top .nav .lang_currency .list-inline-item { display: flex !important; align-items: center !important; margin: 0 !important; } #top .nav .lang_currency .list-inline-item:not(:last-child) { margin-right: var(--sr-top-lang-gap, 12px) !important; } #top .nav .lang_currency .dropdown { padding: var(--sr-top-nav-dd-pad, 9px) 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; position: relative; } #top .nav .lang_currency .dropdown .dropdown-menu, #top .nav .lang_currency .dropdown .dropdown-menu.show, .lang_currency .dropdown .dropdown-menu, .lang_currency .dropdown .dropdown-menu.show, .sr-sticky-header__locale .dropdown .dropdown-menu, .sr-sticky-header__locale .dropdown .dropdown-menu.show { z-index: 1070 !important; } #top .nav .lang_currency .dropdown .dropdown-toggle { display: inline-flex !important; align-items: center !important; gap: 4px; padding: 0 !important; margin: 0 !important; line-height: inherit !important; font-size: inherit !important; vertical-align: middle; } #top .nav .lang_currency .dropdown .dropdown-toggle span { font-size: inherit !important; line-height: inherit !important; } #top .nav .lang_currency .dropdown .dropdown-toggle img[src=""], #top .nav .lang_currency .dropdown .dropdown-toggle img:not([src]) { display: none !important; } #top .nav .lang_currency .dropdown .dropdown-toggle img { display: block; width: auto; height: auto; max-height: var(--sr-top-nav-flag, 15px); flex: 0 0 auto; } #top .nav .lang_currency .dropdown .dropdown-toggle [class*="fa-"] { font-size: 0.72em !important; line-height: 1 !important; } /* Limbă — #top fără steag; sticky cu steag ca moneda */ #top .nav .lang_currency .sr-lang-dropdown .dropdown-toggle, #top .nav .lang_currency .sr-lang-dropdown .dropdown-toggle span { font-size: 18px !important; line-height: 1.35 !important; } #top .nav .lang_currency .sr-lang-dropdown .sr-lang-flag { display: none !important; } #top .nav .lang_currency .sr-lang-dropdown .dropdown-toggle { gap: 2px !important; padding: 0 !important; } #top .nav .lang_currency .sr-lang-dropdown .dropdown-menu { min-width: 0 !important; padding: 4px 0 !important; } .sr-sticky-header__locale .sr-lang-dropdown .dropdown-menu { padding: 4px 0 !important; } #top .nav .lang_currency .sr-lang-dropdown .dropdown-menu .dropdown-item, #top .nav .lang_currency .sr-lang-dropdown .dropdown-menu .dropdown-item span { font-size: 18px !important; line-height: 1.35 !important; color: #111827 !important; } #top .nav .lang_currency .sr-lang-dropdown .dropdown-menu .dropdown-item { padding: 4px 8px !important; justify-content: center !important; text-align: center !important; gap: 0 !important; } .sr-sticky-header__locale .sr-lang-dropdown .dropdown-menu .dropdown-item { justify-content: flex-start !important; text-align: left !important; gap: 6px !important; padding: 4px 16px !important; } .sr-sticky-header__locale .sr-lang-dropdown .dropdown-menu { min-width: 10rem !important; } .sr-sticky-header__locale .sr-lang-dropdown .dropdown-menu .dropdown-item span { flex: 1 1 auto; text-align: left !important; } /* ≥992px: flex — linkuri stânga, monedă/limbă dreapta (grid-ul temei strică layoutul peste ~1366) */ @media (min-width: 992px) { #top > .container { padding-left: max(5px, var(--sr-hp-container-pad, var(--sr-site-gutter-both, 15px))) !important; padding-right: max(5px, var(--sr-hp-container-pad, var(--sr-site-gutter-both, 15px))) !important; padding-inline: max(5px, var(--sr-hp-container-pad, 15px)) !important; } #top .nav { display: flex !important; grid-template-columns: unset !important; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 8px 16px; } #top .nav .position-header-top { flex: 1 1 auto; min-width: 0; } #top .nav #base_secondary_nav ul { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 10px !important; margin: 0; } #top .nav #base_secondary_nav ul li { flex: 0 0 auto; } #top .nav #base_secondary_nav ul li a { white-space: nowrap; } #top .nav #base_secondary_nav ul li:not(:last-child) { padding-inline-end: 12px !important; } #top .nav .lang_currency { grid-column: auto; flex: 0 0 auto; margin-left: 0; justify-self: auto; } #top .nav .lang_currency .list-inline { flex-wrap: nowrap !important; } } /* 400–992px: linkuri top bar rămân vizibile (responsive.css le ascunde la ≤991) */ @media (min-width: 400px) and (max-width: 991.98px) { #top { --sr-top-nav-font: 15px; } #top .nav .position-header-top { display: block !important; } #top .nav { display: flex !important; grid-template-columns: unset !important; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 8px 10px; } #top .nav .position-header-top { flex: 1 1 auto; min-width: 0; } #top .nav #base_secondary_nav ul { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 6px !important; margin: 0; } #top .nav #base_secondary_nav ul li a { white-space: nowrap; font-size: 13px !important; } #top .nav #base_secondary_nav ul li:not(:last-child) { padding-inline-end: 6px !important; } #top .nav .lang_currency { flex: 0 0 auto; margin-left: auto; } #top .nav .lang_currency .list-inline { flex-wrap: nowrap !important; justify-content: flex-end; } } /* ≤540px — aceeași densitate ca test (responsive.css) */ @media (max-width: 540px) { #top { min-height: 30px; --sr-top-nav-font: 14px; --sr-top-nav-lh: 21px; --sr-top-nav-dd-pad: 5px; --sr-top-nav-flag: 13px; --sr-top-lang-gap: 10px; --sr-top-dd-font: 13px; --sr-top-dd-lh: 20px; --sr-top-dd-item-py: 4px; --sr-top-dd-item-px: 14px; --sr-top-dd-menu-py: 6px; --sr-top-dd-flag: 12px; } #top .nav { gap: 4px 6px !important; } } @media (max-width: 470px) { #top .nav { gap: 4px 6px !important; } } @media (max-width: 399.98px) { #top .nav .position-header-top { display: none !important; } #top .nav { justify-content: flex-end !important; } } /* Top bar — pe 1500–2500px textul (linkuri secundare + selector monedă/limbă) urcă la 14px; sub 1500px rămâne 13px ca test. */ @media (min-width: 1500px) and (max-width: 2500px) { #top { --sr-top-nav-font: 14px; --sr-top-dd-font: 14px; } } /* Desktop larg — flex + font uniform (suprascrie grid temă și #top a din stylesheet) */ @media (min-width: 1200px) { #top .nav { display: flex !important; grid-template-columns: unset !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px 20px; } #top .nav .position-header-top { flex: 1 1 auto; min-width: 0; } #top .nav #base_secondary_nav ul { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 12px !important; margin: 0; } #top .nav .lang_currency { grid-column: auto !important; flex: 0 0 auto; margin-left: 0 !important; } } #header .header_middle_right > ul.list-inline { justify-content: flex-end; margin-left: auto; } .sr-sticky-header__locale .list-inline { justify-content: flex-end; } /* Footer mijloc — fundal alb, text negru */ #footer .footer_middle { background: #ffffff !important; color: #111827; } #footer .footer_middle h5, #footer .footer_middle p, #footer .footer_middle li, #footer .footer_middle a:not(.mobile_togglemenu), #footer .footer_middle .contact-phone-text, #footer .footer_middle .contact-email-text a { color: #111827 !important; } #footer .footer_middle a:not(.mobile_togglemenu):hover, #footer .footer_middle .contact-email-text a:hover { color: #374151 !important; } #footer .footer_middle hr { border-color: #e5e7eb !important; } #footer .footer_middle .middle-content .footer_contact::after { background: #e5e7eb !important; } #footer .footer_middle .middle-content .footer_aboutus_cms { border-bottom-color: #e5e7eb; } #footer .footer_middle .footer-social { display: none !important; } #footer .footer_middle .mobile_togglemenu::before { color: #111827 !important; } #footer .footer_middle .footer_contact img, #footer .footer_middle .middle-content img[src*=".svg"], #footer .footer_middle i, #footer .footer_middle .fa, #footer .footer_middle .fa-solid { filter: none; color: #111827; } #footer .footer_middle .footer_aboutus_cms__info { margin-bottom: 14px; } #footer .footer_middle .footer_aboutus_cms__info p { margin: 0 0 4px; line-height: 1.45; } #footer .footer_middle .footer_aboutus_cms__street { opacity: 0.92; font-size: 0.95em; } #footer .footer_middle .footer_aboutus_cms__map-wrap { margin-bottom: 16px; border-radius: 8px; overflow: hidden; border: 1px solid #e5e7eb; background: #f9fafb; } #footer .footer_middle .footer_aboutus_cms__map { display: block; width: 100%; height: 140px; border: 0; } #footer .footer_middle .footer_aboutus_cms__map-link { display: block; padding: 8px 12px; font-size: 13px; font-weight: 500; text-align: center; text-decoration: none; color: #111827 !important; background: #f3f4f6; } #footer .footer_middle .footer_aboutus_cms__map-link:hover { background: #e5e7eb; color: #111827 !important; } #footer .footer_bottom { background: var(--sr-band-gradient-h) !important; color: var(--sr-band-text); } #footer .footer_bottom a, #footer .footer_bottom p { color: var(--sr-band-text) !important; } #footer .footer_bottom a:hover { color: #062e2a !important; } /* Footer — full-width, aliniat cu conținutul paginii: 50px stânga/dreapta, exact ca paginile de categorie/coș (vezi #product-category.container) */ #footer .footer_top > .container, #footer .footer_middle > .container, #footer .footer_bottom > .container { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 50px !important; padding-right: 50px !important; box-sizing: border-box !important; } #footer .footer_middle .middle-content .footer_contact { padding-left: 0 !important; padding-right: 0 !important; } #footer .footer_top, #footer .footer_top p, #footer .footer_top a, #footer .footer_top h5 { font-size: 20px !important; } #footer .footer_bottom p, #footer .footer_bottom a { font-size: 14px !important; } /* Footer — aranjare desktop (mobil: sr-mobile.css, neschimbat) */ /* padding stânga/dreapta vine din regula de bază (50px, ca la conținut) */ @media (min-width: 992px) { #footer .footer_middle { padding-top: 52px !important; padding-bottom: 52px !important; } #footer .footer_middle > .container > .row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 0.95fr) minmax(180px, 0.6fr); column-gap: clamp(28px, 3vw, 48px); row-gap: 20px; align-items: start; margin-left: 0; margin-right: 0; } #footer .footer_middle > .container > .row > [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: none !important; padding-left: 0 !important; padding-right: 0 !important; } #footer .footer_middle h5 { margin-top: 0 !important; margin-bottom: 18px !important; } #footer .footer_middle .middle-content { grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr) !important; gap: 20px 40px !important; align-items: start; } #footer .footer_middle .middle-content .footer_aboutus_cms { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } #footer .footer_middle .middle-content .footer_contact { padding: 4px 0 4px 32px !important; border-left: 1px solid #e5e7eb; min-height: 0; } #footer .footer_middle .middle-content .footer_contact::after { display: none !important; } #footer .footer_middle .middle-content .footer_contact hr { width: 100%; margin: 1rem 0 !important; opacity: 1; } #footer .footer_middle .middle-content .footer_contact .contact { margin-bottom: 16px; } #footer .footer_middle .footer_aboutus_cms__map { height: 118px; } #footer .footer_middle .column .footer-toggle { margin-bottom: 0; } #footer .footer_middle li + li { margin-top: 10px; } #footer .footer_bottom .bottom-content { align-items: center; gap: 16px; } } /* Footer — tabletă (ex. 1024px): padding redus; tipografia în sr-footer.css */ @media (min-width: 992px) and (max-width: 1199.98px) { #footer .footer_middle { padding-top: 36px !important; padding-bottom: 36px !important; } #footer .footer_middle h5 { margin-bottom: 12px !important; min-height: 0; } #footer .footer_top, #footer .footer_top h5 { font-size: 16px !important; } #footer .footer_top p, #footer .footer_top a { font-size: 14px !important; } #footer .footer_bottom p, #footer .footer_bottom a { font-size: 14px !important; } #footer .footer_middle > .container > .row { column-gap: 20px; row-gap: 16px; } #footer .footer_middle .middle-content { gap: 16px 24px !important; } #footer .footer_middle .footer_aboutus_cms__map { height: 120px; } #footer .footer_middle li + li { margin-top: 6px; } } @media (max-width: 575.98px) { #footer .footer_top > .container, #footer .footer_middle > .container, #footer .footer_bottom > .container { padding-left: 16px !important; padding-right: 16px !important; } } #header #menu .navbar-nav > li > a, #header #menu .navbar-nav .dropdown .see-all { color: #111827 !important; } #menu { background-color: transparent !important; background-image: none !important; border-color: var(--border-color, #dfe0e1) !important; } #menu .see-all:hover, #menu .see-all:focus, #menu .dropdown-inner ul li a:hover { background-color: transparent !important; background-image: none !important; } .blog-block .zoom-post a { background: var(--sr-btn-bg) !important; } ul.megamenu .title-submenu { color: #111827; } /* —— Creare cont (fără coloană cont stânga) —— */ /* Pagini autentificare / contact — fără benzi laterale uriașe */ .sr-login__container, .sr-register__container, .sr-account-success__container, .sr-account-reset__container, #information-contact.sr-contact.container { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: clamp(16px, 4vw, 48px) !important; padding-right: clamp(16px, 4vw, 48px) !important; box-sizing: border-box !important; } .sr-login__shell, .sr-register__shell, .sr-account-success__shell, .sr-account-reset__shell { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } .sr-register { padding: 24px 0 64px; background: linear-gradient(180deg, #f4fbfb 0%, #fff 42%); } .sr-register__container { max-width: none; } .sr-register__shell { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(360px, 1.15fr); gap: 0; align-items: stretch; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 50px rgba(17, 24, 39, 0.1); border: 1px solid #e5e7eb; background: #fff; } .sr-register__hero { position: relative; padding: 56px 32px; background: linear-gradient(145deg, #39e48e 0%, #2ec0b8 39%, #23a8a6 73%, #1b9186 100%); } .sr-register__hero--mob, .sr-register__hero-gradient, .sr-register__wave-svg, .sr-register__logo-stack, .sr-register__logo-orbit-ring, .sr-register__logo-orbit, .sr-register__quick { display: none; } .sr-register__logo--orbit { filter: none; } @media (min-width: 992px) { .sr-register__hero--mob { display: none !important; } } .sr-register__hero-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; min-height: 100%; height: 100%; width: 100%; } .sr-register__logo-link { display: block; text-decoration: none; line-height: 0; } .sr-register__logo-link:hover { opacity: 0.9; text-decoration: none; } .sr-register__logo { display: block; width: auto; max-width: min(540px, 96%); max-height: 260px; height: auto; object-fit: contain; filter: brightness(0) invert(1); } .sr-register__panel { background: #fff; padding: 36px 40px 40px; } .sr-register__panel-head { margin-bottom: 24px; } .sr-register__form-title { font-size: 20px; font-weight: 410; margin: 0; color: #111827; } .sr-register__fieldset { border: 0; margin: 0 0 24px; padding: 0; } .sr-register__fieldset--compact { margin-bottom: 16px; } /* Newsletter — aliniat cu etichete/câmpuri formular */ .sr-register__fieldset--newsletter { margin-bottom: 16px; } .sr-register__newsletter.form-check.form-switch { display: flex; align-items: center; gap: 12px; min-height: 44px; padding-left: 0; margin: 0; } .sr-register__newsletter .form-check-input { width: 2.75em; height: 1.375em; margin: 0; flex-shrink: 0; cursor: pointer; } .sr-register__newsletter .form-check-label { font-size: 14px; font-weight: 400; line-height: 1.45; color: #111827; cursor: pointer; padding-top: 0; } .sr-register__legend { font-size: 13px; font-weight: 420; letter-spacing: 0.08em; text-transform: uppercase; color: #6b7280; margin-bottom: 16px; padding: 0; float: none; width: 100%; } .sr-register__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .sr-register__field { margin-bottom: 16px; } .sr-register__field .form-label { font-size: 14px; font-weight: 415; color: #374151; margin-bottom: 6px; } .sr-register__field .form-control, .sr-register__field .form-select { border-radius: 10px; border-color: #d1d5db; min-height: 44px; font-size: 14px; } .sr-register__field .form-control:focus, .sr-register__field .form-select:focus { border-color: var(--sr-band-cyan); box-shadow: 0 0 0 3px rgba(40, 199, 208, 0.2); } .sr-password-toggle .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .sr-password-toggle__btn { border: 1px solid #d1d5db; border-left: 0; border-radius: 0 10px 10px 0; background: #f9fafb; color: #6b7280; padding: 0 14px; min-height: 44px; } .sr-password-toggle__btn:hover, .sr-password-toggle__btn:focus { background: #f3f4f6; color: #111827; border-color: #d1d5db; } .sr-password-toggle .form-control:focus + .sr-password-toggle__btn { border-color: var(--sr-band-cyan); } .sr-register__captcha { margin-bottom: 20px; } .sr-register__actions { display: flex; flex-direction: column; align-items: stretch; gap: 16px; width: 100%; max-width: 100%; min-width: 0; padding-top: 8px; border-top: 1px solid #eef2f4; } .sr-register__agree { flex: none; width: 100%; max-width: 100%; min-width: 0; margin: 0; } .sr-register__agree.form-check { display: flex; align-items: flex-start; gap: 0.5rem; padding-left: 0; } .sr-register__agree .form-check-input { flex-shrink: 0; margin-top: 0.2em; } .sr-register__agree .form-check-label { flex: 1 1 auto; min-width: 0; max-width: 100%; font-size: 14px; line-height: 1.45; overflow-wrap: break-word; } .sr-register__submit { width: 100%; max-width: 100%; min-width: 0; min-height: 42px; padding: 9px 28px; border-radius: 999px; font-weight: 400; font-size: 14px; line-height: 1.2; letter-spacing: 0.07em; display: inline-flex; align-items: center; justify-content: center; } /* —— Autentificare (layout dedicat) —— */ .sr-login { padding: 24px 0 64px; background: linear-gradient(180deg, #f4fbfb 0%, #fff 46%); } .sr-login__container { max-width: none; } .sr-login .invalid-feedback, .sr-register .invalid-feedback { font-size: 13px; } .sr-login__breadcrumb, .sr-register__breadcrumb { margin-bottom: 20px; font-size: 14px; } .sr-login__shell { display: grid; grid-template-columns: minmax(280px, 0.95fr) minmax(340px, 1.05fr); gap: 0; border-radius: 20px; overflow: hidden; border: 1px solid #e5e7eb; box-shadow: 0 20px 50px rgba(17, 24, 39, 0.1); background: #fff; } .sr-login__hero { position: relative; padding: 40px 32px; background: linear-gradient(145deg, #39e48e 0%, #2ec0b8 39%, #23a8a6 73%, #1b9186 100%); } .sr-login__hero--mob, .sr-login__hero-gradient, .sr-login__wave-svg, .sr-login__logo-stack, .sr-login__logo-orbit-ring, .sr-login__logo-orbit, .sr-login__quick, .sr-login__forgotten--mob, .sr-login__pw-label-mob { display: none; } @media (min-width: 992px) { .sr-login__hero--mob { display: none !important; } } .sr-login__logo--orbit { filter: none; } .sr-login__hero-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; text-align: center; } .sr-login__logo-link { display: block; line-height: 0; text-decoration: none; } .sr-login__logo { display: block; width: auto; max-width: min(640px, 98%); max-height: 300px; margin: 0 auto; object-fit: contain; } .sr-login__logo--hero { filter: brightness(0) invert(1); } .sr-login__quick { display: none; margin: 0; padding: 0; text-align: center; } .sr-login__panel { display: flex; flex-direction: column; justify-content: center; padding: 36px 40px 40px; } .sr-login__panel-head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; } .sr-login__icon { flex-shrink: 0; width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(40, 199, 208, 0.14); color: #0f766e; font-size: 1.35rem; } .sr-login__panel-intro { flex: 1; min-width: 0; } .sr-login__title { margin: 0 0 4px; font-size: 20px; font-weight: 410; color: #111827; line-height: 1.2; } .sr-login__lead { margin: 0; font-size: 15px; line-height: 1.5; color: #6b7280; } .sr-login__alert { margin-bottom: 1rem; font-size: 14px; } .sr-login__form { max-width: 100%; } .sr-login__field { margin-bottom: 1.1rem; } .sr-login__field .form-label { font-size: 14px; font-weight: 415; color: #374151; margin-bottom: 6px; } .sr-login__label-row { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 6px; } .sr-login__field .form-control { border-radius: 10px; border-color: #d1d5db; min-height: 46px; font-size: 14px; } .sr-login__field .form-control:focus { border-color: #28c7d0; box-shadow: 0 0 0 3px rgba(40, 199, 208, 0.2); } .sr-login .sr-password-toggle .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .sr-login .sr-password-toggle__btn { min-height: 46px; } .sr-login__forgotten { font-size: 14px; color: #0f766e; text-decoration: none; font-weight: 500; white-space: nowrap; } .sr-login__forgotten:hover { color: #0b5a54; text-decoration: underline; } .sr-login__submit { width: 100%; min-height: 42px; margin-top: 0.5rem; padding: 9px 24px; border-radius: 999px; font-size: 14px; font-weight: 400; line-height: 1.2; letter-spacing: 0.07em; background: #111827; border-color: #111827; color: #fff; display: inline-flex; align-items: center; justify-content: center; } .sr-login__submit:hover, .sr-login__submit:focus { background: #1f2937; border-color: #1f2937; color: #fff; } .sr-login__divider, .sr-register__divider { display: flex; align-items: center; gap: 1rem; margin: 1.75rem 0 1.5rem; color: #9ca3af; font-size: 14px; font-weight: 400; letter-spacing: 0.06em; text-transform: lowercase; } .sr-login__divider::before, .sr-login__divider::after { content: ''; flex: 1; height: 1px; background: #e5e7eb; } .sr-login__register { margin-top: 0; } .sr-login__register-card { padding: 20px 22px 22px; border-radius: 12px; background: #f8fafc; border: 1px solid #e5e7eb; text-align: left; } .sr-login__register-title { margin: 0 0 0.5rem; font-size: 16px; font-weight: 410; color: #111827; line-height: 1.35; } .sr-login__register-lead { margin: 0 0 1.15rem; font-size: 14px; line-height: 1.55; color: #6b7280; } .sr-login__register-btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; border-radius: 999px; font-weight: 400; font-size: 14px; line-height: 1.2; letter-spacing: 0.07em; padding: 9px 22px; background: #fff; border-color: #d1d5db; color: #374151; text-align: center; } .sr-login__register-btn:hover, .sr-login__register-btn:focus { background: #f9fafb; border-color: #9ca3af; color: #111827; } /* (curățat 09.07) bump-uri butoane login/register/contact 992/2000 eliminate — rămân pe baza 15px. */ @media (min-width: 2000px) { #modal-information .modal-body { } /* Creare cont — doar titlul bold; restul +1px; titlu +2px */ body.account-register #account-register .sr-register__form-title { font-weight: 410 !important; } body.account-register #account-register .sr-register__legend { font-weight: 420 !important; } body.account-register #account-register .sr-register__field .form-label { font-weight: 415 !important; } body.account-register #account-register .sr-register__field .form-control, body.account-register #account-register .sr-register__field .form-select { } body.account-register #account-register .sr-register__newsletter .form-check-label { font-weight: 400 !important; color: #111827 !important; } body.account-register #account-register .sr-register__agree .form-check-label { font-weight: 400 !important; } body.account-register #account-register .sr-register__agree .form-check-label b, body.account-register #account-register .sr-register__agree .form-check-label strong { font-weight: 400 !important; } body.account-register #account-register .sr-register__breadcrumb { } body.account-register #account-register .sr-register__divider { font-weight: 400 !important; } body.account-register #account-register .invalid-feedback { } body.account-register #account-register .sr-login__register-lead { color: #111827 !important; line-height: 1.55 !important; } /* Autentificare — aceeași scară ca Creare cont */ body.account-login #account-login .sr-login__title { font-weight: 410 !important; } body.account-login #account-login .sr-login__lead { font-weight: 400 !important; color: #111827 !important; line-height: 1.55 !important; } body.account-login #account-login .sr-login__field .form-label { font-weight: 415 !important; } body.account-login #account-login .sr-login__field .form-control { } body.account-login #account-login .sr-login__breadcrumb { } body.account-login #account-login .sr-login__divider { font-weight: 400 !important; } body.account-login #account-login .sr-login__forgotten { font-weight: 400 !important; } body.account-login #account-login .sr-login__alert { } body.account-login #account-login .invalid-feedback { } body.account-login #account-login .sr-login__register-lead { color: #111827 !important; line-height: 1.55 !important; } } /* Autentificare / Creare cont — secțiune card secundar: text negru + buton vizibil */ @media (min-width: 992px) { #account-register .sr-login__register-lead, #account-login .sr-login__register-lead { color: #111827; line-height: 1.55; } #account-register .sr-login__register-btn, #account-login .sr-login__register-btn { background: #ffffff !important; border: 2px solid #111827 !important; color: #111827 !important; box-shadow: none !important; } #account-register .sr-login__register-btn:hover, #account-register .sr-login__register-btn:focus, #account-register .sr-login__register-btn:active, #account-login .sr-login__register-btn:hover, #account-login .sr-login__register-btn:focus, #account-login .sr-login__register-btn:active { background: #f9fafb !important; border-color: #111827 !important; color: #111827 !important; } } @media (max-width: 991px) { #account-login .sr-login__hero--desk { display: none !important; } #account-login .sr-login__hero--mob { display: block; } body.account-login .breadcrumb-container { display: none !important; } body.account-login #content > .container-fluid, body.account-login #content > .container { padding-top: 0; } #account-login.sr-login { display: flex; align-items: center; justify-content: center; padding: 12px 14px 24px; margin: 0; background: #ffffff; min-height: calc(100dvh - 58px); } #account-login .sr-login__breadcrumb { display: none !important; } #account-login .sr-login__container { width: 100%; max-width: 380px; margin: 0 auto; padding: 0; } #account-login .sr-login__shell { display: block; width: 100%; margin: 0; border: 0; border-radius: 28px; background: #fff; box-shadow: 0 20px 48px rgba(15, 23, 42, 0.16); overflow: visible; container-type: inline-size; } #account-login .sr-login__hero--mob { position: relative; padding: 0; min-height: 0; height: 152px; border-radius: 28px 28px 0 0; overflow: visible; background: transparent; --sr-login-hero-h: 152px; --sr-login-ring-size: 208px; --sr-login-ring-bg-offset: -16px; } #account-login .sr-login__hero-gradient { display: block; position: absolute; inset: 0 0 0 0; border-radius: 28px 28px 0 0; background: var(--sr-band-gradient); z-index: 0; } #account-login .sr-login__wave-svg { display: block; position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 52px; z-index: 1; pointer-events: none; } #account-login .sr-login__logo-stack { display: block; position: absolute; left: 50%; bottom: -72px; transform: translateX(-50%); z-index: 4; width: var(--sr-login-ring-size); height: var(--sr-login-ring-size); overflow: visible; pointer-events: none; } /* Cerc degradé — strat 1 = blend cu header, strat 2 = restul cercului */ #account-login .sr-login__logo-orbit-ring { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; width: var(--sr-login-ring-size); height: var(--sr-login-ring-size); border-radius: 50%; background-color: transparent !important; background-image: linear-gradient(135deg, #4fffb0 0%, #28c7d0 100%), linear-gradient(135deg, #4fffb0 0%, #28c7d0 100%) !important; background-size: 100cqw var(--sr-login-hero-h), 100% 100% !important; background-position: center var(--sr-login-ring-bg-offset), center center !important; background-repeat: no-repeat !important; box-shadow: none !important; filter: none; } #account-login .sr-login__logo-orbit { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 168px; height: 168px; padding: 2px; border-radius: 50%; background: #fff; box-shadow: 0 10px 28px rgba(17, 24, 39, 0.14); pointer-events: auto; } #account-login .sr-login__logo-orbit .sr-login__logo-link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } #account-login .sr-login__logo--orbit { display: block; width: 152px; max-width: 152px; height: auto; max-height: none; margin: 0; object-fit: contain; filter: none; } #account-login .sr-login__logo--orbit.sr-login__logo--icon-only { width: 164px; max-width: 164px; max-height: 164px; object-fit: contain; } #account-login .sr-login__panel { position: relative; z-index: 2; padding: 90px 30px 32px; border-radius: 0 0 28px 28px; background: #fff; } #account-login .sr-login__panel-head { display: none; } #account-login .sr-login__label-row { display: none; } #account-login .sr-login__pw-label-mob { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 415; color: #111827; } #account-login .sr-login__field { margin-bottom: 1.5rem; } #account-login .sr-login__field .form-label { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 415; color: #111827; } #account-login .sr-login__field .form-control { display: block; width: 100%; min-height: 40px; padding: 8px 0 10px; border: 0 !important; border-bottom: 1px solid #d1d5db !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; /* 16px pe mobil = fără zoom automat la focus în iOS Safari */ font-size: 16px; color: #111827; } #account-login .sr-login__field .form-control:-webkit-autofill, #account-login .sr-login__field .form-control:-webkit-autofill:hover, #account-login .sr-login__field .form-control:-webkit-autofill:focus { -webkit-text-fill-color: #111827; -webkit-box-shadow: 0 0 0 1000px #fff inset !important; box-shadow: 0 0 0 1000px #fff inset !important; transition: background-color 99999s ease-out 0s; } #account-login .sr-login__field .form-label.required::after, #account-login .sr-login__pw-label-mob.required::after { color: #111827; } #account-login .sr-login__field .form-control::placeholder { color: #6b7280; font-weight: 400; } #account-login .sr-login__field .form-control:focus { border-bottom-color: #374151 !important; box-shadow: none !important; outline: none; background: transparent !important; } #account-login .sr-login__field--password .sr-password-toggle { display: block; width: 100%; border: 0; border-radius: 0; background: transparent; } #account-login .sr-login__field--password .sr-password-toggle .form-control { width: 100%; border: 0 !important; border-bottom: 1px solid #d1d5db !important; background: transparent !important; } #account-login .sr-login__field--password .sr-password-toggle__btn { display: none; } #account-login .sr-login__forgotten--mob { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 500; color: #374151; text-decoration: none; } #account-login .sr-login__forgotten--mob:hover { color: #111827; text-decoration: underline; } #account-login .sr-login__submit { width: 100%; margin-top: 1.75rem; padding: 14px 24px; border: 2px solid #111827 !important; border-radius: 10px; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0.07em !important; background: #ffffff !important; background-image: none !important; color: #111827 !important; box-shadow: none !important; } #account-login .sr-login__submit:hover, #account-login .sr-login__submit:focus, #account-login .sr-login__submit:active { background: #f9fafb !important; background-image: none !important; color: #111827 !important; border-color: #111827 !important; box-shadow: none !important; } #account-login .sr-login__register-btn { font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0.07em !important; } #account-login .sr-login__quick { display: block; margin: 1.25rem 0 0; padding: 0; text-align: center; } #account-login .sr-login__quick-link { font-size: 14px; font-weight: 500; color: #111827; text-decoration: none; } #account-login .sr-login__quick-link:hover { color: #000; text-decoration: underline; } #account-login .sr-login__divider, #account-login .sr-login__register { display: none !important; } /* —— Înregistrare mobil: același card ca autentificare —— */ #account-register .sr-register__hero--desk { display: none !important; } #account-register .sr-register__hero--mob { display: block; } body.account-register .breadcrumb-container { display: none !important; } body.account-register #content > .container-fluid, body.account-register #content > .container { padding-top: 0; } #account-register.sr-register { display: flex; align-items: center; justify-content: center; padding: 12px 14px 24px; margin: 0; background: #ffffff; min-height: calc(100dvh - 58px); } #account-register .sr-register__breadcrumb { display: none !important; } #account-register .sr-register__container { width: 100%; max-width: 380px; margin: 0 auto; padding: 0; } #account-register .sr-register__shell { display: block; width: 100%; margin: 0; border: 0; border-radius: 28px; background: #fff; box-shadow: 0 20px 48px rgba(15, 23, 42, 0.16); overflow: visible; container-type: inline-size; } #account-register .sr-register__hero--mob { position: relative; padding: 0; min-height: 0; height: 152px; border-radius: 28px 28px 0 0; overflow: visible; background: transparent; --sr-login-hero-h: 152px; --sr-login-ring-size: 208px; --sr-login-ring-bg-offset: -16px; } #account-register .sr-register__hero--mob .sr-register__hero-gradient { display: block; position: absolute; inset: 0 0 0 0; border-radius: 28px 28px 0 0; background: var(--sr-band-gradient); z-index: 0; } #account-register .sr-register__wave-svg { display: block; position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 52px; z-index: 1; pointer-events: none; } #account-register .sr-register__logo-stack { display: block; position: absolute; left: 50%; bottom: -72px; transform: translateX(-50%); z-index: 4; width: var(--sr-login-ring-size); height: var(--sr-login-ring-size); overflow: visible; pointer-events: none; } #account-register .sr-register__logo-orbit-ring { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; width: var(--sr-login-ring-size); height: var(--sr-login-ring-size); border-radius: 50%; background-color: transparent !important; background-image: linear-gradient(135deg, #4fffb0 0%, #28c7d0 100%), linear-gradient(135deg, #4fffb0 0%, #28c7d0 100%) !important; background-size: 100cqw var(--sr-login-hero-h), 100% 100% !important; background-position: center var(--sr-login-ring-bg-offset), center center !important; background-repeat: no-repeat !important; box-shadow: none !important; filter: none; } #account-register .sr-register__logo-orbit { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 168px; height: 168px; padding: 2px; border-radius: 50%; background: #fff; box-shadow: 0 10px 28px rgba(17, 24, 39, 0.14); pointer-events: auto; } #account-register .sr-register__logo-orbit .sr-register__logo-link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } #account-register .sr-register__logo--orbit { display: block; width: 152px; max-width: 152px; height: auto; max-height: none; margin: 0; object-fit: contain; filter: none; } #account-register .sr-register__logo--orbit.sr-register__logo--icon-only { width: 164px; max-width: 164px; max-height: 164px; object-fit: contain; } #account-register .sr-register__panel { position: relative; z-index: 2; padding: 90px 30px 28px; border-radius: 0 0 28px 28px; background: #fff; } #account-register .sr-register__panel-head { display: none; } #account-register .sr-register__legend { display: none; } #account-register .sr-register__fieldset { margin-bottom: 1.25rem; } #account-register .sr-register__grid { display: block; } #account-register .sr-register__field { margin-bottom: 1.35rem; } #account-register .sr-register__field .form-label { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 415; color: #111827; } #account-register .sr-register__field .form-label.required::after { color: #111827; } #account-register .sr-register__field .form-control, #account-register .sr-register__field .form-select { display: block; width: 100%; min-height: 40px; padding: 8px 0 10px; border: 0 !important; border-bottom: 1px solid #d1d5db !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; /* 16px pe mobil = fără zoom automat la focus în iOS Safari */ font-size: 16px; color: #111827; } #account-register .sr-register__field .form-control::placeholder { color: #6b7280; font-weight: 400; } #account-register .sr-register__field .form-control:focus, #account-register .sr-register__field .form-select:focus { border-bottom-color: #374151 !important; box-shadow: none !important; outline: none; background: transparent !important; } #account-register .sr-register__field .sr-password-toggle { display: block; width: 100%; border: 0; border-radius: 0; background: transparent; } #account-register .sr-register__field .sr-password-toggle .form-control { width: 100%; border: 0 !important; border-bottom: 1px solid #d1d5db !important; background: transparent !important; border-radius: 0 !important; } #account-register .sr-register__field .sr-password-toggle__btn { display: none; } #account-register .sr-register__newsletter.form-check.form-switch { min-height: auto; padding: 4px 0; } #account-register .sr-register__newsletter .form-check-label { color: #111827; font-weight: 415; font-size: 14px; } #account-register .sr-register__captcha { margin-bottom: 1.25rem; } #account-register .sr-register__actions { flex-direction: column; align-items: stretch; gap: 1rem; padding-top: 0; border-top: 0; margin-top: 0.5rem; } #account-register .sr-register__agree { flex: none; width: 100%; } #account-register .sr-register__agree .form-check-label { font-size: 14px; color: #374151; } #account-register .sr-register__submit { width: 100%; min-width: 0; margin-top: 0.25rem; padding: 14px 24px; border: 2px solid #111827 !important; border-radius: 10px; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0.07em !important; background: #ffffff !important; background-image: none !important; color: #111827 !important; box-shadow: none !important; } #account-register .sr-register__submit:hover, #account-register .sr-register__submit:focus, #account-register .sr-register__submit:active { background: #f9fafb !important; background-image: none !important; color: #111827 !important; border-color: #111827 !important; box-shadow: none !important; } #account-register .sr-register__quick { display: block; margin: 1.25rem 0 0; padding: 0; text-align: center; } #account-register .sr-register__quick-link { font-size: 14px; font-weight: 500; color: #111827; text-decoration: none; } #account-register .sr-register__quick-link:hover { color: #000; text-decoration: underline; } #account-register .sr-login__divider, #account-register .sr-register__divider { font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0.07em !important; } #account-register .sr-login__register-btn { font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0.07em !important; } } /* Checkout — facturare PF/PJ */ .sr-checkout-billing .form-check-inline { margin-right: 1.25rem; } .sr-billing-type { margin-bottom: 20px; padding: 16px 18px; border-radius: 14px; background: #f8fafc; border: 1px solid #e5e7eb; } .sr-billing-type__title { margin: 0 0 12px; font-size: 1rem; font-weight: 400; color: #111827; } .sr-checkout-delivery__lead, .sr-checkout-billing-flow__lead { margin: 0 0 16px; color: #5c6570; font-size: 0.9375rem; line-height: 1.5; } .sr-billing-type__lead { margin: -4px 0 12px; color: #5c6570; font-size: 0.9375rem; line-height: 1.45; } .sr-checkout-panel__billing { margin-bottom: 18px; } .sr-billing-type__switch { display: inline-flex; flex-wrap: wrap; gap: 8px; padding: 4px; border-radius: 12px; background: #fff; border: 1px solid #e5e7eb; } .sr-billing-type__option { position: relative; margin: 0; cursor: pointer; } .sr-billing-type__option input { position: absolute; opacity: 0; pointer-events: none; } .sr-billing-type__option span { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border-radius: 10px; font-size: 0.9375rem; font-weight: 400; color: #374151; transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; } .sr-billing-type__option input:checked + span { background: #111827; color: #fff; box-shadow: 0 6px 16px rgba(17, 24, 39, 0.18); } .sr-billing-type__pj { margin-top: 14px; } .sr-checkout-billing .sr-billing-delivery-choice .form-check { margin-bottom: 0.35rem; } .sr-delivery-toggle { margin-top: 0.5rem; padding-top: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.08); } .sr-delivery-toggle__hint { margin: 0 0 0.75rem; color: #5c6570; font-size: 0.95rem; } .sr-delivery-toggle__btn { width: 100%; max-width: 420px; } .sr-combo { position: relative; overflow: visible; } .sr-combo.is-open { z-index: 120; } #checkout-checkout .col.mb-3:has(.sr-combo.is-open), #checkout-checkout fieldset .col.mb-3:has(.sr-combo.is-open) { overflow: visible; position: relative; z-index: 119; } #sr-delivery-fieldset, #sr-delivery-fieldset > .row, #checkout-payment-address fieldset, #checkout-shipping-address fieldset { overflow: visible; } .sr-combo.is-open .sr-combo__list { display: block !important; visibility: visible; z-index: 121; } .sr-combo__input { width: 100%; padding-right: 2.85rem; } .sr-combo__select { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; overflow: hidden; clip: rect(0, 0, 0, 0); } .sr-combo__edge { position: absolute; top: 1px; right: 1px; bottom: 1px; width: 2.65rem; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.12); background: #f3f4f6; color: #4b5563; border-radius: 0 calc(var(--bs-border-radius, 0.375rem) - 1px) calc(var(--bs-border-radius, 0.375rem) - 1px) 0; cursor: pointer; } .sr-combo__edge:hover { background: #e9ecef; } .sr-combo__list { position: absolute; z-index: 30; top: calc(100% + 2px); left: 0; right: 2.65rem; max-height: 240px; margin: 0; padding: 0.25rem 0; overflow-y: auto; list-style: none; background: #fff; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0.375rem; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); } .sr-combo__item { padding: 0.45rem 0.75rem; cursor: pointer; font-size: 0.95rem; } .sr-combo__item:hover, .sr-combo__item:focus { background: rgba(0, 0, 0, 0.05); } .sr-combo__divider { padding: 0.5rem 0.75rem 0.35rem; font-size: 0.75rem; font-weight: 410; letter-spacing: 0.04em; text-transform: uppercase; color: #6b7280; cursor: default; pointer-events: none; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 0.25rem; background: #f8f9fa; } select.sr-combo__select option.sr-combo__divider { font-weight: 410; color: #6b7280; background: #f3f4f6; } @media (max-width: 767.98px) { .sr-combo__list { right: 0; } } #sr-billing-fieldset legend, .sr-checkout-billing + legend { font-weight: 410; } /* Contact — anulează CSS vechi Avanam (#information-contact .card { float; width:28% }) */ #information-contact.sr-contact .card, #information-contact.sr-contact .sr-contact-panel { float: none !important; width: 100% !important; max-width: none !important; margin-right: 0 !important; clear: both; } #information-contact.sr-contact #form-contact fieldset { border: 0; padding: 0; margin: 0; } #information-contact.sr-contact .text-end { float: none !important; width: 100% !important; margin-top: 0 !important; } .sr-contact { padding-bottom: 48px; } .sr-contact__title { margin-bottom: 1.5rem; } .sr-contact__inner { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: start; max-width: 720px; margin: 0 auto; } .sr-contact-panel { display: flex; flex-direction: column; height: auto; min-height: 0; padding: 1.5rem 1.75rem; border: 1px solid #e5e7eb; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.06); } .sr-contact-panel--store { font-size: 1rem; padding-bottom: 1rem; } .sr-contact-panel--store .sr-contact-panel__title { font-size: 1.25rem; } .sr-contact-panel--store .sr-contact-panel__map-area { display: flex; flex: 1 1 auto; flex-direction: column; align-items: center; min-height: 0; margin-top: 0.25rem; } .sr-contact-panel--form { justify-content: flex-start; padding: 1.35rem 1.75rem 1.1rem; font-size: 1.0625rem; } .sr-contact-form { display: block; margin: 0; } .sr-contact-form__fields { display: block; } .sr-contact-form__grow { margin-bottom: 0 !important; } .sr-contact-form__message { margin-bottom: 0 !important; display: flex; flex-direction: column; min-height: 0; } .sr-contact-form__message textarea, .sr-contact-form__textarea { width: 100%; min-height: clamp(112px, 20vh, 168px); height: auto; resize: none; } .sr-contact-panel__title { margin: 0 0 1rem; font-size: 16px; font-weight: 410; color: #111827; line-height: 1.3; } .sr-contact-panel--form .sr-contact-panel__title { font-size: 16px; margin-bottom: 0.75rem; } .sr-contact-details { margin: 0 0 0.75rem; padding: 0 0 0.75rem; border-bottom: 1px solid #e5e7eb; } .sr-contact-details__row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.5rem; margin: 0 0 0.5rem; line-height: 1.45; } .sr-contact-details__row:last-child { margin-bottom: 0; } .sr-contact-details__row--stack { flex-direction: column; align-items: flex-start; gap: 0.2rem; } .sr-contact-details dt { margin: 0; font-weight: 410; color: #374151; } .sr-contact-details dd { margin: 0; color: #111827; } #information-contact.sr-contact .sr-contact-details dd a, #information-contact.sr-contact .sr-contact-details dd a:link, #information-contact.sr-contact .sr-contact-details dd a:visited { color: #111827 !important; font-weight: 500; text-decoration: none; } #information-contact.sr-contact .sr-contact-details dd a:hover, #information-contact.sr-contact .sr-contact-details dd a:focus { color: #111827 !important; text-decoration: underline; } .sr-contact-panel__address { margin: 0 0 0.75rem; font-style: normal; line-height: 1.55; color: #374151; } .sr-contact-panel__map { width: 100%; min-height: 280px; height: 280px; border-radius: 12px; overflow: hidden; border: 1px solid #e5e7eb; background: #e5e7eb; } .sr-contact-panel__map iframe { display: block; width: 100%; height: 100%; min-height: 220px; border: 0; } .sr-contact-panel__map-btn { display: inline-flex; align-items: center; align-self: center; gap: 6px; flex-shrink: 0; width: auto; max-width: 100%; margin-top: 0.75rem; padding: 6px 12px; border-radius: 999px; border: 1px solid #e5e7eb !important; background: #f3f4f6 !important; background-image: none !important; color: #111827 !important; font-size: 14px; font-weight: 400; letter-spacing: 0.03em; line-height: 1.35; text-decoration: none; box-shadow: none !important; } .sr-contact-panel__map-btn:hover, .sr-contact-panel__map-btn:focus, .sr-contact-panel__map-btn:active { background: #e5e7eb !important; background-image: none !important; border-color: #d1d5db !important; color: #111827 !important; font-weight: 400; } .sr-contact-panel__map-btn i { font-size: 0.85em; color: #111827; } .sr-contact-panel__note { margin: 1rem 0 0; font-size: 0.9rem; line-height: 1.5; color: #6b7280; } .sr-contact-panel__lead { margin: -0.25rem 0 1.25rem; font-size: 1.0625rem; line-height: 1.6; color: #4b5563; } .sr-contact-form__fields .mb-3:last-of-type { margin-bottom: 0.75rem !important; } .sr-contact-form__grow textarea { width: 100%; min-height: clamp(112px, 20vh, 168px); height: auto; resize: none; } .sr-contact-form .form-label { font-weight: 410; font-size: 15px; color: #374151; } .sr-contact-form .form-control { font-size: 14px; line-height: 1.5; border-radius: 10px; } .sr-contact-form .form-select { font-size: 14px; line-height: 1.5; border-radius: 10px; min-height: 46px; padding: 0.55rem 2.25rem 0.55rem 0.95rem; } .sr-contact-form .form-control:focus { border-color: #28c7d0; box-shadow: 0 0 0 3px rgba(40, 199, 208, 0.2); } .sr-contact-form .form-select:focus { border-color: #28c7d0; box-shadow: 0 0 0 3px rgba(40, 199, 208, 0.2); } .sr-contact-form__actions { display: flex; flex-shrink: 0; justify-content: flex-end; margin-top: 0.75rem; margin-bottom: 0; padding-top: 0; } .sr-contact-form__actions .btn { min-width: 10rem; border-radius: 999px; font-size: 14px; font-weight: 400; letter-spacing: 0.07em; } @media (min-width: 992px) { .sr-contact-form__actions .btn { font-size: 14px; } /* Asistență: două carduri egale, late pe toată zona de conținut, fără goluri laterale */ #information-contact.sr-contact.container { padding-left: max(16px, 1.5vw) !important; padding-right: max(16px, 1.5vw) !important; } #information-contact.sr-contact #content { max-width: none; } #information-contact.sr-contact { padding-bottom: 56px; } #information-contact.sr-contact .sr-contact__title { font-size: 20px; margin-bottom: 1.75rem; } #information-contact.sr-contact .sr-contact__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.75rem; align-items: stretch; max-width: none; width: 100%; margin: 0; } #information-contact.sr-contact .sr-contact-panel { height: 100%; min-height: clamp(520px, 58vh, 680px); padding: 2rem 2.25rem; border-radius: 18px; box-shadow: 0 10px 32px rgba(17, 24, 39, 0.07); } #information-contact.sr-contact .sr-contact-panel--store { order: 1; font-size: 1.0625rem; } #information-contact.sr-contact .sr-contact-panel--form { order: 2; padding: 2rem 2.25rem 1.75rem; font-size: 1.125rem; } #information-contact.sr-contact .sr-contact-panel--store .sr-contact-panel__map-area { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; min-height: 0; } #information-contact.sr-contact .sr-contact-panel__map { flex: 1 1 auto; min-height: 260px; height: auto; border-radius: 12px; } #information-contact.sr-contact .sr-contact-panel__map iframe { min-height: 100%; height: 100%; } #information-contact.sr-contact .sr-contact-panel__title { margin-bottom: 1rem; } #information-contact.sr-contact .sr-contact-panel--form .sr-contact-panel__title { margin-bottom: 0.75rem; } #information-contact.sr-contact .sr-contact-panel__lead { font-size: 1.0625rem; line-height: 1.6; margin-bottom: 1.25rem; } #information-contact.sr-contact .sr-contact-details { margin-bottom: 1rem; padding-bottom: 1rem; font-size: 1rem; } #information-contact.sr-contact .sr-contact-panel__address { font-size: 1rem; margin-bottom: 1rem; } #information-contact.sr-contact .sr-contact-form { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } #information-contact.sr-contact .sr-contact-form__fields { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } #information-contact.sr-contact .sr-contact-form__grow { flex: 0 0 auto; display: block; min-height: 0; margin-bottom: 0 !important; } #information-contact.sr-contact .sr-contact-form__message { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; margin-bottom: 0 !important; } #information-contact.sr-contact .sr-contact-form .form-label { font-size: 15px !important; font-weight: 410 !important; } #information-contact.sr-contact .sr-contact-form .form-control { font-size: 14px !important; min-height: 50px; padding: 0.7rem 0.95rem; border-radius: 10px; } #information-contact.sr-contact .sr-contact-form__fields .mb-3 { margin-bottom: 1rem !important; } #information-contact.sr-contact .sr-contact-form__grow textarea, #information-contact.sr-contact .sr-contact-form__message textarea { flex: 1 1 auto; min-height: clamp(160px, 28vh, 320px); height: 100%; max-height: none; font-size: 14px !important; } #information-contact.sr-contact .sr-contact-form__actions { flex-shrink: 0; margin-top: auto; padding-top: 1rem; } #information-contact.sr-contact .sr-contact-form__actions .btn { min-width: 12rem; min-height: 42px; padding-top: 6px; padding-bottom: 6px; font-size: 14px; font-weight: 400; line-height: 1.2; letter-spacing: 0.07em; } #information-contact.sr-contact .sr-contact-panel__map-btn { flex-shrink: 0; align-self: center; width: auto; margin-top: 0.85rem; padding: 6px 12px; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0.03em; } #information-contact.sr-contact .sr-contact-panel__note { flex-shrink: 0; font-size: 0.9375rem; margin-top: 0.85rem; } #account-account .sr-account-dash__contact-embed .sr-contact__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.75rem; align-items: stretch; max-width: none; width: 100%; margin: 0; } #account-account .sr-account-dash__contact-embed .sr-contact-panel { height: 100%; min-height: clamp(520px, 58vh, 680px); padding: 2rem 2.25rem; border-radius: 18px; box-shadow: 0 10px 32px rgba(17, 24, 39, 0.07); } #account-account .sr-account-dash__contact-embed .sr-contact-panel--store { order: 1; font-size: 1.0625rem; } #account-account .sr-account-dash__contact-embed .sr-contact-panel--form { order: 2; padding: 2rem 2.25rem 1.75rem; font-size: 1.125rem; } #account-account .sr-account-dash__contact-embed .sr-contact-panel--store .sr-contact-panel__map-area { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; min-height: 0; } #account-account .sr-account-dash__contact-embed .sr-contact-panel__map { flex: 1 1 auto; min-height: 260px; height: auto; border-radius: 12px; } #account-account .sr-account-dash__contact-embed .sr-contact-panel__map iframe { min-height: 100%; height: 100%; } #account-account .sr-account-dash__contact-embed .sr-contact-form { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } #account-account .sr-account-dash__contact-embed .sr-contact-form__fields { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } #account-account .sr-account-dash__contact-embed .sr-contact-form__message { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } #account-account .sr-account-dash__contact-embed .sr-contact-form__message textarea { flex: 1 1 auto; min-height: clamp(160px, 28vh, 320px); height: 100%; max-height: none; } #account-account .sr-account-dash__contact-embed .sr-contact-form__actions { flex-shrink: 0; margin-top: auto; padding-top: 1rem; } } @media (min-width: 1500px) { #information-contact.sr-contact .sr-contact-panel--store, #account-account .sr-account-dash__contact-embed .sr-contact-panel--store { } #information-contact.sr-contact .sr-contact-panel--form, #account-account .sr-account-dash__contact-embed .sr-contact-panel--form { } #information-contact.sr-contact .sr-contact-panel__title { } #account-account .sr-account-dash__contact-embed .sr-contact-panel__title { } #information-contact.sr-contact .sr-contact-panel--form .sr-contact-panel__title { } #account-account .sr-account-dash__contact-embed .sr-contact-panel--form .sr-contact-panel__title { } #information-contact.sr-contact .sr-contact-panel__lead, #account-account .sr-account-dash__contact-embed .sr-contact-panel__lead { } #information-contact.sr-contact .sr-contact-details, #account-account .sr-account-dash__contact-embed .sr-contact-details, #information-contact.sr-contact .sr-contact-panel__address, #account-account .sr-account-dash__contact-embed .sr-contact-panel__address { } #information-contact.sr-contact .sr-contact-panel__note, #account-account .sr-account-dash__contact-embed .sr-contact-panel__note { } #information-contact.sr-contact .sr-contact-panel__map-btn, #account-account .sr-account-dash__contact-embed .sr-contact-panel__map-btn { } #information-contact.sr-contact .sr-contact-form .form-label, #account-account .sr-account-dash__contact-embed .sr-contact-form .form-label { font-size: 15px !important; font-weight: 410 !important; } #information-contact.sr-contact .sr-contact-form .form-control, #information-contact.sr-contact .sr-contact-form .form-select, #information-contact.sr-contact .sr-contact-form__message textarea, #account-account .sr-account-dash__contact-embed .sr-contact-form .form-control, #account-account .sr-account-dash__contact-embed .sr-contact-form .form-select, #account-account .sr-account-dash__contact-embed .sr-contact-form__message textarea { font-size: 14px !important; } #information-contact.sr-contact .sr-contact-form__actions .btn, #account-account .sr-account-dash__contact-embed .sr-contact-form__actions .btn { } } /* Account / Checkout Success */ .sr-success { padding: 28px 0 64px; } .sr-success__row { align-items: stretch; } .sr-success__hero { width: 100%; background: linear-gradient(145deg, #39e48e 0%, #2ec0b8 39%, #23a8a6 73%, #1b9186 100%); border-radius: 20px; padding: 26px; margin: 10px 0 0; } .sr-success__card { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 16px; padding: 24px; } .sr-success__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: 0 0 16px; border-radius: 50%; background: rgba(15, 118, 110, 0.12); color: #0f766e; font-size: 1.75rem; } .sr-success__title { margin: 0 0 10px; font-size: clamp(1.45rem, 2.4vw, 1.85rem); font-weight: 410; line-height: 1.2; color: #0f172a; } .sr-success__body { margin: 0 0 22px; } .sr-success__line { margin: 0 0 12px; font-size: 1.05rem; line-height: 1.55; color: #334155; } .sr-success__line a { color: #0f766e; font-weight: 410; text-decoration: underline; } .sr-success__line a:hover { color: #0b5a54; } .sr-success__thanks { margin: 16px 0 0; font-size: 1.05rem; font-weight: 410; line-height: 1.5; color: #0f172a; } .sr-success__lead { margin: 0 0 18px; font-size: 1.05rem; line-height: 1.55; color: #334155; } .sr-success__next { margin: 0 0 16px; padding: 14px 16px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; } .sr-success__next-title { margin: 0 0 10px; font-size: 0.95rem; font-weight: 410; letter-spacing: 0.02em; text-transform: uppercase; color: #64748b; } .sr-success__steps { margin: 0; padding: 0 0 0 1.15rem; list-style: disc; } .sr-success__steps li { margin: 0 0 8px; line-height: 1.55; color: #0f172a; } .sr-success__steps li:last-child { margin-bottom: 0; } .sr-success__steps a { color: #0f766e; font-weight: 410; text-decoration: underline; } .sr-success__steps a:hover { color: #0b5a54; } .sr-success__note { margin: 0 0 20px; font-size: 0.92rem; line-height: 1.5; color: #64748b; } .sr-success__message { color: #0f172a; } .sr-success__message p { margin: 0 0 12px; line-height: 1.6; } .sr-success__message a { color: #0f766e; text-decoration: underline; } .sr-success__message a:hover { color: #0b5a54; } .sr-success__actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; } .sr-success__button, .sr-success__button-secondary { min-width: 200px; } @media (max-width: 575.98px) { .sr-success__actions .btn { width: 100%; } } /* —— Succes comandă (layout modern, 2 coloane) —— */ .sr-order-success { padding: 20px 0 72px; background: linear-gradient(180deg, #f4fbfb 0%, #ffffff 42%); } .sr-order-success__container { max-width: 1080px; } .sr-order-success__breadcrumb { margin-bottom: 22px; } .sr-order-success__shell { display: grid; grid-template-columns: minmax(240px, 0.85fr) minmax(340px, 1.15fr); border-radius: 22px; overflow: hidden; border: 1px solid #e5e7eb; box-shadow: 0 24px 56px rgba(15, 23, 42, 0.1); background: #ffffff; } .sr-order-success__brand { position: relative; padding: 44px 32px; background: linear-gradient(145deg, #39e48e 0%, #2ec0b8 42%, #23a8a6 100%); } .sr-order-success__brand::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.22), transparent 52%); pointer-events: none; } .sr-order-success__brand-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; gap: 22px; text-align: center; } .sr-order-success__logo-link { display: block; line-height: 0; text-decoration: none; } .sr-order-success__logo { display: block; width: auto; max-width: min(380px, 92%); max-height: 170px; object-fit: contain; filter: brightness(0) invert(1); } .sr-order-success__brand-name { font-size: 1.35rem; font-weight: 410; letter-spacing: 0.02em; color: #ffffff; } .sr-order-success__brand-tag { margin: 0; max-width: 280px; font-size: 1rem; line-height: 1.55; font-weight: 500; color: rgba(255, 255, 255, 0.92); } .sr-order-success__panel { padding: 34px 38px 38px; } .sr-order-success__status { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 26px; } .sr-order-success__icon { flex-shrink: 0; width: 58px; height: 58px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg, rgba(57, 228, 142, 0.2), rgba(40, 199, 208, 0.22)); color: #0f766e; font-size: 1.7rem; } .sr-order-success__badge { display: inline-block; margin-bottom: 8px; padding: 4px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 410; letter-spacing: 0.08em; text-transform: uppercase; color: #0f766e; background: rgba(15, 118, 110, 0.1); border: 1px solid rgba(15, 118, 110, 0.18); } .sr-order-success__title { margin: 0 0 8px; font-size: clamp(1.5rem, 2.5vw, 1.9rem); font-weight: 410; line-height: 1.2; color: #111827; } .sr-order-success__subtitle { margin: 0; font-size: 1rem; line-height: 1.55; color: #6b7280; } /* Succes comandă — text paragrafe (subtitlu + carduri): dimensiune comună. <992px rămâne pe regulile mobile existente (neschimbat). */ @media (min-width: 992px) { #checkout-success .sr-order-success__subtitle, #checkout-success .sr-order-success__card-text { font-size: 15px; } } @media (min-width: 1500px) { #checkout-success .sr-order-success__subtitle, #checkout-success .sr-order-success__card-text { } } .sr-order-success__cards { display: grid; gap: 12px; margin-bottom: 28px; } .sr-order-success__card { display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: start; padding: 16px 18px; border-radius: 14px; border: 1px solid #e5e7eb; background: #f9fafb; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .sr-order-success__card:hover { border-color: #cbd5e1; box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06); } .sr-order-success__card-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #ffffff; color: #0f766e; font-size: 1.1rem; border: 1px solid #e5e7eb; } .sr-order-success__card-title { margin: 0 0 6px; font-size: 0.92rem; font-weight: 410; letter-spacing: 0.03em; text-transform: uppercase; color: #6b7280; } .sr-order-success__card-text { margin: 0; font-size: 1rem; line-height: 1.55; color: #374151; } .sr-order-success__card-text a { color: #0f766e; font-weight: 410; text-decoration: underline; text-underline-offset: 2px; } .sr-order-success__card-text a:hover { color: #0b5a54; } .sr-order-success__actions { display: flex; flex-wrap: wrap; gap: 12px; } .sr-order-success__btn-primary, .sr-order-success__btn-secondary { min-width: 190px; padding: 0.7rem 1.35rem; border-radius: 10px; font-weight: 410; } .sr-order-success__btn-primary { border: none; background: var(--sr-btn-bg, #111827); } .sr-order-success__btn-primary:hover { background: var(--sr-btn-bg-hover, #374151); } .sr-order-success__btn-secondary { border-color: #d1d5db; color: #374151; } .sr-order-success__btn-secondary:hover { border-color: #9ca3af; background: #f9fafb; color: #111827; } @media (max-width: 991.98px) { .sr-order-success__shell { grid-template-columns: 1fr; } .sr-order-success__brand { padding: 32px 24px; } .sr-order-success__logo { max-height: 120px; } .sr-order-success__panel { padding: 28px 22px 30px; } } @media (max-width: 575.98px) { .sr-order-success { padding-bottom: 48px; } .sr-order-success__status { flex-direction: column; align-items: center; text-align: center; } .sr-order-success__actions .btn { width: 100%; } } /* —— Succes contact (tipografie + lățime panel) —— */ .sr-order-success--contact .sr-order-success__btn-primary { font-size: 14px; font-weight: 410; } @media (min-width: 1300px) { .sr-order-success--contact .sr-order-success__container { max-width: 1130px; } .sr-order-success--contact .sr-order-success__shell { grid-template-columns: minmax(250px, 0.72fr) minmax(420px, 1.28fr); } } @media (min-width: 1500px) { .sr-order-success--contact .sr-order-success__container { max-width: min(1540px, calc(1130px + (100vw - 1300px) * 0.42)); } .sr-order-success--contact .sr-order-success__shell { grid-template-columns: minmax(260px, 0.66fr) minmax(480px, 1.34fr); } .sr-order-success--contact .sr-order-success__title { } .sr-order-success--contact .sr-order-success__subtitle { } .sr-order-success--contact .sr-order-success__card-title { font-size: 15px; } .sr-order-success--contact .sr-order-success__card-text { } } @media (min-width: 2000px) { .sr-order-success--contact .sr-order-success__container { max-width: min(1680px, calc(1130px + (100vw - 1300px) * 0.5)); } .sr-order-success--contact .sr-order-success__shell { grid-template-columns: minmax(280px, 0.62fr) minmax(520px, 1.38fr); } .sr-order-success--contact .sr-order-success__panel { padding: 38px 48px 42px; } } @media (max-width: 991.98px) { .sr-order-success--contact .sr-order-success__card-title { font-size: 16px; } .sr-order-success--contact .sr-order-success__brand { display: none; } .sr-order-success--contact .sr-order-success__shell { grid-template-columns: 1fr; } } /* —— Succes cont (layout dedicat, fără coloană cont) —— */ .sr-account-success { padding: 24px 0 64px; background: linear-gradient(180deg, #f4fbfb 0%, #fff 46%); } .sr-account-success__container { max-width: none; } .sr-account-success__breadcrumb { margin-bottom: 20px; } .sr-account-success__shell { display: grid; grid-template-columns: minmax(260px, 0.9fr) minmax(360px, 1.1fr); gap: 0; border-radius: 20px; overflow: hidden; border: 1px solid #e5e7eb; box-shadow: 0 20px 50px rgba(17, 24, 39, 0.1); background: #fff; } .sr-account-success__hero { padding: 48px 28px; background: linear-gradient(145deg, #39e48e 0%, #2ec0b8 39%, #23a8a6 73%, #1b9186 100%); } .sr-account-success__hero-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; gap: 20px; text-align: center; } .sr-account-success__hero-tag { margin: 0; max-width: 280px; font-size: 1rem; line-height: 1.55; color: rgba(255, 255, 255, 0.92); font-weight: 500; } .sr-account-logout__icon { background: rgba(15, 23, 42, 0.08); color: #111827; } /* Pagină deconectare — tipografie identică cu layout-ul „cont creat" (convenția site: titlu 24.5px, lead 15px, corp 14px, gri 13px, butoane 14px). 20260731formsz */ .sr-account-logout .sr-account-success__breadcrumb, .sr-account-logout .sr-account-success__breadcrumb a { font-size: 1em; } .sr-account-logout .sr-account-success__title { font-size: 1.75rem; } .sr-account-logout .sr-account-success__lead { font-size: 15px; } .sr-account-logout .sr-account-success__next-title { font-size: 0.8rem; } .sr-account-logout .sr-account-success__steps, .sr-account-logout .sr-account-success__steps li { font-size: 14px; } .sr-account-logout .sr-account-success__note { font-size: 13px; } .sr-account-logout .sr-account-success__note a { font-size: inherit; } .sr-account-logout .sr-account-success__actions .sr-account-success__btn-primary, .sr-account-logout .sr-account-success__actions .sr-account-success__btn-secondary { font-size: 14px !important; line-height: 1.71 !important; font-weight: 400 !important; letter-spacing: 0.04em !important; } /* Popup confirmare deconectare — dimensiuni din baza .sr-cart-remove-modal (20/16/15). Overrides mobile păstrate mai jos. */ @media (max-width: 991.98px) { #sr-logout-confirm-modal .sr-cart-remove-modal__title { font-size: 17px !important; } #sr-logout-confirm-modal .sr-cart-remove-modal__lead { font-size: 15px !important; } #sr-logout-confirm-modal .sr-cart-remove-modal__btn { font-size: 14px !important; font-weight: 400 !important; } } /* Popup — produs indisponibil */ .product-thumb .description .product_cart_btn button.cart_button--no-stock { pointer-events: auto !important; cursor: pointer !important; } .sr-stock-info-modal .sr-cart-remove-modal__dialog { text-align: center; padding-top: 28px; } .sr-stock-info-modal .sr-stock-info-modal__title { margin: 0 0 12px; font-size: 20px; font-weight: 500; line-height: 1.35; color: #111827; } .sr-stock-info-modal .sr-stock-info-modal__message { margin: 0 auto 24px; max-width: 38ch; font-size: calc(1rem + 2px); line-height: 1.55; font-weight: 400; color: #374151; } .sr-stock-info-modal .sr-stock-info-modal__actions { justify-content: flex-end; margin-top: 4px; } .sr-stock-info-modal .sr-stock-info-modal__btn--ok { min-width: 148px; border-radius: 999px !important; background: #111827 !important; border-color: #111827 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.45 !important; box-shadow: none !important; } .sr-stock-info-modal .sr-stock-info-modal__btn--ok:hover, .sr-stock-info-modal .sr-stock-info-modal__btn--ok:focus-visible { background: #374151 !important; border-color: #374151 !important; color: #ffffff !important; font-weight: 400 !important; } @media (min-width: 768px) { .sr-stock-info-modal .sr-stock-info-modal__message { max-width: 42ch; } .sr-stock-info-modal .sr-stock-info-modal__btn--ok { min-height: 40px; padding: 9px 22px !important; } } @media (max-width: 575.98px) { .sr-stock-info-modal .sr-stock-info-modal__title { font-size: calc(1.2rem + 2px); } .sr-stock-info-modal .sr-stock-info-modal__message { font-size: calc(0.95rem + 2px); } } .sr-account-success__logo-link { display: block; line-height: 0; text-decoration: none; } .sr-account-success__logo { display: block; width: auto; max-width: min(420px, 96%); max-height: 200px; object-fit: contain; filter: brightness(0) invert(1); } .sr-account-success__panel { padding: 36px 40px 40px; } .sr-account-success__icon { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; background: rgba(40, 199, 208, 0.14); color: #0f766e; font-size: 1.65rem; } .sr-account-success__title { margin: 0 0 10px; font-size: 1.75rem; font-weight: 410; color: #111827; } .sr-account-success__lead { margin: 0 0 22px; font-size: 15px; line-height: 1.55; color: #374151; } .sr-account-success__next { margin-bottom: 18px; padding: 16px 18px; border-radius: 12px; background: #f8fafc; border: 1px solid #e5e7eb; } .sr-account-success__next-title { margin: 0 0 10px; font-size: 0.8rem; font-weight: 410; letter-spacing: 0.08em; text-transform: uppercase; color: #6b7280; } .sr-account-success__steps { margin: 0; padding-left: 1.2rem; color: #111827; } .sr-account-success__steps li { margin-bottom: 8px; line-height: 1.5; } .sr-account-success__steps li:last-child { margin-bottom: 0; } .sr-account-success__note { margin: 0 0 24px; font-size: 13px; line-height: 1.55; color: #6b7280; } .sr-account-success__note a { color: #0f766e; font-weight: 500; } .sr-account-success__actions { display: flex; flex-wrap: wrap; gap: 12px; } .sr-account-success__btn-primary, .sr-account-success__btn-secondary { font-weight: 400 !important; letter-spacing: 0.04em; } .sr-account-success__btn-primary { min-width: 200px; border-radius: 999px; } .sr-account-success__btn-secondary { border-radius: 999px; } @media (max-width: 991px) { .sr-account-success__shell { grid-template-columns: 1fr; } .sr-account-success__hero { padding: 32px 24px; } .sr-account-success__panel { padding: 28px 24px 32px; } .sr-account-success__actions { flex-direction: column; align-items: stretch; } .sr-account-success__btn-primary, .sr-account-success__btn-secondary { width: 100%; text-align: center; } } /* —— Resetare parolă (link din e-mail) —— */ .sr-account-reset { padding: 24px 0 64px; background: linear-gradient(180deg, #f4fbfb 0%, #fff 46%); } .sr-account-reset__container { max-width: none; } .sr-account-reset__breadcrumb { margin-bottom: 20px; } .sr-account-reset__shell { display: grid; grid-template-columns: minmax(260px, 0.9fr) minmax(360px, 1.1fr); gap: 0; border-radius: 20px; overflow: hidden; border: 1px solid #e5e7eb; box-shadow: 0 20px 50px rgba(17, 24, 39, 0.1); background: #fff; } .sr-account-reset__hero { padding: 48px 28px; background: linear-gradient(145deg, #39e48e 0%, #2ec0b8 39%, #23a8a6 73%, #1b9186 100%); } .sr-account-reset__hero-inner { display: flex; align-items: center; justify-content: center; min-height: 100%; } .sr-account-reset__logo-link { display: block; line-height: 0; text-decoration: none; } .sr-account-reset__logo { display: block; width: auto; max-width: min(420px, 96%); max-height: 200px; object-fit: contain; filter: brightness(0) invert(1); } .sr-account-reset__panel { padding: 36px 40px 40px; } .sr-account-reset__icon { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; background: rgba(40, 199, 208, 0.14); color: #0f766e; font-size: 1.5rem; } .sr-account-reset__title { margin: 0 0 10px; font-size: 1.75rem; font-weight: 410; color: #111827; } .sr-account-reset__lead { margin: 0 0 24px; font-size: 15px; line-height: 1.55; color: #374151; } .sr-account-reset__form { max-width: 420px; } .sr-account-reset__field { margin-bottom: 18px; } .sr-account-reset__field .form-label { font-weight: 410; font-size: 14px; color: #111827; margin-bottom: 6px; } .sr-account-reset__field .form-control { border-radius: 10px; border-color: #d1d5db; min-height: 46px; font-size: 14px; } .sr-account-reset__field .form-control:focus { border-color: #28c7d0; box-shadow: 0 0 0 3px rgba(40, 199, 208, 0.2); } .sr-account-reset__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; align-items: center; } .sr-account-reset__btn-primary { min-width: 180px; border-radius: 999px; font-weight: 410; } .sr-account-reset__btn-secondary { border-radius: 999px; font-weight: 500; } /* Parolă uitată — „Înapoi" ca link text, nu buton */ #account-forgotten .sr-account-reset__back-wrap { margin: 20px 0 0; text-align: center; } #account-forgotten .sr-account-reset__back-link { display: inline; padding: 0; border: 0; background: none !important; box-shadow: none !important; color: #111827 !important; font-size: 1rem; font-weight: 500; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; } #account-forgotten .sr-account-reset__back-link:hover, #account-forgotten .sr-account-reset__back-link:focus { color: #374151 !important; text-decoration: underline; } @media (min-width: 1500px) { #account-forgotten .sr-account-reset__breadcrumb { } #account-forgotten .sr-account-reset__title { } #account-forgotten .sr-account-reset__lead { } #account-forgotten .sr-account-reset__field .form-label { } #account-forgotten .sr-account-reset__field .form-control { } #account-forgotten .sr-account-reset__btn-primary { } #account-forgotten .sr-account-reset__back-link { } } @media (max-width: 991px) { #account-forgotten .sr-account-reset__actions { flex-direction: column; align-items: stretch; } } @media (max-width: 991px) { .sr-account-reset__shell { grid-template-columns: 1fr; } .sr-account-reset__hero { padding: 32px 24px; } .sr-account-reset__panel { padding: 28px 24px 32px; } .sr-account-reset__form { max-width: none; } /* 16px pe mobil = fără zoom automat la focus în iOS Safari. 20260731formsz */ .sr-account-reset__field .form-control { font-size: 16px; } .sr-account-reset__actions { flex-direction: column-reverse; align-items: stretch; } .sr-account-reset__btn-primary, .sr-account-reset__btn-secondary { width: 100%; text-align: center; } } /* —— Dashboard cont (layout dedicat) —— */ .sr-account-dash { padding: 8px 0 44px; background: #fff; } .sr-account-dash__container { max-width: none !important; width: 100%; padding-left: clamp(10px, 1.8vw, 24px); padding-right: clamp(10px, 1.8vw, 24px); } .sr-account-dash__breadcrumb { margin-bottom: 18px; } .sr-account-dash__alert { margin-bottom: 18px; border-radius: 12px; } .sr-account-dash__head { margin: 0 0 22px; padding-bottom: 4px; } .sr-account-dash__title { margin: 0 0 6px; font-size: clamp(1.5rem, 2.4vw, 1.875rem); font-weight: 410; line-height: 1.2; color: #111827; letter-spacing: -0.02em; } .sr-account-dash__lead { margin: 0; max-width: 42ch; font-size: 1rem; line-height: 1.5; color: #6b7280; } .sr-account-dash__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 32px; } .sr-account-dash__stat { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 20px 16px; border-radius: 16px; background: #fff; border: 1px solid #e5e7eb; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.06); text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .sr-account-dash__stat:hover { transform: translateY(-3px); border-color: #d1d5db; box-shadow: 0 14px 32px rgba(17, 24, 39, 0.1); } .sr-account-dash__stat-value { font-size: 1.85rem; font-weight: 410; line-height: 1; color: #111827; } .sr-account-dash__stat-label { font-size: 0.82rem; font-weight: 410; letter-spacing: 0.04em; text-transform: uppercase; color: #6b7280; } .sr-account-dash__section-title { margin: 0; font-size: 1.25rem; font-weight: 410; color: #111827; } .sr-account-dash__section-lead { margin: 6px 0 0; font-size: 0.95rem; color: #6b7280; } .sr-account-dash__section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; } .sr-account-dash__section-head--catalog { margin-bottom: 12px; } .sr-account-dash__section-link { font-size: 0.9rem; font-weight: 410; color: #374151; text-decoration: none; white-space: nowrap; } .sr-account-dash__section-link:hover { color: #111827; text-decoration: underline; } .sr-account-dash__layout { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); gap: clamp(20px, 2.5vw, 32px); align-items: start; } .sr-account-dash__main { min-width: 0; } .sr-account-dash__sidebar { position: sticky; top: 16px; z-index: 8; margin-bottom: clamp(20px, 3vw, 32px); border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05); overflow: hidden; } .sr-account-dash__sidebar-title { margin: 0; padding: 16px 18px 12px; font-size: calc(0.75rem + 2px); font-weight: 410; letter-spacing: 0.06em; text-transform: uppercase; color: #6b7280; border-bottom: 1px solid #eef1f5; } .sr-account-dash__nav { list-style: none; margin: 0; padding: 6px 0; } .sr-account-dash__nav-item { margin: 0; } .sr-account-dash__nav-link { display: flex; align-items: center; gap: 12px; padding: 12px 18px; text-decoration: none; color: #111827; border-left: 3px solid transparent; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .sr-account-dash__nav-link:hover { background: #f8fafc; border-left-color: #d1d5db; } .sr-account-dash__nav-link:focus-visible { outline: 2px solid var(--global-palette1, #111827); outline-offset: -2px; } .sr-account-dash__nav-link.is-active, .sr-account-dash__nav-link--active { background: #fff; border-left-color: var(--global-palette1, #111827); color: #111827; font-weight: 400; } .sr-account-dash__nav-link.is-active .sr-account-dash__nav-label, .sr-account-dash__nav-link--active .sr-account-dash__nav-label { color: #111827; } .sr-account-dash__nav-icon { flex-shrink: 0; width: 22px; text-align: center; font-size: 1.0625rem; color: #6b7280; } .sr-account-dash__nav-link:hover .sr-account-dash__nav-icon, .sr-account-dash__nav-link.is-active .sr-account-dash__nav-icon, .sr-account-dash__nav-link--active .sr-account-dash__nav-icon { color: var(--global-palette1, #111827); } .sr-account-dash__nav-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .sr-account-dash__nav-label { font-size: calc(1.0625rem + 1px); font-weight: 400; line-height: 1.35; color: #111827; } .sr-account-dash__nav-desc { display: none; font-size: 0.8125rem; line-height: 1.4; color: #6b7280; } .sr-account-dash__nav-logout { display: flex; align-items: center; gap: 10px; margin: 0; padding: 14px 18px; border-top: 1px solid #eef1f5; font-size: calc(1.0625rem + 1px); font-weight: 400; color: #b91c1c; text-decoration: none; transition: background 0.15s ease; } .sr-account-dash__nav-logout:hover { background: #fef2f2; color: #991b1b; } .sr-account-dash__nav-logout i { width: 20px; text-align: center; } button.sr-account-dash__nav-link { width: 100%; border: 0; background: transparent; cursor: pointer; font: inherit; text-align: left; } a.sr-account-dash__nav-link { display: flex; align-items: flex-start; gap: 12px; width: 100%; text-decoration: none; color: #111827; } .sr-account-dash--subpage .sr-account-dash__main--page { display: block; visibility: visible; min-width: 0; width: 100%; max-width: 100%; } #account-account.sr-account-dash--subpage .sr-account-dash__main--page > #account-order, #account-account.sr-account-dash--subpage .sr-account-dash__main--page > #account-order-info, #account-account.sr-account-dash--subpage .sr-account-dash__main--page > #account-return, #account-account.sr-account-dash--subpage .sr-account-dash__main--page > #account-return-success, #account-account.sr-account-dash--subpage .sr-account-dash__main--page > #account-returns-list, #account-account.sr-account-dash--subpage .sr-account-dash__main--page > #account-returns-info, #account-account.sr-account-dash--subpage .sr-account-dash__main--page > #account-address, #account-account.sr-account-dash--subpage .sr-account-dash__main--page > #account-wishlist { display: block; width: 100%; min-width: 0; max-width: 100%; } .sr-account-dash--no-nav .sr-account-dash__layout { grid-template-columns: minmax(0, 1fr); } .sr-account-dash--no-nav .sr-account-dash__main { grid-column: 1 / -1; } .sr-account-dash__panel { display: none; } .sr-account-dash__panel.is-active { display: block; } .sr-account-dash__panel-card { border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05); padding: clamp(18px, 2.5vw, 28px); } .sr-account-dash__panel-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; } .sr-account-dash__panel-title { margin: 0; font-size: 16px; font-weight: 410; color: #111827; } .sr-account-dash__panel-pill { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; background: #f3f4f6; color: #4b5563; font-size: calc(0.8rem + 2px); font-weight: 400; } .sr-account-dash__panel-head-actions { display: flex; align-items: center; gap: 10px; } .sr-account-dash__panel-lead { margin: -6px 0 18px; color: #6b7280; line-height: 1.55; } .sr-account-dash__panel-loading { padding: 48px 16px; text-align: center; color: #6b7280; } .sr-account-dash__panel-loading[hidden] { display: none; } .sr-account-dash__inline-form { max-width: 640px; } .sr-account-dash__panel-card--profile, .sr-account-dash__panel-card--password, .sr-account-dash__panel-card--newsletter { display: flex; flex-direction: column; align-items: stretch; } /* Un singur titlu pe pagină — panouri comenzi/retur; profil/parolă au titlu în card */ #account-account .sr-account-dash__panel-card--orders .sr-account-dash__panel-title, #account-account .sr-account-dash__panel-card--returns .sr-account-dash__panel-title, #account-account .sr-account-dash__panel-card--wishlist .sr-account-dash__panel-title { display: none; } #account-account:not(:has(#sr-dash-panel-profile.is-active)) .sr-account-dash__panel-card--profile .sr-account-form__legend { display: none; } .sr-account-dash__panel-card--profile .sr-account-dash__panel-head, .sr-account-dash__panel-card--password .sr-account-dash__panel-head, .sr-account-dash__panel-card--newsletter .sr-account-dash__panel-head, .sr-account-dash__panel-card--password .sr-account-dash__panel-lead, .sr-account-dash__panel-card--newsletter .sr-account-dash__panel-lead, .sr-account-dash__panel-card--profile .sr-account-dash__notice, .sr-account-dash__panel-card--password .sr-account-dash__notice, .sr-account-dash__panel-card--newsletter .sr-account-dash__notice, .sr-account-dash__panel-card--profile .sr-account-dash__inline-form, .sr-account-dash__panel-card--password .sr-account-dash__inline-form, .sr-account-dash__panel-card--newsletter .sr-account-dash__inline-form, .sr-account-dash__panel-card--newsletter .sr-account-dash__form-footer { width: 100%; max-width: min(520px, 100%); } .sr-account-dash__panel-card--profile .sr-account-dash__panel-head, .sr-account-dash__panel-card--password .sr-account-dash__panel-head, .sr-account-dash__panel-card--newsletter .sr-account-dash__panel-head { justify-content: center; } .sr-account-dash__panel-card--profile .sr-account-dash__panel-title, .sr-account-dash__panel-card--password .sr-account-dash__panel-title, .sr-account-dash__panel-card--newsletter .sr-account-dash__panel-title { text-align: center; } .sr-account-dash__panel-card--password .sr-account-dash__panel-lead, .sr-account-dash__panel-card--newsletter .sr-account-dash__panel-lead, .sr-account-dash__panel-card--newsletter .sr-account-dash__form-footer { text-align: center; } .sr-account-dash__panel-card--newsletter .sr-account-dash__form-footer { margin-top: 16px; margin-bottom: 0; } .sr-account-dash__panel-card--profile .sr-account-form__legend { text-align: center; } .sr-account-dash__form-hint, .sr-account-dash__form-footer { color: #6b7280; font-size: 0.92rem; line-height: 1.5; } .sr-account-dash__submit { min-width: 140px; font-size: 14px; font-weight: 400; letter-spacing: 0.07em; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sr-account-dash__panel-card--newsletter .sr-account-dash__inline-form { display: flex; flex-direction: column; align-items: center; } .sr-account-dash__panel-card--newsletter .sr-account-dash__form-hint { text-align: center; } .sr-account-dash__panel-card--newsletter .form-check.form-switch { display: inline-flex; align-items: center; justify-content: center; gap: 14px; width: auto; max-width: 100%; margin: 0 0 1.5rem; padding: 0; min-height: auto; } .sr-account-dash__panel-card--newsletter .form-check.form-switch .form-check-input { width: 3rem; height: 1.5rem; margin: 0; flex-shrink: 0; float: none; } .sr-account-dash__panel-card--newsletter .form-check.form-switch .form-check-label { font-size: clamp(1rem, 1.6vw, 1.125rem); line-height: 1.5; color: #111827; padding: 0; cursor: pointer; } .sr-account-dash__panel-card--newsletter .sr-account-dash__submit { display: inline-flex; align-items: center; justify-content: center; margin: 0 auto; } #sr-dash-panel-newsletter.sr-account-dash__panel.is-active { display: flex; justify-content: center; } #sr-dash-panel-newsletter .sr-account-dash__panel-card--newsletter { width: 100%; max-width: min(640px, 100%); margin-inline: auto; } /* Schimbă parola — formular centrat + titlu în card */ #account-account:has(#sr-dash-panel-password.is-active) .sr-account-dash__head { display: none; } #sr-dash-panel-password.sr-account-dash__panel.is-active { display: flex; justify-content: center; } #sr-dash-panel-password .sr-account-dash__panel-card--password { width: 100%; max-width: min(640px, 100%); margin-inline: auto; } #account-account:has(#sr-dash-panel-password.is-active) .sr-account-dash__panel-card--password .sr-account-dash__panel-head { display: flex; justify-content: center; margin-bottom: 10px; } #account-account:has(#sr-dash-panel-password.is-active) .sr-account-dash__panel-card--password .sr-account-dash__panel-title { display: block; text-align: center; font-weight: 410; color: #111827; } .sr-account-dash__panel-card--password .sr-account-dash__inline-form { display: flex; flex-direction: column; align-items: center; } .sr-account-dash__panel-card--password .sr-nl-settings__field { width: 100%; } .sr-account-dash__panel-card--password .sr-account-dash__submit { display: inline-flex; align-items: center; justify-content: center; margin: 0 auto; } /* Editați informațiile — formular centrat + titlu în card (ca parola) */ #account-account:has(#sr-dash-panel-profile.is-active) .sr-account-dash__head { display: none; } #sr-dash-panel-profile.sr-account-dash__panel.is-active { display: flex; justify-content: center; } #sr-dash-panel-profile .sr-account-dash__panel-card--profile { width: 100%; max-width: min(640px, 100%); margin-inline: auto; } #account-account:has(#sr-dash-panel-profile.is-active) .sr-account-dash__panel-card--profile .sr-account-dash__panel-head { display: flex; justify-content: center; margin-bottom: 10px; } #account-account:has(#sr-dash-panel-profile.is-active) .sr-account-dash__panel-card--profile .sr-account-dash__panel-title { display: block; text-align: center; font-weight: 410; color: #111827; } #account-account:has(#sr-dash-panel-profile.is-active) .sr-account-dash__panel-card--profile .sr-account-form__legend { display: block; width: 100%; margin: 0 0 16px; padding: 0; border: 0; text-align: center; font-size: 0.8125rem; font-weight: 410; letter-spacing: 0.04em; text-transform: uppercase; color: #6b7280; } .sr-account-dash__panel-card--profile .sr-account-dash__inline-form { display: flex; flex-direction: column; align-items: stretch; width: 100%; max-width: 100%; margin-inline: auto; } .sr-account-dash__panel-card--profile .sr-nl-settings__field { width: 100%; } .sr-account-dash__panel-card--profile .sr-account-dash__submit { display: inline-flex; align-items: center; justify-content: center; margin: 12px auto 0; align-self: center; } /* Newsletter — formular centrat + titlu în card */ #account-account:has(#sr-dash-panel-newsletter.is-active) .sr-account-dash__head { display: none; } #account-account:has(#sr-dash-panel-newsletter.is-active) .sr-account-dash__panel-card--newsletter .sr-account-dash__panel-head { display: flex; justify-content: center; margin-bottom: 10px; } #account-account:has(#sr-dash-panel-newsletter.is-active) .sr-account-dash__panel-card--newsletter .sr-account-dash__panel-title { display: block; text-align: center; font-weight: 410; color: #111827; } .sr-account-dash__panel-card--newsletter .sr-account-dash__panel-lead { width: 100%; text-wrap: balance; } @media (min-width: 992px) { .sr-account-dash__panel-card--newsletter .sr-account-dash__panel-head, .sr-account-dash__panel-card--newsletter .sr-account-dash__panel-lead, .sr-account-dash__panel-card--newsletter .sr-account-dash__notice, .sr-account-dash__panel-card--newsletter .sr-account-dash__inline-form, .sr-account-dash__panel-card--newsletter .sr-account-dash__form-footer { max-width: min(600px, 100%); } .sr-account-dash__panel-card--newsletter .sr-account-dash__panel-lead { white-space: nowrap; font-size: 1rem; } } .sr-account-dash__notice { margin-bottom: 16px; padding: 12px 14px; border-radius: 10px; border: 1px solid #d1fae5; background: #ecfdf5; color: #065f46; } .sr-account-dash__notice--subscribed, .sr-account-dash__notice--success { border-color: #d1fae5; background: #ecfdf5; color: #065f46; } .sr-account-dash__notice--unsubscribed { border-color: #e5e7eb; background: #f9fafb; color: #374151; } .sr-account-dash__notice-kicker { display: block; font-size: 0.75rem; font-weight: 410; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 4px; opacity: 0.85; } .sr-account-dash__notice-title { display: block; font-size: 1rem; font-weight: 410; margin-bottom: 6px; color: #065f46; } .sr-account-dash__notice-title i { margin-right: 4px; color: #16a34a; } .sr-account-dash__notice--pending .sr-account-dash__notice-message { display: block; line-height: 1.5; } .sr-account-dash__support-list { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px; } .sr-account-dash__support-item { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid #e5e7eb; border-radius: 10px; color: #111827; text-decoration: none; } .sr-account-dash__support-item:hover { background: #f9fafb; } .sr-account-dash__support-item--static { background: #f9fafb; } .sr-account-dash__support-cta { margin-top: 4px; } #account-account .sr-account-dash__panel-card--support .sr-account-dash__contact-embed { padding-bottom: 0; } #account-account .sr-account-dash__panel-card--support .sr-contact__inner { max-width: none; margin: 0; } #account-account .sr-account-dash__panel-card--support .sr-account-dash__notice { margin-bottom: 1rem; } .sr-account-dash__quick { margin-bottom: 32px; padding: 26px 26px 28px; border-radius: 20px; background: linear-gradient(165deg, #f8fafc 0%, #fff 55%); border: 1px solid #e5e9ef; box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06); } .sr-account-dash__quick-head { margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid #e8ecf1; } .sr-account-dash__quick-heading { margin: 0 0 6px; font-size: 1.375rem; font-weight: 410; letter-spacing: -0.02em; color: #111827; } .sr-account-dash__quick-sub { margin: 0; font-size: 1rem; line-height: 1.45; color: #6b7280; } .sr-account-dash__quick-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(272px, 1fr)); gap: 16px; } .sr-account-dash__quick-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; min-height: 148px; padding: 20px 20px 18px; border-radius: 16px; background: #fff; border: 1px solid #e5e7eb; text-decoration: none; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .sr-account-dash__quick-card:hover { transform: translateY(-3px); border-color: #c5ced9; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1); } .sr-account-dash__quick-card:focus-visible { outline: 2px solid var(--global-palette1, #111827); outline-offset: 2px; } .sr-account-dash__quick-icon { flex-shrink: 0; width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg, rgba(40, 199, 208, 0.18) 0%, rgba(79, 255, 176, 0.14) 100%); color: #0d5c63; font-size: 1.35rem; } .sr-account-dash__quick-card:nth-child(6n + 2) .sr-account-dash__quick-icon { background: linear-gradient(145deg, rgba(99, 102, 241, 0.14) 0%, rgba(129, 140, 248, 0.12) 100%); color: #4338ca; } .sr-account-dash__quick-card:nth-child(6n + 3) .sr-account-dash__quick-icon { background: linear-gradient(145deg, rgba(245, 158, 11, 0.16) 0%, rgba(251, 191, 36, 0.12) 100%); color: #b45309; } .sr-account-dash__quick-card:nth-child(6n + 4) .sr-account-dash__quick-icon { background: linear-gradient(145deg, rgba(16, 185, 129, 0.14) 0%, rgba(52, 211, 153, 0.1) 100%); color: #047857; } .sr-account-dash__quick-card:nth-child(6n + 5) .sr-account-dash__quick-icon { background: linear-gradient(145deg, rgba(107, 114, 128, 0.12) 0%, rgba(156, 163, 175, 0.1) 100%); color: #374151; } .sr-account-dash__quick-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; padding-right: 28px; } .sr-account-dash__quick-title { font-weight: 410; font-size: 1.0625rem; line-height: 1.3; color: #111827; } .sr-account-dash__quick-desc { font-size: 0.9375rem; line-height: 1.45; color: #6b7280; } .sr-account-dash__quick-go { position: absolute; top: 18px; right: 18px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 999px; background: #f3f4f6; color: #6b7280; font-size: 0.8rem; transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease; } .sr-account-dash__quick-card:hover .sr-account-dash__quick-go { transform: translateX(2px); background: var(--global-palette1, #111827); color: #fff; } .sr-account-dash__orders { margin-bottom: 28px; padding: 22px 22px; border-radius: 18px; background: #fff; border: 1px solid #e5e7eb; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.05); } .sr-account-dash__order-list { list-style: none; margin: 0; padding: 0; } .sr-account-dash__order-row { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid #f3f4f6; text-decoration: none; transition: background 0.15s ease; } .sr-account-dash__order-list li:last-child .sr-account-dash__order-row { border-bottom: 0; padding-bottom: 0; } .sr-account-dash__order-row:hover { background: #f8fafc; margin: 0 -10px; padding-left: 10px; padding-right: 10px; border-radius: 10px; } .sr-account-dash__order-id { font-weight: 410; color: #111827; } .sr-account-dash__order-meta { display: flex; flex-direction: column; gap: 2px; font-size: 0.85rem; color: #6b7280; } .sr-account-dash__order-status { color: #374151; font-weight: 410; } .sr-account-dash__order-total { font-weight: 410; color: #111827; white-space: nowrap; } .sr-account-dash__empty { margin: 0; padding: 12px 0; color: #6b7280; line-height: 1.55; } .sr-account-dash__catalog { margin-bottom: 24px; border-top: 1px solid #eef2f7; padding-top: 18px; } .sr-account-dash__catalog-intro-wrapper { max-width: 72ch; } .sr-account-dash__card-preview-hint { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; background: #f8fafc; border: 1px dashed #d1d5db; font-size: 0.88rem; line-height: 1.5; color: #4b5563; } .sr-account-dash__card-preview-hint i { margin-top: 2px; color: #6b7280; } .sr-account-dash__catalog-carousel { overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #d1d5db transparent; padding-bottom: 8px; scroll-snap-type: x mandatory; } .sr-account-dash__catalog-carousel::-webkit-scrollbar { height: 8px; } .sr-account-dash__catalog-carousel::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 999px; } .sr-account-dash__catalog-track { display: flex; gap: 14px; min-width: max-content; } .sr-account-dash__catalog-card { position: relative; display: flex; flex-direction: column; flex: 0 0 auto; width: clamp(250px, 24vw, 340px); border-radius: 16px; overflow: hidden; background: #fff; border: 1px solid #e5e7eb; box-shadow: 0 4px 16px rgba(17, 24, 39, 0.06); text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; scroll-snap-align: start; } .sr-account-dash__catalog-card:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(17, 24, 39, 0.11); } .sr-account-dash__catalog-variant { position: absolute; top: 10px; right: 10px; z-index: 6; min-width: 28px; height: 28px; padding: 0 8px; border-radius: 999px; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 410; color: #111827; background: rgba(255, 255, 255, 0.96); border: 1px solid #e5e7eb; box-shadow: 0 2px 10px rgba(17, 24, 39, 0.1); } .sr-account-dash__catalog-layout { display: flex; flex-direction: column; flex: 1; min-height: 0; } .sr-account-dash__catalog-topbar { display: none; } .sr-account-dash__catalog-media { position: relative; display: block; aspect-ratio: 4 / 3; background: #f3f4f6; overflow: hidden; flex-shrink: 0; } .sr-account-dash__catalog-media > img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; } .sr-account-dash__catalog-overlay, .sr-account-dash__catalog-caption--on-image { display: none; } .sr-account-dash__catalog-body { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; } .sr-account-dash__catalog-style-label { font-size: 0.68rem; font-weight: 410; letter-spacing: 0.07em; text-transform: uppercase; color: #9ca3af; line-height: 1.35; } .sr-account-dash__catalog-body .sr-account-dash__catalog-tag { font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.08em; color: #6b7280; font-weight: 410; } .sr-account-dash__catalog-body .sr-account-dash__catalog-name { font-size: 1rem; font-weight: 410; line-height: 1.3; color: #111827; } .sr-account-dash__catalog-body .sr-account-dash__catalog-link { display: none; } .sr-account-dash__catalog-cta { display: none; align-items: center; justify-content: center; gap: 8px; margin-top: 4px; padding: 9px 14px; border-radius: 999px; background: #111827; color: #fff; font-size: 0.8rem; font-weight: 410; width: fit-content; transition: background 0.2s ease; } .sr-account-dash__catalog-card:hover .sr-account-dash__catalog-cta { background: #374151; } /* Forme card: sr-account-dash-cards.css (variante pe .sr-account-dash__catalog-layout) */ .sr-account-dash__catalog-card--ui.sr-account-dash__catalog-card { width: auto; border-radius: 0; } .sr-account-dash__catalog-card--ui:hover { box-shadow: none; } @media (max-width: 991px) { .sr-account-dash__layout { grid-template-columns: 1fr; gap: 20px; } .sr-account-dash__sidebar { position: static; } .sr-account-dash__nav-link { align-items: center; padding: 11px 16px; } .sr-account-dash__nav-icon { margin-top: 0; } .sr-account-dash__quick { padding: 20px 18px 22px; } .sr-account-dash__quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sr-account-dash__quick-card { min-height: 132px; padding: 16px; } } @media (max-width: 575px) { .sr-account-dash__stats { grid-template-columns: 1fr; } .sr-account-dash__quick-grid { grid-template-columns: 1fr; gap: 10px; } .sr-account-dash__quick-card { flex-direction: row; align-items: center; gap: 12px; min-height: 0; padding: 14px 48px 14px 14px; } .sr-account-dash__quick-icon { width: 44px; height: 44px; border-radius: 12px; font-size: 1.05rem; } .sr-account-dash__quick-body { padding-right: 0; } .sr-account-dash__quick-title { font-size: 0.9375rem; } .sr-account-dash__quick-desc { font-size: 0.8125rem; line-height: 1.4; } .sr-account-dash__quick-go { top: 50%; right: 12px; transform: translateY(-50%); width: 30px; height: 30px; } .sr-account-dash__quick-card:hover .sr-account-dash__quick-go { transform: translateY(-50%) translateX(2px); } .sr-account-dash__catalog-track { gap: 12px; } .sr-account-dash__section-head { flex-direction: column; align-items: stretch; } .sr-account-dash__order-row { grid-template-columns: 1fr; gap: 4px; } } /* —— Favorite (wishlist) —— */ .sr-wishlist { width: 100%; clear: both; float: none; padding: 8px 0 48px; background: var(--sr-surface-muted, #f6f7f9); } .sr-wishlist__container { max-width: none !important; width: 100%; padding-left: clamp(10px, 1.8vw, 24px); padding-right: clamp(10px, 1.8vw, 24px); } .sr-wishlist__breadcrumb { margin-bottom: 20px; } .sr-wishlist__alert { margin-bottom: 20px; } .sr-wishlist__toast { position: fixed; bottom: 24px; right: 24px; z-index: 1080; max-width: min(360px, calc(100vw - 32px)); padding: 14px 18px; border-radius: 10px; font-size: 0.9375rem; font-weight: 500; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14); animation: sr-wishlist-toast-in 0.25s ease; } .sr-wishlist__toast--success { background: #0f5132; color: #fff; } .sr-wishlist__toast--error { background: #842029; color: #fff; } @keyframes sr-wishlist-toast-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } .sr-wishlist__head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 28px; } .sr-wishlist__title { margin: 0 0 8px; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 410; color: var(--sr-text, #1a1a1a); } .sr-wishlist__lead { margin: 0; max-width: 52ch; color: var(--sr-text-muted, #5c6370); font-size: 1rem; line-height: 1.55; } .sr-wishlist__pill { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--sr-border, #e2e5ea); font-size: 0.875rem; font-weight: 410; color: var(--sr-text, #1a1a1a); white-space: nowrap; } .sr-wishlist__list { width: 100%; clear: both; float: none; min-height: 80px; } .sr-wishlist__grid { width: 100%; clear: both; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 24px; } @media (min-width: 768px) { .sr-wishlist__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } } @media (min-width: 1200px) { .sr-wishlist__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } } @media (min-width: 1400px) { .sr-wishlist__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 2000px) { .sr-wishlist__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } } /* Panou cont — 6 produse/rând la ≥2000px */ @media (min-width: 992px) { #account-account #sr-dash-panel-wishlist .sr-wishlist__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1200px) { #account-account #sr-dash-panel-wishlist .sr-wishlist__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1400px) { #account-account #sr-dash-panel-wishlist .sr-wishlist__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 2000px) { #account-account #sr-dash-panel-wishlist .sr-wishlist__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .sr-wishlist-card { display: flex; flex-direction: column; min-width: 0; height: 100%; background: #fff; border: 1px solid #e5e5e5; border-radius: var(--global-border-radius, 5px); overflow: hidden; transition: border-color 0.2s ease; } .sr-wishlist-card:hover { border-color: #d1d5db; } .sr-wishlist-card--out { opacity: 0.92; } /* Imagine — pătrat 1:1, centrat, dimensiune plafonată (mai mic decât lățimea cardului) */ .sr-wishlist-card__media { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: min(100%, var(--sr-wishlist-img-box, 156px)); max-width: var(--sr-wishlist-img-box, 156px); margin: 12px auto 6px; aspect-ratio: 1 / 1; position: relative; overflow: hidden; padding: clamp(8px, 1vw, 12px); box-sizing: border-box; background: #fff; } .sr-wishlist-card__media img { display: block; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; object-fit: contain; object-position: center; } .sr-wishlist-card__media-placeholder { font-size: 2rem; color: #d1d5db; } .sr-wishlist-card__body { display: flex; flex-direction: column; flex: 1 1 auto; align-items: flex-start; gap: 4px; padding: 16px 18px 18px; min-width: 0; background: #fff; } .sr-wishlist-card .sr-product-card__stock { align-self: flex-start; margin: 0; min-height: 18px; } @media (min-width: 2000px) { #account-wishlist .sr-wishlist-card .sr-product-card__stock, #account-wishlist .sr-wishlist-card .sr-product-card__stock-text, #account-account #sr-dash-panel-wishlist .sr-wishlist-card .sr-product-card__stock, #account-account #sr-dash-panel-wishlist .sr-wishlist-card .sr-product-card__stock-text, .sr-wishlist-card .sr-product-card__stock, .sr-wishlist-card .sr-product-card__stock-text { font-size: 13px !important; } } .sr-wishlist-card__name { margin: 0; width: 100%; font-size: 16px; font-weight: 400; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #000; } .sr-wishlist-card__name a { color: inherit; text-decoration: none; font-weight: 400; } .sr-wishlist-card__name a:hover { color: var(--sr-accent, #c41e3a); } .sr-wishlist-card__model { margin: 0; font-size: 0.8125rem; color: var(--sr-text-muted, #5c6370); line-height: 1.25; } .sr-wishlist-card__price { margin-top: auto; padding-top: 4px; line-height: 1.25; } .sr-wishlist-card__price-current, .sr-wishlist-card__price-special { font-size: 19px; font-weight: 410; line-height: 1.15; color: #000; } .sr-wishlist-card__price-old { display: inline; margin-left: 8px; font-size: 13px; font-weight: 400; color: var(--sr-text-muted, #5c6370); text-decoration: line-through; } .sr-wishlist-card__price-unavailable { font-size: 15px; font-weight: 500; line-height: 1.15; color: var(--sr-text-muted, #5c6370); } .sr-wishlist-card__actions { margin-top: 6px; width: 100%; } .sr-wishlist-card__form { display: flex; flex-wrap: nowrap; gap: 6px; align-items: center; } .sr-wishlist-card__btn-cart { flex: 1 1 auto; min-width: 0; width: auto; height: auto; min-height: 34px; padding: 6px 10px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 0.8125rem; font-weight: 400; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sr-wishlist-card__btn-cart:disabled { opacity: 0.55; cursor: not-allowed; } .sr-wishlist-card__btn-remove { flex: 0 0 auto; width: 34px; height: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--sr-border, #e2e5ea); background: #fff; color: var(--sr-text-muted, #5c6370); border-radius: 8px; font-weight: 400; } .sr-wishlist-card__btn-remove .fa-solid { font-size: 0.875rem; } .sr-wishlist-card__btn-remove:hover { border-color: #842029; color: #842029; background: #fff5f5; } .sr-wishlist__empty { text-align: center; padding: 48px 24px 56px; background: #fff; border: 1px dashed var(--sr-border, #e2e5ea); border-radius: 16px; margin-bottom: 32px; } .sr-wishlist__empty-icon { font-size: 3rem; color: #c8cdd6; margin-bottom: 16px; } .sr-wishlist__empty-title { margin: 0 0 10px; font-size: 1.25rem; font-weight: 410; } .sr-wishlist__empty-lead { margin: 0 auto 24px; max-width: 40ch; color: var(--sr-text-muted, #5c6370); line-height: 1.55; } .sr-wishlist__empty-btn { min-width: 200px; } .sr-wishlist__nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding-top: 8px; border-top: 1px solid var(--sr-border, #e2e5ea); } .sr-wishlist__nav-link { display: inline-flex; align-items: center; gap: 8px; color: var(--sr-text-muted, #5c6370); text-decoration: none; font-weight: 500; } .sr-wishlist__nav-link:hover { color: var(--sr-accent, #c41e3a); } .sr-wishlist__nav-btn { min-width: 180px; } /* —— Istoric comenzi (account/order) —— */ .sr-orders { width: 100%; clear: both; float: none; padding: 8px 0 48px; background: var(--sr-surface-muted, #f6f7f9); } .sr-orders__container { max-width: none !important; width: 100%; padding-left: clamp(10px, 1.8vw, 24px); padding-right: clamp(10px, 1.8vw, 24px); } .sr-orders__breadcrumb { margin-bottom: 20px; } .sr-orders__head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 24px; } .sr-orders__title { margin: 0 0 8px; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 410; color: var(--sr-text, #1a1a1a); } .sr-orders__lead { margin: 0; max-width: 52ch; color: var(--sr-text-muted, #5c6370); line-height: 1.55; } .sr-orders__pill { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--sr-border, #e2e5ea); font-size: 0.875rem; font-weight: 410; color: var(--sr-text, #1a1a1a); } .sr-orders__list { width: 100%; clear: both; display: flex; flex-direction: column; gap: 14px; margin-bottom: 24px; } .sr-order-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto; gap: 16px 20px; align-items: center; padding: 20px 22px; background: #fff; border: 1px solid var(--sr-border, #e2e5ea); border-radius: 16px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); } .sr-order-card:hover { border-color: #c8cdd6; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07); } .sr-order-card__main { display: flex; flex-direction: column; gap: 8px; min-width: 0; } .sr-order-card__id { font-size: 1.125rem; font-weight: 410; color: var(--sr-text, #1a1a1a); } .sr-order-card__status { align-self: center; font-size: 0.75rem; font-weight: 410; padding: 4px 10px; border-radius: 999px; } .sr-order-card__status--complete { background: #d1e7dd; color: #0f5132; } .sr-order-card__status--processing { background: #cff4fc; color: #055160; } .sr-order-card__status--accepted { background: #d1e7dd; color: #0f5132; } .sr-order-card__status--preparing { background: #ffe5d0; color: #984c0c; } .sr-order-card__status--courier { background: #e2d9f3; color: #432874; } .sr-order-card__status--rejected { background: #f8d7da; color: #842029; } .sr-order-card__status--shipped { background: #cff4fc; color: #0e7490; } .sr-order-card__status--pending { background: #fff3cd; color: #664d03; } .sr-order-card__status--cancelled { background: #f8d7da; color: #842029; } .sr-order-card__status--default { background: #e9ecef; color: #495057; } .sr-order-card__meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; } .sr-order-card__meta-row { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .sr-order-card__meta-row dt { margin: 0; font-size: 0.75rem; font-weight: 410; text-transform: uppercase; letter-spacing: 0.04em; color: var(--sr-text-muted, #5c6370); } .sr-order-card__meta-row dd { margin: 0; font-size: 0.9375rem; font-weight: 410; color: var(--sr-text, #1a1a1a); } .sr-order-card__meta-row--total dd { font-size: 1.0625rem; font-weight: 410; } .sr-order-card__btn { white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; } .sr-orders__pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 28px; padding: 0 4px; } .sr-orders__results { margin: 0; font-size: 0.875rem; color: var(--sr-text-muted, #5c6370); } .sr-orders__empty { text-align: center; padding: 48px 24px 56px; background: #fff; border: 1px dashed var(--sr-border, #e2e5ea); border-radius: 16px; margin-bottom: 32px; } .sr-orders__empty-icon { font-size: 3rem; color: #c8cdd6; margin-bottom: 16px; } .sr-orders__empty-title { margin: 0 0 10px; font-size: 1.25rem; font-weight: 410; } .sr-orders__empty-lead { margin: 0 auto 24px; max-width: 40ch; color: var(--sr-text-muted, #5c6370); line-height: 1.55; } .sr-orders__empty-btn { min-width: 200px; } .sr-orders__nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 8px; border-top: 1px solid var(--sr-border, #e2e5ea); } .sr-orders__nav-link { display: inline-flex; align-items: center; gap: 8px; color: var(--sr-text, #1a1a1a); text-decoration: none; font-weight: 410; } .sr-orders__nav-link:hover { color: var(--sr-accent, #c41e3a); } .sr-orders__nav-btn { min-width: 180px; } @media (max-width: 991.98px) { .sr-order-card { grid-template-columns: 1fr; gap: 14px; } .sr-order-card__meta { grid-template-columns: 1fr 1fr; } .sr-order-card__meta-row--total { grid-column: 1 / -1; } .sr-order-card__btn { width: 100%; justify-content: center; } } @media (max-width: 575.98px) { .sr-order-card__meta { grid-template-columns: 1fr; } .sr-orders__nav { flex-direction: column; align-items: stretch; } .sr-orders__nav-btn { width: 100%; } } /* —— Detalii comandă (account/order.info) —— */ .sr-order-info { width: 100%; clear: both; float: none; padding: 8px 0 48px; background: var(--sr-surface-muted, #f6f7f9); overflow-x: hidden; } .sr-order-info__container { max-width: none !important; width: 100%; padding-left: clamp(10px, 1.8vw, 24px); padding-right: clamp(10px, 1.8vw, 24px); } .sr-order-info__breadcrumb { margin-bottom: 16px; } .sr-order-info__head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 20px; } .sr-order-info__head-text { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; } .sr-order-info__title { margin: 0; font-size: clamp(1.35rem, 2.4vw, 1.75rem); font-weight: 410; color: #111827; } .sr-order-info__status { align-self: center; } .sr-order-info__meta-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; } .sr-order-info__panel { min-width: 0; } .sr-order-info__table { margin: 0; font-size: 0.9375rem; } .sr-order-info__table th { width: 42%; font-weight: 410; color: #374151; vertical-align: top; } .sr-order-info__table td { word-break: break-word; } .sr-order-info__status-meta-muted { color: #6b7280; font-size: 0.9375rem; } .sr-order-info__addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; } .sr-order-info__address { padding: 16px; border: 1px solid #e5e7eb; border-radius: 14px; background: #f9fafb; } .sr-order-info__address-title { margin: 0 0 10px; font-size: 1rem; font-weight: 410; color: #111827; } .sr-order-info__address-body { font-size: 0.9375rem; line-height: 1.5; color: #374151; } .sr-order-info__section-title { margin: 0 0 14px; font-size: 1.125rem; font-weight: 410; color: #111827; } .sr-order-info__product-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; } .sr-order-info__product-card { padding: 14px; border: 1px solid #e5e7eb; border-radius: 14px; background: #fff; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04); } .sr-order-info__product-name { margin: 0 0 8px; font-size: 0.9375rem; font-weight: 400; line-height: 1.35; } .sr-order-info__product-name a { color: #111827; text-decoration: none; } .sr-order-info__product-name a:hover { text-decoration: underline; } .sr-order-info__product-meta { margin: 0 0 4px; font-size: 0.8125rem; line-height: 1.4; color: #6b7280; } .sr-order-info__product-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 12px 0 0; padding: 0; } .sr-order-info__stat { margin: 0; padding: 10px; border-radius: 10px; background: #f3f4f6; text-align: center; } .sr-order-info__stat dt { margin: 0 0 4px; font-size: 0.6875rem; font-weight: 410; letter-spacing: 0.04em; text-transform: uppercase; color: #6b7280; } .sr-order-info__stat dd { margin: 0; font-size: 0.875rem; font-weight: 400; color: #111827; } .sr-order-info__stat--total dd { font-size: 0.9375rem; } .sr-order-info__product-actions { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 10px; margin-top: 12px; } .sr-order-info__action-btn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 0; padding: 6px 12px !important; font-size: 0.75rem !important; font-weight: 410 !important; line-height: 1.25 !important; border-radius: 8px !important; white-space: nowrap; background: var(--sr-btn-bg, #111827) !important; border: 1px solid var(--sr-btn-bg, #111827) !important; color: #ffffff !important; box-shadow: none !important; } .sr-order-info__action-btn:hover, .sr-order-info__action-btn:focus-visible { background: var(--sr-btn-bg-hover, #374151) !important; border-color: var(--sr-btn-bg-hover, #374151) !important; color: #ffffff !important; } .sr-order-info__action-btn--return { margin-left: auto; } .sr-order-info__totals { margin-bottom: 24px; padding: 14px 16px; border: 1px solid #e5e7eb; border-radius: 14px; background: #f9fafb; } .sr-order-info__total-row { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; font-size: 0.9375rem; color: #374151; } .sr-order-info__total-row--grand { margin-top: 6px; padding-top: 10px; border-top: 1px solid #e5e7eb; font-size: 1.0625rem; font-weight: 410; color: #111827; } .sr-order-info__comment { margin-bottom: 24px; } .sr-order-info__comment-body { padding: 14px 16px; border: 1px solid #e5e7eb; border-radius: 14px; background: #f9fafb; font-size: 0.9375rem; line-height: 1.5; } .sr-order-info__history-wrap { margin-bottom: 24px; } .sr-order-info__history-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } .sr-order-info__history-card { padding: 14px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; } .sr-order-info__history-label { display: block; margin-bottom: 2px; font-size: 0.6875rem; font-weight: 410; letter-spacing: 0.04em; text-transform: uppercase; color: #6b7280; } .sr-order-info__history-date, .sr-order-info__history-status { margin-bottom: 8px; font-size: 0.875rem; color: #111827; } .sr-order-info__history-comment p { margin: 0; font-size: 0.875rem; line-height: 1.45; color: #374151; } .sr-order-info__history-empty { margin: 0; padding: 16px; text-align: center; color: #6b7280; border: 1px dashed #e5e7eb; border-radius: 12px; } .sr-order-info__history-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; } .sr-order-info__history-results { margin: 0; font-size: calc(0.8125rem + 2px); color: #6b7280; } .sr-order-info__nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 8px; border-top: 1px solid var(--sr-border, #e2e5ea); } .sr-order-info__nav-link { display: inline-flex; align-items: center; gap: 8px; color: var(--sr-text, #1a1a1a); text-decoration: none; font-size: calc(0.9375rem + 2px); font-weight: 400; } .sr-order-info__nav-link:hover { color: var(--sr-accent, #c41e3a); } .sr-order-info__nav-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; } .sr-order-info__nav-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 0; padding: 8px 14px !important; font-size: calc(0.8125rem + 2px) !important; font-weight: 400 !important; line-height: 1.25 !important; border-radius: 8px !important; white-space: nowrap; background: #ffffff !important; border: 1px solid #d1d5db !important; color: #374151 !important; box-shadow: none !important; } .sr-order-info__nav-btn:hover, .sr-order-info__nav-btn:focus-visible { background: #f9fafb !important; border-color: #9ca3af !important; color: #111827 !important; } .sr-order-info__desktop-only { display: none !important; } @media (min-width: 992px) { #account-order-info.sr-order-info { padding: 16px 0 56px; } #account-order-info .sr-order-info__container.container { max-width: 1240px !important; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; } #account-order-info .sr-order-info__head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 20px; margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid var(--sr-border, #e2e5ea); } #account-order-info .sr-order-info__head-back { white-space: nowrap; } #account-order-info .sr-order-info__head-text { justify-content: center; text-align: center; } #account-order-info .sr-order-info__title { font-size: 1.75rem; } #account-order-info .sr-order-info__head-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; } #account-order-info .sr-order-info__meta-grid { gap: 20px; margin-bottom: 24px; } #account-order-info .sr-order-info__panel { background: #fff; border: 1px solid var(--sr-border, #e2e5ea); border-radius: 16px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); overflow: visible; } #account-order-info .sr-order-info__table { margin: 0; border: 0; } #account-order-info .sr-order-info__table th, #account-order-info .sr-order-info__table td { padding: 12px 18px; border-color: #eef0f3; vertical-align: middle; } #account-order-info .sr-order-info__table th { width: 38%; background: #f9fafb; font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.04em; } #account-order-info .sr-order-info__addresses { gap: 20px; margin-bottom: 28px; } #account-order-info .sr-order-info__address { background: #fff; border-color: var(--sr-border, #e2e5ea); border-radius: 16px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); padding: 20px 22px; } #account-order-info .sr-order-info__products { margin-bottom: 28px; padding: 22px 24px; background: #fff; border: 1px solid var(--sr-border, #e2e5ea); border-radius: 16px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); } #account-order-info .sr-order-info__section-title { margin-bottom: 18px; font-size: 1.25rem; } #account-order-info .sr-order-info__products-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; align-items: start; } #account-order-info .sr-order-info__totals-aside { position: sticky; top: 24px; } #account-order-info .sr-order-info__totals { margin: 0; padding: 18px 20px; border-radius: 14px; border: 1px solid #e5e7eb; background: #f9fafb; } #account-order-info .sr-order-info__totals-title { margin: 0 0 12px; padding-bottom: 10px; border-bottom: 1px solid #e5e7eb; font-size: 0.8125rem; font-weight: 410; letter-spacing: 0.06em; text-transform: uppercase; color: #6b7280; } #account-order-info .sr-order-info__product-table-wrap { border: 1px solid #eef0f3; border-radius: 12px; overflow: hidden; } #account-order-info .sr-order-info__product-table { margin: 0; font-size: 0.9375rem; } #account-order-info .sr-order-info__product-table thead th { padding: 12px 14px; background: #f3f4f6; border-bottom: 1px solid #e5e7eb; font-size: 0.75rem; font-weight: 410; letter-spacing: 0.04em; text-transform: uppercase; color: #6b7280; white-space: nowrap; } #account-order-info .sr-order-info__product-table tbody td { padding: 14px; border-bottom: 1px solid #eef0f3; vertical-align: top; color: #374151; } #account-order-info .sr-order-info__product-table tbody tr:last-child td { border-bottom: 0; } #account-order-info .sr-order-info__product-table-link { display: inline-block; margin-bottom: 4px; font-weight: 410; color: #111827; text-decoration: none; } #account-order-info .sr-order-info__product-table-link:hover { text-decoration: underline; } #account-order-info .sr-order-info__product-table-extra { font-size: 0.8125rem; line-height: 1.4; color: #6b7280; } #account-order-info .sr-order-info__product-table-model { white-space: nowrap; color: #6b7280; font-size: 0.875rem; } #account-order-info .sr-order-info__product-table-price, #account-order-info .sr-order-info__product-table-qty { white-space: nowrap; vertical-align: middle; } #account-order-info .sr-order-info__product-table-total { font-weight: 410; color: #111827; white-space: nowrap; } #account-order-info .sr-order-info__product-table-actions, #account-order-info .sr-order-info__desk-product-actions { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; } #account-order-info .sr-order-info__product-table-action { vertical-align: middle; white-space: nowrap; } #account-order-info .sr-order-info__product-table-action .sr-order-info__action-btn, #account-order-info .sr-order-info__desk-product-actions .sr-order-info__action-btn { width: auto; justify-content: center; white-space: nowrap; } #account-order-info .sr-order-info__product-table-action .sr-order-info__action-btn--return { margin-left: 0; } #account-order-info .sr-order-info__comment { margin-bottom: 28px; padding: 22px 24px; background: #fff; border: 1px solid var(--sr-border, #e2e5ea); border-radius: 16px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); } #account-order-info .sr-order-info__comment-body { border: 0; background: #f9fafb; padding: 16px 18px; } #account-order-info .sr-order-info__history-wrap { margin-bottom: 0; padding: 22px 24px; background: #fff; border: 1px solid var(--sr-border, #e2e5ea); border-radius: 16px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); } #account-order-info .sr-order-info__history-wrap .sr-order-info__section-title { margin-top: 0; margin-bottom: 16px; } #account-order-info .sr-order-info__history-wrap:has(.sr-order-info__history-empty) { padding-top: 18px; padding-bottom: 18px; } #account-order-info .sr-order-info__history-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } #account-order-info .sr-order-info__history-card { height: 100%; border-radius: 12px; } #account-order-info .sr-order-info__desktop-only { display: block !important; } #account-order-info .sr-order-info__head-actions.sr-order-info__desktop-only, #account-order-info .sr-order-info__head-back.sr-order-info__desktop-only { display: inline-flex !important; } #account-order-info .sr-order-info__mobile-only { display: none !important; } } @media (max-width: 991.98px) { #account-order-info.sr-order-info { width: 100%; max-width: 100%; overflow-x: clip; padding-top: 8px; padding-bottom: 24px; } #account-order-info .sr-order-info__container.container { width: 100% !important; max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; overflow-x: hidden; } #account-order-info .sr-order-info__head { flex-direction: column; align-items: stretch; gap: 10px; margin-bottom: 16px; padding-bottom: 0; border-bottom: 0; } #account-order-info .sr-order-info__head-text { justify-content: flex-start; text-align: left; } #account-order-info .sr-order-info__mobile-only { display: block !important; } #account-order-info .sr-order-info__meta-grid, #account-order-info .sr-order-info__addresses, .sr-order-info__meta-grid, .sr-order-info__addresses { display: flex !important; flex-direction: column !important; grid-template-columns: 1fr !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; } #account-order-info .sr-order-info__panel, #account-order-info .sr-order-info__address { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; overflow: visible; background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 14px 16px; } #account-order-info .sr-order-info__products { margin-bottom: 16px; padding: 16px; background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04); } #account-order-info .sr-order-info__products-layout { display: flex; flex-direction: column; gap: 16px; } #account-order-info .sr-order-info__totals { margin: 0; padding: 14px 16px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f9fafb; } #account-order-info .sr-order-info__product-actions { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; width: 100% !important; margin-top: 12px; } #account-order-info .sr-order-info__product-actions .sr-order-info__action-btn { width: 100% !important; max-width: none !important; min-height: 44px !important; padding: 10px 14px !important; font-size: 0.875rem !important; justify-content: center; border-radius: 10px !important; } #account-order-info .sr-order-info__action-btn--return { margin-left: 0 !important; } #account-order-info .sr-order-info__table { width: 100% !important; max-width: 100% !important; table-layout: fixed; } #account-order-info .sr-order-info__table th, #account-order-info .sr-order-info__table td { word-break: break-word; overflow-wrap: anywhere; } #account-order-info .sr-order-info__address-body { overflow-wrap: anywhere; word-break: break-word; } #account-order.sr-orders { width: 100%; max-width: 100%; overflow-x: clip; } #account-order .sr-orders__container.container { width: 100% !important; max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; overflow-x: hidden; } #account-order .sr-order-card { grid-template-columns: 1fr !important; max-width: 100% !important; overflow: hidden; } .sr-order-info__product-stats { grid-template-columns: 1fr; } .sr-order-info__stat { display: flex; align-items: center; justify-content: space-between; text-align: left; } .sr-order-info__stat dt { margin: 0; } .sr-order-info__history-pager { flex-direction: column; align-items: stretch; } .sr-order-info__history-pagination .pagination { flex-wrap: wrap; justify-content: center; } #account-order-info .sr-order-info__nav, .sr-order-info__nav { flex-direction: column; align-items: stretch; justify-content: flex-start; max-width: 100%; overflow: hidden; } #account-order-info .sr-order-info__nav-actions, .sr-order-info__nav-actions { flex-direction: column; align-items: stretch; width: 100%; max-width: 100%; } #account-order-info .sr-order-info__nav-btn, .sr-order-info__nav-btn { width: 100%; max-width: 100%; min-width: 0; } } /* —— Finalizare comandă (checkout/checkout) —— */ .sr-checkout-steps { width: 100%; clear: both; padding: 8px 0 48px; background: var(--sr-surface-muted, #f6f7f9); } .sr-checkout-steps__container { max-width: none !important; width: 100%; margin-left: auto; margin-right: auto; padding-left: clamp(12px, 2.5vw, 24px); padding-right: clamp(12px, 2.5vw, 24px); } .sr-checkout-steps__breadcrumb { margin-bottom: 20px; } .sr-checkout-steps__head { margin-bottom: 24px; } .sr-checkout-steps__title { margin: 0 0 8px; font-size: 20px; font-weight: 410; } .sr-checkout-steps__lead { margin: 0; max-width: 60ch; color: var(--sr-text-muted, #5c6370); line-height: 1.55; } .sr-checkout-steps__head-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .sr-checkout-steps__kicker { margin: 0 0 6px; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 410; color: #6b7280; } .sr-checkout-steps__back-cart { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; min-height: 42px; padding: 0 16px; border-radius: 999px; border: 1px solid #d1d5db; background: #fff; color: #111827; font-size: 13px; font-weight: 410; text-decoration: none; white-space: nowrap; } .sr-checkout-steps__back-cart:hover { color: #111827; border-color: #9ca3af; background: #f9fafb; } .sr-checkout-steps__progress { margin: 0 0 20px; } .sr-checkout-mobile-progress { display: none; margin-bottom: 16px; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid #e5e7eb; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .sr-checkout-mobile-progress__row { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; } .sr-checkout-mobile-progress__count { font-size: 0.75rem; font-weight: 410; color: #6b7280; white-space: nowrap; } .sr-checkout-mobile-progress__title { font-size: 0.9375rem; font-weight: 410; color: #111827; text-align: right; } .sr-checkout-mobile-progress__track { height: 6px; border-radius: 999px; background: #eef2f7; overflow: hidden; } .sr-checkout-mobile-progress__bar { display: block; height: 100%; width: 33%; border-radius: inherit; background: linear-gradient(90deg, #0f766e, #111827); transition: width 0.25s ease; } .sr-checkout-steps__progress--desktop { display: block; } .sr-checkout-steps__progress-list { list-style: none; margin: 0; padding: 0; display: flex; align-items: stretch; gap: 0; counter-reset: sr-checkout-step; } .sr-checkout-steps__progress-list li { position: relative; flex: 1 1 0; display: flex; min-width: 0; padding: 0 6px; } .sr-checkout-steps__progress-list li::before { content: ''; position: absolute; top: 19px; left: -50%; right: 50%; height: 2px; background: #e5e7eb; z-index: 0; } .sr-checkout-steps__progress-list li:first-child::before { display: none; } .sr-checkout-steps__progress-list li.is-done::before { background: #a7f3d0; } .sr-checkout-steps__progress-dot { width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 2px solid #e5e7eb; color: #4b5563; font-size: 0.9375rem; font-weight: 410; flex-shrink: 0; transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .sr-checkout-steps__progress-text { min-width: 0; } .sr-checkout-steps__progress-list li.is-active .sr-checkout-steps__progress-btn { color: #111827; } .sr-checkout-steps__progress-list li.is-active .sr-checkout-steps__progress-dot { background: #111827; color: #fff; box-shadow: 0 0 0 4px rgba(17, 24, 39, 0.12); } .sr-checkout-steps__progress-list li.is-done .sr-checkout-steps__progress-btn { color: #374151; } .sr-checkout-steps__progress-list li.is-done .sr-checkout-steps__progress-dot { background: #d1fae5; color: #0f766e; } .sr-checkout-panel__header { margin-bottom: 16px; } .sr-checkout-panel__kicker { display: block; margin-bottom: 6px; font-size: 0.875rem; font-weight: 410; letter-spacing: 0.06em; text-transform: uppercase; color: #0f766e; } .sr-checkout-panel__title { margin: 0; font-size: 16px; font-weight: 410; line-height: 1.25; } .sr-checkout-panel__title--simple { font-size: inherit; } .sr-checkout-wizard .sr-checkout-method__section-lead.sr-checkout-method__head { display: block; margin: 0 0 16px; font-size: 1rem; color: #4b5563; line-height: 1.55; } .sr-checkout-panel--primary { border-color: #d1d5db; } .sr-checkout-panel__title--simple { font-size: 1.1rem; margin-bottom: 12px; } .sr-checkout-panel__body--stack > .sr-checkout-panel__block + .sr-checkout-panel__block { margin-top: 18px; padding-top: 18px; border-top: 1px solid #eef0f3; } .sr-checkout-delivery-choice { padding: 12px 14px; border-radius: 12px; background: #f8fafc; border: 1px solid #e5e7eb; } .sr-checkout-delivery-choice__toggle { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-weight: 410; cursor: pointer; } .sr-checkout-delivery-choice__toggle input { margin-top: 3px; flex-shrink: 0; } .sr-checkout-delivery-choice__hint { margin: 8px 0 0 28px; font-size: 0.8125rem; color: #6b7280; line-height: 1.45; } .sr-checkout-account-opt-in { padding: 14px 16px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f8fafc; transition: border-color 0.15s ease, background-color 0.15s ease; } .sr-checkout-account-opt-in.is-active { border-color: #111827; background: #f3f4f6; } .sr-checkout-account-opt-in__check { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 0; min-height: auto; } .sr-checkout-account-opt-in__check .form-check-input { width: 1.25rem; height: 1.25rem; margin: 0.15rem 0 0; flex-shrink: 0; border: 2px solid #9ca3af; border-radius: 0.25rem; cursor: pointer; } .sr-checkout-account-opt-in.is-active .form-check-input { border-color: #111827; background-color: #111827; } .sr-checkout-account-opt-in__label { display: flex; flex-direction: column; gap: 4px; cursor: pointer; padding: 0; } .sr-checkout-account-opt-in__title { font-size: 1rem; font-weight: 410; color: #111827; line-height: 1.35; } .sr-checkout-account-opt-in__hint { font-size: 0.875rem; font-weight: 400; color: #6b7280; line-height: 1.45; } .sr-checkout-account-opt-in__status { margin: 10px 0 0; padding: 8px 12px 8px calc(1.25rem + 12px); border-radius: 8px; font-size: 0.875rem; font-weight: 410; line-height: 1.4; } .sr-checkout-account-opt-in__status.is-off { color: #4b5563; background: #fff; border: 1px dashed #d1d5db; } .sr-checkout-account-opt-in__status.is-on { color: #111827; background: #f3f4f6; border: 1px solid #d1d5db; } .sr-checkout-contact-block { margin-bottom: 4px; } .sr-checkout-contact-block__label { margin: 0 0 8px; font-size: 0.875rem; font-weight: 410; color: #374151; } .sr-address-save-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; } .sr-address-save-feedback { display: none; align-items: center; gap: 8px; width: 100%; max-width: 420px; margin-left: auto; padding: 10px 14px; font-size: 15px; font-weight: 410; line-height: 1.4; color: #166534; background: #ecfdf3; border: 1px solid #86efac; border-radius: 10px; } .sr-address-save-feedback.is-visible, .sr-address-save-feedback:not([hidden]) { display: flex; } .sr-address-save-feedback i { flex-shrink: 0; font-size: 18px; color: #16a34a; } .sr-address-save-btn--busy { opacity: 0.7; pointer-events: none; } .sr-address-save-btn--saved {} .sr-checkout-steps__trust { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } .sr-checkout-steps__trust li { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 8px 12px; border-radius: 10px; background: #fff; border: 1px solid #e5e7eb; font-size: 12px; color: #374151; } .sr-checkout-steps__trust li i { color: #0f766e; width: 18px; text-align: center; } .sr-checkout-panel--summary { position: sticky; top: 12px; } .sr-checkout-steps__reassurance { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 20px; } .sr-checkout-steps__reassurance-item { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; border-radius: 12px; border: 1px solid #e5e7eb; background: #fff; color: #374151; font-size: 12px; font-weight: 500; padding: 0 12px; } .sr-checkout-steps__reassurance-item i { color: #0f766e; flex-shrink: 0; } .sr-checkout-steps__layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr); gap: 20px; align-items: start; } .sr-checkout-panel { background: #fff; border: 1px solid var(--sr-border, #e2e5ea); border-radius: 16px; padding: 24px 26px; margin-bottom: 16px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); } .sr-checkout-panel--compact { padding: 16px 18px; } .sr-checkout-panel--confirm { margin-bottom: 0; } .sr-checkout-panel__header .sr-checkout-panel__title { display: block; margin: 0; font-size: 16px; font-weight: 410; line-height: 1.25; } .sr-checkout-panel__title { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 1.125rem; font-weight: 410; } .sr-checkout-panel__step { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 999px; background: #111827; color: #fff; font-size: 0.8125rem; font-weight: 410; flex-shrink: 0; } .sr-checkout-panel__section { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--sr-border, #e2e5ea); } .sr-checkout-panel fieldset { border: 0; padding: 0; margin: 0 0 16px; } .sr-checkout-panel fieldset legend { font-size: 1rem; font-weight: 410; margin-bottom: 12px; padding: 0; } .sr-checkout-method__card { display: flex; gap: 14px; align-items: flex-start; padding: 14px; border-radius: 12px; background: #f8fafc; border: 1px solid #e5e7eb; cursor: pointer; } .sr-checkout-method__icon { width: 44px; height: 44px; border-radius: 12px; background: #fff; border: 1px solid #e5e7eb; display: flex; align-items: center; justify-content: center; color: #111827; flex-shrink: 0; } .sr-checkout-method__content { flex: 1; min-width: 0; } .sr-checkout-method__name { margin: 0 0 4px; font-size: 1rem; font-weight: 410; } .sr-checkout-method__desc, .sr-checkout-method__address { margin: 0 0 4px; font-size: 0.875rem; color: #6b7280; line-height: 1.45; } .sr-checkout-method__price { margin: 6px 0 0; font-weight: 410; color: #0f5132; } .sr-checkout-method__badge { flex-shrink: 0; font-size: 0.75rem; font-weight: 410; padding: 6px 10px; border-radius: 999px; background: #e9ecef; color: #495057; max-width: 140px; text-align: center; line-height: 1.3; } .sr-checkout-method__badge--active { background: #d1e7dd; color: #0f5132; } .sr-checkout-method__head { margin-bottom: 12px; } .sr-checkout-method__section-title { margin: 0 0 4px; font-size: 1.05rem; font-weight: 410; } .sr-checkout-method__section-lead { margin: 0; font-size: 0.875rem; color: #6b7280; } .sr-checkout-payment-options { display: grid; gap: 10px; margin-bottom: 4px; } .sr-checkout-payment-option { display: block; margin: 0; cursor: pointer; } .sr-checkout-payment-option__input { position: absolute; opacity: 0; pointer-events: none; } .sr-checkout-payment-option__card, .sr-checkout-shipping-option__card { display: flex; align-items: flex-start; gap: 16px; min-height: 88px; padding: 18px 20px; border: 2px solid #e5e7eb; border-radius: 14px; background: #fff; transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease; } .sr-checkout-payment-option:hover .sr-checkout-payment-option__card, .sr-checkout-shipping-option:hover .sr-checkout-shipping-option__card { border-color: #cbd5e1; background: #fafbfc; } .sr-checkout-payment-option.is-selected .sr-checkout-payment-option__card, .sr-checkout-payment-option__input:focus-visible + .sr-checkout-payment-option__card, .sr-checkout-shipping-option.is-selected .sr-checkout-shipping-option__card, .sr-checkout-shipping-option__input:focus-visible + .sr-checkout-shipping-option__card { border-color: #111827; background: #f8fafc; box-shadow: 0 0 0 1px #111827, 0 4px 14px rgba(0, 0, 0, 0.06); } .sr-checkout-payment-option__icon { flex: 0 0 48px; width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: #f3f4f6; color: #1a1a1a; font-size: 1.2rem; } .sr-checkout-payment-option__content { flex: 1 1 auto; min-width: 0; } .sr-checkout-payment-option__title { display: block; font-size: 1.0625rem; font-weight: 410; color: #1a1a1a; } .sr-checkout-payment-option__desc { display: block; margin-top: 4px; font-size: 0.9375rem; line-height: 1.5; color: #6b7280; } .sr-checkout-payment-option__check { flex: 0 0 auto; color: #d1d5db; font-size: 1.15rem; line-height: 1; margin-top: 2px; } .sr-checkout-payment-option.is-selected .sr-checkout-payment-option__check { color: #0f5132; } .sr-checkout-comment { margin-top: 14px; } .sr-checkout-contact { margin-top: 12px; } .sr-checkout-contact .form-label { font-weight: 410; } .sr-checkout-comment__label { font-weight: 410; } .sr-checkout-agree { margin-top: 12px; } /* Termeni obligatorii — evidențiere când clientul încearcă să comande fără bifă */ .sr-checkout-agree.sr-agree-required { padding: 8px 10px; border: 1px solid #ef4444; border-radius: 8px; background: #fef2f2; } .sr-checkout-agree.sr-agree-required .form-check-input { border-color: #ef4444; } .sr-agree-required-msg { margin-top: 6px; font-size: 0.9375rem; font-weight: 500; color: #b91c1c; line-height: 1.4; } .sr-checkout-steps__pay-note { margin: 0 0 16px; padding: 0 4px; font-size: 0.9375rem; color: #6b7280; line-height: 1.45; } .sr-checkout-confirm__row { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f1f3f5; } .sr-checkout-confirm__name { flex: 1; min-width: 0; font-size: 1rem; } .sr-checkout-confirm__qty { font-weight: 410; margin-right: 4px; } .sr-checkout-confirm__total { font-weight: 410; white-space: nowrap; } .sr-checkout-confirm__totals { margin-top: 12px; padding-top: 8px; } .sr-checkout-confirm__total-row { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; font-size: 1rem; } .sr-checkout-confirm__total-row--grand { margin-top: 6px; padding-top: 10px; border-top: 1px solid #e5e7eb; font-size: 1.1875rem; } .sr-checkout-confirm__action { margin-top: 16px; } .sr-checkout-confirm__btn, #checkout-payment .btn-primary { width: 100%; min-height: 42px; font-size: 14px; font-weight: 400; } /* Checkout — hover stabil (fără licărire la mouseover) */ body[class*="checkout-checkout"] #button-confirm, body[class*="checkout-checkout"] .sr-checkout-confirm__btn, body[class*="checkout-checkout"] #sr-checkout-btn-next, body[class*="checkout-cart"] .sr-checkout-page__checkout { box-shadow: 0 2px 8px rgba(17, 24, 39, 0.12) !important; transform: none !important; transition: background-color 0.15s ease, border-color 0.15s ease !important; } body[class*="checkout-checkout"] #button-confirm:hover, body[class*="checkout-checkout"] .sr-checkout-confirm__btn:hover, body[class*="checkout-checkout"] #sr-checkout-btn-next:hover:not(:disabled):not(.disabled), body[class*="checkout-checkout"] #button-confirm:focus-visible, body[class*="checkout-checkout"] .sr-checkout-confirm__btn:focus-visible, body[class*="checkout-checkout"] #sr-checkout-btn-next:focus-visible:not(:disabled):not(.disabled), body[class*="checkout-cart"] .sr-checkout-page__checkout:hover, body[class*="checkout-cart"] .sr-checkout-page__checkout:focus-visible { background: var(--sr-btn-bg-hover) !important; border-color: var(--sr-btn-bg-hover) !important; color: #fff !important; box-shadow: 0 2px 8px rgba(17, 24, 39, 0.12) !important; transform: none !important; outline: none !important; } /* Wizard checkout — pași navigabili */ .sr-checkout-steps .form-control, .sr-checkout-steps .form-select { min-height: 52px; padding: 12px 14px; font-size: 1.0625rem; } /* Cod reducere (pas final): inputul primea min-height 52px din regula `.sr-checkout-steps .form-control` de mai sus și ieșea prea înalt. Îl coborâm la 42px DOAR pentru câmpul de cupon (nu atingem inputurile de adresă), iar butonul „Aplică" se întinde exact cât inputul. */ .sr-checkout-steps .sr-checkout-coupon__form .sr-checkout-coupon__input { min-height: 42px !important; height: 42px !important; padding: 8px 14px !important; } .sr-checkout-steps .sr-checkout-coupon__form .sr-checkout-coupon__btn { height: auto !important; min-height: 0 !important; align-self: stretch; } .sr-checkout-steps .form-label { font-size: 1.0625rem; font-weight: 400; margin-bottom: 6px; } .sr-checkout-steps .form-check-label { font-size: 1.0625rem; line-height: 1.45; } .sr-checkout-steps .form-check-input { width: 1.15em; height: 1.15em; margin-top: 0.2em; } .sr-checkout-alert { margin-bottom: 12px; } .sr-checkout-wizard__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(16px, 3vw, 24px); align-items: start; } .sr-checkout-wizard__main { min-width: 0; width: 100%; max-width: 1040px; margin: 0 auto; } .sr-checkout-wizard__aside { position: sticky; top: 12px; } .sr-checkout-wizard__step[hidden] { display: none !important; } .sr-checkout-wizard__step.is-active { display: block; } #sr-checkout-step-1 .sr-checkout-panel { max-width: 980px; margin-left: auto; margin-right: auto; padding: 30px 34px; } #sr-checkout-step-1 .sr-checkout-panel__title { font-size: 16px; } #sr-checkout-step-1 legend, #sr-checkout-step-2 legend { display: none; } #sr-checkout-step-1 .form-label { font-size: 1rem; font-weight: 400; } #sr-checkout-step-1 .form-control, #sr-checkout-step-1 .form-select { min-height: 50px; font-size: 1rem; border-radius: 10px; } #sr-checkout-step-1 .invalid-feedback { font-size: 0.9375rem; font-weight: 410; } #sr-checkout-step-1 .sr-combo.is-invalid .sr-combo__input { border-color: var(--bs-form-invalid-border-color, #dc3545); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15); } @keyframes srCheckoutAutofillStart { from { opacity: 1; } to { opacity: 1; } } #checkout-checkout input:-webkit-autofill { animation-name: srCheckoutAutofillStart; animation-duration: 0.01s; } #sr-checkout-step-1 .sr-checkout-contact-block__label, #sr-checkout-step-1 .sr-billing-type__title { font-size: 1.0625rem; } /* Pas 2 — panel facturare / livrare */ #sr-checkout-step-2 .sr-checkout-panel--billing { padding: 28px 32px; font-size: 1.0625rem; } #sr-checkout-step-2 .sr-checkout-panel__kicker { font-size: 0.875rem; } #sr-checkout-step-2 .sr-checkout-panel__title { font-size: 16px; } #sr-checkout-step-2 legend, #sr-checkout-step-2 .sr-billing-type__title { font-size: 1.125rem; font-weight: 400; } #sr-checkout-step-2 .form-label { font-size: 1.0625rem; font-weight: 400; } #sr-checkout-step-2 .form-control, #sr-checkout-step-2 .form-select { min-height: 50px; font-size: 1.0625rem; } #sr-checkout-step-2 .form-check-label { font-size: 1.0625rem; font-weight: 400; } #sr-checkout-step-2 .sr-billing-type__option span { font-size: 1.0625rem; min-height: 44px; } #sr-checkout-step-2 .sr-checkout-delivery-choice__toggle { font-size: 1.0625rem; } #sr-checkout-step-2 .sr-checkout-delivery-choice__hint, #sr-checkout-step-2 .sr-delivery-toggle__hint { font-size: 1rem; } #sr-checkout-step-2 #payment-addresses .form-check-label, #sr-checkout-step-2 #shipping-addresses .form-check-label { font-size: 1.0625rem; } #sr-checkout-step-2 .invalid-feedback { font-size: 1rem; font-weight: 410; } #sr-checkout-step-2 .sr-delivery-address-mode__btn { font-size: 1.0625rem; min-height: 60px; padding: 14px 16px; } #sr-checkout-step-2 .sr-delivery-address-mode__title { font-size: 1.0625rem; } #sr-checkout-step-2 .sr-delivery-address-mode__hint { font-size: 1rem; } .sr-checkout-address-existing__actions { display: block; } .sr-checkout-address-existing__actions .form-select { width: 100%; min-height: 50px; font-size: 1rem; border-radius: 10px; } #payment-addresses, #shipping-addresses { margin-bottom: 14px; padding: 14px 16px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; } #payment-addresses .form-check-label, #shipping-addresses .form-check-label { font-size: 1.03rem; font-weight: 400; color: #1f2937; } #payment-addresses .form-check, #shipping-addresses .form-check { display: flex; align-items: flex-start; gap: 0.55rem; padding-left: 0; margin-bottom: 8px; } #payment-addresses .form-check .form-check-input, #shipping-addresses .form-check .form-check-input { float: none; margin-left: 0; margin-right: 0; margin-top: 0.2em; flex-shrink: 0; } #payment-addresses .form-check .form-check-label, #shipping-addresses .form-check .form-check-label { flex: 1 1 auto; min-width: 0; } #payment-existing, #shipping-existing { margin-top: 10px; } .sr-checkout-address-existing__hint { margin-top: 8px; margin-bottom: 0; font-size: 0.9375rem; line-height: 1.45; } @media (max-width: 767.98px) { #sr-checkout-step-1 .sr-checkout-panel { padding: 20px 16px; } #sr-checkout-step-2 .sr-checkout-panel--billing { padding: 20px 16px; } .sr-checkout-address-existing__actions { display: block; } } .sr-checkout-shipping-option__price.is-loading { opacity: 0.45; } #checkout-shipping-method.is-loading { opacity: 0.55; pointer-events: none; } .sr-checkout-shipping-option--fan .sr-checkout-shipping-option__price { font-size: 1.1875rem; font-weight: 410; color: #0f766e; } .sr-checkout-shipping-option__badge { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px; font-size: 0.6875rem; font-weight: 410; letter-spacing: 0.06em; text-transform: uppercase; vertical-align: middle; color: #0f766e; background: rgba(15, 118, 110, 0.1); border: 1px solid rgba(15, 118, 110, 0.25); } .sr-checkout-shipping-option--fan-error .sr-checkout-shipping-option__card { border-color: #fecaca; background: #fff7f7; } .sr-checkout-shipping-option--fan-error .sr-checkout-shipping-option__price--error, .sr-checkout-shipping-option__price--error { color: #b91c1c; font-weight: 410; } .sr-checkout-shipping-option--disabled { cursor: not-allowed; opacity: 0.92; } .sr-checkout-shipping-option--disabled .sr-checkout-shipping-option__card { border-color: #e5e7eb; background: #f9fafb; box-shadow: none; } .sr-checkout-shipping-option--disabled:hover .sr-checkout-shipping-option__card { transform: none; box-shadow: none; } .sr-checkout-shipping-option--disabled .sr-checkout-shipping-option__check { opacity: 0.25; } .sr-checkout-quote-notice { margin: 0 0 16px; padding: 14px 18px; font-size: 0.9375rem; line-height: 1.55; border-radius: 12px; } .sr-checkout-quote-notice strong { font-size: 1.0625rem; font-weight: 410; } .sr-checkout-quote-notice__hint { display: inline-block; margin-top: 4px; } .sr-checkout-wizard__final-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: clamp(14px, 2.5vw, 20px); align-items: start; } .sr-checkout-panel--summary { border-color: #d1d5db; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); } .sr-checkout-wizard__nav-spacer { display: none; height: 88px; } .sr-checkout-wizard__nav-wrap { margin-top: 8px; } .sr-checkout-wizard__nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 0; padding: 16px 0 0; border-top: 1px solid #e5e7eb; } .sr-checkout-wizard__btn-next, .sr-checkout-wizard__btn-back { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; min-width: min(100%, 200px); padding: 0 22px; font-weight: 400; border-radius: 12px; } .sr-checkout-wizard__btn-next { flex: 1 1 auto; margin-left: auto; max-width: 320px; } /* Un singur „Continuă” — bara wizard înlocuiește butonul din formular */ .sr-checkout-wizard:has(#sr-checkout-btn-next) #button-register { display: none !important; } .sr-checkout-wizard__btn-back { flex: 0 1 auto; } .sr-checkout-steps__progress-btn { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; margin: 0; padding: 8px 4px 4px; border: 0; border-radius: 12px; background: transparent; color: #6b7280; font-size: 0.875rem; font-weight: 410; line-height: 1.25; text-align: center; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } .sr-checkout-steps__progress-btn:hover:not(:disabled) { background: #f3f4f6; color: #111827; } .sr-checkout-steps__progress-text { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sr-checkout-steps__progress-btn:disabled { cursor: not-allowed; opacity: 0.55; } .sr-checkout-panel__lead { margin: -6px 0 14px; font-size: 0.9375rem; color: #6b7280; line-height: 1.5; } .sr-checkout-shipping-options { display: grid; gap: 12px; } .sr-checkout-shipping-option { display: block; margin: 0; cursor: pointer; } .sr-checkout-shipping-option__input { position: absolute; opacity: 0; pointer-events: none; } .sr-checkout-shipping-option__icon { flex: 0 0 52px; width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: #f3f4f6; color: #111827; font-size: 1.25rem; } .sr-checkout-shipping-option__content { flex: 1 1 auto; min-width: 0; } .sr-checkout-shipping-option__title { display: block; font-size: 1.0625rem; font-weight: 410; color: #111827; line-height: 1.35; } .sr-checkout-shipping-option__desc { display: block; margin-top: 4px; font-size: 0.9375rem; line-height: 1.5; color: #6b7280; } .sr-checkout-shipping-option__price { display: inline-block; margin-top: 8px; font-size: 1.0625rem; font-weight: 410; color: #0f766e; } .sr-checkout-shipping-option__check { flex: 0 0 auto; color: #d1d5db; font-size: 1.4rem; margin-top: 4px; } .sr-checkout-shipping-option.is-selected .sr-checkout-shipping-option__check { color: #0f766e; } .sr-checkout-shipping-tiers { margin: 14px 0 0; padding: 12px 16px; border-radius: 12px; background: #f8fafc; border: 1px solid #e5e7eb; font-size: 0.9375rem; line-height: 1.55; color: #6b7280; } .sr-checkout-panel--delivery-address { margin-top: 16px; } .sr-delivery-address-mode { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; } .sr-delivery-address-mode__btn { display: flex; align-items: flex-start; justify-content: flex-start; gap: 12px; min-height: 58px; padding: 14px 16px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; color: #374151; font-size: 1.0625rem; font-weight: 400; line-height: 1.4; text-align: left; cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .sr-delivery-address-mode__icon { flex: 0 0 auto; margin-top: 3px; font-size: 1.35rem; color: #6b7280; } .sr-delivery-address-mode__btn.is-active .sr-delivery-address-mode__icon { color: #111827; } .sr-delivery-address-mode__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; } .sr-delivery-address-mode__title { font-size: 1.0625rem; font-weight: 400; line-height: 1.4; } .sr-delivery-address-mode__hint { font-size: 0.9375rem; font-weight: 400; line-height: 1.45; color: #6b7280; } .sr-delivery-address-mode__btn.is-active .sr-delivery-address-mode__hint { color: #4b5563; } .sr-delivery-address-mode__btn:hover { border-color: #9ca3af; background: #f9fafb; } .sr-delivery-address-mode__btn.is-active { border-color: #111827; background: #f8fafc; color: #111827; box-shadow: 0 0 0 1px #111827; } .sr-delivery-billing-summary { margin-bottom: 14px; padding: 12px 14px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f3f4f6; } .sr-delivery-billing-summary__label { margin: 0 0 4px; font-size: 0.75rem; font-weight: 410; text-transform: uppercase; letter-spacing: 0.04em; color: #4b5563; } .sr-delivery-billing-summary__text { margin: 0; font-size: 0.9375rem; line-height: 1.5; color: #111827; } .sr-delivery-address-forms[hidden] { display: none !important; } .sr-checkout-wizard__nav--final .sr-checkout-wizard__btn-next { display: none; } /* Desktop (≥992px): pe pasul final arată și în bara de jos un „Plasează comanda" în dreapta, în linie cu „Înapoi" (butonul din sumar rămâne). Puțin mai mare, aliniat ca înălțime cu „Înapoi". Scopat pe desktop ca să nu strice bara compactă de pe mobil (≤991.98px). */ @media (min-width: 992px) { .sr-checkout-wizard__nav--final .sr-checkout-wizard__btn-next { display: inline-flex; min-height: 42px; font-size: 14px; } .sr-checkout-wizard__nav--final .sr-checkout-wizard__btn-back:not([hidden]) { min-height: 42px; font-size: 14px; } } @media (max-width: 767.98px) { .sr-checkout-wizard__nav--final .sr-checkout-wizard__btn-next { display: inline-flex !important; } body[class*="checkout-checkout"] #sr-checkout-step-3 .sr-checkout-confirm__action { display: none !important; } } @media (max-width: 991.98px) { .sr-checkout-wizard__layout { grid-template-columns: 1fr; } .sr-checkout-wizard__aside { position: static; order: -1; } .sr-checkout-steps__trust { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; scrollbar-width: none; } .sr-checkout-steps__trust::-webkit-scrollbar { display: none; } .sr-checkout-steps__trust li { flex: 0 0 auto; white-space: nowrap; min-height: 40px; } .sr-checkout-wizard__final-grid { grid-template-columns: 1fr; } .sr-checkout-panel--order-first-mobile { order: -1; } .sr-checkout-panel--summary { position: static; } .sr-checkout-steps__layout { grid-template-columns: 1fr; } .sr-delivery-address-mode { grid-template-columns: 1fr; } } @media (max-width: 767.98px) { .sr-checkout-steps { padding-bottom: 24px; } .sr-checkout-mobile-progress { display: block; } .sr-checkout-steps__progress--desktop { display: none; } .sr-checkout-steps__head-top { flex-direction: row; align-items: center; gap: 12px; } .sr-checkout-steps__head-copy { flex: 1 1 auto; min-width: 0; } .sr-checkout-steps__title { font-size: 1.25rem; } .sr-checkout-steps__back-cart { flex-shrink: 0; width: 40px; height: 40px; min-height: 40px; padding: 0; border-radius: 12px; justify-content: center; gap: 0; font-size: 0; border-color: #e5e7eb; background: #f3f4f6; color: #374151; box-shadow: none; } .sr-checkout-steps__back-cart:hover, .sr-checkout-steps__back-cart:focus-visible { color: #111827; border-color: #d1d5db; background: #e5e7eb; } .sr-checkout-steps__back-cart span { display: none; } .sr-checkout-steps__back-cart i { margin: 0; font-size: 1rem; line-height: 1; } .sr-checkout-panel { padding: 16px; border-radius: 14px; } .sr-checkout-wizard__nav-spacer { display: block; } .sr-checkout-wizard__nav-wrap { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040; margin: 0; padding: 0; background: transparent; pointer-events: auto; } .sr-checkout-wizard__nav-wrap::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 28px; background: linear-gradient(180deg, rgba(246, 247, 249, 0) 0%, rgba(246, 247, 249, 0.92) 100%); pointer-events: none; } .sr-checkout-wizard__nav-wrap .sr-checkout-wizard__nav { margin: 0 auto; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; padding: 8px var(--sr-mobile-pad, 16px) calc(8px + env(safe-area-inset-bottom, 0px)); padding-left: max(var(--sr-mobile-pad, 16px), env(safe-area-inset-left, 0px)); padding-right: max(var(--sr-mobile-pad, 16px), env(safe-area-inset-right, 0px)); border-top: 1px solid #e5e7eb; background: #fff; box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.06); } .sr-checkout-wizard__nav { flex-direction: row; gap: 8px; min-width: 0; } .sr-checkout-wizard__btn-next, .sr-checkout-wizard__btn-back { min-width: 0; min-height: 42px; max-width: none; flex: 1 1 0; margin: 0; padding: 0 10px; font-size: 0.875rem; border-radius: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sr-checkout-wizard__btn-back[hidden] { display: none !important; } .sr-checkout-wizard__nav--final .sr-checkout-wizard__btn-back:not([hidden]) { flex: 1 1 0; max-width: none; } .sr-checkout-wizard__nav--final .sr-checkout-wizard__btn-next { flex: 1 1 0; } } /* Cont — newsletter */ .sr-account-newsletter__container { max-width: 720px; margin: 0 auto; padding: 24px 16px 48px; } .sr-account-newsletter__breadcrumb { margin-bottom: 20px; } .sr-account-newsletter__head { margin-bottom: 24px; } .sr-account-newsletter__title { margin: 0 0 8px; font-family: Georgia, "Times New Roman", serif; /* 24.5px — ca titlurile celorlalte pagini de cont (succes/reset). 20260731formsz */ font-size: 1.75rem; font-weight: 400; color: #1a1a1a; } .sr-account-newsletter__lead { margin: 0; font-size: 15px; line-height: 1.6; color: #4a4a4a; } .sr-account-newsletter__card { padding: 24px; border: 1px solid #ebe9e6; border-radius: 12px; background: #faf9f7; } .sr-account-newsletter__hint { margin: 0 0 20px; font-size: 14px; line-height: 1.55; color: #666; } .sr-account-newsletter__switch.form-check.form-switch { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; min-height: auto; } .sr-account-newsletter__switch .form-check-input { width: 3rem; height: 1.5rem; margin: 0; flex-shrink: 0; } .sr-account-newsletter__switch .form-check-label { font-size: 14px; line-height: 1.5; color: #1a1a1a; } .sr-account-newsletter__actions { margin-top: 24px; text-align: center; } .sr-account-newsletter__nav { margin-top: 32px; } .sr-account-newsletter__nav-link { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #4a4a4a; text-decoration: none; } .sr-account-newsletter__nav-link:hover { color: #1a1a1a; } body.sr-nl-modal-open { overflow: hidden; } /* Back to top — fundal alb, săgeată neagră */ a.top_button.sr-top-button, a.top_button.sr-top-button:hover, a.top_button.sr-top-button:focus, a.top_button.sr-top-button:focus-visible, a.top_button.sr-top-button:active { background: #ffffff !important; background-color: #ffffff !important; border: 1px solid #e5e7eb !important; box-shadow: 0 2px 10px rgba(17, 24, 39, 0.12) !important; color: #111827 !important; } a.top_button.sr-top-button::before, a.top_button.sr-top-button:hover::before, a.top_button.sr-top-button:focus::before, a.top_button.sr-top-button:focus-visible::before, a.top_button.sr-top-button:active::before { color: #111827 !important; } /* PDP — Produse și accesorii potrivite (stil Miele) */ /* Aceeași lățime + aliniere ca blocul de descriere (.product_page_tab), ca să fie la fel de lat ca restul conținutului paginii. */ .sr-accessories-cross-sell { margin: 48px 0 32px; width: 100%; max-width: 100%; box-sizing: border-box; } .sr-accessories-cross-sell__heading { margin: 0 0 24px; font-size: 24px; font-weight: 400; line-height: 1.25; text-align: center; color: #1a1a1a; } .sr-accessories-cross-sell__tabs { display: flex; justify-content: center; margin-bottom: 20px; } .sr-accessories-cross-sell__tab h3 { margin: 0; padding: 10px 18px; font-size: 15px; font-weight: 500; line-height: 1.2; color: #1a1a1a; border-bottom: 2px solid #1a1a1a; } .sr-accessories-cross-sell__carousel-wrap { margin-top: 8px; } #product-info .sr-accessories-cross-sell .related_carousel.splide { overflow: visible; } #product-info .sr-accessories-cross-sell .splide__slide { height: auto; } /* ----------------------------------------------------------------------- */ /* Carduri accesorii = identice cu cardurile din categorie (.product-thumb) */ /* Stilul de bază (chenar, imagine, stoc, iconițe hover) e global; aici */ /* replicăm regulile scopate la #product-list ca să arate la fel. */ /* ----------------------------------------------------------------------- */ #product-info .sr-accessories-cross-sell .splide__list { align-items: stretch; } #product-info .sr-accessories-cross-sell .splide__slide { display: flex; justify-content: center; } /* Un singur accesoriu: Splide dă perPage 1, deci slide-ul e cât tot track-ul și cardul ar rămâne centrat în mijlocul paginii. Îl aliniem la stânga, ca într-o listare normală. */ #product-info .sr-accessories-cross-sell .splide__slide:only-child { justify-content: flex-start; } /* Cap lățime card: 1 singur accesoriu (sau înainte ca Splide să pornească) NU se mai întinde pe tot ecranul — rămâne un card normal. */ #product-info .sr-accessories-cross-sell .splide__slide > .product-thumb, #product-info .sr-accessories-cross-sell .splide__slide > .product-block { display: flex; flex-direction: column; width: 100%; max-width: 340px; height: 100%; } /* Anti-flash: până când Splide adaugă .is-initialized, arătăm un rând orizontal clipuit cu carduri de lățime fixă (nu prima imagine uriașă pe tot ecranul). */ #product-info .sr-accessories-cross-sell .splide:not(.is-initialized) .splide__track { overflow: hidden; } #product-info .sr-accessories-cross-sell .splide:not(.is-initialized) .splide__list { display: flex; flex-wrap: nowrap; gap: 20px; } #product-info .sr-accessories-cross-sell .splide:not(.is-initialized) .splide__slide { flex: 0 0 auto; width: 300px; max-width: 300px; } #product-info .sr-accessories-cross-sell .product-thumb .image { aspect-ratio: 1 / 1; flex: 0 0 auto; padding: 6px; } #product-info .sr-accessories-cross-sell .product-thumb .content { display: flex; flex: 1 1 auto; flex-direction: column; } #product-info .sr-accessories-cross-sell .product-thumb .description { display: flex; flex: 1 1 auto; flex-direction: column; padding: 20px !important; } #product-info .sr-accessories-cross-sell .product-thumb .description h4, #product-info .sr-accessories-cross-sell .product-thumb .description h4 a { color: #000 !important; margin-bottom: 4px !important; } @media (min-width: 768px) { .sr-accessories-cross-sell__tab h3 { font-size: 20px; font-weight: 500; line-height: 1.3; } #product-info .sr-accessories-cross-sell .product-thumb .description h4, #product-info .sr-accessories-cross-sell .product-thumb .description h4 a { font-family: var(--global-body-font-family) !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.45 !important; } } #product-info .sr-accessories-cross-sell .product-thumb .description h4 a { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } #product-info .sr-accessories-cross-sell .product-thumb .description .price, #product-info .sr-accessories-cross-sell .product-thumb .description .price .price-new { color: #000 !important; } #product-info .sr-accessories-cross-sell .product-thumb .description .rating .fa-stack { width: 12px !important; } #product-info .sr-accessories-cross-sell .product-thumb .description .rating .fa-stack .fa-star { font-size: 11px !important; } #product-info .sr-accessories-cross-sell .product-thumb .description .product_cart_btn { margin-top: 0; } /* Desktop: buton coș ca la categorie (pastilă full-width). Pe mobil (≤991px) lăsăm regula compactă .sr-card-cta din sr-mobile.css să guverneze, altfel #product-info bate regula mobilă (specificitate + !important) și butonul coș primea margin-top/padding/border-radius de desktop → ieșea din rândul cu „Compară" și părea inegal. */ @media (min-width: 992px) { #product-info .sr-accessories-cross-sell .product-thumb .description .product_cart_btn button.cart_button, #product-info .sr-accessories-cross-sell .product-thumb .description .product_cart_btn button.cart_button.option { width: 100%; font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; border-radius: 30px !important; padding: 10px 16px !important; margin-top: 11px !important; min-height: 44px; } } /* Mobil ≤991px — inima „favorite" din cardul de accesorii puțin mai mare (cardul e îngust, iar cercul de 32px părea prea mic). */ @media (max-width: 991px) { #product-info .sr-accessories-cross-sell .product-thumb .product_buttons .wishlist-button button { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; line-height: 36px !important; } #product-info .sr-accessories-cross-sell .product-thumb .product_buttons .wishlist-button button::before { width: 20px !important; height: 20px !important; } } .sr-accessory-tile { display: flex; flex-direction: column; height: 100%; min-height: 100%; background: transparent; } .sr-accessory-tile__link { display: block; color: inherit; text-decoration: none; } .sr-accessory-tile__link:hover { color: inherit; text-decoration: none; } .sr-accessory-tile__media { display: flex; align-items: center; justify-content: center; min-height: 240px; padding: 8px; background: #fff; } .sr-accessory-tile__image { width: 100%; max-width: 280px; height: auto; object-fit: contain; } .sr-accessory-tile__body { padding: 12px 4px 8px; } .sr-accessory-tile__tagline { display: block; margin-bottom: 6px; font-size: 12px; line-height: 1.35; color: rgba(0, 0, 0, 0.72); } .sr-accessory-tile__title { margin: 0 0 6px; font-size: 17px; font-weight: 500; line-height: 1.35; color: #1a1a1a; } .sr-accessory-tile__desc { margin: 0; font-size: 14px; line-height: 1.4; color: rgba(0, 0, 0, 0.72); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sr-accessory-tile__footer { display: flex; flex-direction: column; gap: 10px; margin-top: auto; padding: 0 4px 4px; } .sr-accessory-tile__price-current { font-size: 16px; font-weight: 500; color: #1a1a1a; } .sr-accessory-tile__price-old { margin-left: 8px; font-size: 14px; color: rgba(0, 0, 0, 0.55); text-decoration: line-through; } .sr-accessory-tile__price--na { font-size: 14px; color: rgba(0, 0, 0, 0.6); } .sr-accessory-tile__cart-form { margin: 0; } .sr-accessory-tile__cart-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 40px; padding: 8px 14px; border: 1px solid #1a1a1a; border-radius: 0; background: #fff; color: #1a1a1a; font-size: 14px; font-weight: 500; line-height: 1.2; cursor: pointer; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease; } .sr-accessory-tile__cart-btn:hover:not(:disabled) { background: #1a1a1a; color: #fff; } .sr-accessory-tile__cart-btn:disabled { opacity: 0.45; cursor: not-allowed; } .sr-accessory-tile__cart-btn--link { box-sizing: border-box; } .sr-account-dash__submit:hover, .sr-account-dash__submit:focus, .sr-account-dash__submit:active, .sr-nl-settings__submit:hover, .sr-nl-settings__submit:focus, .sr-nl-settings__submit:active { font-weight: 400; } @media (max-width: 767px) { .sr-accessories-cross-sell { margin: 36px auto 32px; margin-right: auto; width: calc(100% - 32px); padding: 0 16px; } .sr-accessory-tile__media { min-height: 220px; } } /* ======================================================================== */ /* Checkout pe ecrane ≥992px: sumarul/opțiunile la 15px pentru lizibilitate. */ /* Câmpurile de formular rămân la 14px, ca pe restul site-ului (vezi regula */ /* separată de mai jos) — la fel ca pe banda 1500–2000px. 20260731formsz */ /* ======================================================================== */ @media (min-width: 992px) { #checkout-checkout .form-label, #checkout-checkout .form-control, #checkout-checkout .form-select, #checkout-checkout .form-check-label, #checkout-checkout .sr-checkout-account-opt-in__label, .sr-combo__input { font-size: 14px !important; } #checkout-checkout .sr-checkout-account-opt-in__hint, #checkout-checkout .sr-checkout-account-opt-in__status, #checkout-checkout .sr-checkout-steps__progress-text, #checkout-checkout .sr-checkout-delivery__lead, #checkout-checkout .sr-checkout-panel__lead, #checkout-checkout .sr-checkout-panel__block p, #checkout-checkout .sr-delivery-billing-summary__text, #checkout-checkout .sr-checkout-steps__pay-note, #checkout-checkout .sr-checkout-shipping-tiers, #checkout-checkout .sr-checkout-address-existing__hint, #checkout-checkout .sr-billing-type__lead, #checkout-checkout .sr-agree-required-msg, #checkout-checkout .sr-checkout-coupon__label, #checkout-checkout .sr-checkout-coupon__btn, #checkout-checkout .sr-checkout-coupon-notice, /* Pasul 3: sumar comandă, mod de livrare, opțiuni plată/livrare. html = 14px, deci toate elementele în rem (nume produs, etichete totaluri, titluri opțiuni, prețuri, butoane) sunt sub 16px — le ridicăm. */ #checkout-checkout .sr-checkout-confirm__name, #checkout-checkout .sr-checkout-confirm__total, #checkout-checkout .sr-checkout-confirm__total-row, #checkout-checkout .sr-checkout-coupon__input, #checkout-checkout .sr-checkout-method__name, #checkout-checkout .sr-checkout-method__section-title, #checkout-checkout .sr-checkout-method__desc, #checkout-checkout .sr-checkout-method__address, #checkout-checkout .sr-checkout-method__section-lead, #checkout-checkout .sr-checkout-payment-option__title, #checkout-checkout .sr-checkout-payment-option__desc, #checkout-checkout .sr-checkout-shipping-option__title, #checkout-checkout .sr-checkout-shipping-option__price, #checkout-checkout .sr-checkout-shipping-option__desc, /* Pasul 2: alegere facturare (aceeași adresă / altă adresă) + notă firmă */ #checkout-checkout .sr-billing-type__hint, #checkout-checkout .sr-delivery-address-mode__title, #checkout-checkout .sr-delivery-address-mode__hint, #checkout-checkout .sr-delivery-billing-summary__label { font-size: 15px !important; } /* Combobox județ/localitate — lista de sugestii. Inputul e la 14px, cu celelalte câmpuri de formular. */ .sr-combo__item { font-size: 15px !important; } } @media (min-width: 1500px) { #checkout-checkout .form-label, #checkout-checkout .form-control, #checkout-checkout .form-select, #checkout-checkout .form-check-label, #checkout-checkout .sr-checkout-account-opt-in__label, #checkout-checkout .sr-checkout-account-opt-in__hint, #checkout-checkout .sr-checkout-account-opt-in__status, #checkout-checkout .sr-checkout-steps__progress-text, #checkout-checkout .sr-checkout-delivery__lead, #checkout-checkout .sr-checkout-panel__lead, #checkout-checkout .sr-checkout-panel__block p, #checkout-checkout .sr-delivery-billing-summary__text, #checkout-checkout .sr-checkout-steps__pay-note, #checkout-checkout .sr-checkout-shipping-tiers, #checkout-checkout .sr-checkout-address-existing__hint, #checkout-checkout .sr-billing-type__lead, #checkout-checkout .sr-agree-required-msg, #checkout-checkout .sr-checkout-coupon__label, #checkout-checkout .sr-checkout-coupon__btn, #checkout-checkout .sr-checkout-coupon-notice, /* Pasul 3: sumar comandă, mod de livrare, opțiuni plată/livrare. html = 14px, deci toate elementele în rem (nume produs, etichete totaluri, titluri opțiuni, prețuri, butoane) sunt sub 16px — le ridicăm. */ #checkout-checkout .sr-checkout-confirm__name, #checkout-checkout .sr-checkout-confirm__total, #checkout-checkout .sr-checkout-confirm__total-row, #checkout-checkout .sr-checkout-coupon__input, #checkout-checkout .sr-checkout-method__name, #checkout-checkout .sr-checkout-method__section-title, #checkout-checkout .sr-checkout-method__desc, #checkout-checkout .sr-checkout-method__address, #checkout-checkout .sr-checkout-method__section-lead, #checkout-checkout .sr-checkout-payment-option__title, #checkout-checkout .sr-checkout-payment-option__desc, #checkout-checkout .sr-checkout-shipping-option__title, #checkout-checkout .sr-checkout-shipping-option__price, #checkout-checkout .sr-checkout-shipping-option__desc, /* Pasul 2: alegere facturare (aceeași adresă / altă adresă) + notă firmă */ #checkout-checkout .sr-billing-type__hint, #checkout-checkout .sr-delivery-address-mode__title, #checkout-checkout .sr-delivery-address-mode__hint, #checkout-checkout .sr-delivery-billing-summary__label { } /* Combobox județ/localitate — text listă + input mai lizibile. */ .sr-combo__item, .sr-combo__input { } } /* ======================================================================== */ /* Modal „Adresă pentru calcul transport" — text/label mai mari la ORICE */ /* lățime (text 15px, label 16px). Titlul rămâne neschimbat. */ /* ======================================================================== */ .sr-cart-shipping-modal .form-control, .sr-cart-shipping-modal .form-select, .sr-cart-shipping-modal .sr-combo__input { font-size: 16px !important; } .sr-cart-shipping-modal .sr-combo__item, .sr-cart-shipping-modal .sr-combo__list { font-size: 14px !important; } .sr-cart-shipping-modal .form-label, .sr-cart-shipping-modal label { font-size: 17px !important; } /* ======================================================================== */ /* Notă cod reducere (coș + checkout): dimensiune responsivă. */ /* Bază 15px (992–1999px). Mobil (<992px) 12px, desktop mare (>2000px) 14px.*/ /* Selectorii au aceeași specificitate (1,1,0) ca #checkout-cart / */ /* #checkout-checkout de mai sus; plasați ULTIMII ca sursa să câștige. */ /* ======================================================================== */ @media (max-width: 991px) { #checkout-cart .sr-checkout-coupon-notice, #checkout-checkout .sr-checkout-coupon-notice { font-size: 12px !important; } } @media (min-width: 2000px) { #checkout-cart .sr-checkout-coupon-notice, #checkout-checkout .sr-checkout-coupon-notice { } } /* ======================================================================== */ /* Coș (pagină checkout/cart + panou lateral drawer) — scală tipografică */ /* pe ecrane late. */ /* 1500–2000px : titlu 17, text 14, butoane 15 (înălțime pe text), */ /* prețuri/totaluri 16 (evidențiate), total general 18. */ /* ≥2000px : +2px — titlu 19, text 16, butoane 17, prețuri 18, */ /* total general 20 (acoperă 2000–2500 și monitoare mai */ /* late, ca să nu revină la baza mare peste 2500). */ /* Selectori cu aceeași specificitate ca regulile de bază de mai sus; */ /* plasați ULTIMII ca sursa să câștige (aceeași tehnică ca nota cod reducere). */ /* ======================================================================== */ @media (min-width: 1500px) and (max-width: 1999.98px) { /* ---- Panou lateral coș (drawer) ---- */ .sr-cart-drawer__title { font-size: 17px !important; } .sr-cart-drawer__subtitle { font-size: 14px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__name, .dropdown-menu.sr-cart-drawer .sr-cart-item__model, .dropdown-menu.sr-cart-drawer .sr-cart-item__ean, .dropdown-menu.sr-cart-drawer .sr-cart-item__qty, .dropdown-menu.sr-cart-drawer .sr-cart-item__options, .dropdown-menu.sr-cart-drawer .sr-cart-drawer__empty, .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__hint, .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__address { font-size: 14px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-label { font-size: 12px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-value, .dropdown-menu.sr-cart-drawer .sr-cart-item__total, .dropdown-menu.sr-cart-drawer .sr-cart-totals__label, .dropdown-menu.sr-cart-drawer .sr-cart-totals__value { font-size: 16px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-totals tr:last-child td { font-size: 18px !important; } .sr-cart-drawer__btn-cart { font-size: 15px !important; line-height: 1.25 !important; min-height: 0 !important; padding: 11px 20px !important; } /* ---- Pagina coș (checkout/cart) ---- */ #checkout-cart .sr-checkout-page__title, #checkout-cart .sr-checkout-cart__summary-title { font-size: 17px !important; } #checkout-cart .sr-checkout-page__weight, #shopping-cart .sr-checkout-cart-item__name, #shopping-cart .sr-checkout-cart-item__stock-note, #shopping-cart .sr-checkout-cart-item__stock-warn, #shopping-cart .sr-checkout-cart-item__meta, #shopping-cart .sr-checkout-cart-item__option, #checkout-cart .sr-checkout-coupon__label, #checkout-cart .sr-cart-shipping-detail__hint, #checkout-cart .sr-cart-shipping-detail__address { font-size: 14px !important; } #shopping-cart .sr-checkout-cart-item__unit-label { font-size: 13px !important; } #shopping-cart .sr-checkout-cart-item__unit-value, #shopping-cart .sr-checkout-cart-item__total { font-size: 16px !important; } /* Sumar comandă (1500–2000px): etichete totaluri 15px, valori 16px (uniform, inclusiv Total). Batem regulile de bază de la ~l.817/820/823 (specificitate 1,3,1). */ #checkout-cart .sr-checkout-cart__totals-value, #checkout-cart .sr-checkout-cart__totals tr:last-child .sr-checkout-cart__totals-value { font-size: 16px !important; } #checkout-cart .sr-checkout-cart__totals-label, #checkout-cart .sr-checkout-cart__totals tr:not(.sr-checkout-cart__totals-row--shipping) .sr-checkout-cart__totals-label, #checkout-cart .sr-checkout-cart__totals tr:last-child .sr-checkout-cart__totals-label { font-size: 15px !important; } #checkout-cart .sr-checkout-coupon-notice { font-size: 13px !important; } #checkout-cart .sr-checkout-cart__btn-clear, #checkout-cart .sr-checkout-page__continue { font-size: 14px !important; } #checkout-cart .sr-checkout-coupon__input, #checkout-cart .sr-checkout-qty-stepper__input { font-size: 15px !important; } #checkout-cart .sr-checkout-coupon__btn { font-size: 14px !important; } #checkout-cart .sr-checkout-page__checkout { font-size: 14px !important; line-height: 1.25 !important; min-height: 0 !important; padding: 11px 26px !important; } } @media (min-width: 2000px) { /* ---- Panou lateral coș (drawer) — +2px ---- */ .sr-cart-drawer__title { font-size: 19px !important; } .sr-cart-drawer__subtitle { font-size: 16px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__name, .dropdown-menu.sr-cart-drawer .sr-cart-item__model, .dropdown-menu.sr-cart-drawer .sr-cart-item__ean, .dropdown-menu.sr-cart-drawer .sr-cart-item__qty, .dropdown-menu.sr-cart-drawer .sr-cart-item__options, .dropdown-menu.sr-cart-drawer .sr-cart-drawer__empty, .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__hint, .dropdown-menu.sr-cart-drawer .sr-cart-shipping-detail__address { font-size: 16px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-label { font-size: 14px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-item__unit-value, .dropdown-menu.sr-cart-drawer .sr-cart-item__total, .dropdown-menu.sr-cart-drawer .sr-cart-totals__label, .dropdown-menu.sr-cart-drawer .sr-cart-totals__value { font-size: 18px !important; } .dropdown-menu.sr-cart-drawer .sr-cart-totals tr:last-child td { font-size: 20px !important; } .sr-cart-drawer__btn-cart { font-size: 17px !important; line-height: 1.25 !important; min-height: 0 !important; padding: 12px 22px !important; } /* ---- Pagina coș (checkout/cart) — +2px ---- */ #checkout-cart .sr-checkout-page__title, #checkout-cart .sr-checkout-cart__summary-title { font-size: 19px !important; } #checkout-cart .sr-checkout-page__weight, #shopping-cart .sr-checkout-cart-item__name, #shopping-cart .sr-checkout-cart-item__stock-note, #shopping-cart .sr-checkout-cart-item__stock-warn, #shopping-cart .sr-checkout-cart-item__meta, #shopping-cart .sr-checkout-cart-item__option, #checkout-cart .sr-checkout-coupon__label, #checkout-cart .sr-cart-shipping-detail__hint, #checkout-cart .sr-cart-shipping-detail__address { font-size: 16px !important; } #shopping-cart .sr-checkout-cart-item__unit-label { font-size: 15px !important; } #shopping-cart .sr-checkout-cart-item__unit-value, #shopping-cart .sr-checkout-cart-item__total, #checkout-cart .sr-checkout-cart__totals-value { font-size: 18px !important; } #checkout-cart .sr-checkout-cart__totals tr:last-child .sr-checkout-cart__totals-label, #checkout-cart .sr-checkout-cart__totals tr:last-child .sr-checkout-cart__totals-value { font-size: 20px !important; } /* Sumar comandă: notă cupon + etichete Subtotal/Transport 15px; total/preț/titlu rămân mari */ #checkout-cart .sr-checkout-coupon-notice, #checkout-cart .sr-checkout-cart__totals-label { font-size: 15px !important; } #checkout-cart .sr-checkout-cart__btn-clear, #checkout-cart .sr-checkout-page__continue { font-size: 14px !important; } #checkout-cart .sr-checkout-coupon__input, #checkout-cart .sr-checkout-qty-stepper__input { font-size: 17px !important; } #checkout-cart .sr-checkout-coupon__btn { font-size: 14px !important; } #checkout-cart .sr-checkout-page__checkout { font-size: 14px !important; line-height: 1.25 !important; min-height: 0 !important; padding: 12px 28px !important; } } /* ======================================================================== */ /* Checkout wizard (#checkout-checkout) — scală tipografică pe ecrane late. */ /* Cerință (10.07): pe checkout „tot mai mic". */ /* 1500–2000px : text 14, titlu (h1 + titlu panou/pas) 17, butoane 44px. */ /* ≥2000px : text 15, titlu 19, butoane 46px (acoperă 2000–2500 și */ /* peste, ca să nu revină la baza mare — la fel ca la coș). */ /* „titlu 19" la 2000–2500 e deja setat de sr-xl-scale.css; aici îl re- */ /* afirmăm + extindem peste 2500 și coborâm h1 (20→19). */ /* Selectori cu specificitate ≥ regulile 992/1500 de mai sus; plasați */ /* ULTIMII ca sursa să câștige. Token cache: 20260710chksz */ /* ======================================================================== */ @media (min-width: 1500px) and (max-width: 1999.98px) { /* ---- Text corp → 14px ---- */ #checkout-checkout .form-label, #checkout-checkout .form-control, #checkout-checkout .form-select, #checkout-checkout .form-check-label, #checkout-checkout .sr-checkout-account-opt-in__label, #checkout-checkout .sr-checkout-account-opt-in__hint, #checkout-checkout .sr-checkout-account-opt-in__status, #checkout-checkout .sr-checkout-steps__progress-text, #checkout-checkout .sr-checkout-delivery__lead, #checkout-checkout .sr-checkout-panel__lead, #checkout-checkout .sr-checkout-panel__block p, #checkout-checkout .sr-delivery-billing-summary__text, #checkout-checkout .sr-checkout-steps__pay-note, #checkout-checkout .sr-checkout-shipping-tiers, #checkout-checkout .sr-checkout-address-existing__hint, #checkout-checkout .sr-billing-type__lead, #checkout-checkout .sr-agree-required-msg, #checkout-checkout .sr-checkout-coupon__label, #checkout-checkout .sr-checkout-coupon__btn, #checkout-checkout .sr-checkout-coupon-notice, #checkout-checkout .sr-checkout-confirm__name, #checkout-checkout .sr-checkout-confirm__total, #checkout-checkout .sr-checkout-confirm__total-row, #checkout-checkout .sr-checkout-coupon__input, #checkout-checkout .sr-checkout-method__name, #checkout-checkout .sr-checkout-method__section-title, #checkout-checkout .sr-checkout-method__desc, #checkout-checkout .sr-checkout-method__address, #checkout-checkout .sr-checkout-method__section-lead, #checkout-checkout .sr-checkout-payment-option__title, #checkout-checkout .sr-checkout-payment-option__desc, #checkout-checkout .sr-checkout-shipping-option__title, #checkout-checkout .sr-checkout-shipping-option__price, #checkout-checkout .sr-checkout-shipping-option__desc, #checkout-checkout .sr-billing-type__hint, #checkout-checkout .sr-delivery-address-mode__title, #checkout-checkout .sr-delivery-address-mode__hint, #checkout-checkout .sr-delivery-billing-summary__label { font-size: 14px !important; } /* ---- Titluri (h1 pagină + titlu panou/pas) → 17px ---- */ #checkout-checkout .sr-checkout-steps__title, #checkout-checkout .sr-checkout-panel__title, #checkout-checkout .sr-checkout-panel__header .sr-checkout-panel__title { font-size: 17px !important; } /* ---- Butoane navigare (Înapoi / Continuă / Plasează comanda) → 44px ---- */ #checkout-checkout .sr-checkout-wizard__btn-next, #checkout-checkout .sr-checkout-wizard__btn-back, #checkout-checkout .sr-checkout-wizard__nav--final .sr-checkout-wizard__btn-next, #checkout-checkout .sr-checkout-wizard__nav--final .sr-checkout-wizard__btn-back:not([hidden]) { min-height: 42px !important; font-size: 14px !important; } } @media (min-width: 2000px) { /* ---- Text corp → 15px ---- */ #checkout-checkout .form-label, #checkout-checkout .form-control, #checkout-checkout .form-select, #checkout-checkout .form-check-label, #checkout-checkout .sr-checkout-account-opt-in__label, #checkout-checkout .sr-checkout-account-opt-in__hint, #checkout-checkout .sr-checkout-account-opt-in__status, #checkout-checkout .sr-checkout-steps__progress-text, #checkout-checkout .sr-checkout-delivery__lead, #checkout-checkout .sr-checkout-panel__lead, #checkout-checkout .sr-checkout-panel__block p, #checkout-checkout .sr-delivery-billing-summary__text, #checkout-checkout .sr-checkout-steps__pay-note, #checkout-checkout .sr-checkout-shipping-tiers, #checkout-checkout .sr-checkout-address-existing__hint, #checkout-checkout .sr-billing-type__lead, #checkout-checkout .sr-agree-required-msg, #checkout-checkout .sr-checkout-coupon__label, #checkout-checkout .sr-checkout-coupon__btn, #checkout-checkout .sr-checkout-coupon-notice, #checkout-checkout .sr-checkout-confirm__name, #checkout-checkout .sr-checkout-confirm__total, #checkout-checkout .sr-checkout-confirm__total-row, #checkout-checkout .sr-checkout-coupon__input, #checkout-checkout .sr-checkout-method__name, #checkout-checkout .sr-checkout-method__section-title, #checkout-checkout .sr-checkout-method__desc, #checkout-checkout .sr-checkout-method__address, #checkout-checkout .sr-checkout-method__section-lead, #checkout-checkout .sr-checkout-payment-option__title, #checkout-checkout .sr-checkout-payment-option__desc, #checkout-checkout .sr-checkout-shipping-option__title, #checkout-checkout .sr-checkout-shipping-option__price, #checkout-checkout .sr-checkout-shipping-option__desc, #checkout-checkout .sr-billing-type__hint, #checkout-checkout .sr-delivery-address-mode__title, #checkout-checkout .sr-delivery-address-mode__hint, #checkout-checkout .sr-delivery-billing-summary__label { font-size: 15px !important; } /* ---- Titluri (h1 pagină + titlu panou/pas) → 19px ---- */ #checkout-checkout .sr-checkout-steps__title, #checkout-checkout .sr-checkout-panel__title, #checkout-checkout .sr-checkout-panel__header .sr-checkout-panel__title { font-size: 19px !important; } /* ---- Butoane navigare (Înapoi / Continuă / Plasează comanda) → 46px ---- */ #checkout-checkout .sr-checkout-wizard__btn-next, #checkout-checkout .sr-checkout-wizard__btn-back, #checkout-checkout .sr-checkout-wizard__nav--final .sr-checkout-wizard__btn-next, #checkout-checkout .sr-checkout-wizard__nav--final .sr-checkout-wizard__btn-back:not([hidden]) { min-height: 42px !important; font-size: 14px !important; } } /* Ecrane late 1500 / 2000px — Contact: titlu panel (h2) 16, text corp (detalii/adresă/ notă) 14. Titlul paginii (h1) e deja 20px pe ≥992; lead-ul e 13px (bloc gri xl-scale). dt/dd/address/note sunt sub #content → `!important` vs podeaua `max(1rem,1em)` din sr-site-text (la ≥2000px root inflate textul). */ @media (min-width: 1500px) { #information-contact.sr-contact .sr-contact-panel__title, #information-contact.sr-contact .sr-contact-panel--store .sr-contact-panel__title { font-size: 16px; } #information-contact.sr-contact .sr-contact-details dt, #information-contact.sr-contact .sr-contact-details dd, #information-contact.sr-contact .sr-contact-panel__address, #information-contact.sr-contact .sr-contact-panel__note { font-size: 14px !important; } } /* ===== Eticheta energetică pe cardul de produs — token 20260828energycard ===== Stocul și stelele rămân în stânga, săgeata cu clasa energetică stă în dreapta lor, centrată pe verticala blocului. (S-a testat și varianta inversă — etichetă stânga, stoc/stele dreapta — și a fost respinsă: rupea coloana de text a cardului.) Imaginea vine din image/cache încadrată în caseta 160x64 (PNG cu alfa), deci înălțime fixă + `width:auto` păstrează raportul. */ /* margin-top:auto — numele ramane sus si absoarbe spatiul liber al cardului, iar blocul stoc + stele + pret coboara lipit de butonul „Adauga in cos". Fara efect acolo unde cardul nu are spatiu liber (module homepage). */ .sr-card-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 10px; width: 100%; margin-top: auto; } .sr-card-meta__main { flex: 1 1 auto; min-width: 0; } .sr-card-meta__main:empty { display: none; } .sr-card-energy { flex: 0 0 auto; display: inline-flex; align-items: center; max-width: 45%; line-height: 0; } /* Badge-ul e