/* SR — tier XL controlat (viewport 2000–2500px) --------------------------------------------------------------------------- Cerință: pe ecrane late (viewport 2000–2500px) fonturile „cu 2px mai mari" față de baza=test — text 14 → 16px, sub-titluri 17 → 19px — pentru tot site-ul. Sub 2000px (INCLUSIV banda 1500–2000) rămâne baza=test (14px) — nimic aici. Peste 2500px NU se aplică (banda e plafonată intenționat). Metodă (sigură, fără re-spargerea muncii de „XL sweep" din 20260709xlfix): - Ridic DOAR fontul moștenit din . Elementele cu px fix (iconițe .fa-*, badge-uri, prețuri, butoane) rămân NEATINSE. - Titlurile mari (H1, .product_title, categorie h2) rămân intenționat cum sunt; „19px" le-ar micșora, nu mări. - Sub-titlurile de panou (bază 16–17px) le duc explicit la 19px. Se încarcă ULTIMUL în header.twig (după sr-mobile-site-type.css) ca să câștige. Token cache: 20260710xlband */ @media (min-width: 2000px) and (max-width: 2500px) { /* --- Text de bază: tot ce moștenește din → 16px --- */ html body { font-size: 16px !important; } /* Text pinuit explicit la 14/15px pe alocuri → 16px */ html body p, html body li, html body dd, html body dt, html body td, html body th, html body .breadcrumb, html body .breadcrumb > li, html body .breadcrumb-item, html body .breadcrumb > li.breadcrumb-item, html body .breadcrumb a { font-size: 16px !important; } /* --- Sub-titluri de panou / secțiune (bază 16–17px) → 19px --- */ html body .sr-checkout-panel__title, html body .sr-checkout-cart__summary-title, html body .sr-account-dash__panel-title, html body .sr-login__register-title, html body .sr-contact-panel__title, html body .sr-cart-drawer__subtitle { font-size: 19px !important; } /* --- Card produs: nume 14→15px pe banda 2000–2500px (toate paginile) --- Baza (1500–2000px) rămâne 14px; aici doar +1px. Mirror la selectorii de mare specificitate din sr-brand.css (#product-list + variantele body[class*]) și sr-theme-blue.css (homepage), plus accesoriile din PDP. sr-xl-scale.css se încarcă ULTIMUL, deci la specificitate egală câștigă. */ #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, body.common-home .sr-hp-modules .product-thumb .description h4, body.common-home .sr-hp-modules .product-thumb .description h4 a, body.common-home #base_category_tabs .product-thumb .description h4, body.common-home #base_category_tabs .product-thumb .description h4 a, body.common-home #base_topdeal_product .product-thumb .description h4, body.common-home #base_topdeal_product .product-thumb .description h4 a, #product-info .sr-accessories-cross-sell .product-thumb .description h4, #product-info .sr-accessories-cross-sell .product-thumb .description h4 a { font-size: 15px !important; } /* --- Card produs: preț 18→19px pe banda 2000–2500px (toate paginile) --- */ #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, body.common-home .sr-hp-modules .product-thumb .description .price, body.common-home .sr-hp-modules .product-thumb .description .price .price-new, body.common-home #base_category_tabs .product-thumb .description .price, body.common-home #base_category_tabs .product-thumb .description .price .price-new, body.common-home #base_topdeal_product .product-thumb .description .price, body.common-home #base_topdeal_product .product-thumb .description .price .price-new, #product-info .sr-accessories-cross-sell .product-thumb .description .price, #product-info .sr-accessories-cross-sell .product-thumb .description .price .price-new { font-size: 19px !important; } } /* SR — text gri secundar „mai puțin important" → 13px pe ecrane late (≥1500px) --------------------------------------------------------------------------- Cerință: textele GRI/muted din pagină (lead-uri, hint-uri, sub-descrieri, etichete filtre) nu sunt importante → 13px pe benzile 1500px și 2000px. Regula „doar micșorez": ținem DOAR elemente care sunt oricum > 13px (lead 14–17px, moștenite din body 14/16px). Textele gri deja mici (11–12px: meta card produs, micro-text coș/checkout, celule tabel legal) NU sunt aici. Excluse intenționat: meta produs (brand/model/SKU), prețuri, iconițe, numărul-erou „404" (.sr-error-page__code) și subtitlul din drawer coș. Se încarcă ULTIMUL (după sr-brand/sr-error/sr-listing-filters) → câștigă. Token cache: 20260710gray13 */ @media (min-width: 1500px) { /* --- Home: lead + kicker banner (rgb 75,85,99 / 107,114,128) --- */ .sr-hp-banner__lead, .sr-hp-banner__kicker, /* --- Listări: etichetă preț filtru + contor fațete (gri) --- */ .sr-listing-filters__price-label, .sr-listing-filters__count, /* --- PDP: link „(N recenzii)" (gri, nu SKU). Subtitlul PDP e tratat în blocurile dedicate 1500/2000 din sr-brand.css (specificitate mai mare). --- */ .review_count, /* --- Contact: lead panou --- */ .sr-contact-panel__lead, /* --- Coș (drawer gol): mesaj „Coșul este gol" --- */ .sr-cart-drawer__empty p, /* --- 404: lead --- */ .sr-error-page__lead, /* --- Pagini info/legal: eyebrow + linia „Ultima actualizare" (data) --- */ .sr-info-page__kicker, .sr-legal__updated, /* --- Comparare: prompt „Alege o categorie" + text empty-state --- */ .sr-compare-add__prompt, .sr-compare-empty-state p, /* --- Login/Register: separatorul „sau" (gri) --- */ .sr-login__divider span, /* --- Cont / comenzi / checkout / favorite: lead-uri + hint muted --- */ .sr-wishlist__lead, .sr-wishlist__empty-lead, .sr-wishlist__nav-link, .sr-orders__lead, .sr-orders__empty-lead, .sr-checkout-steps__lead, .sr-account-newsletter__hint { font-size: 13px !important; } } /* ========================================================================== Header middle — scală +2px pe ecrane late (necapat: prinde și pe ~2543px). Cerință: tot textul de 14px (la 1700px) → 16px peste 2000px; restul crescut „cu aceeași măsură" (+2px), NU uniformizat. Iconițe mai mari, badge-uri în concordanță. Panoul coș (drawer) e deja scalat la ≥2000px în sr-brand.css. Blocul XL de sus (2000–2500) sare peste px-fix cu !important din header, iar pe monitorul ~2543px nici nu se aplică (plafon 2500) → de-aia rândul de sus rămânea 12–14px. Acest bloc, ULTIMUL fișier din header.twig, câștigă cascada. Selectori = aceeași specificitate ca regulile de bază (sr-theme-blue / sr-site-text / bloc ≥992 badge), plasați într-un fișier încărcat mai târziu. Token cache: 20260710hdrxl16 ========================================================================== */ @media (min-width: 2000px) { /* --- Titluri mici „Ai nevoie de ajutor?" / „Contul meu" (12 → 14px) --- */ #header .header_middle .header_contact span.title, #header .header_middle .header_account_item .title, #header .header_middle .header_contact .d-md-block.title, #header .header_middle .header_account_item .d-md-block.title { font-size: 14px !important; } /* --- Etichetă cont (nume client) (13 → 14px, fără bold) --- */ #header .header_middle .header_contact span.label, #header .header_middle .header_account_item .label, #header .header_middle .header_contact .d-md-block.label, #header .header_middle .header_account_item .d-md-block.label { font-size: 14px !important; font-weight: 400 !important; } /* --- Telefon (14 → 16px) — bate sr-site-text (specificitate mai mare) --- */ #header .header_middle .header_contact .ms-2 > a[href^="tel:"] { font-size: 16px !important; } /* --- Eticheta „Coș" (14 → 16px) --- */ #header .header_middle #header-cart .header_cart_item .label, #header .header_middle #header-cart .header_cart_item .d-md-block.label { font-size: 16px !important; } /* --- Bara de căutare: input + select + buton/etichetă „Căutare" (14 → 16px) --- */ #header .header_middle #base_advance_search .search-field, #header .header_middle #base_advance_search .search-select, #header .header_middle #base_advance_search .search-submit, #header .header_middle #base_advance_search .search-submit .sr-search-submit-label { font-size: 16px !important; } /* --- Compară / Favorite: la 16px → iconița fa (1em) crește la 16px; --- */ /* --- eticheta (span) forțată la 16px cu specificitate peste sr-site-text --- */ #header .header_middle .sr-header-compare, #header .header_middle .sr-header-wishlist, #header .header_middle .sr-header-compare .sr-header-compare__label, #header .header_middle .sr-header-wishlist .sr-header-wishlist__label { font-size: 16px !important; } /* --- Iconițe imagine (persoană cont + coș): +2px --- */ #header .header_middle .myaccount > a.header_account > span:first-child, #header .header_middle .myaccount > a.header_account.d-flex > span:first-child { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; background-size: contain !important; } #header .header_middle #header-cart .cart_image { width: 26px !important; height: 26px !important; background-size: contain !important; } /* --- Badge-uri cu număr (compară / favorite / coș): cerc 20→22, text 12→14 --- */ #header .header_middle .sr-header-compare .sr-mob-header-badge, #header .header_middle .sr-header-wishlist .sr-mob-header-badge, #header .header_middle #header-cart .sr-mob-header-badge, #header .header_middle #header-cart .sr-cart-count, #header .header_middle #header-cart span.cart_counter { width: 22px !important; height: 22px !important; min-width: 22px !important; max-width: 22px !important; min-height: 22px !important; max-height: 22px !important; font-size: 14px !important; line-height: 1 !important; } } /* ========================================================================== SR — badge stoc card produs („În stoc" / „Indisponibil") → 12px pe banda 1500–2000px. Baza desktop (≥992px) îl ține la 14px din DOUĂ locuri: sr-brand.css (bloc ≥992) și sr-theme-blue.css (home, specificitate 1,4,1). Acest fișier se încarcă ULTIMUL în header.twig → mirror-uim aceiași selectori (aceeași specificitate) cu !important pe banda 1500–2000, câștigând cascada. Ținem AMBELE: containerul (.sr-product-card__stock) ȘI textul (…__stock-text, fixat direct la 14px în sr-theme-blue). Peste 2000px rămâne 14px (necerut). Token cache: 20260710stock12 ========================================================================== */ @media (min-width: 1500px) and (max-width: 1999.98px) { /* --- Bază + variante wishlist / compare --- */ .sr-product-card__stock, .sr-product-card__stock-text, .sr-wishlist-card .sr-product-card__stock, .sr-wishlist-card .sr-product-card__stock-text, .sr-compare-product-card__stock, /* --- Listări categorii / căutare --- */ #product-list .product-thumb .description .sr-product-card__stock, #product-list .product-thumb .description .sr-product-card__stock-text, #display-control .product-thumb .description .sr-product-card__stock, /* --- Home: tabs / module / topdeal (specificitate 1,4,1 din sr-theme-blue) --- */ body.common-home #base_category_tabs .product-thumb .description .sr-product-card__stock, body.common-home #base_category_tabs .product-thumb .description .sr-product-card__stock-text, body.common-home .sr-hp-modules .product-thumb .description .sr-product-card__stock, body.common-home .sr-hp-modules .product-thumb .description .sr-product-card__stock-text, body.common-home #base_topdeal_product .product-thumb .description .sr-product-card__stock, body.common-home #base_topdeal_product .product-thumb .description .sr-product-card__stock-text, .sr-hp-modules .row .base_products .product-wrapper .product-thumb .content .description .sr-product-card__stock, .sr-hp-modules .row .base_products .product-wrapper .product-thumb .content .description .sr-product-card__stock-text { font-size: 12px !important; } /* --- Etichetă cont (nume client): 13 → 14px, fără bold (band 1500–2000) --- */ #header .header_middle .header_contact span.label, #header .header_middle .header_account_item .label, #header .header_middle .header_contact .d-md-block.label, #header .header_middle .header_account_item .d-md-block.label { font-size: 14px !important; font-weight: 400 !important; } } /* =========================================================================== SR — fara text bold (cerinta: nimic mai gros ca 410). Token: 20260710nobold Toate declaratiile 600/700/800/bold din tema au fost duse la 410. Aici neutralizam sursele ramase care nu sunt in CSS-ul temei: Bootstrap utilities + / din continut (reboot: font-weight bolder) + optgroup. Iconitele Font Awesome (font-weight 900) NU sunt atinse. =========================================================================== */ b, strong, optgroup, .fw-bold, .fw-bolder, .fw-semibold, .font-weight-bold, .font-weight-bolder, .font-weight-semibold { font-weight: 410 !important; } /* ========================================================================== Pagina Contact — ecrane late 1500 / 2000px: titlu panou (h2) 16, restul text 14. `!important` fiindcă dt/dd/address sunt sub #content (podeaua max(1rem,1em) din sr-site-text le umflă la 16px la ≥2000). Titlul principal (.sr-contact__title, 20px) rămâne excepție. Fișier global + ultimul încărcat. ========================================================================== */ @media (min-width: 1500px) { #information-contact .sr-contact-panel__title, #information-contact .sr-contact-panel--store .sr-contact-panel__title { font-size: 16px !important; } #information-contact .sr-contact-details dt, #information-contact .sr-contact-details dd, #information-contact .sr-contact-panel__address, #information-contact .sr-contact-panel__note { font-size: 14px !important; } }