.elementor-kit-600{--e-global-color-primary:#111111;--e-global-color-secondary:#141414;--e-global-color-text:#5A5A5A;--e-global-color-accent:#F6CF69;--e-global-color-a2e875e:#FFFFFF;--e-global-color-0c9653f:#F6F5F4;--e-global-color-d1c733e:#100F0E;--e-global-color-6251167:#E8E5E3;--e-global-color-814eea3:#0037C6;--e-global-color-dd51459:#00FFFC;--e-global-color-df64c9a:#0002A8;--e-global-typography-primary-font-family:"Cormorant";--e-global-typography-primary-font-size:2.8rem;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Cormorant";--e-global-typography-secondary-font-size:1.5rem;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-size:0.9rem;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-letter-spacing:0.2px;--e-global-typography-5fbee93-font-family:"Plus Jakarta Sans";--e-global-typography-5fbee93-font-size:6rem;--e-global-typography-5fbee93-font-weight:400;--e-global-typography-5fbee93-line-height:1.2em;--e-global-typography-8ddc8ab-font-family:"Plus Jakarta Sans";--e-global-typography-8ddc8ab-font-size:3.75rem;--e-global-typography-8ddc8ab-font-weight:400;--e-global-typography-8ddc8ab-line-height:1.2em;--e-global-typography-cdb430a-font-family:"Plus Jakarta Sans";--e-global-typography-cdb430a-font-size:3rem;--e-global-typography-cdb430a-font-weight:400;--e-global-typography-cdb430a-line-height:1.2em;--e-global-typography-9fa221a-font-family:"Plus Jakarta Sans";--e-global-typography-9fa221a-font-size:2.125rem;--e-global-typography-9fa221a-font-weight:400;--e-global-typography-9fa221a-line-height:1.2em;--e-global-typography-fd78c8f-font-family:"Plus Jakarta Sans";--e-global-typography-fd78c8f-font-size:1.5rem;--e-global-typography-fd78c8f-font-weight:500;--e-global-typography-fd78c8f-line-height:1.15em;--e-global-typography-fd78c8f-letter-spacing:-0.022em;--e-global-typography-95652f2-font-family:"Plus Jakarta Sans";--e-global-typography-95652f2-font-size:1.313rem;--e-global-typography-95652f2-font-weight:500;--e-global-typography-95652f2-line-height:1.2em;--e-global-typography-5a6f1d3-font-family:"Plus Jakarta Sans";--e-global-typography-5a6f1d3-font-size:1rem;--e-global-typography-5a6f1d3-font-weight:500;--e-global-typography-207436c-font-family:"Plus Jakarta Sans";--e-global-typography-207436c-font-size:0.9rem;--e-global-typography-207436c-line-height:1.15em;--e-global-typography-4854782-font-family:"Plus Jakarta Sans";--e-global-typography-4854782-font-size:8rem;--e-global-typography-4854782-font-weight:400;--e-global-typography-4854782-line-height:1.2em;--e-global-typography-272e830-font-family:"Plus Jakarta Sans";--e-global-typography-272e830-font-size:1.063rem;--e-global-typography-272e830-font-weight:400;--e-global-typography-272e830-line-height:1.2em;--e-global-typography-7725397-font-family:"Plus Jakarta Sans";--e-global-typography-7725397-font-size:1rem;--e-global-typography-7725397-font-weight:500;--e-global-typography-7725397-text-decoration:underline;--e-global-typography-1fcd49f-font-family:"Plus Jakarta Sans";--e-global-typography-1fcd49f-font-size:1.2rem;--e-global-typography-1fcd49f-font-weight:500;--e-global-typography-1fcd49f-text-transform:uppercase;--e-global-typography-1fcd49f-line-height:1.2em;--e-global-typography-515909d-font-family:"Plus Jakarta Sans";--e-global-typography-515909d-font-size:1.063rem;--e-global-typography-515909d-font-weight:500;--e-global-typography-515909d-text-transform:uppercase;--e-global-typography-515909d-line-height:1.2em;--e-global-typography-81f71e8-font-family:"Plus Jakarta Sans";--e-global-typography-81f71e8-font-size:1.5rem;--e-global-typography-81f71e8-font-weight:400;--e-global-typography-81f71e8-line-height:1.2em;--e-global-typography-b9d8528-font-family:"Plus Jakarta Sans";--e-global-typography-b9d8528-font-size:0.9rem;--e-global-typography-b9d8528-font-weight:400;--e-global-typography-b9d8528-line-height:1.2em;--e-global-typography-074e8d6-font-family:"Poppins";--e-global-typography-074e8d6-font-weight:600;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-600 a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-600 a:hover{color:var( --e-global-color-accent );}.elementor-kit-600 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-5fbee93-font-family ), Sans-serif;font-size:var( --e-global-typography-5fbee93-font-size );font-weight:var( --e-global-typography-5fbee93-font-weight );line-height:var( --e-global-typography-5fbee93-line-height );}.elementor-kit-600 h2{color:#111111;font-family:var( --e-global-typography-8ddc8ab-font-family ), Sans-serif;font-size:var( --e-global-typography-8ddc8ab-font-size );font-weight:var( --e-global-typography-8ddc8ab-font-weight );line-height:var( --e-global-typography-8ddc8ab-line-height );letter-spacing:var( --e-global-typography-8ddc8ab-letter-spacing );}.elementor-kit-600 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-cdb430a-font-family ), Sans-serif;font-size:var( --e-global-typography-cdb430a-font-size );font-weight:var( --e-global-typography-cdb430a-font-weight );line-height:var( --e-global-typography-cdb430a-line-height );letter-spacing:var( --e-global-typography-cdb430a-letter-spacing );}.elementor-kit-600 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-9fa221a-font-family ), Sans-serif;font-size:var( --e-global-typography-9fa221a-font-size );font-weight:var( --e-global-typography-9fa221a-font-weight );line-height:var( --e-global-typography-9fa221a-line-height );letter-spacing:var( --e-global-typography-9fa221a-letter-spacing );}.elementor-kit-600 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-fd78c8f-font-family ), Sans-serif;font-size:var( --e-global-typography-fd78c8f-font-size );font-weight:var( --e-global-typography-fd78c8f-font-weight );line-height:var( --e-global-typography-fd78c8f-line-height );letter-spacing:var( --e-global-typography-fd78c8f-letter-spacing );}.elementor-kit-600 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-95652f2-font-family ), Sans-serif;font-size:var( --e-global-typography-95652f2-font-size );font-weight:var( --e-global-typography-95652f2-font-weight );line-height:var( --e-global-typography-95652f2-line-height );letter-spacing:var( --e-global-typography-95652f2-letter-spacing );}.elementor-kit-600 button,.elementor-kit-600 input[type="button"],.elementor-kit-600 input[type="submit"],.elementor-kit-600 .elementor-button{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.9rem;font-weight:600;text-transform:uppercase;line-height:1.2em;color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );border-radius:30px 30px 30px 30px;padding:15px 30px 15px 30px;}.elementor-kit-600 button:hover,.elementor-kit-600 button:focus,.elementor-kit-600 input[type="button"]:hover,.elementor-kit-600 input[type="button"]:focus,.elementor-kit-600 input[type="submit"]:hover,.elementor-kit-600 input[type="submit"]:focus,.elementor-kit-600 .elementor-button:hover,.elementor-kit-600 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-kit-600 label{color:var( --e-global-color-text );}.elementor-kit-600 input:not([type="button"]):not([type="submit"]),.elementor-kit-600 textarea,.elementor-kit-600 .elementor-field-textual{background-color:var( --e-global-color-6251167 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-6251167 );border-radius:30px 30px 30px 30px;transition:200ms;padding:15px 30px 15px 30px;}.elementor-kit-600 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-600 textarea:focus,.elementor-kit-600 .elementor-field-textual:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-6251167 );border-radius:30px 30px 30px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-600 e-page-transition{background-color:var( --e-global-color-primary );}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-600{--e-global-typography-5fbee93-line-height:1.2em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-600 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-600 h1{font-size:var( --e-global-typography-5fbee93-font-size );line-height:var( --e-global-typography-5fbee93-line-height );}.elementor-kit-600 h2{font-size:var( --e-global-typography-8ddc8ab-font-size );line-height:var( --e-global-typography-8ddc8ab-line-height );letter-spacing:var( --e-global-typography-8ddc8ab-letter-spacing );}.elementor-kit-600 h3{font-size:var( --e-global-typography-cdb430a-font-size );line-height:var( --e-global-typography-cdb430a-line-height );letter-spacing:var( --e-global-typography-cdb430a-letter-spacing );}.elementor-kit-600 h4{font-size:var( --e-global-typography-9fa221a-font-size );line-height:var( --e-global-typography-9fa221a-line-height );letter-spacing:var( --e-global-typography-9fa221a-letter-spacing );}.elementor-kit-600 h5{font-size:var( --e-global-typography-fd78c8f-font-size );line-height:var( --e-global-typography-fd78c8f-line-height );letter-spacing:var( --e-global-typography-fd78c8f-letter-spacing );}.elementor-kit-600 h6{font-size:var( --e-global-typography-95652f2-font-size );line-height:var( --e-global-typography-95652f2-line-height );letter-spacing:var( --e-global-typography-95652f2-letter-spacing );}.elementor-kit-600 button,.elementor-kit-600 input[type="button"],.elementor-kit-600 input[type="submit"],.elementor-kit-600 .elementor-button{line-height:1.2em;padding:16px 30px 16px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-600{--e-global-typography-5fbee93-font-size:3.4rem;--e-global-typography-5fbee93-line-height:1.2em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-600 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-600 h1{font-size:var( --e-global-typography-5fbee93-font-size );line-height:var( --e-global-typography-5fbee93-line-height );}.elementor-kit-600 h2{font-size:var( --e-global-typography-8ddc8ab-font-size );line-height:var( --e-global-typography-8ddc8ab-line-height );letter-spacing:var( --e-global-typography-8ddc8ab-letter-spacing );}.elementor-kit-600 h3{font-size:var( --e-global-typography-cdb430a-font-size );line-height:var( --e-global-typography-cdb430a-line-height );letter-spacing:var( --e-global-typography-cdb430a-letter-spacing );}.elementor-kit-600 h4{font-size:var( --e-global-typography-9fa221a-font-size );line-height:var( --e-global-typography-9fa221a-line-height );letter-spacing:var( --e-global-typography-9fa221a-letter-spacing );}.elementor-kit-600 h5{font-size:var( --e-global-typography-fd78c8f-font-size );line-height:var( --e-global-typography-fd78c8f-line-height );letter-spacing:var( --e-global-typography-fd78c8f-letter-spacing );}.elementor-kit-600 h6{font-size:var( --e-global-typography-95652f2-font-size );line-height:var( --e-global-typography-95652f2-line-height );letter-spacing:var( --e-global-typography-95652f2-letter-spacing );}.elementor-kit-600 button,.elementor-kit-600 input[type="button"],.elementor-kit-600 input[type="submit"],.elementor-kit-600 .elementor-button{line-height:1.2em;}.elementor-kit-600 input:not([type="button"]):not([type="submit"]),.elementor-kit-600 textarea,.elementor-kit-600 .elementor-field-textual{padding:15px 20px 15px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================================= T & J ELITE TILE INC LUXURY BLUE / BLACK METALLIC SYSTEM MATCHED TO LOGO COLORS ========================================================= */ :root { --tj-blue: #0050FF; --tj-blue-deep: #001B8F; --tj-blue-mid: #006EFF; --tj-cyan: #00C8FF; --tj-black: #020305; --tj-black-2: #0A0D12; --tj-gray: #33373D; --tj-silver: #E8EDF5; --tj-white: #FFFFFF; } /* ========================================================= 1. METALLIC TEXT CLASS: lux-metal-text ========================================================= */ .lux-metal-text { position: relative; background: linear-gradient( 115deg, #FFFFFF 0%, #AEB8C8 8%, #33373D 16%, #020305 25%, #006EFF 36%, #00C8FF 44%, #FFFFFF 49%, #00C8FF 54%, #0050FF 63%, #001B8F 76%, #020305 88%, #FFFFFF 100% ); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: tjTextMetal 5s ease-in-out infinite; filter: drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 5px rgba(0,80,255,.35)); } @keyframes tjTextMetal { 0% { background-position: 200% 0; } 50% { background-position: 0% 0; } 100% { background-position: -200% 0; } } /* ========================================================= 2. METALLIC CONTAINER CLASS: lux-metal-box ========================================================= */ .lux-metal-box { position: relative; overflow: hidden; background: linear-gradient( 135deg, #020305 0%, #0A0D12 15%, #33373D 27%, #001B8F 40%, #0050FF 49%, #00AFFF 53%, #0050FF 58%, #001B8F 67%, #0A0D12 82%, #020305 100% ); background-size: 300% 300%; border: 1px solid rgba(0,110,255,.85); border-radius: 18px; box-shadow: inset 0 1px 1px rgba(255,255,255,.40), inset 0 -10px 25px rgba(0,0,0,.70), 0 12px 30px rgba(0,0,0,.55), 0 0 20px rgba(0,80,255,.25); animation: tjBoxMetal 8s ease-in-out infinite; transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease; } @keyframes tjBoxMetal { 0% { background-position: 100% 0%; } 50% { background-position: 0% 100%; } 100% { background-position: 100% 0%; } } /* ========================================================= METALLIC LIGHT REFLECTION ========================================================= */ .lux-metal-box::before { content: ""; position: absolute; top: -100%; left: -70%; width: 30%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.03) 25%, rgba(255,255,255,.35) 48%, rgba(0,200,255,.18) 53%, rgba(255,255,255,.04) 70%, transparent 100% ); transform: rotate(25deg); animation: tjBoxReflection 6s linear infinite; pointer-events: none; } @keyframes tjBoxReflection { 0% { left: -70%; } 100% { left: 150%; } } /* ========================================================= CONTAINER HOVER ========================================================= */ .lux-metal-box:hover { transform: translateY(-5px); border-color: #00AFFF; box-shadow: inset 0 1px 1px rgba(255,255,255,.55), inset 0 -12px 30px rgba(0,0,0,.80), 0 18px 40px rgba(0,0,0,.65), 0 0 30px rgba(0,80,255,.45); } /* ========================================================= 3. MAIN METALLIC BUTTON CLASS: lux-metal-btn ========================================================= */ .lux-metal-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; min-height: 52px; padding: 14px 30px; border-radius: 9px; border: 2px solid #008CFF; color: #FFFFFF !important; background: linear-gradient( 145deg, #020305 0%, #11151D 12%, #33373D 22%, #001B8F 34%, #0050FF 45%, #00C8FF 50%, #0050FF 56%, #001B8F 68%, #11151D 82%, #020305 100% ); background-size: 300% 300%; font-weight: 700; letter-spacing: .5px; text-decoration: none !important; box-shadow: /* metallic top edge */ inset 0 1px 0 rgba(255,255,255,.65), /* inner darkness */ inset 0 -5px 0 rgba(0,0,0,.65), /* 3D extrusion */ 0 6px 0 #00104F, /* depth shadow */ 0 10px 18px rgba(0,0,0,.55), /* blue glow */ 0 0 18px rgba(0,80,255,.35); transform: translateY(0); animation: tjButtonMetal 6s ease-in-out infinite; transition: all .35s cubic-bezier(.2,.8,.2,1); } @keyframes tjButtonMetal { 0% { background-position: 100% 50%; } 50% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } /* ========================================================= BUTTON REFLECTION ========================================================= */ .lux-metal-btn::before { content: ""; position: absolute; top: -100%; left: -80%; width: 35%; height: 300%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.05), rgba(255,255,255,.75), rgba(0,200,255,.25), rgba(255,255,255,.05), transparent ); transform: rotate(25deg); animation: tjButtonReflection 4s linear infinite; pointer-events: none; } @keyframes tjButtonReflection { 0% { left: -80%; } 100% { left: 160%; } } /* ========================================================= BUTTON HOVER BLUE → LUXURY BLACK METALLIC ========================================================= */ .lux-metal-btn:hover { color: #FFFFFF !important; border-color: #737B87; background: linear-gradient( 145deg, #000000 0%, #111317 15%, #33373D 30%, #686F78 43%, #111317 50%, #4A5058 62%, #090A0C 78%, #000000 100% ); background-size: 300% 300%; transform: translateY(-3px) scale(1.035); box-shadow: inset 0 1px 0 rgba(255,255,255,.65), inset 0 -5px 0 rgba(0,0,0,.85), /* 3D extrusion */ 0 8px 0 #000000, 0 14px 28px rgba(0,0,0,.70), 0 0 18px rgba(255,255,255,.12); } /* ========================================================= BUTTON ACTIVE ========================================================= */ .lux-metal-btn:active { transform: translateY(4px) scale(.99); box-shadow: inset 0 3px 6px rgba(0,0,0,.80), 0 2px 0 #000000, 0 4px 10px rgba(0,0,0,.50); } /* ========================================================= 4. BLACK METALLIC BUTTON CLASS: lux-black-btn ========================================================= */ .lux-black-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; min-height: 52px; padding: 14px 30px; border-radius: 9px; border: 2px solid #666D77; color: #FFFFFF !important; background: linear-gradient( 145deg, #000000 0%, #15181D 18%, #4A5058 35%, #08090B 48%, #686F78 61%, #171A1F 78%, #000000 100% ); background-size: 300% 300%; box-shadow: inset 0 1px 1px rgba(255,255,255,.55), inset 0 -5px 0 rgba(0,0,0,.85), 0 6px 0 #000000, 0 12px 25px rgba(0,0,0,.55); transition: all .35s ease; } .lux-black-btn:hover { transform: translateY(-3px) scale(1.035); border-color: #008CFF; background: linear-gradient( 145deg, #000000 0%, #080C16 20%, #001B8F 38%, #0050FF 50%, #001B8F 62%, #080C16 80%, #000000 100% ); box-shadow: inset 0 1px 1px rgba(255,255,255,.55), inset 0 -5px 0 rgba(0,0,0,.80), 0 8px 0 #000000, 0 15px 30px rgba(0,0,0,.65), 0 0 25px rgba(0,80,255,.40); } /* ========================================================= 5. METALLIC BORDER CLASS: lux-metal-border ========================================================= */ .lux-metal-border { border: 2px solid transparent !important; background: linear-gradient( #05070B, #05070B ) padding-box, linear-gradient( 120deg, #020305, #001B8F, #0050FF, #00C8FF, #FFFFFF, #0050FF, #001B8F, #020305 ) border-box; border-radius: 16px; } /* ========================================================= 6. BLUE METALLIC DIVIDER CLASS: lux-metal-divider ========================================================= */ .lux-metal-divider { height: 3px; width: 100%; border-radius: 50px; background: linear-gradient( 90deg, transparent, #001B8F, #0050FF, #00C8FF, #FFFFFF, #00C8FF, #0050FF, #001B8F, transparent ); background-size: 300% 100%; box-shadow: 0 0 7px rgba(0,80,255,.55), 0 0 15px rgba(0,200,255,.25); animation: tjDivider 4s linear infinite; } @keyframes tjDivider { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* ========================================================= 7. METALLIC ICON CLASS: lux-metal-icon ========================================================= */ .lux-metal-icon { color: #0050FF !important; filter: drop-shadow( 0 0 4px rgba(0,80,255,.75) ) drop-shadow( 0 0 10px rgba(0,200,255,.35) ); transition: transform .35s ease, filter .35s ease; } .lux-metal-icon:hover { color: #00C8FF !important; transform: scale(1.12) rotate(3deg); filter: drop-shadow( 0 0 5px rgba(255,255,255,.85) ) drop-shadow( 0 0 15px rgba(0,80,255,.85) ); } /* ========================================================= 8. METALLIC CARDS CLASS: lux-metal-card ========================================================= */ .lux-metal-card { position: relative; overflow: hidden; border-radius: 18px; border: 1px solid rgba(0,110,255,.75); background: linear-gradient( 145deg, #020305, #0A0D12 18%, #001B8F 32%, #0050FF 48%, #00AFFF 52%, #0050FF 58%, #001B8F 72%, #0A0D12 85%, #020305 ); background-size: 300% 300%; box-shadow: inset 0 1px 1px rgba(255,255,255,.25), inset 0 -15px 25px rgba(0,0,0,.70), 0 15px 35px rgba(0,0,0,.50); animation: tjCardMetal 9s ease infinite; transition: transform .4s ease, box-shadow .4s ease; } @keyframes tjCardMetal { 0% { background-position: 100% 0; } 50% { background-position: 0 100%; } 100% { background-position: 100% 0; } } .lux-metal-card:hover { transform: translateY(-7px); box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -15px 30px rgba(0,0,0,.80), 0 20px 45px rgba(0,0,0,.65), 0 0 30px rgba(0,80,255,.35); } /* ========================================================= 9. SMALL BLUE GLOW CLASS: lux-blue-glow ========================================================= */ .lux-blue-glow { text-shadow: 0 0 5px rgba(0,80,255,.75), 0 0 12px rgba(0,200,255,.35); } /* ========================================================= 10. MOBILE ========================================================= */ @media (max-width: 767px) { .lux-metal-btn, .lux-black-btn { min-height: 48px; padding: 12px 22px; font-size: 14px; } .lux-metal-box, .lux-metal-card { border-radius: 14px; } } /* ========================================================= 11. ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .lux-metal-text, .lux-metal-box, .lux-metal-btn, .lux-black-btn, .lux-metal-divider, .lux-metal-card { animation: none !important; transition: none !important; } }/* End custom CSS */