/* Pasek promocyjny na karcie produktu (SCF: promo_bar_*) — wariant brandowy pomarańcz */ .cc-promo { display: flex; gap: 0.75rem; align-items: flex-start; padding: 0.875rem 1rem; border: 1px solid #FFD9C2; border-radius: 14px; background-color: #FFF1E7; } .cc-promo__icon { flex: 0 0 auto; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; color: #B34700; } .cc-promo__icon svg, .cc-promo__icon img { display: block; width: 26px; height: 26px; object-fit: contain; } .cc-promo__body { min-width: 0; } .cc-promo__title { margin: 0 0 2px; font-size: 0.9375rem; line-height: 1.3; font-weight: 700; color: #B34700; } .cc-promo__text { margin: 0; font-size: 0.84375rem; line-height: 1.45; color: #6B4A35; } .cc-promo__text p { margin: 0; } .cc-promo__text p + p { margin-top: 0.375rem; } .cc-promo__text a { color: #B34700; text-decoration: underline; } /* --- Widget opinii TrustMate w kolumnie z tytułem produktu --- Cały widget skaluje się z font-size wrappera: desktop dostaje 5.5px (size-0), mobile 3.5px (size-mobile-0), przez co gwiazdki i ocena są na telefonie wyraźnie mniejsze. Zrównujemy do wartości desktopowej niezależnie od szerokości ekranu. Docelowo to samo można ustawić po stronie panelu TrustMate (rozmiar widgetu na mobile). */ /* Wysoka specyficzność jest konieczna: arkusz TrustMate ładuje się z , czyli po naszym, więc przy remisie wygrywa ich reguła. */ html body .summary .tm-hornet-container .tm-hornet-wrapper.size-0.size-mobile-0 { font-size: 5.5px !important; }