.silqa-v6-best__card .silqa-v6-best__info {
padding: 1.45rem 1.4rem 1.6rem;
}
.silqa-v6-best__card .silqa-v6-best__info h3 {
font-size: 1.7rem;
font-weight: 700;
line-height: 1.32;
margin: 0 0 0.8rem;
color: #1c1816;
}
.silqa-v6-best__card .silqa-v6-best__rating {
font-size: 1.4rem;
line-height: 1.35;
margin: 0 0 0.55rem;
}
.silqa-v6-best__card .silqa-v6-best__price {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.35;
margin: 0 0 0.7rem;
color: #1c1816;
}
.silqa-v6-best__card .silqa-v6-best__desc {
font-size: 1.45rem;
font-weight: 400;
line-height: 1.55;
margin: 0 0 1rem;
color: #3f3833;
}
.silqa-v6-best__card .silqa-v6-best__cta {
font-size: 1.3rem;
min-height: 3.8rem;
padding: 0.8rem 1.4rem;
}
@media (max-width: 600px) {
.silqa-v6-best__card .silqa-v6-best__info {
padding: 1.5rem 1.45rem 1.7rem;
}
.silqa-v6-best__card .silqa-v6-best__info h3 {
font-size: 1.75rem;
line-height: 1.32;
margin-bottom: 0.8rem;
}
.silqa-v6-best__card .silqa-v6-best__price {
font-size: 1.65rem;
}
.silqa-v6-best__card .silqa-v6-best__desc {
font-size: 1.5rem;
line-height: 1.55;
}
.silqa-v6-best__card .silqa-v6-best__cta {
font-size: 1.3rem;
min-height: 4rem;
}
}
.silqa-v6 h2 {
font-size: clamp(2.1rem, 2.64vw, 3.1rem);
}
.silqa-top-promises {
max-width: 100vw;
overflow: hidden;
}
.silqa-header-nav {
display: none !important;
}
@media (max-width: 749px) {
.silqa-top-promises__list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100vw;
max-width: 100vw;
min-height: 2.6rem;
padding: 0;
}
.silqa-top-promises__list li {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
height: 2.6rem;
padding: 0 0.25rem;
font-size: clamp(0.78rem, 2.35vw, 0.92rem);
line-height: 1.15;
letter-spacing: 0;
text-align: center;
white-space: normal;
overflow-wrap: anywhere;
}
.silqa-cats-strip__inner {
width: 100vw;
max-width: 100vw;
padding: 0;
}
.silqa-cats-strip__item {
flex: 1 1 0;
min-width: 0;
box-sizing: border-box;
font-size: 0.85rem;
}
}
.silqa-v6-hero__slides {
position: relative;
width: 100%;
}
.silqa-v6-hero__slide {
position: absolute;
inset: 0;
z-index: 0;
opacity: 0;
pointer-events: none;
transition: opacity 0.58s ease;
}
.silqa-v6-hero__slide.is-active {
position: relative;
z-index: 1;
opacity: 1;
pointer-events: auto;
}
.silqa-v6-hero__slide .silqa-v6-hero__media img {
animation: none !important;
}
.silqa-v6-hero__slide.is-active .silqa-v6-hero__media img {
animation: silqa-hero-kenburns 9.5s cubic-bezier(0.2, 0.75, 0.22, 1) forwards !important;
}
.silqa-v6-hero[data-silqa-hero-carousel] .silqa-v6-hero__copy {
opacity: 1;
animation: none !important;
-webkit-animation: none !important;
}
.silqa-v6-hero[data-silqa-hero-carousel] .silqa-v6-hero__copy.is-copy-revealing {
animation: silqa-hero-copy-rise-soft 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.12s both !important;
-webkit-animation: silqa-hero-copy-rise-soft 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.12s both !important;
}
.silqa-v6-hero[data-silqa-hero-carousel] .silqa-v6-hero__copy.is-copy-prep {
opacity: 0 !important;
transform: translate3d(0, 1.6rem, 0) !important;
filter: blur(1px) !important;
animation: none !important;
-webkit-animation: none !important;
}
.silqa-v6-hero__nav {
position: absolute;
top: 50%;
z-index: 4;
width: 4.8rem;
height: 7.2rem;
border: 0;
border-radius: 0;
background: transparent;
color: rgba(28, 24, 22, 0.68);
cursor: pointer;
transform: translateY(-50%);
}
.silqa-v6-hero__nav--prev { left: max(1.6rem, calc((100vw - var(--v6-container)) / 2 + 1.6rem)); }
.silqa-v6-hero__nav--next { right: max(1.6rem, calc((100vw - var(--v6-container)) / 2 + 1.6rem)); }
.silqa-v6-hero__nav::before,
.silqa-v6-hero__nav::after {
content: "";
position: absolute;
left: 50%;
width: 2.8rem;
height: 2px;
border-radius: 999px;
background: currentColor;
transform-origin: calc(100% - 1px) 50%;
box-shadow: 0 1px 8px rgba(255, 255, 255, 0.62);
}
.silqa-v6-hero__nav::before {
top: calc(50% - 1px);
transform: translateX(-50%) rotate(45deg);
}
.silqa-v6-hero__nav::after {
top: calc(50% - 1px);
transform: translateX(-50%) rotate(-45deg);
}
.silqa-v6-hero__nav--prev {
transform: translateY(-50%) rotate(180deg);
}
.silqa-v6-hero__nav:hover,
.silqa-v6-hero__nav:focus-visible {
color: rgba(28, 24, 22, 0.94);
outline: none;
}
.silqa-v6-hero__dots {
position: absolute;
left: 50%;
bottom: 1.6rem;
z-index: 4;
display: flex;
gap: 0.8rem;
transform: translateX(-50%);
}
.silqa-v6-hero__dot {
width: 0.72rem;
height: 0.72rem;
border: 1px solid rgba(28, 24, 22, 0.48);
border-radius: 999px;
background: rgba(255, 255, 255, 0.5);
padding: 0;
cursor: pointer;
}
.silqa-v6-hero__dot.is-active {
background: #1c1816;
border-color: #1c1816;
}
@media (max-width: 600px) {
.silqa-v6-hero__media {
aspect-ratio: 4 / 5 !important;
max-height: none !important;
overflow: hidden !important;
background: #f4f7f5 !important;
}
.silqa-v6-hero__media img {
object-fit: cover !important;
object-position: 50% 50% !important;
transform-origin: 50% 35% !important;
animation: none !important;
}
.silqa-v6-hero__slide.is-active .silqa-v6-hero__media img {
animation: silqa-hero-mobile-straight-zoom 8.8s cubic-bezier(0.2, 0.75, 0.22, 1) forwards !important;
}
.silqa-v6-hero__inner {
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: flex-end !important;
justify-content: center !important;
padding: 0 var(--v6-gutter) 4rem !important;
}
.silqa-v6-hero__inner::before {
display: block !important;
inset: 48% 0 0 !important;
background:
radial-gradient(ellipse at 50% 74%, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0.18) 42%, rgba(255, 255, 255, 0) 74%),
linear-gradient(180deg, rgba(249, 246, 240, 0) 0%, rgba(249, 246, 240, 0.3) 52%, rgba(249, 246, 240, 0.62) 100%) !important;
}
.silqa-v6-hero__copy {
max-width: 100% !important;
opacity: 1;
will-change: opacity, transform, filter !important;
}
.silqa-v6-hero__title,
.silqa-v6-hero__cta {
animation: none !important;
-webkit-animation: none !important;
transform: none !important;
will-change: auto !important;
}
.silqa-v6-hero__title {
margin-bottom: 1.6rem !important;
font-size: clamp(2.16rem, 6.6vw, 3.12rem) !important;
line-height: 1.3 !important;
color: #1c1816 !important;
text-shadow:
0 1px 2px rgba(255, 255, 255, 0.72),
0 8px 22px rgba(255, 255, 255, 0.52) !important;
}
.silqa-v6-hero__nav {
top: 45%;
width: 3.8rem;
height: 5.6rem;
color: rgba(28, 24, 22, 0.54);
}
.silqa-v6-hero__nav--prev { left: 0.2rem; }
.silqa-v6-hero__nav--next { right: 0.2rem; }
.silqa-v6-hero__nav::before,
.silqa-v6-hero__nav::after {
width: 2.2rem;
height: 2px;
}
.silqa-v6-hero__dots {
bottom: 1rem;
}
}
@keyframes silqa-hero-mobile-straight-zoom {
from {
transform: scale(1);
object-position: 50% 50%;
}
to {
transform: scale(1.08);
object-position: 50% 50%;
}
}
@keyframes silqa-hero-copy-reveal-v4 {
0% {
opacity: 0;
transform: translate3d(0, 3.4rem, 0) scale(0.985);
filter: blur(4px);
}
34% {
opacity: 0.18;
filter: blur(2.4px);
}
68% {
opacity: 0.92;
transform: translate3d(0, -0.22rem, 0) scale(1.006);
filter: blur(0.2px);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
filter: blur(0);
}
}
@-webkit-keyframes silqa-hero-copy-reveal-v4 {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3.4rem, 0) scale(0.985);
-webkit-filter: blur(4px);
filter: blur(4px);
}
34% {
opacity: 0.18;
-webkit-filter: blur(2.4px);
filter: blur(2.4px);
}
68% {
opacity: 0.92;
-webkit-transform: translate3d(0, -0.22rem, 0) scale(1.006);
-webkit-filter: blur(0.2px);
filter: blur(0.2px);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
}
}
@keyframes silqa-hero-copy-hover-v4 {
0%, 100% { transform: translate3d(0, 0, 0); }
50% { transform: translate3d(0, -0.28rem, 0); }
}
@-webkit-keyframes silqa-hero-copy-hover-v4 {
0%, 100% { -webkit-transform: translate3d(0, 0, 0); }
50% { -webkit-transform: translate3d(0, -0.28rem, 0); }
}
@media (prefers-reduced-motion: reduce) and (max-width: 600px) {
.silqa-v6-hero__copy,
.silqa-v6-hero__title,
.silqa-v6-hero__cta {
animation: none !important;
-webkit-animation: none !important;
transform: none !important;
filter: none !important;
}
.silqa-v6-hero__copy {
opacity: 1 !important;
}
}
@media (max-width: 749px) {
.silqa-cats-strip {
overflow: hidden !important;
}
.silqa-cats-strip__inner {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
.silqa-cats-strip__item {
width: auto !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
}
@media (max-width: 600px) {
.silqa-v6-hero__media img {
object-position: 50% 50% !important;
transform-origin: 50% 44% !important;
}
.silqa-v6-hero__slide.is-active .silqa-v6-hero__media img {
animation: silqa-hero-mobile-product-zoom 8.8s cubic-bezier(0.2, 0.75, 0.22, 1) forwards !important;
-webkit-animation: silqa-hero-mobile-product-zoom 8.8s cubic-bezier(0.2, 0.75, 0.22, 1) forwards !important;
}
.silqa-v6-hero__copy {
width: min(100%, calc(100vw - 4.8rem)) !important;
max-width: 34rem !important;
opacity: 1;
}
.silqa-v6-hero__title {
display: block !important;
width: 100% !important;
max-width: 30.5rem !important;
margin-left: auto !important;
margin-right: auto !important;
font-size: clamp(2rem, 5.35vw, 2.36rem) !important;
line-height: 1.3 !important;
white-space: normal !important;
overflow-wrap: normal !important;
text-wrap: balance;
}
.silqa-v6-hero__title,
.silqa-v6-hero__cta {
animation: none !important;
-webkit-animation: none !important;
transform: none !important;
will-change: auto !important;
}
}
@keyframes silqa-hero-copy-rise-soft {
0% { opacity: 0; transform: translate3d(0, 1.6rem, 0); filter: blur(1px); }
100% { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
}
@-webkit-keyframes silqa-hero-copy-rise-soft {
0% { opacity: 0; -webkit-transform: translate3d(0, 1.6rem, 0); -webkit-filter: blur(1px); filter: blur(1px); }
100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -webkit-filter: blur(0); filter: blur(0); }
}
@keyframes silqa-hero-mobile-product-zoom {
from { transform: scale(1); object-position: 50% 50%; }
to { transform: scale(1.08); object-position: 50% 50%; }
}
@-webkit-keyframes silqa-hero-mobile-product-zoom {
from { -webkit-transform: scale(1); object-position: 50% 50%; }
to { -webkit-transform: scale(1.08); object-position: 50% 50%; }
}
@keyframes silqa-hero-copy-reveal-v6 {
0% { opacity: 0; transform: translate3d(0, 2.6rem, 0) scale(0.985); filter: blur(1.6px); }
42% { opacity: 0.48; transform: translate3d(0, 0.7rem, 0) scale(0.996); filter: blur(0.5px); }
72% { opacity: 0.94; transform: translate3d(0, -0.58rem, 0) scale(1.006); filter: blur(0.1px); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}
@-webkit-keyframes silqa-hero-copy-reveal-v6 {
0% { opacity: 0; -webkit-transform: translate3d(0, 2.6rem, 0) scale(0.985); -webkit-filter: blur(1.6px); filter: blur(1.6px); }
42% { opacity: 0.48; -webkit-transform: translate3d(0, 0.7rem, 0) scale(0.996); -webkit-filter: blur(0.5px); filter: blur(0.5px); }
72% { opacity: 0.94; -webkit-transform: translate3d(0, -0.58rem, 0) scale(1.006); -webkit-filter: blur(0.1px); filter: blur(0.1px); }
100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -webkit-filter: blur(0); filter: blur(0); }
}
@keyframes silqa-hero-copy-float-v6 {
0%, 100% { transform: translate3d(0, 0, 0); }
50% { transform: translate3d(0, -1.08rem, 0); }
}
@-webkit-keyframes silqa-hero-copy-float-v6 {
0%, 100% { -webkit-transform: translate3d(0, 0, 0); }
50% { -webkit-transform: translate3d(0, -1.08rem, 0); }
}
@keyframes silqa-hero-copy-hover-v5 {
0%, 100% { transform: translate3d(0, 0, 0); }
50% { transform: translate3d(0, -0.44rem, 0); }
}
@-webkit-keyframes silqa-hero-copy-hover-v5 {
0%, 100% { -webkit-transform: translate3d(0, 0, 0); }
50% { -webkit-transform: translate3d(0, -0.44rem, 0); }
}
@media (min-width: 961px) {
.silqa-v6-best-wrap {
width: min(100%, 109.08rem) !important;
max-width: 109.08rem !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.silqa-v6-best {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
justify-content: center !important;
align-items: stretch !important;
gap: clamp(1.4rem, 1.4vw, 2.4rem) !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow-x: visible !important;
}
.silqa-v6-best__card {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
flex: none !important;
}
}