/* Vaultpass sale banner */
.vp-sale-banner{
  position:relative;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:46px;
  padding:10px 16px;
  background:linear-gradient(90deg,#7cf989 0%,#8effa8 45%,#5fffbb 100%);
  color:#10161c;
  font-weight:950;
  letter-spacing:.01em;
  box-shadow:0 10px 28px rgba(95,255,187,.12);
}
.vp-sale-banner__text{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:20px;text-align:center}
.vp-sale-banner__badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#10161c;color:#8effa8;padding:5px 9px;font-size:13px;line-height:16px;font-weight:950}
.vp-sale-banner__timer{display:inline-flex;align-items:center;justify-content:center;min-width:92px;border-radius:999px;background:rgba(16,22,28,.12);padding:6px 10px;font-variant-numeric:tabular-nums;font-size:14px;line-height:18px;font-weight:950}
@media(max-width:767px){
  .vp-sale-banner{flex-wrap:wrap;gap:8px;min-height:42px;padding:9px 10px}
  .vp-sale-banner__text{font-size:13px;line-height:18px}
  .vp-sale-banner__badge{font-size:12px}
  .vp-sale-banner__timer{font-size:13px;min-width:86px}
}

/* Product sale price */
.vp-price-box__discount{
  display:flex!important;
  align-items:center;
  gap:8px;
  margin-bottom:8px!important;
  order:-1;
  color:#aeb5c2!important;
  font-size:13px!important;
  line-height:16px!important;
}
.vp-old-price{text-decoration:line-through;color:#9aa2ad;font-weight:800}
.vp-sale-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#8effa8;color:#10161c;padding:3px 7px;font-size:12px;line-height:14px;font-weight:950}
.vp-sale-save{color:#8effa8;font-weight:850}
.vp-price-box__value{color:#fff!important}



/* Final: sale banner visible above the fixed header */
:root{--vp-sale-banner-height:46px}
.vp-sale-banner{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:1001!important;
}
.header[data-v-2cf0aac7]{
  top:var(--vp-sale-banner-height,46px)!important;
}
.default-layout[data-v-8458757d]{
  padding-top:calc(169px + var(--vp-sale-banner-height,46px))!important;
}
.vp-topbar{
  margin-top:var(--vp-sale-banner-height,46px)!important;
}
@media(max-width:1280px){
  .default-layout[data-v-8458757d]{
    padding-top:calc(145px + var(--vp-sale-banner-height,46px))!important;
  }
}
@media(max-width:767px){
  .vp-sale-banner{gap:6px}
  .default-layout[data-v-8458757d]{
    padding-top:calc(128px + var(--vp-sale-banner-height,46px))!important;
  }
}

/* Final compact sale banner + compact header */
:root{--vp-sale-banner-height:36px}

.vp-sale-banner{
  min-height:36px!important;
  padding:6px 14px!important;
  gap:10px!important;
  box-shadow:none!important;
}
.vp-sale-banner__text{
  font-size:14px!important;
  line-height:18px!important;
}
.vp-sale-banner__badge{
  padding:3px 8px!important;
  font-size:12px!important;
  line-height:15px!important;
}
.vp-sale-banner__timer{
  min-width:84px!important;
  padding:4px 9px!important;
  font-size:13px!important;
  line-height:16px!important;
}

/* Search closer to the logo/profile row */
.header[data-v-2cf0aac7]{
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.header__bottom[data-v-b8546b5c]{
  padding-top:6px!important;
}
.header__inner-top[data-v-2cf0aac7]{
  min-height:34px!important;
}
.header__logo[data-v-2cf0aac7],
.header__user[data-v-2cf0aac7]{
  align-self:center!important;
}
.search[data-v-3adba815],
.main-search[data-v-3adba815]{
  margin-top:0!important;
}
.default-layout[data-v-8458757d]{
  padding-top:calc(132px + var(--vp-sale-banner-height,36px))!important;
}

@media(max-width:1280px){
  .header[data-v-2cf0aac7]{
    padding-top:6px!important;
    padding-bottom:7px!important;
  }
  .header__bottom[data-v-b8546b5c]{
    padding-top:5px!important;
  }
  .default-layout[data-v-8458757d]{
    padding-top:calc(118px + var(--vp-sale-banner-height,36px))!important;
  }
}
@media(max-width:767px){
  :root{--vp-sale-banner-height:34px}
  .vp-sale-banner{
    min-height:34px!important;
    padding:5px 8px!important;
    gap:6px!important;
  }
  .vp-sale-banner__text{
    font-size:12px!important;
    line-height:16px!important;
  }
  .vp-sale-banner__badge{
    font-size:11px!important;
    line-height:14px!important;
    padding:3px 7px!important;
  }
  .vp-sale-banner__timer{
    font-size:12px!important;
    line-height:15px!important;
    padding:3px 7px!important;
    min-width:78px!important;
  }
  .header__bottom[data-v-b8546b5c]{
    padding-top:4px!important;
  }
  .default-layout[data-v-8458757d]{
    padding-top:calc(108px + var(--vp-sale-banner-height,34px))!important;
  }
}

/* Final fix: profile modal starts below the sale banner */
.kp-profile-modal{
  top:var(--vp-sale-banner-height,36px)!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  inset:var(--vp-sale-banner-height,36px) 0 0 0!important;
  z-index:999999!important;
}
.kp-profile-modal__panel{
  top:12px!important;
}
@media(max-width:520px){
  .kp-profile-modal__panel{
    top:8px!important;
  }
}

/* Final mobile fix: raise the search box closer to the logo row */
@media(max-width:767px){
  .header[data-v-2cf0aac7]{
    padding-top:4px!important;
    padding-bottom:5px!important;
  }
  .header__top[data-v-2cf0aac7]{
    margin-bottom:0!important;
  }
  .header__inner-top[data-v-2cf0aac7]{
    min-height:54px!important;
    height:54px!important;
    align-items:center!important;
  }
  .header__bottom[data-v-b8546b5c]{
    padding-top:0!important;
    margin-top:-4px!important;
  }
  .main-search[data-v-3adba815],
  .main-search__input[data-v-3adba815]{
    margin-top:0!important;
  }
  .ui-input--l[data-v-334d73f9]{
    height:54px!important;
  }
  .default-layout[data-v-8458757d]{
    padding-top:calc(96px + var(--vp-sale-banner-height,34px))!important;
  }
}
@media(max-width:420px){
  .header__inner-top[data-v-2cf0aac7]{
    min-height:50px!important;
    height:50px!important;
  }
  .header__bottom[data-v-b8546b5c]{
    margin-top:-7px!important;
  }
  .default-layout[data-v-8458757d]{
    padding-top:calc(88px + var(--vp-sale-banner-height,34px))!important;
  }
}

/* Final mobile fix: keep the main title visible below the fixed header */
@media(max-width:767px){
  .default-layout[data-v-8458757d]{
    padding-top:calc(142px + var(--vp-sale-banner-height,34px))!important;
  }
  .main-container{
    padding-top:0!important;
  }
}
@media(max-width:420px){
  .default-layout[data-v-8458757d]{
    padding-top:calc(136px + var(--vp-sale-banner-height,34px))!important;
  }
}

/* Final mobile fix: search directly under logo/profile */
@media(max-width:767px){
  .header[data-v-2cf0aac7]{
    padding-top:2px!important;
    padding-bottom:4px!important;
  }
  .header__inner-top[data-v-2cf0aac7]{
    min-height:46px!important;
    height:46px!important;
    align-items:center!important;
  }
  .header__bottom[data-v-b8546b5c]{
    padding-top:0!important;
    margin-top:-28px!important;
  }
  .main-search[data-v-3adba815]{
    margin-top:0!important;
  }
  .ui-input--l[data-v-334d73f9]{
    height:50px!important;
  }
  .default-layout[data-v-8458757d]{
    padding-top:calc(110px + var(--vp-sale-banner-height,34px))!important;
  }
}
@media(max-width:420px){
  .header__inner-top[data-v-2cf0aac7]{
    min-height:44px!important;
    height:44px!important;
  }
  .header__bottom[data-v-b8546b5c]{
    margin-top:-32px!important;
  }
  .default-layout[data-v-8458757d]{
    padding-top:calc(104px + var(--vp-sale-banner-height,34px))!important;
  }
}

/* Final mobile fix: sale banner has exactly 2 rows and content starts below search */
@media(max-width:767px){
  .vp-sale-banner{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    justify-content:normal!important;
    column-gap:8px!important;
    row-gap:4px!important;
    min-height:auto!important;
    padding:7px 10px 8px!important;
    text-align:center!important;
  }
  .vp-sale-banner__badge{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:end!important;
    white-space:nowrap!important;
    padding:3px 7px!important;
    font-size:12px!important;
    line-height:15px!important;
  }
  .vp-sale-banner__text{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    line-height:16px!important;
    text-align:left!important;
  }
  .vp-sale-banner__timer{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:center!important;
    min-width:auto!important;
    padding:4px 10px!important;
    font-size:13px!important;
    line-height:16px!important;
    white-space:nowrap!important;
  }

  /* Keep search close to logo, but move page title lower so it is never hidden */
  .default-layout[data-v-8458757d]{
    padding-top:calc(132px + var(--vp-sale-banner-height,54px))!important;
  }
}
@media(max-width:420px){
  .vp-sale-banner__text{
    font-size:11px!important;
    line-height:15px!important;
  }
  .vp-sale-banner__timer{
    font-size:12px!important;
    line-height:15px!important;
  }
  .default-layout[data-v-8458757d]{
    padding-top:calc(128px + var(--vp-sale-banner-height,54px))!important;
  }
}


/* iOS / in-app browser fix: prevent header detaching when the keyboard opens */
@supports (-webkit-touch-callout:none){
  @media(max-width:767px){
    html,
    body{
      overflow-x:hidden!important;
      -webkit-text-size-adjust:100%;
    }

    .vp-sale-banner{
      position:sticky!important;
      top:0!important;
      z-index:3000!important;
      transform:translateZ(0);
      backface-visibility:hidden;
    }

    .header[data-v-2cf0aac7]{
      position:sticky!important;
      top:var(--vp-sale-banner-height,54px)!important;
      z-index:2999!important;
      transform:translateZ(0);
      backface-visibility:hidden;
    }

    .default-layout[data-v-8458757d]{
      padding-top:0!important;
    }

    .main-container,
    .main-container--index{
      padding-top:12px!important;
    }

    .ui-input__input[data-v-334d73f9],
    .ui-input__input{
      font-size:16px!important; /* prevents iOS input zoom */
    }
  }
}


/* Mobile footer cleanup: better spacing and no removed B2B/ads section links */
@media(max-width:767px){
  .footer-container[data-v-77b1cce3]{
    padding-top:24px!important;
  }

  .footer[data-v-77b1cce3]{
    width:calc(100% - 40px)!important;
    overflow:visible!important;
  }

  .shared-footer[data-v-72594d64]{
    padding-bottom:28px!important;
  }

  .shared-footer__top-divider[data-v-72594d64]{
    padding-bottom:24px!important;
  }

  .shared-footer__bottom-divider[data-v-72594d64]{
    padding-top:24px!important;
  }

  .shared-footer__wrapper[data-v-72594d64]{
    display:flex!important;
    flex-direction:column!important;
    gap:24px!important;
  }

  .shared-footer__middle-column-wrapper[data-v-72594d64]{
    display:flex!important;
    flex-direction:column!important;
    gap:26px!important;
    width:100%!important;
  }

  .shared-footer__column[data-v-72594d64]{
    width:100%!important;
    max-width:none!important;
    gap:10px!important;
  }

  .shared-footer__column + .shared-footer__column[data-v-72594d64],
  .shared-footer__column--last[data-v-72594d64]{
    margin-top:8px!important;
  }

  .shared-footer__column-title[data-v-72594d64]{
    margin:0 0 4px!important;
    color:#f5f9ff!important;
    font-size:15px!important;
    line-height:20px!important;
    font-weight:950!important;
  }

  .shared-footer__link[data-v-72594d64],
  .shared-footer__link{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }

  .shared-footer__link + .shared-footer__link{
    margin-top:9px!important;
  }

  .shared-footer__link .ui-button-function,
  .shared-footer__link .ui-button-function--x6{
    height:auto!important;
    min-height:22px!important;
    justify-content:flex-start!important;
  }

  .shared-footer__link .ui-button-function__content{
    font-size:15px!important;
    line-height:21px!important;
    font-weight:850!important;
    color:#9a9fa7!important;
  }

  .shared-footer__status-dot[data-v-72594d64]{
    margin-left:5px!important;
    transform:translateY(-1px)!important;
  }
}


@media(max-width:767px){
  a[href="#b2b"],
  a[href="#ads"],
  a[href="/about#rueckgabe"],
  a[href="#rueckgabe"]{
    display:none!important;
  }
}