/* Финальный фикс образцов: - большая внешняя плашка .dkx__material-badge становится только позиционирующим контейнером; - видимой остается только маленькая внутренняя плашка .dkx__material-name; - подписи "Серия V / Серия K" остаются скрытыми. */ #dkx.dkx-config-modal-open #dkx-config .dkx__material-meta, #dkx #dkx-config .dkx__protect-material-colors .dkx__material-meta { display: none !important; } #dkx.dkx-config-modal-open #dkx-config .dkx__material-badge, #dkx #dkx-config .dkx__protect-material-colors .dkx__material-badge { position: absolute !important; left: 0 !important; right: 0 !important; bottom: clamp(10px, 1vw, 14px) !important; z-index: 4 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events: none !important; } #dkx.dkx-config-modal-open #dkx-config .dkx__material-name, #dkx #dkx-config .dkx__protect-material-colors .dkx__material-name { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: clamp(68px, 5.2vw, 88px) !important; max-width: calc(100% - 22px) !important; min-height: clamp(30px, 2.5vw, 38px) !important; margin: 0 !important; padding: 0 clamp(14px, 1.15vw, 20px) !important; border-radius: 999px !important; border: 1px solid rgba(252,246,245,.62) !important; background: radial-gradient(circle at 30% 18%, rgba(255,255,255,.76), transparent 42%), linear-gradient(180deg, rgba(238,233,232,.90) 0%, rgba(206,199,198,.88) 100%) !important; color: #1a1818 !important; font-size: clamp(14px, 1vw, 17px) !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing:0 !important; text-align: center !important; text-shadow: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.84), inset 0 -1px 0 rgba(26,24,24,.08), 0 6px 12px rgba(26,24,24,.14) !important; backdrop-filter: blur(8px) saturate(1.05) !important; -webkit-backdrop-filter: blur(8px) saturate(1.05) !important; pointer-events: none !important; } #dkx.dkx-config-modal-open #dkx-config .dkx__material.active .dkx__material-name, #dkx #dkx-config .dkx__protect-material-colors .dkx__material.active .dkx__material-name { color: #990011 !important; border-color: rgba(153,0,17,.28) !important; background: radial-gradient(circle at 30% 18%, rgba(255,255,255,.82), transparent 42%), linear-gradient(180deg, rgba(252,246,245,.94) 0%, rgba(218,211,210,.92) 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.90), inset 0 -1px 0 rgba(153,0,17,.08), 0 7px 14px rgba(153,0,17,.18), 0 0 0 1px rgba(153,0,17,.08) !important; } @media (max-width: 560px) { #dkx.dkx-config-modal-open #dkx-config .dkx__material-badge, #dkx #dkx-config .dkx__protect-material-colors .dkx__material-badge { bottom: 8px !important; } #dkx.dkx-config-modal-open #dkx-config .dkx__material-name, #dkx #dkx-config .dkx__protect-material-colors .dkx__material-name { min-width: 62px !important; min-height: 30px !important; padding: 0 12px !important; font-size: 14px !important; } } @media (max-width: 370px) { #dkx.dkx-config-modal-open #dkx-config .dkx__material-name, #dkx #dkx-config .dkx__protect-material-colors .dkx__material-name { min-width: 56px !important; min-height: 28px !important; padding: 0 10px !important; font-size: 13px !important; } }