body {
  margin: 0;
  padding: 0;
}

.wiko-buds10 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: #505050;
}

.wiko-buds10 *, .wiko-buds10::before, .wiko-buds10::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.wiko-buds10 section {
  position: relative;
  z-index: 1;
}

.wiko-buds10 h2, .wiko-buds10 h3 {
  margin: 0;
  padding: 0;
  font-weight: 700 !important;
  line-height: 1.25;
}

.wiko-buds10 p, .wiko-buds10 span, .wiko-buds10 a, .wiko-buds10 li {
  margin: 0;
  padding: 0;
  line-height: 1.6;
  list-style: decimal;
}

.wiko-buds10 a {
  text-decoration: none;
}

.wiko-buds10 img, .wiko-buds10 video {
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}

.wiko-buds10 svg {
  overflow: visible;
  width: 100%;
}

.wiko-buds10 canvas {
  width: 100%;
  height: 100%;
}

.wiko-buds10 sup {
  font-size: .6em;
  line-height: 0;
  vertical-align: super;
}

.wiko-buds10 sup a {
  color: inherit;
}

.wiko-buds10 ul, .wiko-buds10 ol {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}

.wiko-buds10 .nowrap {
  white-space: nowrap;
}

.wiko-buds10 .footnote {
  position: relative;
  z-index: 100;
}

.wiko-buds10 .lg-hide {
  display: none;
}

.wiko-buds10 .lg-show {
  display: block;
}

.wiko-buds10 .lg-show-flex {
  display: flex;
}

.wiko-buds10 .lg-show-inline {
  display: inline;
}

.wiko-buds10 .lg-show-inlineblock {
  display: inline-block;
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .xs-hide {
    display: none;
  }
  .wiko-buds10 .xs-show {
    display: block;
  }
  .wiko-buds10 .xs-show-flex {
    display: flex;
  }
  .wiko-buds10 .xs-show-inline {
    display: inline;
  }
  .wiko-buds10 .xs-show-inlineblock {
    display: inline-block;
  }
}

.wiko-buds10 .sticky-wrapper {
  position: relative;
  z-index: 1;
}

