.dkx__gallery-modal { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; z-index: 2147483100 !important; display: none !important; align-items: center !important; justify-content: center !important; padding: 18px !important; background: rgba(26,24,24,.76) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; } .dkx__gallery-modal.open { display: flex !important; } .dkx__gallery-card { width: min(980px, calc(100vw - 32px)) !important; max-height: calc(100vh - 32px) !important; overflow: auto !important; padding: 28px !important; border-radius: 32px !important; color: #1a1818 !important; background: radial-gradient(circle at 90% 0%, rgba(153,0,17,.16), transparent 34%), linear-gradient(180deg, rgba(252,246,245,.98), rgba(236,227,216,.98)) !important; border: 1px solid rgba(153,0,17,.18) !important; box-shadow: 0 24px 60px rgba(26,24,24,.20), 0 0 0 1px rgba(252,246,245,.42) !important; } .dkx__gallery-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 18px !important; margin-bottom: 20px !important; } .dkx__gallery-title { margin: 0 0 8px !important; color: #1a1818 !important; font-family:TildaSans, Arial, sans-serif; font-size: clamp(30px, 4.4vw, 52px) !important; line-height: .92 !important; letter-spacing:0 !important; font-weight: 950 !important; text-transform: uppercase !important; } .dkx__gallery-title span { color: #990011 !important; } .dkx__gallery-text { margin: 0 !important; color: rgba(31,25,21,.68) !important; font-size: 15px !important; line-height: 1.45 !important; font-weight: 650 !important; } .dkx__gallery-close { flex: 0 0 auto !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; border: 1px solid rgba(153,0,17,.18) !important; background: rgba(252,246,245,.82) !important; color: #1a1818 !important; font-size: 28px !important; line-height: 1 !important; cursor: pointer !important; } .dkx__brand-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 12px !important; } .dkx__brand-card { appearance: none !important; display: grid !important; place-items: center !important; gap: 10px !important; min-height: 118px !important; padding: 14px 10px !important; border-radius: 20px !important; border: 1px solid rgba(252,246,245,.10) !important; background: rgba(252,246,245,.075) !important; color: #1a1818 !important; cursor: pointer !important; transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important; } .dkx__brand-card:hover, .dkx__brand-card.active { transform: translateY(-3px) !important; border-color: rgba(153,0,17,.70) !important; background: rgba(153,0,17,.18) !important; box-shadow: 0 16px 42px rgba(26,24,24,.34), 0 0 22px rgba(153,0,17,.18) !important; } .dkx__brand-logo { width: 76px !important; height: 52px !important; object-fit: contain !important; filter: drop-shadow(0 4px 10px rgba(26,24,24,.30)) !important; } .dkx__brand-name { color: #1a1818 !important; font-size: 12px !important; line-height: 1.15 !important; font-weight: 900 !important; text-transform: uppercase !important; text-align: center !important; } .dkx__gallery-actions { display: none !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; margin-top: 18px !important; padding: 14px !important; border-radius: 20px !important; background: rgba(252,246,245,.07) !important; border: 1px solid rgba(252,246,245,.10) !important; } .dkx__gallery-actions.visible { display: flex !important; } .dkx__gallery-selected { color: rgba(26,24,24,.68) !important; font-size: 14px !important; line-height: 1.35 !important; font-weight: 750 !important; } .dkx__gallery-selected strong { color: #1a1818 !important; font-weight: 950 !important; } .dkx__gallery-actions .dkx__btn { min-height: 48px !important; padding: 0 20px !important; } @media (max-width: 960px) { .dkx__brand-grid { grid-template-columns: repeat(4, minmax(0,1fr)) !important; } } @media (max-width: 640px) { .dkx__gallery-card { width: min(100%, calc(100vw - 24px)) !important; padding: 20px 16px !important; border-radius: 26px !important; } .dkx__gallery-head { gap: 12px !important; margin-bottom: 16px !important; } .dkx__brand-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; } .dkx__brand-card { min-height: 104px !important; border-radius: 18px !important; } .dkx__brand-logo { width: 68px !important; height: 44px !important; } .dkx__gallery-actions.visible { display: grid !important; grid-template-columns: 1fr !important; } }