============================================================ */
/* Само затемнение / overlay мобильного меню */
#luxme-store .lx-mobile-nav{
display: block !important;
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
background:
radial-gradient(ellipse 70% 45% at 20% 20%, rgba(255,235,200,.16), transparent 70%),
linear-gradient(120deg, rgba(26,18,13,.48), rgba(90,62,42,.36)) !important; -webkit-backdrop-filter: blur(8px) !important;
backdrop-filter: blur(8px) !important;
z-index: 99999 !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transition: opacity .3s ease, visibility .3s ease !important;
}
/* Когда JS добавляет класс open — меню становится видимым */
#luxme-store .lx-mobile-nav.open{
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
/* Выезжающая панель справа */
#luxme-store .lx-mobile-panel{
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: min(420px, 88vw) !important;
max-width: 88vw !important;
background: linear-gradient(180deg, #FBF6EE 0%, #F2E9D9 100%) !important;
padding: 80px 36px 36px !important;
box-shadow: -20px 0 60px rgba(26,18,13,.18) !important;
display: flex !important;
flex-direction: column !important;
transform: translateX(100%) !important;
transition: transform .35s ease !important;
overflow-y: auto !important;
z-index: 100000 !important;
}
/* Открытое состояние панели */
#luxme-store .lx-mobile-nav.open .lx-mobile-panel{
transform: translateX(0) !important;
}
/* Кнопка закрытия X */
#luxme-store .lx-close{
position: absolute !important;
top: 22px !important;
right: 22px !important;
width: 40px !important;
height: 40px !important;
background: rgba(255,255,255,.55) !important;
border: 1px solid var(--lx-border) !important;
border-radius: 50% !important;
font-size: 20px !important;
line-height: 1 !important;
color: var(--lx-dark) !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 100001 !important;
}
/* Ссылки внутри меню */
#luxme-store .lx-mobile-panel nav{
display: flex !important;
flex-direction: column !important;
flex: 1 !important;
}
#luxme-store .lx-mobile-panel nav a{
display: block !important;
font-family: var(--lx-serif) !important;
font-size: 26px !important;
font-weight: 400 !important;
color: var(--lx-dark) !important;
text-decoration: none !important;
padding: 18px 0 !important;
border-bottom: 1px solid var(--lx-border) !important;
letter-spacing: .3px !important;
}
/* Соцсети в мобильном меню */
#luxme-store .lx-mobile-social{
margin-top: 28px !important;
padding-top: 24px !important;
border-top: 1px solid var(--lx-border) !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
}
#luxme-store .lx-mobile-social a.lx-cta-btn,
#luxme-store .lx-mobile-social a.lx-mobile-social-link{
background: transparent !important;
color: var(--lx-dark) !important;
border: none !important;
box-shadow: none !important;
padding: 14px 0 !important;
justify-content: flex-start !important;
font-family: var(--lx-sans) !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
text-decoration: none !important;
position: relative !important;
}
#luxme-store .lx-mobile-social a span{
flex: 1 !important;
text-align: left !important;
}
#luxme-store .lx-mobile-social a::after{
content: "→" !important;
margin-left: auto !important;
color: var(--lx-gold-deep) !important;
font-weight: 400 !important;
font-size: 16px !important;
}
#luxme-store .lx-mobile-social a .lx-social-icon{
width: 16px !important;
height: 16px !important;
margin-right: 12px !important;
color: var(--lx-gold-deep) !important;
}
/* Чтобы бургер точно был кликабельный на мобильной версии */
@media (max-width: 980px){
#luxme-store .lx-menu-toggle{
display: flex !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
gap: 5px !important;
position: relative !important;
z-index: 100000 !important;
cursor: pointer !important;
pointer-events: auto !important;
background: rgba(255,255,255,.55) !important;
border: 1px solid var(--lx-border) !important;
border-radius: 50% !important;
margin-left: 2px !important;
padding: 0 !important;
}
#luxme-store .lx-menu-toggle *{
pointer-events: none !important;
}
#luxme-store .lx-menu-toggle span{
display: block !important;
width: 16px !important;
height: 1.5px !important;
background: var(--lx-dark) !important;
border-radius: 2px !important;
}
}
/* ============================================================
LUXME TRUST LUX BLOCK — BEAUTIFUL DESKTOP + MOBILE
Salon Grade / Doha Delivery / Expert Guidance / WhatsApp Support
============================================================ */
#luxme-store .lx-trust-lux{
position: relative;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
padding: 14px;
background:
radial-gradient(700px 160px at 50% 0%, rgba(255,255,255,.55), transparent 70%),
linear-gradient(180deg, rgba(255,255,255,.42), rgba(247,241,232,.54));
border: 1px solid var(--lx-border);
border-radius: 28px;
box-shadow:
0 24px 60px rgba(26,18,13,.10),
inset 0 1px 0 rgba(255,255,255,.55);
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
overflow: hidden;
}
#luxme-store .lx-trust-lux::before{
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(120deg, transparent 0%, rgba(255,255,255,.28) 35%, transparent 70%),
radial-gradient(500px 120px at 20% 0%, rgba(199,167,106,.13), transparent 70%);
pointer-events: none;
z-index: 0;
}
#luxme-store .lx-trust-lux-card{
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
align-items: center;
gap: 16px;
min-width: 0;
min-height: 118px;
padding: 24px 20px;
background:
linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.28));
border: 1px solid rgba(199,167,106,.22);
border-radius: 22px;
box-shadow:
0 10px 28px rgba(26,18,13,.055),
inset 0 1px 0 rgba(255,255,255,.65);
box-sizing: border-box;
overflow: hidden;
transition:
transform .28s ease,
box-shadow .28s ease,
border-color .28s ease,
background .28s ease;
}
#luxme-store .lx-trust-lux-card::after{
content: "";
position: absolute;
top: -40%;
right: -35%;
width: 120px;
height: 120px;
background: radial-gradient(circle, rgba(199,167,106,.20), transparent 68%);
pointer-events: none;
}
#luxme-store .lx-trust-lux-card:hover{
transform: translateY(-3px);
border-color: rgba(199,167,106,.45);
background:
linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.38));
box-shadow:
0 18px 42px rgba(26,18,13,.09),
0 0 0 1px rgba(199,167,106,.16),
inset 0 1px 0 rgba(255,255,255,.75);
}
#luxme-store .lx-trust-lux-icon{
position: relative;
width: 48px;
height: 48px;
min-width: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #8f7038;
font-size: 22px;
line-height: 1;
background:
radial-gradient(circle at 35% 25%, rgba(255,255,255,.95), rgba(224,197,138,.62) 48%, rgba(168,136,74,.18) 100%);
border: 1px solid rgba(199,167,106,.42);
box-shadow:
0 10px 24px rgba(199,167,106,.18),
inset 0 1px 0 rgba(255,255,255,.78);
}
#luxme-store .lx-trust-lux-copy{
min-width: 0;
}
#luxme-store .lx-trust-lux-copy h4{
margin: 0 0 6px;
padding: 0;
font-family: var(--lx-sans);
font-size: 11px;
line-height: 1.22;
font-weight: 700;
letter-spacing: 1.55px;
text-transform: uppercase;
color: var(--lx-dark);
white-space: normal;
overflow-wrap: normal;
}
#luxme-store .lx-trust-lux-copy p{
margin: 0;
padding: 0;
font-family: var(--lx-sans);
font-size: 12px;
line-height: 1.48;
font-weight: 400;
color: var(--lx-taupe);
white-space: normal;
overflow-wrap: normal;
}
/* ============================================================
MOBILE TRUST LUX — ровный красивый 2x2
============================================================ */
@media screen and (max-width: 980px){
#luxme-store .lx-trust-lux{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
padding: 10px !important;
border-radius: 24px !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
#luxme-store .lx-trust-lux-card{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
text-align: center !important;
gap: 9px !important;
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
min-height: 150px !important;
padding: 18px 9px 16px !important;
border-radius: 18px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
#luxme-store .lx-trust-lux-card:hover{
transform: none !important;
}
#luxme-store .lx-trust-lux-icon{
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
font-size: 17px !important;
margin: 0 auto !important;
}
#luxme-store .lx-trust-lux-copy{
width: 100% !important;
max-width: 135px !important;
min-width: 0 !important;
margin: 0 auto !important;
text-align: center !important;
}
#luxme-store .lx-trust-lux-copy h4{
margin: 0 0 6px !important;
font-size: 9.5px !important;
line-height: 1.22 !important;
letter-spacing: .85px !important;
text-align: center !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
#luxme-store .lx-trust-lux-copy p{
font-size: 10px !important;
line-height: 1.34 !important;
text-align: center !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
}
/* Very small phones */
@media screen and (max-width: 360px){
#luxme-store .lx-trust-lux{
grid-template-columns: 1fr !important;
}
#luxme-store .lx-trust-lux-card{
min-height: auto !important;
padding: 18px 16px !important;
}
#luxme-store .lx-trust-lux-copy{
max-width: 230px !important;
}
}
/* ============================================================
LUXME TRUST LUX BLOCK — FINAL DESIGN
Salon Grade / Doha Delivery / Expert Guidance / WhatsApp Support
============================================================ */
#luxme-store .lx-trust-lux{
position: relative !important;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
width: 100% !important;
max-width: 100% !important;
padding: 14px !important;
margin-top: 80px !important;
background:
radial-gradient(700px 160px at 50% 0%, rgba(255,255,255,.55), transparent 70%),
linear-gradient(180deg, rgba(255,255,255,.42), rgba(247,241,232,.54)) !important;
border: 1px solid var(--lx-border) !important;
border-radius: 28px !important;
box-shadow:
0 24px 60px rgba(26,18,13,.10),
inset 0 1px 0 rgba(255,255,255,.55) !important;
-webkit-backdrop-filter: blur(18px) !important;
backdrop-filter: blur(18px) !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
#luxme-store .lx-trust-lux::before{
content: "" !important;
position: absolute !important;
inset: 0 !important;
background:
linear-gradient(120deg, transparent 0%, rgba(255,255,255,.28) 35%, transparent 70%),
radial-gradient(500px 120px at 20% 0%, rgba(199,167,106,.13), transparent 70%) !important;
pointer-events: none !important;
z-index: 0 !important;
}
#luxme-store .lx-trust-lux-card{
position: relative !important;
z-index: 1 !important;
display: grid !important;
grid-template-columns: 48px minmax(0, 1fr) !important;
align-items: center !important;
gap: 16px !important;
min-width: 0 !important;
min-height: 118px !important;
padding: 24px 20px !important;
background:
linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.28)) !important;
border: 1px solid rgba(199,167,106,.22) !important;
border-radius: 22px !important;
box-shadow:
0 10px 28px rgba(26,18,13,.055),
inset 0 1px 0 rgba(255,255,255,.65) !important;
box-sizing: border-box !important;
overflow: hidden !important;
transition:
transform .28s ease,
box-shadow .28s ease,
border-color .28s ease,
background .28s ease !important;
}
#luxme-store .lx-trust-lux-card::after{
content: "" !important;
position: absolute !important;
top: -40% !important;
right: -35% !important;
width: 120px !important;
height: 120px !important;
background: radial-gradient(circle, rgba(199,167,106,.20), transparent 68%) !important;
pointer-events: none !important;
}
#luxme-store .lx-trust-lux-card:hover{
transform: translateY(-3px) !important;
border-color: rgba(199,167,106,.45) !important;
background:
linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.38)) !important;
box-shadow:
0 18px 42px rgba(26,18,13,.09),
0 0 0 1px rgba(199,167,106,.16),
inset 0 1px 0 rgba(255,255,255,.75) !important;
}
#luxme-store .lx-trust-lux-icon{
position: relative !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
color: #8f7038 !important;
font-size: 22px !important;
line-height: 1 !important;
background:
radial-gradient(circle at 35% 25%, rgba(255,255,255,.95), rgba(224,197,138,.62) 48%, rgba(168,136,74,.18) 100%) !important;
border: 1px solid rgba(199,167,106,.42) !important;
box-shadow:
0 10px 24px rgba(199,167,106,.18),
inset 0 1px 0 rgba(255,255,255,.78) !important;
}
#luxme-store .lx-trust-lux-copy{
min-width: 0 !important;
}
#luxme-store .lx-trust-lux-copy h4{
margin: 0 0 6px !important;
padding: 0 !important;
font-family: var(--lx-sans) !important;
font-size: 11px !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: 1.55px !important;
text-transform: uppercase !important;
color: var(--lx-dark) !important;
white-space: normal !important;
overflow-wrap: normal !important;
}
#luxme-store .lx-trust-lux-copy p{
margin: 0 !important;
padding: 0 !important;
font-family: var(--lx-sans) !important;
font-size: 12px !important;
line-height: 1.48 !important;
font-weight: 400 !important;
color: var(--lx-taupe) !important;
white-space: normal !important;
overflow-wrap: normal !important;
}
/* MOBILE */
@media screen and (max-width: 980px){
#luxme-store .lx-trust-lux{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
padding: 10px !important;
margin-top: 60px !important;
border-radius: 24px !important;
}
#luxme-store .lx-trust-lux-card{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
text-align: center !important;
gap: 9px !important;
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
min-height: 150px !important;
padding: 18px 9px 16px !important;
border-radius: 18px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
#luxme-store .lx-trust-lux-card:hover{
transform: none !important;
}
#luxme-store .lx-trust-lux-icon{
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
font-size: 17px !important;
margin: 0 auto !important;
}
#luxme-store .lx-trust-lux-copy{
width: 100% !important;
max-width: 135px !important;
min-width: 0 !important;
margin: 0 auto !important;
text-align: center !important;
}
#luxme-store .lx-trust-lux-copy h4{
margin: 0 0 6px !important;
font-size: 9.5px !important;
line-height: 1.22 !important;
letter-spacing: .85px !important;
text-align: center !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
#luxme-store .lx-trust-lux-copy p{
font-size: 10px !important;
line-height: 1.34 !important;
text-align: center !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
}
@media screen and (max-width: 360px){
#luxme-store .lx-trust-lux{
grid-template-columns: 1fr !important;
}
#luxme-store .lx-trust-lux-card{
min-height: auto !important;
padding: 18px 16px !important;
}
#luxme-store .lx-trust-lux-copy{
max-width: 230px !important;
}
}
/* ============================================================
MOBILE SIDE MENU — SILK LUXURY GRADIENT DESIGN
Paste in Block 01 before
============================================================ */
@media screen and (max-width: 980px){
#luxme-store .lx-mobile-panel{
position: absolute !important;
overflow: hidden !important;
background:
radial-gradient(ellipse 80% 45% at 70% 12%, rgba(255,255,245,.72), transparent 62%),
radial-gradient(ellipse 60% 45% at 20% 88%, rgba(255,240,210,.55), transparent 68%),
linear-gradient(118deg,
rgba(255,248,232,.92) 0%,
rgba(245,230,202,.88) 23%,
rgba(255,252,240,.92) 43%,
rgba(226,202,160,.82) 65%,
rgba(251,241,222,.94) 100%
) !important;
border-left: 1px solid rgba(199,167,106,.34) !important;
box-shadow:
-24px 0 70px rgba(26,18,13,.22),
inset 1px 0 0 rgba(255,255,255,.55),
inset 0 1px 0 rgba(255,255,255,.65) !important;
-webkit-backdrop-filter: blur(18px) saturate(160%) !important;
backdrop-filter: blur(18px) saturate(160%) !important;
}
/* Silk light layer */
#luxme-store .lx-mobile-panel::before{
content: "" !important;
position: absolute !important;
inset: 0 !important;
background:
linear-gradient(112deg,
transparent 0%,
rgba(120,90,55,.08) 16%,
rgba(255,255,245,.38) 28%,
transparent 42%,
rgba(120,90,55,.10) 58%,
rgba(255,250,235,.42) 72%,
transparent 100%
),
radial-gradient(ellipse 40% 30% at 82% 28%, rgba(255,255,250,.55), transparent 72%);
filter: blur(5px) !important;
opacity: .9 !important;
pointer-events: none !important;
z-index: 0 !important;
}
/* Soft gold glow */
#luxme-store .lx-mobile-panel::after{
content: "" !important;
position: absolute !important;
top: -90px !important;
right: -80px !important;
width: 220px !important;
height: 220px !important;
background: radial-gradient(circle, rgba(199,167,106,.22), transparent 68%) !important;
pointer-events: none !important;
z-index: 0 !important;
}
#luxme-store .lx-mobile-panel > *{
position: relative !important;
z-index: 2 !important;
}
/* Close button */
#luxme-store .lx-mobile-panel .lx-close{
background: rgba(255,255,255,.56) !important;
border: 1px solid rgba(199,167,106,.34) !important;
color: var(--lx-dark) !important;
box-shadow:
0 8px 22px rgba(26,18,13,.08),
inset 0 1px 0 rgba(255,255,255,.68) !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
}
/* Menu links */
#luxme-store .lx-mobile-panel nav a{
position: relative !important;
padding: 18px 0 !important;
font-family: var(--lx-serif) !important;
font-size: 27px !important;
line-height: 1.05 !important;
font-weight: 500 !important;
color: rgba(26,18,13,.92) !important;
border-bottom: 1px solid rgba(199,167,106,.24) !important;
text-shadow: 0 1px 0 rgba(255,255,255,.45) !important;
transition:
color .25s ease,
transform .25s ease,
padding-left .25s ease !important;
}
#luxme-store .lx-mobile-panel nav a::after{
content: "→" !important;
position: absolute !important;
right: 0 !important;
top: 50% !important;
transform: translateY(-50%) translateX(-4px) !important;
font-family: var(--lx-sans) !important;
font-size: 14px !important;
color: rgba(168,136,74,.75) !important;
opacity: 0 !important;
transition: all .25s ease !important;
}
#luxme-store .lx-mobile-panel nav a:hover,
#luxme-store .lx-mobile-panel nav a:active{
color: var(--lx-gold-deep) !important;
padding-left: 8px !important;
}
#luxme-store .lx-mobile-panel nav a:hover::after,
#luxme-store .lx-mobile-panel nav a:active::after{
opacity: 1 !important;
transform: translateY(-50%) translateX(0) !important;
}
/* Social buttons at bottom */
#luxme-store .lx-mobile-social{
margin-top: 30px !important;
padding-top: 24px !important;
border-top: 1px solid rgba(199,167,106,.28) !important;
}
#luxme-store .lx-mobile-social a.lx-mobile-social-link{
background: rgba(255,255,255,.36) !important;
border: 1px solid rgba(199,167,106,.26) !important;
border-radius: 999px !important;
padding: 13px 16px !important;
margin-bottom: 10px !important;
color: var(--lx-dark) !important;
box-shadow:
0 8px 22px rgba(26,18,13,.055),
inset 0 1px 0 rgba(255,255,255,.62) !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
}
#luxme-store .lx-mobile-social a.lx-mobile-social-link .lx-social-icon{
color: var(--lx-gold-deep) !important;
}
}
@media screen and (max-width: 980px){
#luxme-store .lx-mobile-nav.open{
background:
radial-gradient(ellipse 70% 45% at 20% 20%, rgba(255,235,200,.16), transparent 70%),
linear-gradient(120deg, rgba(26,18,13,.48), rgba(90,62,42,.36)) !important;
}
}
/* ============================================================
FINAL VISIBLE SILK MENU — MOBILE SIDE PANEL
Paste at the VERY END of Block 01 before
============================================================ */
@media screen and (max-width: 980px){
html body #luxme-store .lx-mobile-nav.open{
background:
radial-gradient(ellipse 70% 45% at 18% 18%, rgba(255,226,180,.22), transparent 70%),
linear-gradient(120deg, rgba(26,18,13,.52), rgba(82,52,34,.42)) !important;
}
html body #luxme-store .lx-mobile-nav .lx-mobile-panel,
html body #luxme-store .lx-mobile-nav.open .lx-mobile-panel{
position: absolute !important;
background-color: #F4E3C2 !important;
background-image:
radial-gradient(ellipse 90% 42% at 78% 6%, rgba(255,255,248,.95) 0%, rgba(255,250,230,.45) 38%, transparent 68%),
radial-gradient(ellipse 70% 46% at 20% 90%, rgba(196,145,70,.22) 0%, transparent 70%),
linear-gradient(116deg,
rgba(120,82,38,.16) 0%,
rgba(255,248,226,.98) 14%,
rgba(218,183,120,.38) 28%,
rgba(255,255,244,.98) 43%,
rgba(184,132,55,.22) 58%,
rgba(255,241,212,.96) 73%,
rgba(210,165,90,.34) 100%
) !important;
background-blend-mode: screen, multiply, normal !important;
border-left: 1px solid rgba(168,136,74,.42) !important;
box-shadow:
-28px 0 80px rgba(26,18,13,.24),
inset 1px 0 0 rgba(255,255,255,.72),
inset 0 1px 0 rgba(255,255,255,.75) !important;
overflow: hidden auto !important;
}
html body #luxme-store .lx-mobile-panel::before{
content: "" !important;
position: absolute !important;
inset: 0 !important;
background:
linear-gradient(108deg,
transparent 0%,
rgba(94,63,28,.13) 13%,
rgba(255,255,245,.46) 23%,
transparent 35%,
rgba(94,63,28,.12) 49%,
rgba(255,250,230,.50) 61%,
transparent 76%,
rgba(94,63,28,.10) 91%,
transparent 100%
) !important;
filter: blur(4px) !important;
opacity: .95 !important;
pointer-events: none !important;
z-index: 0 !important;
}
html body #luxme-store .lx-mobile-panel::after{
content: "" !important;
position: absolute !important;
top: -80px !important;
right: -80px !important;
width: 230px !important;
height: 230px !important;
background: radial-gradient(circle, rgba(199,167,106,.30), transparent 68%) !important;
pointer-events: none !important;
z-index: 0 !important;
}
html body #luxme-store .lx-mobile-panel > *{
position: relative !important;
z-index: 2 !important;
}
html body #luxme-store .lx-mobile-panel nav a{
border-bottom: 1px solid rgba(168,136,74,.26) !important;
color: rgba(26,18,13,.94) !important;
text-shadow: 0 1px 0 rgba(255,255,255,.55) !important;
}
html body #luxme-store .lx-mobile-panel .lx-close{
background: rgba(255,255,255,.62) !important;
border: 1px solid rgba(168,136,74,.36) !important;
box-shadow:
0 8px 22px rgba(26,18,13,.08),
inset 0 1px 0 rgba(255,255,255,.72) !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
}
html body #luxme-store .lx-mobile-social{
border-top: 1px solid rgba(168,136,74,.30) !important;
}
html body #luxme-store .lx-mobile-social a.lx-mobile-social-link{
background: rgba(255,255,255,.42) !important;
border: 1px solid rgba(168,136,74,.28) !important;
border-radius: 999px !important;
padding: 13px 16px !important;
margin-bottom: 10px !important;
box-shadow:
0 8px 22px rgba(26,18,13,.055),
inset 0 1px 0 rgba(255,255,255,.66) !important;
}
}
/* ============================================================
DESKTOP ONLY PERFORMANCE FIX — DO NOT TOUCH MOBILE
============================================================ */
@media screen and (min-width: 981px){
html,
body{
background-attachment: scroll !important;
}
body::before,
body::after{
display: none !important;
content: none !important;
}
#luxme-store .lx-hero-bg,
#luxme-store .lx-hero-bg::after{
filter: none !important;
mix-blend-mode: normal !important;
}
#luxme-store .lx-card,
#luxme-store .lx-col-card,
#luxme-store .lx-glass,
#luxme-store .lx-trust,
#luxme-store .lx-train-card,
#luxme-store .lx-ws-card,
#luxme-store .lx-ws-dashboard,
#luxme-store .lx-pd-showroom,
#luxme-store .lx-filter-rail,
#luxme-store .lx-header{
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
#luxme-store .lx-card:hover,
#luxme-store .lx-col-card:hover{
transform: none !important;
}
}
/* ============================================================
FINAL HERO READABILITY GUARD
Keeps hero background + hides only big duplicated LuxMé Professional title
============================================================ */
html body .lx-hero{
background-image: url("https://drive.google.com/thumbnail?id=1rQ8skHIkoMw5OclGPXnAugSxnOLPoZ8h&sz=w2400") !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: #d8bd90 !important;
background-blend-mode: normal !important;
}
html body .lx-hero .lx-h1,
html body .lx-hero h1{
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
html body .lx-hero .lx-hero-content{
position: relative !important;
z-index: 3 !important;
width: min(560px, calc(100vw - 64px)) !important;
max-width: 560px !important;
padding: 24px 26px !important;
border-radius: 26px !important;
background: rgba(247,241,232,.58) !important;
border: 1px solid rgba(255,255,255,.48) !important;
box-shadow: 0 18px 54px rgba(26,18,13,.20) !important;
-webkit-backdrop-filter: blur(16px) saturate(155%) !important;
backdrop-filter: blur(16px) saturate(155%) !important;
}
html body .lx-hero .lx-kicker,
html body .lx-hero .lx-body,
html body .lx-hero .lx-hero-actions,
html body .lx-hero .lx-hero-stats{
display: revert !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
html body .lx-hero .lx-hero-actions{
display: flex !important;
margin-top: 22px !important;
}
html body .lx-hero .lx-hero-stats{
display: flex !important;
margin-top: 24px !important;
padding-top: 18px !important;
}
@media (max-width: 980px){
html body .lx-hero{
background-image: url("https://drive.google.com/thumbnail?id=1wB8FU-GDgewQCo-gdOBz8A5Ttk8f5vZD&sz=w1600") !important;
background-size: cover !important;
background-position: center top !important;
background-repeat: no-repeat !important;
min-height: calc(100vh - 60px) !important;
align-items: flex-end !important;
padding: 92px 20px 34px !important;
}
html body .lx-hero .lx-hero-content{
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 18px 16px !important;
border-radius: 22px !important;
background: rgba(247,241,232,.62) !important;
}
}
OUR COMPANY
Bring Your Ideas to Life
Everything that you dreamed of can be brought to life exactly at the moment when you decide to win.
Put this after Block 06. It does not change site structure, products, cart, Pixel, or layout. -->
Paste AFTER Block 06. Replace previous Block 07 with this version.
-->
