.miralix-page,
.miralix-home {
--mp-bg: #ffffff;
--mp-surface: #ffffff;
--mp-text: var(--miralix-black, #0d0d0d);
--mp-muted: #6e6554;
--mp-gold: var(--miralix-gold, #d4af37);
--mp-border: rgba(13, 13, 13, .08);
--mp-button-bg: var(--mp-gold);
--mp-button-text: #120f08;
--mp-radius: 18px;
--mh-bg: var(--mp-bg);
--mh-surface: var(--mp-surface);
--mh-text: var(--mp-text);
--mh-muted: var(--mp-muted);
--mh-gold: var(--mp-gold);
--mh-black: var(--miralix-black, #0d0d0d);
--mh-button-text: var(--mp-button-text);
--mh-radius: var(--mp-radius);
--mh-shadow: 0 18px 55px rgba(13, 13, 13, .10);
--mh-soft-border: rgba(13, 13, 13, .08);
background: linear-gradient(180deg, #fff 0%, #fffaf0 48%, #fff 100%);
color: var(--mh-text);
overflow: hidden;
font-family: inherit;
}
.miralix-home *,
.miralix-home *::before,
.miralix-home *::after { box-sizing: border-box; }
.miralix-home a { transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; }
.miralix-home-container {
width: min(1180px, calc(100% - 34px));
margin-inline: auto;
}
.miralix-home-section {
padding: clamp(44px, 6vw, 78px) 0;
}
.miralix-home-section-head {
display: grid;
gap: 8px;
margin-bottom: clamp(20px, 4vw, 34px);
max-width: 720px;
}
.miralix-home-section-head h2,
.miralix-home-hero h1,
.miralix-home-cta h2,
.miralix-home-info-card h3,
.miralix-home-product-block h3,
.miralix-home-product-card h4 {
margin: 0;
color: var(--mh-text);
font-family: inherit;
line-height: 1.18;
}
.miralix-home-section-head h2 {
font-size: clamp(24px, 3.2vw, 38px);
font-weight: 900;
}
.miralix-home-section-head p,
.miralix-home-hero p,
.miralix-home-cta p,
.miralix-home-info-card p,
.miralix-home-product-block p,
.miralix-home-product-card__excerpt {
margin: 0;
color: var(--mh-muted);
line-height: 1.8;
}
.miralix-home-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--mh-gold);
font-size: 12px;
line-height: 1;
letter-spacing: .12em;
text-transform: uppercase;
font-weight: 900;
}
html[dir="rtl"] .miralix-home-eyebrow { letter-spacing: 0; }
.miralix-home-eyebrow::after {
content: '';
width: 34px;
height: 2px;
border-radius: 99px;
background: currentColor;
}
.miralix-home-btn,
.miralix-home-link,
.miralix-home-info-card__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
text-decoration: none;
font-family: inherit;
}
.miralix-home-btn {
min-height: 44px;
padding: 11px 24px;
border-radius: 14px;
font-weight: 900;
line-height: 1;
}
.miralix-home-btn:hover { transform: translateY(-2px); }
.miralix-home-btn--gold {
color: var(--mh-button-text);
background: linear-gradient(135deg, #f0d57a, var(--mh-gold) 52%, #bd8f22);
box-shadow: 0 16px 34px rgba(174, 126, 28, .23);
}
.miralix-home-btn--ghost {
color: #fff;
border: 1px solid rgba(255,255,255,.28);
background: rgba(255,255,255,.08);
backdrop-filter: blur(10px);
} .miralix-home-hero {
position: relative;
min-height: min(var(--mh-hero-height, 560px), 74vh);
background: var(--mh-black);
overflow: hidden;
isolation: isolate;
border-bottom: 1px solid rgba(212,175,55,.28);
}
.miralix-home-hero__track,
.miralix-home-hero__slide { min-height: inherit; }
.miralix-home-hero__slide {
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
transition: opacity .65s ease, visibility .65s ease;
}
.miralix-home-hero__slide.is-active {
position: relative;
opacity: 1;
visibility: visible;
}
.miralix-home-hero__bg,
.miralix-home-hero__bg::before,
.miralix-home-hero__bg::after {
position: absolute;
inset: 0;
}
.miralix-home-hero__bg {
overflow: hidden;
background:
radial-gradient(circle at 70% 30%, rgba(212,175,55,.24), transparent 24%),
radial-gradient(circle at 82% 58%, rgba(255,255,255,.08), transparent 22%),
linear-gradient(135deg, #080805, #15120b 48%, #050504);
}
html[dir="rtl"] .miralix-home-hero__bg {
background:
radial-gradient(circle at 30% 30%, rgba(212,175,55,.24), transparent 24%),
radial-gradient(circle at 18% 58%, rgba(255,255,255,.08), transparent 22%),
linear-gradient(225deg, #080805, #15120b 48%, #050504);
}
.miralix-home-hero__bg::before {
content: '';
z-index: 1;
background:
linear-gradient(90deg, rgba(6,5,3,.88), rgba(6,5,3,.62) 47%, rgba(6,5,3,.18)),
radial-gradient(circle at 70% 18%, rgba(212,175,55,.20), transparent 30%);
}
html[dir="rtl"] .miralix-home-hero__bg::before {
background:
linear-gradient(270deg, rgba(6,5,3,.88), rgba(6,5,3,.62) 47%, rgba(6,5,3,.18)),
radial-gradient(circle at 30% 18%, rgba(212,175,55,.20), transparent 30%);
}
.miralix-home-hero__bg::after {
content: 'MIRALIX';
z-index: 2;
inset-block-start: auto;
inset-inline-end: clamp(12px, 6vw, 84px);
bottom: clamp(24px, 5vw, 68px);
height: auto;
width: auto;
color: rgba(255,255,255,.055);
font-size: clamp(56px, 13vw, 160px);
font-weight: 950;
letter-spacing: .08em;
line-height: .8;
pointer-events: none;
}
.miralix-home-hero__image {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.02);
}
.miralix-home-hero__inner {
position: relative;
z-index: 4;
min-height: inherit;
display: flex;
align-items: center;
padding-block: clamp(58px, 9vw, 100px);
}
.miralix-home-hero__content {
width: min(620px, 100%);
color: #fff;
}
.miralix-home-hero .miralix-home-eyebrow { color: var(--mh-gold); }
.miralix-home-hero h1 {
color: #fff;
font-size: clamp(34px, 5vw, 68px);
font-weight: 950;
margin-top: 16px;
text-wrap: balance;
}
.miralix-home-hero p {
color: rgba(255,255,255,.88);
font-size: clamp(16px, 1.8vw, 22px);
font-weight: 700;
margin-top: 16px;
max-width: 560px;
}
.miralix-home-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
.miralix-home-hero__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 6;
width: 44px;
height: 44px;
border: 0;
border-radius: 50%;
background: rgba(255,255,255,.10);
color: #fff;
font-size: 30px;
line-height: 1;
cursor: pointer;
backdrop-filter: blur(8px);
}
.miralix-home-hero__arrow:hover {
background: var(--mh-gold);
color: #111;
}
.miralix-home-hero__arrow--prev { inset-inline-start: 32px; }
.miralix-home-hero__arrow--next { inset-inline-end: 32px; }
.miralix-home-hero__dots {
position: absolute;
z-index: 6;
inset-inline: 0;
bottom: 24px;
display: flex;
justify-content: center;
gap: 8px;
}
.miralix-home-hero__dots button {
width: 9px;
height: 9px;
border: 0;
border-radius: 50%;
background: rgba(255,255,255,.55);
padding: 0;
cursor: pointer;
}
.miralix-home-hero__dots button.is-active {
background: var(--mh-gold);
box-shadow: 0 0 0 4px rgba(212,175,55,.18);
} .miralix-home-categories-ref {
padding: 34px 0 22px;
background: #fff;
}
.miralix-home-category-tiles {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.miralix-home-category-tile {
min-height: 176px;
border-radius: var(--mh-radius);
overflow: hidden;
box-shadow: 0 16px 38px rgba(13,13,13,.09);
}
.miralix-home-category-tile__inner {
position: relative;
min-height: inherit;
display: grid;
grid-template-columns: 1fr 46%;
align-items: center;
text-decoration: none;
color: var(--mh-text);
isolation: isolate;
background: linear-gradient(135deg, #f8e9f7, #fff 60%);
}
.miralix-home-category-tile--2 .miralix-home-category-tile__inner { background: linear-gradient(135deg, #ddecff, #ffffff 62%); }
.miralix-home-category-tile--3 .miralix-home-category-tile__inner { background: linear-gradient(135deg, #d8f3e7, #ffffff 62%); }
.miralix-home-category-tile__inner:hover { transform: translateY(-3px); }
.miralix-home-category-tile__content {
position: relative;
z-index: 2;
display: grid;
gap: 8px;
padding: 24px;
}
.miralix-home-category-tile strong {
font-size: clamp(20px, 2vw, 28px);
line-height: 1.25;
font-weight: 900;
}
.miralix-home-category-tile span span {
color: #252018;
font-size: 16px;
line-height: 1.6;
}
.miralix-home-category-tile em {
width: max-content;
margin-top: 6px;
padding: 8px 16px;
border-radius: 10px;
background: linear-gradient(135deg, var(--mh-gold), #bd8f22);
color: var(--mh-button-text);
font-style: normal;
font-weight: 900;
font-size: 13px;
}
.miralix-home-category-tile__media {
position: relative;
align-self: stretch;
min-height: 176px;
}
.miralix-home-category-tile__media::before,
.miralix-home-category-tile__media::after {
content: '';
position: absolute;
border-radius: 999px;
background: rgba(255,255,255,.58);
}
.miralix-home-category-tile__media::before {
width: 150px;
height: 150px;
inset-inline-end: -22px;
inset-block-end: -32px;
}
.miralix-home-category-tile__media::after {
width: 74px;
height: 74px;
inset-inline-start: 10px;
inset-block-start: 24px;
}
.miralix-home-category-tile__media img {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .45s ease;
}
.miralix-home-category-tile__inner:hover img { transform: scale(1.055); } .miralix-home-trust-strip-section {
padding: 18px 0 40px;
background: #fff;
}
.miralix-home-trust-strip {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
padding: 22px 26px;
border-radius: var(--mh-radius);
background:
linear-gradient(135deg, rgba(255,255,255,.05), transparent 26%),
linear-gradient(135deg, #070704, #14110a);
border: 1px solid rgba(212,175,55,.32);
box-shadow: 0 18px 42px rgba(13,13,13,.18);
color: #fff;
}
.miralix-home-trust-strip__item {
display: flex;
align-items: center;
gap: 14px;
min-height: 70px;
padding: 0 18px;
border-inline-start: 1px solid rgba(212,175,55,.20);
}
.miralix-home-trust-strip__item:first-child { border-inline-start: 0; }
.miralix-home-trust-strip__icon {
color: var(--mh-gold);
width: 48px;
height: 48px;
flex: 0 0 48px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.miralix-home-trust-strip__icon svg { width: 34px; height: 34px; }
.miralix-home-trust-strip__text {
display: grid;
gap: 4px;
}
.miralix-home-trust-strip__text strong {
color: #fff;
font-size: 15px;
line-height: 1.4;
}
.miralix-home-trust-strip__text small {
color: rgba(255,255,255,.72);
font-size: 12px;
line-height: 1.6;
} .miralix-home-products {
padding: 48px 0 28px;
background: #fff;
}
.miralix-home-products > .miralix-home-container > .miralix-home-section-head {
margin-inline-start: auto;
text-align: start;
}
.miralix-home-product-block {
position: relative;
padding: 0;
margin-top: 20px;
background: transparent;
border: 0;
box-shadow: none;
}
.miralix-home-product-block__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 18px;
margin-bottom: 18px;
}
.miralix-home-product-block__head h3 {
font-size: clamp(24px, 3vw, 34px);
font-weight: 950;
}
.miralix-home-product-block__head p {
margin-top: 6px;
}
.miralix-home-product-block__actions {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.miralix-home-product-block__actions button {
width: 36px;
height: 36px;
border-radius: 10px;
border: 1px solid rgba(13,13,13,.12);
background: #fff;
color: var(--mh-black);
font-size: 24px;
line-height: 1;
cursor: pointer;
}
.miralix-home-product-block__actions button:hover {
background: var(--mh-gold);
border-color: var(--mh-gold);
}
.miralix-home-link {
padding: 10px 18px;
border-radius: 10px;
border: 1px solid rgba(212,175,55,.42);
color: #a97813;
font-weight: 900;
font-size: 13px;
}
.miralix-home-link:hover {
color: var(--mh-black);
background: #fff8e8;
}
.miralix-home-link svg { width: 16px; height: 16px; }
html[dir="rtl"] .miralix-home-link svg { transform: rotate(180deg); }
.miralix-home-product-slider {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(210px, 20%);
gap: 16px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding: 6px 2px 14px;
scrollbar-width: none;
}
.miralix-home-product-slider::-webkit-scrollbar { display: none; }
.miralix-home-product-card {
scroll-snap-align: start;
min-width: 0;
background: #fff;
border: 1px solid rgba(13,13,13,.09);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 12px 30px rgba(13,13,13,.06);
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.miralix-home-product-card:hover {
transform: translateY(-4px);
box-shadow: 0 20px 46px rgba(13,13,13,.11);
border-color: rgba(212,175,55,.35);
}
.miralix-home-product-card__media {
position: relative;
display: block;
aspect-ratio: 1 / .92;
background: #f8f8f8;
overflow: hidden;
}
.miralix-home-product-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .36s ease;
}
.miralix-home-product-card:hover .miralix-home-product-card__media img { transform: scale(1.04); }
.miralix-home-product-card__badges {
position: absolute;
inset-block-start: 10px;
inset-inline: 10px;
display: flex;
justify-content: space-between;
gap: 8px;
pointer-events: none;
}
.miralix-home-product-card__cat,
.miralix-home-product-card__badge {
display: inline-flex;
align-items: center;
min-height: 26px;
padding: 6px 9px;
border-radius: 999px;
font-size: 11px;
font-weight: 900;
line-height: 1;
}
.miralix-home-product-card__cat {
max-width: 118px;
color: #fff;
background: rgba(13,13,13,.70);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.miralix-home-product-card__badge {
color: #111;
background: var(--mh-gold);
}
.miralix-home-product-card__body {
display: grid;
gap: 9px;
padding: 14px;
}
.miralix-home-product-card h4 {
font-size: 14px;
font-weight: 900;
min-height: 2.55em;
}
.miralix-home-product-card h4 a {
color: inherit;
text-decoration: none;
}
.miralix-home-product-card__excerpt {
font-size: 12px;
line-height: 1.65;
min-height: 2.65em;
}
.miralix-home-product-card__price {
color: var(--mh-black);
font-size: 13px;
font-weight: 900;
}
.miralix-home-product-card__price ins {
color: #b18016;
text-decoration: none;
}
.miralix-home-product-card__price del {
color: #9b9281;
font-weight: 700;
margin-inline-end: 5px;
}
.miralix-home-product-card__footer {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}
.miralix-home-product-card__view,
.miralix-home-product-card__cart {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 8px 12px;
border-radius: 8px;
font-size: 12px;
font-weight: 900;
text-decoration: none;
}
.miralix-home-product-card__view {
color: var(--mh-black);
background: rgba(13,13,13,.055);
}
.miralix-home-product-card__cart {
color: var(--mh-button-text);
background: var(--mh-gold);
} .miralix-home-cta {
padding: 22px 0 52px;
background: #fff;
}
.miralix-home-cta__inner {
position: relative;
min-height: 220px;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(240px, .55fr);
align-items: center;
gap: 24px;
padding: clamp(28px, 5vw, 52px);
border-radius: var(--mh-radius);
overflow: hidden;
color: #fff;
background:
radial-gradient(circle at 78% 35%, rgba(212,175,55,.23), transparent 28%),
linear-gradient(135deg, #080805, #15110a 58%, #070704);
border: 1px solid rgba(212,175,55,.30);
box-shadow: 0 18px 50px rgba(13,13,13,.16);
}
html[dir="rtl"] .miralix-home-cta__inner {
background:
radial-gradient(circle at 22% 35%, rgba(212,175,55,.23), transparent 28%),
linear-gradient(225deg, #080805, #15110a 58%, #070704);
}
.miralix-home-cta__inner::before {
content: 'MIRALIX';
position: absolute;
inset-inline-end: 24px;
bottom: 8px;
font-size: clamp(56px, 12vw, 150px);
line-height: .8;
font-weight: 950;
letter-spacing: .08em;
color: rgba(255,255,255,.05);
pointer-events: none;
}
.miralix-home-cta__content { position: relative; z-index: 2; }
.miralix-home-cta h2 { color: var(--mh-gold); font-size: clamp(24px, 3.8vw, 42px); font-weight: 950; }
.miralix-home-cta p { color: rgba(255,255,255,.86); margin: 12px 0 22px; font-size: 16px; }
.miralix-home-cta__image {
position: relative;
z-index: 2;
height: 220px;
border-radius: 16px;
overflow: hidden;
}
.miralix-home-cta__image img {
width: 100%;
height: 100%;
object-fit: cover;
} .miralix-home-info-section {
padding: 44px 0 72px;
background: linear-gradient(180deg, #fff, #fffaf0);
}
.miralix-home-info-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
border-block: 1px solid rgba(13,13,13,.08);
}
.miralix-home-info-card {
display: grid;
gap: 12px;
padding: 32px 28px;
text-align: center;
border-inline-start: 1px solid rgba(13,13,13,.08);
}
.miralix-home-info-card:first-child { border-inline-start: 0; }
.miralix-home-info-card__icon {
width: 64px;
height: 64px;
margin-inline: auto;
color: var(--mh-gold);
display: inline-flex;
align-items: center;
justify-content: center;
}
.miralix-home-info-card__icon svg { width: 44px; height: 44px; }
.miralix-home-info-card h3 {
font-size: 18px;
font-weight: 950;
}
.miralix-home-info-card p {
font-size: 14px;
}
.miralix-home-info-card__link {
width: max-content;
margin-inline: auto;
color: var(--mh-black);
border: 1px solid rgba(212,175,55,.45);
border-radius: 8px;
padding: 9px 16px;
font-weight: 900;
}
.miralix-home-info-card__link:hover { background: var(--mh-gold); color: #111; }
.miralix-home-content__inner {
padding: clamp(24px, 4vw, 46px);
background: #fff;
border: 1px solid rgba(13,13,13,.08);
border-radius: var(--mh-radius);
}
@media (max-width: 1024px) {
.miralix-home-hero { min-height: 520px; }
.miralix-home-category-tiles { grid-template-columns: repeat(3, minmax(240px, 1fr)); overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; }
.miralix-home-category-tile { scroll-snap-align: start; }
.miralix-home-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
.miralix-home-trust-strip__item:nth-child(3) { border-inline-start: 0; }
.miralix-home-product-slider { grid-auto-columns: minmax(220px, 34%); }
.miralix-home-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.miralix-home-info-card:nth-child(3) { border-inline-start: 0; }
}
@media (max-width: 720px) {
.miralix-home-container { width: min(100% - 22px, 1180px); }
.miralix-home-hero { min-height: 540px; }
.miralix-home-hero__inner { align-items: flex-end; padding-block: 68px 82px; }
.miralix-home-hero__content { width: 100%; }
.miralix-home-hero h1 { font-size: clamp(30px, 10vw, 42px); }
.miralix-home-hero p { font-size: 15px; }
.miralix-home-hero__arrow { display: none; }
.miralix-home-hero__bg::after { font-size: 58px; bottom: 28px; opacity: .8; }
.miralix-home-category-tiles { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(255px, 86%); gap: 14px; }
.miralix-home-category-tile__inner { grid-template-columns: 1fr 42%; }
.miralix-home-category-tile__content { padding: 20px; }
.miralix-home-category-tile strong { font-size: 21px; }
.miralix-home-trust-strip { grid-template-columns: 1fr; padding: 18px; }
.miralix-home-trust-strip__item { border-inline-start: 0; border-top: 1px solid rgba(212,175,55,.16); padding: 12px 0; }
.miralix-home-trust-strip__item:first-child { border-top: 0; }
.miralix-home-product-block__head { align-items: flex-start; flex-direction: column; }
.miralix-home-product-slider { grid-auto-columns: minmax(210px, 76%); }
.miralix-home-cta__inner { grid-template-columns: 1fr; min-height: auto; }
.miralix-home-cta__image { height: 180px; }
.miralix-home-info-grid { grid-template-columns: 1fr; border-block: 0; }
.miralix-home-info-card { border-inline-start: 0; border-top: 1px solid rgba(13,13,13,.08); padding: 28px 10px; }
.miralix-home-info-card:first-child { border-top: 0; }
}
.miralix-home-cta__visual {
position: relative;
z-index: 2;
min-height: 220px;
border-radius: 16px;
overflow: hidden;
}
.miralix-home-cta__visual::before {
content: '';
position: absolute;
inset: 24px 8px 0;
border-radius: 999px 999px 24px 24px;
background:
radial-gradient(circle at 50% 0%, rgba(212,175,55,.50), transparent 32%),
linear-gradient(180deg, rgba(212,175,55,.22), rgba(255,255,255,.04));
border: 1px solid rgba(212,175,55,.26);
}
.miralix-home-cta__visual span {
position: absolute;
bottom: 28px;
width: 54px;
border-radius: 16px 16px 10px 10px;
background: linear-gradient(180deg, #d4af37, #0d0d0d 18%, #18120a);
border: 1px solid rgba(212,175,55,.36);
box-shadow: 0 18px 34px rgba(0,0,0,.26);
}
.miralix-home-cta__visual span:nth-child(1) { height: 130px; inset-inline-start: 24%; }
.miralix-home-cta__visual span:nth-child(2) { height: 174px; width: 68px; inset-inline-start: 46%; transform: translateX(-50%); }
.miralix-home-cta__visual span:nth-child(3) { height: 112px; inset-inline-end: 22%; }
html[dir="rtl"] .miralix-home-cta__visual span:nth-child(2) { transform: translateX(50%); } .miralix-page *,
.miralix-page *::before,
.miralix-page *::after { box-sizing: border-box; }
.miralix-page-container,
.miralix-home-container {
width: min(1180px, calc(100% - 34px));
margin-inline: auto;
}
.miralix-page-container--narrow { width: min(860px, calc(100% - 34px)); }
.miralix-page-section { padding: clamp(44px, 6vw, 78px) 0; }
.miralix-page-section-head,
.miralix-home-section-head {
display: grid;
gap: 8px;
margin-bottom: clamp(20px, 4vw, 34px);
max-width: 720px;
}
.miralix-page-eyebrow,
.miralix-home-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--mp-gold, var(--mh-gold));
font-size: 12px;
line-height: 1;
letter-spacing: .12em;
text-transform: uppercase;
font-weight: 900;
}
.miralix-page-btn,
.miralix-home-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 44px;
padding: 11px 24px;
border-radius: 14px;
font-weight: 900;
line-height: 1;
text-decoration: none;
font-family: inherit;
transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.miralix-page-btn--gold,
.miralix-home-btn--gold {
color: var(--mp-button-text, var(--mh-button-text));
background: linear-gradient(135deg, #f0d57a, var(--mp-button-bg, var(--mp-gold, var(--mh-gold))) 52%, #bd8f22);
box-shadow: 0 16px 34px rgba(174, 126, 28, .23);
}
.miralix-page-btn:hover,
.miralix-home-btn:hover { transform: translateY(-2px); }
.miralix-page-hero--inner {
background: linear-gradient(180deg, #fff 0%, #fffaf0 100%);
padding: clamp(48px, 7vw, 88px) 0;
border-bottom: 1px solid var(--mp-border, rgba(13,13,13,.08));
}
.miralix-page-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
gap: clamp(24px, 5vw, 48px);
align-items: center;
}
.miralix-page-hero__content h1 {
margin: 0 0 12px;
font-size: clamp(30px, 4.5vw, 52px);
font-weight: 950;
line-height: 1.15;
color: var(--mp-text, var(--mh-text));
font-family: inherit;
}
.miralix-page-hero__content--center { text-align: center; margin-inline: auto; max-width: 720px; }
.miralix-page-hero__media {
border-radius: var(--mp-radius, var(--mh-radius));
overflow: hidden;
box-shadow: var(--mh-shadow, 0 18px 55px rgba(13,13,13,.10));
border: 1px solid var(--mp-border, rgba(13,13,13,.08));
}
.miralix-page-hero__media img { width: 100%; height: auto; display: block; object-fit: cover; }
.miralix-page-hero__slide--align-center .miralix-page-hero__content { margin-inline: auto; text-align: center; }
.miralix-page-hero__slide--align-end .miralix-page-hero__content { margin-inline-start: auto; text-align: end; }
.miralix-page-hero__bg-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: .35;
}
.miralix-page-split {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, .95fr);
gap: clamp(24px, 5vw, 48px);
align-items: center;
}
.miralix-page-split__content h2,
.miralix-page-card h2,
.miralix-page-card h3 {
margin: 0 0 12px;
color: var(--mp-text, var(--mh-text));
font-family: inherit;
font-weight: 900;
}
.miralix-page-rich p,
.miralix-page-card p,
.miralix-page-split__content p {
margin: 0 0 12px;
color: var(--mp-muted, var(--mh-muted));
line-height: 1.85;
}
.miralix-page-split__media {
border-radius: var(--mp-radius, var(--mh-radius));
overflow: hidden;
box-shadow: 0 16px 40px rgba(13,13,13,.08);
}
.miralix-page-split__media img { width: 100%; height: auto; display: block; }
.miralix-page-duo {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.miralix-page-grid { display: grid; gap: 18px; }
.miralix-page-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.miralix-page-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.miralix-page-card {
padding: 24px;
border-radius: var(--mp-radius, var(--mh-radius));
background: var(--mp-surface, #fff);
border: 1px solid var(--mp-border, rgba(13,13,13,.08));
box-shadow: 0 12px 34px rgba(13,13,13,.05);
text-decoration: none;
color: inherit;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.miralix-page-card:hover { transform: translateY(-3px); box-shadow: 0 18px 42px rgba(13,13,13,.09); }
.miralix-page-card--dark {
background: linear-gradient(135deg, #080805, #15110a);
border-color: rgba(212,175,55,.28);
color: #fff;
}
.miralix-page-card--dark p { color: rgba(255,255,255,.78); }
.miralix-page-card--surface { background: #fffaf0; }
.miralix-page-card__icon {
display: inline-flex;
width: 52px;
height: 52px;
align-items: center;
justify-content: center;
color: var(--mp-gold, var(--mh-gold));
margin-bottom: 12px;
}
.miralix-page-stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
padding: 28px;
border-radius: var(--mp-radius, var(--mh-radius));
background: linear-gradient(135deg, #080805, #15110a);
border: 1px solid rgba(212,175,55,.28);
}
.miralix-page-stat {
text-align: center;
color: #fff;
display: grid;
gap: 6px;
justify-items: center;
}
.miralix-page-stat strong {
font-size: clamp(24px, 3vw, 36px);
color: var(--mp-gold, var(--mh-gold));
line-height: 1;
}
.miralix-page-stat span { color: rgba(255,255,255,.75); font-size: 14px; }
.miralix-page-cta--banner .miralix-page-cta__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, .55fr);
gap: 24px;
align-items: center;
padding: clamp(28px, 5vw, 48px);
border-radius: var(--mp-radius, var(--mh-radius));
background: linear-gradient(135deg, #080805, #15110a);
border: 1px solid rgba(212,175,55,.28);
color: #fff;
}
.miralix-page-cta__inner--center { text-align: center; grid-template-columns: 1fr; justify-items: center; }
.miralix-page-cta--banner h2 { color: var(--mp-gold, var(--mh-gold)); margin: 0 0 10px; font-size: clamp(24px, 3.5vw, 38px); }
.miralix-page-cta--banner p { color: rgba(255,255,255,.84); margin: 0 0 18px; }
.miralix-contact-card { display: block; }
.miralix-contact-map__frame {
border-radius: var(--mp-radius, var(--mh-radius));
overflow: hidden;
min-height: 360px;
border: 1px solid var(--mp-border, rgba(13,13,13,.08));
box-shadow: 0 16px 40px rgba(13,13,13,.08);
}
.miralix-contact-map__frame iframe { width: 100%; min-height: 360px; border: 0; display: block; }
.miralix-page-faq { display: grid; gap: 12px; }
.miralix-page-faq__item {
border: 1px solid var(--mp-border, rgba(13,13,13,.08));
border-radius: 14px;
background: #fff;
padding: 0 18px;
}
.miralix-page-faq__item summary {
cursor: pointer;
font-weight: 900;
padding: 16px 0;
color: var(--mp-text, var(--mh-text));
list-style: none;
}
.miralix-page-faq__item summary::-webkit-details-marker { display: none; }
.miralix-page-faq__answer {
padding-bottom: 16px;
color: var(--mp-muted, var(--mh-muted));
line-height: 1.8;
}
.miralix-privacy-list { display: grid; gap: 16px; }
.miralix-privacy-updated {
color: var(--mp-gold, var(--mh-gold));
font-weight: 800;
font-size: 13px;
margin: 8px 0;
}
.miralix-privacy-cta {
text-align: center;
display: grid;
gap: 14px;
justify-items: center;
}
.miralix-privacy-cta__email { color: var(--mp-gold, var(--mh-gold)); text-decoration: none; font-weight: 800; }
.miralix-page-seo__inner h2 { margin: 0 0 14px; }
.miralix-page-seo__content { color: var(--mp-muted, var(--mh-muted)); line-height: 1.85; } .miralix-page-product-card,
.miralix-home-product-card { scroll-snap-align: start; min-width: 0; }
.miralix-page-product-slider,
.miralix-home-product-slider { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(210px, 20%); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; }
.miralix-page-product-card { background: #fff; border: 1px solid rgba(13,13,13,.09); border-radius: 10px; overflow: hidden; box-shadow: 0 12px 30px rgba(13,13,13,.06); }
.miralix-page-product-card__media { position: relative; display: block; aspect-ratio: 1 / .92; background: #f8f8f8; overflow: hidden; }
.miralix-page-product-card__media img { width: 100%; height: 100%; object-fit: cover; }
.miralix-page-product-card__body { display: grid; gap: 9px; padding: 14px; }
.miralix-page-product-card h4 { margin: 0; font-size: 14px; font-weight: 900; min-height: 2.55em; }
.miralix-page-product-card h4 a { color: inherit; text-decoration: none; }
.miralix-page-product-card__excerpt { margin: 0; font-size: 12px; color: var(--mp-muted); line-height: 1.65; }
.miralix-page-product-card__price { color: var(--mp-text); font-size: 13px; font-weight: 900; }
.miralix-page-product-card__footer { display: grid; gap: 8px; }
.miralix-page-product-card__view,
.miralix-page-product-card__cart {
display: inline-flex; align-items: center; justify-content: center;
min-height: 36px; padding: 8px 12px; border-radius: 8px;
font-size: 12px; font-weight: 900; text-decoration: none;
}
.miralix-page-product-card__view { color: var(--mp-text); background: rgba(13,13,13,.055); }
.miralix-page-product-card__cart { color: var(--mp-button-text); background: var(--mp-gold, var(--mh-gold)); }
.miralix-page-product-card__cat,
.miralix-page-product-card__badge {
display: inline-flex; align-items: center; min-height: 26px; padding: 6px 9px;
border-radius: 999px; font-size: 11px; font-weight: 900;
}
.miralix-page-product-card__cat { color: #fff; background: rgba(13,13,13,.70); }
.miralix-page-product-card__badge { color: #111; background: var(--mp-gold, var(--mh-gold)); }
.miralix-page-product-card__badges {
position: absolute; inset-block-start: 10px; inset-inline: 10px;
display: flex; justify-content: space-between; gap: 8px; pointer-events: none;
}
@media (max-width: 1024px) {
.miralix-page-hero__grid,
.miralix-page-split,
.miralix-page-duo { grid-template-columns: 1fr; }
.miralix-page-grid--3,
.miralix-page-grid--4,
.miralix-page-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.miralix-page-cta--banner .miralix-page-cta__inner { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
.miralix-page-container,
.miralix-page-container--narrow { width: min(100% - 22px, 1180px); }
.miralix-page-grid--3,
.miralix-page-grid--4,
.miralix-page-stats { grid-template-columns: 1fr; }
} .miralix-home {
background: #fff !important;
--mh-shadow: 0 10px 24px rgba(13, 13, 13, .045);
}
.miralix-home-section,
.miralix-home-products,
.miralix-home-trust-strip-section,
.miralix-home-info-section,
.miralix-home-cta {
padding-block: clamp(34px, 5vw, 58px) !important;
background: #fff !important;
}
.miralix-home-section-head,
.miralix-home-product-block__head {
margin-bottom: clamp(16px, 2.6vw, 24px) !important;
}
.miralix-home-trust-strip {
grid-template-columns: repeat(var(--trust-items, 4), minmax(0, 1fr));
width: 100%;
box-shadow: 0 10px 24px rgba(13,13,13,.08) !important;
}
.miralix-home-trust-strip__item {
justify-content: center;
min-width: 0;
}
.miralix-home-trust-strip:has(.miralix-home-trust-strip__item:nth-child(3):last-child) {
--trust-items: 3;
}
.miralix-home-trust-strip:has(.miralix-home-trust-strip__item:nth-child(2):last-child) {
--trust-items: 2;
}
.miralix-home-trust-strip:has(.miralix-home-trust-strip__item:nth-child(1):last-child) {
--trust-items: 1;
}
.miralix-home-product-block,
.miralix-home-product-card,
.miralix-home-category-card,
.miralix-home-cta__inner,
.miralix-home-info-grid {
box-shadow: 0 8px 18px rgba(13,13,13,.035) !important;
}
.miralix-home-product-block {
margin-top: 0 !important;
background: linear-gradient(180deg, #fff 0%, #fffdf8 100%);
border: 1px solid rgba(13,13,13,.055);
border-radius: calc(var(--mh-radius) + 2px);
padding: clamp(16px, 2.4vw, 24px);
}
.miralix-home-product-block__kicker {
display: inline-flex;
margin-bottom: 6px;
color: var(--mh-gold);
font-size: 11px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
html[dir="rtl"] .miralix-home-product-block__kicker { letter-spacing: 0; }
.miralix-home-product-block__head h3 {
color: var(--mh-text) !important;
}
.miralix-home-product-slider {
cursor: grab;
user-select: none;
-webkit-user-select: none;
touch-action: pan-y;
overscroll-behavior-inline: contain;
}
.miralix-home-product-slider.is-dragging {
cursor: grabbing;
scroll-behavior: auto !important;
}
.miralix-home-product-slider.is-dragging a {
pointer-events: none;
}
.miralix-home-product-card:hover {
box-shadow: 0 10px 22px rgba(13,13,13,.055) !important;
transform: translateY(-2px) !important;
}
.miralix-home-slider-btn,
.miralix-home-product-block__actions button,
.miralix-home-link {
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent;
}
.miralix-home-slider-btn:focus,
.miralix-home-slider-btn:active,
.miralix-home-product-block__actions button:focus,
.miralix-home-product-block__actions button:active,
.miralix-home-link:focus,
.miralix-home-link:active {
outline: none !important;
box-shadow: none !important;
filter: none !important;
}
.miralix-home-slider-btn:focus-visible,
.miralix-home-link:focus-visible {
outline: 2px solid rgba(212,175,55,.55) !important;
outline-offset: 3px;
}
.miralix-home-slider-btn svg,
.miralix-home-product-block__actions button svg {
width: 17px;
height: 17px;
display: block;
}
.miralix-home-slider-btn--prev svg { transform: rotate(180deg); }
.miralix-home-slider-btn--next svg { transform: rotate(0deg); }
html[dir="rtl"] .miralix-home-slider-btn--prev svg { transform: rotate(0deg); }
html[dir="rtl"] .miralix-home-slider-btn--next svg { transform: rotate(180deg); }
@media (max-width: 900px) {
.miralix-home-section,
.miralix-home-products,
.miralix-home-trust-strip-section,
.miralix-home-info-section,
.miralix-home-cta {
padding-block: 30px !important;
}
.miralix-home-trust-strip {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
.miralix-home-container { width: min(100% - 28px, 1180px); }
.miralix-home-trust-strip {
grid-template-columns: 1fr !important;
padding: 18px !important;
}
.miralix-home-products { padding-block: 28px !important; }
.miralix-home-product-block { padding: 14px; }
.miralix-home-product-slider { grid-auto-columns: minmax(210px, 78%) !important; }
} .miralix-home-product-slider {
cursor: grab !important;
touch-action: pan-y !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior-inline: contain;
scroll-behavior: smooth;
scroll-snap-type: x proximity !important;
user-select: none;
-webkit-user-select: none;
will-change: scroll-position;
}
.miralix-home-product-slider.is-dragging {
cursor: grabbing !important;
scroll-behavior: auto !important;
scroll-snap-type: none !important;
}
.miralix-home-product-slider.is-dragging * {
user-select: none !important;
-webkit-user-select: none !important;
}
.miralix-home-product-slider.is-dragging .miralix-home-product-card {
scroll-snap-align: none !important;
}
.miralix-home-product-slider img,
.miralix-home-product-slider a {
-webkit-user-drag: none;
user-drag: none;
}
.miralix-home-product-slider.is-dragging a,
.miralix-home-product-slider.is-dragging button {
pointer-events: none;
}
@media (hover: none) {
.miralix-home-product-slider {
scroll-snap-type: x proximity !important;
}
} .miralix-home .miralix-home-hero h1,
.miralix-home .miralix-page-hero__content h1,
.miralix-home-hero .miralix-page-hero__content h1 {
color: #ffffff !important;
}
.miralix-home-trust-strip-section .miralix-home-section-head,
.miralix-home-trust-strip-section .miralix-page-section-head {
display: none !important;
}
.miralix-home-product-block,
.miralix-page-product-block {
box-shadow: none !important;
}
.miralix-home-product-block:hover,
.miralix-page-product-block:hover,
.miralix-home-product-block:focus-within,
.miralix-page-product-block:focus-within {
box-shadow: none !important;
}
.miralix-home-hero__arrow {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 0 !important;
line-height: 1 !important;
}
.miralix-home-hero__arrow span,
.miralix-home-slider-btn span,
.miralix-home-product-block__actions button span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 20px;
height: 20px;
}
.miralix-home-hero__arrow svg,
.miralix-home-slider-btn svg,
.miralix-home-product-block__actions button svg {
width: 18px !important;
height: 18px !important;
display: block !important;
transform-origin: center center !important;
} html[dir="ltr"] .miralix-home-hero__arrow--prev svg,
html[dir="ltr"] .miralix-home-slider-btn--prev svg {
transform: rotate(180deg) !important;
}
html[dir="ltr"] .miralix-home-hero__arrow--next svg,
html[dir="ltr"] .miralix-home-slider-btn--next svg {
transform: rotate(0deg) !important;
}
html[dir="rtl"] .miralix-home-hero__arrow--prev svg,
html[dir="rtl"] .miralix-home-slider-btn--prev svg {
transform: rotate(0deg) !important;
}
html[dir="rtl"] .miralix-home-hero__arrow--next svg,
html[dir="rtl"] .miralix-home-slider-btn--next svg {
transform: rotate(180deg) !important;
}
.miralix-home-products--2 {
padding-bottom: clamp(20px, 3vw, 34px) !important;
}
.miralix-home-products--3 {
padding-top: clamp(20px, 3vw, 34px) !important;
}
.miralix-home-cta {
padding-block: clamp(26px, 4vw, 46px) !important;
}
.miralix-home-info-section {
padding-top: clamp(42px, 6vw, 72px) !important;
padding-bottom: clamp(44px, 6vw, 76px) !important;
}
.miralix-home-info-grid {
box-shadow: none !important;
} .miralix-home-product-block,
.miralix-page-product-block {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.miralix-home-trust-strip__item:nth-child(n+4) { display: none !important; }
.miralix-home-trust-strip { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 640px) { .miralix-home-trust-strip { grid-template-columns: 1fr !important; } } .miralix-home-category-tile,
.miralix-page-category-tile,
.miralix-home-product-card,
.miralix-page-product-card,
.miralix-home-info-card,
.miralix-home-category-card {
box-shadow: 0 4px 14px rgba(13, 13, 13, .035) !important;
}
.miralix-home-category-tile:hover,
.miralix-page-category-tile:hover,
.miralix-home-product-card:hover,
.miralix-page-product-card:hover,
.miralix-home-info-card:hover,
.miralix-home-category-card:hover {
box-shadow: 0 7px 18px rgba(13, 13, 13, .055) !important;
}
.miralix-home-categories-ref {
padding-block: clamp(20px, 3vw, 34px) clamp(18px, 2.8vw, 28px) !important;
}
.miralix-home-categories-ref .miralix-home-section-head,
.miralix-home-categories-ref .miralix-page-section-head {
gap: 4px !important;
margin-bottom: clamp(12px, 2vw, 18px) !important;
}
.miralix-home-categories-ref .miralix-home-section-head h2,
.miralix-home-categories-ref .miralix-page-section-head h2 {
margin-top: 2px !important;
}
.miralix-home-categories-ref .miralix-home-section-head p,
.miralix-home-categories-ref .miralix-page-section-head p {
margin-top: 0 !important;
}
.miralix-home-category-tiles,
.miralix-page-category-tiles {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
.miralix-home-category-tiles::-webkit-scrollbar,
.miralix-page-category-tiles::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
@media (max-width: 720px) {
.miralix-home-hero {
min-height: 560px !important;
}
.miralix-home-hero__inner {
padding-block: 58px 116px !important;
}
.miralix-home-hero__dots {
bottom: 26px !important;
align-items: center !important;
}
.miralix-home-hero__arrow {
display: inline-flex !important;
top: auto !important;
bottom: 13px !important;
transform: none !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
border: 1px solid rgba(255,255,255,.20) !important;
background: rgba(255,255,255,.10) !important;
color: #fff !important;
box-shadow: none !important;
backdrop-filter: blur(8px) !important;
}
.miralix-home-hero__arrow:hover,
.miralix-home-hero__arrow:focus,
.miralix-home-hero__arrow:active {
background: rgba(212,175,55,.92) !important;
color: #111 !important;
box-shadow: none !important;
outline: none !important;
}
.miralix-home-hero__arrow--prev {
inset-inline-start: calc(50% - 78px) !important;
inset-inline-end: auto !important;
}
.miralix-home-hero__arrow--next {
inset-inline-end: calc(50% - 78px) !important;
inset-inline-start: auto !important;
}
.miralix-home-category-tiles,
.miralix-page-category-tiles {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.miralix-home-category-tile,
.miralix-page-category-tile {
box-shadow: 0 3px 10px rgba(13, 13, 13, .035) !important;
}
} .miralix-home .miralix-home-product-block,
.miralix-home .miralix-page-product-block {
box-shadow: none !important;
} .miralix-home .miralix-home-product-slider,
.miralix-home .miralix-home-product-track {
scroll-snap-type: none !important;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
overscroll-behavior-inline: contain;
touch-action: pan-x pan-y;
cursor: grab;
}
.miralix-home .miralix-home-product-slider.is-dragging,
.miralix-home .miralix-home-product-track.is-dragging {
scroll-snap-type: none !important;
scroll-behavior: auto !important;
cursor: grabbing;
}
.miralix-home .miralix-home-product-slider .miralix-page-product-card,
.miralix-home .miralix-home-product-track .miralix-page-product-card,
.miralix-home .miralix-home-product-slider .miralix-home-product-card,
.miralix-home .miralix-home-product-track .miralix-home-product-card {
scroll-snap-align: none !important;
}
.miralix-home .miralix-home-product-slider.is-dragging a,
.miralix-home .miralix-home-product-slider.is-dragging button,
.miralix-home .miralix-home-product-track.is-dragging a,
.miralix-home .miralix-home-product-track.is-dragging button {
user-select: none;
-webkit-user-select: none;
}
@media (max-width: 1024px) {
.miralix-home .miralix-home-product-slider,
.miralix-home .miralix-home-product-track {
scroll-snap-type: none !important;
scroll-padding-inline: 0 !important;
}
} .miralix-home .miralix-home-category-tile__content,
.miralix-home .miralix-page-category-tile__content { align-items: flex-end !important; text-align: right !important; }
html[dir="ltr"] .miralix-home .miralix-home-category-tile__content,
html[dir="ltr"] .miralix-home .miralix-page-category-tile__content { align-items: flex-start !important; text-align: left !important; }
.miralix-home .miralix-home-category-tile strong,
.miralix-home .miralix-page-category-tile strong { overflow: visible !important; text-overflow: clip !important; white-space: normal !important; }
.miralix-home .miralix-home-category-tile em,
.miralix-home .miralix-page-category-tile em { display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; background: #d4a62f !important; border: 1px solid rgba(164,116,18,.20) !important; color: #15110a !important; box-shadow: none !important; transition: background-color .22s ease, border-color .22s ease, color .22s ease, transform .22s ease !important; }
@media (hover:hover) and (pointer:fine) { .miralix-home .miralix-home-category-tile__inner:hover em, .miralix-home .miralix-page-category-tile__inner:hover em { background: #111 !important; border-color: #d4af37 !important; color: #fff !important; transform: translateY(-1px) !important; } } .miralix-contact {
background:
radial-gradient(circle at 12% 7%, rgba(212, 175, 55, .08), transparent 26%),
linear-gradient(180deg, #ffffff 0%, #fffaf0 42%, #ffffff 100%) !important;
}
.miralix-contact .miralix-page-container {
width: min(100% - 34px, 1180px);
margin-inline: auto;
}
.miralix-contact-section {
padding-block: clamp(34px, 5vw, 70px);
}
.miralix-contact-eyebrow,
.miralix-contact .miralix-page-eyebrow {
display: inline-flex;
align-items: center;
width: fit-content;
border: 1px solid rgba(212, 175, 55, .34);
background: rgba(212, 175, 55, .08);
color: var(--mp-gold, #d4af37);
border-radius: 999px;
padding: 7px 13px;
font-size: 11px;
font-weight: 900;
letter-spacing: .08em;
line-height: 1;
}
html[dir="rtl"] .miralix-contact-eyebrow,
html[dir="rtl"] .miralix-contact .miralix-page-eyebrow {
letter-spacing: 0;
}
.miralix-contact-hero {
padding: clamp(32px, 5vw, 70px) 0 clamp(36px, 5vw, 76px);
}
.miralix-contact-hero__inner {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 1.04fr) minmax(300px, .74fr);
align-items: center;
gap: clamp(28px, 4vw, 58px);
min-height: clamp(430px, 42vw, 560px);
border: 1px solid rgba(212, 175, 55, .30);
border-radius: calc(var(--mp-radius, 22px) + 10px);
background:
radial-gradient(circle at 16% 18%, rgba(212, 175, 55, .25), transparent 30%),
linear-gradient(135deg, #090806 0%, #171209 58%, #2c220d 100%);
color: #ffffff;
padding: clamp(28px, 5vw, 64px);
}
html[dir="rtl"] .miralix-contact-hero__inner {
background:
radial-gradient(circle at 84% 18%, rgba(212, 175, 55, .25), transparent 30%),
linear-gradient(225deg, #090806 0%, #171209 58%, #2c220d 100%);
}
.miralix-contact-hero__inner::before {
content: "";
position: absolute;
inset: 12px;
border: 1px solid rgba(255,255,255,.07);
border-radius: inherit;
pointer-events: none;
}
.miralix-contact-hero__inner::after {
content: "MIRALIX";
position: absolute;
inset-inline-end: clamp(18px, 5vw, 68px);
bottom: -10px;
color: rgba(255,255,255,.04);
font-size: clamp(62px, 12vw, 150px);
font-weight: 950;
letter-spacing: .09em;
line-height: .8;
pointer-events: none;
}
.miralix-contact-hero__content,
.miralix-contact-hero__visual {
position: relative;
z-index: 2;
}
.miralix-contact-hero h1 {
margin: 16px 0 12px;
color: #ffffff;
font-size: clamp(38px, 5.2vw, 76px);
line-height: 1.05;
font-weight: 950;
}
.miralix-contact-hero__subtitle {
margin: 0 0 12px;
color: var(--mp-gold, #d4af37);
font-size: clamp(17px, 2vw, 24px);
font-weight: 900;
}
.miralix-contact-hero__description {
max-width: 680px;
margin: 0;
color: rgba(255,255,255,.82);
line-height: 1.95;
font-size: clamp(14px, 1.2vw, 17px);
}
.miralix-contact-hero__btn {
margin-top: 24px;
background: linear-gradient(180deg, #e8c85a, #d4af37);
color: #111;
border: 1px solid rgba(255,255,255,.10);
}
.miralix-contact-hero__btn:hover {
background: #111;
color: #fff;
border-color: rgba(212,175,55,.65);
}
.miralix-contact-hero__visual {
min-height: 320px;
border-radius: calc(var(--mp-radius, 22px) + 2px);
overflow: hidden;
background: rgba(255,255,255,.06);
border: 1px solid rgba(212,175,55,.22);
}
.miralix-contact-hero__visual img {
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
display: block;
}
.miralix-contact-hero__placeholder {
width: 100%;
min-height: 320px;
display: grid;
grid-template-columns: repeat(3, 1fr);
place-items: center;
gap: 14px;
padding: 28px;
background:
radial-gradient(circle at 50% 50%, rgba(212,175,55,.16), transparent 52%),
rgba(255,255,255,.05);
}
.miralix-contact-hero__placeholder span {
display: grid;
place-items: center;
width: 82px;
height: 82px;
border-radius: 26px;
border: 1px solid rgba(212,175,55,.36);
background: rgba(255,255,255,.06);
color: var(--mp-gold, #d4af37);
}
.miralix-contact-hero__placeholder svg {
width: 34px;
height: 34px;
}
.miralix-contact .miralix-page-section-head {
margin-bottom: clamp(18px, 2.8vw, 32px);
align-items: start;
text-align: start;
}
.miralix-contact .miralix-page-section-head h2 {
margin: 10px 0 8px;
font-size: clamp(26px, 3.5vw, 44px);
font-weight: 950;
color: var(--mp-text, #111);
}
.miralix-contact .miralix-page-section-head p {
max-width: 680px;
margin: 0;
color: var(--mp-muted, #6e6554);
line-height: 1.85;
}
.miralix-contact-cards__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
}
.miralix-contact-card {
min-height: 172px;
display: grid;
align-content: start;
gap: 14px;
padding: 20px;
border-radius: var(--mp-radius, 22px);
border: 1px solid rgba(13,13,13,.08);
background:
linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,250,239,.88));
text-decoration: none;
color: inherit;
transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.miralix-contact-card:hover {
transform: translateY(-4px);
border-color: rgba(212,175,55,.42);
background: #fff;
}
.miralix-contact-card__icon {
width: 48px;
height: 48px;
display: grid;
place-items: center;
border-radius: 18px;
color: var(--mp-gold, #d4af37);
background: rgba(212,175,55,.10);
border: 1px solid rgba(212,175,55,.22);
}
.miralix-contact-card__icon svg {
width: 23px;
height: 23px;
}
.miralix-contact-card__meta {
display: grid;
gap: 7px;
}
.miralix-contact-card strong {
color: var(--mp-text, #111);
font-size: 15px;
font-weight: 950;
}
.miralix-contact-card em {
color: var(--mp-muted, #6e6554);
font-style: normal;
font-size: 13px;
line-height: 1.75;
overflow-wrap: anywhere;
}
.miralix-contact-form__layout,
.miralix-contact-map__layout {
display: grid;
grid-template-columns: minmax(280px, .74fr) minmax(0, 1fr);
gap: clamp(20px, 3vw, 34px);
align-items: stretch;
}
.miralix-contact-form__intro,
.miralix-contact-map__content {
border-radius: var(--mp-radius, 22px);
border: 1px solid rgba(212,175,55,.22);
background:
radial-gradient(circle at 16% 12%, rgba(212,175,55,.16), transparent 36%),
linear-gradient(135deg, #0a0906, #171209);
color: #fff;
padding: clamp(24px, 3.4vw, 40px);
min-height: 100%;
}
html[dir="rtl"] .miralix-contact-form__intro,
html[dir="rtl"] .miralix-contact-map__content {
background:
radial-gradient(circle at 84% 12%, rgba(212,175,55,.16), transparent 36%),
linear-gradient(225deg, #0a0906, #171209);
}
.miralix-contact-form__intro h2,
.miralix-contact-map__content h2 {
margin: 12px 0 12px;
color: #fff;
font-size: clamp(25px, 3vw, 40px);
font-weight: 950;
}
.miralix-contact-form__intro p,
.miralix-contact-map__content p {
color: rgba(255,255,255,.78);
line-height: 1.9;
margin: 0;
}
.miralix-contact-form__note,
.miralix-contact-map__address {
margin-top: 22px;
border: 1px solid rgba(212,175,55,.22);
background: rgba(255,255,255,.06);
border-radius: 18px;
padding: 14px 16px;
color: rgba(255,255,255,.84);
font-weight: 800;
line-height: 1.7;
}
.miralix-contact-form__box {
border-radius: var(--mp-radius, 22px);
border: 1px solid rgba(13,13,13,.08);
background: #fff;
padding: clamp(18px, 3vw, 34px);
}
.miralix-contact-form__box .forminator-ui {
margin: 0 !important;
}
.miralix-contact-form__box input,
.miralix-contact-form__box textarea,
.miralix-contact-form__box select {
border-radius: 14px !important;
}
.miralix-contact-form__box button,
.miralix-contact-form__box .forminator-button-submit {
border-radius: 999px !important;
background: linear-gradient(180deg, #e8c85a, #d4af37) !important;
color: #111 !important;
font-weight: 900 !important;
}
.miralix-contact-map__address {
display: flex;
align-items: flex-start;
gap: 12px;
}
.miralix-contact-map__address span {
color: var(--mp-gold, #d4af37);
flex: 0 0 auto;
}
.miralix-contact-map__btn {
margin-top: 20px;
background: linear-gradient(180deg, #e8c85a, #d4af37);
color: #111;
}
.miralix-contact-map__frame {
min-height: 430px;
border-radius: var(--mp-radius, 22px);
overflow: hidden;
border: 1px solid rgba(13,13,13,.08);
background: #f7f2e8;
}
.miralix-contact-map__frame iframe {
display: block;
width: 100%;
min-height: 430px;
height: 100%;
border: 0;
}
.miralix-contact-map__empty {
min-height: 430px;
display: grid;
place-items: center;
gap: 10px;
text-align: center;
padding: 28px;
color: var(--mp-muted, #6e6554);
}
.miralix-contact-map__empty svg {
width: 46px;
height: 46px;
color: var(--mp-gold, #d4af37);
}
.miralix-contact-final-cta__inner {
position: relative;
overflow: hidden;
min-height: 220px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 22px;
border-radius: calc(var(--mp-radius, 22px) + 8px);
border: 1px solid rgba(212,175,55,.34);
padding: clamp(26px, 4.8vw, 54px);
background:
linear-gradient(135deg, rgba(6,6,4,.72), rgba(18,14,8,.78)),
var(--miralix-contact-cta-bg, none),
radial-gradient(circle at 16% 20%, rgba(212,175,55,.22), transparent 34%);
background-size: cover, cover, auto;
background-position: center;
color: #fff;
}
html[dir="rtl"] .miralix-contact-final-cta__inner {
background:
linear-gradient(225deg, rgba(6,6,4,.72), rgba(18,14,8,.78)),
var(--miralix-contact-cta-bg, none),
radial-gradient(circle at 84% 20%, rgba(212,175,55,.22), transparent 34%);
background-size: cover, cover, auto;
background-position: center;
}
.miralix-contact-final-cta__inner::after {
content: "MIRALIX";
position: absolute;
inset-inline-end: clamp(20px, 5vw, 70px);
bottom: -6px;
font-size: clamp(60px, 11vw, 140px);
font-weight: 950;
color: rgba(255,255,255,.045);
letter-spacing: .08em;
line-height: .8;
pointer-events: none;
}
.miralix-contact-final-cta__inner > * {
position: relative;
z-index: 2;
}
.miralix-contact-final-cta h2 {
margin: 12px 0 10px;
color: #fff;
font-size: clamp(25px, 3.4vw, 44px);
font-weight: 950;
}
.miralix-contact-final-cta p {
max-width: 720px;
margin: 0;
color: rgba(255,255,255,.82);
line-height: 1.85;
}
.miralix-contact-final-cta__btn {
justify-self: end;
background: linear-gradient(180deg, #e8c85a, #d4af37);
color: #111;
border: 1px solid rgba(255,255,255,.10);
white-space: nowrap;
}
html[dir="rtl"] .miralix-contact-final-cta__btn {
justify-self: start;
}
.miralix-contact-final-cta__btn:hover,
.miralix-contact-map__btn:hover {
background: #111;
color: #fff;
border-color: rgba(212,175,55,.72);
}
@media (max-width: 1100px) {
.miralix-contact-cards__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.miralix-contact-hero__inner,
.miralix-contact-form__layout,
.miralix-contact-map__layout {
grid-template-columns: 1fr;
}
.miralix-contact-hero__visual {
min-height: 280px;
}
}
@media (max-width: 760px) {
.miralix-contact .miralix-page-container {
width: min(100% - 26px, 720px);
}
.miralix-contact-hero {
padding-top: 22px;
}
.miralix-contact-hero__inner {
min-height: auto;
padding: 24px 18px;
border-radius: 26px;
}
.miralix-contact-hero__inner::after {
font-size: clamp(54px, 17vw, 88px);
opacity: .9;
}
.miralix-contact-hero h1 {
font-size: clamp(32px, 10vw, 48px);
}
.miralix-contact-hero__visual,
.miralix-contact-hero__visual img,
.miralix-contact-hero__placeholder {
min-height: 230px;
}
.miralix-contact-cards__grid {
grid-template-columns: 1fr;
gap: 10px;
}
.miralix-contact-card {
min-height: auto;
grid-template-columns: 50px 1fr;
align-items: center;
padding: 15px;
}
.miralix-contact-form__intro,
.miralix-contact-map__content,
.miralix-contact-form__box {
padding: 20px 16px;
border-radius: 22px;
}
.miralix-contact-map__frame,
.miralix-contact-map__frame iframe,
.miralix-contact-map__empty {
min-height: 320px;
}
.miralix-contact-final-cta__inner {
grid-template-columns: 1fr;
gap: 18px;
min-height: auto;
padding: 24px 18px;
border-radius: 26px;
}
.miralix-contact-final-cta__btn,
html[dir="rtl"] .miralix-contact-final-cta__btn {
justify-self: stretch;
width: 100%;
}
} .miralix-page,
.miralix-home {
--mp-bg: #ffffff;
--mp-surface: #ffffff;
--mp-text: var(--miralix-black, #0d0d0d);
--mp-muted: #6e6554;
--mp-gold: var(--miralix-gold, #d4af37);
--mp-border: rgba(13, 13, 13, .08);
--mp-button-bg: var(--mp-gold);
--mp-button-text: #120f08;
--mp-radius: 18px;
--mh-bg: var(--mp-bg);
--mh-surface: var(--mp-surface);
--mh-text: var(--mp-text);
--mh-muted: var(--mp-muted);
--mh-gold: var(--mp-gold);
--mh-black: var(--miralix-black, #0d0d0d);
--mh-button-text: var(--mp-button-text);
--mh-radius: var(--mp-radius);
--mh-shadow: 0 18px 55px rgba(13, 13, 13, .10);
--mh-soft-border: rgba(13, 13, 13, .08);
background: linear-gradient(180deg, #fff 0%, #fffaf0 48%, #fff 100%);
color: var(--mh-text);
overflow: hidden;
font-family: inherit;
}
.miralix-home *,
.miralix-home *::before,
.miralix-home *::after { box-sizing: border-box; }
.miralix-home a { transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; }
.miralix-home-container {
width: min(1180px, calc(100% - 34px));
margin-inline: auto;
}
.miralix-home-section {
padding: clamp(44px, 6vw, 78px) 0;
}
.miralix-home-section-head {
display: grid;
gap: 8px;
margin-bottom: clamp(20px, 4vw, 34px);
max-width: 720px;
}
.miralix-home-section-head h2,
.miralix-home-hero h1,
.miralix-home-cta h2,
.miralix-home-info-card h3,
.miralix-home-product-block h3,
.miralix-home-product-card h4 {
margin: 0;
color: var(--mh-text);
font-family: inherit;
line-height: 1.18;
}
.miralix-home-section-head h2 {
font-size: clamp(24px, 3.2vw, 38px);
font-weight: 900;
}
.miralix-home-section-head p,
.miralix-home-hero p,
.miralix-home-cta p,
.miralix-home-info-card p,
.miralix-home-product-block p,
.miralix-home-product-card__excerpt {
margin: 0;
color: var(--mh-muted);
line-height: 1.8;
}
.miralix-home-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--mh-gold);
font-size: 12px;
line-height: 1;
letter-spacing: .12em;
text-transform: uppercase;
font-weight: 900;
}
html[dir="rtl"] .miralix-home-eyebrow { letter-spacing: 0; }
.miralix-home-eyebrow::after {
content: '';
width: 34px;
height: 2px;
border-radius: 99px;
background: currentColor;
}
.miralix-home-btn,
.miralix-home-link,
.miralix-home-info-card__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
text-decoration: none;
font-family: inherit;
}
.miralix-home-btn {
min-height: 44px;
padding: 11px 24px;
border-radius: 14px;
font-weight: 900;
line-height: 1;
}
.miralix-home-btn:hover { transform: translateY(-2px); }
.miralix-home-btn--gold {
color: var(--mh-button-text);
background: linear-gradient(135deg, #f0d57a, var(--mh-gold) 52%, #bd8f22);
box-shadow: 0 16px 34px rgba(174, 126, 28, .23);
}
.miralix-home-btn--ghost {
color: #fff;
border: 1px solid rgba(255,255,255,.28);
background: rgba(255,255,255,.08);
backdrop-filter: blur(10px);
} .miralix-home-hero {
position: relative;
min-height: min(var(--mh-hero-height, 560px), 74vh);
background: var(--mh-black);
overflow: hidden;
isolation: isolate;
border-bottom: 1px solid rgba(212,175,55,.28);
}
.miralix-home-hero__track,
.miralix-home-hero__slide { min-height: inherit; }
.miralix-home-hero__slide {
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
transition: opacity .65s ease, visibility .65s ease;
}
.miralix-home-hero__slide.is-active {
position: relative;
opacity: 1;
visibility: visible;
}
.miralix-home-hero__bg,
.miralix-home-hero__bg::before,
.miralix-home-hero__bg::after {
position: absolute;
inset: 0;
}
.miralix-home-hero__bg {
overflow: hidden;
background:
radial-gradient(circle at 70% 30%, rgba(212,175,55,.24), transparent 24%),
radial-gradient(circle at 82% 58%, rgba(255,255,255,.08), transparent 22%),
linear-gradient(135deg, #080805, #15120b 48%, #050504);
}
html[dir="rtl"] .miralix-home-hero__bg {
background:
radial-gradient(circle at 30% 30%, rgba(212,175,55,.24), transparent 24%),
radial-gradient(circle at 18% 58%, rgba(255,255,255,.08), transparent 22%),
linear-gradient(225deg, #080805, #15120b 48%, #050504);
}
.miralix-home-hero__bg::before {
content: '';
z-index: 1;
background:
linear-gradient(90deg, rgba(6,5,3,.88), rgba(6,5,3,.62) 47%, rgba(6,5,3,.18)),
radial-gradient(circle at 70% 18%, rgba(212,175,55,.20), transparent 30%);
}
html[dir="rtl"] .miralix-home-hero__bg::before {
background:
linear-gradient(270deg, rgba(6,5,3,.88), rgba(6,5,3,.62) 47%, rgba(6,5,3,.18)),
radial-gradient(circle at 30% 18%, rgba(212,175,55,.20), transparent 30%);
}
.miralix-home-hero__bg::after {
content: 'MIRALIX';
z-index: 2;
inset-block-start: auto;
inset-inline-end: clamp(12px, 6vw, 84px);
bottom: clamp(24px, 5vw, 68px);
height: auto;
width: auto;
color: rgba(255,255,255,.055);
font-size: clamp(56px, 13vw, 160px);
font-weight: 950;
letter-spacing: .08em;
line-height: .8;
pointer-events: none;
}
.miralix-home-hero__image {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.02);
}
.miralix-home-hero__inner {
position: relative;
z-index: 4;
min-height: inherit;
display: flex;
align-items: center;
padding-block: clamp(58px, 9vw, 100px);
}
.miralix-home-hero__content {
width: min(620px, 100%);
color: #fff;
}
.miralix-home-hero .miralix-home-eyebrow { color: var(--mh-gold); }
.miralix-home-hero h1 {
color: #fff;
font-size: clamp(34px, 5vw, 68px);
font-weight: 950;
margin-top: 16px;
text-wrap: balance;
}
.miralix-home-hero p {
color: rgba(255,255,255,.88);
font-size: clamp(16px, 1.8vw, 22px);
font-weight: 700;
margin-top: 16px;
max-width: 560px;
}
.miralix-home-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
.miralix-home-hero__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 6;
width: 44px;
height: 44px;
border: 0;
border-radius: 50%;
background: rgba(255,255,255,.10);
color: #fff;
font-size: 30px;
line-height: 1;
cursor: pointer;
backdrop-filter: blur(8px);
}
.miralix-home-hero__arrow:hover {
background: var(--mh-gold);
color: #111;
}
.miralix-home-hero__arrow--prev { inset-inline-start: 32px; }
.miralix-home-hero__arrow--next { inset-inline-end: 32px; }
.miralix-home-hero__dots {
position: absolute;
z-index: 6;
inset-inline: 0;
bottom: 24px;
display: flex;
justify-content: center;
gap: 8px;
}
.miralix-home-hero__dots button {
width: 9px;
height: 9px;
border: 0;
border-radius: 50%;
background: rgba(255,255,255,.55);
padding: 0;
cursor: pointer;
}
.miralix-home-hero__dots button.is-active {
background: var(--mh-gold);
box-shadow: 0 0 0 4px rgba(212,175,55,.18);
} .miralix-home-categories-ref {
padding: 34px 0 22px;
background: #fff;
}
.miralix-home-category-tiles {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.miralix-home-category-tile {
min-height: 176px;
border-radius: var(--mh-radius);
overflow: hidden;
box-shadow: 0 16px 38px rgba(13,13,13,.09);
}
.miralix-home-category-tile__inner {
position: relative;
min-height: inherit;
display: grid;
grid-template-columns: 1fr 46%;
align-items: center;
text-decoration: none;
color: var(--mh-text);
isolation: isolate;
background: linear-gradient(135deg, #f8e9f7, #fff 60%);
}
.miralix-home-category-tile--2 .miralix-home-category-tile__inner { background: linear-gradient(135deg, #ddecff, #ffffff 62%); }
.miralix-home-category-tile--3 .miralix-home-category-tile__inner { background: linear-gradient(135deg, #d8f3e7, #ffffff 62%); }
.miralix-home-category-tile__inner:hover { transform: translateY(-3px); }
.miralix-home-category-tile__content {
position: relative;
z-index: 2;
display: grid;
gap: 8px;
padding: 24px;
}
.miralix-home-category-tile strong {
font-size: clamp(20px, 2vw, 28px);
line-height: 1.25;
font-weight: 900;
}
.miralix-home-category-tile span span {
color: #252018;
font-size: 16px;
line-height: 1.6;
}
.miralix-home-category-tile em {
width: max-content;
margin-top: 6px;
padding: 8px 16px;
border-radius: 10px;
background: linear-gradient(135deg, var(--mh-gold), #bd8f22);
color: var(--mh-button-text);
font-style: normal;
font-weight: 900;
font-size: 13px;
}
.miralix-home-category-tile__media {
position: relative;
align-self: stretch;
min-height: 176px;
}
.miralix-home-category-tile__media::before,
.miralix-home-category-tile__media::after {
content: '';
position: absolute;
border-radius: 999px;
background: rgba(255,255,255,.58);
}
.miralix-home-category-tile__media::before {
width: 150px;
height: 150px;
inset-inline-end: -22px;
inset-block-end: -32px;
}
.miralix-home-category-tile__media::after {
width: 74px;
height: 74px;
inset-inline-start: 10px;
inset-block-start: 24px;
}
.miralix-home-category-tile__media img {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .45s ease;
}
.miralix-home-category-tile__inner:hover img { transform: scale(1.055); } .miralix-home-trust-strip-section {
padding: 18px 0 40px;
background: #fff;
}
.miralix-home-trust-strip {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
padding: 22px 26px;
border-radius: var(--mh-radius);
background:
linear-gradient(135deg, rgba(255,255,255,.05), transparent 26%),
linear-gradient(135deg, #070704, #14110a);
border: 1px solid rgba(212,175,55,.32);
box-shadow: 0 18px 42px rgba(13,13,13,.18);
color: #fff;
}
.miralix-home-trust-strip__item {
display: flex;
align-items: center;
gap: 14px;
min-height: 70px;
padding: 0 18px;
border-inline-start: 1px solid rgba(212,175,55,.20);
}
.miralix-home-trust-strip__item:first-child { border-inline-start: 0; }
.miralix-home-trust-strip__icon {
color: var(--mh-gold);
width: 48px;
height: 48px;
flex: 0 0 48px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.miralix-home-trust-strip__icon svg { width: 34px; height: 34px; }
.miralix-home-trust-strip__text {
display: grid;
gap: 4px;
}
.miralix-home-trust-strip__text strong {
color: #fff;
font-size: 15px;
line-height: 1.4;
}
.miralix-home-trust-strip__text small {
color: rgba(255,255,255,.72);
font-size: 12px;
line-height: 1.6;
} .miralix-home-products {
padding: 48px 0 28px;
background: #fff;
}
.miralix-home-products > .miralix-home-container > .miralix-home-section-head {
margin-inline-start: auto;
text-align: start;
}
.miralix-home-product-block {
position: relative;
padding: 0;
margin-top: 20px;
background: transparent;
border: 0;
box-shadow: none;
}
.miralix-home-product-block__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 18px;
margin-bottom: 18px;
}
.miralix-home-product-block__head h3 {
font-size: clamp(24px, 3vw, 34px);
font-weight: 950;
}
.miralix-home-product-block__head p {
margin-top: 6px;
}
.miralix-home-product-block__actions {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.miralix-home-product-block__actions button {
width: 36px;
height: 36px;
border-radius: 10px;
border: 1px solid rgba(13,13,13,.12);
background: #fff;
color: var(--mh-black);
font-size: 24px;
line-height: 1;
cursor: pointer;
}
.miralix-home-product-block__actions button:hover {
background: var(--mh-gold);
border-color: var(--mh-gold);
}
.miralix-home-link {
padding: 10px 18px;
border-radius: 10px;
border: 1px solid rgba(212,175,55,.42);
color: #a97813;
font-weight: 900;
font-size: 13px;
}
.miralix-home-link:hover {
color: var(--mh-black);
background: #fff8e8;
}
.miralix-home-link svg { width: 16px; height: 16px; }
html[dir="rtl"] .miralix-home-link svg { transform: rotate(180deg); }
.miralix-home-product-slider {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(210px, 20%);
gap: 16px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding: 6px 2px 14px;
scrollbar-width: none;
}
.miralix-home-product-slider::-webkit-scrollbar { display: none; }
.miralix-home-product-card {
scroll-snap-align: start;
min-width: 0;
background: #fff;
border: 1px solid rgba(13,13,13,.09);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 12px 30px rgba(13,13,13,.06);
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.miralix-home-product-card:hover {
transform: translateY(-4px);
box-shadow: 0 20px 46px rgba(13,13,13,.11);
border-color: rgba(212,175,55,.35);
}
.miralix-home-product-card__media {
position: relative;
display: block;
aspect-ratio: 1 / .92;
background: #f8f8f8;
overflow: hidden;
}
.miralix-home-product-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .36s ease;
}
.miralix-home-product-card:hover .miralix-home-product-card__media img { transform: scale(1.04); }
.miralix-home-product-card__badges {
position: absolute;
inset-block-start: 10px;
inset-inline: 10px;
display: flex;
justify-content: space-between;
gap: 8px;
pointer-events: none;
}
.miralix-home-product-card__cat,
.miralix-home-product-card__badge {
display: inline-flex;
align-items: center;
min-height: 26px;
padding: 6px 9px;
border-radius: 999px;
font-size: 11px;
font-weight: 900;
line-height: 1;
}
.miralix-home-product-card__cat {
max-width: 118px;
color: #fff;
background: rgba(13,13,13,.70);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.miralix-home-product-card__badge {
color: #111;
background: var(--mh-gold);
}
.miralix-home-product-card__body {
display: grid;
gap: 9px;
padding: 14px;
}
.miralix-home-product-card h4 {
font-size: 14px;
font-weight: 900;
min-height: 2.55em;
}
.miralix-home-product-card h4 a {
color: inherit;
text-decoration: none;
}
.miralix-home-product-card__excerpt {
font-size: 12px;
line-height: 1.65;
min-height: 2.65em;
}
.miralix-home-product-card__price {
color: var(--mh-black);
font-size: 13px;
font-weight: 900;
}
.miralix-home-product-card__price ins {
color: #b18016;
text-decoration: none;
}
.miralix-home-product-card__price del {
color: #9b9281;
font-weight: 700;
margin-inline-end: 5px;
}
.miralix-home-product-card__footer {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}
.miralix-home-product-card__view,
.miralix-home-product-card__cart {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 8px 12px;
border-radius: 8px;
font-size: 12px;
font-weight: 900;
text-decoration: none;
}
.miralix-home-product-card__view {
color: var(--mh-black);
background: rgba(13,13,13,.055);
}
.miralix-home-product-card__cart {
color: var(--mh-button-text);
background: var(--mh-gold);
} .miralix-home-cta {
padding: 22px 0 52px;
background: #fff;
}
.miralix-home-cta__inner {
position: relative;
min-height: 220px;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(240px, .55fr);
align-items: center;
gap: 24px;
padding: clamp(28px, 5vw, 52px);
border-radius: var(--mh-radius);
overflow: hidden;
color: #fff;
background:
radial-gradient(circle at 78% 35%, rgba(212,175,55,.23), transparent 28%),
linear-gradient(135deg, #080805, #15110a 58%, #070704);
border: 1px solid rgba(212,175,55,.30);
box-shadow: 0 18px 50px rgba(13,13,13,.16);
}
html[dir="rtl"] .miralix-home-cta__inner {
background:
radial-gradient(circle at 22% 35%, rgba(212,175,55,.23), transparent 28%),
linear-gradient(225deg, #080805, #15110a 58%, #070704);
}
.miralix-home-cta__inner::before {
content: 'MIRALIX';
position: absolute;
inset-inline-end: 24px;
bottom: 8px;
font-size: clamp(56px, 12vw, 150px);
line-height: .8;
font-weight: 950;
letter-spacing: .08em;
color: rgba(255,255,255,.05);
pointer-events: none;
}
.miralix-home-cta__content { position: relative; z-index: 2; }
.miralix-home-cta h2 { color: var(--mh-gold); font-size: clamp(24px, 3.8vw, 42px); font-weight: 950; }
.miralix-home-cta p { color: rgba(255,255,255,.86); margin: 12px 0 22px; font-size: 16px; }
.miralix-home-cta__image {
position: relative;
z-index: 2;
height: 220px;
border-radius: 16px;
overflow: hidden;
}
.miralix-home-cta__image img {
width: 100%;
height: 100%;
object-fit: cover;
} .miralix-home-info-section {
padding: 44px 0 72px;
background: linear-gradient(180deg, #fff, #fffaf0);
}
.miralix-home-info-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
border-block: 1px solid rgba(13,13,13,.08);
}
.miralix-home-info-card {
display: grid;
gap: 12px;
padding: 32px 28px;
text-align: center;
border-inline-start: 1px solid rgba(13,13,13,.08);
}
.miralix-home-info-card:first-child { border-inline-start: 0; }
.miralix-home-info-card__icon {
width: 64px;
height: 64px;
margin-inline: auto;
color: var(--mh-gold);
display: inline-flex;
align-items: center;
justify-content: center;
}
.miralix-home-info-card__icon svg { width: 44px; height: 44px; }
.miralix-home-info-card h3 {
font-size: 18px;
font-weight: 950;
}
.miralix-home-info-card p {
font-size: 14px;
}
.miralix-home-info-card__link {
width: max-content;
margin-inline: auto;
color: var(--mh-black);
border: 1px solid rgba(212,175,55,.45);
border-radius: 8px;
padding: 9px 16px;
font-weight: 900;
}
.miralix-home-info-card__link:hover { background: var(--mh-gold); color: #111; }
.miralix-home-content__inner {
padding: clamp(24px, 4vw, 46px);
background: #fff;
border: 1px solid rgba(13,13,13,.08);
border-radius: var(--mh-radius);
}
@media (max-width: 1024px) {
.miralix-home-hero { min-height: 520px; }
.miralix-home-category-tiles { grid-template-columns: repeat(3, minmax(240px, 1fr)); overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; }
.miralix-home-category-tile { scroll-snap-align: start; }
.miralix-home-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
.miralix-home-trust-strip__item:nth-child(3) { border-inline-start: 0; }
.miralix-home-product-slider { grid-auto-columns: minmax(220px, 34%); }
.miralix-home-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.miralix-home-info-card:nth-child(3) { border-inline-start: 0; }
}
@media (max-width: 720px) {
.miralix-home-container { width: min(100% - 22px, 1180px); }
.miralix-home-hero { min-height: 540px; }
.miralix-home-hero__inner { align-items: flex-end; padding-block: 68px 82px; }
.miralix-home-hero__content { width: 100%; }
.miralix-home-hero h1 { font-size: clamp(30px, 10vw, 42px); }
.miralix-home-hero p { font-size: 15px; }
.miralix-home-hero__arrow { display: none; }
.miralix-home-hero__bg::after { font-size: 58px; bottom: 28px; opacity: .8; }
.miralix-home-category-tiles { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(255px, 86%); gap: 14px; }
.miralix-home-category-tile__inner { grid-template-columns: 1fr 42%; }
.miralix-home-category-tile__content { padding: 20px; }
.miralix-home-category-tile strong { font-size: 21px; }
.miralix-home-trust-strip { grid-template-columns: 1fr; padding: 18px; }
.miralix-home-trust-strip__item { border-inline-start: 0; border-top: 1px solid rgba(212,175,55,.16); padding: 12px 0; }
.miralix-home-trust-strip__item:first-child { border-top: 0; }
.miralix-home-product-block__head { align-items: flex-start; flex-direction: column; }
.miralix-home-product-slider { grid-auto-columns: minmax(210px, 76%); }
.miralix-home-cta__inner { grid-template-columns: 1fr; min-height: auto; }
.miralix-home-cta__image { height: 180px; }
.miralix-home-info-grid { grid-template-columns: 1fr; border-block: 0; }
.miralix-home-info-card { border-inline-start: 0; border-top: 1px solid rgba(13,13,13,.08); padding: 28px 10px; }
.miralix-home-info-card:first-child { border-top: 0; }
}
.miralix-home-cta__visual {
position: relative;
z-index: 2;
min-height: 220px;
border-radius: 16px;
overflow: hidden;
}
.miralix-home-cta__visual::before {
content: '';
position: absolute;
inset: 24px 8px 0;
border-radius: 999px 999px 24px 24px;
background:
radial-gradient(circle at 50% 0%, rgba(212,175,55,.50), transparent 32%),
linear-gradient(180deg, rgba(212,175,55,.22), rgba(255,255,255,.04));
border: 1px solid rgba(212,175,55,.26);
}
.miralix-home-cta__visual span {
position: absolute;
bottom: 28px;
width: 54px;
border-radius: 16px 16px 10px 10px;
background: linear-gradient(180deg, #d4af37, #0d0d0d 18%, #18120a);
border: 1px solid rgba(212,175,55,.36);
box-shadow: 0 18px 34px rgba(0,0,0,.26);
}
.miralix-home-cta__visual span:nth-child(1) { height: 130px; inset-inline-start: 24%; }
.miralix-home-cta__visual span:nth-child(2) { height: 174px; width: 68px; inset-inline-start: 46%; transform: translateX(-50%); }
.miralix-home-cta__visual span:nth-child(3) { height: 112px; inset-inline-end: 22%; }
html[dir="rtl"] .miralix-home-cta__visual span:nth-child(2) { transform: translateX(50%); } .miralix-page *,
.miralix-page *::before,
.miralix-page *::after { box-sizing: border-box; }
.miralix-page-container,
.miralix-home-container {
width: min(1180px, calc(100% - 34px));
margin-inline: auto;
}
.miralix-page-container--narrow { width: min(860px, calc(100% - 34px)); }
.miralix-page-section { padding: clamp(44px, 6vw, 78px) 0; }
.miralix-page-section-head,
.miralix-home-section-head {
display: grid;
gap: 8px;
margin-bottom: clamp(20px, 4vw, 34px);
max-width: 720px;
}
.miralix-page-eyebrow,
.miralix-home-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--mp-gold, var(--mh-gold));
font-size: 12px;
line-height: 1;
letter-spacing: .12em;
text-transform: uppercase;
font-weight: 900;
}
.miralix-page-btn,
.miralix-home-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 44px;
padding: 11px 24px;
border-radius: 14px;
font-weight: 900;
line-height: 1;
text-decoration: none;
font-family: inherit;
transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.miralix-page-btn--gold,
.miralix-home-btn--gold {
color: var(--mp-button-text, var(--mh-button-text));
background: linear-gradient(135deg, #f0d57a, var(--mp-button-bg, var(--mp-gold, var(--mh-gold))) 52%, #bd8f22);
box-shadow: 0 16px 34px rgba(174, 126, 28, .23);
}
.miralix-page-btn:hover,
.miralix-home-btn:hover { transform: translateY(-2px); }
.miralix-page-hero--inner {
background: linear-gradient(180deg, #fff 0%, #fffaf0 100%);
padding: clamp(48px, 7vw, 88px) 0;
border-bottom: 1px solid var(--mp-border, rgba(13,13,13,.08));
}
.miralix-page-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
gap: clamp(24px, 5vw, 48px);
align-items: center;
}
.miralix-page-hero__content h1 {
margin: 0 0 12px;
font-size: clamp(30px, 4.5vw, 52px);
font-weight: 950;
line-height: 1.15;
color: var(--mp-text, var(--mh-text));
font-family: inherit;
}
.miralix-page-hero__content--center { text-align: center; margin-inline: auto; max-width: 720px; }
.miralix-page-hero__media {
border-radius: var(--mp-radius, var(--mh-radius));
overflow: hidden;
box-shadow: var(--mh-shadow, 0 18px 55px rgba(13,13,13,.10));
border: 1px solid var(--mp-border, rgba(13,13,13,.08));
}
.miralix-page-hero__media img { width: 100%; height: auto; display: block; object-fit: cover; }
.miralix-page-hero__slide--align-center .miralix-page-hero__content { margin-inline: auto; text-align: center; }
.miralix-page-hero__slide--align-end .miralix-page-hero__content { margin-inline-start: auto; text-align: end; }
.miralix-page-hero__bg-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: .35;
}
.miralix-page-split {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, .95fr);
gap: clamp(24px, 5vw, 48px);
align-items: center;
}
.miralix-page-split__content h2,
.miralix-page-card h2,
.miralix-page-card h3 {
margin: 0 0 12px;
color: var(--mp-text, var(--mh-text));
font-family: inherit;
font-weight: 900;
}
.miralix-page-rich p,
.miralix-page-card p,
.miralix-page-split__content p {
margin: 0 0 12px;
color: var(--mp-muted, var(--mh-muted));
line-height: 1.85;
}
.miralix-page-split__media {
border-radius: var(--mp-radius, var(--mh-radius));
overflow: hidden;
box-shadow: 0 16px 40px rgba(13,13,13,.08);
}
.miralix-page-split__media img { width: 100%; height: auto; display: block; }
.miralix-page-duo {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.miralix-page-grid { display: grid; gap: 18px; }
.miralix-page-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.miralix-page-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.miralix-page-card {
padding: 24px;
border-radius: var(--mp-radius, var(--mh-radius));
background: var(--mp-surface, #fff);
border: 1px solid var(--mp-border, rgba(13,13,13,.08));
box-shadow: 0 12px 34px rgba(13,13,13,.05);
text-decoration: none;
color: inherit;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.miralix-page-card:hover { transform: translateY(-3px); box-shadow: 0 18px 42px rgba(13,13,13,.09); }
.miralix-page-card--dark {
background: linear-gradient(135deg, #080805, #15110a);
border-color: rgba(212,175,55,.28);
color: #fff;
}
.miralix-page-card--dark p { color: rgba(255,255,255,.78); }
.miralix-page-card--surface { background: #fffaf0; }
.miralix-page-card__icon {
display: inline-flex;
width: 52px;
height: 52px;
align-items: center;
justify-content: center;
color: var(--mp-gold, var(--mh-gold));
margin-bottom: 12px;
}
.miralix-page-stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
padding: 28px;
border-radius: var(--mp-radius, var(--mh-radius));
background: linear-gradient(135deg, #080805, #15110a);
border: 1px solid rgba(212,175,55,.28);
}
.miralix-page-stat {
text-align: center;
color: #fff;
display: grid;
gap: 6px;
justify-items: center;
}
.miralix-page-stat strong {
font-size: clamp(24px, 3vw, 36px);
color: var(--mp-gold, var(--mh-gold));
line-height: 1;
}
.miralix-page-stat span { color: rgba(255,255,255,.75); font-size: 14px; }
.miralix-page-cta--banner .miralix-page-cta__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, .55fr);
gap: 24px;
align-items: center;
padding: clamp(28px, 5vw, 48px);
border-radius: var(--mp-radius, var(--mh-radius));
background: linear-gradient(135deg, #080805, #15110a);
border: 1px solid rgba(212,175,55,.28);
color: #fff;
}
.miralix-page-cta__inner--center { text-align: center; grid-template-columns: 1fr; justify-items: center; }
.miralix-page-cta--banner h2 { color: var(--mp-gold, var(--mh-gold)); margin: 0 0 10px; font-size: clamp(24px, 3.5vw, 38px); }
.miralix-page-cta--banner p { color: rgba(255,255,255,.84); margin: 0 0 18px; }
.miralix-contact-card { display: block; }
.miralix-contact-map__frame {
border-radius: var(--mp-radius, var(--mh-radius));
overflow: hidden;
min-height: 360px;
border: 1px solid var(--mp-border, rgba(13,13,13,.08));
box-shadow: 0 16px 40px rgba(13,13,13,.08);
}
.miralix-contact-map__frame iframe { width: 100%; min-height: 360px; border: 0; display: block; }
.miralix-page-faq { display: grid; gap: 12px; }
.miralix-page-faq__item {
border: 1px solid var(--mp-border, rgba(13,13,13,.08));
border-radius: 14px;
background: #fff;
padding: 0 18px;
}
.miralix-page-faq__item summary {
cursor: pointer;
font-weight: 900;
padding: 16px 0;
color: var(--mp-text, var(--mh-text));
list-style: none;
}
.miralix-page-faq__item summary::-webkit-details-marker { display: none; }
.miralix-page-faq__answer {
padding-bottom: 16px;
color: var(--mp-muted, var(--mh-muted));
line-height: 1.8;
}
.miralix-privacy-list { display: grid; gap: 16px; }
.miralix-privacy-updated {
color: var(--mp-gold, var(--mh-gold));
font-weight: 800;
font-size: 13px;
margin: 8px 0;
}
.miralix-privacy-cta {
text-align: center;
display: grid;
gap: 14px;
justify-items: center;
}
.miralix-privacy-cta__email { color: var(--mp-gold, var(--mh-gold)); text-decoration: none; font-weight: 800; }
.miralix-page-seo__inner h2 { margin: 0 0 14px; }
.miralix-page-seo__content { color: var(--mp-muted, var(--mh-muted)); line-height: 1.85; } .miralix-page-product-card,
.miralix-home-product-card { scroll-snap-align: start; min-width: 0; }
.miralix-page-product-slider,
.miralix-home-product-slider { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(210px, 20%); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; }
.miralix-page-product-card { background: #fff; border: 1px solid rgba(13,13,13,.09); border-radius: 10px; overflow: hidden; box-shadow: 0 12px 30px rgba(13,13,13,.06); }
.miralix-page-product-card__media { position: relative; display: block; aspect-ratio: 1 / .92; background: #f8f8f8; overflow: hidden; }
.miralix-page-product-card__media img { width: 100%; height: 100%; object-fit: cover; }
.miralix-page-product-card__body { display: grid; gap: 9px; padding: 14px; }
.miralix-page-product-card h4 { margin: 0; font-size: 14px; font-weight: 900; min-height: 2.55em; }
.miralix-page-product-card h4 a { color: inherit; text-decoration: none; }
.miralix-page-product-card__excerpt { margin: 0; font-size: 12px; color: var(--mp-muted); line-height: 1.65; }
.miralix-page-product-card__price { color: var(--mp-text); font-size: 13px; font-weight: 900; }
.miralix-page-product-card__footer { display: grid; gap: 8px; }
.miralix-page-product-card__view,
.miralix-page-product-card__cart {
display: inline-flex; align-items: center; justify-content: center;
min-height: 36px; padding: 8px 12px; border-radius: 8px;
font-size: 12px; font-weight: 900; text-decoration: none;
}
.miralix-page-product-card__view { color: var(--mp-text); background: rgba(13,13,13,.055); }
.miralix-page-product-card__cart { color: var(--mp-button-text); background: var(--mp-gold, var(--mh-gold)); }
.miralix-page-product-card__cat,
.miralix-page-product-card__badge {
display: inline-flex; align-items: center; min-height: 26px; padding: 6px 9px;
border-radius: 999px; font-size: 11px; font-weight: 900;
}
.miralix-page-product-card__cat { color: #fff; background: rgba(13,13,13,.70); }
.miralix-page-product-card__badge { color: #111; background: var(--mp-gold, var(--mh-gold)); }
.miralix-page-product-card__badges {
position: absolute; inset-block-start: 10px; inset-inline: 10px;
display: flex; justify-content: space-between; gap: 8px; pointer-events: none;
}
@media (max-width: 1024px) {
.miralix-page-hero__grid,
.miralix-page-split,
.miralix-page-duo { grid-template-columns: 1fr; }
.miralix-page-grid--3,
.miralix-page-grid--4,
.miralix-page-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.miralix-page-cta--banner .miralix-page-cta__inner { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
.miralix-page-container,
.miralix-page-container--narrow { width: min(100% - 22px, 1180px); }
.miralix-page-grid--3,
.miralix-page-grid--4,
.miralix-page-stats { grid-template-columns: 1fr; }
} .miralix-home {
background: #fff !important;
--mh-shadow: 0 10px 24px rgba(13, 13, 13, .045);
}
.miralix-home-section,
.miralix-home-products,
.miralix-home-trust-strip-section,
.miralix-home-info-section,
.miralix-home-cta {
padding-block: clamp(34px, 5vw, 58px) !important;
background: #fff !important;
}
.miralix-home-section-head,
.miralix-home-product-block__head {
margin-bottom: clamp(16px, 2.6vw, 24px) !important;
}
.miralix-home-trust-strip {
grid-template-columns: repeat(var(--trust-items, 4), minmax(0, 1fr));
width: 100%;
box-shadow: 0 10px 24px rgba(13,13,13,.08) !important;
}
.miralix-home-trust-strip__item {
justify-content: center;
min-width: 0;
}
.miralix-home-trust-strip:has(.miralix-home-trust-strip__item:nth-child(3):last-child) {
--trust-items: 3;
}
.miralix-home-trust-strip:has(.miralix-home-trust-strip__item:nth-child(2):last-child) {
--trust-items: 2;
}
.miralix-home-trust-strip:has(.miralix-home-trust-strip__item:nth-child(1):last-child) {
--trust-items: 1;
}
.miralix-home-product-block,
.miralix-home-product-card,
.miralix-home-category-card,
.miralix-home-cta__inner,
.miralix-home-info-grid {
box-shadow: 0 8px 18px rgba(13,13,13,.035) !important;
}
.miralix-home-product-block {
margin-top: 0 !important;
background: linear-gradient(180deg, #fff 0%, #fffdf8 100%);
border: 1px solid rgba(13,13,13,.055);
border-radius: calc(var(--mh-radius) + 2px);
padding: clamp(16px, 2.4vw, 24px);
}
.miralix-home-product-block__kicker {
display: inline-flex;
margin-bottom: 6px;
color: var(--mh-gold);
font-size: 11px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
html[dir="rtl"] .miralix-home-product-block__kicker { letter-spacing: 0; }
.miralix-home-product-block__head h3 {
color: var(--mh-text) !important;
}
.miralix-home-product-slider {
cursor: grab;
user-select: none;
-webkit-user-select: none;
touch-action: pan-y;
overscroll-behavior-inline: contain;
}
.miralix-home-product-slider.is-dragging {
cursor: grabbing;
scroll-behavior: auto !important;
}
.miralix-home-product-slider.is-dragging a {
pointer-events: none;
}
.miralix-home-product-card:hover {
box-shadow: 0 10px 22px rgba(13,13,13,.055) !important;
transform: translateY(-2px) !important;
}
.miralix-home-slider-btn,
.miralix-home-product-block__actions button,
.miralix-home-link {
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent;
}
.miralix-home-slider-btn:focus,
.miralix-home-slider-btn:active,
.miralix-home-product-block__actions button:focus,
.miralix-home-product-block__actions button:active,
.miralix-home-link:focus,
.miralix-home-link:active {
outline: none !important;
box-shadow: none !important;
filter: none !important;
}
.miralix-home-slider-btn:focus-visible,
.miralix-home-link:focus-visible {
outline: 2px solid rgba(212,175,55,.55) !important;
outline-offset: 3px;
}
.miralix-home-slider-btn svg,
.miralix-home-product-block__actions button svg {
width: 17px;
height: 17px;
display: block;
}
.miralix-home-slider-btn--prev svg { transform: rotate(180deg); }
.miralix-home-slider-btn--next svg { transform: rotate(0deg); }
html[dir="rtl"] .miralix-home-slider-btn--prev svg { transform: rotate(0deg); }
html[dir="rtl"] .miralix-home-slider-btn--next svg { transform: rotate(180deg); }
@media (max-width: 900px) {
.miralix-home-section,
.miralix-home-products,
.miralix-home-trust-strip-section,
.miralix-home-info-section,
.miralix-home-cta {
padding-block: 30px !important;
}
.miralix-home-trust-strip {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
.miralix-home-container { width: min(100% - 28px, 1180px); }
.miralix-home-trust-strip {
grid-template-columns: 1fr !important;
padding: 18px !important;
}
.miralix-home-products { padding-block: 28px !important; }
.miralix-home-product-block { padding: 14px; }
.miralix-home-product-slider { grid-auto-columns: minmax(210px, 78%) !important; }
} .miralix-home-product-slider {
cursor: grab !important;
touch-action: pan-y !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior-inline: contain;
scroll-behavior: smooth;
scroll-snap-type: x proximity !important;
user-select: none;
-webkit-user-select: none;
will-change: scroll-position;
}
.miralix-home-product-slider.is-dragging {
cursor: grabbing !important;
scroll-behavior: auto !important;
scroll-snap-type: none !important;
}
.miralix-home-product-slider.is-dragging * {
user-select: none !important;
-webkit-user-select: none !important;
}
.miralix-home-product-slider.is-dragging .miralix-home-product-card {
scroll-snap-align: none !important;
}
.miralix-home-product-slider img,
.miralix-home-product-slider a {
-webkit-user-drag: none;
user-drag: none;
}
.miralix-home-product-slider.is-dragging a,
.miralix-home-product-slider.is-dragging button {
pointer-events: none;
}
@media (hover: none) {
.miralix-home-product-slider {
scroll-snap-type: x proximity !important;
}
} .miralix-home .miralix-home-hero h1,
.miralix-home .miralix-page-hero__content h1,
.miralix-home-hero .miralix-page-hero__content h1 {
color: #ffffff !important;
}
.miralix-home-trust-strip-section .miralix-home-section-head,
.miralix-home-trust-strip-section .miralix-page-section-head {
display: none !important;
}
.miralix-home-product-block,
.miralix-page-product-block {
box-shadow: none !important;
}
.miralix-home-product-block:hover,
.miralix-page-product-block:hover,
.miralix-home-product-block:focus-within,
.miralix-page-product-block:focus-within {
box-shadow: none !important;
}
.miralix-home-hero__arrow {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 0 !important;
line-height: 1 !important;
}
.miralix-home-hero__arrow span,
.miralix-home-slider-btn span,
.miralix-home-product-block__actions button span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 20px;
height: 20px;
}
.miralix-home-hero__arrow svg,
.miralix-home-slider-btn svg,
.miralix-home-product-block__actions button svg {
width: 18px !important;
height: 18px !important;
display: block !important;
transform-origin: center center !important;
} html[dir="ltr"] .miralix-home-hero__arrow--prev svg,
html[dir="ltr"] .miralix-home-slider-btn--prev svg {
transform: rotate(180deg) !important;
}
html[dir="ltr"] .miralix-home-hero__arrow--next svg,
html[dir="ltr"] .miralix-home-slider-btn--next svg {
transform: rotate(0deg) !important;
}
html[dir="rtl"] .miralix-home-hero__arrow--prev svg,
html[dir="rtl"] .miralix-home-slider-btn--prev svg {
transform: rotate(0deg) !important;
}
html[dir="rtl"] .miralix-home-hero__arrow--next svg,
html[dir="rtl"] .miralix-home-slider-btn--next svg {
transform: rotate(180deg) !important;
}
.miralix-home-products--2 {
padding-bottom: clamp(20px, 3vw, 34px) !important;
}
.miralix-home-products--3 {
padding-top: clamp(20px, 3vw, 34px) !important;
}
.miralix-home-cta {
padding-block: clamp(26px, 4vw, 46px) !important;
}
.miralix-home-info-section {
padding-top: clamp(42px, 6vw, 72px) !important;
padding-bottom: clamp(44px, 6vw, 76px) !important;
}
.miralix-home-info-grid {
box-shadow: none !important;
} .miralix-home-product-block,
.miralix-page-product-block {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.miralix-home-trust-strip__item:nth-child(n+4) { display: none !important; }
.miralix-home-trust-strip { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 640px) { .miralix-home-trust-strip { grid-template-columns: 1fr !important; } } .miralix-home-category-tile,
.miralix-page-category-tile,
.miralix-home-product-card,
.miralix-page-product-card,
.miralix-home-info-card,
.miralix-home-category-card {
box-shadow: 0 4px 14px rgba(13, 13, 13, .035) !important;
}
.miralix-home-category-tile:hover,
.miralix-page-category-tile:hover,
.miralix-home-product-card:hover,
.miralix-page-product-card:hover,
.miralix-home-info-card:hover,
.miralix-home-category-card:hover {
box-shadow: 0 7px 18px rgba(13, 13, 13, .055) !important;
}
.miralix-home-categories-ref {
padding-block: clamp(20px, 3vw, 34px) clamp(18px, 2.8vw, 28px) !important;
}
.miralix-home-categories-ref .miralix-home-section-head,
.miralix-home-categories-ref .miralix-page-section-head {
gap: 4px !important;
margin-bottom: clamp(12px, 2vw, 18px) !important;
}
.miralix-home-categories-ref .miralix-home-section-head h2,
.miralix-home-categories-ref .miralix-page-section-head h2 {
margin-top: 2px !important;
}
.miralix-home-categories-ref .miralix-home-section-head p,
.miralix-home-categories-ref .miralix-page-section-head p {
margin-top: 0 !important;
}
.miralix-home-category-tiles,
.miralix-page-category-tiles {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
.miralix-home-category-tiles::-webkit-scrollbar,
.miralix-page-category-tiles::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
@media (max-width: 720px) {
.miralix-home-hero {
min-height: 560px !important;
}
.miralix-home-hero__inner {
padding-block: 58px 116px !important;
}
.miralix-home-hero__dots {
bottom: 26px !important;
align-items: center !important;
}
.miralix-home-hero__arrow {
display: inline-flex !important;
top: auto !important;
bottom: 13px !important;
transform: none !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
border: 1px solid rgba(255,255,255,.20) !important;
background: rgba(255,255,255,.10) !important;
color: #fff !important;
box-shadow: none !important;
backdrop-filter: blur(8px) !important;
}
.miralix-home-hero__arrow:hover,
.miralix-home-hero__arrow:focus,
.miralix-home-hero__arrow:active {
background: rgba(212,175,55,.92) !important;
color: #111 !important;
box-shadow: none !important;
outline: none !important;
}
.miralix-home-hero__arrow--prev {
inset-inline-start: calc(50% - 78px) !important;
inset-inline-end: auto !important;
}
.miralix-home-hero__arrow--next {
inset-inline-end: calc(50% - 78px) !important;
inset-inline-start: auto !important;
}
.miralix-home-category-tiles,
.miralix-page-category-tiles {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.miralix-home-category-tile,
.miralix-page-category-tile {
box-shadow: 0 3px 10px rgba(13, 13, 13, .035) !important;
}
} .miralix-home .miralix-home-product-block,
.miralix-home .miralix-page-product-block {
box-shadow: none !important;
} .miralix-home .miralix-home-product-slider,
.miralix-home .miralix-home-product-track {
scroll-snap-type: none !important;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
overscroll-behavior-inline: contain;
touch-action: pan-x pan-y;
cursor: grab;
}
.miralix-home .miralix-home-product-slider.is-dragging,
.miralix-home .miralix-home-product-track.is-dragging {
scroll-snap-type: none !important;
scroll-behavior: auto !important;
cursor: grabbing;
}
.miralix-home .miralix-home-product-slider .miralix-page-product-card,
.miralix-home .miralix-home-product-track .miralix-page-product-card,
.miralix-home .miralix-home-product-slider .miralix-home-product-card,
.miralix-home .miralix-home-product-track .miralix-home-product-card {
scroll-snap-align: none !important;
}
.miralix-home .miralix-home-product-slider.is-dragging a,
.miralix-home .miralix-home-product-slider.is-dragging button,
.miralix-home .miralix-home-product-track.is-dragging a,
.miralix-home .miralix-home-product-track.is-dragging button {
user-select: none;
-webkit-user-select: none;
}
@media (max-width: 1024px) {
.miralix-home .miralix-home-product-slider,
.miralix-home .miralix-home-product-track {
scroll-snap-type: none !important;
scroll-padding-inline: 0 !important;
}
} .miralix-home .miralix-home-category-tile__content,
.miralix-home .miralix-page-category-tile__content { align-items: flex-end !important; text-align: right !important; }
html[dir="ltr"] .miralix-home .miralix-home-category-tile__content,
html[dir="ltr"] .miralix-home .miralix-page-category-tile__content { align-items: flex-start !important; text-align: left !important; }
.miralix-home .miralix-home-category-tile strong,
.miralix-home .miralix-page-category-tile strong { overflow: visible !important; text-overflow: clip !important; white-space: normal !important; }
.miralix-home .miralix-home-category-tile em,
.miralix-home .miralix-page-category-tile em { display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; background: #d4a62f !important; border: 1px solid rgba(164,116,18,.20) !important; color: #15110a !important; box-shadow: none !important; transition: background-color .22s ease, border-color .22s ease, color .22s ease, transform .22s ease !important; }
@media (hover:hover) and (pointer:fine) { .miralix-home .miralix-home-category-tile__inner:hover em, .miralix-home .miralix-page-category-tile__inner:hover em { background: #111 !important; border-color: #d4af37 !important; color: #fff !important; transform: translateY(-1px) !important; } } .miralix-contact {
background:
radial-gradient(circle at 12% 7%, rgba(212, 175, 55, .08), transparent 26%),
linear-gradient(180deg, #ffffff 0%, #fffaf0 42%, #ffffff 100%) !important;
}
.miralix-contact .miralix-page-container {
width: min(100% - 34px, 1180px);
margin-inline: auto;
}
.miralix-contact-section {
padding-block: clamp(34px, 5vw, 70px);
}
.miralix-contact-eyebrow,
.miralix-contact .miralix-page-eyebrow {
display: inline-flex;
align-items: center;
width: fit-content;
border: 1px solid rgba(212, 175, 55, .34);
background: rgba(212, 175, 55, .08);
color: var(--mp-gold, #d4af37);
border-radius: 999px;
padding: 7px 13px;
font-size: 11px;
font-weight: 900;
letter-spacing: .08em;
line-height: 1;
}
html[dir="rtl"] .miralix-contact-eyebrow,
html[dir="rtl"] .miralix-contact .miralix-page-eyebrow {
letter-spacing: 0;
}
.miralix-contact-hero {
padding: clamp(32px, 5vw, 70px) 0 clamp(36px, 5vw, 76px);
}
.miralix-contact-hero__inner {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 1.04fr) minmax(300px, .74fr);
align-items: center;
gap: clamp(28px, 4vw, 58px);
min-height: clamp(430px, 42vw, 560px);
border: 1px solid rgba(212, 175, 55, .30);
border-radius: calc(var(--mp-radius, 22px) + 10px);
background:
radial-gradient(circle at 16% 18%, rgba(212, 175, 55, .25), transparent 30%),
linear-gradient(135deg, #090806 0%, #171209 58%, #2c220d 100%);
color: #ffffff;
padding: clamp(28px, 5vw, 64px);
}
html[dir="rtl"] .miralix-contact-hero__inner {
background:
radial-gradient(circle at 84% 18%, rgba(212, 175, 55, .25), transparent 30%),
linear-gradient(225deg, #090806 0%, #171209 58%, #2c220d 100%);
}
.miralix-contact-hero__inner::before {
content: "";
position: absolute;
inset: 12px;
border: 1px solid rgba(255,255,255,.07);
border-radius: inherit;
pointer-events: none;
}
.miralix-contact-hero__inner::after {
content: "MIRALIX";
position: absolute;
inset-inline-end: clamp(18px, 5vw, 68px);
bottom: -10px;
color: rgba(255,255,255,.04);
font-size: clamp(62px, 12vw, 150px);
font-weight: 950;
letter-spacing: .09em;
line-height: .8;
pointer-events: none;
}
.miralix-contact-hero__content,
.miralix-contact-hero__visual {
position: relative;
z-index: 2;
}
.miralix-contact-hero h1 {
margin: 16px 0 12px;
color: #ffffff;
font-size: clamp(38px, 5.2vw, 76px);
line-height: 1.05;
font-weight: 950;
}
.miralix-contact-hero__subtitle {
margin: 0 0 12px;
color: var(--mp-gold, #d4af37);
font-size: clamp(17px, 2vw, 24px);
font-weight: 900;
}
.miralix-contact-hero__description {
max-width: 680px;
margin: 0;
color: rgba(255,255,255,.82);
line-height: 1.95;
font-size: clamp(14px, 1.2vw, 17px);
}
.miralix-contact-hero__btn {
margin-top: 24px;
background: linear-gradient(180deg, #e8c85a, #d4af37);
color: #111;
border: 1px solid rgba(255,255,255,.10);
}
.miralix-contact-hero__btn:hover {
background: #111;
color: #fff;
border-color: rgba(212,175,55,.65);
}
.miralix-contact-hero__visual {
min-height: 320px;
border-radius: calc(var(--mp-radius, 22px) + 2px);
overflow: hidden;
background: rgba(255,255,255,.06);
border: 1px solid rgba(212,175,55,.22);
}
.miralix-contact-hero__visual img {
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
display: block;
}
.miralix-contact-hero__placeholder {
width: 100%;
min-height: 320px;
display: grid;
grid-template-columns: repeat(3, 1fr);
place-items: center;
gap: 14px;
padding: 28px;
background:
radial-gradient(circle at 50% 50%, rgba(212,175,55,.16), transparent 52%),
rgba(255,255,255,.05);
}
.miralix-contact-hero__placeholder span {
display: grid;
place-items: center;
width: 82px;
height: 82px;
border-radius: 26px;
border: 1px solid rgba(212,175,55,.36);
background: rgba(255,255,255,.06);
color: var(--mp-gold, #d4af37);
}
.miralix-contact-hero__placeholder svg {
width: 34px;
height: 34px;
}
.miralix-contact .miralix-page-section-head {
margin-bottom: clamp(18px, 2.8vw, 32px);
align-items: start;
text-align: start;
}
.miralix-contact .miralix-page-section-head h2 {
margin: 10px 0 8px;
font-size: clamp(26px, 3.5vw, 44px);
font-weight: 950;
color: var(--mp-text, #111);
}
.miralix-contact .miralix-page-section-head p {
max-width: 680px;
margin: 0;
color: var(--mp-muted, #6e6554);
line-height: 1.85;
}
.miralix-contact-cards__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
}
.miralix-contact-card {
min-height: 172px;
display: grid;
align-content: start;
gap: 14px;
padding: 20px;
border-radius: var(--mp-radius, 22px);
border: 1px solid rgba(13,13,13,.08);
background:
linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,250,239,.88));
text-decoration: none;
color: inherit;
transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.miralix-contact-card:hover {
transform: translateY(-4px);
border-color: rgba(212,175,55,.42);
background: #fff;
}
.miralix-contact-card__icon {
width: 48px;
height: 48px;
display: grid;
place-items: center;
border-radius: 18px;
color: var(--mp-gold, #d4af37);
background: rgba(212,175,55,.10);
border: 1px solid rgba(212,175,55,.22);
}
.miralix-contact-card__icon svg {
width: 23px;
height: 23px;
}
.miralix-contact-card__meta {
display: grid;
gap: 7px;
}
.miralix-contact-card strong {
color: var(--mp-text, #111);
font-size: 15px;
font-weight: 950;
}
.miralix-contact-card em {
color: var(--mp-muted, #6e6554);
font-style: normal;
font-size: 13px;
line-height: 1.75;
overflow-wrap: anywhere;
}
.miralix-contact-form__layout,
.miralix-contact-map__layout {
display: grid;
grid-template-columns: minmax(280px, .74fr) minmax(0, 1fr);
gap: clamp(20px, 3vw, 34px);
align-items: stretch;
}
.miralix-contact-form__intro,
.miralix-contact-map__content {
border-radius: var(--mp-radius, 22px);
border: 1px solid rgba(212,175,55,.22);
background:
radial-gradient(circle at 16% 12%, rgba(212,175,55,.16), transparent 36%),
linear-gradient(135deg, #0a0906, #171209);
color: #fff;
padding: clamp(24px, 3.4vw, 40px);
min-height: 100%;
}
html[dir="rtl"] .miralix-contact-form__intro,
html[dir="rtl"] .miralix-contact-map__content {
background:
radial-gradient(circle at 84% 12%, rgba(212,175,55,.16), transparent 36%),
linear-gradient(225deg, #0a0906, #171209);
}
.miralix-contact-form__intro h2,
.miralix-contact-map__content h2 {
margin: 12px 0 12px;
color: #fff;
font-size: clamp(25px, 3vw, 40px);
font-weight: 950;
}
.miralix-contact-form__intro p,
.miralix-contact-map__content p {
color: rgba(255,255,255,.78);
line-height: 1.9;
margin: 0;
}
.miralix-contact-form__note,
.miralix-contact-map__address {
margin-top: 22px;
border: 1px solid rgba(212,175,55,.22);
background: rgba(255,255,255,.06);
border-radius: 18px;
padding: 14px 16px;
color: rgba(255,255,255,.84);
font-weight: 800;
line-height: 1.7;
}
.miralix-contact-form__box {
border-radius: var(--mp-radius, 22px);
border: 1px solid rgba(13,13,13,.08);
background: #fff;
padding: clamp(18px, 3vw, 34px);
}
.miralix-contact-form__box .forminator-ui {
margin: 0 !important;
}
.miralix-contact-form__box input,
.miralix-contact-form__box textarea,
.miralix-contact-form__box select {
border-radius: 14px !important;
}
.miralix-contact-form__box button,
.miralix-contact-form__box .forminator-button-submit {
border-radius: 999px !important;
background: linear-gradient(180deg, #e8c85a, #d4af37) !important;
color: #111 !important;
font-weight: 900 !important;
}
.miralix-contact-map__address {
display: flex;
align-items: flex-start;
gap: 12px;
}
.miralix-contact-map__address span {
color: var(--mp-gold, #d4af37);
flex: 0 0 auto;
}
.miralix-contact-map__btn {
margin-top: 20px;
background: linear-gradient(180deg, #e8c85a, #d4af37);
color: #111;
}
.miralix-contact-map__frame {
min-height: 430px;
border-radius: var(--mp-radius, 22px);
overflow: hidden;
border: 1px solid rgba(13,13,13,.08);
background: #f7f2e8;
}
.miralix-contact-map__frame iframe {
display: block;
width: 100%;
min-height: 430px;
height: 100%;
border: 0;
}
.miralix-contact-map__empty {
min-height: 430px;
display: grid;
place-items: center;
gap: 10px;
text-align: center;
padding: 28px;
color: var(--mp-muted, #6e6554);
}
.miralix-contact-map__empty svg {
width: 46px;
height: 46px;
color: var(--mp-gold, #d4af37);
}
.miralix-contact-final-cta__inner {
position: relative;
overflow: hidden;
min-height: 220px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 22px;
border-radius: calc(var(--mp-radius, 22px) + 8px);
border: 1px solid rgba(212,175,55,.34);
padding: clamp(26px, 4.8vw, 54px);
background:
linear-gradient(135deg, rgba(6,6,4,.72), rgba(18,14,8,.78)),
var(--miralix-contact-cta-bg, none),
radial-gradient(circle at 16% 20%, rgba(212,175,55,.22), transparent 34%);
background-size: cover, cover, auto;
background-position: center;
color: #fff;
}
html[dir="rtl"] .miralix-contact-final-cta__inner {
background:
linear-gradient(225deg, rgba(6,6,4,.72), rgba(18,14,8,.78)),
var(--miralix-contact-cta-bg, none),
radial-gradient(circle at 84% 20%, rgba(212,175,55,.22), transparent 34%);
background-size: cover, cover, auto;
background-position: center;
}
.miralix-contact-final-cta__inner::after {
content: "MIRALIX";
position: absolute;
inset-inline-end: clamp(20px, 5vw, 70px);
bottom: -6px;
font-size: clamp(60px, 11vw, 140px);
font-weight: 950;
color: rgba(255,255,255,.045);
letter-spacing: .08em;
line-height: .8;
pointer-events: none;
}
.miralix-contact-final-cta__inner > * {
position: relative;
z-index: 2;
}
.miralix-contact-final-cta h2 {
margin: 12px 0 10px;
color: #fff;
font-size: clamp(25px, 3.4vw, 44px);
font-weight: 950;
}
.miralix-contact-final-cta p {
max-width: 720px;
margin: 0;
color: rgba(255,255,255,.82);
line-height: 1.85;
}
.miralix-contact-final-cta__btn {
justify-self: end;
background: linear-gradient(180deg, #e8c85a, #d4af37);
color: #111;
border: 1px solid rgba(255,255,255,.10);
white-space: nowrap;
}
html[dir="rtl"] .miralix-contact-final-cta__btn {
justify-self: start;
}
.miralix-contact-final-cta__btn:hover,
.miralix-contact-map__btn:hover {
background: #111;
color: #fff;
border-color: rgba(212,175,55,.72);
}
@media (max-width: 1100px) {
.miralix-contact-cards__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.miralix-contact-hero__inner,
.miralix-contact-form__layout,
.miralix-contact-map__layout {
grid-template-columns: 1fr;
}
.miralix-contact-hero__visual {
min-height: 280px;
}
}
@media (max-width: 760px) {
.miralix-contact .miralix-page-container {
width: min(100% - 26px, 720px);
}
.miralix-contact-hero {
padding-top: 22px;
}
.miralix-contact-hero__inner {
min-height: auto;
padding: 24px 18px;
border-radius: 26px;
}
.miralix-contact-hero__inner::after {
font-size: clamp(54px, 17vw, 88px);
opacity: .9;
}
.miralix-contact-hero h1 {
font-size: clamp(32px, 10vw, 48px);
}
.miralix-contact-hero__visual,
.miralix-contact-hero__visual img,
.miralix-contact-hero__placeholder {
min-height: 230px;
}
.miralix-contact-cards__grid {
grid-template-columns: 1fr;
gap: 10px;
}
.miralix-contact-card {
min-height: auto;
grid-template-columns: 50px 1fr;
align-items: center;
padding: 15px;
}
.miralix-contact-form__intro,
.miralix-contact-map__content,
.miralix-contact-form__box {
padding: 20px 16px;
border-radius: 22px;
}
.miralix-contact-map__frame,
.miralix-contact-map__frame iframe,
.miralix-contact-map__empty {
min-height: 320px;
}
.miralix-contact-final-cta__inner {
grid-template-columns: 1fr;
gap: 18px;
min-height: auto;
padding: 24px 18px;
border-radius: 26px;
}
.miralix-contact-final-cta__btn,
html[dir="rtl"] .miralix-contact-final-cta__btn {
justify-self: stretch;
width: 100%;
}
} .miralix-contact {
background: #ffffff !important;
}
.miralix-contact .miralix-page-container {
width: min(100% - 24px, 1180px) !important;
}
.miralix-contact-hero {
padding: clamp(18px, 2.8vw, 38px) 0 clamp(28px, 4vw, 54px) !important;
}
.miralix-contact-hero__inner {
min-height: clamp(300px, 30vw, 420px) !important;
padding: clamp(22px, 3.6vw, 42px) !important;
border-radius: clamp(22px, 2vw, 30px) !important;
gap: clamp(18px, 3vw, 42px) !important;
}
.miralix-contact-hero__inner.no-image {
grid-template-columns: 1fr !important;
min-height: clamp(260px, 26vw, 360px) !important;
}
.miralix-contact-hero__inner.no-image .miralix-contact-hero__content {
max-width: 760px !important;
}
.miralix-contact-hero__inner::after {
font-size: clamp(50px, 9vw, 122px) !important;
bottom: -6px !important;
opacity: .75 !important;
}
.miralix-contact-hero h1 {
margin: 12px 0 10px !important;
font-size: clamp(34px, 4.4vw, 60px) !important;
}
.miralix-contact-hero__subtitle {
margin-bottom: 8px !important;
font-size: clamp(16px, 1.6vw, 21px) !important;
}
.miralix-contact-hero__description {
max-width: 650px !important;
line-height: 1.85 !important;
}
.miralix-contact-hero__btn {
margin-top: 20px !important;
}
.miralix-contact-hero__visual,
.miralix-contact-hero__visual img {
min-height: clamp(240px, 26vw, 340px) !important;
}
.miralix-contact-card__value--ltr {
direction: ltr !important;
unicode-bidi: isolate !important;
display: inline-block !important;
text-align: start !important;
font-family: inherit !important;
letter-spacing: .01em !important;
}
html[dir="rtl"] .miralix-contact-card__value--ltr {
text-align: right !important;
}
@media (max-width: 760px) {
.miralix-contact .miralix-page-container {
width: min(100% - 22px, 720px) !important;
}
.miralix-contact-hero {
padding-top: 16px !important;
}
.miralix-contact-hero__inner {
padding: 22px 16px !important;
min-height: auto !important;
}
.miralix-contact-hero__inner::after {
font-size: clamp(48px, 15vw, 78px) !important;
}
.miralix-contact-hero h1 {
font-size: clamp(31px, 9vw, 42px) !important;
}
.miralix-contact-hero__visual,
.miralix-contact-hero__visual img {
min-height: 210px !important;
}
} .miralix-contact {
--miralix-contact-container: min(100% - 48px, 1320px);
}
.miralix-contact .miralix-page-container {
width: var(--miralix-contact-container) !important;
max-width: none !important;
margin-inline: auto !important;
}
.miralix-contact-hero .miralix-page-container,
.miralix-contact-section .miralix-page-container {
width: var(--miralix-contact-container) !important;
max-width: none !important;
}
@media (min-width: 1440px) {
.miralix-contact {
--miralix-contact-container: min(100% - 64px, 1380px);
}
}
@media (max-width: 1024px) {
.miralix-contact {
--miralix-contact-container: min(100% - 32px, 960px);
}
}
@media (max-width: 760px) {
.miralix-contact {
--miralix-contact-container: min(100% - 24px, 720px);
}
} .miralix-contact {
--miralix-contact-container: min(1240px, calc(100% - 32px));
}
.miralix-contact .miralix-page-container,
.miralix-contact-hero .miralix-page-container,
.miralix-contact-section .miralix-page-container {
width: var(--miralix-contact-container) !important;
max-width: none !important;
margin-inline: auto !important;
}
@media (max-width: 760px) {
.miralix-contact {
--miralix-contact-container: min(100% - 24px, 720px);
}
} .miralix-contact-section {
padding-block: clamp(24px, 3.5vw, 48px) !important;
}
.miralix-contact-hero {
padding-bottom: clamp(28px, 3.8vw, 52px) !important;
}
.miralix-contact .miralix-page-section-head {
margin-bottom: clamp(14px, 2vw, 22px) !important;
display: grid !important;
gap: 8px !important;
}
.miralix-contact .miralix-page-section-head .miralix-page-eyebrow {
margin: 0 !important;
}
.miralix-contact .miralix-page-section-head h2 {
margin: 0 !important;
line-height: 1.12 !important;
}
.miralix-contact .miralix-page-section-head p {
margin: 0 !important;
line-height: 1.65 !important;
}
.miralix-contact-cards {
padding-top: clamp(22px, 3vw, 42px) !important;
}
.miralix-contact-cards__grid {
margin-top: 0 !important;
}
.miralix-contact-form,
.miralix-contact-map,
.miralix-contact-faq,
.miralix-contact-final-cta {
padding-block: clamp(24px, 3.5vw, 48px) !important;
}
@media (max-width: 760px) {
.miralix-contact-section {
padding-block: 24px !important;
}
.miralix-contact .miralix-page-section-head {
gap: 7px !important;
margin-bottom: 16px !important;
}
.miralix-contact .miralix-page-section-head h2 {
line-height: 1.18 !important;
}
} .miralix-contact-card__icon,
.miralix-contact-card__icon svg,
.miralix-contact-faq__icon,
.miralix-contact-faq__icon svg {
overflow: visible !important;
}
.miralix-contact-card__icon svg {
width: 21px !important;
height: 21px !important;
display: block !important;
flex: 0 0 auto !important;
}
.miralix-contact-faq__list {
display: grid;
gap: 12px;
}
.miralix-contact-faq__item {
position: relative;
overflow: hidden;
border: 1px solid rgba(13,13,13,.08);
border-radius: 18px;
background:
linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,239,.72));
transition: border-color .22s ease, background .22s ease, transform .22s ease;
}
.miralix-contact-faq__item:hover,
.miralix-contact-faq__item[open] {
border-color: rgba(212,175,55,.38);
background: #fff;
}
.miralix-contact-faq__item summary {
cursor: pointer;
display: grid;
grid-template-columns: 48px minmax(0, 1fr) 34px;
align-items: center;
gap: 14px;
min-height: 76px;
padding: 14px 18px;
list-style: none;
}
html[dir="rtl"] .miralix-contact-faq__item summary {
grid-template-columns: 48px minmax(0, 1fr) 34px;
}
.miralix-contact-faq__item summary::-webkit-details-marker {
display: none;
}
.miralix-contact-faq__icon {
width: 48px;
height: 48px;
display: grid;
place-items: center;
border-radius: 18px;
color: var(--mp-gold, #d4af37);
background: rgba(212,175,55,.10);
border: 1px solid rgba(212,175,55,.22);
}
.miralix-contact-faq__icon svg {
width: 22px;
height: 22px;
}
.miralix-contact-faq__question {
color: var(--mp-text, #111);
font-weight: 950;
font-size: clamp(14px, 1.2vw, 16px);
line-height: 1.55;
}
.miralix-contact-faq__toggle {
width: 34px;
height: 34px;
display: grid;
place-items: center;
border-radius: 999px;
color: var(--mp-gold, #d4af37);
background: rgba(212,175,55,.08);
transition: transform .22s ease, color .22s ease, background .22s ease;
}
html[dir="rtl"] .miralix-contact-faq__toggle svg {
transform: rotate(180deg);
}
.miralix-contact-faq__item[open] .miralix-contact-faq__toggle {
background: var(--mp-gold, #d4af37);
color: #111;
transform: rotate(90deg);
}
html[dir="rtl"] .miralix-contact-faq__item[open] .miralix-contact-faq__toggle {
transform: rotate(-90deg);
}
.miralix-contact-faq__answer {
margin-inline-start: 80px;
padding: 0 18px 20px;
color: var(--mp-muted, #6e6554);
line-height: 1.85;
}
html[dir="rtl"] .miralix-contact-faq__answer {
margin-inline-start: 0;
margin-inline-end: 80px;
}
@media (max-width: 760px) {
.miralix-contact-faq__item summary {
grid-template-columns: 42px minmax(0, 1fr) 32px;
min-height: 66px;
padding: 12px 13px;
gap: 10px;
}
.miralix-contact-faq__icon {
width: 42px;
height: 42px;
border-radius: 15px;
}
.miralix-contact-faq__answer,
html[dir="rtl"] .miralix-contact-faq__answer {
margin-inline: 0 !important;
padding: 0 14px 16px;
}
} .miralix-contact-faq__item {
overflow: visible !important;
}
.miralix-contact-faq__toggle {
overflow: visible !important;
flex: 0 0 auto !important;
border: 1px solid rgba(212, 175, 55, .18) !important;
backface-visibility: hidden !important;
transform-origin: center center !important;
}
.miralix-contact-faq__toggle svg {
display: block !important;
width: 18px !important;
height: 18px !important;
overflow: visible !important;
}
.miralix-contact-faq__item[open] .miralix-contact-faq__toggle {
transform: rotate(90deg) scale(1) !important;
}
html[dir="rtl"] .miralix-contact-faq__item[open] .miralix-contact-faq__toggle {
transform: rotate(-90deg) scale(1) !important;
}
.miralix-contact-card__icon {
overflow: visible !important;
flex: 0 0 auto !important;
}
.miralix-contact-card__icon svg {
width: 22px !important;
height: 22px !important;
overflow: visible !important;
display: block !important;
}
.miralix-contact-card__icon svg path {
transform-box: fill-box;
transform-origin: center;
} .miralix-contact-faq__item,
.miralix-contact-faq__item summary {
overflow: visible !important;
}
.miralix-contact-faq__toggle {
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
border-radius: 999px !important;
overflow: visible !important;
box-sizing: border-box !important;
transform-origin: center center !important;
border: 1px solid rgba(212, 175, 55, .24) !important;
background-clip: padding-box !important;
}
.miralix-contact-faq__toggle svg {
width: 18px !important;
height: 18px !important;
display: block !important;
overflow: visible !important;
}
.miralix-contact-faq__item[open] .miralix-contact-faq__toggle {
background: var(--mp-gold, #d4af37) !important;
color: #111 !important;
border-color: var(--mp-gold, #d4af37) !important;
transform: rotate(90deg) !important;
}
html[dir="rtl"] .miralix-contact-faq__item[open] .miralix-contact-faq__toggle {
transform: rotate(-90deg) !important;
}
.miralix-contact-card__icon {
overflow: visible !important;
padding: 0 !important;
line-height: 1 !important;
}
.miralix-contact-card__icon svg {
width: 22px !important;
height: 22px !important;
overflow: visible !important;
display: block !important;
}
@media (max-width: 760px) {
.miralix-contact-faq__item summary {
grid-template-columns: 42px minmax(0, 1fr) 38px !important;
}
} .miralix-contact-final-cta__inner {
border: 1px solid rgba(212, 175, 55, .42) !important;
background:
linear-gradient(135deg, rgba(7, 6, 4, .66), rgba(20, 15, 8, .76) 56%, rgba(54, 42, 15, .82)),
var(--miralix-contact-cta-bg, none),
radial-gradient(circle at 16% 18%, rgba(212, 175, 55, .28), transparent 35%),
linear-gradient(135deg, #070604 0%, #151009 58%, #33270f 100%) !important;
background-size: cover, cover, auto, cover !important;
background-position: center, center, center, center !important;
background-repeat: no-repeat !important;
color: #fff !important;
box-shadow: none !important;
}
html[dir="rtl"] .miralix-contact-final-cta__inner {
background:
linear-gradient(225deg, rgba(7, 6, 4, .66), rgba(20, 15, 8, .76) 56%, rgba(54, 42, 15, .82)),
var(--miralix-contact-cta-bg, none),
radial-gradient(circle at 84% 18%, rgba(212, 175, 55, .28), transparent 35%),
linear-gradient(225deg, #070604 0%, #151009 58%, #33270f 100%) !important;
background-size: cover, cover, auto, cover !important;
background-position: center, center, center, center !important;
background-repeat: no-repeat !important;
}
.miralix-contact-final-cta__inner::before {
content: "" !important;
position: absolute !important;
inset: 12px !important;
border-radius: inherit !important;
border: 1px solid rgba(255, 255, 255, .07) !important;
pointer-events: none !important;
}
.miralix-contact-final-cta__inner::after {
color: rgba(255, 255, 255, .045) !important;
}
.miralix-contact-final-cta h2 {
color: #fff !important;
}
.miralix-contact-final-cta p {
color: rgba(255, 255, 255, .84) !important;
}
.miralix-contact-final-cta .miralix-contact-eyebrow,
.miralix-contact-final-cta .miralix-page-eyebrow {
border-color: rgba(212, 175, 55, .48) !important;
background: rgba(212, 175, 55, .12) !important;
color: var(--mp-gold, #d4af37) !important;
}
.miralix-contact-final-cta__btn {
background: linear-gradient(180deg, #e8c85a, #d4af37) !important;
color: #111 !important;
border: 1px solid rgba(255, 255, 255, .12) !important;
}
.miralix-contact-final-cta__btn:hover,
.miralix-contact-final-cta__btn:focus-visible {
background: #111 !important;
color: #fff !important;
border-color: rgba(212, 175, 55, .72) !important;
}
@media (max-width: 760px) {
.miralix-contact-final-cta__inner {
background:
linear-gradient(180deg, rgba(7, 6, 4, .72), rgba(20, 15, 8, .82)),
var(--miralix-contact-cta-bg, none),
linear-gradient(180deg, #070604, #151009) !important;
background-size: cover, cover, cover !important;
background-position: center, center, center !important;
}
} .miralix-contact-form__box {
position: relative !important;
overflow: hidden !important;
border-radius: calc(var(--mp-radius, 22px) + 4px) !important;
border: 1px solid rgba(212, 175, 55, .18) !important;
background:
radial-gradient(circle at 12% 8%, rgba(212, 175, 55, .08), transparent 30%),
linear-gradient(180deg, #ffffff, #fffdf7) !important;
padding: clamp(20px, 3vw, 34px) !important;
box-shadow: none !important;
}
.miralix-contact-form__box::before {
content: "" !important;
position: absolute !important;
inset-inline: 18px !important;
top: 0 !important;
height: 3px !important;
border-radius: 0 0 999px 999px !important;
background: linear-gradient(90deg, transparent, rgba(212, 175, 55, .95), transparent) !important;
pointer-events: none !important;
}
.miralix-contact-form__box .forminator-ui,
.miralix-contact-form__box .forminator-custom-form {
margin: 0 !important;
padding: 0 !important;
font-family: inherit !important;
}
.miralix-contact-form__box .forminator-row {
margin: 0 0 16px !important;
display: flex !important;
gap: 14px !important;
}
.miralix-contact-form__box .forminator-row-last {
margin: 22px 0 0 !important;
}
.miralix-contact-form__box .forminator-col {
padding: 0 !important;
}
.miralix-contact-form__box .forminator-field {
position: relative !important;
display: grid !important;
gap: 7px !important;
}
.miralix-contact-form__box .forminator-label {
margin: 0 !important;
color: var(--mp-text, #111) !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1.35 !important;
}
.miralix-contact-form__box .forminator-required {
color: var(--mp-gold, #d4af37) !important;
font-weight: 950 !important;
}
.miralix-contact-form__box .forminator-input,
.miralix-contact-form__box .forminator-textarea,
.miralix-contact-form__box input[type="text"],
.miralix-contact-form__box input[type="email"],
.miralix-contact-form__box input[type="tel"],
.miralix-contact-form__box textarea {
width: 100% !important;
min-height: 50px !important;
margin: 0 !important;
padding: 13px 16px !important;
border-radius: 16px !important;
border: 1px solid rgba(13, 13, 13, .10) !important;
background: #ffffff !important;
color: var(--mp-text, #111) !important;
font-size: 14px !important;
line-height: 1.45 !important;
box-shadow: none !important;
outline: none !important;
transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.miralix-contact-form__box .forminator-textarea,
.miralix-contact-form__box textarea {
min-height: 138px !important;
resize: vertical !important;
}
.miralix-contact-form__box .forminator-input::placeholder,
.miralix-contact-form__box .forminator-textarea::placeholder {
color: rgba(110, 101, 84, .68) !important;
}
.miralix-contact-form__box .forminator-input:hover,
.miralix-contact-form__box .forminator-textarea:hover,
.miralix-contact-form__box input:hover,
.miralix-contact-form__box textarea:hover {
border-color: rgba(212, 175, 55, .34) !important;
}
.miralix-contact-form__box .forminator-input:focus,
.miralix-contact-form__box .forminator-textarea:focus,
.miralix-contact-form__box input:focus,
.miralix-contact-form__box textarea:focus {
border-color: rgba(212, 175, 55, .66) !important;
background: #fff !important;
box-shadow: 0 0 0 4px rgba(212, 175, 55, .10) !important;
}
.miralix-contact-form__box .forminator-description {
margin: 0 !important;
color: rgba(110, 101, 84, .72) !important;
font-size: 12px !important;
text-align: end !important;
}
.miralix-contact-form__box .forminator-response-message {
border-radius: 16px !important;
padding: 12px 14px !important;
margin: 0 0 16px !important;
font-weight: 800 !important;
border: 1px solid rgba(212, 175, 55, .22) !important;
background: rgba(212, 175, 55, .08) !important;
color: var(--mp-text, #111) !important;
}
.miralix-contact-form__box .forminator-error,
.miralix-contact-form__box .forminator-error-message {
color: #9b1c1c !important;
}
.miralix-contact-form__box .forminator-error-message {
margin-top: 5px !important;
font-size: 12px !important;
font-weight: 800 !important;
}
.miralix-contact-form__box .forminator-row-last .forminator-field {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.miralix-contact-form__box .forminator-button,
.miralix-contact-form__box .forminator-button-submit,
.miralix-contact-form__box button[type="submit"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: min(100%, 260px) !important;
width: min(100%, 320px) !important;
min-height: 50px !important;
margin-inline: auto !important;
padding: 13px 28px !important;
border-radius: 999px !important;
border: 1px solid rgba(212, 175, 55, .56) !important;
background: linear-gradient(180deg, #e8c85a, #d4af37) !important;
color: #111111 !important;
font-size: 14px !important;
font-weight: 950 !important;
line-height: 1 !important;
text-align: center !important;
box-shadow: none !important;
cursor: pointer !important;
transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}
.miralix-contact-form__box .forminator-button:hover,
.miralix-contact-form__box .forminator-button-submit:hover,
.miralix-contact-form__box button[type="submit"]:hover,
.miralix-contact-form__box .forminator-button:focus-visible,
.miralix-contact-form__box .forminator-button-submit:focus-visible,
.miralix-contact-form__box button[type="submit"]:focus-visible {
transform: translateY(-1px) !important;
background: #111111 !important;
color: #ffffff !important;
border-color: rgba(212, 175, 55, .84) !important;
box-shadow: 0 10px 22px rgba(13, 13, 13, .10) !important;
}
.miralix-contact-form__box .forminator-edit-module {
margin-top: 14px !important;
text-align: center !important;
}
.miralix-contact-form__box .forminator-edit-module a {
color: var(--mp-muted, #6e6554) !important;
font-size: 12px !important;
text-decoration: none !important;
}
.miralix-contact-form__box .forminator-edit-module a:hover {
color: var(--mp-gold, #d4af37) !important;
}
@media (max-width: 760px) {
.miralix-contact-form__box {
padding: 18px 14px !important;
border-radius: 22px !important;
}
.miralix-contact-form__box .forminator-row {
display: grid !important;
gap: 12px !important;
margin-bottom: 14px !important;
}
.miralix-contact-form__box .forminator-col,
.miralix-contact-form__box .forminator-col-6,
.miralix-contact-form__box .forminator-col-12 {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
.miralix-contact-form__box .forminator-button,
.miralix-contact-form__box .forminator-button-submit,
.miralix-contact-form__box button[type="submit"] {
width: 100% !important;
min-width: 100% !important;
}
} .miralix-contact-card strong,
.miralix-contact-card__meta strong {
display: block !important;
direction: inherit !important;
unicode-bidi: isolate !important;
text-align: inherit !important;
letter-spacing: 0 !important;
word-spacing: 0 !important;
word-break: normal !important;
overflow-wrap: normal !important;
white-space: normal !important;
font-weight: 800 !important;
line-height: 1.55 !important;
font-kerning: normal !important;
font-feature-settings: "kern" 1, "liga" 1, "calt" 1 !important;
text-decoration: none !important;
}
html[dir="rtl"] .miralix-contact-card strong,
html[dir="rtl"] .miralix-contact-card__meta strong {
font-family: inherit !important;
letter-spacing: 0 !important;
}
.miralix-contact-card,
.miralix-contact-card:hover,
.miralix-contact-card:focus {
text-decoration: none !important;
}
.miralix-contact-card__meta {
min-width: 0 !important;
} .miralix-about {
background: #ffffff !important;
color: var(--mp-text, #111);
overflow: hidden;
}
.miralix-about {
--miralix-about-container: min(1240px, calc(100% - 32px));
}
.miralix-about .miralix-page-container,
.miralix-about-hero .miralix-page-container,
.miralix-about-section .miralix-page-container {
width: var(--miralix-about-container) !important;
max-width: none !important;
margin-inline: auto !important;
}
.miralix-about-section {
padding-block: clamp(28px, 4.2vw, 62px);
}
.miralix-about-eyebrow,
.miralix-about .miralix-page-eyebrow {
display: inline-flex;
align-items: center;
width: fit-content;
border: 1px solid rgba(212, 175, 55, .34);
background: rgba(212, 175, 55, .08);
color: var(--mp-gold, #d4af37);
border-radius: 999px;
padding: 7px 13px;
font-size: 11px;
font-weight: 900;
letter-spacing: .08em;
line-height: 1;
}
html[dir="rtl"] .miralix-about-eyebrow,
html[dir="rtl"] .miralix-about .miralix-page-eyebrow {
letter-spacing: 0;
}
.miralix-about-hero {
padding: clamp(18px, 2.8vw, 38px) 0 clamp(30px, 4vw, 56px);
}
.miralix-about-hero__inner {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 1.02fr) minmax(290px, .72fr);
align-items: center;
gap: clamp(22px, 4vw, 54px);
min-height: clamp(330px, 34vw, 470px);
padding: clamp(24px, 4.2vw, 50px);
border-radius: clamp(24px, 2vw, 32px);
border: 1px solid rgba(212, 175, 55, .34);
background:
radial-gradient(circle at 15% 16%, rgba(212, 175, 55, .26), transparent 32%),
linear-gradient(135deg, #080705 0%, #171209 58%, #33270f 100%);
color: #fff;
}
html[dir="rtl"] .miralix-about-hero__inner {
background:
radial-gradient(circle at 85% 16%, rgba(212, 175, 55, .26), transparent 32%),
linear-gradient(225deg, #080705 0%, #171209 58%, #33270f 100%);
}
.miralix-about-hero__inner::before {
content: "";
position: absolute;
inset: 12px;
border-radius: inherit;
border: 1px solid rgba(255,255,255,.07);
pointer-events: none;
}
.miralix-about-hero__inner::after {
content: "MIRALIX";
position: absolute;
inset-inline-end: clamp(18px, 5vw, 66px);
bottom: -8px;
font-size: clamp(56px, 11vw, 140px);
font-weight: 950;
line-height: .8;
letter-spacing: .09em;
color: rgba(255,255,255,.045);
pointer-events: none;
}
.miralix-about-hero__inner.no-image {
grid-template-columns: 1fr;
min-height: clamp(290px, 28vw, 390px);
}
.miralix-about-hero__content,
.miralix-about-hero__visual {
position: relative;
z-index: 2;
}
.miralix-about-hero h1 {
margin: 14px 0 10px;
color: #fff;
font-size: clamp(36px, 5vw, 70px);
line-height: 1.06;
font-weight: 950;
}
.miralix-about-hero__subtitle {
margin: 0 0 10px;
color: var(--mp-gold, #d4af37);
font-size: clamp(16px, 1.8vw, 23px);
font-weight: 900;
line-height: 1.5;
}
.miralix-about-hero__description {
margin: 0;
max-width: 700px;
color: rgba(255,255,255,.82);
line-height: 1.9;
font-size: clamp(14px, 1.18vw, 17px);
}
.miralix-about-hero__btn {
margin-top: 22px;
background: linear-gradient(180deg, #e8c85a, #d4af37);
color: #111;
border: 1px solid rgba(255,255,255,.12);
}
.miralix-about-hero__btn:hover {
background: #111;
color: #fff;
border-color: rgba(212,175,55,.72);
}
.miralix-about-hero__visual {
min-height: clamp(240px, 27vw, 350px);
overflow: hidden;
border-radius: calc(var(--mp-radius, 22px) + 2px);
border: 1px solid rgba(212,175,55,.24);
background: rgba(255,255,255,.06);
}
.miralix-about-hero__visual img {
display: block;
width: 100%;
height: 100%;
min-height: clamp(240px, 27vw, 350px);
object-fit: cover;
}
.miralix-about .miralix-page-section-head {
margin-bottom: clamp(16px, 2.4vw, 28px);
display: grid;
gap: 8px;
align-items: start;
text-align: start;
}
.miralix-about .miralix-page-section-head h2 {
margin: 0;
font-size: clamp(26px, 3.4vw, 44px);
line-height: 1.14;
font-weight: 950;
color: var(--mp-text, #111);
}
.miralix-about .miralix-page-section-head p {
max-width: 720px;
margin: 0;
color: var(--mp-muted, #6e6554);
line-height: 1.75;
}
.miralix-about-story__layout {
display: grid;
grid-template-columns: minmax(0, .96fr) minmax(320px, .74fr);
gap: clamp(22px, 4vw, 54px);
align-items: stretch;
}
.miralix-about-story__content {
border: 1px solid rgba(13,13,13,.08);
border-radius: var(--mp-radius, 22px);
padding: clamp(24px, 3.6vw, 42px);
background:
radial-gradient(circle at 12% 10%, rgba(212,175,55,.08), transparent 34%),
linear-gradient(180deg, #fff, #fffdf7);
}
html[dir="rtl"] .miralix-about-story__content {
background:
radial-gradient(circle at 88% 10%, rgba(212,175,55,.08), transparent 34%),
linear-gradient(180deg, #fff, #fffdf7);
}
.miralix-about-story__content h2 {
margin: 12px 0 8px;
font-size: clamp(26px, 3.3vw, 44px);
line-height: 1.14;
font-weight: 950;
}
.miralix-about-story__subtitle {
margin: 0 0 16px;
color: var(--mp-gold, #d4af37);
font-weight: 900;
line-height: 1.7;
}
.miralix-about-rich {
color: var(--mp-muted, #6e6554);
line-height: 1.9;
font-size: 15px;
}
.miralix-about-rich p {
margin: 0 0 12px;
}
.miralix-about-story__media {
position: relative;
overflow: hidden;
border-radius: var(--mp-radius, 22px);
border: 1px solid rgba(212,175,55,.24);
background: linear-gradient(135deg, #090806, #1c160a);
min-height: 100%;
}
.miralix-about-story__media img {
display: block;
width: 100%;
height: 100%;
min-height: 360px;
object-fit: cover;
}
.miralix-about-story__placeholder {
min-height: 360px;
display: grid;
place-items: center;
align-content: center;
gap: 10px;
padding: 30px;
color: #fff;
text-align: center;
}
.miralix-about-story__placeholder strong {
color: rgba(255,255,255,.95);
font-size: clamp(36px, 6vw, 76px);
letter-spacing: .08em;
}
.miralix-about-story__placeholder span {
color: var(--mp-gold, #d4af37);
font-weight: 900;
}
.miralix-about-mission__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(16px, 2.4vw, 26px);
}
.miralix-about-dark-card {
position: relative;
overflow: hidden;
min-height: 260px;
display: grid;
align-content: start;
gap: 14px;
border-radius: var(--mp-radius, 22px);
border: 1px solid rgba(212,175,55,.34);
padding: clamp(24px, 3.6vw, 42px);
background:
radial-gradient(circle at 12% 10%, rgba(212,175,55,.22), transparent 34%),
linear-gradient(135deg, #080705, #171209 60%, #2c210d);
color: #fff;
}
html[dir="rtl"] .miralix-about-dark-card {
background:
radial-gradient(circle at 88% 10%, rgba(212,175,55,.22), transparent 34%),
linear-gradient(225deg, #080705, #171209 60%, #2c210d);
}
.miralix-about-dark-card__icon,
.miralix-about-value-card__icon,
.miralix-about-stat span {
width: 52px;
height: 52px;
display: grid;
place-items: center;
border-radius: 18px;
color: var(--mp-gold, #d4af37);
background: rgba(212,175,55,.10);
border: 1px solid rgba(212,175,55,.24);
}
.miralix-about-dark-card__icon svg,
.miralix-about-value-card__icon svg,
.miralix-about-stat span svg {
width: 24px;
height: 24px;
}
.miralix-about-dark-card h3 {
margin: 0;
color: #fff;
font-size: clamp(22px, 2.4vw, 34px);
font-weight: 950;
}
.miralix-about-dark-card p {
margin: 0;
color: rgba(255,255,255,.80);
line-height: 1.85;
}
.miralix-about-values__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
.miralix-about-value-card {
min-height: 230px;
display: grid;
align-content: start;
gap: 13px;
border-radius: var(--mp-radius, 22px);
border: 1px solid rgba(13,13,13,.08);
background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,239,.72));
padding: 22px;
transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.miralix-about-value-card:hover {
transform: translateY(-4px);
border-color: rgba(212,175,55,.38);
background: #fff;
}
.miralix-about-value-card h3 {
margin: 0;
color: var(--mp-text, #111);
font-size: 17px;
font-weight: 950;
}
.miralix-about-value-card p {
margin: 0;
color: var(--mp-muted, #6e6554);
line-height: 1.8;
font-size: 14px;
}
.miralix-about-stats__inner {
border-radius: calc(var(--mp-radius, 22px) + 6px);
border: 1px solid rgba(212,175,55,.30);
background: linear-gradient(135deg, #090806, #171209);
color: #fff;
padding: clamp(24px, 4vw, 44px);
}
.miralix-about-stats__inner h2 {
margin: 0 0 18px;
color: #fff;
font-size: clamp(24px, 3vw, 38px);
}
.miralix-about-stats__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
.miralix-about-stat {
display: grid;
gap: 8px;
justify-items: start;
padding: 18px;
border-radius: 18px;
border: 1px solid rgba(255,255,255,.08);
background: rgba(255,255,255,.04);
}
.miralix-about-stat strong {
color: #fff;
font-size: clamp(22px, 3vw, 38px);
line-height: 1;
}
.miralix-about-stat em {
color: rgba(255,255,255,.76);
font-style: normal;
font-weight: 800;
}
.miralix-about-cta__inner {
position: relative;
overflow: hidden;
min-height: 220px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 22px;
border-radius: calc(var(--mp-radius, 22px) + 8px);
border: 1px solid rgba(212,175,55,.42);
padding: clamp(26px, 4.8vw, 54px);
background:
linear-gradient(135deg, rgba(7,6,4,.68), rgba(20,15,8,.78) 56%, rgba(54,42,15,.82)),
var(--miralix-about-cta-bg, none),
radial-gradient(circle at 16% 18%, rgba(212,175,55,.28), transparent 35%),
linear-gradient(135deg, #070604 0%, #151009 58%, #33270f 100%);
background-size: cover, cover, auto, cover;
background-position: center;
color: #fff;
}
html[dir="rtl"] .miralix-about-cta__inner {
background:
linear-gradient(225deg, rgba(7,6,4,.68), rgba(20,15,8,.78) 56%, rgba(54,42,15,.82)),
var(--miralix-about-cta-bg, none),
radial-gradient(circle at 84% 18%, rgba(212,175,55,.28), transparent 35%),
linear-gradient(225deg, #070604 0%, #151009 58%, #33270f 100%);
background-size: cover, cover, auto, cover;
}
.miralix-about-cta__inner::after {
content: "MIRALIX";
position: absolute;
inset-inline-end: clamp(20px, 5vw, 70px);
bottom: -6px;
font-size: clamp(60px, 11vw, 140px);
font-weight: 950;
color: rgba(255,255,255,.045);
letter-spacing: .08em;
line-height: .8;
pointer-events: none;
}
.miralix-about-cta__inner > * {
position: relative;
z-index: 2;
}
.miralix-about-cta h2 {
margin: 12px 0 10px;
color: #fff;
font-size: clamp(25px, 3.4vw, 44px);
font-weight: 950;
}
.miralix-about-cta p {
max-width: 720px;
margin: 0;
color: rgba(255,255,255,.82);
line-height: 1.85;
}
.miralix-about-cta__btn {
justify-self: end;
background: linear-gradient(180deg, #e8c85a, #d4af37);
color: #111;
border: 1px solid rgba(255,255,255,.10);
white-space: nowrap;
}
html[dir="rtl"] .miralix-about-cta__btn {
justify-self: start;
}
.miralix-about-cta__btn:hover {
background: #111;
color: #fff;
border-color: rgba(212,175,55,.72);
}
@media (max-width: 1100px) {
.miralix-about-story__layout,
.miralix-about-hero__inner {
grid-template-columns: 1fr;
}
.miralix-about-values__grid,
.miralix-about-stats__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
.miralix-about {
--miralix-about-container: min(100% - 24px, 720px);
}
.miralix-about-hero {
padding-top: 16px;
}
.miralix-about-hero__inner {
min-height: auto;
padding: 22px 16px;
border-radius: 26px;
}
.miralix-about-hero h1 {
font-size: clamp(32px, 10vw, 46px);
}
.miralix-about-hero__visual,
.miralix-about-hero__visual img {
min-height: 230px;
}
.miralix-about-section {
padding-block: 26px;
}
.miralix-about-story__layout,
.miralix-about-mission__grid,
.miralix-about-values__grid,
.miralix-about-stats__grid,
.miralix-about-cta__inner {
grid-template-columns: 1fr;
}
.miralix-about-story__content,
.miralix-about-dark-card,
.miralix-about-cta__inner {
padding: 22px 16px;
border-radius: 24px;
}
.miralix-about-story__media,
.miralix-about-story__media img,
.miralix-about-story__placeholder {
min-height: 230px;
}
.miralix-about-value-card {
min-height: auto;
padding: 18px;
}
.miralix-about-cta__btn,
html[dir="rtl"] .miralix-about-cta__btn {
justify-self: stretch;
width: 100%;
}
} .miralix-about-hero {
padding-bottom: clamp(22px, 3vw, 40px) !important;
}
.miralix-about-section {
padding-block: clamp(22px, 3vw, 40px) !important;
}
.miralix-about-hero + .miralix-about-section {
padding-top: clamp(22px, 3vw, 40px) !important;
}
.miralix-about-section + .miralix-about-section {
padding-top: clamp(22px, 3vw, 40px) !important;
}
.miralix-about .miralix-page-section-head {
margin-bottom: clamp(14px, 2vw, 24px) !important;
}
@media (max-width: 760px) {
.miralix-about-hero {
padding-bottom: 22px !important;
}
.miralix-about-section,
.miralix-about-hero + .miralix-about-section,
.miralix-about-section + .miralix-about-section {
padding-block: 22px !important;
}
.miralix-about .miralix-page-section-head {
margin-bottom: 16px !important;
}
}