/*======================*/
/*  Helpers             */
/*======================*/
/* spacers */
[class*=spacer] {clear: both;width: 100%;}
.spacer-xl {height: var(--sp-xl);}
.spacer-lg {height: var(--sp-lg);}
.spacer-md {height: var(--sp-md);}
.spacer-sm {height: var(--sp-sm);}
.spacer-xs {height: var(--sp-xs);}
/* margins */
.mt-xl {margin-top: var(--sp-xl);}
.mt-lg {margin-top: var(--sp-lg);}
.mt-md {margin-top: var(--sp-md);}
.mt-sm {margin-top: var(--sp-sm);}
.mt-xs {margin-top: var(--sp-xs);}
.mb-xl {margin-bottom: var(--sp-xl);}
.mb-lg {margin-bottom: var(--sp-lg);}
.mb-md {margin-bottom: var(--sp-md);}
.mb-sm {margin-bottom: var(--sp-sm);}
.mb-xs {margin-bottom: var(--sp-xs);}
.mx-auto {margin-inline: auto;}
/*======================*/
/*  Decors              */
/*======================*/
.decors {position: absolute;z-index: 1;margin: 0 !important;will-change: transform;}
.ios .decors {backface-visibility: hidden;perspective: 1000px;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;isolation: isolate;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
.ios .decors[style*=transform] {transition: none !important;}
.decor {position: relative;aspect-ratio: 1/1;width: 100%;animation: spinDecor 8s linear infinite;animation-play-state: paused;}
.decor img {width: 100%;}
.decor-img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;}
.decor-img img {width: 100%;}
@keyframes spinDecor {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@media (min-width: 1200px) {
.decors:hover .decor {animation-play-state: running;}
}
/*======================*/
/*  Seo Block           */
/*======================*/
.seo-section {margin-block: 0 var(--sp-xl);}
.seo-block {--space: 1rem;display: flex;flex-direction: column;align-items: flex-start;}
.seo-block > * + *:not(.more-content) {margin-top: var(--sp-sm);}
.seo-btn b::before {content: attr(data-toggle-more);}
.seo-btn.is-active b::before {content: attr(data-toggle-less);}
.seo-btn.is-active .arrow {transform: rotateX(180deg);}
.more-content {display: none;padding-top: calc(var(--space) * 1.25);}
@media (max-width: 991px) {
.seo-block {--space: 0.875rem;}
}
/*======================*/
/*  Benefits            */
/*======================*/
.benefit-section {z-index: 1;}
.benefit-block {position: relative;}
.benefit-items {position: relative;z-index: 2;width: 100%;margin-inline: auto;perspective: 1000px;backface-visibility: hidden;}
.benefit-item {position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;width: 0vw;border-radius: 0.25rem;border: 5px solid #F5EBE4;font-family: var(--ff-2);font-size: 1.5rem;line-height: 1.3em;font-weight: 700;color: var(--clr-white);text-align: center;padding: 0.1405em 0.4486em;margin-inline: auto;perspective-origin: 0%;will-change: transform,width,opacity;backface-visibility: hidden;}
.ios .benefit-item {transform: translateZ(0);-webkit-transform: translateZ(0);transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.ios .benefit-item:nth-child(3n+1),
.ios .benefit-item:nth-child(3n+3) {transform: translateZ(0) rotate(var(--rotate, 0deg));-webkit-transform: translateZ(0) rotate(var(--rotate, 0deg));}
.benefit-item b {display: block;text-align: center;flex: none;}
.benefit-item:nth-child(3n+1) {--rotate: -3deg;background-color: var(--clr-primary);}
.benefit-item:nth-child(3n+2) {--rotate: 0deg;background-color: var(--clr-thirdy);}
.benefit-item:nth-child(3n+3) {--rotate: 3deg;background-color: var(--clr-secondary);}
.benefit-decors-1 {top: -30%;left: 0;width: max(5.5rem, 17%);}
.benefit-decors-2 {bottom: -35%;right: 0;transform: rotate(-15deg);width: max(5.5rem, 17.25%);}
@media (min-width: 576px) {
.benefit-item {font-size: var(--h0);}
}
@media (min-width: 768px) {
.benefit-item b {flex: none;}
.benefit-decors-2 {bottom: -50%;}
}
@media (min-width: 1200px) {
.benefit-items {max-width: 80%;}
.benefit-decors-1 {top: -34%;left: 3%;}
.benefit-decors-2 {bottom: -70%;right: -2%;}
}
/*======================*/
/*  Categories          */
/*======================*/
.cat-cards {--pd: 1.5rem;--icon-size: 4rem;}
.cat-cards > * + * {margin-top: var(--pd);}
.cat-card {position: relative;gap: var(--sp-sm);display: grid;align-items: center;grid-template-columns: auto var(--icon-size);border-bottom: 3px solid rgba(255, 255, 255, 0.8);font-size: var(--h0);padding-bottom: var(--pd);}
.cat-card:nth-child(even) .cat-decors {top: -1.5rem;left: -0.75rem;width: max(5rem, 20%);}
.cat-card:nth-child(odd) .cat-decors {bottom: -1.5rem;right: -0.75rem;width: max(5rem, 20%);}
.cat-img-wrap {position: relative;grid-column: span 2;}
.cat-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 568/274;border-radius: 1rem;}
.cat-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 1rem;transition: var(--transition-1);}
.cat-card-title {font-family: var(--ff-2);font-size: var(--h0);line-height: 1.4em;font-weight: 300;color: rgba(255, 229, 223, 0.8);transition: var(--transition-1);}
.cat-card-icon {display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;color: rgba(255, 229, 223, 0.8);transition: var(--transition-1);}
@media (min-width: 1200px) {
.cat-cards {--pd: 2.75rem;--icon-size: 7.25rem;}
.cat-card {gap: 4.375rem;grid-template-columns: 34.635% auto var(--icon-size);}
.cat-card:nth-child(even) .cat-decors {top: -50%;left: -17%;width: max(5rem, 39.5%);}
.cat-card:nth-child(odd) {grid-template-columns: 34.635% 34.635% auto;}
.cat-card:nth-child(odd) .cat-card-title {order: -1;}
.cat-card:nth-child(odd) .cat-decors {bottom: -20%;right: -28%;width: max(5rem, 45%);}
.cat-card:nth-child(odd) .cat-card-icon {margin-left: auto;}
.cat-card:hover {border-color: var(--clr-white);}
.cat-card:hover .cat-card-title,
.cat-card:hover .cat-card-icon {color: var(--clr-white);}
.cat-card:hover .cat-card-icon {transform: rotate(45deg);}
.cat-card:hover .cat-img img {transform: scale(1.05);}
.cat-img-wrap {grid-column: initial;}
}
/*======================*/
/*  Faq Block           */
/*======================*/
.faq-block {gap: var(--sp-sm);display: grid;}
@media (min-width: 1200px) {
.faq-block {grid-template-columns: auto 62%;}
}
/*======================*/
/*  LR Block            */
/*======================*/
.lr-block {position: relative;gap: var(--sp-sm);display: grid;}
.lr-media {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1040/600;border-radius: 1rem;}
.lr-media img,
.lr-media video {position: absolute;left: 0;top: -13%;width: 100%;height: 126%;-o-object-fit: cover;object-fit: cover;border-radius: 1rem;will-change: transform;}
.ios .lr-media img,
.ios .lr-media video {backface-visibility: hidden;perspective: 1000px;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);image-rendering: -webkit-optimize-contrast;-webkit-font-smoothing: antialiased;isolation: isolate;transition: none !important;}
.lr-content {gap: var(--sp-sm);display: flex;flex-direction: column;}
.lr-content .btn {display: flex;width: -moz-fit-content;width: fit-content;margin-left: auto;}
.lr-decors-1 {top: -1.5rem;right: 0;width: 6rem;}
.lr-decors-2 {width: 6rem;}
.lr-decors-3 {top: -5.5rem;right: 0;width: 6rem;}
.lr-decors-4 {top: -2.5rem;left: 0;width: 6rem;}
@media (min-width: 1200px) {
.lr-block {gap: 4rem;grid-template-columns: 57.8% auto;}
.lr-right {grid-template-columns: auto 57.8%;}
.lr-right .lr-media {order: 2;margin-inline: 0 -5.75rem;}
.lr-media {width: calc(100% + 5.75rem);margin-inline: -5.75rem 0;}
.lr-content .btn {margin-top: auto;}
.lr-decors-1 {top: -14%;right: -6.5%;width: 11.83%;}
.lr-decors-2 {bottom: -20%;left: -5%;width: 12.8%;}
.lr-decors-3 {top: -37%;right: -6.5%;width: 13.175%;}
.lr-decors-4 {top: auto;bottom: -17%;left: 34.075%;width: 16.25%;}
}
@media (max-width: 1199px) {
.lr-decors-2 {bottom: -1rem !important;left: 0 !important;}
}
/*======================*/
/*  Marquee             */
/*======================*/
.section:has(.marquee-title) {margin-top: 0;}
.marquee-wrap {--marquee-gap: 0.625rem;--marquee-h: 9.7vw;--marquee-font: var(--h1);position: relative;z-index: 1;display: block;}
.marquee-wrap > * + * {margin-top: var(--marquee-gap);}
.marquee-wrap:has(.marquee-title) {--marquee-gap: 1.75rem;}
.marquee-wrap:is(.bg-light, .bg-orange, .bg-grad) {padding-block: var(--sp-xs);}
.marquee-line {position: relative;width: 100vw;height: var(--marquee-h);margin-left: 0;will-change: transform;backface-visibility: hidden;}
.marquee-line:has(.marquee-title) {height: calc(var(--marquee-font) * 1.1);}
.marquee-item {position: absolute;top: 0;transform: translate3d(var(--x), 0, 0);gap: var(--marquee-gap);display: flex;align-items: center;width: -moz-max-content;width: max-content;}
.marquee-content {gap: var(--marquee-gap);display: flex;align-items: center;}
.marquee-content > * {flex-shrink: 0;}
.marquee-content:last-child > *:last-child {margin-right: var(--marquee-gap);}
.marquee-content:has(.marquee-title) {font-size: var(--marquee-font);}
.marquee-title {position: relative;gap: var(--marquee-gap);display: inline-flex;align-items: center;font-family: var(--ff-2);font-size: var(--marquee-font);line-height: 1.25em;font-weight: 300;color: #9B1828;}
.marquee-icon {font-size: var(--marquee-font);display: inline-block;width: 1.25em;height: 1.25em;flex-shrink: 0;}
/*======================*/
/*  Brands              */
/*======================*/
.brand-section {z-index: 1;}
.brand-item {position: relative;overflow: clip;z-index: 1;width: 100%;border-radius: 1rem;}
.brand-item img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;border-radius: 1rem;}
.brand-block .marquee-wrap {--marquee-h: 8rem;--marquee-gap: 1.5rem;}
.brand-block .marquee-wrap .brand-item {width: auto;height: var(--marquee-h);aspect-ratio: 253/128;}
.brand-block .btn {display: flex;width: -moz-fit-content;width: fit-content;margin-inline: auto;}
.brand-decors {top: -2.5rem;right: 0.75rem;width: max(5.5rem, 18.5%);}
@media (min-width: 992px) {
.brand-block .title,
.brand-block .text {max-width: 75%;margin-inline: auto;}
}
@media (min-width: 1200px) {
.brand-block .title,
.brand-block .text {max-width: 58%;}
.brand-decors {top: -12.5%;right: 2.5%;}
a.brand-item img {will-change: transform;transition: var(--transition-1);}
a.brand-item:hover img {transform: translate(-50%, -50%) scale(1.05);}
}
/*======================*/
/*  Products            */
/*======================*/
.product-block {--gap-x: 2rem;--gap-y: 2rem;position: relative;gap: var(--gap-y);display: grid;}
.product-block + .product-block {margin-top: var(--sp-xxl);}
.product-grid {gap: var(--gap-y) var(--gap-x);display: grid;align-items: start;}
.product-card {position: relative;cursor: pointer;display: block;gap: 1.5rem;display: flex;flex-direction: column;width: 100%;height: 100%;text-align: center;}
.product-card > .product-desc {margin-top: -1rem;}
.product-img-wrap {position: relative;overflow: hidden;width: 100%;aspect-ratio: 1/1;}
.product-img-wrap .h-btn {position: absolute;z-index: 3;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: var(--transition-2);will-change: opacity,visibility;opacity: 0;visibility: hidden;background-color: var(--clr-white);color: var(--clr-primary);white-space: nowrap;}
.product-img {position: absolute;z-index: 2;top: 50%;left: 50%;transform: translate(-50%, -50%);transform-origin: center; transition: var(--transition-2);width: 70%;aspect-ratio: 1/1;margin-inline: auto;}
.product-img img {width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;max-height: 100%;}
.product-img-decor {position: relative;z-index: 1;transition: 0.7s cubic-bezier(0.64, 0, 0.35, 1);width: 100%;height: 100%;display: block;color: #F4ECEB;will-change: transform,color;}
.product-title {font-family: var(--ff-2);font-size: var(--h4);line-height: 1.4em;font-weight: 700;color: var(--clr-title);}
.product-desc {font-family: var(--ff-2);font-size: 1rem;line-height: 1.4em;font-weight: 600;color: var(--clr-text);}
.product-slider .swiper-container {overflow: visible;}
.product-slider .swiper-slide {height: auto;}
.product-slider .swiper-controls-wrap {min-height: var(--sw-btn);}
.product-slider .product-card > .product-title {margin-bottom: -1.125rem;}
.product-slider .product-card > .product-desc {margin-top: auto;}
.product-slider + .btn {display: flex;width: -moz-fit-content;width: fit-content;margin-inline: auto;}
.product-decors-1 {top: 2.5rem;left: -0.5rem;width: max(5.5rem, 21.7%);}
.product-decors-2 {top: -6.5rem;right: -0.75rem;width: max(5.5rem, 17.75%);}
.product-btns {gap: 1.5rem;display: flex;flex-direction: column;align-items: center;width: -moz-fit-content;width: fit-content;margin-inline: auto;}
.product-btns .swiper-controls-wrap {margin: 0;}
.product-btns .btn {margin-left: auto;}
@media (min-width: 768px) {
.product-block {--gap-x: 2rem;--gap-y: 3rem;}
.product-grid {grid-template-columns: repeat(2, 1fr);}
.product-card:nth-child(2) {margin-top: var(--gap-y);}
.product-card:nth-child(2n+3) {margin-top: calc(var(--gap-y) * -1);}
.product-btns {flex-direction: row;justify-content: space-between;width: 100%;}
}
@media (min-width: 1200px) {
.product-block {--gap-x: 4rem;--gap-y: 6rem;}
.product-card > .product-desc {margin-top: 0;}
.product-decors-1 {top: -3%;left: -12%;}
.product-decors-2 {top: -20%;right: -7%;}
.product-slider .swiper-container {overflow: hidden;}
.product-card:hover .product-img {transform: translate(-50%, -50%) rotate(15deg);}
.product-card:hover .product-img-decor {transform: rotate(-60deg);color: var(--clr-secondary);}
.product-card:hover .h-btn {opacity: 1;visibility: visible;transition-delay: 0.1s;}
}
/*======================*/
/*  Advantages          */
/*======================*/
.advg-cards {--items: 1;--gap: 1.25rem;position: relative;gap: var(--gap);display: flex;flex-wrap: wrap;}
.advg-card {--pd: 1.25rem;--gap-card: 1.25rem;--img-size: 10rem;position: relative;width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));gap: var(--gap-card);display: flex;flex-direction: column;align-items: center;border-radius: 1rem;border: 1px solid var(--clr-border);text-align: center;padding: var(--pd);}
.advg-img {position: relative;display: block;width: var(--img-size);height: var(--img-size);flex-shrink: 0;}
.advg-img img {width: 100%;}
@media (min-width: 768px) {
.advg-cards {--items: 2;}
}
@media (min-width: 1200px) {
.advg-cards {--items: 3;--gap: 1.5rem;}
.advg-card {--pd: 1.5rem;--gap-card: 1.5rem;--img-size: 11.875rem;}
}
/*======================*/
/*  Preferences         */
/*======================*/
.pref-section {z-index: 1;}
.prefer-cards {--items: 1;--gap: 1.25rem;position: relative;gap: var(--gap);display: flex;flex-wrap: wrap;}
.prefer-card {--pd: 1.25rem;--icon-size: 5rem;position: relative;width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));gap: 1.25rem;display: flex;flex-direction: column;border-radius: 1rem;background-color: var(--clr-white);padding-block: calc(var(--pd) * 1.5) var(--pd);padding-inline: var(--pd);}
.prefer-card > .prefer-icon + .title {margin-top: 2rem;}
.prefer-card .text {margin-top: auto;}
.prefer-icon {position: relative;display: block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;align-self: end;will-change: transform;transition: var(--transition-2);}
.prefer-icon img {width: 100%;}
.prefer-decors {top: -2.5rem;right: 0.75rem;width: max(5.5rem, 14%);}
@media (min-width: 768px) {
.prefer-cards {--items: 2;}
}
@media (min-width: 1200px) {
.prefer-cards {--items: 4;--gap: 1.5rem;}
.prefer-card {--pd: 1.5rem;--icon-size: 5.625rem;gap: 1.75rem;}
.prefer-card::before {content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;opacity: 0;visibility: hidden;will-change: opacity,visibility;transition: var(--transition-2);background: radial-gradient(359.48% 302.73% at 100% 81.62%, #EF4623 0%, #491111 45.13%, #AD1A2D 100%);}
.prefer-card > .prefer-icon + .title {margin-top: 5rem;}
.prefer-card .title,
.prefer-card .text {will-change: color;transition: var(--transition-2);}
.prefer-card:hover::before {opacity: 1;visibility: visible;}
.prefer-card:hover .prefer-icon {transform: rotate(-180deg);}
.prefer-card:hover .title {color: var(--clr-white);}
.prefer-card:hover .text {color: #FFE5DF;}
.prefer-decors {top: -12%;right: 4%;}
}
/*======================*/
/*  Steps               */
/*======================*/
.step-block {gap: var(--sp-md);display: grid;}
.step-info > * + * {margin-top: var(--sp-sm);}
.step-info .title {color: var(--clr-white);}
.step-info .text {color: #FFE5DF;}
.step-content {--point-size: 1.5rem;--gap-line: 1.5rem;--line-size: 0.25rem;gap: var(--gap-line);display: flex;}
.step-line {position: relative;width: var(--line-size);height: 100%;flex-shrink: 0;background-image: url(../img/step-line.svg);background-repeat: repeat-y;background-size: 100% 100%;}
.step-line img {display: block;width: 100%;}
.steps > * + * {margin-top: 2rem;}
.step-item > * + * {margin-top: 1.25rem;}
.step-item .text {color: #FFE5DF;}
.step-item .text :is(h1, h2, h3, h4, h5, h6) {font-family: var(--ff-1);color: var(--clr-white);}
.step-item .text * + :where(*) {margin-top: var(--text-space);}
.step-img {position: relative;width: 100%;aspect-ratio: 653/300;border-radius: 1rem;}
.step-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 1rem;}
.step-img::before {content: "";position: absolute;pointer-events: none;z-index: 1;top: 50%;left: calc(((var(--point-size) + var(--line-size)) / 2 + var(--gap-line)) * -1);transform: translateY(-50%);width: var(--point-size);height: var(--point-size);flex-shrink: 0;border-radius: 100%;background-color: var(--clr-white);}
.step-decors {z-index: 0;bottom: -3%;left: 0.75rem;width: max(5.5rem, 18%);}
.step-decors .decor img,
.step-decors .decor-img img {transform: rotate(-15deg);}
@media (min-width: 1200px) {
.step-block {grid-template-columns: 40% 46.25%;justify-content: space-between;}
.step-info {position: sticky;z-index: 1;top: calc(var(--h-height) + 1.25rem);align-self: self-start;}
.step-content {--point-size: 2rem;--gap-line: 4.375rem;--line-size: 0.375rem;}
.steps > * + * {margin-top: 4rem;}
.step-item > * + * {margin-top: 2rem;}
.step-decors {z-index: 0;bottom: -4%;right: auto;left: 5%;}
}
/*======================*/
/*  Why Us              */
/*======================*/
.why-us-items {--items: 1;--gap: 1.5rem;position: relative;gap: var(--gap);display: flex;flex-wrap: wrap;justify-content: center;}
.why-us-item {--img-size: 10rem;position: relative;width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));text-align: center;}
.why-us-item > * + * {margin-top: 0.5rem;}
.why-us-item > .why-us-img + * {margin-top: 1rem;}
.why-us-item .title,
.why-us-item .text {color: var(--clr-white);}
.why-us-img {position: relative;display: block;width: var(--img-size);height: var(--img-size);flex-shrink: 0;margin-inline: auto;}
.why-us-img img {width: 100%;}
@media (min-width: 768px) {
.why-us-items {--items: 2;}
}
@media (min-width: 1200px) {
.why-us-items {--items: 3;--gap: 2rem;}
.why-us-item {--img-size: 11.875rem;}
}
/*======================*/
/*  Partners            */
/*======================*/
.partner-cards {--items: 1;--gap: 1.5rem;position: relative;gap: var(--gap);display: flex;flex-wrap: wrap;}
.partner-card {position: relative;width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));}
.partner-card > * + * {margin-top: 0.5rem;}
.partner-card > .partner-img + * {margin-top: 1rem;}
.partner-img {position: relative;overflow: hidden;width: 100%;aspect-ratio: 531/296;border-radius: 1rem;background-color: var(--bg-light);}
.partner-img img {width: 100%;border-radius: 1rem;}
.partner-img .h-btn {display: none;}
@media (min-width: 768px) {
.partner-cards {--items: 2;}
}
@media (min-width: 768px) {
.partner-cards {--items: 3;gap: 4.5rem var(--gap);}
.partner-card > * + * {margin-top: 1rem;}
.partner-card > .partner-img + * {margin-top: 1.5rem;}
.partner-img::before {content: "";position: absolute;z-index: 1;inset: 0;transition: var(--transition-2);opacity: 0;visibility: hidden;will-change: opacity,visibility;background-color: rgba(73, 17, 17, 0.3);}
.partner-img .h-btn {position: absolute;z-index: 3;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: var(--transition-2);will-change: opacity,visibility;opacity: 0;visibility: hidden;display: inline-flex;background-color: var(--clr-white);color: var(--clr-primary);white-space: nowrap;}
a.partner-card:hover .partner-img::before {opacity: 1;visibility: visible;}
a.partner-card:hover .partner-img .h-btn {opacity: 1;visibility: visible;}
}
/*======================*/
/*  Product Detail      */
/*======================*/
.product-detail {position: relative;gap: var(--sp-md);display: grid;text-align: left;}
.product-detail-head > * + * {margin-top: var(--sp-sm);}
.product-detail-slider {position: relative;}
.product-detail-slider .swiper-thumbs-bottom {margin-top: 0.75rem;}
.product-detail-slider .swiper-thumbs-bottom .swiper-container {overflow: hidden;}
.product-detail-slider .swiper-thumbs-bottom [class*=swiper-button] {display: block;}
.product-detail-slider .swiper-thumbs-bottom :where([class*=swiper-button]) {background: #FFE5DF;}
.product-detail-slider .swiper-thumbs-bottom .swiper-button-prev {left: calc(var(--sw-btn) * -0.5);}
.product-detail-slider .swiper-thumbs-bottom .swiper-button-next {right: calc(var(--sw-btn) * -0.5);}
.product-detail-img {position: relative;overflow: hidden;padding-top: 100%;border-radius: 1rem;}
.product-detail-img img {position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 1rem;}
.product-detail-thumb {position: relative;cursor: pointer;overflow: hidden;transition: var(--transition-1);padding-top: 100%;border: 0.0625rem solid transparent;border-radius: 1rem;}
.product-detail-thumb img {position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.swiper-slide-thumb-active .product-detail-thumb {border-color: var(--clr-primary);}
.swiper-thumbs.hide-bottom .swiper-thumbs-bottom {display: none;}
.product-detail-info > * + * {margin-top: 1.25rem;}
.product-detail-info .text * + :where(h1, h2, h3, h4, h5, h6) {margin-top: calc(var(--text-space) * 1.25);}
.product-option {font-size: var(--text);line-height: 1.4em;font-weight: 600;color: var(--clr-title);}
.product-option > * + * {margin-top: 0.5rem;}
@media (min-width: 992px) {
.product-detail {grid-template-columns: auto 49.5%;}
.product-detail-head {grid-area: 1/1/2/2;}
.product-detail-slider {grid-area: 1/2/3/3;}
.product-detail-info {grid-area: 2/1/3/2;}
.product-detail-info > * + * {margin-top: 1.5rem;}
.product-detail-info > .title + * {margin-top: 2rem;}
.product-detail:has(.product-detail-info:only-child) {grid-template-columns: 100%;justify-content: center;}
.product-detail:has(.product-detail-info:only-child) .product-detail-info {grid-area: initial;}
.popup-container.size-2:has(.product-detail-info:only-child) {max-width: 50.5rem;}
}
/*======================*/
/*  Cooperation Block  */
/*======================*/
.coop-cards {--items: 1;--gap: 1.25rem;position: relative;gap: var(--gap);display: flex;flex-wrap: wrap;}
.coop-card {--pd: 1.25rem;--gap-card: 1rem;--icon-size: 3rem;position: relative;width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));display: flex;flex-direction: column;border-radius: 1rem;background-color: var(--clr-white);padding: var(--pd);}
.coop-card > *:not(.coop-icon) + * {margin-top: var(--gap-card);}
.coop-icon {position: relative;display: block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;align-self: end;}
.coop-icon img {width: 100%;}
@media (min-width: 1200px) {
.coop-cards {--items: 3;--gap: 1.5rem;align-items: flex-start;}
.coop-card {--pd: 1.5rem;--icon-size: 4rem;}
.coop-card:first-child,
.coop-card:nth-child(3) {margin-top: 4.375rem;}
.coop-card:first-child::before {content: "";position: absolute;z-index: -1;pointer-events: none;bottom: -1.5rem;right: 0;transform: translateX(calc((-100% - 0.5rem) * -1));width: 11.5rem;aspect-ratio: 184/84;background-repeat: no-repeat;background-size: contain;background-image: url("../img/lines-1-2.svg");}
.coop-card:nth-child(3)::before {content: "";position: absolute;z-index: -1;pointer-events: none;bottom: -3.5rem;left: 0;transform: translateX(-50%);width: 10.6875rem;aspect-ratio: 171/114;background-repeat: no-repeat;background-size: contain;background-image: url("../img/lines-2-3.svg");}
}
/*======================*/
/*  Blog                */
/*======================*/
.blog-items > * + * {margin-top: var(--sp-sm);}
.blog-item {gap: 1.25rem;display: grid;}
.blog-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 794/402;border-radius: 1rem;}
.blog-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 1rem;will-change: transform;transition: transform var(--transition-1);}
.blog-content > * + * {margin-top: 0.75rem;}
.blog-content > * + .h-btn {margin-top: 1rem;}
.blog-content .title {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;will-change: color;transition: color var(--transition-1);}
.blog-content .text {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog-date {position: relative;display: flex;width: -moz-fit-content;width: fit-content;background-color: #FFE5DF;border-radius: 46px;font-size: 0.875rem;line-height: 1.4em;font-weight: 700;color: var(--clr-title);padding: 0.75em 1.5em;}
.blog-banner {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1640/832;border-radius: 1rem;}
.blog-banner img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 1rem;}
@media (min-width: 992px) {
.blog-item {gap: 1.5rem;grid-template-columns: 48.5% auto;}
.blog-content > * + * {margin-top: 1rem;}
.blog-content > * + .h-btn {margin-top: 1.25rem;}
.blog-date {font-size: 1rem;}
}
@media (min-width: 1200px) {
a.blog-img:hover img {transform: scale(1.05);}
.blog-content .title:hover {color: var(--clr-secondary);}
}
/*======================*/
/*  Pagination          */
/*======================*/
.pagination {--size: 1.5rem;--arrow-size: 3.5rem;--font-size: 1rem;--gap: 1rem;position: relative;display: block;margin-top: var(--sp-sm);}
.pagination ul {line-height: 0;gap: 0;display: flex;align-items: center;justify-content: center;}
.pagination li {position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;text-align: center;font-size: var(--font-size);line-height: var(--size);font-weight: 400;color: var(--clr-text);}
.pagination a {position: relative;display: inline-block;width: 100%;height: 100%;}
.pagination .dots {pointer-events: none;}
.pagination .pag-arrow {width: var(--arrow-size);height: var(--arrow-size);color: var(--clr-primary);margin-inline: var(--gap) 0;border-radius: 100%;background-color: #FFE5DF;}
.pagination .pag-arrow svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40%;height: 40%;}
.pagination .pag-arrow:first-child {transform: rotate(180deg);margin-inline: 0 var(--gap);}
.pagination li.active a {pointer-events: none;font-weight: 700;color: var(--clr-secondary);}
@media (min-width: 1200px) {
.pagination li a:hover {color: var(--clr-secondary);}
}
@media (max-width: 1199px) {
.pagination {--arrow-size: 2.25rem;}
}
/*==========================*/
/*  Tabs (not for styling)  */
/*==========================*/
._tabs {position: relative;}
:where(._tab) {display: none;}
._tab:nth-child(1 of ._tab) {display: block;}
._tab-item {cursor: pointer;}
._tab-item.is-active {pointer-events: none;}
/*======================*/
/*  Accordion           */
/*======================*/
.accordion {position: relative;z-index: 1;}
.accordion-item {--gap-acc: 1.25rem;--gap-title: 0.625rem;--pd-acc: 1.5rem;--img-acc: 1.8333em;--icon-acc: 1.16667em;position: relative;border-bottom: 3px solid var(--clr-border);padding-block: 0 var(--gap-acc);}
.accordion-item + .accordion-item {margin-top: var(--gap-acc);}
.accordion-title {position: relative;cursor: pointer;transition: var(--transition-1);gap: var(--gap-title);display: flex;align-items: center;font-size: var(--h5);line-height: 1.4em;font-weight: 700;color: var(--clr-title);}
.accordion-title img {display: none;}
.accordion-title i {position: relative;display: inline-block;width: var(--icon-acc);height: var(--icon-acc);flex-shrink: 0;color: var(--clr-secondary);margin-left: auto;}
.accordion-title i::before,
.accordion-title i::after {content: "";position: absolute;top: 50%;left: 50%;right: 0;transform: translate(-50%, -50%);transition: transform 0.3s ease;width: 70%;height: 2px;border-radius: 2px;background-color: currentColor;}
.accordion-title i::after {width: 2px;height: 70%;}
.accordion-title.is-active {color: var(--clr-primary);}
.accordion-title.is-active i {color: var(--clr-primary);}
.accordion-title.is-active i::after {transform: translate(-50%, -50%) rotate(-90deg);}
.accordion-inner {display: none;font-size: var(--h5);margin-top: 1rem;}
@media (min-width: 768px) {
.accordion-title img {display: inline-block;width: var(--img-acc);height: auto;flex-shrink: 0;}
}
@media (min-width: 1200px) {
.accordion-item {--gap-acc: 2rem;}
.accordion-title {padding-inline: 0 var(--pd-acc);}
.accordion-title:hover {color: var(--clr-primary);}
.accordion-inner {margin-top: 1.25rem;padding-inline: calc(var(--gap-title) + var(--img-acc)) calc(var(--gap-title) + var(--icon-acc) + var(--pd-acc));}
}
/*======================*/
/*  Contacts            */
/*======================*/
.contact-block {gap: var(--sp-md);display: grid;}
.contact-content {gap: var(--sp-md);display: grid;align-content: start;align-self: start;}
.contact-items {gap: var(--sp-sm);display: grid;}
.contact-item {gap: 1rem;display: grid;}
.contact-item a {font-family: var(--ff-2);font-size: var(--h6);line-height: 1.4em;font-weight: 600;color: var(--clr-title);}
.contact-title {position: relative;gap: 1rem;display: inline-flex;align-items: center;font-size: var(--h4);line-height: 1.4em;font-weight: 400;color: var(--clr-title);}
.contact-icon {position: relative;display: inline-block;width: 2.333em;height: 2.333em;flex-shrink: 0;color: var(--clr-white);}
.contact-icon img {width: 100%;}
.contact-icon :is(svg, img.icon-contact) {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40%;height: 40%;}
.contact-form {position: relative;align-self: self-start;border-radius: 1rem;background-color: var(--clr-white);padding: var(--sp-sm);}
.contact-form > * + * {margin-top: var(--sp-sm);}
.contact-form .form-block .btn {display: flex;width: -moz-fit-content;width: fit-content;margin-left: auto;}
.contact-form.type-2 {background-color: var(--bg-light);}
.contact-form.type-2 .input {background-color: var(--clr-white);border: 1px solid var(--clr-white);}
.contact-form.type-2 .input:focus,
.contact-form.type-2 .input:hover {border-color: var(--clr-title);}
.contact-form.type-2 .input-placeholder {background-color: var(--clr-white);}
.contact-form.type-2 :not(:has(.SumoSelect)) .input-placeholder {background-color: transparent;}
.contact-form.type-2 .SumoSelect > .CaptionCont {background: var(--clr-white);border: 1px solid var(--clr-white);}
.contact-form.type-2 .SumoSelect > .optWrapper {border: 1px solid var(--clr-white);background-color: var(--clr-white);}
.contact-form.type-2 .SumoSelect:focus > .CaptionCont,
.contact-form.type-2 .SumoSelect:hover > .CaptionCont {border-color: var(--clr-title);}
.contact-form.type-2 .input-field:has(.wpcf7-not-valid) :is(.input,.SumoSelect>.CaptionCont) {border-color: var(--clr-primary);}
.form-decors {bottom: -1rem;left: -0.5rem;width: 6.5rem;}
.form-decors-1 {bottom: -1rem;left: -0.5rem;width: 6.5rem;}
.contact-cards > * + * {margin-top: 0.625rem;}
.contact-card {position: relative;gap: 2rem;display: flex;align-items: flex-start;justify-content: space-between;border-radius: 1rem;border: 1px solid var(--bg-light);padding: 0.75rem;}
.contact-card .contact-icon {width: 3.625rem;height: 3.625rem;}
.contact-list > * + * {margin-top: 0.625rem;}
.contact-list a {font-family: var(--ff-2);font-size: 0.875rem;line-height: 1.4em;font-weight: 600;color: var(--clr-title);}
.contact-list a[href^="mailto:"] {word-break: break-all;}
@media (min-width: 576px) {
.contact-items {grid-template-columns: repeat(2, 1fr);}
.contact-list a {font-size: var(--h6);}
}
@media (min-width: 1200px) {
.contact-block {gap: var(--sp-lg);grid-template-columns: auto 53.66%;}
.contact-block:has(.contact-form.type-2) {gap: var(--sp-xs);grid-template-columns: auto 59.76%;}
.contact-items {gap: var(--sp-md);}
.contact-item a:hover {color: var(--clr-secondary);}
.form-decors {bottom: -25%;left: -13.75%;width: 27.5%;}
.form-decors-1 {top: -30%;bottom: auto;left: auto;right: -10%;width: 25%;}
.contact-list a:hover {color: var(--clr-secondary);}
}
@media (max-width: 1199px) {
.contact-content .title br {display: none;}
}
/*======================*/
/*  Map Style           */
/*======================*/
.map-block {position: relative;overflow: hidden;display: block;padding-top: max(22.5rem, 33.5vw);border-radius: 1rem;}
.map-block img:not(.infoBox img) {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: inherit;}
.map {position: absolute;inset: 0;}
/*======================*/
/*  InfoBox             */
/*======================*/
.infoBox {--space: 1rem;}
.infoBox > img {z-index: 10;opacity: 0;}
.infoBox > img,
.infoBox .btn-close {position: absolute;top: 0;right: 0;}
.info-box-wrapper {position: relative;z-index: 1;background-color: var(--bg-light);border-radius: 1rem;display: flex;}
.info-box-inner {padding: var(--space);padding-right: calc(var(--space) * 3);}
.info-box-inner > * {margin-bottom: var(--space);}
.info-box-inner :last-child {margin-bottom: 0;}
.cnt-item {display: flex;align-items: flex-start;}
.cnt-img {flex-shrink: 0;width: 1.25rem;height: 1.25rem;margin-right: 0.625rem;}
.cnt-img img {width: 100%;line-height: 0;}
.cnt-info {font-family: var(--ff-2);font-size: 1rem;line-height: 1.25em;font-weight: 400;color: var(--clr-title);}
.cnt-info > * + * {margin-top: 0.25rem;}
@media (min-width: 1200px) {
.cnt-info a:hover {color: var(--clr-secondary);}
}
@media (max-width: 575px) {
.infoBox {--space: 0.75rem;}
.cnt-info {font-size: 0.875rem;}
}
/*======================*/
/*  Footer              */
/*======================*/
footer {position: relative;background: radial-gradient(347.84% 373.48% at 77.11% 227.45%, #EF4623 0%, #491111 45.13%, #AD1A2D 100%);padding-block: var(--sp-lg) 0;}
.footer-grid {gap: 0.5rem;display: grid;}
.footer-img-wrap {position: relative;pointer-events: none;width: 85%;margin-inline: auto;}
.footer-img {position: relative;width: 100%;}
.footer-img img {width: 100%;}
.footer-content {gap: 2rem;display: grid;}
.footer-links ul {gap: 1.25rem;display: flex;flex-direction: column;width: -moz-fit-content;width: fit-content;}
.footer-links li {line-height: 0;}
.footer-links a {font-family: var(--ff-2);font-size: var(--h4);line-height: 1.4em;font-weight: 700;color: var(--clr-white);}
.footer-info {gap: 1.25rem;display: flex;flex-direction: column;width: -moz-fit-content;width: fit-content;}
.footer-logo {display: block;max-width: 7.625rem;width: 100%;}
.footer-logo img {display: block;width: 100%;}
.footer-contacts {gap: 0.5rem;display: flex;flex-direction: column;width: -moz-fit-content;width: fit-content;}
.footer-contacts a {font-family: var(--ff-2);font-size: 1rem;line-height: 1.4em;font-weight: 600;color: var(--clr-white);}
.copyright {gap: 0.5rem;display: flex;flex-direction: column;width: -moz-fit-content;width: fit-content;}
.copyright > * {font-size: 1rem;line-height: 1.4em;font-weight: 400;color: #F4ECEB;}
.dev-link {gap: 0.375rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;}
.dev-link img {width: 4.75rem;}
@media (min-width: 768px) {
.footer-content {grid-template-columns: auto auto;justify-content: space-between;}
}
@media (min-width: 992px) {
footer {padding-block: var(--sp-lg);}
.footer-grid {gap: 2rem;grid-template-columns: 45% auto;}
.footer-img-wrap {width: 100%;order: -1;}
.footer-img {position: absolute;right: 0;bottom: calc(var(--sp-lg) * -1);}
}
@media (min-width: 1200px) {
.footer-grid {gap: 12rem;grid-template-columns: 40% auto;}
.footer-links ul {gap: 2.25rem;}
.footer-info {gap: 2rem;}
a.footer-logo:hover {opacity: 0.75;}
.footer-links a:hover,
.footer-contacts a:hover,
.dev-link:hover {color: var(--clr-secondary);}
}
/*======================*/
/*  Popups              */
/*======================*/
.popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;transition-delay: 0.3s;display: block;}
.popup-wrapper .bg-layer {position: absolute;left: 0;right: 0;top: -6.25rem;bottom: -6.25rem;background: rgba(73, 17, 30, 0.4);opacity: 0;transition: opacity var(--transition-1);}
.popup-wrapper.active {left: 0;transition-delay: 0s;}
.popup-wrapper.active .bg-layer {opacity: 1;}
.popup-content {position: absolute;inset: 0;font-size: 0;text-align: center;letter-spacing: 0;padding: 0.75rem;overflow: auto;-webkit-overflow-scrolling: touch;backface-visibility: hidden;opacity: 0;visibility: hidden;transform: translateY(6.25rem);transition: var(--transition-1);}
.popup-content.active {transform: translateY(0%);opacity: 1;visibility: visible;}
.popup-content:after {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.popup-content .layer-close {position: fixed;inset: 0;z-index: 0;}
.popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 50.5rem;background: var(--bg-light);border-radius: 1rem;}
.popup-container .btn-close {position: absolute;z-index: 10;top: 2rem;right: 2rem;}
.popup-container.size-2 {max-width: 92.625rem;}
.popup-align {position: relative;z-index: 1;padding: var(--sp-lg);}
.popup-align:has(.product-detail) {padding: var(--sp-lg);}
.popup-info {text-align: left;}
.popup-info .text {max-width: 67%;}
.popup-info > * + * {margin-top: 2rem;}
.popup-decor {position: absolute;pointer-events: none;z-index: 0;bottom: 0;right: 0;width: 58%;aspect-ratio: 473/286;}
.popup-decor img {width: 100%;}
.open-popup {cursor: pointer;}
@media (max-width: 575px) {
.popup-container .btn-close {top: 0.25rem;right: 0.25rem;}
.popup-align {padding: 2.5rem 1.25rem;}
.popup-align:has(.product-detail) {padding: 2.5rem 1.25rem;}
.popup-info .text {max-width: 60%;}
.popup-info > * + * {margin-top: 1.25rem;}
}
/*======================*/
/*  Informer            */
/*======================*/
.informer {--inf-pd: 1.25rem;--inf-gap: 1rem;overflow: hidden;position: fixed;z-index: 101;width: calc(100% - 1.5rem);max-height: calc(100% - 1.5rem);overflow-y: auto;overflow-x: hidden;padding: var(--inf-pd);border-radius: 1rem;background-color: var(--bg-light);opacity: 0;visibility: hidden;display: block;box-shadow: var(--box-shadow);transition: var(--transition-1);}
.informer.is-active {opacity: 1;visibility: visible;transform: translate(-50%, -50%);}
.informer > * + * {margin-top: var(--inf-gap);}
.informer-overlay {position: fixed;z-index: 100;inset: 0;opacity: 0;visibility: hidden;transition: var(--transition-1);background: rgba(73, 17, 30, 0.4);display: block;}
:has(.informer.is-active) .informer-overlay {opacity: 1;visibility: visible;}
.informer-close {position: absolute;z-index: 10;top: 0.625rem;right: 0.625rem;}
.promotional-informer {top: 50%;left: 50%;max-width: 100%;transform: translate(-50%, 100%);}
.informer-entry {position: relative;gap: var(--sp-xs);display: grid;text-align: left;margin: 0;}
.informer-entry-head > * + * {margin-top: var(--sp-sm);}
.informer-entry-img {position: relative;overflow: hidden;padding-top: 100%;border-radius: 1rem;}
.informer-entry-img img {position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 1rem;}
.informer-entry-info > * + * {margin-top: 1.25rem;}
@media (min-width: 768px) {
.informer {--inf-pd: var(--sp-lg);--inf-gap: 2rem;}
.informer-close {top: 2rem;right: 2rem;}
.promotional-informer {max-width: 92.625rem;}
}
@media (min-width: 992px) {
.informer-entry {gap: var(--sp-md);grid-template-columns: auto 49.5%;}
.informer-entry-head {grid-area: 1/1/2/2;align-self: end;}
.informer-entry-img {grid-area: 1/2/3/3;}
.informer-entry-info {grid-area: 2/1/3/2;}
.informer-entry-info > * + * {margin-top: 1.5rem;}
}
/*======================*/
/*  Cookies             */
/*======================*/
.cookies-informer {--cookie-pd: 1.25rem;--cookie-gap: 0.75rem;position: fixed;overflow: hidden;bottom: var(--cookie-gap);left: var(--cookie-gap);transform: translate(0%, 100%);max-width: min(100%, 50.5rem);width: calc(100% - var(--cookie-gap) * 2);padding: var(--cookie-pd);border-radius: 1rem;background: var(--bg-light);box-shadow: var(--box-shadow);opacity: 0;visibility: hidden;backface-visibility: hidden;transition: var(--transition-1);display: block;}
.cookies-informer .btn-close {position: absolute;top: 0.25rem;right: 0.25rem;}
.cookies-informer.active {z-index: 500;visibility: visible;opacity: 1;transform: translate(0%, 0%);}
.cookies-informer-inner {position: relative;z-index: 1;width: 100%;}
.cookies-informer-inner > * + * {margin-top: 1.25rem;}
.cookies-btn-wrap {gap: 1.25rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;}
.cookies-decor {display: none;}
@media (min-width: 1200px) {
.cookies-informer {--cookie-pd: var(--sp-lg);--cookie-gap: 2.5rem;padding-right: calc(var(--cookie-pd) * 3);}
.cookies-informer .btn-close {top: 2rem;right: 2rem;}
.cookies-informer-inner > * + * {margin-top: 1.5rem;}
.cookies-informer-inner > * + .cookies-btn-wrap {margin-top: 2rem;}
.cookies-btn-wrap {gap: 2rem;}
.cookies-decor {position: absolute;pointer-events: none;z-index: 0;bottom: 0;right: 0;width: 42%;aspect-ratio: 338/320;margin: 0;display: inline-block;}
.cookies-decor img {width: 100%;}
}
@media (max-width: 575px) {
.cookies-btn-wrap .btn {--icon-size: 3.75em;}
}
/*======================*/
/*  404                 */
/*======================*/
.page-404 {position: relative;width: 100%;min-height: calc(100svh - var(--h-height));display: flex;align-items: center;justify-content: center;margin-top: 0;padding: 1.5rem 0;}
.page-404-inner {text-align: center;}
.page-404-inner > * + * {margin-top: var(--sp-sm);}
.page-404-img {position: relative;display: block;width: 100%;aspect-ratio: 710/309;}
.page-404-img img {width: 100%;}
.page-404-btns {gap: 0.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
@media (min-width: 576px) {
.page-404-btns {gap: var(--sp-lg);flex-direction: row;}
}
@media (min-width: 1200px) {
.page-404-inner {text-align: center;}
.page-404-inner > .page-404-img + * {margin-top: var(--sp-md);}
}
.product-block{opacity: 1;}