/* Оставляем в плашке только артикул образца */ #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 { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 54px !important; padding: 10px 12px !important; } #dkx.dkx-config-modal-open #dkx-config .dkx__material-name, #dkx #dkx-config .dkx__protect-material-colors .dkx__material-name { margin: 0 !important; width: 100% !important; text-align: center !important; line-height: 1 !important; } /* Галочку у выбранной серии уводим в угол, чтобы не перекрывала букву */ #dkx.dkx-config-modal-open #dkx-config .dkx__pill, #dkx #dkx-config .dkx__protect-material-series .dkx__pill { overflow: visible !important; } #dkx.dkx-config-modal-open #dkx-config .dkx__pill .dkx__pill-check, #dkx #dkx-config .dkx__protect-material-series .dkx__pill .dkx__pill-check { position: absolute !important; right: -2px !important; bottom: -2px !important; left: auto !important; top: auto !important; width: 20px !important; height: 20px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; border: 2px solid #FCF6F5 !important; background: linear-gradient(145deg, #990011 0%, #c4001a 100%) !important; color: #FCF6F5 !important; font-size: 11px !important; line-height: 1 !important; font-weight: 950 !important; box-shadow: 0 3px 0 #7c0010, 0 8px 16px rgba(26,24,24,.18) !important; transform: scale(0) !important; opacity: 0 !important; transition: transform .18s ease, opacity .18s ease !important; pointer-events: none !important; } #dkx.dkx-config-modal-open #dkx-config .dkx__pill.active .dkx__pill-check, #dkx #dkx-config .dkx__protect-material-series .dkx__pill.active .dkx__pill-check { transform: scale(1) !important; opacity: 1 !important; } /* Если выбран сам образец, галочка тоже не должна залезать на артикул */ #dkx.dkx-config-modal-open #dkx-config .dkx__material .dkx__check, #dkx #dkx-config .dkx__protect-material-colors .dkx__material .dkx__check { position: absolute !important; top: 8px !important; right: 8px !important; left: auto !important; bottom: auto !important; width: 22px !important; height: 22px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; border: 2px solid rgba(252,246,245,.96) !important; background: linear-gradient(145deg, #990011 0%, #c4001a 100%) !important; color: #FCF6F5 !important; font-size: 12px !important; line-height: 1 !important; font-weight: 950 !important; box-shadow: 0 3px 0 #7c0010, 0 10px 18px rgba(26,24,24,.18) !important; z-index: 5 !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 { min-height: 48px !important; padding: 8px 10px !important; } #dkx.dkx-config-modal-open #dkx-config .dkx__pill .dkx__pill-check, #dkx #dkx-config .dkx__protect-material-series .dkx__pill .dkx__pill-check { width: 18px !important; height: 18px !important; font-size: 10px !important; right: -1px !important; bottom: -1px !important; } #dkx.dkx-config-modal-open #dkx-config .dkx__material .dkx__check, #dkx #dkx-config .dkx__protect-material-colors .dkx__material .dkx__check { width: 20px !important; height: 20px !important; font-size: 11px !important; top: 6px !important; right: 6px !important; } }