.wiko-buds10 .sticky-content {
  position: sticky;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.wiko-buds10.fallback-mode .sticky-wrapper {
  height: auto !important;
  min-height: auto;
}

.wiko-buds10.fallback-mode .sticky-content {
  position: relative;
  top: 0;
  height: auto;
  min-height: auto;
}

.wiko-buds10 .section-row {
  display: flex;
  flex-wrap: wrap;
}

.wiko-buds10 .align-text {
  text-align: center;
}

.wiko-buds10 .will-change .will-transform, .wiko-buds10 .will-change .will-rotate, .wiko-buds10 .will-change .will-scale {
  will-change: transform;
}

.wiko-buds10 .will-change .will-fadein, .wiko-buds10 .will-change .will-fadeout {
  will-change: opacity;
}

.wiko-buds10 .aspect-ratio {
  position: relative;
}

.wiko-buds10 .aspect-ratio::before {
  display: block;
  content: '';
}

.wiko-buds10 .aspect-ratio > :first-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wiko-buds10 .blur-up {
  transition: filter 400ms;
  filter: blur(10px);
}

.wiko-buds10 .blur-up.lazyloaded {
  filter: blur(0);
}

.wiko-buds10 .section-spacer {
  padding-top: 6.25vw;
}

.wiko-buds10 .section-spacers {
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}

.wiko-buds10 .section-spacer-m {
  padding-top: 6.25vw;
  padding-bottom: 5.208333vw;
}

.wiko-buds10 .section-spacer-n {
  padding-top: 5.208333vw;
  padding-bottom: 5.208333vw;
}

.wiko-buds10 .section-spacer-o {
  padding-top: 5.208333vw;
}

.wiko-buds10 .picture-spacer {
  margin: 4.166667vw auto 0;
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-spacer, .wiko-buds10 .section-spacer-o {
    padding-top: 13.888889vw;
  }
  .wiko-buds10 .section-spacers, .wiko-buds10 .section-spacer-m, .wiko-buds10 .section-spacer-n {
    padding-top: 13.888889vw;
    padding-bottom: 13.888889vw;
  }
  .wiko-buds10 .picture-spacer {
    margin: 13.888889vw auto 0;
  }
}

.wiko-buds10 .section-dark {
  color: #b4b4b4;
  background-color: #000;
}

.wiko-buds10 .section-dark .section-headline {
  color: #fff;
}

.wiko-buds10 .section-content {
  width: 61.979167vw;
  margin-right: auto;
  margin-left: auto;
}

.wiko-buds10 .section-headline {
  font-size: 2.5vw;
  color: #000;
}

.wiko-buds10 .section-headline + .section-intro {
  margin-top: 2.083333vw;
}

.wiko-buds10 .section-intro {
  font-size: 1.25vw;
}

.wiko-buds10 .section-headline-reduced {
  font-size: 1.666667vw;
  font-weight: 500 !important;
}

.wiko-buds10 .section-intro-reduced {
  font-size: 1.458333vw;
  font-weight: 400 !important;
}

.wiko-buds10 .section-subhead {
  font-size: 1.875vw;
  font-weight: 500 !important;
  text-align: center;
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-content {
    width: 83.333333vw !important;
  }
  .wiko-buds10 .section-headline {
    font-size: 6.666667vw;
  }
  .wiko-buds10 .section-headline + .section-intro {
    margin-top: 4.166667vw;
  }
  .wiko-buds10 .section-subhead, .wiko-buds10 .section-headline-reduced {
    font-size: 4.444444vw;
  }
  .wiko-buds10 .section-intro, .wiko-buds10 .section-intro-reduced {
    margin-top: 4.166667vw;
    font-size: 3.611111vw;
  }
  .wiko-buds10 .align-text {
    text-align: left;
  }
}

.wiko-buds10 .section-hero::before {
  padding-bottom: calc(100% / (1920 / 960));
}

.wiko-buds10 .section-hero .section-overview {
  position: absolute;
  top: 0;
  right: 5.208333vw;
  bottom: 0;
  left: 6.25vw;
  align-items: center;
  justify-content: space-between;
}

.wiko-buds10 .section-hero .section-logo {
  width: 26.750208vw;
  height: 3.177083vw;
}

.wiko-buds10 .section-hero .section-features {
  font-size: .989583vw;
  font-weight: 500 !important;
  color: #000;
}

.wiko-buds10 .section-hero .section-corner {
  position: absolute;
  right: 3.125vw;
  bottom: 3.958333vw;
  text-align: right;
}

.wiko-buds10 .section-hero .section-charging-case {
  width: 7.1875vw;
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-hero::before {
    padding-bottom: calc(100% / (720 / 1080));
  }
  .wiko-buds10 .section-hero .section-overview {
    top: 15.833333vw;
    right: 0;
    bottom: auto;
    left: 0;
    flex-direction: column;
  }
  .wiko-buds10 .section-hero .section-logo {
    width: 63.148611vw;
    height: 7.5vw;
  }
  .wiko-buds10 .section-hero .section-features {
    margin-top: 5.555556vw;
    font-size: 2.083333vw;
  }
  .wiko-buds10 .section-hero .section-corner {
    right: 6.111111vw;
    bottom: 8.333333vw;
  }
  .wiko-buds10 .section-hero .section-charging-case {
    width: 12.083333vw;
  }
}

.wiko-buds10 .section-key-features .section-content {
  width: 81.25vw;
}

.wiko-buds10 .section-key-features .section-headline {
  text-align: center;
  color: #505050;
}

.wiko-buds10 .section-key-features .section-cards {
  justify-content: space-between;
  margin-top: -1.5625vw;
}

.wiko-buds10 .section-key-features .section-card {
  position: relative;
  overflow: hidden;
  width: 26.041667vw;
  margin-top: 1.5625vw;
  cursor: pointer;
  border-radius: 1.5625vw;
}

.wiko-buds10 .section-key-features .section-card::before {
  padding-bottom: calc(100% / (500 / 450));
}

.wiko-buds10 .section-key-features .section-card.is-hover .section-icon {
  animation: arrow-down .8s ease forwards;
}

.wiko-buds10 .section-key-features .section-card:nth-of-type(5) {
  width: 53.645833vw;
}

.wiko-buds10 .section-key-features .section-card:nth-of-type(5)::before {
  padding-bottom: calc(100% / (1030 / 450));
}

.wiko-buds10 .section-key-features .section-headline {
  position: absolute;
  right: 0;
  bottom: 1.5625vw;
  left: 0;
  font-size: 1.666667vw;
  font-weight: 400 !important;
  cursor: auto;
  text-align: center;
}

.wiko-buds10 .section-key-features .section-headline span {
  display: block;
  font-size: 2.5vw;
  font-weight: 500 !important;
  line-height: inherit;
  color: #000;
}

.wiko-buds10 .section-key-features .section-indicator {
  position: absolute;
  right: 1.041667vw;
  bottom: 1.041667vw;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 2.395833vw;
  height: 2.395833vw;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
}

.wiko-buds10 .section-key-features .section-icon {
  width: 1.236458vw;
  height: .669219vw;
  height: 100%;
}

@keyframes arrow-down {
  49% {
    transform: translate(0, 62%);
  }
  50% {
    transform: translate(0, -62%);
  }
}

.wiko-buds10 .section-key-features .section-anchor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-key-features {
    padding: 11.111111vw 0;
  }
  .wiko-buds10 .section-key-features .section-cards {
    justify-content: space-between;
    margin-top: -2.777778vw;
  }
  .wiko-buds10 .section-key-features .section-card {
    width: 40.277778vw;
    margin-top: 2.777778vw;
    border-radius: 4.166667vw;
  }
  .wiko-buds10 .section-key-features .section-card::before {
    padding-bottom: calc(100% / (290 / 261));
  }
  .wiko-buds10 .section-key-features .section-card:nth-of-type(5) {
    width: 100%;
  }
  .wiko-buds10 .section-key-features .section-card:nth-of-type(5)::before {
    padding-bottom: calc(100% / (600 / 261));
  }
  .wiko-buds10 .section-key-features .section-headline {
    bottom: 2.777778vw;
    font-size: 2.5vw;
  }
  .wiko-buds10 .section-key-features .section-headline span {
    font-size: 3.888889vw;
    font-weight: 700 !important;
  }
  .wiko-buds10 .section-key-features .section-indicator {
    right: 1.944444vw;
    bottom: 1.944444vw;
    width: 3.333333vw;
    height: 3.333333vw;
  }
  .wiko-buds10 .section-key-features .section-icon {
    width: 1.913889vw;
  }
}

