.miralix-home {
--mh-bg: #ffffff;
--mh-surface: #ffffff;
--mh-text: var(--miralix-black, #0d0d0d);
--mh-muted: #6e6554;
--mh-gold: var(--miralix-gold, #d4af37);
--mh-black: var(--miralix-black, #0d0d0d);
--mh-button-text: #120f08;
--mh-radius: 18px;
--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-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-trust-strip {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.miralix-home-trust-strip__item:nth-child(n+4) {
display: none !important;
}
@media (max-width: 900px) {
.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-products,
.miralix-home-products--single {
background: transparent !important;
}
.miralix-home-product-block,
.miralix-page-product-block {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
.miralix-home-product-block:hover,
.miralix-page-product-block:hover,
.miralix-home-product-block:focus-within,
.miralix-page-product-block:focus-within {
background: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.miralix-home-product-block__actions .miralix-home-link,
.miralix-home-product-block__actions .miralix-page-link {
display: none !important;
}
.miralix-home-product-block__footer-actions {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 12px;
margin-top: clamp(18px, 2.8vw, 28px);
}
.miralix-home-product-block__footer-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 42px;
padding: 10px 20px;
border-radius: 999px;
border: 1px solid rgba(212,175,55,.45);
background: #fff;
color: #0d0d0d;
font-size: 14px;
font-weight: 850;
text-decoration: none;
transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
box-shadow: none !important;
}
.miralix-home-product-block__footer-btn--category {
background: linear-gradient(180deg, #e6c45b, #d4af37);
border-color: rgba(212,175,55,.75);
}
.miralix-home-product-block__footer-btn--shop {
background: #fff;
}
.miralix-home-product-block__footer-btn:hover {
transform: translateY(-1px);
border-color: rgba(184,138,29,.8);
color: #0d0d0d;
}
.miralix-home-product-block__footer-btn svg {
width: 15px;
height: 15px;
}
html[dir="rtl"] .miralix-home-product-block__footer-btn svg {
transform: rotate(180deg);
}
.miralix-home-mid-banner-section {
padding-block: clamp(24px, 4vw, 44px);
background: transparent !important;
}
.miralix-home-mid-banner {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: clamp(18px, 3vw, 36px);
min-height: 150px;
padding: clamp(22px, 4vw, 38px);
border-radius: calc(var(--mh-radius) + 6px);
border: 1px solid rgba(212,175,55,.26);
background:
radial-gradient(circle at 16% 18%, rgba(212,175,55,.22), transparent 32%),
linear-gradient(135deg, #0d0d0d 0%, #17130a 58%, #2a210d 100%);
color: #fff;
box-shadow: none;
}
html[dir="rtl"] .miralix-home-mid-banner {
grid-template-columns: minmax(0, 1fr) auto;
}
.miralix-home-mid-banner::before {
content: "";
position: absolute;
inset: 12px;
border-radius: inherit;
border: 1px solid rgba(255,255,255,.055);
pointer-events: none;
}
.miralix-home-mid-banner__content,
.miralix-home-mid-banner__btn,
.miralix-home-mid-banner__image {
position: relative;
z-index: 2;
}
.miralix-home-mid-banner__eyebrow {
display: inline-flex;
margin-bottom: 8px;
color: #d4af37;
font-size: 11px;
font-weight: 900;
letter-spacing: .11em;
text-transform: uppercase;
}
html[dir="rtl"] .miralix-home-mid-banner__eyebrow { letter-spacing: 0; }
.miralix-home-mid-banner h2 {
margin: 0;
color: #fff;
font-size: clamp(22px, 3.2vw, 38px);
font-weight: 950;
line-height: 1.2;
}
.miralix-home-mid-banner p {
margin: 10px 0 0;
color: rgba(255,255,255,.78);
max-width: 620px;
font-size: 15px;
line-height: 1.85;
}
.miralix-home-mid-banner__btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 44px;
padding: 11px 22px;
border-radius: 999px;
border: 1px solid rgba(212,175,55,.65);
background: linear-gradient(180deg, #e6c45b, #d4af37);
color: #0d0d0d;
font-weight: 900;
text-decoration: none;
white-space: nowrap;
}
.miralix-home-mid-banner__btn svg {
width: 15px;
height: 15px;
}
html[dir="rtl"] .miralix-home-mid-banner__btn svg { transform: rotate(180deg); }
.miralix-home-mid-banner__image img {
display: block;
max-height: 130px;
width: auto;
object-fit: contain;
}
@media (max-width: 720px) {
.miralix-home-mid-banner {
grid-template-columns: 1fr;
text-align: inherit;
}
.miralix-home-mid-banner__btn {
justify-self: start;
}
html[dir="rtl"] .miralix-home-mid-banner__btn {
justify-self: end;
}
.miralix-home-product-block__footer-actions {
gap: 10px;
}
.miralix-home-product-block__footer-btn {
min-width: min(100%, 180px);
}
} .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 * {
box-shadow: none !important;
}
.miralix-home {
--mh-section-space: clamp(42px, 5.4vw, 70px);
--mh-section-head-space: clamp(14px, 2vw, 22px);
--mh-card-border: rgba(13, 13, 13, .075);
}
.miralix-home-section,
.miralix-home-products,
.miralix-home-trust-strip-section,
.miralix-home-info-section,
.miralix-home-cta,
.miralix-home-mid-banner-section {
padding-block: var(--mh-section-space) !important;
background: #fff !important;
}
.miralix-home-section-head,
.miralix-home-product-block__head,
.miralix-page-product-block__head {
margin-bottom: var(--mh-section-head-space) !important;
}
.miralix-home-section-head .miralix-home-eyebrow,
.miralix-home-product-block__kicker {
margin-bottom: 6px !important;
}
.miralix-home-section-head h2,
.miralix-home-product-block__head h3 {
margin-block: 0 7px !important;
}
.miralix-home-section-head p,
.miralix-home-product-block__head p {
margin-block: 0 !important;
} .miralix-home-products--single {
background: #fff !important;
}
.miralix-home-product-block,
.miralix-page-product-block {
padding: clamp(16px, 2.4vw, 24px) !important;
border-radius: calc(var(--mh-radius) + 2px) !important;
border: 1px solid var(--mh-card-border) !important;
background: #fff !important;
box-shadow: none !important;
}
.miralix-home-product-slider,
.miralix-page-product-slider {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding-block: 6px 12px !important;
}
.miralix-home-product-card,
.miralix-page-product-card,
.miralix-home-category-tile,
.miralix-home-info-card,
.miralix-home-category-card {
box-shadow: none !important;
}
.miralix-home-product-card:hover,
.miralix-page-product-card:hover,
.miralix-home-category-tile__inner:hover {
box-shadow: none !important;
transform: translateY(-1px) !important;
} .miralix-home-product-block__footer-actions {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 12px !important;
width: 100%;
margin-top: clamp(18px, 2.6vw, 28px) !important;
text-align: center;
}
.miralix-home-product-block__footer-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 150px;
min-height: 42px;
padding: 10px 20px;
border-radius: 999px;
border: 1px solid rgba(212, 175, 55, .48);
text-decoration: none !important;
font-weight: 900;
font-size: 13px;
line-height: 1;
gap: 9px;
transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
box-shadow: none !important;
}
.miralix-home-product-block__footer-btn--category {
background: linear-gradient(180deg, #e8c85a, #d4af37) !important;
color: #0d0d0d !important;
border-color: rgba(212, 175, 55, .72) !important;
}
.miralix-home-product-block__footer-btn--shop {
background: #fff !important;
color: #0d0d0d !important;
}
.miralix-home-product-block__footer-btn:hover {
transform: translateY(-1px);
border-color: rgba(184, 138, 29, .85) !important;
background: #fff8e8 !important;
color: #0d0d0d !important;
}
.miralix-home-product-block__footer-btn--category:hover {
background: linear-gradient(180deg, #f0d677, #d4af37) !important;
} .miralix-home-mid-banner-section {
padding-block: var(--mh-section-space) !important;
}
.miralix-home-mid-banner {
min-height: clamp(160px, 18vw, 230px) !important;
padding: clamp(24px, 4.8vw, 54px) !important;
border-radius: calc(var(--mh-radius) + 8px) !important;
border: 1px solid rgba(212, 175, 55, .32) !important;
background:
radial-gradient(circle at 15% 20%, rgba(212, 175, 55, .22), transparent 30%),
linear-gradient(135deg, #060604 0%, #16120a 58%, #2c230e 100%) !important;
color: #fff !important;
box-shadow: none !important;
}
html[dir="rtl"] .miralix-home-mid-banner {
background:
radial-gradient(circle at 85% 20%, rgba(212, 175, 55, .22), transparent 30%),
linear-gradient(225deg, #060604 0%, #16120a 58%, #2c230e 100%) !important;
}
.miralix-home-mid-banner::before {
border-color: rgba(212, 175, 55, .10) !important;
}
.miralix-home-mid-banner::after {
content: 'MIRALIX';
position: absolute;
inset-inline-end: clamp(18px, 5vw, 60px);
bottom: -10px;
font-size: clamp(48px, 10vw, 132px);
font-weight: 950;
line-height: .8;
letter-spacing: .08em;
color: rgba(255, 255, 255, .045);
pointer-events: none;
}
.miralix-home-mid-banner h2 {
color: #fff !important;
}
.miralix-home-mid-banner__btn {
box-shadow: none !important;
} .miralix-home-trust-strip {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
box-shadow: none !important;
}
.miralix-home-trust-strip__item:nth-child(n+4) {
display: none !important;
} .miralix-home.miralix-home-animate-ready [data-miralix-animate] {
opacity: 0;
transform: translate3d(0, 28px, 0);
transition: opacity .72s cubic-bezier(.22, 1, .36, 1), transform .72s cubic-bezier(.22, 1, .36, 1);
will-change: opacity, transform;
}
.miralix-home.miralix-home-animate-ready [data-miralix-animate].is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.miralix-home.miralix-home-animate-ready [data-miralix-animate-delay="1"] { transition-delay: .06s; }
.miralix-home.miralix-home-animate-ready [data-miralix-animate-delay="2"] { transition-delay: .12s; }
.miralix-home.miralix-home-animate-ready [data-miralix-animate-delay="3"] { transition-delay: .18s; }
@media (max-width: 900px) {
.miralix-home {
--mh-section-space: 44px;
--mh-section-head-space: 16px;
}
.miralix-home-categories-ref {
padding-top: 46px !important;
}
.miralix-home-product-block,
.miralix-page-product-block {
padding: 16px !important;
}
.miralix-home-product-block__footer-actions {
gap: 10px !important;
}
.miralix-home-product-block__footer-btn {
min-width: 138px;
padding-inline: 16px;
}
}
@media (max-width: 640px) {
.miralix-home {
--mh-section-space: 42px;
}
.miralix-home-section-head,
.miralix-home-product-block__head,
.miralix-page-product-block__head {
margin-bottom: 14px !important;
}
.miralix-home-trust-strip {
grid-template-columns: 1fr !important;
}
.miralix-home-mid-banner {
grid-template-columns: 1fr !important;
}
.miralix-home-product-block__footer-actions {
flex-direction: row;
flex-wrap: wrap;
}
.miralix-home-product-block__footer-btn {
flex: 1 1 132px;
min-width: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.miralix-home.miralix-home-animate-ready [data-miralix-animate] {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
} .miralix-home,
.miralix-home *:not(.miralix-home-mid-banner):not(.miralix-home-mid-banner *) {
box-shadow: none !important;
} .miralix-site-header,
.miralix-main-header,
.miralix-main-header__inner,
.miralix-header-nav,
.miralix-header-nav__inner,
.miralix-site-header--scrolled .miralix-main-header,
.miralix-site-header--sticky.miralix-site-header--collapse-nav .miralix-header-nav {
box-shadow: none !important;
} .miralix-home .miralix-home-product-block,
.miralix-home .miralix-page-product-block {
background: #ffffff !important;
border: 1px solid rgba(13, 13, 13, .075) !important;
border-radius: calc(var(--mh-radius, 18px) + 2px) !important;
padding: clamp(16px, 2.4vw, 24px) !important;
box-shadow: none !important;
}
.miralix-home .miralix-home-product-slider,
.miralix-home .miralix-page-product-slider {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.miralix-home .miralix-home-product-card,
.miralix-home .miralix-page-product-card,
.miralix-home .miralix-home-category-tile,
.miralix-home .miralix-page-category-tile,
.miralix-home .miralix-home-info-card,
.miralix-home .miralix-home-category-card,
.miralix-home .miralix-home-cta__inner,
.miralix-home .miralix-home-trust-strip {
box-shadow: none !important;
} .miralix-home .miralix-home-product-block__footer-actions {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin-top: clamp(18px, 2.8vw, 30px) !important;
width: 100% !important;
text-align: center !important;
}
.miralix-home .miralix-home-product-block__footer-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 9px !important;
min-width: 160px !important;
min-height: 44px !important;
padding: 11px 22px !important;
border-radius: 999px !important;
border: 1px solid rgba(212, 175, 55, .58) !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: none !important;
transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}
.miralix-home .miralix-home-product-block__footer-btn--category {
background: linear-gradient(180deg, #e8c85a, #d4af37) !important;
color: #101010 !important;
border-color: rgba(212, 175, 55, .82) !important;
}
.miralix-home .miralix-home-product-block__footer-btn--shop {
background: #ffffff !important;
color: #101010 !important;
}
.miralix-home .miralix-home-product-block__footer-btn:hover,
.miralix-home .miralix-home-product-block__footer-btn:focus-visible {
transform: translateY(-1px) !important;
background: #fff8e8 !important;
border-color: rgba(184, 138, 29, .86) !important;
color: #101010 !important;
}
.miralix-home .miralix-home-product-block__footer-btn--category:hover,
.miralix-home .miralix-home-product-block__footer-btn--category:focus-visible {
background: linear-gradient(180deg, #f0d677, #d4af37) !important;
}
.miralix-home .miralix-home-product-block__footer-btn svg {
width: 15px !important;
height: 15px !important;
}
html[dir="rtl"] .miralix-home .miralix-home-product-block__footer-btn svg {
transform: rotate(180deg) !important;
} .miralix-home .miralix-home-mid-banner-section {
padding-block: var(--mh-section-space, clamp(42px, 5.4vw, 70px)) !important;
background: #fff !important;
}
.miralix-home .miralix-home-mid-banner {
position: relative !important;
overflow: hidden !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: clamp(18px, 3vw, 38px) !important;
min-height: clamp(158px, 18vw, 226px) !important;
padding: clamp(24px, 4.6vw, 52px) !important;
border-radius: calc(var(--mh-radius, 18px) + 8px) !important;
border: 1px solid rgba(212, 175, 55, .34) !important;
background:
radial-gradient(circle at 16% 20%, rgba(212, 175, 55, .24), transparent 32%),
linear-gradient(135deg, #060604 0%, #17120a 58%, #2d240f 100%) !important;
color: #ffffff !important;
box-shadow: none !important;
}
html[dir="rtl"] .miralix-home .miralix-home-mid-banner {
background:
radial-gradient(circle at 84% 20%, rgba(212, 175, 55, .24), transparent 32%),
linear-gradient(225deg, #060604 0%, #17120a 58%, #2d240f 100%) !important;
}
.miralix-home .miralix-home-mid-banner::before {
content: "" !important;
position: absolute !important;
inset: 12px !important;
border-radius: inherit !important;
border: 1px solid rgba(255, 255, 255, .06) !important;
pointer-events: none !important;
}
.miralix-home .miralix-home-mid-banner::after {
content: "MIRALIX" !important;
position: absolute !important;
inset-inline-end: clamp(16px, 5vw, 66px) !important;
bottom: -10px !important;
font-size: clamp(54px, 10vw, 128px) !important;
font-weight: 950 !important;
line-height: .8 !important;
letter-spacing: .08em !important;
color: rgba(255, 255, 255, .045) !important;
pointer-events: none !important;
}
.miralix-home .miralix-home-mid-banner__content,
.miralix-home .miralix-home-mid-banner__btn,
.miralix-home .miralix-home-mid-banner__image {
position: relative !important;
z-index: 2 !important;
}
.miralix-home .miralix-home-mid-banner h2 {
margin: 0 !important;
color: #ffffff !important;
font-size: clamp(22px, 3.2vw, 38px) !important;
font-weight: 950 !important;
line-height: 1.2 !important;
}
.miralix-home .miralix-home-mid-banner p {
margin: 10px 0 0 !important;
color: rgba(255, 255, 255, .82) !important;
max-width: 620px !important;
font-size: 15px !important;
line-height: 1.85 !important;
}
.miralix-home .miralix-home-mid-banner__btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 9px !important;
min-height: 44px !important;
padding: 11px 22px !important;
border-radius: 999px !important;
border: 1px solid rgba(212, 175, 55, .68) !important;
background: linear-gradient(180deg, #e8c85a, #d4af37) !important;
color: #101010 !important;
font-weight: 900 !important;
text-decoration: none !important;
white-space: nowrap !important;
box-shadow: none !important;
}
.miralix-home .miralix-home-mid-banner__btn:hover,
.miralix-home .miralix-home-mid-banner__btn:focus-visible {
background: linear-gradient(180deg, #f0d677, #d4af37) !important;
color: #101010 !important;
box-shadow: none !important;
} .miralix-home {
--mh-section-space: clamp(42px, 5.2vw, 68px) !important;
--mh-section-head-space: clamp(14px, 1.9vw, 20px) !important;
}
.miralix-home .miralix-home-section,
.miralix-home .miralix-home-products,
.miralix-home .miralix-home-trust-strip-section,
.miralix-home .miralix-home-info-section,
.miralix-home .miralix-home-cta,
.miralix-home .miralix-home-mid-banner-section {
padding-block: var(--mh-section-space) !important;
}
.miralix-home .miralix-home-section-head,
.miralix-home .miralix-home-product-block__head,
.miralix-home .miralix-page-product-block__head {
margin-bottom: var(--mh-section-head-space) !important;
}
.miralix-home .miralix-home-section-head h2,
.miralix-home .miralix-home-product-block__head h3 {
margin-block: 0 7px !important;
}
.miralix-home .miralix-home-section-head p,
.miralix-home .miralix-home-product-block__head p {
margin-block: 0 !important;
}
@media (max-width: 900px) {
.miralix-home {
--mh-section-space: 46px !important;
--mh-section-head-space: 16px !important;
}
}
@media (max-width: 720px) {
.miralix-home {
--mh-section-space: 42px !important;
}
.miralix-home .miralix-home-mid-banner {
grid-template-columns: 1fr !important;
}
.miralix-home .miralix-home-mid-banner__btn {
justify-self: start !important;
}
html[dir="rtl"] .miralix-home .miralix-home-mid-banner__btn {
justify-self: end !important;
}
.miralix-home .miralix-home-product-block,
.miralix-home .miralix-page-product-block {
padding: 16px !important;
}
.miralix-home .miralix-home-product-block__footer-actions {
gap: 10px !important;
}
.miralix-home .miralix-home-product-block__footer-btn {
flex: 1 1 140px !important;
min-width: 0 !important;
}
} .miralix-home {
--mh-section-space: clamp(30px, 3.7vw, 52px) !important;
--mh-section-head-space: clamp(10px, 1.5vw, 16px) !important;
}
.miralix-home-section,
.miralix-home-products,
.miralix-home-trust-strip-section,
.miralix-home-info-section,
.miralix-home-cta,
.miralix-home-mid-banner-section {
padding-block: var(--mh-section-space) !important;
}
.miralix-home-section-head,
.miralix-home-product-block__head,
.miralix-page-product-block__head {
margin-bottom: var(--mh-section-head-space) !important;
}
.miralix-home-section-head h2,
.miralix-home-product-block__head h3,
.miralix-page-product-block__head h3 {
margin-bottom: 6px !important;
}
.miralix-home-section-head p,
.miralix-home-product-block__head p,
.miralix-page-product-block__head p {
margin-top: 0 !important;
}
.miralix-home-product-block__footer-actions {
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 12px !important;
margin-top: 18px !important;
}
.miralix-home-product-block__footer-btn {
min-width: 148px !important;
min-height: 42px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 10px 18px !important;
border-radius: 999px !important;
text-decoration: none !important;
font-weight: 800 !important;
font-size: 14px !important;
line-height: 1 !important;
border: 1px solid rgba(212, 175, 55, .65) !important;
box-shadow: none !important;
transition: transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease !important;
}
.miralix-home-product-block__footer-btn--category {
background: #d4af37 !important;
color: #0d0d0d !important;
}
.miralix-home-product-block__footer-btn--shop {
background: #fff !important;
color: #0d0d0d !important;
}
.miralix-home-product-block__footer-btn:hover {
transform: translateY(-1px) !important;
box-shadow: none !important;
}
.miralix-home-product-block__footer-btn svg {
width: 13px !important;
height: 13px !important;
display: block !important;
}
.miralix-home-product-slider.is-dragging {
cursor: grabbing !important;
}
.miralix-home-product-slider.is-dragging a,
.miralix-home-product-slider.is-dragging button {
pointer-events: auto !important;
}
@media (min-width: 782px) {
.miralix-home-products + .miralix-home-products,
.miralix-home-products + .miralix-home-mid-banner-section,
.miralix-home-mid-banner-section + .miralix-home-products,
.miralix-home-products + .miralix-home-cta,
.miralix-home-cta + .miralix-home-products {
padding-top: clamp(26px, 3vw, 46px) !important;
}
}
@media (max-width: 720px) {
.miralix-home {
--mh-section-space: 34px !important;
--mh-section-head-space: 12px !important;
}
.miralix-home-product-block__footer-actions {
flex-direction: column !important;
gap: 10px !important;
}
.miralix-home-product-block__footer-btn {
width: min(100%, 260px) !important;
}
} .miralix-home .miralix-home-mid-banner-section {
padding-block: clamp(30px, 4vw, 52px) !important;
}
.miralix-home .miralix-home-mid-banner,
.miralix-home .miralix-home-mid-banner--second {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto minmax(150px, 260px) !important;
align-items: center !important;
gap: clamp(18px, 4vw, 42px) !important;
padding: clamp(24px, 4vw, 44px) !important;
min-height: 190px !important;
border-radius: var(--mh-radius, 18px) !important;
overflow: hidden !important;
background:
radial-gradient(circle at 12% 20%, rgba(212, 175, 55, .22), transparent 30%),
linear-gradient(135deg, #060604 0%, #17120a 58%, #2d240f 100%) !important;
border: 1px solid rgba(212, 175, 55, .34) !important;
box-shadow: none !important;
}
html[dir="rtl"] .miralix-home .miralix-home-mid-banner,
html[dir="rtl"] .miralix-home .miralix-home-mid-banner--second {
background:
radial-gradient(circle at 88% 20%, rgba(212, 175, 55, .22), transparent 30%),
linear-gradient(225deg, #060604 0%, #17120a 58%, #2d240f 100%) !important;
}
.miralix-home .miralix-home-mid-banner h2,
.miralix-home .miralix-home-mid-banner--second h2 {
color: #ffffff !important;
}
.miralix-home .miralix-home-mid-banner__btn:hover,
.miralix-home .miralix-home-mid-banner__btn:focus-visible,
.miralix-home .miralix-home-btn--gold:hover,
.miralix-home .miralix-home-btn--gold:focus-visible,
.miralix-home .miralix-home-product-block__footer-btn--category:hover,
.miralix-home .miralix-home-product-block__footer-btn--category:focus-visible,
.miralix-home .miralix-page-product-card__cart:hover,
.miralix-home .miralix-page-product-card__cart:focus-visible {
color: #ffffff !important;
}
.miralix-home .miralix-home-product-block__footer-btn:hover svg,
.miralix-home .miralix-home-product-block__footer-btn:focus-visible svg,
.miralix-home .miralix-home-mid-banner__btn:hover svg,
.miralix-home .miralix-home-mid-banner__btn:focus-visible svg {
stroke: currentColor !important;
}
@media (max-width: 820px) {
.miralix-home .miralix-home-mid-banner,
.miralix-home .miralix-home-mid-banner--second {
grid-template-columns: 1fr !important;
text-align: start !important;
}
.miralix-home .miralix-home-mid-banner__btn {
justify-self: start !important;
}
html[dir="rtl"] .miralix-home .miralix-home-mid-banner__btn {
justify-self: end !important;
}
} @media (min-width: 821px) {
.miralix-home .miralix-home-mid-banner__btn {
justify-self: end !important;
align-self: center !important;
}
} .miralix-home .miralix-page-product-card__footer > .added_to_cart.wc-forward {
display: none !important;
}
.miralix-home .miralix-page-product-card__cart.miralix-home-cart-view-added,
.miralix-home .miralix-page-product-card__cart.miralix-home-cart-view-added:hover,
.miralix-home .miralix-page-product-card__cart.miralix-home-cart-view-added:focus-visible {
background: #0d0d0d !important;
color: #ffffff !important;
border-color: rgba(212, 175, 55, .58) !important;
} .miralix-home .miralix-home-product-block__footer-actions {
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
.miralix-home .miralix-home-product-block__footer-btn,
.miralix-home .miralix-home-mid-banner__btn,
.miralix-home .miralix-page-product-card__cart {
text-align: center !important;
}
.miralix-home .miralix-home-product-block__footer-btn--category:hover,
.miralix-home .miralix-home-product-block__footer-btn--category:focus-visible,
.miralix-home .miralix-home-mid-banner__btn:hover,
.miralix-home .miralix-home-mid-banner__btn:focus-visible,
.miralix-home .miralix-page-product-card__cart:hover,
.miralix-home .miralix-page-product-card__cart:focus-visible {
color: #ffffff !important;
} .miralix-home-categories-ref .miralix-page-section-head,
.miralix-home-categories-ref .miralix-home-section-head {
gap: 3px !important;
margin-bottom: clamp(16px, 2vw, 22px) !important;
}
.miralix-home-categories-ref .miralix-page-section-head h2,
.miralix-home-categories-ref .miralix-home-section-head h2 {
margin: 2px 0 0 !important;
}
.miralix-home-categories-ref .miralix-page-section-head p,
.miralix-home-categories-ref .miralix-home-section-head p {
margin: 2px auto 0 !important;
} .miralix-home .miralix-page-eyebrow,
.miralix-home .miralix-home-eyebrow,
.miralix-home .miralix-home-product-block__kicker,
.miralix-home .miralix-home-mid-banner__eyebrow {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
padding: 5px 10px !important;
border-radius: 999px !important;
border: 1px solid rgba(212, 175, 55, .26) !important;
background: rgba(212, 175, 55, .075) !important;
color: #b88a1d !important;
line-height: 1.2 !important;
}
.miralix-home .miralix-home-mid-banner__eyebrow {
background: rgba(212, 175, 55, .12) !important;
color: #d4af37 !important;
border-color: rgba(212, 175, 55, .34) !important;
}
@media (max-width: 720px) {
.miralix-home-categories-ref {
padding-top: clamp(26px, 8vw, 42px) !important;
}
.miralix-home-categories-ref .miralix-page-section-head,
.miralix-home-categories-ref .miralix-home-section-head {
margin-bottom: 18px !important;
}
}  .miralix-home .miralix-home-categories-ref .miralix-home-section-head,
.miralix-home .miralix-home-categories-ref .miralix-page-section-head {
align-items: start !important;
text-align: start !important;
}
.miralix-home .miralix-home-categories-ref .miralix-home-section-head p,
.miralix-home .miralix-home-categories-ref .miralix-page-section-head p {
margin-inline: 0 !important;
text-align: start !important;
max-width: 640px !important;
} .miralix-home .miralix-home-mid-banner,
.miralix-home .miralix-home-mid-banner--second {
grid-template-columns: minmax(0, 1fr) auto !important;
background-image:
linear-gradient(135deg, rgba(6, 6, 4, .92), rgba(23, 18, 10, .93) 58%, rgba(45, 36, 15, .94)),
var(--miralix-mid-banner-bg-image, none),
radial-gradient(circle at 16% 20%, rgba(212, 175, 55, .24), transparent 32%) !important;
background-size: cover, cover, auto !important;
background-position: center, center, center !important;
background-repeat: no-repeat !important;
}
html[dir="rtl"] .miralix-home .miralix-home-mid-banner,
html[dir="rtl"] .miralix-home .miralix-home-mid-banner--second {
background-image:
linear-gradient(225deg, rgba(6, 6, 4, .92), rgba(23, 18, 10, .93) 58%, rgba(45, 36, 15, .94)),
var(--miralix-mid-banner-bg-image, none),
radial-gradient(circle at 84% 20%, rgba(212, 175, 55, .24), transparent 32%) !important;
background-size: cover, cover, auto !important;
background-position: center, center, center !important;
background-repeat: no-repeat !important;
}
.miralix-home .miralix-home-mid-banner__image {
display: none !important;
} .miralix-home .miralix-home-mid-banner::after,
.miralix-home .miralix-home-mid-banner--second::after {
content: "MIRALIX" !important;
inset: 50% auto auto 50% !important;
transform: translate(-50%, -50%) !important;
bottom: auto !important;
inset-inline-end: auto !important;
width: max-content !important;
text-align: center !important;
font-size: clamp(62px, 12vw, 150px) !important;
line-height: 1 !important;
opacity: 1 !important;
color: rgba(255, 255, 255, .045) !important;
letter-spacing: .08em !important;
} @media (min-width: 821px) {
.miralix-home .miralix-home-mid-banner__btn {
justify-self: end !important;
align-self: center !important;
}
}
@media (max-width: 820px) {
.miralix-home .miralix-home-mid-banner,
.miralix-home .miralix-home-mid-banner--second {
grid-template-columns: 1fr !important;
background-image:
linear-gradient(180deg, rgba(6, 6, 4, .94), rgba(23, 18, 10, .94)),
var(--miralix-mid-banner-bg-image, none) !important;
background-size: cover, cover !important;
background-position: center, center !important;
}
.miralix-home .miralix-home-mid-banner__btn {
justify-self: start !important;
}
html[dir="rtl"] .miralix-home .miralix-home-mid-banner__btn {
justify-self: end !important;
}
.miralix-home .miralix-home-mid-banner::after,
.miralix-home .miralix-home-mid-banner--second::after {
font-size: clamp(48px, 18vw, 92px) !important;
opacity: .85 !important;
}
} .miralix-home {
--mh-section-gap: clamp(40px, 5.8vw, 74px);
}
.miralix-home-section,
.miralix-home-mid-banner-section,
.miralix-home-cta,
.miralix-home-info-section {
padding-block: var(--mh-section-gap) !important;
}
.miralix-home-section-head,
.miralix-home-product-block__head,
.miralix-page-product-block__head {
gap: 8px !important;
margin-bottom: clamp(20px, 3vw, 30px) !important;
}
.miralix-home-section-head p,
.miralix-home-product-block__head p,
.miralix-page-product-block__head p {
max-width: 680px;
}
.miralix-home-hero {
min-height: clamp(520px, 70vh, 690px) !important;
}
.miralix-home-hero__inner {
padding-block: clamp(74px, 9vw, 116px) !important;
}
.miralix-home-category-tile__inner,
.miralix-home-product-card,
.miralix-home-info-card,
.miralix-home-product-block,
.miralix-page-product-block,
.miralix-home-mid-banner,
.miralix-home-cta__inner {
box-shadow: none !important;
}
.miralix-home-category-tile__inner,
.miralix-home-product-card,
.miralix-home-product-block,
.miralix-page-product-block {
border-color: rgba(13,13,13,.08) !important;
}
.miralix-home-product-track {
scrollbar-width: none;
-ms-overflow-style: none;
}
.miralix-home-product-track::-webkit-scrollbar,
.miralix-home-category-tiles::-webkit-scrollbar {
display: none !important;
}
.miralix-home-mid-banner {
overflow: hidden;
}
@media (max-width: 1180px) {
.miralix-home-container {
width: min(100% - 30px, 1040px) !important;
}
.miralix-home-hero__content {
width: min(600px, 86%) !important;
}
.miralix-home-category-tiles {
gap: 16px !important;
}
.miralix-home-product-card {
min-width: clamp(230px, 31vw, 286px) !important;
}
}
@media (max-width: 900px) {
.miralix-home {
--mh-section-gap: clamp(34px, 6vw, 56px);
}
.miralix-home-container {
width: min(100% - 26px, 760px) !important;
}
.miralix-home-hero {
min-height: clamp(500px, 72vh, 620px) !important;
}
.miralix-home-hero__content {
width: min(100%, 620px) !important;
}
.miralix-home-hero h1 {
font-size: clamp(31px, 7vw, 52px) !important;
line-height: 1.08 !important;
}
.miralix-home-hero p {
font-size: clamp(15px, 3vw, 19px) !important;
max-width: 540px !important;
}
.miralix-home-category-tiles {
display: grid !important;
grid-auto-flow: column !important;
grid-auto-columns: minmax(270px, 46%) !important;
grid-template-columns: none !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x proximity !important;
gap: 14px !important;
padding: 0 0 4px !important;
scrollbar-width: none !important;
}
.miralix-home-category-tile {
scroll-snap-align: start !important;
}
.miralix-home-product-block,
.miralix-page-product-block {
padding: clamp(17px, 3vw, 24px) !important;
border-radius: 24px !important;
}
.miralix-home-product-track {
gap: 14px !important;
padding-block: 4px 8px !important;
}
.miralix-home-product-card {
min-width: clamp(230px, 42vw, 280px) !important;
}
.miralix-home-mid-banner {
min-height: 230px !important;
grid-template-columns: minmax(0, 1fr) auto !important;
padding: clamp(24px, 5vw, 34px) !important;
}
}
@media (max-width: 640px) {
.miralix-home {
--mh-section-gap: 34px;
}
.miralix-home-container {
width: calc(100% - 22px) !important;
}
.miralix-home-hero {
min-height: clamp(530px, 82vh, 620px) !important;
}
.miralix-home-hero__inner {
align-items: flex-start !important;
padding-block: 58px 110px !important;
}
.miralix-home-hero__content {
width: 100% !important;
padding-inline: 2px !important;
}
.miralix-home-hero h1 {
font-size: clamp(29px, 10vw, 42px) !important;
max-width: 94% !important;
}
.miralix-home-hero p {
max-width: 96% !important;
margin-top: 12px !important;
}
.miralix-home-hero__actions {
gap: 9px !important;
margin-top: 22px !important;
}
.miralix-home-hero__actions .miralix-home-btn {
flex: 1 1 auto !important;
min-width: min(100%, 142px) !important;
padding-inline: 14px !important;
}
.miralix-home-hero__controls,
.miralix-home-hero__dots {
bottom: 26px !important;
}
.miralix-home-hero__arrow {
top: auto !important;
bottom: 18px !important;
transform: none !important;
width: 38px !important;
height: 38px !important;
}
.miralix-home-section-head,
.miralix-home-product-block__head,
.miralix-page-product-block__head {
margin-bottom: 18px !important;
gap: 7px !important;
}
.miralix-home-section-head h2,
.miralix-home-product-block__head h3,
.miralix-page-product-block__head h3 {
font-size: clamp(22px, 7vw, 30px) !important;
}
.miralix-home-categories-ref {
padding-top: 38px !important;
}
.miralix-home-category-tiles {
grid-auto-columns: minmax(260px, 87%) !important;
gap: 12px !important;
margin-inline: -2px !important;
padding-inline: 2px !important;
}
.miralix-home-category-tile__inner {
min-height: 178px !important;
grid-template-columns: minmax(0, 1fr) 40% !important;
}
.miralix-home-category-tile__content {
padding: 18px !important;
}
.miralix-home-product-block,
.miralix-page-product-block {
padding: 15px !important;
border-radius: 22px !important;
}
.miralix-home-product-track {
gap: 12px !important;
padding-inline: 1px !important;
}
.miralix-home-product-card {
min-width: min(78vw, 270px) !important;
border-radius: 20px !important;
}
.miralix-home-product-block__footer-actions {
margin-top: 18px !important;
gap: 10px !important;
justify-content: center !important;
}
.miralix-home-product-block__footer-btn {
flex: 1 1 130px !important;
max-width: 190px !important;
min-height: 42px !important;
padding-inline: 14px !important;
}
.miralix-home-mid-banner {
min-height: auto !important;
grid-template-columns: 1fr !important;
gap: 18px !important;
padding: 24px 18px !important;
border-radius: 24px !important;
}
.miralix-home-mid-banner h2 {
font-size: clamp(23px, 7.5vw, 32px) !important;
}
.miralix-home-mid-banner__btn {
justify-self: stretch !important;
width: 100% !important;
}
.miralix-home-info-section {
padding-bottom: 28px !important;
}
.miralix-home-info-grid {
gap: 0 !important;
}
}
@media (max-width: 390px) {
.miralix-home-container {
width: calc(100% - 18px) !important;
}
.miralix-home-hero h1 {
font-size: clamp(27px, 10.5vw, 37px) !important;
}
.miralix-home-product-card {
min-width: min(82vw, 258px) !important;
}
.miralix-home-category-tiles {
grid-auto-columns: minmax(244px, 88%) !important;
}
} .miralix-home-hero__bg-image--mobile {
display: none;
}
.miralix-home-hero__inner {
align-items: center !important;
}
.miralix-home-product-card,
.miralix-page-product-card {
box-shadow: none !important;
transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease !important;
will-change: transform;
}
@media (hover: hover) and (pointer: fine) {
.miralix-home-product-card:hover,
.miralix-page-product-card:hover {
transform: translateY(-5px) !important;
box-shadow: 0 12px 26px rgba(13, 13, 13, .075) !important;
border-color: rgba(212, 175, 55, .28) !important;
}
}
@media (max-width: 640px) {
.miralix-home-hero__slide.has-mobile-background .miralix-home-hero__bg-image--desktop {
display: none !important;
}
.miralix-home-hero__slide.has-mobile-background .miralix-home-hero__bg-image--mobile {
display: block !important;
}
.miralix-home-hero__inner {
align-items: center !important;
padding-block: 76px 118px !important;
}
.miralix-home-hero__content {
align-self: center !important;
}
}  .miralix-home-hero .miralix-page-hero__bg-image--mobile,
.miralix-home-hero .miralix-home-hero__bg-image--mobile {
display: none !important;
}
.miralix-home-hero .miralix-page-hero__bg-image--desktop,
.miralix-home-hero .miralix-home-hero__bg-image--desktop {
display: block !important;
}
@media (max-width: 1024px) {
.miralix-home-hero__slide.has-mobile-background .miralix-page-hero__bg-image--desktop,
.miralix-home-hero__slide.has-mobile-background .miralix-home-hero__bg-image--desktop {
display: none !important;
}
.miralix-home-hero__slide.has-mobile-background .miralix-page-hero__bg-image--mobile,
.miralix-home-hero__slide.has-mobile-background .miralix-home-hero__bg-image--mobile {
display: block !important;
}
.miralix-home-hero {
min-height: clamp(500px, 68vh, 620px) !important;
}
.miralix-home-hero__inner {
align-items: center !important;
padding-block: 70px 110px !important;
}
.miralix-home-hero__content {
width: min(100%, 680px) !important;
}
.miralix-home-category-tiles {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
.miralix-home-category-tiles::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
}
@media (min-width: 721px) and (max-width: 1024px) {
.miralix-home-container {
width: min(100% - 36px, 1180px) !important;
}
.miralix-home-category-tiles {
grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
gap: 16px !important;
overflow: visible !important;
padding-bottom: 0 !important;
}
.miralix-home-product-slider,
.miralix-home-product-track {
grid-auto-columns: minmax(230px, 35%) !important;
}
.miralix-home-mid-banner {
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 22px !important;
}
}
@media (max-width: 720px) {
.miralix-home-hero {
min-height: clamp(510px, 76vh, 620px) !important;
}
.miralix-home-hero__inner {
padding-block: 76px 124px !important;
}
.miralix-home-hero__content {
width: 100% !important;
}
} @media (max-width: 1024px) {
.miralix-home .miralix-home-product-block__footer-actions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
justify-content: center !important;
align-items: stretch !important;
gap: 10px !important;
width: min(100%, 460px) !important;
margin-inline: auto !important;
margin-top: 18px !important;
padding-inline: 0 !important;
}
.miralix-home .miralix-home-product-block__footer-btn {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
min-height: 40px !important;
padding: 10px 12px !important;
font-size: 13px !important;
line-height: 1.25 !important;
white-space: nowrap !important;
border-radius: 999px !important;
}
.miralix-home .miralix-home-product-block__footer-btn svg {
width: 13px !important;
height: 13px !important;
flex: 0 0 13px !important;
}
}
@media (max-width: 380px) {
.miralix-home .miralix-home-product-block__footer-actions {
gap: 8px !important;
}
.miralix-home .miralix-home-product-block__footer-btn {
font-size: 12px !important;
padding-inline: 9px !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-tiles,
.miralix-home .miralix-page-category-tiles {
align-items: stretch !important;
}
.miralix-home .miralix-home-category-tile,
.miralix-home .miralix-page-category-tile {
width: 100% !important;
min-height: clamp(196px, 18vw, 238px) !important;
border-radius: 18px !important;
overflow: hidden !important;
box-shadow: none !important;
border: 1px solid rgba(13, 13, 13, .08) !important;
background: transparent !important;
}
.miralix-home .miralix-home-category-tile__inner,
.miralix-home .miralix-page-category-tile__inner {
position: relative !important;
width: 100% !important;
min-height: inherit !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
padding: clamp(14px, 1.8vw, 22px) !important;
background-image:
linear-gradient(90deg, rgba(255,255,255,.10) 0%, rgba(255,250,240,.70) 47%, rgba(255,250,240,.96) 100%),
var(--miralix-category-bg, linear-gradient(135deg, #fff8ed, #f2ead7)) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
color: #111 !important;
isolation: isolate !important;
transition: border-color .22s ease, transform .22s ease, filter .22s ease !important;
}
html[dir="ltr"] .miralix-home .miralix-home-category-tile__inner,
html[dir="ltr"] .miralix-home .miralix-page-category-tile__inner {
justify-content: flex-start !important;
background-image:
linear-gradient(270deg, rgba(255,255,255,.10) 0%, rgba(255,250,240,.70) 47%, rgba(255,250,240,.96) 100%),
var(--miralix-category-bg, linear-gradient(135deg, #fff8ed, #f2ead7)) !important;
}
.miralix-home .miralix-home-category-tile__inner::before,
.miralix-home .miralix-page-category-tile__inner::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
z-index: -1 !important;
background:
radial-gradient(circle at 18% 20%, rgba(212,175,55,.14), transparent 30%),
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)) !important;
pointer-events: none !important;
}
.miralix-home .miralix-home-category-tile__inner::after,
.miralix-home .miralix-page-category-tile__inner::after,
.miralix-home .miralix-home-category-tile__media {
display: none !important;
}
.miralix-home .miralix-home-category-tile__content,
.miralix-home .miralix-page-category-tile__content {
width: min(50%, 260px) !important;
max-width: 260px !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 7px !important;
padding: 0 !important;
text-align: right !important;
position: relative !important;
z-index: 2 !important;
}
html[dir="ltr"] .miralix-home .miralix-home-category-tile__content,
html[dir="ltr"] .miralix-home .miralix-page-category-tile__content {
text-align: left !important;
align-items: flex-start !important;
}
.miralix-home .miralix-home-category-tile strong,
.miralix-home .miralix-page-category-tile strong {
display: block !important;
width: 100% !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-size: clamp(21px, 2vw, 28px) !important;
line-height: 1.15 !important;
font-weight: 900 !important;
color: #14100a !important;
letter-spacing: -.02em !important;
}
.miralix-home .miralix-home-category-tile span span,
.miralix-home .miralix-page-category-tile span span {
display: block !important;
max-width: 100% !important;
color: rgba(20,16,10,.88) !important;
font-size: clamp(13px, 1.2vw, 15px) !important;
line-height: 1.5 !important;
}
.miralix-home .miralix-home-category-tile em,
.miralix-home .miralix-page-category-tile em {
width: max-content !important;
margin-top: 5px !important;
padding: 9px 16px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #d8ad3a, #bd8f22) !important;
color: #111 !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 12px !important;
line-height: 1 !important;
}
@media (hover: hover) and (pointer: fine) {
.miralix-home .miralix-home-category-tile__inner:hover,
.miralix-home .miralix-page-category-tile__inner:hover {
transform: translateY(-2px) !important;
border-color: rgba(212,175,55,.42) !important;
filter: saturate(1.04) contrast(1.01) !important;
}
}
@media (min-width: 901px) {
.miralix-home .miralix-home-category-tiles,
.miralix-home .miralix-page-category-tiles {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
overflow: visible !important;
}
}
@media (max-width: 1024px) {
.miralix-home .miralix-home-category-tile,
.miralix-home .miralix-page-category-tile {
min-height: 208px !important;
}
.miralix-home .miralix-home-category-tile__content,
.miralix-home .miralix-page-category-tile__content {
width: min(54%, 250px) !important;
}
}
@media (max-width: 720px) {
.miralix-home .miralix-home-category-tiles,
.miralix-home .miralix-page-category-tiles {
grid-auto-columns: minmax(286px, 86%) !important;
gap: 12px !important;
padding-inline: 0 !important;
margin-inline: 0 !important;
}
.miralix-home .miralix-home-category-tile,
.miralix-home .miralix-page-category-tile {
min-height: 210px !important;
border-radius: 18px !important;
}
.miralix-home .miralix-home-category-tile__inner,
.miralix-home .miralix-page-category-tile__inner {
padding: 16px !important;
background-position: center !important;
}
.miralix-home .miralix-home-category-tile__content,
.miralix-home .miralix-page-category-tile__content {
width: min(58%, 220px) !important;
max-width: 220px !important;
gap: 6px !important;
}
.miralix-home .miralix-home-category-tile strong,
.miralix-home .miralix-page-category-tile strong {
font-size: clamp(20px, 6vw, 25px) !important;
}
.miralix-home .miralix-home-category-tile span span,
.miralix-home .miralix-page-category-tile span span {
font-size: 13px !important;
line-height: 1.45 !important;
}
.miralix-home .miralix-home-category-tile em,
.miralix-home .miralix-page-category-tile em {
padding: 8px 13px !important;
font-size: 11px !important;
}
}
@media (max-width: 390px) {
.miralix-home .miralix-home-category-tiles,
.miralix-home .miralix-page-category-tiles {
grid-auto-columns: minmax(266px, 88%) !important;
}
.miralix-home .miralix-home-category-tile,
.miralix-home .miralix-page-category-tile {
min-height: 198px !important;
}
.miralix-home .miralix-home-category-tile__content,
.miralix-home .miralix-page-category-tile__content {
width: min(61%, 205px) !important;
}
} .miralix-home .miralix-home-category-tile__inner,
.miralix-home .miralix-page-category-tile__inner {
justify-content: flex-end !important;
}
html[dir="ltr"] .miralix-home .miralix-home-category-tile__inner,
html[dir="ltr"] .miralix-home .miralix-page-category-tile__inner {
justify-content: flex-start !important;
}
.miralix-home .miralix-home-category-tile__content,
.miralix-home .miralix-page-category-tile__content {
align-items: flex-end !important;
text-align: right !important;
width: min(52%, 300px) !important;
max-width: 300px !important;
gap: 8px !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;
max-width: 100% !important;
text-wrap: balance !important;
font-size: clamp(20px, 1.65vw, 27px) !important;
line-height: 1.12 !important;
}
.miralix-home .miralix-home-category-tile span span,
.miralix-home .miralix-page-category-tile span span {
text-align: inherit !important;
max-width: 100% !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;
min-height: 38px !important;
padding: 10px 17px !important;
border-radius: 12px !important;
background: #d4a62f !important;
border: 1px solid rgba(164, 116, 18, .20) !important;
color: #15110a !important;
box-shadow: none !important;
transform: translateZ(0) !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;
}
}
@media (max-width: 1024px) {
.miralix-home .miralix-home-category-tile__content,
.miralix-home .miralix-page-category-tile__content {
width: min(56%, 270px) !important;
max-width: 270px !important;
}
}
@media (max-width: 720px) {
.miralix-home .miralix-home-category-tile__content,
.miralix-home .miralix-page-category-tile__content {
width: min(62%, 235px) !important;
max-width: 235px !important;
gap: 7px !important;
}
.miralix-home .miralix-home-category-tile strong,
.miralix-home .miralix-page-category-tile strong {
font-size: clamp(19px, 5.2vw, 24px) !important;
line-height: 1.14 !important;
}
.miralix-home .miralix-home-category-tile em,
.miralix-home .miralix-page-category-tile em {
min-height: 36px !important;
padding: 9px 14px !important;
border-radius: 11px !important;
}
}
@media (max-width: 390px) {
.miralix-home .miralix-home-category-tile__content,
.miralix-home .miralix-page-category-tile__content {
width: min(66%, 218px) !important;
max-width: 218px !important;
}
.miralix-home .miralix-home-category-tile strong,
.miralix-home .miralix-page-category-tile strong {
font-size: clamp(18px, 5.5vw, 22px) !important;
}
} .miralix-home .miralix-home-category-tile__inner,
.miralix-home .miralix-page-category-tile__inner {
justify-content: flex-start !important;
}
html[dir="rtl"] .miralix-home .miralix-home-category-tile__content,
html[dir="rtl"] .miralix-home .miralix-page-category-tile__content {
margin-inline-start: 0 !important;
margin-inline-end: auto !important;
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 {
margin-inline-start: 0 !important;
margin-inline-end: auto !important;
align-items: flex-start !important;
text-align: left !important;
}
.miralix-home .miralix-home-category-tile strong,
.miralix-home .miralix-page-category-tile strong {
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
}
.miralix-home-hero {
height: min(var(--mh-hero-height, 640px), 74vh) !important;
min-height: 520px !important;
}
.miralix-home-hero__track,
.miralix-home-hero__slide {
height: 100% !important;
min-height: 100% !important;
}
.miralix-home-hero__slide,
.miralix-home-hero__slide.is-active {
position: absolute !important;
inset: 0 !important;
}
.miralix-home-hero__slide.is-active {
opacity: 1 !important;
visibility: visible !important;
}
.miralix-home-hero .miralix-page-hero__subtitle {
font-size: clamp(16px, 1.45vw, 20px) !important;
line-height: 1.55 !important;
}
@media (max-width: 1024px) {
.miralix-home-hero {
height: 560px !important;
min-height: 560px !important;
}
}
@media (max-width: 720px) {
.miralix-home-hero {
height: 540px !important;
min-height: 540px !important;
}
.miralix-home-hero .miralix-page-hero__subtitle {
font-size: 15px !important;
line-height: 1.55 !important;
}
}
@media (max-width: 390px) {
.miralix-home-hero {
height: 520px !important;
min-height: 520px !important;
}
} .miralix-home .miralix-home-category-tile__inner,
.miralix-home .miralix-page-category-tile__inner {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: initial !important;
padding: clamp(18px, 2.5vw, 28px) !important;
}
html[dir="rtl"] .miralix-home .miralix-home-category-tile__content,
html[dir="rtl"] .miralix-home .miralix-page-category-tile__content {
position: absolute !important;
top: 50% !important;
right: clamp(16px, 2.8vw, 34px) !important;
left: auto !important;
transform: translateY(-50%) !important;
margin: 0 !important;
width: min(63%, 390px) !important;
max-width: 390px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
text-align: right !important;
direction: rtl !important;
gap: 8px !important;
}
html[dir="ltr"] .miralix-home .miralix-home-category-tile__content,
html[dir="ltr"] .miralix-home .miralix-page-category-tile__content {
position: absolute !important;
top: 50% !important;
left: clamp(16px, 2.8vw, 34px) !important;
right: auto !important;
transform: translateY(-50%) !important;
margin: 0 !important;
width: min(63%, 390px) !important;
max-width: 390px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
text-align: left !important;
direction: ltr !important;
gap: 8px !important;
}
.miralix-home .miralix-home-category-tile strong,
.miralix-home .miralix-page-category-tile strong {
display: block !important;
width: 100% !important;
max-width: 100% !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
font-size: clamp(19px, 1.85vw, 28px) !important;
line-height: 1.08 !important;
margin: 0 !important;
}
.miralix-home .miralix-home-category-tile span span,
.miralix-home .miralix-page-category-tile span span,
.miralix-home .miralix-home-category-tile em,
.miralix-home .miralix-page-category-tile em {
align-self: flex-start !important;
margin-inline: 0 !important;
text-align: inherit !important;
}
@media (max-width: 1024px) {
html[dir="rtl"] .miralix-home .miralix-home-category-tile__content,
html[dir="rtl"] .miralix-home .miralix-page-category-tile__content {
right: clamp(14px, 3vw, 24px) !important;
width: min(66%, 330px) !important;
}
html[dir="ltr"] .miralix-home .miralix-home-category-tile__content,
html[dir="ltr"] .miralix-home .miralix-page-category-tile__content {
left: clamp(14px, 3vw, 24px) !important;
width: min(66%, 330px) !important;
}
.miralix-home .miralix-home-category-tile strong,
.miralix-home .miralix-page-category-tile strong {
font-size: clamp(18px, 2.4vw, 24px) !important;
}
}
@media (max-width: 720px) {
html[dir="rtl"] .miralix-home .miralix-home-category-tile__content,
html[dir="rtl"] .miralix-home .miralix-page-category-tile__content {
right: 18px !important;
width: min(70%, 300px) !important;
}
html[dir="ltr"] .miralix-home .miralix-home-category-tile__content,
html[dir="ltr"] .miralix-home .miralix-page-category-tile__content {
left: 18px !important;
width: min(70%, 300px) !important;
}
.miralix-home .miralix-home-category-tile strong,
.miralix-home .miralix-page-category-tile strong {
font-size: clamp(17px, 5vw, 23px) !important;
}
}
@media (max-width: 390px) {
html[dir="rtl"] .miralix-home .miralix-home-category-tile__content,
html[dir="rtl"] .miralix-home .miralix-page-category-tile__content {
right: 15px !important;
width: min(72%, 270px) !important;
}
html[dir="ltr"] .miralix-home .miralix-home-category-tile__content,
html[dir="ltr"] .miralix-home .miralix-page-category-tile__content {
left: 15px !important;
width: min(72%, 270px) !important;
}
} .miralix-home-hero__inner {
display: flex !important;
align-items: center !important;
min-height: 100% !important;
padding-block: clamp(58px, 7vw, 86px) !important;
}
.miralix-home-hero__content {
align-self: center !important;
margin-block: auto !important;
}
@media (max-width: 1024px) {
.miralix-home-hero__inner {
align-items: center !important;
padding-block: 68px 96px !important;
}
}
@media (max-width: 640px) {
.miralix-home-hero__inner {
align-items: center !important;
padding-block: 64px 104px !important;
}
} .miralix-home .miralix-home-mid-banner,
.miralix-home .miralix-home-mid-banner--second {
background-image:
linear-gradient(135deg, rgba(6, 6, 4, .62), rgba(23, 18, 10, .68) 58%, rgba(45, 36, 15, .74)),
var(--miralix-mid-banner-bg-image, none),
radial-gradient(circle at 16% 20%, rgba(212, 175, 55, .26), transparent 34%) !important;
background-size: cover, cover, auto !important;
background-position: center, center, center !important;
background-repeat: no-repeat !important;
}
html[dir="rtl"] .miralix-home .miralix-home-mid-banner,
html[dir="rtl"] .miralix-home .miralix-home-mid-banner--second {
background-image:
linear-gradient(225deg, rgba(6, 6, 4, .62), rgba(23, 18, 10, .68) 58%, rgba(45, 36, 15, .74)),
var(--miralix-mid-banner-bg-image, none),
radial-gradient(circle at 84% 20%, rgba(212, 175, 55, .26), transparent 34%) !important;
background-size: cover, cover, auto !important;
background-position: center, center, center !important;
background-repeat: no-repeat !important;
}
@media (max-width: 820px) {
.miralix-home .miralix-home-mid-banner,
.miralix-home .miralix-home-mid-banner--second {
background-image:
linear-gradient(180deg, rgba(6, 6, 4, .68), rgba(23, 18, 10, .74)),
var(--miralix-mid-banner-bg-image, none) !important;
background-size: cover, cover !important;
background-position: center, center !important;
}
} .miralix-home .miralix-home-mid-banner::after,
.miralix-home .miralix-home-mid-banner--second::after {
content: "" !important;
display: none !important;
} .miralix-home .miralix-home-mid-banner,
.miralix-home .miralix-home-mid-banner--second {
background:
linear-gradient(135deg, rgba(6, 6, 4, .42), rgba(18, 14, 8, .50) 56%, rgba(42, 31, 12, .58)),
var(--miralix-mid-banner-bg-image, none),
radial-gradient(circle at 16% 20%, rgba(212, 175, 55, .18), transparent 34%) !important;
background-image:
linear-gradient(135deg, rgba(6, 6, 4, .42), rgba(18, 14, 8, .50) 56%, rgba(42, 31, 12, .58)),
var(--miralix-mid-banner-bg-image, none),
radial-gradient(circle at 16% 20%, rgba(212, 175, 55, .18), transparent 34%) !important;
background-size: cover, cover, auto !important;
background-position: center, center, center !important;
background-repeat: no-repeat !important;
}
html[dir="rtl"] .miralix-home .miralix-home-mid-banner,
html[dir="rtl"] .miralix-home .miralix-home-mid-banner--second {
background:
linear-gradient(225deg, rgba(6, 6, 4, .42), rgba(18, 14, 8, .50) 56%, rgba(42, 31, 12, .58)),
var(--miralix-mid-banner-bg-image, none),
radial-gradient(circle at 84% 20%, rgba(212, 175, 55, .18), transparent 34%) !important;
background-image:
linear-gradient(225deg, rgba(6, 6, 4, .42), rgba(18, 14, 8, .50) 56%, rgba(42, 31, 12, .58)),
var(--miralix-mid-banner-bg-image, none),
radial-gradient(circle at 84% 20%, rgba(212, 175, 55, .18), transparent 34%) !important;
background-size: cover, cover, auto !important;
background-position: center, center, center !important;
background-repeat: no-repeat !important;
}
@media (max-width: 820px) {
.miralix-home .miralix-home-mid-banner,
.miralix-home .miralix-home-mid-banner--second {
background:
linear-gradient(180deg, rgba(6, 6, 4, .48), rgba(18, 14, 8, .58)),
var(--miralix-mid-banner-bg-image, none) !important;
background-image:
linear-gradient(180deg, rgba(6, 6, 4, .48), rgba(18, 14, 8, .58)),
var(--miralix-mid-banner-bg-image, none) !important;
background-size: cover, cover !important;
background-position: center, center !important;
background-repeat: no-repeat !important;
}
} @media (max-width: 1024px) {
.miralix-home-product-slider,
.miralix-home-product-track,
[data-product-track] {
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scroll-behavior: smooth !important;
touch-action: pan-y !important;
overscroll-behavior-x: contain !important;
cursor: grab;
}
[data-product-track].is-dragging {
cursor: grabbing;
scroll-behavior: auto !important;
}
} @media (max-width: 1024px) {
.miralix-home-product-slider,
.miralix-home-product-track,
[data-product-track] {
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scroll-behavior: auto !important;
scroll-snap-type: none !important;
touch-action: pan-x pan-y !important;
cursor: auto !important;
user-select: auto !important;
-webkit-user-select: auto !important;
}
.miralix-home-product-card {
scroll-snap-align: none !important;
}
[data-product-track].is-dragging,
.miralix-home-product-slider.is-dragging {
cursor: auto !important;
scroll-behavior: auto !important;
}
.miralix-home-product-slider.is-dragging a {
pointer-events: auto !important;
}
}  .miralix-home .miralix-page-product-slider,
.miralix-home .miralix-home-product-slider,
.miralix-home .miralix-home-product-track {
align-items: stretch !important;
} .miralix-home .miralix-page-product-slider .miralix-page-product-card,
.miralix-home .miralix-home-product-slider .miralix-home-product-card,
.miralix-home .miralix-home-product-track .miralix-home-product-card {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
max-width: 100% !important;
height: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.miralix-home .miralix-page-product-slider .miralix-page-product-card__body,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__body,
.miralix-home .miralix-home-product-track .miralix-home-product-card__body {
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
gap: 8px !important;
box-sizing: border-box !important;
} .miralix-home .miralix-page-product-slider .miralix-page-product-card h4,
.miralix-home .miralix-home-product-slider .miralix-home-product-card h4,
.miralix-home .miralix-home-product-track .miralix-home-product-card h4 {
flex: 0 0 auto !important;
min-height: 2.6em !important;
max-height: 2.6em !important;
margin: 0 !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
line-height: 1.3 !important;
} .miralix-home .miralix-page-product-slider .miralix-page-product-card__excerpt,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__excerpt,
.miralix-home .miralix-home-product-track .miralix-home-product-card__excerpt,
.miralix-home .miralix-page-product-slider .miralix-page-product-card__body .woocommerce-product-details__short-description,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__body .woocommerce-product-details__short-description,
.miralix-home .miralix-home-product-track .miralix-home-product-card__body .woocommerce-product-details__short-description,
.miralix-home .miralix-page-product-slider .miralix-page-product-card__body > p:not(.miralix-page-product-card__price),
.miralix-home .miralix-home-product-slider .miralix-home-product-card__body > p:not(.miralix-home-product-card__price),
.miralix-home .miralix-home-product-track .miralix-home-product-card__body > p:not(.miralix-home-product-card__price) {
flex: 0 0 17px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 17px !important;
min-height: 17px !important;
max-height: 17px !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
color: var(--mh-muted) !important;
font-size: 11px !important;
line-height: 17px !important;
direction: rtl !important;
unicode-bidi: plaintext !important;
text-align: inherit !important;
box-sizing: border-box !important;
}
html[dir="ltr"] .miralix-home .miralix-page-product-slider .miralix-page-product-card__excerpt,
html[dir="ltr"] .miralix-home .miralix-home-product-slider .miralix-home-product-card__excerpt,
html[dir="ltr"] .miralix-home .miralix-home-product-track .miralix-home-product-card__excerpt {
direction: ltr !important;
} .miralix-home .miralix-page-product-slider .miralix-page-product-card__excerpt *,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__excerpt *,
.miralix-home .miralix-home-product-track .miralix-home-product-card__excerpt *,
.miralix-home .miralix-page-product-slider .woocommerce-product-details__short-description *,
.miralix-home .miralix-home-product-slider .woocommerce-product-details__short-description *,
.miralix-home .miralix-home-product-track .woocommerce-product-details__short-description * {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
} .miralix-home .miralix-page-product-slider .miralix-page-product-card__price,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__price,
.miralix-home .miralix-home-product-track .miralix-home-product-card__price {
flex: 0 0 20px !important;
width: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
margin: 0 !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
line-height: 20px !important;
} .miralix-home .miralix-page-product-slider .miralix-page-product-card__footer,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__footer,
.miralix-home .miralix-home-product-track .miralix-home-product-card__footer {
flex: 0 0 auto !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-top: auto !important;
overflow: hidden !important;
}
.miralix-home .miralix-page-product-slider .miralix-page-product-card__view,
.miralix-home .miralix-page-product-slider .miralix-page-product-card__cart,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__view,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__cart,
.miralix-home .miralix-home-product-track .miralix-home-product-card__view,
.miralix-home .miralix-home-product-track .miralix-home-product-card__cart {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
padding: 0 10px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
line-height: 1 !important;
font-size: 12px !important;
font-weight: 900 !important;
text-indent: 0 !important;
opacity: 1 !important;
visibility: visible !important;
box-sizing: border-box !important;
}
.miralix-home .miralix-page-product-slider .miralix-page-product-card__view,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__view,
.miralix-home .miralix-home-product-track .miralix-home-product-card__view {
color: #11100b !important;
}
.miralix-home .miralix-page-product-slider .miralix-page-product-card__cart,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__cart,
.miralix-home .miralix-home-product-track .miralix-home-product-card__cart {
color: #11100b !important;
}
@media (max-width: 1024px) {
.miralix-home .miralix-page-product-slider .miralix-page-product-card__body,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__body,
.miralix-home .miralix-home-product-track .miralix-home-product-card__body {
padding: 12px !important;
gap: 7px !important;
}
}
@media (max-width: 760px) {
.miralix-home .miralix-page-product-slider .miralix-page-product-card h4,
.miralix-home .miralix-home-product-slider .miralix-home-product-card h4,
.miralix-home .miralix-home-product-track .miralix-home-product-card h4 {
font-size: 13px !important;
}
.miralix-home .miralix-page-product-slider .miralix-page-product-card__view,
.miralix-home .miralix-page-product-slider .miralix-page-product-card__cart,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__view,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__cart,
.miralix-home .miralix-home-product-track .miralix-home-product-card__view,
.miralix-home .miralix-home-product-track .miralix-home-product-card__cart {
height: 35px !important;
min-height: 35px !important;
max-height: 35px !important;
font-size: 11.5px !important;
}
}  .miralix-home .miralix-page-product-slider .miralix-page-product-card__cart:hover,
.miralix-home .miralix-page-product-slider .miralix-page-product-card__cart:focus-visible,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__cart:hover,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__cart:focus-visible,
.miralix-home .miralix-home-product-track .miralix-home-product-card__cart:hover,
.miralix-home .miralix-home-product-track .miralix-home-product-card__cart:focus-visible {
background: #111111 !important;
color: #ffffff !important;
border-color: rgba(212, 175, 55, .58) !important;
}
.miralix-home .miralix-page-product-slider .miralix-page-product-card__cart:hover *,
.miralix-home .miralix-page-product-slider .miralix-page-product-card__cart:focus-visible *,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__cart:hover *,
.miralix-home .miralix-home-product-slider .miralix-home-product-card__cart:focus-visible *,
.miralix-home .miralix-home-product-track .miralix-home-product-card__cart:hover *,
.miralix-home .miralix-home-product-track .miralix-home-product-card__cart:focus-visible * {
color: #ffffff !important;
}