.product-highlight{color:oklch(100% 0 0);background:oklch(45.44% .1282 252.9);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-highlight:before{content:"";background-image:url("data:image/svg+xml,%3Csvg fill='none' width='2756' height='872' viewBox='0 0 2756 856' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E :root %7B --background-sinus__color-base: rgba(255, 255, 255, 0.1); --background-sinus__color-highlight: %23FFFFFF; %7D @keyframes background-sinus__stroke-animation %7B 0%25 %7B stroke-dashoffset: 160; %7D 50%25 %7B stroke-dashoffset: -4000; %7D 100%25 %7B stroke-dashoffset: -4000; %7D %7D .base %7B stroke: var(--background-sinus__color-base); stroke-width: 2; %7D .highlight %7B stroke: var(--background-sinus__color-highlight); stroke-width: 2; stroke-dasharray: 160 10000; stroke-dashoffset: 160; filter: drop-shadow(0 0 16px var(--background-sinus__color-base)) drop-shadow(0 0 12px var(--background-sinus__color-highlight)); %7D .highlight use %7B animation: background-sinus__stroke-animation 2.5s ease-in-out infinite; %7D %3C/style%3E%3Cdefs%3E%3Cpath id='background-sinus' d='M0 27.997C419.424 27.997 458.917 848 931.331 848c472.419 0 504.409-824 972.819-824 468.42 0 470.92 824 851.85 824'/%3E%3C/defs%3E%3Cg class='base'%3E%3Cuse href='%23background-sinus'/%3E%3C/g%3E%3Cg class='highlight'%3E%3Cuse href='%23background-sinus'/%3E%3C/g%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:start;background-size:auto 50%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.product-highlight:before{display:none}}@media (width>=768px){.product-highlight{overflow:hidden}.product-highlight:before{content:"";background-image:url("data:image/svg+xml,%3Csvg fill='none' width='2756' height='872' viewBox='0 0 2756 856' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E :root %7B --background-sinus__color-base: rgba(255, 255, 255, 0.1); --background-sinus__color-highlight: %23FFFFFF; %7D @keyframes background-sinus__stroke-animation %7B 0%25 %7B stroke-dashoffset: 160; %7D 50%25 %7B stroke-dashoffset: -4000; %7D 100%25 %7B stroke-dashoffset: -4000; %7D %7D .base %7B stroke: var(--background-sinus__color-base); stroke-width: 2; %7D .highlight %7B stroke: var(--background-sinus__color-highlight); stroke-width: 2; stroke-dasharray: 160 10000; stroke-dashoffset: 160; filter: drop-shadow(0 0 16px var(--background-sinus__color-base)) drop-shadow(0 0 12px var(--background-sinus__color-highlight)); %7D .highlight use %7B animation: background-sinus__stroke-animation 2.5s ease-in-out infinite; %7D %3C/style%3E%3Cdefs%3E%3Cpath id='background-sinus' d='M0 27.997C419.424 27.997 458.917 848 931.331 848c472.419 0 504.409-824 972.819-824 468.42 0 470.92 824 851.85 824'/%3E%3C/defs%3E%3Cg class='base'%3E%3Cuse href='%23background-sinus'/%3E%3C/g%3E%3Cg class='highlight'%3E%3Cuse href='%23background-sinus'/%3E%3C/g%3E%3C/svg%3E%0A");background-position:50%;background-repeat:no-repeat;background-size:auto 100%;position:absolute;inset:0}}@media (width>=768px) and (prefers-reduced-motion:reduce){.product-highlight:before{display:none}}.product-highlight .default-slider,.product-highlight .swiper-container,.product-highlight .swiper-wrapper{block-size:100%}.product-highlight .swiper-slide{block-size:auto}.product-highlight__style-text{text-overflow:ellipsis;text-align:center;-webkit-user-select:none;user-select:none;opacity:.1;font-size:clamp(7rem,20vi,18.75rem);font-weight:500;line-height:1;position:absolute;inset-block-start:2rem;inset-inline:0;overflow:hidden}@media (width>=768px){.product-highlight__style-text{inset-block-start:5rem}}.product-highlight__media{justify-content:center;inline-size:100%;margin-block-start:20vb;display:flex}.product-highlight__media .media:before{aspect-ratio:4;content:"";background-blend-mode:multiply;background:radial-gradient(50% 50%,#000 0%,#d9d9d900 100%);border-radius:100%;inline-size:100%;animation:3s linear infinite product-shadow;position:absolute;inset-block-end:0;inset-inline:0}.product-highlight__media .media__container{animation:3s linear infinite product-float}@keyframes product-shadow{0%{opacity:.4;filter:blur(.5rem);animation-timing-function:cubic-bezier(.55,0,.25,1);transform:scale(1)}50%{opacity:.2;filter:blur(.75rem);animation-timing-function:cubic-bezier(.25,0,.55,1);transform:scale(.85)}to{opacity:.4;filter:blur(.5rem);transform:scale(1)}}@keyframes product-float{0%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(.37,0,.63,1);transform:translateY(-1rem)}to{transform:translateY(0)}}.product-highlight__content{z-index:1;flex-direction:column;order:1;margin-block:auto 1.5rem;display:flex}@media (width>=768px){.product-highlight__content{flex-direction:row-reverse;justify-content:space-between;align-items:end;margin-block-end:5rem}}.product-highlight__content-inner{margin-inline-end:auto}@media (width>=768px){.product-highlight__content-inner{max-inline-size:23.75rem}}.product-highlight__navigation{gap:1rem;margin-block-end:2.5rem;display:flex}@media (width>=768px){.product-highlight__navigation{margin-block-end:0}}