.wiko-buds10 .section-design .section-picture::before {
  padding-bottom: calc(100% / (1920 / 900));
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-design .section-picture {
    width: 83.333333vw;
    margin-right: auto;
    margin-left: auto;
  }
  .wiko-buds10 .section-design .section-picture::before {
    padding-bottom: calc(100% / (600 / 592));
  }
}

.wiko-buds10 .section-battery .section-wrapper {
  position: relative;
  width: 77.083333vw;
}

.wiko-buds10 .section-battery .section-picture-wrapper {
  position: relative;
  width: 62.083333vw;
  margin: 0 auto;
}

.wiko-buds10 .section-battery .section-picture-wrapper::before {
  padding-bottom: calc(100% / (1192 / 506));
}

.wiko-buds10 .section-battery .section-picture {
  z-index: 3;
}

.wiko-buds10 .section-battery .section-row {
  position: absolute;
  right: 0;
  left: 0;
  justify-content: space-between;
}

.wiko-buds10 .section-battery .section-circle-path {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 5.677083vw;
  left: 0;
}

.wiko-buds10 .section-battery .section-circle-path::before {
  padding-bottom: calc(100% / (1192 / 153.47));
}

.wiko-buds10 .section-battery .section-circle-radius {
  position: absolute;
  z-index: 2;
  bottom: 2.864583vw;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 64.270833vw;
  margin-left: -2.291667vw;
  transform: rotate(29deg);
  transform-origin: top;
}

.wiko-buds10 .section-battery .section-circle-radius img {
  width: 4.583333vw;
}

.wiko-buds10 .section-battery .section-circle-radius .section-icon-day {
  transform: rotate(-29deg);
}

.wiko-buds10 .section-battery .section-circle-radius .section-icon-night {
  transform: rotate(29deg);
}

