/* каталог: desktop — светлые компактные плашки с видимыми логотипами */ @media (min-width: 761px) { #dkxGalleryModal .dkx__brand-grid { align-items: stretch !important; } #dkxGalleryModal .dkx__brand-card { display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; min-height: 118px !important; padding: 18px !important; overflow: visible !important; background: linear-gradient(180deg, rgba(252,246,245,.98), rgba(235,236,242,.96)) !important; border: 1px solid rgba(252,246,245,.78) !important; box-shadow: inset 0 1px 0 rgba(252,246,245,.96), 0 10px 26px rgba(26,24,24,.26) !important; } #dkxGalleryModal .dkx__brand-card::before { display: none !important; content: none !important; } #dkxGalleryModal .dkx__brand-logo { display: block !important; position: relative !important; z-index: 5 !important; width: auto !important; max-width: 118px !important; height: auto !important; max-height: 68px !important; object-fit: contain !important; opacity: 1 !important; visibility: visible !important; filter: none !important; mix-blend-mode: normal !important; transform: none !important; clip-path: none !important; -webkit-mask-image: none !important; mask-image: none !important; } #dkxGalleryModal .dkx__brand-name { display: none !important; } } /* каталог: mobile — 4 плашки в ряд */ @media (max-width: 760px) { #dkxGalleryModal.dkx__gallery-modal { align-items: flex-start !important; justify-content: center !important; padding: 8px !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } #dkxGalleryModal .dkx__gallery-card { position: relative !important; left: auto !important; right: auto !important; width: min(100%, calc(100vw - 16px)) !important; max-width: min(100%, calc(100vw - 16px)) !important; max-height: none !important; margin: 0 auto !important; padding: 14px 8px 14px !important; border-radius: 22px !important; box-sizing: border-box !important; overflow-x: hidden !important; overflow-y: visible !important; } #dkxGalleryModal .dkx__gallery-head { position: sticky !important; top: 0 !important; z-index: 5 !important; display: grid !important; grid-template-columns: 1fr 42px !important; gap: 10px !important; align-items: start !important; margin: -14px -10px 12px !important; padding: 14px 10px 12px !important; border-radius: 22px 22px 16px 16px !important; background: radial-gradient(circle at 90% 0%, rgba(153,0,17,.24), transparent 34%), linear-gradient(180deg, rgba(18,19,24,.98), rgba(8,8,10,.96)) !important; border-bottom: 1px solid rgba(252,246,245,.08) !important; } #dkxGalleryModal .dkx__gallery-title { font-size: 27px !important; line-height: .9 !important; margin: 0 0 6px !important; letter-spacing:0 !important; } #dkxGalleryModal .dkx__gallery-text { max-width: 285px !important; font-size: 12px !important; line-height: 1.32 !important; } #dkxGalleryModal .dkx__gallery-close { width: 42px !important; height: 42px !important; font-size: 26px !important; } #dkxGalleryModal .dkx__brand-grid { display: grid !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; overflow: hidden !important; justify-content: stretch !important; justify-items: stretch !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; padding: 0 4px 78px !important; } #dkxGalleryModal .dkx__brand-card { width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; min-height: 54px !important; height: 54px !important; padding: 5px !important; border-radius: 11px !important; background: linear-gradient(180deg, rgba(252,246,245,.98), rgba(234,235,240,.96)) !important; border: 1px solid rgba(252,246,245,.76) !important; box-shadow: inset 0 1px 0 rgba(252,246,245,.96), 0 6px 14px rgba(26,24,24,.20) !important; } #dkxGalleryModal .dkx__brand-card:hover, #dkxGalleryModal .dkx__brand-card.active { transform: none !important; border-color: rgba(153,0,17,.72) !important; box-shadow: inset 0 1px 0 rgba(252,246,245,.96), 0 0 0 1px rgba(153,0,17,.26), 0 7px 16px rgba(26,24,24,.24) !important; } #dkxGalleryModal .dkx__brand-logo { display: block !important; width: 100% !important; max-width: 46px !important; height: 30px !important; max-height: 30px !important; object-fit: contain !important; opacity: 1 !important; visibility: visible !important; filter: none !important; } #dkxGalleryModal .dkx__brand-name { display: none !important; } #dkxGalleryModal .dkx__gallery-actions { position: fixed !important; left: 8px !important; right: 8px !important; bottom: 8px !important; z-index: 2147483200 !important; margin: 0 !important; padding: 10px !important; border-radius: 18px !important; background: rgba(10,10,12,.94) !important; border: 1px solid rgba(252,246,245,.12) !important; box-shadow: 0 16px 48px rgba(26,24,24,.62) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; } #dkxGalleryModal .dkx__gallery-actions.visible { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; } #dkxGalleryModal .dkx__gallery-selected { text-align: center !important; font-size: 12px !important; line-height: 1.25 !important; } #dkxGalleryModal .dkx__gallery-actions .dkx__btn { width: 100% !important; min-height: 46px !important; font-size: 13px !important; } } @media (max-width: 390px) { #dkxGalleryModal .dkx__gallery-card { position: relative !important; left: auto !important; right: auto !important; width: min(100%, calc(100vw - 12px)) !important; max-width: min(100%, calc(100vw - 12px)) !important; margin: 0 auto !important; padding: 12px 6px 14px !important; } #dkxGalleryModal .dkx__brand-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; padding: 0 3px 78px !important; } #dkxGalleryModal .dkx__brand-card { min-height: 48px !important; height: 48px !important; padding: 4px !important; border-radius: 10px !important; } #dkxGalleryModal .dkx__brand-logo { max-width: 40px !important; height: 26px !important; max-height: 26px !important; } #dkxGalleryModal .dkx__gallery-title { font-size: 24px !important; } #dkxGalleryModal .dkx__gallery-text { font-size: 11px !important; } }