:root {
--rz-obsidian:              #050505;
--rz-vantablack:            #000000;
--rz-platinum:              #E2E2E2;
--rz-silver:                #A3A3A3;
--rz-steel:                 #6B6B6B;
--rz-warm-linen:            #FBF8F6;
--rz-warm-greige:           #D3C9C2;
--rz-near-black:            #111111;
--rz-desert-gold:           #C1A16C;
--rz-desert-gold-light:     #E4C28A;
--rz-desert-gold-dark:      #9E7E50;
--rz-bg:                    var(--rz-warm-linen);
--rz-text:                  var(--rz-near-black);
--rz-text-secondary:        var(--rz-steel);
--rz-text-muted:            var(--rz-silver);
--rz-border-color:          var(--rz-warm-greige);
--rz-surface:               #FFFFFF;
--rz-surface-hover:         #F5F1EE;
--rz-dark-bg:               var(--rz-obsidian);
--rz-dark-text:             var(--rz-platinum);
--rz-dark-text-secondary:   var(--rz-silver);
--rz-dark-border-color:     rgba(226, 226, 226, 0.15);
--rz-dark-surface:          rgba(255, 255, 255, 0.04);
--rz-accent:                var(--rz-desert-gold);
--rz-accent-light:          var(--rz-desert-gold-light);
--rz-accent-dark:           var(--rz-desert-gold-dark);
--rz-radius:                0px;
--rz-border:                1px solid var(--rz-border-color);
--rz-border-dark:           1px solid var(--rz-dark-border-color);
--rz-border-accent:         1px solid var(--rz-accent);
--rz-font-display:          inherit;
--rz-font-tech:             inherit;
--rz-font-body:             inherit;
--rz-text-xs:               0.75rem;
--rz-text-sm:               0.875rem;
--rz-text-base:             1rem;
--rz-text-md:               1.125rem;
--rz-text-lg:               1.25rem;
--rz-text-xl:               1.5rem;
--rz-text-2xl:              1.75rem;
--rz-text-3xl:              2rem;
--rz-text-4xl:              2.5rem;
--rz-text-5xl:              3rem;
--rz-weight-regular:        400;
--rz-weight-medium:         500;
--rz-weight-semibold:       600;
--rz-weight-bold:           700;
--rz-leading-tight:         1.2;
--rz-leading-snug:          1.35;
--rz-leading-base:          1.55;
--rz-leading-relaxed:       1.75;
--rz-space-1:               4px;
--rz-space-2:               8px;
--rz-space-3:               12px;
--rz-space-4:               16px;
--rz-space-5:               20px;
--rz-space-6:               24px;
--rz-space-8:               32px;
--rz-space-10:              40px;
--rz-space-12:              48px;
--rz-space-16:              64px;
--rz-space-20:              80px;
--rz-space-24:              96px;
--rz-section-gap:           clamp(3rem, 6vw, 5.5rem);
--rz-section-gap-lg:        clamp(3.5rem, 7vw, 6rem);
--rz-shadow-sm:             0 1px 2px rgba(0, 0, 0, 0.03);
--rz-shadow-md:             0 2px 6px rgba(0, 0, 0, 0.04);
--rz-shadow-lg:             0 4px 12px rgba(0, 0, 0, 0.05);
--rz-shadow-gold:           0 1px 4px rgba(193, 161, 108, 0.10);
--rz-ease:                  cubic-bezier(0.4, 0, 0.2, 1);
--rz-ease-out:              cubic-bezier(0, 0, 0.2, 1);
--rz-ease-in:               cubic-bezier(0.4, 0, 1, 1);
--rz-duration-fast:         150ms;
--rz-duration-base:         180ms;
--rz-duration-slow:         240ms;
--rz-transition-fast:       var(--rz-duration-fast) var(--rz-ease-out);
--rz-transition-base:       var(--rz-duration-base) var(--rz-ease);
--rz-transition-slow:       var(--rz-duration-slow) var(--rz-ease);
}
html {
background-color: var(--rz-bg) !important;
overflow-x: clip;
}
body {
min-height: 100%;
background-color: var(--rz-bg) !important;
color: var(--rz-text) !important;
font-family: var(--rz-font-body) !important;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
overflow-x: visible !important;
}
*, *::before, *::after {
box-sizing: border-box;
}
.rz-border-start { border-inline-start: var(--rz-border) !important; }
.rz-border-end   { border-inline-end:   var(--rz-border) !important; }
.rz-pad-start    { padding-inline-start: var(--rz-space-8) !important; }
.rz-pad-end      { padding-inline-end:   var(--rz-space-8) !important; }
html {
scroll-padding-top: var(--rz-header-offset, 0px);
}
.store-header {
--rz-header-shell-padding-block: 0.42rem;
--rz-header-shell-gap: 0.85rem;
--rz-header-shell-min-height: 68px;
--rz-header-link-padding-block: 0.42rem;
--rz-header-link-padding-inline: 0.65rem;
--rz-header-link-font-size: 0.8rem;
--rz-header-icon-size: 36px;
--rz-header-brand-size: 36px;
--rz-header-nav-gap: 0.14rem;
--rz-header-shell-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
--rz-header-sheen-height: 8px;
position: sticky !important;
top: 0 !important;
inset-inline-start: 0;
width: 100%;
z-index: 900;
isolation: isolate;
background: #FFFFFF !important;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border-block-end: 1px solid rgba(17, 17, 17, 0.04);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
transition:
background 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.18s ease;
}
.store-header::before,
.store-header::after {
display: none;
}
.rz-hero-page .store-header:not(.rz-scrolled) {
position: sticky !important;
top: 0 !important;
background: transparent !important;
border-block-end-color: transparent !important;
box-shadow: none !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav.main-nav-container,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav.main-nav-container.shadow-default,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav.bg-white,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav.fixed-header,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav .inner,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav .bg-white,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav .bg-inherit,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav .flex.items-stretch.justify-between.relative {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) .navbar-brand img {
filter: none !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) .rz-brand-sub {
color: #B8922E;
}
.rz-hero-page .store-header:not(.rz-scrolled)::after {
content: '' !important;
display: block !important;
position: absolute;
inset-inline: 0;
top: 0;
height: 220%;
background: linear-gradient(
to bottom,
rgba(8, 8, 12, 0.62) 0%,
rgba(8, 8, 12, 0.34) 55%,
transparent 100%
) !important;
z-index: -1;
pointer-events: none;
}
.rz-hero-page .store-header:not(.rz-scrolled) .rs-item,
.rz-hero-page .store-header:not(.rz-scrolled) custom-main-menu a,
.rz-hero-page .store-header:not(.rz-scrolled) .header-btn,
.rz-hero-page .store-header:not(.rz-scrolled) .header-btn i,
.rz-hero-page .store-header:not(.rz-scrolled) .header-btn__icon,
.rz-hero-page .store-header:not(.rz-scrolled) salla-search-button,
.rz-hero-page .store-header:not(.rz-scrolled) salla-wish-list,
.rz-hero-page .store-header:not(.rz-scrolled) salla-cart-summary,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-trigger,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-trigger svg,
.rz-hero-page .store-header:not(.rz-scrolled) .rz-injected-search,
.rz-hero-page .store-header:not(.rz-scrolled) .rz-lang-btn,
.rz-hero-page .store-header:not(.rz-scrolled) .mburger,
.rz-hero-page .store-header:not(.rz-scrolled) .mburger b,
.rz-hero-page .store-header:not(.rz-scrolled) .sicon-menu {
color: #FFFFFF !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-trigger svg,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-trigger svg path,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-trigger svg circle {
stroke: #FFFFFF !important;
color: #FFFFFF !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) .mburger b,
.rz-hero-page .store-header:not(.rz-scrolled) .mburger span,
.rz-hero-page .store-header:not(.rz-scrolled) .mburger i {
background-color: #FFFFFF !important;
color: #FFFFFF !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav .s-cart-summary-total,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav .s-cart-summary-content,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav salla-cart-summary .sicon-sar {
color: #FFFFFF !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) svg:not(.rz-heart-back):not(.rz-heart-front):not(.rz-user-icon) {
stroke: currentColor !important;
fill: none !important;
}
.store-header svg.rz-user-icon,
.store-header svg.rz-user-icon path,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-login-btn svg.rz-user-icon,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-login-btn svg.rz-user-icon path,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-trigger-slot svg.rz-user-icon,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-trigger-slot svg.rz-user-icon path,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-trigger svg.rz-user-icon,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-trigger svg.rz-user-icon path {
fill: currentColor !important;
stroke: none !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) .s-cart-summary-count {
background: var(--rz-accent) !important;
color: var(--rz-obsidian) !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) *:not(img):not(svg):not(path):not(circle):not(line):not(span):not(salla-cart-summary):not(.s-cart-summary-count):not(.sub-menu):not(.sub-menu *):not(.s-user-menu-dropdown):not(.s-user-menu-dropdown *):not(.rz-search-dropdown):not(.rz-search-dropdown *) {
background-color: transparent !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) custom-main-menu,
.rz-hero-page .store-header:not(.rz-scrolled) custom-main-menu > nav,
.rz-hero-page .store-header:not(.rz-scrolled) custom-main-menu > nav > ul,
.rz-hero-page .store-header:not(.rz-scrolled) custom-main-menu > nav > ul > li,
.rz-hero-page .store-header:not(.rz-scrolled) custom-main-menu > nav > ul > li > a,
.rz-hero-page .store-header:not(.rz-scrolled) .mm-spn {
background-color: transparent !important;
background: transparent !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) .sub-menu,
.rz-hero-page .store-header:not(.rz-scrolled) .sub-menu ul,
.rz-hero-page .store-header:not(.rz-scrolled) .sub-menu li,
.rz-hero-page .store-header:not(.rz-scrolled) .sub-menu a {
background-color: #ffffff !important;
}
.store-header .s-user-menu-dropdown,
.rz-hero-page .store-header:not(.rz-scrolled) .s-user-menu-dropdown {
background: #FFFFFF !important;
background-color: #FFFFFF !important;
border: 1px solid rgba(17, 17, 17, 0.08) !important;
box-shadow: 0 10px 32px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
border-radius: 2px !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.store-header .s-user-menu-dropdown-header {
background: #FAF8F6 !important;
border-block-end: 1px solid rgba(17, 17, 17, 0.06) !important;
}
.store-header .s-user-menu-dropdown,
.store-header .s-user-menu-dropdown a,
.store-header .s-user-menu-dropdown span,
.store-header .s-user-menu-dropdown p,
.store-header .s-user-menu-dropdown li,
.store-header .s-user-menu-dropdown-item {
color: #111111 !important;
}
.store-header .s-user-menu-dropdown-item:hover,
.store-header .s-user-menu-dropdown a:hover {
background: rgba(17, 17, 17, 0.04) !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) {
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) .header-btn > svg,
.rz-hero-page .store-header:not(.rz-scrolled) .realeza-search-btn > svg,
.rz-hero-page .store-header:not(.rz-scrolled) .rz-injected-search > svg,
.rz-hero-page .store-header:not(.rz-scrolled) .rz-lang-btn > svg,
.rz-hero-page .store-header:not(.rz-scrolled) .header-btn__icon > svg,
.rz-hero-page .store-header:not(.rz-scrolled) salla-cart-summary .s-cart-summary-wrapper svg,
.rz-hero-page .store-header:not(.rz-scrolled) salla-user-menu .s-user-menu-trigger svg,
.rz-hero-page .store-header:not(.rz-scrolled) .s-user-menu-login-btn svg,
.rz-hero-page .store-header:not(.rz-scrolled) .s-user-menu-trigger-slot svg {
filter: drop-shadow(0 1px 2.5px rgba(0, 0, 0, 0.6)) !important;
}
.store-header .s-user-menu-dropdown svg,
.store-header .s-user-menu-dropdown i,
.store-header .s-user-menu-dropdown img,
.store-header .s-user-menu-dropdown-item svg,
.store-header .s-user-menu-dropdown-item i,
.rz-hero-page .store-header:not(.rz-scrolled) .s-user-menu-dropdown svg,
.rz-hero-page .store-header:not(.rz-scrolled) .s-user-menu-dropdown i {
filter: none !important;
color: #111111 !important;
stroke: #111111 !important;
}
.store-header .s-user-menu-dropdown svg[fill]:not([fill="none"]),
.store-header .s-user-menu-dropdown svg path[fill]:not([fill="none"]) {
fill: #111111 !important;
}
.store-header .s-user-menu-dropdown,
.store-header .s-user-menu-dropdown *:not(svg):not(path):not(circle):not(line):not(img),
.rz-hero-page .store-header:not(.rz-scrolled) .s-user-menu-dropdown,
.rz-hero-page .store-header:not(.rz-scrolled) .s-user-menu-dropdown *:not(svg):not(path):not(circle):not(line):not(img) {
color: #111111 !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) .mburger {
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6)) !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) .s-cart-summary-total,
.rz-hero-page .store-header:not(.rz-scrolled) .s-cart-summary-content,
.rz-hero-page .store-header:not(.rz-scrolled) salla-cart-summary .sicon-sar {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
font-weight: 600 !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) .rs-item,
.rz-hero-page .store-header:not(.rz-scrolled) custom-main-menu li.root-level > a {
text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.28);
}
.rz-hero-page .store-header:not(.rz-scrolled) .s-user-menu-trigger,
.rz-hero-page .store-header:not(.rz-scrolled) [class*="user-menu"] a,
.rz-hero-page .store-header:not(.rz-scrolled) [class*="user-menu"] button {
color: #FFFFFF !important;
}
.store-header .s-user-menu-trigger-avatar {
width: 26px !important;
height: 26px !important;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
}
.rz-hero-page .store-header:not(.rz-scrolled) .rz-search-dropdown {
background: #FFFFFF !important;
}
.store-header.rz-scrolled {
--rz-header-shell-min-height: 68px !important;
--rz-header-shell-padding-block: 0.15rem;
--rz-header-icon-size: 28px;
--rz-header-brand-size: 24px;
top: 0 !important;
background: #FFFFFF !important;
border-block-end-color: rgba(17, 17, 17, 0.05);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
.store-header.rz-scrolled .rz-brand-sub {
display: none;
}
.store-header.rz-scrolled #mainnav .flex.items-stretch.justify-between.relative > div {
margin-block: 0 !important;
align-self: center !important;
}
.store-header #mainnav.fixed-pinned .inner,
.store-header #mainnav.fixed-header .inner,
.store-header #mainnav.animated .inner {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
border: none !important;
}
.store-header .top-navbar {
display: none !important;
}
#mainnav {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--rz-header-shell-gap);
min-height: var(--rz-header-shell-min-height);
padding-block: var(--rz-header-shell-padding-block);
padding-inline: clamp(0.85rem, 1.8vw, 1.65rem);
background: #FFFFFF !important;
border: none !important;
box-shadow: none !important;
}
.store-header #mainnav.main-nav-container,
.store-header #mainnav.main-nav-container.shadow-default,
.store-header #mainnav.main-nav-container.bg-white,
.store-header #mainnav.fixed-header,
.store-header #mainnav.animated {
background: #FFFFFF !important;
border: none !important;
box-shadow: none !important;
min-height: var(--rz-header-shell-min-height) !important;
display: flex !important;
align-items: center !important;
}
.store-header.rz-scrolled #mainnav .flex.items-stretch.justify-between.relative,
.store-header #mainnav.fixed-header .flex.items-stretch.justify-between.relative,
.store-header #mainnav.animated .flex.items-stretch.justify-between.relative {
align-items: center !important;
}
.store-header.rz-scrolled #mainnav .flex.items-center,
.store-header #mainnav.fixed-header .flex.items-center,
.store-header #mainnav.animated .flex.items-center {
align-items: center !important;
}
.store-header #mainnav .inner,
.store-header #mainnav .container,
.store-header #mainnav .flex.items-stretch.justify-between.relative,
.store-header #mainnav .flex.items-center,
.store-header #mainnav .bg-white,
.store-header #mainnav .bg-inherit,
.store-header #mainnav .s-cart-summary-wrapper,
.store-header #mainnav .btn--rounded-gray.basis-0 {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.store-header .container.flex.justify-between,
.store-header .header-search,
.store-header .header-buttons,
.store-header .main-nav-container,
.store-header .inner.bg-inherit.w-full {
background: transparent !important;
}
.store-header #mainnav .container,
.store-header #mainnav .container-fluid,
.store-header #mainnav .row {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--rz-header-shell-gap);
width: 100%;
min-width: 0;
}
.store-header #mainnav .inner {
display: flex;
align-items: center;
width: 100%;
min-height: inherit;
}
.store-header #mainnav .flex.items-stretch.justify-between.relative {
display: flex !important;
align-items: center !important;
width: 100%;
gap: var(--rz-header-shell-gap);
}
.store-header #mainnav .flex.items-center {
display: flex !important;
align-items: center !important;
min-width: 0;
}
.store-header #mainnav nav > ul,
.store-header #mainnav .rs-items {
align-self: center !important;
}
.store-header #mainnav a[class=""],
.store-header #mainnav a:not([class]),
.store-header #mainnav a.text-gray-500 {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--rz-header-link-padding-block) calc(var(--rz-header-link-padding-inline) + 0.02rem);
border: none;
border-radius: 0;
color: #111111 !important;
background: transparent;
transition: color 0.18s ease;
}
.store-header #mainnav a[class=""]:hover,
.store-header #mainnav a:not([class]):hover,
.store-header #mainnav a.text-gray-500:hover,
.store-header #mainnav a[class=""]:focus-visible,
.store-header #mainnav a:not([class]):focus-visible,
.store-header #mainnav a.text-gray-500:focus-visible {
color: #6B6B6B !important;
}
.store-header #mainnav a[class=""] svg,
.store-header #mainnav a:not([class]) svg,
.store-header #mainnav a.text-gray-500 svg,
.store-header #mainnav .btn--rounded-gray.basis-0 svg {
color: currentColor !important;
stroke: currentColor !important;
fill: currentColor !important;
stroke-width: 1.8px;
}
.store-header #mainnav .s-cart-summary-wrapper svg,
.store-header #mainnav .s-cart-summary-wrapper svg path,
.store-header salla-cart-summary svg,
.store-header salla-cart-summary svg path {
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8px;
}
.store-header .header-buttons :is(.btn--rounded-gray.basis-0, a, button) svg {
stroke-width: 1.8px;
}
.store-header #mainnav .btn--rounded-gray.basis-0 :is(i, [class^="sicon-"], [class*=" sicon-"], [class*="icon"]),
.store-header .header-buttons :is(.btn--rounded-gray.basis-0, a, button) :is(i, [class^="sicon-"], [class*=" sicon-"], [class*="icon"]) {
display: block !important;
line-height: 1 !important;
font-size: 1.5rem !important;
flex-shrink: 0;
}
.store-header #mainnav .btn--rounded-gray.basis-0 {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
padding: 0.4rem !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #111111 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
transition: opacity 0.18s ease;
}
.store-header #mainnav .btn--rounded-gray.basis-0:hover,
.store-header #mainnav .btn--rounded-gray.basis-0:focus-visible {
color: #111111 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
opacity: 0.7;
}
.store-header .header-buttons .btn--rounded-gray.basis-0,
.store-header .header-buttons a,
.store-header .header-buttons button {
align-items: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: transparent !important;
border: none !important;
box-shadow: none !important;
color: #111111 !important;
}
.store-header .header-buttons .btn--rounded-gray.basis-0:hover,
.store-header .header-buttons a:hover,
.store-header .header-buttons button:hover,
.store-header .header-buttons .btn--rounded-gray.basis-0:focus-visible,
.store-header .header-buttons a:focus-visible,
.store-header .header-buttons button:focus-visible {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.store-header #mainnav .s-cart-summary-wrapper {
display: inline-flex;
align-items: center;
justify-content: center;
color: #111111 !important;
}
.store-header .s-search-input-wrapper {
background: transparent !important;
border: none !important;
border-block-end: 1px solid rgba(17, 17, 17, 0.10) !important;
border-radius: 0 !important;
min-height: 40px;
}
.store-header .s-search-input {
background: transparent !important;
color: #111111 !important;
border: none !important;
box-shadow: none !important;
}
.store-header .s-search-input::placeholder {
color: var(--rz-steel) !important;
}
.store-header .s-search-icon-wrap,
.store-header .s-search-icon,
.store-header .s-search-icon-wrap svg,
.store-header .s-search-icon-wrap path {
color: var(--rz-steel) !important;
stroke: currentColor !important;
}
.store-header .s-search-results,
.store-header .sub-menu,
.store-header .sub-menu ul,
.store-header #mobile-menu,
.store-header .mm-spn--light,
.store-header .mobile-menu {
background: #FFFFFF !important;
color: #111111 !important;
border-color: rgba(17, 17, 17, 0.08) !important;
}
.store-header .sub-menu {
border: 1px solid rgba(17, 17, 17, 0.06) !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
z-index: 950 !important;
position: absolute !important;
}
.store-header .s-search-results {
z-index: 950 !important;
position: relative;
}
.store-header .sub-menu a,
.store-header #mobile-menu a,
.store-header #mobile-menu span,
.store-header .mm-spn--light a,
.store-header .mm-spn--light span {
color: #111111 !important;
}
.store-header .sub-menu a:hover,
.store-header #mobile-menu a:hover,
.store-header .mm-spn--light a:hover {
background: rgba(17, 17, 17, 0.03) !important;
color: #111111 !important;
}
.store-header .sicon-menu.text-primary,
.store-header .sicon-menu,
.store-header .mburger,
.store-header .mburger i {
color: #111111 !important;
}
.navbar-brand {
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding-block: 0.25rem;
min-width: 0;
}
.navbar-brand img {
max-height: var(--rz-header-brand-size) !important;
width: auto;
}
.rz-brand-sub {
display: block;
font-size: 0.72rem;
letter-spacing: 0.22em;
color: #B8922E;
font-weight: 600;
text-align: center;
text-transform: uppercase;
margin-block-start: 3px;
line-height: 1;
}
.store-header .rs-item {
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: var(--rz-header-link-padding-block) var(--rz-header-link-padding-inline);
border: none;
border-radius: 0;
background: none;
color: #111111 !important;
font-size: var(--rz-header-link-font-size);
font-weight: 500;
letter-spacing: 0.01em;
text-transform: none;
white-space: nowrap;
transition: color 0.18s ease;
}
.store-header .rs-item:hover,
.store-header .rs-item:focus-visible {
color: #6B6B6B !important;
background: none;
}
.store-header .rs-item.active,
.store-header .rs-item[aria-current="page"] {
color: #C1A16C !important;
background: none;
border-block-end: 2px solid #C1A16C;
}
.store-header #mainnav a[class=""].active,
.store-header #mainnav a:not([class])[aria-current="page"] {
color: #C1A16C !important;
border-block-end: 2px solid #C1A16C;
}
.store-header .navbar-nav,
.store-header .nav,
.store-header #mainnav .header-buttons {
display: flex;
align-items: center;
gap: var(--rz-header-nav-gap);
flex-wrap: wrap;
row-gap: 0.3rem;
min-width: 0;
}
.header-btn,
.realeza-search-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: var(--rz-header-icon-size);
height: var(--rz-header-icon-size);
line-height: 1 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
box-sizing: border-box;
color: #111111 !important;
transition: opacity 0.18s ease;
}
.header-btn:hover,
.realeza-search-btn:hover,
.header-btn:focus-visible,
.realeza-search-btn:focus-visible {
opacity: 0.7;
color: #111111 !important;
}
.header-btn svg,
.header-btn i,
.realeza-search-btn svg,
.header-btn__icon {
display: block !important;
line-height: 1 !important;
stroke: currentColor !important;
color: currentColor !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
flex-shrink: 0;
}
.store-header salla-user-menu svg,
.store-header [class*="user-menu"] svg,
.store-header [class*="sicon-user"] svg,
.store-header .header-btn__icon[class*="user"] svg {
stroke-width: 2.4px !important;
}
.header-btn svg,
.realeza-search-btn svg {
stroke-width: 2px;
width: 24px;
height: 24px;
}
.header-btn i,
.header-btn__icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 0 !important;
font-size: 1.5rem !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.store-header [class*="cart"] svg,
.store-header [class*="cart"] i,
.store-header .s-cart-summary-wrapper svg {
color: inherit !important;
stroke: currentColor !important;
fill: none !important;
}
.store-header salla-cart-summary,
.store-header .s-cart-summary-wrapper,
.store-header #s-cart-icon,
.store-header .s-cart-summary-icon {
color: #111111;
}
.store-header.rz-scrolled salla-cart-summary,
.store-header.rz-scrolled .s-cart-summary-wrapper {
color: #111111 !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) salla-cart-summary,
.rz-hero-page .store-header:not(.rz-scrolled) .s-cart-summary-wrapper,
.rz-hero-page .store-header:not(.rz-scrolled) .s-cart-summary-icon,
.rz-hero-page .store-header:not(.rz-scrolled) .header-btn__icon {
color: #FFFFFF !important;
}
.store-header .s-cart-summary-wrapper {
gap: 0.6rem !important;
}
.store-header .s-cart-summary-total,
.store-header salla-cart-summary .s-cart-summary-total,
.store-header [class*="cart-total"],
.store-header [class*="cart"] [class*="total"],
.store-header [class*="cart"] [class*="amount"],
.store-header [class*="cart"] [class*="price"] {
color: #111111 !important;
font-size: 0.88rem !important;
font-weight: 600 !important;
margin-inline-start: 0.35rem !important;
white-space: nowrap !important;
}
.store-header .sicon-sar {
font-size: 0.82rem !important;
line-height: 1 !important;
}
.store-header salla-cart-summary {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
.store-header .s-cart-count,
.store-header [class*="cart-count"],
.store-header [class*="cart"] .badge,
.store-header [class*="cart"] span[class*="count"],
.store-header salla-cart-summary [class*="count"],
.store-header salla-cart-summary [class*="badge"],
.store-header salla-cart-summary span,
.store-header [id*="cart"] span,
.store-header [class*="cart"] span:not([class*="total"]):not([class*="price"]):not([class*="amount"]) {
background: #C1A16C !important;
color: #050505 !important;
font-weight: 700 !important;
font-size: 0.65rem !important;
border: none !important;
min-width: 1.1rem !important;
min-height: 1.1rem !important;
border-radius: 50% !important;
}
.store-header .btn--rounded-gray,
.store-header .btn--rounded-gray.basis-0,
.store-header .header-btn,
.store-header .realeza-search-btn {
border: none !important;
background: transparent !important;
background-color: transparent !important;
outline: none !important;
box-shadow: none !important;
position: relative !important;
}
.store-header .btn--rounded-gray::before,
.store-header .btn--rounded-gray::after,
.store-header .btn--rounded-gray.basis-0::before,
.store-header .btn--rounded-gray.basis-0::after,
.store-header .header-btn::before,
.store-header .header-btn::after,
.store-header .realeza-search-btn::before,
.store-header .realeza-search-btn::after {
display: none !important;
content: none !important;
opacity: 0 !important;
}
.store-header .btn--rounded-gray:hover,
.store-header .btn--rounded-gray.basis-0:hover,
.store-header .btn--rounded-gray:focus,
.store-header .btn--rounded-gray.basis-0:focus,
.store-header .btn--rounded-gray:focus-visible,
.store-header .btn--rounded-gray.basis-0:focus-visible {
background: transparent !important;
background-color: transparent !important;
outline: none !important;
box-shadow: none !important;
}
.realeza-sub-header {
display: block !important;
}
.store-header #mainnav .inner,
.store-header #mainnav .bg-inherit,
.store-header #mainnav [class*="inner"] {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: 100%;
}
.store-header #mainnav .flex.items-stretch.justify-between.relative > * {
margin-block: 0 !important;
align-self: center !important;
}
.store-header .navbar-brand {
padding-block: 0 !important;
}
.store-header .rs-item {
min-height: 40px;
padding-block: 0 !important;
}
.store-header .rs-item svg,
.store-header .rs-item i {
align-self: center !important;
line-height: 0 !important;
}
.store-header #mainnav .btn--rounded-gray.basis-0 {
width: 36px !important;
height: 36px !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
.store-header #mainnav salla-cart-summary {
height: 36px !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
.store-header #mainnav salla-user-menu {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
padding: 0 !important;
flex-shrink: 0 !important;
overflow: visible !important;
}
.store-header #mainnav salla-user-menu .s-user-menu-trigger-slot {
width: 36px !important;
height: 36px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
cursor: pointer !important;
}
.store-header #mainnav salla-user-menu .s-user-menu-trigger-slot img {
width: 22px !important;
height: 22px !important;
object-fit: cover !important;
}
.store-header #mainnav salla-cart-summary,
.store-header .header-btn,
.store-header .realeza-search-btn {
outline: none !important;
box-shadow: none !important;
}
.store-header #mainnav salla-cart-summary:hover,
.store-header .header-btn:hover,
.store-header .realeza-search-btn:hover,
.store-header #mainnav salla-cart-summary:focus,
.store-header .header-btn:focus,
.store-header .realeza-search-btn:focus {
outline: none !important;
box-shadow: none !important;
}
@media (max-width: 991px) {
.store-header {
--rz-header-shell-padding-block: 0.34rem;
--rz-header-shell-gap: 0.7rem;
--rz-header-shell-min-height: 66px;
--rz-header-link-padding-block: 0.38rem;
--rz-header-link-padding-inline: 0.58rem;
--rz-header-link-font-size: 0.74rem;
--rz-header-icon-size: 40px;
--rz-header-brand-size: 33px;
--rz-header-nav-gap: 0.1rem;
--rz-header-sheen-height: 6px;
}
#mainnav {
padding-inline: 0.65rem;
}
.store-header .s-search-input-wrapper {
min-height: 36px;
}
.store-header #mainnav .container,
.store-header #mainnav .container-fluid,
.store-header #mainnav .row {
gap: 0.65rem;
}
.navbar-brand img {
max-height: 33px !important;
}
.store-header .rs-item {
letter-spacing: 0.03em;
}
}
@media (max-width: 767px) {
.store-header {
--rz-header-shell-min-height: 42px !important;
--rz-header-shell-padding-block: 0.1rem;
}
#mainnav {
overflow-x: clip;
padding: 0 !important;
}
.store-header .rz-injected-search {
display: none !important;
}
.store-header #mainnav .flex.items-stretch.justify-between.relative {
display: grid !important;
grid-template-columns: auto 1fr auto;
align-items: center !important;
width: 100% !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
padding: 0 0.75rem !important;
gap: 0 !important;
position: relative !important;
box-sizing: border-box !important;
}
.store-header #mainnav .flex.items-center:not(.justify-end) {
grid-column: 1;
grid-row: 1;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0.25rem !important;
padding: 0 !important;
margin: 0 !important;
height: 32px !important;
flex: none !important;
}
.store-header .navbar-brand {
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 2;
margin: 0 !important;
padding: 0 !important;
flex: none !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;
}
.navbar-brand img {
max-height: 20px !important;
width: auto;
display: block;
}
.store-header .navbar-brand .rz-brand-sub {
display: block !important;
font-size: 0.48rem !important;
letter-spacing: 0.28em !important;
line-height: 1 !important;
margin-block-start: 1px !important;
color: #B8922E !important;
}
.store-header #mainnav .flex.items-center.justify-end {
grid-column: 3;
grid-row: 1;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 0.25rem !important;
padding: 0 !important;
margin: 0 !important;
height: 32px !important;
flex: none !important;
}
.store-header .mburger {
order: -1 !important;
position: static !important;
margin: 0 !important;
width: 32px !important;
height: 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
}
#mainnav .flex.items-center:not(.justify-end) custom-main-menu {
position: absolute !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
.header-btn,
.realeza-search-btn,
.rz-injected-search {
width: 32px !important;
height: 32px !important;
min-height: 32px !important;
padding: 0 !important;
box-sizing: border-box !important;
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.header-btn svg,
.realeza-search-btn svg,
.rz-injected-search svg {
width: 18px !important;
height: 18px !important;
}
salla-cart-summary,
.store-header salla-cart-summary,
#mainnav salla-cart-summary {
margin: 0 !important;
padding: 0 !important;
width: 32px !important;
min-width: 32px !important;
height: 32px !important;
max-width: 32px !important;
overflow: visible !important;
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.s-cart-summary-wrapper,
salla-cart-summary .s-cart-summary-wrapper {
width: 32px !important;
max-width: 32px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
flex-shrink: 0 !important;
gap: 0 !important;
}
.store-header .s-cart-summary-total,
.store-header .s-cart-summary-content > b {
display: none !important;
}
.store-header #mainnav salla-user-menu {
width: 32px !important;
max-width: 32px !important;
height: 32px !important;
overflow: visible !important;
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
}
.store-header salla-user-menu .s-user-menu-dropdown {
position: absolute !important;
z-index: 9999 !important;
min-width: 220px !important;
max-width: 90vw !important;
}
.store-header .rz-injected-lang {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
width: 32px !important;
height: 32px !important;
flex-shrink: 0 !important;
}
.store-header .s-user-menu-trigger-avatar {
width: 22px !important;
height: 22px !important;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
}
}
.store-header #mainnav custom-main-menu ul.main-menu,
.store-header #mainnav custom-main-menu ul[class*="mm-spn"],
.store-header #mainnav custom-main-menu nav > ul {
padding-top: 0 !important;
padding-block: 0 !important;
margin-block: 0 !important;
}
.store-header #mainnav custom-main-menu li.root-level > a,
.store-header #mainnav custom-main-menu li[class*="root-level"] > a {
display: inline-flex !important;
align-items: center !important;
padding-block: 0.3rem !important;
padding-inline: var(--rz-header-link-padding-inline, 0.65rem) !important;
color: #111111 !important;
font-size: var(--rz-header-link-font-size, 0.8rem) !important;
font-weight: 500 !important;
letter-spacing: 0.01em;
text-transform: none;
text-decoration: none;
border: none;
border-radius: 0;
background: none;
white-space: nowrap;
transition: color 0.18s ease, background-color 0.18s ease;
}
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav custom-main-menu li.root-level > a {
background: transparent !important;
color: #FFFFFF !important;
text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.28) !important;
}
.store-header #mainnav custom-main-menu li.root-level > a:hover {
color: #6B6B6B !important;
background: none;
}
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav custom-main-menu li.root-level > a:hover,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav custom-main-menu li.root-level > a:focus-visible {
background: transparent !important;
color: #E2C685 !important;
text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.28) !important;
}
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav custom-main-menu li.root-level.active > a,
.rz-hero-page .store-header:not(.rz-scrolled) #mainnav custom-main-menu li.root-level > a[aria-current="page"] {
color: #E2C685 !important;
text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.28) !important;
box-shadow: inset 0 -2px 0 rgba(226, 198, 133, 0.9);
}
.store-header #mainnav custom-main-menu {
display: flex !important;
align-items: center !important;
min-height: 0 !important;
height: auto !important;
overflow: visible;
margin-inline-start: 1.5rem;
}
.store-header .header-btn i,
.store-header .header-btn__icon,
.store-header .header-btn svg,
.store-header .realeza-search-btn svg,
.store-header .s-cart-summary-icon {
font-size: 1.35rem !important;
width: 22px !important;
height: 22px !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
}
.store-header .header-btn__icon::before,
.store-header .header-btn i:not(.sicon-sar)::before,
.store-header .realeza-search-btn i:not(.sicon-sar)::before,
.store-header salla-cart-summary i:not(.sicon-sar)::before {
display: none !important;
content: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
@media (min-width: 768px) {
.store-header .rz-injected-search {
display: inline-flex !important;
}
.store-header .rz-injected-lang {
display: inline-flex !important;
align-items: center;
}
}
.store-header .rz-lang-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
background: transparent;
border: none;
cursor: pointer;
opacity: 0.7;
transition: opacity 0.18s ease;
}
.store-header .rz-lang-btn:hover,
.store-header .rz-lang-btn:focus-visible {
opacity: 1;
}
.rz-search-dropdown {
position: absolute;
top: 100%;
inset-inline-end: 0;
inset-inline-start: auto;
width: min(400px, 90vw);
background: #FFFFFF;
border: 1px solid rgba(17, 17, 17, 0.08);
padding: 0.75rem 1rem;
z-index: 950;
transform: translateY(-6px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.store-header.rz-search-open .rz-search-dropdown {
transform: translateY(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.rz-search-dropdown .header-search {
display: block !important;
max-inline-size: 100% !important;
width: 100%;
}
.rz-search-dropdown .s-search-input-wrapper {
background: transparent !important;
border: none !important;
border-block-end: 1px solid rgba(17, 17, 17, 0.10) !important;
border-radius: 0 !important;
min-height: 40px;
}
.rz-search-dropdown .s-search-input {
font-size: 0.88rem !important;
padding-block: 0.4rem !important;
}
.s-block--hero-slider,
.home-slider {
position: relative;
isolation: isolate;
overflow: clip;
background: linear-gradient(180deg, #060606 0%, #030303 100%);
border-block-end: none;
box-shadow: none;
}
.rz-hero-page .s-block--hero-slider,
.rz-hero-page .home-slider {
margin-block-start: calc(-1 * var(--rz-header-offset, 68px));
}
.s-block--hero-slider .s-slider-block__title {
display: none !important;
}
.s-block--hero-slider salla-slider,
.s-block--hero-slider .s-slider-wrapper {
display: block;
height: 100%;
}
.s-block--hero-slider .swiper {
margin-block-start: 0 !important;
padding-block-start: 0 !important;
}
.s-block--hero-slider::before,
.home-slider::before {
content: "";
position: absolute;
inset-inline: 0;
top: 0;
height: 100px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, transparent 100%);
z-index: 2;
pointer-events: none;
}
.s-block--hero-slider::after,
.home-slider::after {
content: none;
}
.s-block--hero-slider :is(img, picture, .slider-image img, .home-slider__image img),
.home-slider :is(img, picture, .slider-image img, .home-slider__image img) {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: none;
transform: scale(1.002);
}
.s-block--hero-slider :is(.hero__content, .slide-content, .home-slider__content, .swiper-slide-content, .slider-content, .banner-content),
.home-slider :is(.hero__content, .slide-content, .home-slider__content, .swiper-slide-content, .slider-content, .banner-content) {
position: relative;
z-index: 3;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-inline-size: none !important;
margin-inline: 0 !important;
margin-block: 0 !important;
padding: 0 !important;
background: none !important;
border: none !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.s-block--hero-slider .home-slider__content,
.home-slider .home-slider__content {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
max-width: 1340px !important;
margin-inline: auto !important;
padding-inline: clamp(1rem, 5vw, 5rem) !important;
padding-block: clamp(1.5rem, 3vw, 2.5rem) !important;
background: transparent !important;
}
.s-block--hero-slider .home-slider__content > div,
.s-block--hero-slider .swiper-slide-content > div,
.home-slider .home-slider__content > div {
width: 100% !important;
max-width: 400px !important;
min-width: 0 !important;
flex: 0 1 auto !important;
text-align: start !important;
padding: clamp(1.2rem, 2.5vw, 2rem) clamp(1.2rem, 2.5vw, 2rem);
background: rgba(0, 0, 0, 0.38);
border: none;
border-inline-start: none;
box-shadow: none;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.s-block--hero-slider .home-slider__content > div :is(h1, h2, h3),
.s-block--hero-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(h1, h2, h3),
.home-slider .home-slider__content > div :is(h1, h2, h3),
.home-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(h1, h2, h3) {
margin-block: 0 0.65rem;
color: #ffffff;
font-family: var(--rz-font-display);
font-size: clamp(1.8rem, 4vw, 3.5rem);
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.02em;
text-wrap: balance;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.s-block--hero-slider .home-slider__content > div :is(p, li),
.s-block--hero-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(p, li),
.home-slider .home-slider__content > div :is(p, li),
.home-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(p, li) {
margin-block: 0 1rem;
color: var(--rz-platinum);
font-family: var(--rz-font-tech);
font-size: clamp(0.92rem, 1.15vw, 1.02rem);
line-height: 1.62;
max-inline-size: 38ch;
}
.s-block--hero-slider .home-slider__content > div :is(a, button),
.s-block--hero-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(a, button),
.home-slider .home-slider__content > div :is(a, button),
.home-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(a, button) {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding-inline: 1.5rem;
border: 1px solid #ffffff;
background: #ffffff;
color: #111111;
font-family: var(--rz-font-tech);
font-size: 0.82rem;
font-weight: 500;
letter-spacing: 0.02em;
text-transform: none;
text-decoration: none;
transition: opacity 0.18s ease;
}
.s-block--hero-slider .home-slider__content > div :is(a, button):hover,
.s-block--hero-slider .home-slider__content > div :is(a, button):focus-visible,
.s-block--hero-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(a, button):hover,
.s-block--hero-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(a, button):focus-visible,
.home-slider .home-slider__content > div :is(a, button):hover,
.home-slider .home-slider__content > div :is(a, button):focus-visible,
.home-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(a, button):hover,
.home-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(a, button):focus-visible {
opacity: 0.85;
}
.rz-hero-cta {
display: inline-flex;
align-items: center;
justify-content: center;
margin-block-start: clamp(0.85rem, 2vw, 1.5rem);
padding: 0.65rem clamp(1.25rem, 2.5vw, 2.25rem);
background: #ffffff;
border: 1px solid #ffffff;
color: #111111;
font-family: inherit;
font-size: clamp(0.75rem, 1.3vw, 0.88rem);
font-weight: 500;
letter-spacing: 0.02em;
text-decoration: none;
white-space: nowrap;
transition: opacity 0.18s ease;
}
.rz-hero-cta:hover,
.rz-hero-cta:focus-visible {
opacity: 0.85;
}
.s-block--hero-slider .s-slider-nav-arrow,
.home-slider .s-slider-nav-arrow,
.s-block--hero-slider .swiper-button-prev,
.s-block--hero-slider .swiper-button-next,
.s-block--hero-slider [class*="slider-nav"],
.home-slider [class*="slider-nav"] {
display: none !important;
}
.s-block--banners.container:has(.grid.two-row) {
position: relative;
z-index: 4;
margin-block-start: 0;
padding-block: clamp(1.5rem, 3vw, 2.5rem);
background: #FBF8F6;
}
.s-block--banners.container:has(.grid.two-row)::before {
content: none;
}
.s-block--banners.container > * {
position: relative;
z-index: 1;
}
.s-block--banners.container > .grid.two-row {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: clamp(0.6rem, 1.2vw, 1rem) !important;
}
.s-block--banners.container:not(:has(.grid.two-row)) {
position: relative;
z-index: 4;
padding-block: clamp(1rem, 2vw, 1.5rem);
background: #FBF8F6;
border-block: 1px solid rgba(17, 17, 17, 0.06);
}
.s-block--banners.container > .grid:not(.two-row) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: clamp(0.4rem, 0.8vw, 0.75rem) !important;
}
.s-block--banners.container > .grid:not(.two-row) .banner-entry,
.s-block--banners.container .banner-entry.h-lg-banner {
min-height: clamp(22rem, 32vw, 40rem) !important;
align-items: flex-end !important;
justify-content: flex-end !important;
}
.s-block--banners.container .banner-entry {
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
height: clamp(18rem, 26vw, 30rem);
border: none;
box-shadow: none;
filter: none;
transition: opacity 0.18s ease;
text-decoration: none;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.s-block--banners.container > .grid:not(.two-row) .banner-entry {
filter: grayscale(0%) brightness(1) !important;
border: none !important;
box-shadow: none !important;
}
.s-block--banners.container .banner-entry::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg,
rgba(0, 0, 0, 0.0) 0%,
rgba(0, 0, 0, 0.0) 55%,
rgba(0, 0, 0, 0.25) 100%);
z-index: 1;
transition: opacity 0.4s ease;
}
.s-block--banners.container > .grid:not(.two-row) .banner-entry::before {
background: linear-gradient(180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.0) 55%,
rgba(0, 0, 0, 0.25) 100%);
}
.s-block--banners.container .banner-entry__text {
position: absolute !important;
inset-inline: 0;
inset-block-end: 0;
height: auto !important;
display: block;
padding: clamp(0.85rem, 1.6vw, 1.25rem) clamp(1rem, 2vw, 1.5rem) clamp(1.1rem, 2.2vw, 1.75rem);
z-index: 2;
background: linear-gradient(to top, rgba(0, 0, 0, 0.30) 0%, transparent 100%);
}
.s-block--banners.container .banner-entry .banner__title,
.s-block--banners.container .banner-entry h3,
.s-block--banners.container .banner-entry h2 {
opacity: 1 !important;
transform: none !important;
margin-block: 0 0.3rem;
color: #ffffff !important;
font-size: clamp(1.25rem, 2vw, 1.85rem);
font-weight: 900;
line-height: 1.1;
letter-spacing: 0;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 12px rgba(0, 0, 0, 0.2);
}
.s-block--banners.container .banner-entry .banner__description,
.s-block--banners.container .banner-entry p {
opacity: 1 !important;
transform: none !important;
margin-block: 0;
color: rgba(255, 255, 255, 0.8) !important;
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.01em;
text-transform: none;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.15);
line-height: 1.5;
}
.s-block--banners.container > .grid:not(.two-row) .banner-entry__text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
}
.s-block--banners.container > .grid:not(.two-row) .banner-entry__text::after {
content: "Shop Now";
display: inline-block;
margin-block-start: 0.85rem;
padding: 0.5rem 1.85rem;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.6);
color: #ffffff;
font-family: inherit;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0;
text-align: center;
white-space: nowrap;
pointer-events: none;
transition:
background 0.3s ease,
border-color 0.3s ease,
color 0.3s ease;
}
.rz-is-rtl .s-block--banners.container > .grid:not(.two-row) .banner-entry__text::after {
content: "\062A\0633\0648\0642\0020\0627\0644\0622\0646";
}
@media (max-width: 767px) {
.s-block--hero-slider .home-slider__content,
.home-slider .home-slider__content {
padding-block-start: calc(var(--rz-header-offset, 68px) + 2.5rem) !important;
align-items: flex-start !important;
}
.s-block--hero-slider .home-slider__content > div {
padding: clamp(0.75rem, 2.5vw, 1rem);
width: fit-content !important;
max-width: 75% !important;
}
.s-block--hero-slider .home-slider__content h2 {
font-size: 1.35rem;
}
.s-block--banners.container > .grid:not(.two-row) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.s-block--banners .banner-entry__text h3 {
font-size: 1rem !important;
}
}
.s-block--banners.container > .grid:not(.two-row) .banner-entry:hover .banner-entry__text::after,
.s-block--banners.container > .grid:not(.two-row) .banner-entry:focus-visible .banner-entry__text::after {
background: rgba(255, 255, 255, 0.15);
border-color: #ffffff;
color: #ffffff;
}
.s-block--banners.container .banner-entry:hover,
.s-block--banners.container .banner-entry:focus-visible {
opacity: 0.92;
}
.s-block--banners.container .banner-entry:hover::before,
.s-block--banners.container .banner-entry:focus-visible::before {
opacity: 0.7;
}
@media (max-width: 991px) {
.s-block--hero-slider .home-slider__content,
.home-slider .home-slider__content {
grid-template-columns: 1fr !important;
padding-inline: clamp(0.75rem, 3vw, 1.5rem) !important;
}
.s-block--hero-slider .home-slider__content > div,
.home-slider .home-slider__content > div {
max-width: 100% !important;
padding: 0.8rem !important;
}
.s-block--hero-slider .home-slider__content > div :is(h1, h2, h3),
.home-slider .home-slider__content > div :is(h1, h2, h3),
.s-block--hero-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(h1, h2, h3),
.home-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(h1, h2, h3) {
font-size: clamp(1.35rem, 6.1vw, 2.1rem);
line-height: 1.04;
}
.s-block--banners.container {
margin-block-start: 0;
padding-block: 1rem 1.6rem;
}
.s-block--banners.container > .grid.two-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0.85rem !important;
}
.s-block--banners.container > .grid.two-row .banner-entry {
grid-row: unset !important;
grid-column: unset !important;
}
.s-block--banners.container > .grid:not(.two-row) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0.85rem !important;
}
.s-block--banners.container :is(a, .banner, .banner-item, .category-card, .s-banner-item, .banner-card, .banner-entry) {
padding: 0.45rem;
min-height: 15rem;
}
.s-block--banners.container .banner-entry__text,
.s-block--banners.container article.banner-entry__text {
padding: 0.85rem;
}
.s-block--banners.container :is(a, .banner, .banner-item, .category-card, .s-banner-item, .banner-card, .banner-entry) :is(h1, h2, h3, h4, .title, .name, .banner__title) {
font-size: 1rem;
}
}
@media (max-width: 575px) {
.s-block--hero-slider .home-slider__content > div,
.home-slider .home-slider__content > div {
padding: 0.72rem !important;
border-inline-start: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.s-block--hero-slider .home-slider__content > div :is(h1, h2, h3),
.home-slider .home-slider__content > div :is(h1, h2, h3),
.s-block--hero-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(h1, h2, h3),
.home-slider :is(.hero__content, .slide-content, .swiper-slide-content, .slider-content, .banner-content) :is(h1, h2, h3) {
font-size: clamp(1.25rem, 5.8vw, 1.9rem);
line-height: 1.06;
}
.s-block--banners.container > .grid.two-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0.5rem !important;
}
.s-block--banners.container > .grid:not(.two-row) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0.5rem !important;
}
.s-block--banners.container .banner-entry {
height: clamp(10rem, 40vw, 14rem) !important;
min-height: unset !important;
}
.s-block--banners.container > .grid:not(.two-row) .banner-entry,
.s-block--banners.container .banner-entry.h-lg-banner {
min-height: clamp(14rem, 48vw, 18rem) !important;
}
.s-block--banners.container .banner-entry__text,
.s-block--banners.container article.banner-entry__text {
padding: 0.6rem 0.75rem 0.8rem;
}
.s-block--banners.container .banner-entry .banner__title,
.s-block--banners.container .banner-entry h3,
.s-block--banners.container .banner-entry h2 {
font-size: 0.95rem;
}
.s-block--banners.container > .grid:not(.two-row) .banner-entry__text::after {
font-size: 0.7rem;
padding: 0.35rem 1rem;
margin-block-start: 0.5rem;
}
}
@media (min-width: 992px) {
.s-block--hero-slider .home-slider__content,
.home-slider .home-slider__content {
align-items: flex-end !important;
padding-block-end: clamp(3rem, 5vw, 5rem) !important;
}
}
@media (prefers-reduced-motion: reduce) {
.s-block--hero-slider *,
.home-slider *,
.s-block--banners.container * {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
salla-advertisement {
display: grid !important;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
padding: 0;
position: relative;
z-index: 800;
isolation: isolate;
max-height: 34px;
overflow: hidden;
}
salla-advertisement::before {
display: none;
}
.s-advertisement {
grid-row: 1 / 2;
grid-column: 1 / 2;
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 0.9rem;
height: 34px;
padding-inline: clamp(0.9rem, 1.7vw, 1.25rem);
border-radius: 0;
overflow: hidden;
transition:
border-color 0.25s ease,
background-color 0.25s ease;
}
.s-advertisement-content {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
min-width: 0;
width: auto;
max-width: max-content;
}
.s-advertisement-content-icon {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.45rem;
height: 1.45rem;
border-radius: 0;
font-size: 0.82rem;
}
.s-advertisement-content-main {
min-width: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.18rem 0.4rem;
line-height: 1.25;
font-size: 0.82rem;
letter-spacing: 0.005em;
word-break: break-word;
overflow-wrap: anywhere;
}
.s-advertisement-content-main > * {
min-width: 0;
}
.s-advertisement-content-main a {
color: inherit;
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
.s-advertisement-content-main a:hover,
.s-advertisement-content-main a:focus-visible {
text-decoration: underline;
}
.s-advertisement-action {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 1.9rem;
padding-inline: 0.8rem;
border-radius: 0;
font-size: 0.74rem;
font-weight: 500;
letter-spacing: 0.03em;
text-transform: none;
white-space: nowrap;
border: 1px solid currentColor;
background: transparent;
transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
salla-advertisement .s-advertisement-close,
salla-advertisement button[class*="close"],
salla-advertisement [aria-label*="close"],
salla-advertisement [aria-label*="إغلاق"],
salla-advertisement .close-btn {
display: none !important;
}
@media (max-width: 767px) {
.s-advertisement-content-main {
font-size: 0.7rem;
flex-wrap: nowrap;
white-space: nowrap;
}
.s-advertisement-content-icon {
width: 1.15rem;
height: 1.15rem;
font-size: 0.7rem;
}
salla-advertisement {
max-height: 30px;
}
.s-advertisement {
height: 30px;
padding-inline: 0.65rem;
gap: 0.5rem;
}
}
@media (max-width: 767px) {
.s-block--banners[cz-shortcut-listen="true"] .grid-cols-1 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.s-block--banners .banner-entry__text h3 {
font-size: 1rem !important;
}
}
@view-transition {
navigation: auto;
}
::view-transition-old(root),
::view-transition-new(root) {
animation-duration: 220ms;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
::view-transition-old(root),
::view-transition-new(root) {
animation: none !important;
}
}
.s-product-card-entry {
position: relative;
display: flex;
flex-direction: column;
color: #111111;
background: #ffffff;
border: none;
box-shadow: none;
border-radius: 0 !important;
}
.s-product-card-entry::before {
content: none;
}
.s-product-card-entry > * {
position: relative;
z-index: 1;
}
.s-product-card-entry:hover {
z-index: 10;
}
.s-product-card-entry .s-product-card-image,
.s-product-card-entry [class*=card-image],
.s-product-card-entry [class*=image-wrapper],
.s-product-card-entry [class*=product-image] {
position: relative;
overflow: hidden;
width: 100%;
height: auto !important;
flex: none !important;
aspect-ratio: 4 / 5 !important;
min-height: 180px !important;
flex-shrink: 0;
background: #ffffff;
border-radius: 0 !important;
}
.s-product-card-entry .s-product-card-image img,
.s-product-card-entry .s-product-card-image-cover,
.s-product-card-entry [class*=card-image] img,
.s-product-card-entry [class*=image-wrapper] img,
.s-product-card-entry [class*=product-image] img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: contain;
object-position: center center;
transform: translateZ(0);
backface-visibility: hidden;
image-rendering: auto;
filter: none;
}
.s-product-card-entry .s-product-card-content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 0.3rem;
padding: 0.65rem 0.75rem 0.85rem;
}
.s-product-card-entry .s-product-card-content-main {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 0.3rem;
}
.s-product-card-entry .s-product-card-content-title,
.s-product-card-entry h3.s-product-card-content-title {
display: -webkit-box;
overflow: hidden;
min-height: 2em;
margin: 0;
color: #111111;
font-family: inherit;
font-size: 0.82rem;
font-weight: 400;
line-height: 1.4;
letter-spacing: 0;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.s-product-card-entry .s-product-card-content-subtitle {
display: -webkit-box;
overflow: hidden;
min-height: 1.0em;
margin: 0;
color: var(--rz-steel);
font-family: inherit;
font-size: 0.76rem;
line-height: 1.45;
letter-spacing: 0.01em;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.s-product-card-entry .s-product-card-rating,
.s-product-card-entry [class*=rating] {
display: flex;
align-items: center;
gap: 0.25rem;
font-size: 0.72rem;
color: var(--rz-desert-gold, #C1A16C);
line-height: 1;
}
.s-product-card-entry .s-product-card-rating i,
.s-product-card-entry [class*=rating] i {
color: var(--rz-desert-gold, #C1A16C) !important;
font-size: 0.7rem;
}
.s-product-card-entry salla-rating-stars {
--color: var(--rz-desert-gold, #C1A16C) !important;
}
.s-product-card-entry .s-product-card-sale-price,
.s-product-card-entry [class*=price] {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 0.35rem;
}
.s-product-card-entry .s-product-card-sale-price h4,
.s-product-card-entry [class*=price] h4,
.s-product-card-entry [class*=current-price],
.s-product-card-entry salla-price,
.s-product-card-entry salla-price *,
.s-product-card-entry .s-product-card-price,
.s-product-card-entry [class*=product-price]:not([class*=old]):not([class*=regular]):not(s):not(del) {
margin: 0;
color: var(--rz-near-black) !important;
font-family: inherit;
font-size: 0.92rem;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0;
}
.s-product-card-entry .s-product-card-sale-price h4 ~ i,
.s-product-card-entry .s-product-card-sale-price h4 + i,
.s-product-card-entry .s-product-card-sale-price > i:first-of-type,
.s-product-card-entry salla-price i,
.s-product-card-entry salla-price .sicon-sar {
color: var(--rz-near-black) !important;
}
.s-product-card-entry .s-product-card-sale-price s,
.s-product-card-entry del,
.s-product-card-entry [class*=old-price],
.s-product-card-entry [class*=regular-price] {
color: rgba(17, 17, 17, 0.45);
font-size: 0.78rem;
font-weight: 500;
line-height: 1.2;
text-decoration: line-through;
}
.s-product-card-entry .s-product-card-sale-price span:not([class*=icon]):not([class*=sar]):not([class*=badge]):not([class*=promotion]),
.s-product-card-entry [class*=price] span:not([class*=icon]):not([class*=sar]):not([class*=badge]) {
color: rgba(17, 17, 17, 0.45) !important;
font-size: 0.78rem !important;
font-weight: 500 !important;
text-decoration: line-through !important;
line-height: 1.2;
}
.s-product-card-entry salla-add-product-button,
.s-product-card-entry [class*=add-product-button] {
display: block;
background: #ffffff;
border: none;
padding-block: 0 0.65rem;
padding-inline: 0.75rem;
box-shadow: none;
margin: 0;
opacity: 1;
pointer-events: auto;
}
@media (hover: hover) and (min-width: 768px) {
.s-product-card-entry salla-add-product-button,
.s-product-card-entry [class*=add-product-button] {
visibility: hidden;
opacity: 0;
pointer-events: none;
transform: translateY(-4px);
transition:
opacity var(--rz-duration-base, 180ms) var(--rz-ease, ease),
transform var(--rz-duration-base, 180ms) var(--rz-ease, ease),
visibility 0s linear var(--rz-duration-base, 180ms);
}
.s-product-card-entry:hover salla-add-product-button,
.s-product-card-entry:hover [class*=add-product-button] {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: translateY(0);
transition:
opacity var(--rz-duration-base, 180ms) var(--rz-ease, ease),
transform var(--rz-duration-base, 180ms) var(--rz-ease, ease),
visibility 0s linear 0s;
}
}
.s-product-card-entry salla-add-product-button :is(a, button),
.s-product-card-entry [class*=add-product-button] :is(a, button),
.s-product-card-entry .s-product-card-add-btn,
.s-product-card-entry [class*=cart-btn],
.s-product-card-entry [class*=buy-btn] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 2.75rem;
padding-inline: 1rem;
border: 1px solid rgba(17, 17, 17, 0.12);
background: #111111;
color: #ffffff;
font-family: inherit;
font-size: 0.74rem;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: none;
text-decoration: none;
cursor: pointer;
transition:
transform 0.2s ease,
border-color 0.2s ease,
background-color 0.2s ease,
color 0.2s ease;
}
.s-product-card-entry salla-add-product-button :is(a, button):hover,
.s-product-card-entry [class*=add-product-button] :is(a, button):hover,
.s-product-card-entry .s-product-card-add-btn:hover,
.s-product-card-entry [class*=cart-btn]:hover,
.s-product-card-entry [class*=buy-btn]:hover,
.s-product-card-entry salla-add-product-button :is(a, button):focus-visible,
.s-product-card-entry [class*=add-product-button] :is(a, button):focus-visible,
.s-product-card-entry .s-product-card-add-btn:focus-visible,
.s-product-card-entry [class*=cart-btn]:focus-visible,
.s-product-card-entry [class*=buy-btn]:focus-visible {
border-color: #000000;
background: #000000;
color: #ffffff;
box-shadow: 0 6px 18px rgba(17, 17, 17, 0.30);
}
.s-product-card-entry .s-product-card-promotion-title,
.s-product-card-entry [class*=badge],
.s-product-card-entry [class*=discount],
.s-product-card-entry [class*=promotion] {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 1.45rem;
padding-inline: 0.5rem;
border: none;
border-radius: 0 !important;
background: #111111;
color: #ffffff;
font-family: inherit;
font-size: 0.64rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: none;
inset-inline-end: auto !important;
inset-inline-start: 0.55rem !important;
inset-block-start: 0.55rem !important;
}
.s-product-card-entry [class*=out-of-stock],
.s-product-card-entry [class*=sold-out],
.s-product-card-entry salla-add-product-button[disabled] :is(a, button),
.s-product-card-entry salla-add-product-button[out-of-stock] :is(a, button) {
border-color: rgba(17, 17, 17, 0.08);
background: rgba(255, 255, 255, 0.65);
color: rgba(17, 17, 17, 0.48);
cursor: not-allowed;
opacity: 0.82;
box-shadow: none;
}
.s-product-card-entry *,
.s-product-card-entry *::before,
.s-product-card-entry *::after {
text-shadow: none;
}
.s-product-card-entry .s-product-card-wishlist-btn {
position: absolute;
inset-block-start: 0.35rem;
inset-inline-end: 0.35rem;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
background: rgba(255, 255, 255, 0.55) !important;
backdrop-filter: blur(4px);
border: none !important;
border-radius: 0;
color: var(--rz-near-black, #111111) !important;
font-size: 0.9rem;
cursor: pointer;
opacity: 0.55;
transition: opacity var(--rz-transition-fast, 150ms ease);
box-shadow: none !important;
}
.s-product-card-entry:hover .s-product-card-wishlist-btn,
.s-product-card-entry .s-product-card-wishlist-btn:focus-visible {
opacity: 0.85;
}
.s-product-card-entry .s-product-card-wishlist-btn.is--active,
.s-product-card-entry .s-product-card-wishlist-btn[active] {
opacity: 1;
color: #c0392b !important;
}
.s-block--best-offers,
.s-block--slider-with-bg,
.s-block--best-sellers {
isolation: isolate;
position: relative;
}
.s-block--best-offers .s-slider-block__title,
.s-block--slider-with-bg .s-slider-block__title,
.s-block--best-sellers .s-slider-block__title {
position: relative;
z-index: 1;
}
.s-block--best-offers .swiper,
.s-block--slider-with-bg .swiper,
.s-block--best-sellers .swiper {
position: relative;
z-index: 2;
overflow-x: clip;
}
.s-product-card-entry .s-product-card-content-main {
flex: 1 1 auto;
}
.s-product-card-entry .s-product-card-content-sub {
margin-block-start: auto;
}
@media (max-width: 767px) {
.s-product-card-entry .s-product-card-content {
padding: 0.55rem 0.65rem 0.7rem;
gap: 0.25rem;
}
.s-product-card-entry .s-product-card-content-title,
.s-product-card-entry h3.s-product-card-content-title {
font-size: 0.82rem;
min-height: 1.6em;
}
.s-product-card-entry .s-product-card-sale-price h4,
.s-product-card-entry [class*=price] h4,
.s-product-card-entry [class*=current-price] {
font-size: 0.88rem;
}
}
.store-footer {
--rz-footer-bg: #FBF8F6 !important;
--rz-footer-line: rgba(17, 17, 17, 0.07) !important;
--rz-footer-text: #111111 !important;
--rz-footer-muted: #555555 !important;
background: var(--rz-footer-bg) !important;
background-image: none !important;
color: var(--rz-footer-text) !important;
border-block-start: none !important;
margin-block-start: 0 !important;
position: relative;
isolation: isolate;
overflow: clip;
}
.store-footer::before {
content: '' !important;
display: block !important;
position: absolute;
inset-block-start: 0;
inset-inline: 0;
height: 1px;
background: linear-gradient(
to right,
transparent 5%,
var(--rz-gold, #C1A16C) 30%,
var(--rz-gold, #C1A16C) 70%,
transparent 95%
) !important;
opacity: 0.5;
}
.store-footer .store-footer__inner {
padding-block: clamp(3rem, 6vw, 5rem) clamp(2rem, 4vw, 3.5rem) !important;
}
.store-footer .store-footer__inner > .container {
display: grid !important;
grid-template-columns: 2fr 1fr 1fr 1.5fr !important;
gap: clamp(2rem, 3.5vw, 3rem) clamp(1.5rem, 2.5vw, 2.5rem) !important;
align-items: start !important;
}
.store-footer .store-footer__inner h3 {
color: #111111 !important;
font-size: 1.1rem !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: none !important;
margin-block-end: 0.6rem !important;
line-height: 1.2 !important;
}
.store-footer .store-footer__inner .max-w-sm p,
.store-footer .store-footer__inner .max-w-sm {
color: var(--rz-footer-muted) !important;
font-size: 0.82rem !important;
line-height: 1.65 !important;
letter-spacing: 0.005em !important;
max-width: 280px !important;
}
.store-footer h3,
.store-footer .s-contacts-title {
color: #111111 !important;
font-size: 0.65rem !important;
font-weight: 700 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
margin-block-end: 1.15rem !important;
line-height: 1.2 !important;
}
.store-footer .store-footer__inner > .container > div:first-child h3 {
font-size: 1.1rem !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: none !important;
}
.store-footer p,
.store-footer li,
.store-footer small,
.store-footer span,
.store-footer address {
color: var(--rz-footer-muted) !important;
font-size: 0.82rem !important;
line-height: 1.65 !important;
letter-spacing: 0.005em !important;
}
.store-footer ul,
.store-footer ol {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.store-footer li {
margin: 0 !important;
padding-block: 0.28rem !important;
}
.store-footer a {
color: #111111 !important;
text-decoration: none !important;
transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}
.store-footer a:hover,
.store-footer a:focus-visible {
color: var(--rz-footer-muted) !important;
text-decoration: underline !important;
text-decoration-color: var(--rz-gold, #C1A16C) !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 0.2em !important;
}
.store-footer salla-menu a {
display: block !important;
padding-block: 0.25rem !important;
font-size: 0.82rem !important;
font-weight: 400 !important;
color: #111111 !important;
}
.store-footer salla-menu a:hover {
color: var(--rz-footer-muted) !important;
}
.store-footer salla-contacts,
.store-footer .s-contacts {
display: grid !important;
gap: 0.35rem !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.store-footer .s-contacts-item,
.store-footer a[href^="mailto:"],
.store-footer a[href^="tel:"],
.store-footer a[href*="wa.me"],
.store-footer a[href*="whatsapp"] {
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
width: fit-content !important;
min-height: 0 !important;
padding: 0.25rem 0 !important;
border: none !important;
background: transparent !important;
color: #111111 !important;
font-size: 0.82rem !important;
text-decoration: none !important;
}
.store-footer .s-contacts-item:hover,
.store-footer a[href^="mailto:"]:hover,
.store-footer a[href^="tel:"]:hover,
.store-footer a[href*="wa.me"]:hover,
.store-footer a[href*="whatsapp"]:hover {
color: var(--rz-footer-muted) !important;
}
.store-footer .s-contacts-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 1.75rem !important;
height: 1.75rem !important;
flex-shrink: 0 !important;
border: none !important;
background: transparent !important;
color: var(--rz-gold, #C1A16C) !important;
box-shadow: none !important;
border-radius: 0 !important;
transition: color 0.2s ease !important;
}
.store-footer .s-contacts-item:hover .s-contacts-icon {
color: #111111 !important;
background: transparent !important;
box-shadow: none !important;
}
.store-footer .s-contacts-icon svg {
display: block !important;
width: 18px !important;
height: 18px !important;
color: inherit !important;
fill: currentColor !important;
}
.store-footer .s-social-list,
.store-footer .contact-social .s-social-list {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.5rem !important;
align-items: center !important;
margin-block-start: 0.5rem !important;
}
.store-footer .s-social-link,
.store-footer .s-social-link > a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 2.25rem !important;
height: 2.25rem !important;
border: 1px solid rgba(193, 161, 108, 0.25) !important;
box-shadow: none !important;
background: transparent !important;
color: var(--rz-gold, #C1A16C) !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}
.store-footer .s-social-link:hover,
.store-footer .s-social-link > a:hover,
.store-footer .s-social-link:focus-visible,
.store-footer .s-social-link > a:focus-visible {
background: var(--rz-gold, #C1A16C) !important;
border-color: var(--rz-gold, #C1A16C) !important;
color: #FFFFFF !important;
box-shadow: none !important;
}
.store-footer .s-social-icon,
.store-footer .s-social-link svg,
.store-footer .s-social-link i {
display: block !important;
width: 18px !important;
height: 18px !important;
font-size: 18px !important;
color: inherit !important;
fill: currentColor !important;
border: none !important;
box-shadow: none !important;
background: transparent !important;
border-radius: 0 !important;
}
.store-footer svg {
color: currentColor !important;
fill: currentColor !important;
stroke: none !important;
width: 18px;
height: 18px;
}
.store-footer .flex.gap-4 {
margin-block-start: 1.25rem !important;
padding-block-start: 1.25rem !important;
border-block-start: 1px solid var(--rz-footer-line) !important;
}
.store-footer salla-apps-icons {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 0.75rem !important;
}
.store-footer salla-apps-icons img {
height: 36px !important;
width: auto !important;
opacity: 0.7;
filter: grayscale(30%);
transition: opacity 0.2s ease, filter 0.2s ease;
}
.store-footer salla-apps-icons img:hover {
opacity: 1;
filter: grayscale(0%);
}
.store-footer form {
display: grid !important;
gap: 0.7rem !important;
}
.store-footer salla-newsletter form,
.store-footer .newsletter-form {
display: flex !important;
gap: 0 !important;
}
.store-footer salla-newsletter input,
.store-footer .newsletter-form input {
flex: 1 !important;
min-width: 0 !important;
border-inline-end: none !important;
}
.store-footer salla-newsletter button,
.store-footer .newsletter-form button {
flex-shrink: 0 !important;
padding-inline: 1.25rem !important;
}
.store-footer input:not([type="checkbox"]):not([type="radio"]),
.store-footer textarea,
.store-footer select {
width: 100% !important;
min-height: 2.5rem !important;
padding: 0.6rem 0.8rem !important;
border: 1px solid rgba(17, 17, 17, 0.1) !important;
border-radius: 0 !important;
background: #FFFFFF !important;
color: #111111 !important;
box-shadow: none !important;
font-size: 0.82rem !important;
}
.store-footer input::placeholder,
.store-footer textarea::placeholder {
color: var(--rz-steel, #6B6B6B) !important;
}
.store-footer input:focus,
.store-footer textarea:focus,
.store-footer select:focus {
outline: none !important;
border-color: var(--rz-gold, #C1A16C) !important;
}
.store-footer button,
.store-footer .btn,
.store-footer [type="submit"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 2.5rem !important;
padding-inline: 1rem !important;
border: 1px solid #111111 !important;
border-radius: 0 !important;
background: #111111 !important;
color: #FFFFFF !important;
font-family: inherit !important;
font-size: 0.72rem !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition: background-color 0.2s ease, border-color 0.2s ease !important;
}
.store-footer button:hover,
.store-footer button:focus-visible,
.store-footer .btn:hover,
.store-footer [type="submit"]:hover {
border-color: var(--rz-gold, #C1A16C) !important;
background: var(--rz-gold, #C1A16C) !important;
}
.store-footer hr,
.store-footer .divider {
margin-block: 1rem !important;
border: 0 !important;
border-block-start: 1px solid var(--rz-footer-line) !important;
}
.store-footer > .md\:flex,
.store-footer > [class*="justify-between"] {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 0.6rem 1.5rem !important;
margin-block-start: 0 !important;
padding-block: clamp(1rem, 2vw, 1.5rem) !important;
border-block-start: 1px solid var(--rz-footer-line) !important;
}
.store-footer .copyright-text,
.store-footer .copyright-text p,
.store-footer .copyright-text a {
color: #999999 !important;
font-size: 0.7rem !important;
letter-spacing: 0.02em !important;
margin: 0 !important;
}
.store-footer .copyright-text a:hover {
color: var(--rz-gold, #C1A16C) !important;
text-decoration: none !important;
}
.store-footer salla-payments,
.store-footer .s-payments-list-wrap {
display: flex !important;
align-items: center !important;
}
.store-footer .s-payments-list {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.65rem !important;
align-items: center !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.store-footer .s-payments-list li {
padding: 0 !important;
}
.store-footer .s-payments-list img,
.store-footer .s-payments-list svg {
height: 18px !important;
width: auto !important;
opacity: 0.4 !important;
filter: grayscale(100%) !important;
transition: opacity 0.2s ease, filter 0.2s ease !important;
}
.store-footer .s-payments-list img:hover,
.store-footer .s-payments-list svg:hover {
opacity: 0.8 !important;
filter: grayscale(0%) !important;
}
.rz-trust-strip {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 1.25rem;
padding-block: 1rem;
margin-block-start: 1rem;
border-block-start: 1px solid rgba(17, 17, 17, 0.06);
}
.rz-trust-strip__payment {
display: flex;
align-items: center;
gap: 0.85rem;
}
.rz-trust-strip__payment svg {
width: auto;
height: 20px;
opacity: 0.45;
filter: grayscale(100%);
transition: opacity 0.2s ease;
}
.rz-trust-strip__payment svg:hover {
opacity: 0.75;
}
.rz-trust-strip__text {
font-size: 0.72rem !important;
color: var(--rz-steel, #6B6B6B) !important;
letter-spacing: 0.02em;
}
@media (max-width: 991px) {
.store-footer .store-footer__inner > .container {
grid-template-columns: 1fr 1fr !important;
gap: 2rem 1.5rem !important;
}
.store-footer .store-footer__inner {
padding-block: 2.5rem 2rem !important;
}
.store-footer salla-apps-icons {
grid-column: span 2 !important;
flex-direction: row !important;
flex-wrap: wrap !important;
}
}
@media (max-width: 575px) {
.store-footer .store-footer__inner {
padding-block: 2rem 1.5rem !important;
}
.store-footer .store-footer__inner > .container {
grid-template-columns: 1fr !important;
gap: 1.75rem !important;
text-align: center !important;
}
.store-footer .store-footer__inner .max-w-sm p,
.store-footer .store-footer__inner .max-w-sm {
max-width: none !important;
text-align: center !important;
}
.store-footer h3,
.store-footer .s-contacts-title {
font-size: 0.68rem !important;
margin-block-end: 0.85rem !important;
}
.store-footer .store-footer__inner > .container > div:first-child h3 {
font-size: 1rem !important;
}
.store-footer p,
.store-footer li,
.store-footer small,
.store-footer span,
.store-footer address {
font-size: 0.88rem !important;
line-height: 1.6 !important;
}
.store-footer .s-contacts-item,
.store-footer a[href^="mailto:"],
.store-footer a[href^="tel:"],
.store-footer a[href*="wa.me"],
.store-footer a[href*="whatsapp"] {
justify-content: center !important;
width: 100% !important;
}
.store-footer .s-social-list,
.store-footer .contact-social .s-social-list {
justify-content: center !important;
}
.store-footer salla-apps-icons {
grid-column: 1 !important;
align-items: center !important;
flex-direction: row !important;
justify-content: center !important;
}
.store-footer > .md\:flex,
.store-footer > [class*="justify-between"] {
flex-direction: column !important;
align-items: center !important;
gap: 0.75rem !important;
text-align: center !important;
}
.rz-trust-strip {
gap: 0.75rem;
flex-direction: column;
}
.rz-trust-strip__payment svg {
height: 16px;
}
.store-footer .flex.gap-4 {
justify-content: center !important;
flex-wrap: wrap !important;
}
}
.s-block--testimonials {
padding-block-start: clamp(1.5rem, 3vw, 2.5rem) !important;
padding-block-end: clamp(1.5rem, 3vw, 2.5rem) !important;
background: #FBF8F6;
border-block: none;
max-width: none !important;
padding-inline: 0 !important;
width: 100% !important;
}
.s-block--testimonials .s-reviews-container {
max-width: none !important;
width: 100%;
}
.s-block--testimonials .s-reviews-header-wrapper {
display: flex;
align-items: center;
justify-content: center;
max-width: 1280px;
margin-inline: auto;
margin-block-end: 1.25rem;
padding-inline: clamp(0.75rem, 2vw, 1.5rem);
padding-block-end: 0.85rem;
border-block-end: none;
}
.s-block--testimonials .s-reviews-header {
margin: 0;
color: #111111;
font-family: inherit;
font-size: clamp(1.5rem, 3vw, 2.25rem);
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.25;
text-transform: none;
}
.rz-is-rtl .s-block--testimonials .s-reviews-header {
font-size: 0;
}
.rz-is-rtl .s-block--testimonials .s-reviews-header::before {
content: "ماذا يقول عملاؤنا";
display: block;
font-size: clamp(1.5rem, 3vw, 2.25rem);
font-weight: 400;
color: #111111;
line-height: 1.25;
}
.rz-is-ltr .s-block--testimonials .s-reviews-header {
font-size: 0;
}
.rz-is-ltr .s-block--testimonials .s-reviews-header::before {
content: "What Our Customers Say";
display: block;
font-size: clamp(1.1rem, 2vw, 1.5rem);
font-weight: 700;
color: #111111;
line-height: 1.25;
}
.rz-reviews-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1rem;
max-width: 1340px;
margin-inline: auto;
padding-inline: clamp(0.75rem, 2vw, 1.5rem);
padding-block-end: 1.5rem;
}
.rz-reviews-card {
opacity: 0;
transform: translateY(4px);
transition:
opacity 0.25s ease-out,
transform 0.25s ease-out;
}
.rz-reviews-card--visible {
opacity: 1;
transform: none;
}
.rz-reviews-card:nth-child(2) { transition-delay: 0.04s; }
.rz-reviews-card:nth-child(3) { transition-delay: 0.08s; }
.rz-reviews-card:nth-child(4) { transition-delay: 0.12s; }
.rz-reviews-card:nth-child(5) { transition-delay: 0.16s; }
.rz-reviews-card:nth-child(6) { transition-delay: 0.20s; }
.rz-reviews-card:nth-child(n+7) { transition-delay: 0.24s; }
.rz-reviews-card:nth-child(n+5) {
display: none;
}
@media (prefers-reduced-motion: reduce) {
.rz-reviews-card {
opacity: 1;
transform: none;
transition: none;
}
}
.s-block--testimonials .s-reviews-testimonial,
.rz-reviews-card .s-reviews-testimonial {
position: relative;
height: 100%;
padding: 1.5rem 1.75rem;
background: #ffffff;
border-radius: 0 !important;
border: 1px solid rgba(17, 17, 17, 0.06);
box-shadow: none;
opacity: 1 !important;
}
.s-block--testimonials .s-reviews-testimonial__inner,
.rz-reviews-card .s-reviews-testimonial__inner {
display: flex;
align-items: flex-start;
gap: 1rem;
}
.s-block--testimonials .s-reviews-testimonial__avatar,
.rz-reviews-card .s-reviews-testimonial__avatar {
width: 2.25rem;
height: 2.25rem;
min-width: 2.25rem;
border-radius: 50%;
overflow: hidden;
background: #f3f1ed;
border: 1px solid rgba(17, 17, 17, 0.08);
flex-shrink: 0;
}
.s-block--testimonials .s-reviews-testimonial__avatar img,
.rz-reviews-card .s-reviews-testimonial__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.s-block--testimonials .s-reviews-testimonial__text > p,
.rz-reviews-card .s-reviews-testimonial__text > p {
display: block !important;
margin: 0 0 0.65rem;
color: #555555;
font-size: 0.88rem;
line-height: 1.65;
}
.s-block--testimonials .s-reviews-testimonial__icon,
.rz-reviews-card .s-reviews-testimonial__icon {
display: none;
}
.s-block--testimonials .s-reviews-testimonial__info,
.rz-reviews-card .s-reviews-testimonial__info {
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.s-block--testimonials .s-reviews-testimonial__name_wrapper,
.rz-reviews-card .s-reviews-testimonial__name_wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.2rem;
}
.s-block--testimonials .s-reviews-testimonial__info h2,
.rz-reviews-card .s-reviews-testimonial__info h2 {
margin: 0;
color: #111111;
font-size: 0.85rem;
font-weight: 600;
line-height: 1.2;
}
.s-block--testimonials .s-reviews-testimonial__rating,
.rz-reviews-card .s-reviews-testimonial__rating {
display: flex !important;
align-items: center;
color: #C1A16C;
line-height: 1;
}
@media (max-width: 767px) {
.rz-reviews-grid {
grid-template-columns: 1fr;
gap: 0.75rem;
padding-inline: clamp(0.75rem, 4vw, 1.25rem);
}
.rz-reviews-card:nth-child(n+4) {
display: none;
}
.s-block--testimonials .s-reviews-testimonial,
.rz-reviews-card .s-reviews-testimonial {
padding: 0.85rem 1rem;
}
.s-block--testimonials .s-reviews-testimonial__text > p,
.rz-reviews-card .s-reviews-testimonial__text > p {
font-size: 0.85rem;
line-height: 1.6;
}
.s-block--testimonials {
padding-block: 1.25rem !important;
}
}
.s-slider-block__title,
.s-block--best-offers .s-slider-block__title,
.s-block--slider-with-bg .s-slider-block__title,
[class*="s-block"] .s-slider-block__title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-block-end: clamp(1.75rem, 3.5vw, 2.75rem);
padding-block-end: 0.85rem;
border-block-end: none;
position: relative;
}
.s-slider-block__title::after,
[class*="s-block"] .s-slider-block__title::after {
display: none;
}
.s-slider-block__title :is(h1, h2, h3, h4, .title, .block-title, .s-slider-block__title-text, span:first-child) {
margin: 0;
font-family: inherit;
font-size: clamp(1.25rem, 2vw, 1.75rem);
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.01em;
text-transform: none;
}
.s-slider-block__title :is(a, .view-all, [class*="view-all"], [class*="show-all"]) {
display: inline-flex;
align-items: center;
gap: 0.3rem;
flex-shrink: 0;
color: var(--rz-steel);
font-size: 0.82rem;
font-weight: 500;
letter-spacing: 0.02em;
text-transform: none;
text-decoration: none;
border-block-end: 1px solid rgba(17, 17, 17, 0.12);
padding-block-end: 0.15rem;
transition: color 0.2s ease, border-color 0.2s ease;
}
.s-slider-block__title :is(a, .view-all, [class*="view-all"], [class*="show-all"])::after {
content: "\2192";
display: inline-block;
font-size: 0.9em;
transition: transform 0.2s ease;
}
.rz-is-rtl .s-slider-block__title :is(a, .view-all, [class*="view-all"], [class*="show-all"])::after {
content: "\2190";
}
.s-slider-block__title :is(a, .view-all, [class*="view-all"], [class*="show-all"]):hover,
.s-slider-block__title :is(a, .view-all, [class*="view-all"], [class*="show-all"]):focus-visible {
color: #111111;
border-block-end-color: #111111;
}
.s-slider-block__title :is(a, .view-all, [class*="view-all"], [class*="show-all"]):hover::after {
transform: translateX(3px);
}
.rz-is-rtl .s-slider-block__title :is(a, .view-all, [class*="view-all"], [class*="show-all"]):hover::after {
transform: translateX(-3px);
}
:where(.s-block--slider-with-bg, .s-block--best-offers, [class*="s-block--"]):not(.s-block--hero-slider):not(.s-block--banners):not(.s-block--features):not(.s-block--testimonials) {
padding-block: var(--rz-section-gap);
}
:where(.s-block--slider-with-bg, .s-block--best-offers) {
background: #FFFFFF !important;
border-block: none;
}
:where(.s-block--slider-with-bg, .s-block--best-offers):nth-of-type(even) {
background: #FBF8F6 !important;
}
:where(.s-block--slider-with-bg, .s-block--best-offers) .s-slider-block__title {
border-block-end: none;
}
:where(.s-block--slider-with-bg, .s-block--best-offers) .s-slider-block__title :is(h1, h2, h3, h4, .title, .block-title, .s-slider-block__title-text, span:first-child) {
color: #111111;
font-size: clamp(1.5rem, 2.5vw, 2rem);
font-weight: 500;
letter-spacing: 0.01em;
text-transform: none;
}
:where(.s-block--slider-with-bg, .s-block--best-offers) .s-slider-block__title :is(a, .view-all, [class*="view-all"]) {
color: var(--rz-steel);
border-block-end: 1px solid rgba(17, 17, 17, 0.15);
}
:where(.s-block--slider-with-bg, .s-block--best-offers) .s-slider-block__title :is(a, .view-all, [class*="view-all"]):hover {
color: #111111;
border-block-end-color: #111111;
}
:where(.s-block--slider-with-bg, .s-block--best-offers) .s-slider-block__title-description,
:where(.s-block--slider-with-bg, .s-block--best-offers) .s-slider-block__title p {
color: #4d463a;
}
:where(.s-block--slider-with-bg, .s-block--best-offers) .s-slider-nav-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 2.5rem;
block-size: 2.5rem;
border: 1px solid rgba(17, 17, 17, 0.12);
border-radius: 0 !important;
background: transparent;
color: #111111;
box-shadow: none;
transition: border-color 0.18s ease;
}
:where(.s-block--slider-with-bg, .s-block--best-offers) .s-slider-nav-arrow:hover,
:where(.s-block--slider-with-bg, .s-block--best-offers) .s-slider-nav-arrow:focus-visible {
border-color: #111111;
}
@media (max-width: 767px) {
.s-slider-block__title,
[class*="s-block"] .s-slider-block__title {
padding-block-end: 0.7rem;
margin-block-end: 1rem;
}
.s-slider-block__title :is(h1, h2, h3, h4, .title) {
font-size: 1.15rem;
font-weight: 500;
letter-spacing: 0.01em;
}
}
.s-block--features {
position: relative;
isolation: isolate;
padding-block: clamp(1.5rem, 3vw, 2.25rem);
background: #FBF8F6;
border-block-start: 1px solid rgba(17, 17, 17, 0.04);
border-block-end: none;
}
.s-block--features::before {
display: none;
}
.s-block--features :is(.container, .features-container, .store-features, [class*="features-inner"]) {
position: relative;
z-index: 1;
}
.s-block--features :is(.features-list, .features-grid, .grid, ul, ol, [class*="features-items"], [class*="grid-cols"]) {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 0 !important;
list-style: none;
margin: 0;
padding: 0;
}
.s-block--features :is(.feature-item, .feature, li, [class*="feature-"], [class*="features__"]),
.s-block--features .s-block--features__item {
position: relative;
display: flex !important;
flex-direction: column !important;
align-items: center;
justify-content: flex-start;
gap: 0.35rem;
padding: 0.75rem clamp(1rem, 2vw, 1.5rem) !important;
text-align: center;
background: transparent !important;
background-color: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
height: auto !important;
min-height: 0 !important;
}
.s-block--features :is(.feature-item, .feature, li, [class*="feature-"], [class*="features__"]) + :is(.feature-item, .feature, li, [class*="feature-"], [class*="features__"]) {
border-inline-start: 1px solid rgba(17, 17, 17, 0.07);
}
.s-block--features .feature-icon,
.s-block--features [class*="feature-icon"] {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 1.75rem !important;
height: 1.75rem !important;
background: transparent !important;
background-color: transparent !important;
border-radius: 0 !important;
border: none !important;
padding: 0 !important;
box-shadow: none !important;
flex-shrink: 0;
}
.s-block--features :is(.feature-icon, [class*="icon"]) :is(i, svg),
.s-block--features .feature-icon > i,
.s-block--features .feature-icon > svg,
.s-block--features :is(i[class*="sicon"], i[class*="icon"]) {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
color: #111111 !important;
fill: #111111 !important;
stroke: #111111 !important;
font-size: 1rem;
background: none !important;
background-color: transparent !important;
border-radius: 0 !important;
border: none !important;
filter: none;
}
.s-block--features svg {
color: #111111 !important;
fill: #111111 !important;
stroke: #111111 !important;
background: none !important;
border-radius: 0 !important;
}
.s-block--features img:not([class*="icon"]) {
filter: brightness(0) saturate(0);
}
.s-block--features :is(h1, h2, h3, h4, h5, .title, .feature-title, [class*="feature-title"]) {
margin: 0;
color: #111111;
font-size: 0.88rem;
font-weight: 600;
letter-spacing: 0.01em;
line-height: 1.3;
}
.s-block--features :is(p, .description, .feature-description, [class*="feature-desc"]),
.s-block--features .s-block--features__item > p {
display: block !important;
margin: 0;
color: var(--rz-steel, #6B6B6B);
font-size: 0.78rem;
font-weight: 400;
line-height: 1.45;
max-inline-size: 22ch;
}
@media (max-width: 767px) {
.s-block--features {
padding-block: clamp(1rem, 2.5vw, 1.5rem);
}
.s-block--features :is(.features-list, .features-grid, .grid, ul, ol, [class*="features-items"], [class*="grid-cols"]) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0 !important;
}
.s-block--features :is(.feature-item, .feature, li, [class*="feature-"], [class*="features__"]) {
padding: 0.65rem 0.75rem !important;
align-items: center;
}
.s-block--features :is(.feature-item, .feature, li, [class*="feature-"], [class*="features__"]) + :is(.feature-item, .feature, li, [class*="feature-"], [class*="features__"]):nth-child(odd) {
border-inline-start: none;
border-block-start: 1px solid rgba(17, 17, 17, 0.07);
}
.s-block--features .feature-icon,
.s-block--features [class*="feature-icon"] {
width: 1.5rem !important;
height: 1.5rem !important;
}
}
body.product-single,
body.product-single main {
background-color: var(--rz-warm-linen) !important;
color: #111111 !important;
}
body.product-single .breadcrumbs a,
body.product-single .breadcrumbs span,
body.product-single salla-breadcrumb {
color: var(--rz-steel) !important;
}
body.product-single .sidebar,
body.product-single .main-content {
background-color: transparent !important;
color: #111111 !important;
}
body.product-single h1 {
color: #111111 !important;
font-size: clamp(1.5rem, 2.5vw, 2.2rem) !important;
font-weight: 700 !important;
line-height: 1.3 !important;
margin-bottom: 0.75rem !important;
}
body.product-single .product-entry__sub-title {
color: var(--rz-steel) !important;
font-size: 0.9rem !important;
}
body.product-single salla-rating-stars {
--color: var(--rz-desert-gold) !important;
}
body.product-single .price-wrapper .total-price,
body.product-single .main-content .text-red-800,
body.product-single .main-content .total-price {
color: #111111 !important;
}
body.product-single .main-content .text-red-800 + .sicon-sar,
body.product-single .main-content .total-price + .sicon-sar {
color: #111111 !important;
}
body.product-single .main-content .before-price,
body.product-single .main-content .line-through {
color: var(--rz-steel) !important;
font-size: 0.9em !important;
}
body.product-single .main-content .line-through + .sicon-sar,
body.product-single .main-content .before-price + .sicon-sar {
color: var(--rz-steel) !important;
}
body.product-single .product__description,
body.product-single .article--main,
body.product-single .article--main * {
color: #333333 !important;
background: transparent !important;
}
body.product-single .article--main h2,
body.product-single .article--main h3,
body.product-single .article--main h4,
body.product-single .article--main strong {
color: #111111 !important;
}
body.product-single .link--primary {
color: #111111 !important;
}
body.product-single .main-content a[href*="tag"] {
color: var(--rz-steel) !important;
}
body.product-single .product-form section,
body.product-single .product-form .salla-options-wrapper,
body.product-single .product-form salla-options {
background-color: #FFFFFF !important;
border: 1px solid rgba(0,0,0,0.07) !important;
border-radius: 0 !important;
margin-bottom: 1px !important;
}
body.product-single .product-form .form-label,
body.product-single .product-form label {
color: #111111 !important;
}
body.product-single .product-form input,
body.product-single .product-form select,
body.product-single .product-form textarea {
background-color: #FAFAFA !important;
border-color: rgba(0,0,0,0.15) !important;
color: #111111 !important;
}
body.product-single .product-form button:not(.s-button-element),
body.product-single .product-form .btn:not(.s-button-element) {
background-color: #FAFAFA !important;
border-color: rgba(0,0,0,0.15) !important;
color: #111111 !important;
}
body.product-single .main-content .bg-white {
background-color: #FFFFFF !important;
color: #333333;
}
body.product-single salla-quantity-input,
body.product-single .sticky-product-bar__quantity {
color: #111111 !important;
}
body.product-single salla-quantity-input [part="btn"],
body.product-single salla-quantity-input button {
background: transparent !important;
color: #111111 !important;
border-color: rgba(0,0,0,0.15) !important;
}
body.product-single .s-add-product-button-main {
flex-direction: column !important;
gap: 0.5rem !important;
}
body.product-single .s-add-product-button-main > * {
width: 100% !important;
flex: none !important;
}
body.product-single salla-add-product-button .s-button-element,
body.product-single .sticky-product-bar__btn .s-button-element,
body.product-single salla-add-product-button button {
width: 100% !important;
background-color: #111111 !important;
color: #ffffff !important;
border: 1px solid rgba(17,17,17,0.12) !important;
font-size: 0.85rem !important;
font-weight: 700 !important;
letter-spacing: 0.02em !important;
text-transform: none !important;
border-radius: 0 !important;
transition: background-color 0.2s ease !important;
}
body.product-single salla-add-product-button .s-button-element:hover,
body.product-single .sticky-product-bar__btn .s-button-element:hover {
background-color: #2a2a2a !important;
}
body.product-single salla-add-product-button [part="quick-buy"],
body.product-single .btn--quick-buy,
body.product-single salla-add-product-button .s-button-element.btn--quick-buy,
body.product-single .s-add-product-button-mini-checkout .s-button-element {
background: transparent !important;
border: 1px solid #111111 !important;
color: #111111 !important;
border-radius: 0 !important;
font-weight: 600 !important;
}
body.product-single salla-button.btn--wishlist {
background: transparent !important;
background-color: transparent !important;
--s-color-light: var(--rz-steel);
}
body.product-single button.btn--wishlist,
body.product-single .btn--wishlist.s-button-element {
background: transparent !important;
background-color: transparent !important;
border: 1px solid rgba(0,0,0,0.15) !important;
color: var(--rz-steel) !important;
box-shadow: none !important;
}
body.product-single .btn--wishlist i,
body.product-single .btn--wishlist .sicon-heart {
color: var(--rz-steel) !important;
background: transparent !important;
}
body.product-single .btn--wishlist:hover,
body.product-single .btn--wishlist.s-button-element:hover {
border-color: #111111 !important;
color: #111111 !important;
}
body.product-single .btn--wishlist:hover i {
color: #111111 !important;
}
body.product-single .btn--wishlist.is--active,
body.product-single .btn--wishlist[active],
body.product-single salla-button.btn--wishlist.is--active .s-button-element,
body.product-single salla-button.btn--wishlist[active] .s-button-element {
border-color: #c0392b !important;
color: #c0392b !important;
}
body.product-single .btn--wishlist.is--active i,
body.product-single .btn--wishlist[active] i,
body.product-single salla-button.btn--wishlist.is--active i,
body.product-single salla-button.btn--wishlist[active] i {
color: #c0392b !important;
}
body.product-single .sidebar salla-slider,
body.product-single .details-slider {
background: #FFFFFF !important;
position: relative !important;
}
body.product-single .sidebar .promotion-title {
background: var(--rz-desert-gold) !important;
color: #111111 !important;
}
body.product-single .details-slider .s-slider-block__title {
position: static !important;
}
body.product-single .details-slider .s-slider-block__title-nav {
position: absolute !important;
top: 50% !important;
inset-inline-start: 0 !important;
inset-inline-end: 0 !important;
transform: translateY(-50%) !important;
z-index: 10 !important;
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
padding-inline: 0.5rem !important;
pointer-events: none !important;
background: transparent !important;
}
body.product-single .details-slider .s-slider-block__title-text {
display: none !important;
}
body.product-single .details-slider .s-slider-nav-arrow {
pointer-events: all !important;
background-color: rgba(255,255,255,0.92) !important;
color: #111111 !important;
border: 1px solid rgba(0,0,0,0.1) !important;
border-radius: 0 !important;
width: 36px !important;
height: 36px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
flex-shrink: 0 !important;
}
body.product-single .details-slider .s-slider-nav-arrow:hover {
background-color: #111111 !important;
border-color: #111111 !important;
color: #ffffff !important;
}
body.product-single .details-slider .s-slider-nav-arrow.swiper-button-disabled {
opacity: 0.35 !important;
}
body.product-single .details-slider [slot="thumbs"] .slide--one-fourth.swiper-slide-thumb-active,
body.product-single .details-slider .s-slider-thumbs .swiper-slide-thumb-active {
outline: 2px solid var(--rz-desert-gold) !important;
outline-offset: -2px !important;
}
body.product-single salla-comments {
background-color: var(--rz-warm-linen) !important;
}
body.product-single salla-products-slider {
background-color: var(--rz-warm-linen) !important;
}
body.product-single salla-products-slider .s-slider-block__title,
body.product-single salla-products-slider [slot="title"],
body.product-single salla-products-slider .block-title {
color: #111111 !important;
}
body.product-single .container:has(salla-products-slider) {
border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
padding-top: 2rem !important;
}
body.product-single .price-wrapper .total-price,
body.product-single .price_is_on_sale .total-price,
body.product-single .main-content .text-red-800 {
color: #111111 !important;
font-size: 1.3rem !important;
font-weight: 700 !important;
}
body.product-single .total-price + .sicon-sar,
body.product-single .main-content .text-red-800 + .sicon-sar,
body.product-single .price_is_on_sale > .sicon-sar:first-of-type {
color: #111111 !important;
}
body.product-single .price-wrapper .before-price,
body.product-single .price_is_on_sale .before-price,
body.product-single .main-content .line-through {
color: var(--rz-steel) !important;
font-size: 0.88rem !important;
}
body.product-single .before-price + .sicon-sar,
body.product-single .main-content .line-through + .sicon-sar {
color: var(--rz-steel) !important;
font-size: 0.88rem !important;
}
@media (max-width: 767px) {
body.product-single h1 {
font-size: 1.25rem !important;
}
body.product-single .product-form section {
margin-bottom: 0 !important;
}
body.product-single .details-slider .s-slider-nav-arrow {
width: 30px !important;
height: 30px !important;
}
}
body.product-single .details-slider [slot="thumbs"] .slide--one-fourth {
border: 2px solid transparent !important;
border-radius: 0 !important;
cursor: pointer;
transition: border-color 0.2s;
overflow: hidden;
background: #FFFFFF !important;
}
body.product-single .details-slider [slot="thumbs"] .slide--one-fourth img,
body.product-single .details-slider .s-slider-thumbs img {
background: #FFFFFF !important;
object-fit: contain !important;
}
body.product-single .details-slider [slot="thumbs"] .slide--one-fourth.swiper-slide-thumb-active,
body.product-single .details-slider [slot="thumbs"] .slide--one-fourth:hover {
border-color: var(--rz-desert-gold) !important;
}
body.product-single .details-slider .swiper-slide.magnify-wrapper img {
object-fit: contain !important;
background: #FFFFFF !important;
}
body.product-single .details-slider .swiper,
body.product-single .details-slider .s-slider-swiper-wrapper,
body.product-single .details-slider .swiper-wrapper,
body.product-single .details-slider .swiper-slide {
max-height: 64vh !important;
}
body.product-single .details-slider .swiper-slide.magnify-wrapper img,
body.product-single .details-slider .swiper-slide img {
max-height: 64vh !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
@media (max-width: 991px) {
body.product-single .details-slider .swiper,
body.product-single .details-slider .s-slider-swiper-wrapper,
body.product-single .details-slider .swiper-wrapper,
body.product-single .details-slider .swiper-slide,
body.product-single .details-slider .swiper-slide img {
max-height: 56vh !important;
}
}
body.product-single salla-add-product-button .s-button-element,
body.product-single .sticky-product-bar__btn .s-button-element,
body.product-single salla-add-product-button button:not(.s-modal-close) {
min-height: 3rem !important;
letter-spacing: 0.04em !important;
}
body.product-single salla-add-product-button .s-button-element:hover,
body.product-single .sticky-product-bar__btn .s-button-element:hover {
background-color: #000000 !important;
color: #FFFFFF !important;
box-shadow: 0 6px 18px rgba(17, 17, 17, 0.30) !important;
}
body.product-single salla-add-product-button [part="quick-buy"]:hover,
body.product-single .btn--quick-buy:hover,
body.product-single .s-add-product-button-mini-checkout .s-button-element:hover {
border-color: #111111 !important;
color: #FFFFFF !important;
background: #111111 !important;
}
body.product-single salla-quantity-input {
--s-input-bg: #FAFAFA !important;
--s-input-border: rgba(0,0,0,0.15) !important;
--s-input-color: #111111 !important;
color: #111111 !important;
}
body.product-single salla-social-share {
--s-social-color: var(--rz-steel) !important;
}
body.product-single salla-rating-stars {
--s-star-color: var(--rz-desert-gold) !important;
--s-star-empty-color: var(--rz-warm-greige) !important;
}
body.product-single salla-installment {
background: transparent !important;
color: #333333 !important;
}
body.product-single salla-gifting {
--s-gifting-bg: #FFFFFF !important;
--s-gifting-color: #111111 !important;
}
.rz-reveal {
opacity: 0;
transform: translateY(8px);
transition:
opacity 0.3s ease-out,
transform 0.3s ease-out;
}
.rz-reveal.rz-visible {
opacity: 1;
transform: translateY(0);
}
.rz-reveal-stagger > * {
opacity: 0;
transform: translateY(6px);
transition:
opacity 0.25s ease-out,
transform 0.25s ease-out;
}
.rz-reveal-stagger.rz-visible > *:nth-child(1) { transition-delay: 0ms; }
.rz-reveal-stagger.rz-visible > *:nth-child(2) { transition-delay: 40ms; }
.rz-reveal-stagger.rz-visible > *:nth-child(3) { transition-delay: 80ms; }
.rz-reveal-stagger.rz-visible > *:nth-child(4) { transition-delay: 120ms; }
.rz-reveal-stagger.rz-visible > *:nth-child(5) { transition-delay: 160ms; }
.rz-reveal-stagger.rz-visible > *:nth-child(6) { transition-delay: 200ms; }
.rz-reveal-stagger.rz-visible > * {
opacity: 1;
transform: translateY(0);
}
.store-header .main-nav-container a:not(.navbar-brand):not(.mburger),
.store-footer a {
transition: color var(--rz-transition-fast);
}
.store-header .main-nav-container a:not(.navbar-brand):not(.mburger):hover,
.store-footer a:hover {
color: #6B6B6B;
}
@media (prefers-reduced-motion: reduce) {
.rz-reveal,
.rz-reveal-stagger > * {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
.s-product-card-entry salla-add-product-button,
.s-product-card-entry [class*=add-product-button] {
transition: none !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
}
}
a.wa-s-n {
background: var(--rz-obsidian, #050505) !important;
border-radius: 0 !important;
border: none !important;
box-shadow: var(--rz-shadow-sm) !important;
width: 44px !important;
height: 44px !important;
inset-block-end: 16px !important;
inset-inline-end: 16px !important;
inset-inline-start: auto !important;
transition: opacity 180ms ease !important;
}
a.wa-s-n:hover {
opacity: 0.85 !important;
}
a.wa-s-n:focus-visible {
outline: 2px solid var(--rz-desert-gold, #C1A16C) !important;
outline-offset: 2px !important;
}
a.wa-s-n svg {
color: #FFFFFF !important;
fill: #FFFFFF !important;
width: 22px !important;
height: 22px !important;
}
@media (prefers-reduced-motion: reduce) {
a.wa-s-n {
transition: none !important;
}
}
.rounded,
.rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-2xl {
border-radius: 0 !important;
}
.rounded-full:not(.avatar-wrap):not(.avatar-wrap *):not(.s-cart-summary-count) {
border-radius: 0 !important;
}
.form-input,
select.form-input,
textarea.form-input,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
select,
textarea {
border-radius: 0 !important;
border-color: rgba(17, 17, 17, 0.12);
}
.form-input:focus,
input:focus,
select:focus,
textarea:focus {
border-color: var(--rz-near-black, #111111) !important;
box-shadow: none !important;
outline: 2px solid rgba(17, 17, 17, 0.15);
outline-offset: -2px;
}
.s-button-element,
.btn,
button[type="submit"],
.s-button-primary {
border-radius: 0 !important;
}
.s-slider-nav-arrow {
border-radius: 0 !important;
}
.breadcrumbs,
salla-breadcrumb {
font-size: var(--rz-text-sm, 0.875rem);
}
salla-breadcrumb a,
.breadcrumbs a,
.breadcrumbs span {
color: var(--rz-steel, #6B6B6B);
}
salla-breadcrumb a:hover {
color: var(--rz-near-black, #111111);
}
.container {
background-color: transparent;
}
salla-filters {
background: var(--rz-surface, #FFFFFF);
border-radius: 0 !important;
}
salla-filters .filter-item {
border-radius: 0 !important;
}
.main-content select,
.main-content .sort-dropdown {
border-radius: 0 !important;
border-color: rgba(17, 17, 17, 0.12);
}
#page-main-title {
font-weight: var(--rz-weight-medium, 500);
color: var(--rz-near-black, #111111);
}
.filters-trigger {
border-radius: 0 !important;
}
salla-cart-summary {
border-radius: 0 !important;
}
salla-cart-summary .cart-item {
border-radius: 0 !important;
}
salla-conditional-offer {
border-radius: 0 !important;
}
salla-coupon {
border-radius: 0 !important;
}
.cart-submit .s-button-element,
.cart-submit-wrap .s-button-element {
background: var(--rz-obsidian, #050505) !important;
color: #FFFFFF !important;
border-radius: 0 !important;
border: none !important;
}
.cart-submit:hover .s-button-element,
.cart-submit .s-button-element:hover,
.cart-submit-wrap:hover .s-button-element,
.cart-submit-wrap .s-button-element:hover {
background: var(--rz-near-black, #111111) !important;
}
.text-primary {
color: #111111 !important;
}
.profile-header.gradient-bg {
background: var(--rz-warm-linen, #FBF8F6) !important;
color: var(--rz-near-black, #111111) !important;
}
.profile-header .breadcrumbs a,
.profile-header .breadcrumbs span,
.profile-header salla-breadcrumb a {
color: var(--rz-steel, #6B6B6B) !important;
}
.sidebar {
border-radius: 0 !important;
}
salla-user-menu a {
border-radius: 0 !important;
color: var(--rz-near-black, #111111);
}
salla-user-menu a:hover,
salla-user-menu a.active {
color: var(--rz-desert-gold, #C1A16C) !important;
}
.form--user-profile .form-input,
.form--user-profile input {
border-radius: 0 !important;
}
.order-item,
.order-card {
border-radius: 0 !important;
border-color: rgba(17, 17, 17, 0.08);
}
salla-wishlist .s-product-card-entry {
border-radius: 0 !important;
}
.blog-card,
.article-card {
border-radius: 0 !important;
overflow: hidden;
}
.blog-card img,
.article-card img {
border-radius: 0 !important;
}
.blog-filter,
.category-filter {
border-radius: 0 !important;
}
.content--single-page {
border-radius: 0 !important;
background: var(--rz-surface, #FFFFFF);
color: var(--rz-near-black, #111111);
}
.content--single-page h1 {
font-weight: var(--rz-weight-medium, 500);
}
.content-entry {
line-height: var(--rz-leading-relaxed, 1.75);
color: var(--rz-near-black, #111111);
}
.content-entry img {
border-radius: 0 !important;
}
salla-comments {
border-radius: 0 !important;
}
.brand-card,
.brand-item {
border-radius: 0 !important;
}
.brand-card img {
border-radius: 0 !important;
}
.thank-you .bg-primary,
.h-52.-mb-52.bg-primary {
background: var(--rz-warm-linen, #FBF8F6) !important;
}
.thank-you .bg-primary svg,
.h-52.-mb-52.bg-primary svg {
color: var(--rz-warm-linen, #FBF8F6) !important;
}
.thank-you .text-primary-reverse {
color: var(--rz-near-black, #111111) !important;
}
.thank-you .bg-white {
border-radius: 0 !important;
}
.loyalty-card,
.prize-card {
border-radius: 0 !important;
}
.loyalty-progress {
border-radius: 0 !important;
}
.landing-page .card,
.landing-page .panel {
border-radius: 0 !important;
}
.s-modal .s-modal-overlay {
background: rgba(8, 8, 12, 0.55) !important;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.s-modal .s-modal-body {
border-radius: 0 !important;
background: #FFFFFF !important;
color: #111111 !important;
border: 1px solid rgba(17, 17, 17, 0.08) !important;
box-shadow:
0 24px 60px rgba(0, 0, 0, 0.22),
0 4px 16px rgba(0, 0, 0, 0.10) !important;
padding: clamp(1.5rem, 3.5vw, 2.25rem) !important;
border-block-start: 2px solid var(--rz-accent, #B8922E) !important;
}
.s-modal .s-modal-header {
margin-block-end: 1.1rem !important;
padding-block-end: 0.85rem !important;
border-block-end: 1px solid rgba(17, 17, 17, 0.08) !important;
display: flex;
align-items: center;
justify-content: space-between;
}
.s-modal .s-modal-header,
.s-modal .s-modal-header h1,
.s-modal .s-modal-header h2,
.s-modal .s-modal-header h3,
.s-modal .s-modal-title,
.s-modal .s-modal-body > h2,
.s-modal .s-modal-body > h3 {
font-size: 1.05rem !important;
font-weight: 700 !important;
letter-spacing: 0.01em;
color: #111111 !important;
}
.s-modal .s-modal-close {
width: 2rem !important;
height: 2rem !important;
border-radius: 0 !important;
background: transparent !important;
color: #111111 !important;
opacity: 0.55;
border: 1px solid transparent !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
transition: opacity 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.s-modal .s-modal-close:hover,
.s-modal .s-modal-close:focus-visible {
opacity: 1;
color: var(--rz-accent, #B8922E) !important;
border-color: rgba(184, 146, 46, 0.4) !important;
}
.s-modal .s-modal-body select,
.s-modal .s-modal-body input:not([type="checkbox"]):not([type="radio"]),
.s-modal .s-modal-body textarea,
.s-modal .s-modal-body .s-form-control {
border-radius: 0 !important;
border: 1px solid rgba(17, 17, 17, 0.14) !important;
min-height: 2.75rem;
padding-inline: 0.85rem;
font-size: 0.88rem;
background: #FFFFFF !important;
color: #111111 !important;
box-shadow: none !important;
transition: border-color 0.18s ease;
}
.s-modal .s-modal-body select:focus,
.s-modal .s-modal-body input:focus,
.s-modal .s-modal-body textarea:focus {
border-color: #111111 !important;
box-shadow: none !important;
outline: none;
}
.s-modal .s-modal-body label {
font-size: 0.8rem !important;
font-weight: 500 !important;
color: var(--rz-steel, #6B6B6B) !important;
letter-spacing: 0.01em;
margin-block-end: 0.35rem;
}
.s-modal .s-modal-body button:not(.s-modal-close),
.s-modal .s-modal-body .s-button-element,
.s-modal .s-modal-body salla-button .s-button-element {
border-radius: 0 !important;
background: #111111 !important;
color: #FFFFFF !important;
min-height: 2.75rem;
font-size: 0.82rem !important;
font-weight: 600 !important;
letter-spacing: 0.02em;
border: none !important;
box-shadow: none !important;
transition: background-color 0.18s ease;
}
.s-modal .s-modal-body button:not(.s-modal-close):hover,
.s-modal .s-modal-body .s-button-element:hover {
background: var(--rz-accent, #B8922E) !important;
}
.swal2-popup {
border-radius: 0 !important;
border-block-start: 2px solid var(--rz-accent, #B8922E) !important;
}
.swal2-confirm,
.swal2-cancel {
border-radius: 0 !important;
}
.s-modal.s-login-modal .s-modal-body {
padding: 0 !important;
width: min(420px, 94vw) !important;
max-width: 420px !important;
overflow: hidden !important;
position: relative !important;
}
.s-modal.s-login-modal .s-modal-header {
position: absolute !important;
top: 0 !important;
inset-inline-end: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
z-index: 3 !important;
width: auto !important;
}
.s-modal.s-login-modal .s-modal-close {
margin: 0.45rem !important;
background: rgba(255, 255, 255, 0.9) !important;
}
.s-modal.s-login-modal .s-modal-body iframe {
display: block !important;
width: 100% !important;
border: 0 !important;
min-height: 430px;
}
.notification-item {
border-radius: 0 !important;
border-color: rgba(17, 17, 17, 0.06);
}
.wallet-card,
.balance-card {
border-radius: 0 !important;
}
.search-results .s-product-card-entry,
salla-search .s-product-card-entry {
border-radius: 0 !important;
}
.search-results-header,
.search-results h1 {
font-weight: var(--rz-weight-medium, 500);
color: var(--rz-near-black, #111111);
}
salla-search .s-search-input-wrapper {
border-radius: 0 !important;
}
.error-page,
.not-found-page,
.page-404 {
text-align: center;
padding-block: clamp(3rem, 8vw, 6rem);
color: var(--rz-near-black, #111111);
background: var(--rz-warm-linen, #FBF8F6);
}
.error-page h1,
.not-found-page h1,
.page-404 h1 {
font-weight: var(--rz-weight-medium, 500);
color: var(--rz-near-black, #111111);
}
.error-page .btn,
.not-found-page .btn,
.page-404 .btn,
.error-page .s-button-element,
.not-found-page .s-button-element,
.page-404 .s-button-element {
border-radius: 0 !important;
background: var(--rz-obsidian, #050505);
color: #FFFFFF;
}
.page-single .content-entry {
color: var(--rz-near-black, #111111);
line-height: var(--rz-leading-relaxed, 1.75);
}
.page-single .content-entry img {
border-radius: 0 !important;
}
.page-single .content-entry a {
color: var(--rz-desert-gold, #C1A16C);
}
.testimonials-page .s-reviews-testimonial {
border-radius: 0 !important;
border: 1px solid rgba(17, 17, 17, 0.04);
border-inline-start: 1.5px solid rgba(193, 161, 108, 0.5) !important;
}
@media (max-width: 767px) {
.sidebar {
border-radius: 0 !important;
box-shadow: none;
}
.profile-header.gradient-bg {
min-height: auto;
}
}
[class*="s-block"] {
background-color: var(--rz-bg, #FBF8F6);
color: var(--rz-text, #111111);
}
[class*="s-block"]:nth-child(even) {
background-color: var(--rz-surface, #FFFFFF);
}
.s-block--brands img {
filter: grayscale(100%);
opacity: 0.6;
transition: filter 0.24s ease, opacity 0.24s ease;
}
.s-block--brands img:hover {
filter: grayscale(0%);
opacity: 1;
}
.s-block--brands .swiper-slide {
border-radius: 0 !important;
}
.s-block--featured-products {
padding-block: var(--rz-section-gap, clamp(2.5rem, 5vw, 4.5rem));
}
.s-block--featured-products .s-product-card-entry {
border-radius: 0 !important;
}
.s-block--fixed-banner {
position: relative;
overflow: hidden;
}
.s-block--fixed-banner img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 0 !important;
}
.s-block--fixed-products {
padding-block: var(--rz-section-gap, clamp(2.5rem, 5vw, 4.5rem));
}
.s-block--latest-products {
padding-block: var(--rz-section-gap, clamp(2.5rem, 5vw, 4.5rem));
}
.s-block--main-links a {
border-radius: 0 !important;
color: var(--rz-near-black, #111111);
border: 1px solid rgba(17, 17, 17, 0.08);
transition: border-color 0.18s ease, background-color 0.18s ease;
}
.s-block--main-links a:hover {
border-color: rgba(17, 17, 17, 0.20);
background: rgba(17, 17, 17, 0.02);
}
.s-block--parallax {
position: relative;
overflow: hidden;
}
.s-block--parallax img {
object-fit: cover;
border-radius: 0 !important;
}
@media (prefers-reduced-motion: reduce) {
.s-block--parallax {
background-attachment: scroll !important;
}
.s-block--parallax [style*="transform"] {
transform: none !important;
}
}
.s-block--photos-slider .swiper-slide {
border-radius: 0 !important;
overflow: hidden;
}
.s-block--photos-slider img {
border-radius: 0 !important;
object-fit: cover;
}
.s-block--photos-slider .swiper-button-prev,
.s-block--photos-slider .swiper-button-next {
color: var(--rz-near-black, #111111) !important;
}
.s-block--square-photos .grid {
gap: 1rem;
}
.s-block--square-photos img {
border-radius: 0 !important;
object-fit: cover;
aspect-ratio: 1 / 1;
}
.s-block--youtube {
padding-block: var(--rz-section-gap, clamp(2.5rem, 5vw, 4.5rem));
}
.s-block--youtube iframe,
.s-block--youtube .video-container {
border-radius: 0 !important;
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
.s-block--slider-with-bg {
padding-block: var(--rz-section-gap, clamp(2.5rem, 5vw, 4.5rem));
}
.s-block--slider-with-bg .s-slider-block__title {
font-weight: var(--rz-weight-medium, 500);
color: var(--rz-near-black, #111111);
}
.s-block--countdown {
padding-block: var(--rz-section-gap, clamp(2.5rem, 5vw, 4.5rem));
background: var(--rz-surface, #FFFFFF);
color: var(--rz-near-black, #111111);
}
.s-block--countdown .countdown-item {
border-radius: 0 !important;
}
.s-block--instagram {
padding-block: var(--rz-section-gap, clamp(2.5rem, 5vw, 4.5rem));
}
.s-block--instagram img {
border-radius: 0 !important;
object-fit: cover;
}
.s-block--newsletter,
salla-newsletter {
padding-block: var(--rz-section-gap, clamp(2.5rem, 5vw, 4.5rem));
background: var(--rz-warm-linen, #FBF8F6);
color: var(--rz-near-black, #111111);
}
salla-newsletter input {
border-radius: 0 !important;
border-color: rgba(17, 17, 17, 0.12);
}
salla-newsletter button,
salla-newsletter .s-button-element {
border-radius: 0 !important;
background: var(--rz-obsidian, #050505);
color: #FFFFFF;
}
.s-block--faq {
padding-block: var(--rz-section-gap, clamp(2.5rem, 5vw, 4.5rem));
background: var(--rz-surface, #FFFFFF);
color: var(--rz-near-black, #111111);
}
.s-block--faq details,
.s-block--faq .accordion-item {
border-radius: 0 !important;
border-color: rgba(17, 17, 17, 0.06);
}
.s-block--faq summary,
.s-block--faq .accordion-trigger {
font-weight: var(--rz-weight-medium, 500);
color: var(--rz-near-black, #111111);
}
.s-block--custom-testimonials .swiper-slide {
border-radius: 0 !important;
}
.s-block--custom-testimonials blockquote {
border-inline-start: 1.5px solid rgba(193, 161, 108, 0.5);
padding-inline-start: 1rem;
color: #555555;
font-style: normal;
}
.store-header custom-main-menu .sub-menu {
border-top: none !important;
border-radius: 0 !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
background: #FFFFFF !important;
border: 1px solid rgba(17, 17, 17, 0.06) !important;
border-block-start: 1px solid rgba(17, 17, 17, 0.08) !important;
padding: 1rem 1.25rem !important;
min-width: 220px;
}
.store-header custom-main-menu .sub-menu li > a {
display: block !important;
padding: 0.4rem 0.5rem !important;
font-size: 0.82rem !important;
font-weight: 500 !important;
color: #111111 !important;
text-decoration: none !important;
transition: color 0.18s ease !important;
background: transparent !important;
border-radius: 0 !important;
}
.store-header custom-main-menu .sub-menu li > a:hover,
.store-header custom-main-menu .sub-menu li > a.rz-mega-active {
color: var(--rz-steel, #6B6B6B) !important;
background: transparent !important;
}
.store-header custom-main-menu .sub-menu li > a.rz-mega-active {
color: #111111 !important;
font-weight: 600 !important;
}
.store-header custom-main-menu li.root-level.rz-mega-menu > .sub-menu {
display: flex !important;
gap: 1.5rem;
padding: 1.5rem clamp(1rem, 2vw, 2rem) !important;
transition:
opacity var(--rz-duration-base, 180ms) var(--rz-ease, ease),
visibility var(--rz-duration-base, 180ms),
transform var(--rz-duration-base, 180ms) var(--rz-ease, ease);
}
.store-header custom-main-menu li.root-level.rz-mega-menu > .rz-mega-submenu-created {
position: absolute !important;
inset-block-start: 100%;
inset-inline-start: 0;
z-index: 950;
visibility: hidden;
opacity: 0;
pointer-events: none;
list-style: none;
margin: 0;
transition:
opacity var(--rz-duration-base, 180ms) var(--rz-ease, ease),
visibility var(--rz-duration-base, 180ms),
transform var(--rz-duration-base, 180ms) var(--rz-ease, ease);
}
.store-header custom-main-menu li.root-level.rz-mega-menu:hover > .rz-mega-submenu-created {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.store-header custom-main-menu li.root-level.rz-mega-menu.rz-mega-loaded > .sub-menu {
width: calc(100vw - 4rem) !important;
max-width: 1200px;
inset-inline-start: 50% !important;
transform: translateX(-50%) translateY(4px);
}
.store-header custom-main-menu li.root-level.rz-mega-menu.rz-mega-loaded:hover > .sub-menu {
transform: translateX(-50%) translateY(0);
}
.rz-is-rtl .store-header custom-main-menu li.root-level.rz-mega-menu.rz-mega-loaded > .sub-menu {
transform: translateX(50%) translateY(4px);
}
.rz-is-rtl .store-header custom-main-menu li.root-level.rz-mega-menu.rz-mega-loaded:hover > .sub-menu {
transform: translateX(50%) translateY(0);
}
.store-header custom-main-menu li.root-level.rz-mega-menu.rz-mega-loaded > .sub-menu > ul {
width: 180px !important;
flex-shrink: 0;
border-inline-end: 1px solid rgba(17, 17, 17, 0.06);
padding-inline-end: 1rem;
}
.store-header custom-main-menu li.root-level.rz-mega-menu.rz-mega-loaded > .rz-mega-submenu-created {
width: calc(100vw - 4rem) !important;
max-width: 1200px;
inset-inline-start: 50% !important;
transform: translateX(-50%) translateY(4px);
}
.store-header custom-main-menu li.root-level.rz-mega-menu.rz-mega-loaded:hover > .rz-mega-submenu-created {
transform: translateX(-50%) translateY(0);
}
.rz-is-rtl .store-header custom-main-menu li.root-level.rz-mega-menu.rz-mega-loaded > .rz-mega-submenu-created {
transform: translateX(50%) translateY(4px);
}
.rz-is-rtl .store-header custom-main-menu li.root-level.rz-mega-menu.rz-mega-loaded:hover > .rz-mega-submenu-created {
transform: translateX(50%) translateY(0);
}
.store-header custom-main-menu .rz-mega-products {
flex: 1;
min-width: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 0.75rem;
}
.rz-mega-skeleton {
aspect-ratio: 4 / 5;
background: linear-gradient(90deg, #f0ece8 25%, #f7f4f1 50%, #f0ece8 75%);
background-size: 200% 100%;
animation: rz-skeleton-shimmer 1.2s ease-in-out infinite;
}
@keyframes rz-skeleton-shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
@media (prefers-reduced-motion: reduce) {
.rz-mega-skeleton {
animation: none;
background: #f0ece8;
}
}
.store-header custom-main-menu .rz-mega-product-card {
display: flex;
flex-direction: column;
text-decoration: none;
color: #111111;
}
.store-header custom-main-menu .rz-mega-product-card .rz-mega-product-img-wrap {
position: relative;
overflow: hidden;
width: 100%;
aspect-ratio: 4 / 5;
background: #ffffff;
}
.store-header custom-main-menu .rz-mega-product-card .rz-mega-product-img-wrap img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.store-header custom-main-menu .rz-mega-product-card:hover .rz-mega-product-img-wrap img {
transform: scale(1.03);
}
.store-header custom-main-menu .rz-mega-product-card > img {
width: 100%;
aspect-ratio: 4 / 5;
object-fit: contain;
background: #ffffff;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.store-header custom-main-menu .rz-mega-product-card:hover > img {
transform: scale(1.03);
}
.store-header custom-main-menu .rz-mega-product-card .rz-mega-product-title {
font-size: 0.72rem;
font-weight: 400;
margin-block-start: 0.35rem;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.store-header custom-main-menu .rz-mega-product-prices {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 0.25rem;
margin-block-start: 0.1rem;
}
.store-header custom-main-menu .rz-mega-product-card .rz-mega-product-price {
font-size: 0.72rem;
font-weight: 500;
color: #111111;
}
.store-header custom-main-menu .rz-mega-product-card .rz-mega-price-sale {
font-weight: 500;
color: #111111;
}
.store-header custom-main-menu .rz-mega-product-card .rz-mega-price-original {
font-size: 0.64rem;
font-weight: 400;
color: rgba(17, 17, 17, 0.45);
text-decoration: line-through;
}
@media (max-width: 991px) {
.store-header custom-main-menu li.root-level.rz-mega-menu > .sub-menu {
width: auto !important;
max-width: none;
position: static !important;
transform: none;
flex-direction: column;
gap: 0;
padding: 0.5rem !important;
opacity: 1;
pointer-events: auto;
}
.store-header custom-main-menu .rz-mega-products {
display: none !important;
}
.store-header custom-main-menu .rz-mega-submenu-created {
display: none !important;
}
}
#rz-scroll-progress {
position: fixed;
top: 0;
inset-inline-start: 0;
height: 2px;
width: 100%;
z-index: 1000;
pointer-events: none;
background: transparent;
}
#rz-scroll-progress::after {
content: "";
display: block;
height: 100%;
width: 100%;
background: linear-gradient(
to right,
var(--rz-desert-gold-dark) 0%,
var(--rz-desert-gold) 50%,
var(--rz-desert-gold-light) 100%
);
transform: scaleX(0);
transform-origin: left center;
transform: scaleX(var(--rz-scroll-pct, 0));
will-change: transform;
}
html[dir="rtl"] #rz-scroll-progress::after {
transform-origin: right center;
background: linear-gradient(
to left,
var(--rz-desert-gold-dark) 0%,
var(--rz-desert-gold) 50%,
var(--rz-desert-gold-light) 100%
);
}
@supports (animation-timeline: scroll()) {
#rz-scroll-progress::after {
animation: rz-progress-fill linear;
animation-timeline: scroll(root);
}
@keyframes rz-progress-fill {
from { transform: scaleX(0); }
to   { transform: scaleX(1); }
}
}
@media (prefers-reduced-motion: reduce) {
#rz-scroll-progress { display: none; }
}
:fullscreen #rz-scroll-progress,
:-webkit-full-screen #rz-scroll-progress {
display: none;
}
.s-product-card-price,
.s-product-card-price *,
salla-product-price,
salla-product-price *,
.s-product-price,
.product-page-price,
.s-cart-item-price,
[class*="product"][class*="price"] {
font-feature-settings: "tnum" 1, "lnum" 1, "cv11" 1 !important;
font-variant-numeric: tabular-nums lining-nums !important;
}
.s-product-card-entry .s-product-card-price {
font-weight: var(--rz-weight-medium);
color: var(--rz-text);
transition:
font-weight var(--rz-duration-slow) var(--rz-ease),
color var(--rz-duration-base) var(--rz-ease);
}
.s-product-card-entry .s-product-card-price.rz-price-seen {
font-weight: var(--rz-weight-semibold);
}
.s-product-card-price .sicon-sar,
.s-product-card-price i.sicon-sar {
color: var(--rz-text-secondary);
font-size: 0.85em;
margin-inline-start: 4px;
opacity: 0.85;
vertical-align: baseline;
}
@media (prefers-reduced-motion: reduce) {
.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-price.rz-price-seen {
transition: none !important;
}
}
#rz-sticky-atc {
position: fixed;
bottom: 0;
inset-inline-start: 0;
inset-inline-end: 0;
z-index: 200;
background: var(--rz-surface);
border-block-start: 1px solid var(--rz-border-color);
padding-block: var(--rz-space-3);
padding-inline: var(--rz-space-4);
display: none;
align-items: center;
gap: var(--rz-space-4);
transform: translateY(100%);
opacity: 0;
transition:
transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1),
opacity 200ms var(--rz-ease-out);
will-change: transform, opacity;
}
#rz-sticky-atc.rz-atc-visible {
display: flex;
transform: translateY(0);
opacity: 1;
}
#rz-sticky-atc .rz-atc-thumb {
width: 48px;
height: 48px;
object-fit: cover;
flex-shrink: 0;
border: 1px solid var(--rz-border-color);
}
#rz-sticky-atc .rz-atc-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
#rz-sticky-atc .rz-atc-name {
font-size: var(--rz-text-sm);
font-weight: var(--rz-weight-medium);
color: var(--rz-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#rz-sticky-atc .rz-atc-price {
font-size: var(--rz-text-sm);
font-weight: var(--rz-weight-semibold);
color: var(--rz-text);
font-feature-settings: "tnum" 1, "lnum" 1;
}
#rz-sticky-atc .rz-atc-btn {
flex-shrink: 0;
height: 44px;
padding-inline: var(--rz-space-6);
background: var(--rz-obsidian);
color: var(--rz-platinum);
border: none;
border-radius: var(--rz-radius);
font-size: var(--rz-text-sm);
font-weight: var(--rz-weight-semibold);
letter-spacing: 0.04em;
cursor: pointer;
font-family: inherit;
transition:
background var(--rz-duration-fast) var(--rz-ease),
color var(--rz-duration-fast) var(--rz-ease);
white-space: nowrap;
}
#rz-sticky-atc .rz-atc-btn:hover {
background: var(--rz-accent);
color: var(--rz-obsidian);
}
#rz-sticky-atc .rz-atc-btn:active {
opacity: 0.85;
}
@media (max-height: 500px) {
#rz-sticky-atc { display: none !important; }
}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
#rz-sticky-atc {
padding-bottom: calc(var(--rz-space-3) + env(safe-area-inset-bottom));
}
}
@media (prefers-reduced-motion: reduce) {
#rz-sticky-atc {
transition: opacity 150ms linear;
transform: translateY(0);
}
}
.rz-trust-marquee {
overflow: hidden;
background: var(--rz-obsidian);
border-block: 1px solid var(--rz-dark-border-color);
padding-block: var(--rz-space-3);
position: relative;
z-index: 1;
pointer-events: none;
}
.rz-trust-marquee__track {
display: flex;
gap: 0;
width: max-content;
animation: rz-marquee-ltr 22s linear infinite;
user-select: none;
will-change: transform;
transform: translateZ(0);
backface-visibility: hidden;
}
html[dir="rtl"] .rz-trust-marquee__track,
body.rz-is-rtl .rz-trust-marquee__track {
animation-name: rz-marquee-rtl;
}
@keyframes rz-marquee-ltr {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
@keyframes rz-marquee-rtl {
from { transform: translateX(-50%); }
to   { transform: translateX(0); }
}
.rz-trust-marquee__item {
display: inline-flex;
align-items: center;
gap: var(--rz-space-2);
padding-inline: var(--rz-space-8);
font-size: var(--rz-text-xs);
font-weight: var(--rz-weight-medium);
color: var(--rz-platinum);
letter-spacing: 0.06em;
text-transform: uppercase;
white-space: nowrap;
user-select: none;
}
.rz-trust-marquee__item .sicon,
.rz-trust-marquee__item i[class*=sicon] {
color: var(--rz-accent);
font-size: 1rem;
flex-shrink: 0;
}
.rz-trust-marquee__sep {
display: inline-block;
width: 3px;
height: 3px;
background: var(--rz-accent);
opacity: 0.5;
border-radius: 50%;
align-self: center;
flex-shrink: 0;
}
@media (prefers-reduced-motion: reduce) {
.rz-trust-marquee__track {
animation: none;
justify-content: center;
width: 100%;
}
}
#rz-ribbon-svg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 9999;
overflow: visible;
}
#rz-ribbon-svg .rz-ribbon-path {
fill: none;
stroke: var(--rz-desert-gold);
stroke-width: 1.5;
stroke-linecap: round;
opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
#rz-ribbon-svg { display: none; }
}
.s-product-card-wishlist-btn {
position: relative;
overflow: visible;
}
.s-product-card-wishlist-btn .rz-heart-host {
display: block;
position: relative;
width: 22px;
height: 22px;
}
.s-product-card-wishlist-btn .rz-heart-l,
.s-product-card-wishlist-btn .rz-heart-r {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
transition:
transform 190ms cubic-bezier(0.34, 1.56, 0.64, 1),
fill 160ms ease,
stroke 160ms ease;
will-change: transform;
pointer-events: none;
}
.s-product-card-wishlist-btn .rz-heart-l {
clip-path: inset(0 50% 0 0);
transform: translateX(-2.4px);
z-index: 1;
}
.s-product-card-wishlist-btn .rz-heart-r {
clip-path: inset(0 0 0 50%);
transform: translateX(2.4px);
z-index: 2;
}
.s-product-card-wishlist-btn .rz-heart-l path,
.s-product-card-wishlist-btn .rz-heart-r path {
fill: none;
stroke: #111111;
stroke-width: 1.7;
transition: fill 160ms ease, stroke 160ms ease;
vector-effect: non-scaling-stroke;
}
.s-product-card-wishlist-btn:hover .rz-heart-l,
.s-product-card-wishlist-btn:focus-visible .rz-heart-l,
.s-product-card-wishlist-btn:hover .rz-heart-r,
.s-product-card-wishlist-btn:focus-visible .rz-heart-r {
transform: translateX(0);
}
.s-product-card-wishlist-btn.rz-wishlisted .rz-heart-l,
.s-product-card-wishlist-btn.s-product-card-wishlist-added .rz-heart-l,
.s-product-card-wishlist-btn.rz-wishlisted .rz-heart-r,
.s-product-card-wishlist-btn.s-product-card-wishlist-added .rz-heart-r {
transform: translateX(0);
}
.s-product-card-wishlist-btn.rz-wishlisted .rz-heart-l path,
.s-product-card-wishlist-btn.s-product-card-wishlist-added .rz-heart-l path,
.s-product-card-wishlist-btn.rz-wishlisted .rz-heart-r path,
.s-product-card-wishlist-btn.s-product-card-wishlist-added .rz-heart-r path {
fill: #E0162B !important;
stroke: #E0162B !important;
}
@keyframes rz-heart-snap-pulse {
0%   { transform: scale(1); }
35%  { transform: scale(1.32); }
60%  { transform: scale(0.94); }
100% { transform: scale(1); }
}
.s-product-card-wishlist-btn.rz-wishlisted .rz-heart-host,
.s-product-card-wishlist-btn.s-product-card-wishlist-added .rz-heart-host {
animation: rz-heart-snap-pulse 340ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.s-product-card-wishlist-btn i:not([class*=rz-heart]),
.s-product-card-wishlist-btn > svg:not([class*=rz-heart]),
.s-product-card-wishlist-btn > button > i,
.s-product-card-wishlist-btn > button > svg {
display: none !important;
}
.s-product-card-wishlist-btn.pulse-anime .rz-heart-host,
.s-product-card-wishlist-btn.pulse-anime .rz-heart-l,
.s-product-card-wishlist-btn.pulse-anime .rz-heart-r {
animation-name: rz-heart-snap-pulse;
}
@media (prefers-reduced-motion: reduce) {
.s-product-card-wishlist-btn .rz-heart-l,
.s-product-card-wishlist-btn .rz-heart-r {
transition: fill 120ms linear, stroke 120ms linear;
transform: translateX(0);
}
.s-product-card-wishlist-btn.rz-wishlisted .rz-heart-host,
.s-product-card-wishlist-btn.s-product-card-wishlist-added .rz-heart-host {
animation: none;
}
}
@media (pointer: fine) {
body.rz-cursor-active {
cursor: none !important;
}
body.rz-cursor-active a,
body.rz-cursor-active button,
body.rz-cursor-active [role="button"],
body.rz-cursor-active input,
body.rz-cursor-active label,
body.rz-cursor-active select,
body.rz-cursor-active .s-product-card-entry {
cursor: none !important;
}
}
#rz-cursor-dot {
position: fixed;
top: 0;
left: 0;
width: 8px;
height: 8px;
background: var(--rz-desert-gold);
border-radius: 50%;
pointer-events: none;
z-index: 99999;
transform: translate(-50%, -50%);
transition:
width 180ms var(--rz-ease),
height 180ms var(--rz-ease),
background 180ms var(--rz-ease),
opacity 200ms var(--rz-ease);
will-change: transform;
opacity: 0;
}
#rz-cursor-ring {
position: fixed;
top: 0;
left: 0;
width: 28px;
height: 28px;
border: 1.5px solid var(--rz-desert-gold);
border-radius: 50%;
pointer-events: none;
z-index: 99998;
transform: translate(-50%, -50%);
transition:
width 220ms cubic-bezier(0.34, 1.4, 0.64, 1),
height 220ms cubic-bezier(0.34, 1.4, 0.64, 1),
border-color 180ms var(--rz-ease),
opacity 200ms var(--rz-ease);
will-change: transform;
opacity: 0;
}
body.rz-cursor-expand #rz-cursor-dot {
width: 6px;
height: 6px;
background: var(--rz-desert-gold-light);
}
body.rz-cursor-expand #rz-cursor-ring {
width: 44px;
height: 44px;
border-color: var(--rz-desert-gold);
opacity: 0.7 !important;
}
body.rz-cursor-card #rz-cursor-ring {
background: rgba(193, 161, 108, 0.06);
width: 56px;
height: 56px;
}
@media (pointer: coarse) {
#rz-cursor-dot,
#rz-cursor-ring { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
#rz-cursor-dot,
#rz-cursor-ring { display: none !important; }
}
.rz-hero-curtain {
position: absolute;
inset: 0;
z-index: 50;
pointer-events: none;
will-change: transform;
background: var(--rz-obsidian, #050505);
}
.rz-hero-curtain.rz-hero-reveal {
animation: rz-curtain-up 1.4s cubic-bezier(0.76, 0, 0.24, 1) 0.1s forwards;
}
@keyframes rz-curtain-up {
from { transform: translateY(0); }
to   { transform: translateY(-101%); }
}
.rz-hero-gold-sweep {
position: absolute;
bottom: 0;
inset-inline: 0;
height: 2px;
background: linear-gradient(
to right,
transparent 0%,
rgba(193, 161, 108, 0.4) 15%,
var(--rz-accent, #C1A16C) 40%,
var(--rz-accent, #C1A16C) 60%,
rgba(193, 161, 108, 0.4) 85%,
transparent 100%
);
z-index: 51;
transform: scaleX(0);
transform-origin: center;
pointer-events: none;
opacity: 0;
box-shadow: 0 0 8px rgba(193, 161, 108, 0.5);
}
.rz-hero-gold-sweep.rz-sweep-in {
animation: rz-gold-sweep 1.0s cubic-bezier(0.16, 1, 0.3, 1) 1.05s forwards;
}
@keyframes rz-gold-sweep {
from { transform: scaleX(0); opacity: 0; }
to   { transform: scaleX(1); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.rz-hero-curtain,
.rz-hero-gold-sweep {
display: none !important;
}
}
.s-product-card-entry,
.rz-mega-product-card {
position: relative;
isolation: isolate;
will-change: transform;
transform-origin: 50% 0%;
}
.swiper-slide:has(.s-product-card-entry:hover) {
z-index: 20 !important;
}
.rz-card-shine {
position: absolute;
inset: 0;
border-radius: inherit;
background: radial-gradient(
circle at 50% 50%,
rgba(212, 170, 78, 0.18) 0%,
rgba(212, 170, 78, 0.06) 40%,
transparent 70%
);
background-size: 250% 250%;
background-position: 50% 50%;
pointer-events: none;
opacity: 0;
transition: opacity 0.25s ease;
z-index: 3;
}
.s-product-card-entry:hover,
.rz-mega-product-card:hover {
box-shadow:
0 12px 40px rgba(184, 146, 46, 0.14),
0 4px 16px rgba(0, 0, 0, 0.08) !important;
}
.s-block--banners .s-banners-item:hover,
.s-block--banners [class*=category]:hover {
box-shadow:
0 16px 48px rgba(0, 0, 0, 0.16),
0 6px 20px rgba(184, 146, 46, 0.12) !important;
}
.s-product-card-entry:hover .s-product-card-image img,
.s-product-card-entry:hover [class*=card-image] img {
transform: scale(1.04);
transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.s-product-card-entry .s-product-card-image img,
.s-product-card-entry [class*=card-image] img {
transition: transform 0.45s ease, opacity 0.32s ease !important;
}
@keyframes rz-atc-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(184, 146, 46, 0); }
50%       { box-shadow: 0 0 0 8px rgba(184, 146, 46, 0.18); }
}
.s-btn-add-product.rz-atc-ready,
salla-add-product-button.rz-atc-ready button {
animation: rz-atc-pulse 2.4s ease-in-out infinite;
}
.rz-word {
display: inline-block;
overflow: hidden;
vertical-align: bottom;
line-height: 1.15;
}
.rz-word__inner {
display: inline-block;
transform: translateY(110%);
opacity: 0;
transition:
transform 720ms cubic-bezier(0.22, 1, 0.36, 1),
opacity 600ms ease;
transition-delay: calc(var(--rz-word-i, 0) * 60ms);
will-change: transform, opacity;
}
.rz-words-in .rz-word__inner {
transform: translateY(0);
opacity: 1;
}
.rz-sub-fade {
opacity: 0;
transform: translateY(14px);
transition:
transform 620ms cubic-bezier(0.22, 1, 0.36, 1),
opacity 520ms ease;
transition-delay: 480ms;
}
.rz-words-in .rz-sub-fade {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
.rz-word__inner,
.rz-sub-fade {
transform: none !important;
opacity: 1 !important;
transition: none !important;
}
}