.wiko-buds10 .section-battery .section-icon-night {
  display: none;
}

.wiko-buds10 .section-battery .section-subhead-wrapper {
  bottom: 0;
}

.wiko-buds10 .section-battery .section-subhead-2 {
  margin-right: -1.041667vw;
}

.wiko-buds10 .section-battery .section-icon-6 {
  width: 1.40625vw;
  vertical-align: text-top;
}

.wiko-buds10 .section-battery .section-icon-30 {
  width: 3.177083vw;
  vertical-align: text-top;
}

.wiko-buds10 .section-battery .section-copy {
  display: block;
  margin-top: .3125vw;
  font-size: 1.458333vw;
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-battery .section-wrapper {
    width: 83.333333vw;
  }
  .wiko-buds10 .section-battery .section-picture-wrapper {
    width: 80vw;
  }
  .wiko-buds10 .section-battery .section-circle-path {
    bottom: 7.277778vw;
  }
  .wiko-buds10 .section-battery .section-circle-path::before {
    padding-bottom: calc(100% / (1192 / 153.47));
  }
  .wiko-buds10 .section-battery .section-circle-radius {
    bottom: 3.333333vw;
    height: 41.388889vw;
    margin-left: -2.916667vw;
  }
  .wiko-buds10 .section-battery .section-circle-radius img {
    width: 5.833333vw;
  }
  .wiko-buds10 .section-battery .section-subhead-wrapper {
    position: static;
    width: 83.333333vw;
    margin: 5.555556vw auto 0;
  }
  .wiko-buds10 .section-battery .section-subhead-2 {
    margin-right: 0;
  }
  .wiko-buds10 .section-battery .section-icon-6 {
    width: 3.75vw;
  }
  .wiko-buds10 .section-battery .section-icon-30 {
    width: 8.472222vw;
  }
  .wiko-buds10 .section-battery .section-subhead {
    font-size: 5vw;
  }
  .wiko-buds10 .section-battery .section-copy {
    margin-top: .833333vw;
    font-size: 3.333333vw;
  }
}

.wiko-buds10 .section-driver .section-picture-wrapper {
  position: relative;
  width: 81.25vw;
  height: 29.010417vw;
}

.wiko-buds10 .section-driver .section-picture {
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  transition: transform .7s;
}

.wiko-buds10 .section-driver .section-picture img {
  width: auto;
  height: 100%;
}

.wiko-buds10 .section-driver .section-picture-1 {
  z-index: 9;
  left: 0;
  transform: translateX(322.16749%);
}

.wiko-buds10 .section-driver .section-picture-2 {
  z-index: 8;
  left: 15.192308%;
  transform: translateX(309.65517%);
}

.wiko-buds10 .section-driver .section-picture-3 {
  z-index: 7;
  left: 26.858974%;
  transform: translateX(438.23529%);
}

.wiko-buds10 .section-driver .section-picture-4 {
  z-index: 6;
  left: 32.820513%;
  transform: translateX(198.95833%);
}

.wiko-buds10 .section-driver .section-picture-5 {
  z-index: 5;
  left: 40.512821%;
  transform: translateX(21.81818%);
}

.wiko-buds10 .section-driver .section-picture-6 {
  z-index: 4;
  left: 52.2435897%;
  transform: translateX(-87.83784%);
}

.wiko-buds10 .section-driver .section-picture-7 {
  z-index: 3;
  left: 63.076923%;
  transform: translateX(-129.6875%);
}

.wiko-buds10 .section-driver .section-picture-8 {
  z-index: 2;
  left: 84.935897%;
  transform: translateX(-568.53933%);
}

.wiko-buds10 .section-driver .section-picture-9 {
  z-index: 1;
  left: 93.461538%;
  transform: translateX(-649.01961%);
}

.wiko-buds10 .section-driver .animated picture {
  transform: translateX(0);
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-driver .section-picture-wrapper {
    width: 83.333333vw;
    height: 29.722222vw;
  }
}

.wiko-buds10 .section-sound .section-sound-wrapper {
  position: relative;
  margin-top: 9.635417vw;
}

.wiko-buds10 .section-sound .section-picture {
  width: 15.625vw;
  margin: 0 auto;
}

.wiko-buds10 .section-sound .section-picture::before {
  padding-bottom: calc(100% / (300 / 525));
}

.wiko-buds10 .section-sound .section-sound-left {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-around;
  width: 41.666667vw;
  height: 9.895833vw;
}

.wiko-buds10 .section-sound .section-sound-left .section-sound-line {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(55, 92, 247, 0.5), #375cf7, rgba(55, 92, 247, 0.5), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

.wiko-buds10 .section-sound .section-sound-right {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 43.229167vw;
  height: 9.895833vw;
}

.wiko-buds10 .section-sound .section-sound-right .section-sound-line {
  background: linear-gradient(to bottom, rgba(55, 92, 247, 0), #375cf7, rgba(55, 92, 247, 0));
}

.wiko-buds10 .section-sound .section-sound-line {
  position: relative;
  z-index: 2;
  width: .3125vw;
  height: .520833vw;
  transform-origin: center center;
}

.wiko-buds10 .section-sound .animated .section-sound-line {
  -webkit-animation: sound 5s .6s linear infinite;
  animation: sound 5s .6s linear infinite;
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-sound .section-sound-wrapper {
    margin-top: 25.694444vw;
  }
  .wiko-buds10 .section-sound .section-picture {
    width: 15.972222vw;
  }
  .wiko-buds10 .section-sound .section-picture::before {
    padding-bottom: calc(100% / (115 / 201));
  }
  .wiko-buds10 .section-sound .section-sound-left {
    width: 41.666667vw;
    height: 13.888889vw;
  }
  .wiko-buds10 .section-sound .section-sound-right {
    width: 43.055556vw;
    height: 13.888889vw;
  }
}

@keyframes sound {
  0% {
    transform: scaleY(1);
  }
  10% {
    transform: scaleY(0.2);
  }
  20% {
    transform: scaleY(1);
  }
  30% {
    transform: scaleY(0.2);
  }
  40% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.2);
  }
  60% {
    transform: scaleY(1);
  }
  70% {
    transform: scaleY(0.2);
  }
  80% {
    transform: scaleY(1);
  }
  90% {
    transform: scaleY(0.2);
  }
  100% {
    transform: scaleY(1);
  }
}

.wiko-buds10 .section-connection .section-picture-wrapper {
  width: 30.9375vw;
  margin: 13.229167vw auto 0;
}

.wiko-buds10 .section-connection .section-picture-wrapper::before {
  padding-bottom: calc(100% / (594 / 519));
}

.wiko-buds10 .section-connection .section-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform .5s;
  transform: translateZ(0);
}

.wiko-buds10 .section-connection .animated .section-image-2 {
  transform: translateY(-13.48748%);
}

.wiko-buds10 .section-connection .animated .section-image-3 {
  transform: translateY(-33.33333%);
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-connection .section-picture-wrapper {
    width: 46.666667vw;
    margin: 22.222222vw auto 0;
  }
}

.wiko-buds10 .section-bluetooth .section-picture {
  width: 16.666667vw;
  margin-right: auto;
  margin-left: auto;
}

.wiko-buds10 .section-bluetooth .section-picture::before {
  padding-bottom: calc(100% / (320 / 620));
}

.wiko-buds10 .section-bluetooth .section-image-2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity .5s;
  opacity: 0;
}

.wiko-buds10 .section-bluetooth .animated .section-image {
  opacity: 1;
}

.wiko-buds10 .section-bluetooth .section-image-3 {
  position: absolute;
  right: 0;
  bottom: 8.854167vw;
  width: 21.09375vw;
  transform: translateX(100%);
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-bluetooth .section-picture {
    width: 36.111111vw;
  }
  .wiko-buds10 .section-bluetooth .section-image-3 {
    position: static;
    width: 45.694444vw;
    max-width: none;
    margin-top: 9.166667vw;
    transform: translateX(-5.41667vw);
  }
}

.wiko-buds10 .section-low-latency .section-picture {
  width: 93.75vw;
  margin-right: auto;
  margin-left: auto;
}

.wiko-buds10 .section-low-latency .section-picture::before {
  padding-bottom: calc(100% / (1800 / 784));
}

.wiko-buds10 .section-low-latency .section-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-low-latency {
    padding-bottom: 13.888889vw;
  }
  .wiko-buds10 .section-low-latency .section-picture {
    width: 100%;
  }
  .wiko-buds10 .section-low-latency .section-picture::before {
    padding-bottom: calc(100% / (720 / 314));
  }
}

.wiko-buds10 .section-water-resistance {
  background: radial-gradient(140vh circle at 75% 0%, #191919, #000);
}

.wiko-buds10 .section-water-resistance .section-content {
  align-items: center;
  justify-content: space-between;
  width: 77.083333vw;
}

.wiko-buds10 .section-water-resistance .section-copy {
  width: 37.5vw;
}

.wiko-buds10 .section-water-resistance .section-picture {
  width: 34.895833vw;
}

.wiko-buds10 .section-water-resistance .section-picture::before {
  padding-bottom: calc(100% / (670 / 782));
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-water-resistance {
    background: radial-gradient(140vh circle at 75% 0%, #191919, #000);
  }
  .wiko-buds10 .section-water-resistance .section-content {
    flex-direction: column;
    padding: 0;
  }
  .wiko-buds10 .section-water-resistance .section-copy {
    width: 100%;
  }
  .wiko-buds10 .section-water-resistance .section-picture {
    width: 83.333333vw;
    margin: 13.888889vw auto;
  }
  .wiko-buds10 .section-water-resistance .section-picture::before {
    padding-bottom: calc(100% / (600 / 699));
  }
}

.wiko-buds10 .section-controls .sticky-wrapper {
  height: 280vh;
}

.wiko-buds10 .section-controls .sticky-content {
  height: auto;
}

.wiko-buds10 .section-controls .section-wrapper {
  align-items: center;
  justify-content: space-between;
  margin-top: 4.166667vw;
  padding: 0 13.020833vw 0 15.9375vw;
}

.wiko-buds10 .section-controls .section-picture-wrapper {
  position: relative;
  width: 30.833333vw;
}

.wiko-buds10 .section-controls .section-picture-wrapper::before {
  padding-bottom: calc(100% / (592 / 538));
}

.wiko-buds10 .section-controls .section-picture {
  justify-content: space-between;
  transition: transform .5s;
  transform: translateX(26.68919%);
}

.wiko-buds10 .section-controls .section-picture-item {
  position: relative;
}

.wiko-buds10 .section-controls .section-image {
  width: 14.375vw;
}

.wiko-buds10 .section-controls .section-picture-item-2 {
  transition: opacity .5s;
  opacity: 0;
}

.wiko-buds10 .section-controls .section-controls-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.wiko-buds10 .section-controls .section-control-wrapper {
  position: absolute;
  top: 4.166667vw;
  left: 4.739583vw;
  width: 7.395833vw;
  transition: opacity .3s;
  opacity: 0;
}

.wiko-buds10 .section-controls .section-control-wrapper-4 {
  right: 4.739583vw;
  left: auto;
}

.wiko-buds10 .section-controls .section-list {
  width: 33.4375vw;
}

.wiko-buds10 .section-controls .section-item {
  display: flex;
}

.wiko-buds10 .section-controls .section-item + .section-item {
  margin-top: 2.083333vw;
}

.wiko-buds10 .section-controls .section-line {
  width: .3125vw;
  height: 2.083333vw;
  margin-top: .104167vw;
  border-radius: .3125vw;
  background-color: #f7f7f7;
}

.wiko-buds10 .section-controls .section-icon {
  width: 2.291667vw;
  height: 2.291667vw;
  margin: 0 .520833vw 0 1.041667vw;
}

.wiko-buds10 .section-controls .active .section-line-1 {
  background-color: #375cf7;
}

.wiko-buds10 .section-controls .active1 .section-control-wrapper-1 {
  opacity: 1;
}

.wiko-buds10 .section-controls .active1 .section-control-1 {
  animation: double-tap 2s .5s forwards;
}

.wiko-buds10 .section-controls .active1 .section-line-1 {
  background-color: #375cf7;
}

.wiko-buds10 .section-controls .active2 .section-control-wrapper-1 {
  opacity: 0;
}

.wiko-buds10 .section-controls .active2 .section-control-wrapper-2 {
  opacity: 1;
}

.wiko-buds10 .section-controls .active2 .section-control-1 {
  animation: none;
}

.wiko-buds10 .section-controls .active2 .section-control-2 {
  animation: triple-tap 2s .5s forwards;
}

.wiko-buds10 .section-controls .active2 .section-line-1 {
  background-color: #f7f7f7;
}

.wiko-buds10 .section-controls .active2 .section-line-2 {
  background-color: #375cf7;
}

.wiko-buds10 .section-controls .active3 .section-control-wrapper-1, .wiko-buds10 .section-controls .active3 .section-control-wrapper-2 {
  opacity: 0;
}

.wiko-buds10 .section-controls .active3 .section-control-wrapper-3 {
  opacity: 1;
}

.wiko-buds10 .section-controls .active3 .section-control-1, .wiko-buds10 .section-controls .active3 .section-control-2 {
  animation: none;
}

.wiko-buds10 .section-controls .active3 .section-control-3 {
  animation: press-and-hold-2s 3s .3s forwards;
}

.wiko-buds10 .section-controls .active3 .section-line-1, .wiko-buds10 .section-controls .active3 .section-line-2 {
  background-color: #f7f7f7;
}

.wiko-buds10 .section-controls .active3 .section-line-3 {
  background-color: #375cf7;
}

.wiko-buds10 .section-controls .active4 .section-control-wrapper-1, .wiko-buds10 .section-controls .active4 .section-control-wrapper-2.section-control-wrapper-3 {
  opacity: 0;
}

.wiko-buds10 .section-controls .active4 .section-control-wrapper-4, .wiko-buds10 .section-controls .active4 .section-picture-item-2 {
  opacity: 1;
}

.wiko-buds10 .section-controls .active4 .section-picture {
  transform: translateX(0);
}

.wiko-buds10 .section-controls .active4 .section-control-3, .wiko-buds10 .section-controls .active4 .section-control-4 {
  animation: press-and-hold-3s 4s .8s forwards;
}

.wiko-buds10 .section-controls .active4 .section-line-1, .wiko-buds10 .section-controls .active4 .section-line-2, .wiko-buds10 .section-controls .active4 .section-line-3 {
  background-color: #f7f7f7;
}

.wiko-buds10 .section-controls .active4 .section-line-4 {
  background-color: #375cf7;
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-controls .sticky-wrapper {
    height: 220vh;
  }
  .wiko-buds10 .section-controls .section-wrapper {
    flex-direction: column;
    margin-top: 13.888889vw;
    padding: 0;
  }
  .wiko-buds10 .section-controls .section-picture-wrapper {
    width: 72.222222vw;
  }
  .wiko-buds10 .section-controls .section-picture-wrapper::before {
    padding-bottom: calc(100% / (520 / 470));
  }
  .wiko-buds10 .section-controls .section-image {
    width: 33.333333vw;
  }
  .wiko-buds10 .section-controls .section-control-wrapper {
    top: 9.722222vw;
    left: 10.972222vw;
    width: 17.222222vw;
  }
  .wiko-buds10 .section-controls .section-control-wrapper-4 {
    right: 10.972222vw;
    left: auto;
  }
  .wiko-buds10 .section-controls .section-list {
    width: 83.333333vw;
    margin-top: 13.888889vw;
  }
  .wiko-buds10 .section-controls .section-item + .section-item {
    margin-top: 4.166667vw;
  }
  .wiko-buds10 .section-controls .section-line {
    width: .833333vw;
    height: 5.555556vw;
    margin-top: .277778vw;
    border-radius: .833333vw;
    background-color: #f7f7f7;
  }
  .wiko-buds10 .section-controls .section-icon {
    width: 6.111111vw;
    height: 6.111111vw;
    margin: 0 1.388889vw 0 2.777778vw;
  }
  .wiko-buds10 .section-controls .section-intro-reduced {
    margin-top: 1.388889vw;
  }
}

@keyframes double-tap {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  10% {
    transform: scale(0.75);
    opacity: .7;
  }
  20% {
    transform: scale(1);
    opacity: 1;
  }
  30% {
    transform: scale(0.75);
    opacity: .7;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes triple-tap {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  10% {
    transform: scale(0.75);
    opacity: .7;
  }
  20% {
    transform: scale(1);
    opacity: 1;
  }
  30% {
    transform: scale(0.75);
    opacity: .7;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.75);
    opacity: .7;
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes press-and-hold-2s {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  10% {
    transform: scale(0.75);
  }
  66% {
    transform: scale(0.75);
  }
  76% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes press-and-hold-3s {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  10% {
    transform: scale(0.75);
  }
  75% {
    transform: scale(0.75);
  }
  85% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.wiko-buds10.fallback-mode-section-controls .sticky-wrapper {
  height: auto !important;
  min-height: auto;
}

.wiko-buds10.fallback-mode-section-controls .sticky-content {
  position: relative;
  top: 0;
  height: auto;
  min-height: auto;
}

.wiko-buds10.fallback-mode .section-controls .section-controls-icon, .wiko-buds10.fallback-mode-section-controls .section-controls .section-controls-icon {
  display: none;
}

.wiko-buds10.fallback-mode .section-controls .section-line, .wiko-buds10.fallback-mode-section-controls .section-controls .section-line {
  background-color: #f7f7f7 !important;
}

.wiko-buds10 .section-app .section-app-wrapper {
  justify-content: space-between;
  padding: 0 18.229167vw 0 12.5vw;
}

.wiko-buds10 .section-app .section-item {
  flex-direction: column;
  justify-content: space-between;
}

.wiko-buds10 .section-app .section-copy {
  width: 37.5vw;
}

.wiko-buds10 .section-app .section-eyebrow {
  align-items: center;
}

.wiko-buds10 .section-app .section-icon {
  width: 2.916667vw;
}

.wiko-buds10 .section-app .section-icon-intro {
  margin-left: 1.041667vw;
  font-size: 1.458333vw;
  color: #000;
}

.wiko-buds10 .section-app .section-headline {
  margin-top: 1.5625vw;
}

.wiko-buds10 .section-app .section-logos {
  width: 9.84375vw;
}

.wiko-buds10 .section-app .section-logos::before {
  padding-bottom: calc(100% / (189 / 327));
}

.wiko-buds10 .section-app .section-picture {
  width: 19.6875vw;
}

.wiko-buds10 .section-app .section-picture::before {
  padding-bottom: calc(100% / (378 / 820));
}

.wiko-buds10 .section-app .section-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.wiko-buds10 .section-app .section-image-1 {
  position: relative;
  z-index: 1;
}

.wiko-buds10 .section-app .section-image-3 {
  transition: opacity .5s;
  opacity: 0;
}

.wiko-buds10 .section-app .animated .section-image-3 {
  opacity: 1;
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-app .section-app-wrapper {
    flex-direction: column;
    padding: 0;
  }
  .wiko-buds10 .section-app .section-copy {
    width: 83.333333vw;
    margin: 0 auto;
  }
  .wiko-buds10 .section-app .section-icon {
    width: 7.777778vw;
  }
  .wiko-buds10 .section-app .section-icon-intro {
    margin-left: 2.777778vw;
    font-size: 3.888889vw;
  }
  .wiko-buds10 .section-app .section-headline {
    margin-top: 4.166667vw;
  }
  .wiko-buds10 .section-app .section-picture {
    width: 36.388889vw;
    margin: 13.888889vw auto 0;
  }
  .wiko-buds10 .section-app .section-logos {
    width: 26.25vw;
    margin: 16.666667vw auto 0;
  }
}

.wiko-buds10 .section-footnote ol {
  position: relative;
  width: 77.083333vw;
  margin: 0 auto;
  padding: 6.25vw 0 6.25vw 1.09375vw;
  font-size: .833333vw;
  font-weight: 400 !important;
  list-style-type: decimal;
  color: rgba(0, 0, 0, 0.6);
}

.wiko-buds10 .section-footnote li + li {
  margin-top: .520833vw;
}

.wiko-buds10 .section-footnote li.current {
  color: #000;
}

@media (max-aspect-ratio: 11 / 10) {
  .wiko-buds10 .section-footnote ol {
    width: 83.333333vw;
    padding: 13.888889vw 0 13.888889vw 3.888889vw;
    font-size: 3.333333vw;
  }
  .wiko-buds10 .section-footnote li + li {
    margin-top: 1.666667vw;
  }
}