/* ONSHOP FOOTER PREMIUM PRODUCTION V8 — HYPER PREMIUM final visual system */
:root{
  --osf-navy:#07385e;
  --osf-navy-deep:#052d4b;
  --osf-navy-2:#134767;
  --osf-blue:#078bd5;
  --osf-blue-dark:#046fae;
  --osf-cyan:#25a9e8;
  --osf-text:#405d73;
  --osf-text-strong:#284b65;
  --osf-muted:#71889a;
  --osf-line:#dce9f3;
  --osf-line-strong:#cddfec;
  --osf-white:#fff;
  --osf-bg:#f6fafe;
}
.footer-container.onshop-footer-v8{
  position:relative!important;
  margin-top:0!important;
  padding:38px 0 14px!important;
  overflow:visible!important;
  border:0!important;
  background:
    radial-gradient(900px 210px at 14% 0%,rgba(15,144,214,.055),transparent 66%),
    radial-gradient(720px 180px at 88% 8%,rgba(33,169,232,.035),transparent 70%),
    linear-gradient(180deg,#f5faff 0%,#f9fcff 35%,#fff 82%)!important;
  box-shadow:inset 0 18px 38px rgba(7,63,99,.018)!important;
}
.footer-container.onshop-footer-v8:before{
  content:"";
  position:absolute;
  left:0;right:0;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(0,137,218,.08) 6%,rgba(0,137,218,.46) 25%,rgba(21,168,232,.72) 50%,rgba(0,137,218,.46) 75%,rgba(0,137,218,.08) 94%,transparent 100%);
  pointer-events:none;
}
.footer-container.onshop-footer-v8:after{
  content:"";
  position:absolute;
  left:12%;right:12%;top:0;height:18px;
  background:radial-gradient(ellipse at top,rgba(10,137,209,.055),transparent 72%);
  pointer-events:none;
}
.footer-container.onshop-footer-v8>.container{
  width:calc(100% - 48px)!important;
  max-width:1320px!important;
  padding:0!important;
}

/* Brandbar — quiet luxury rather than a second navigation bar */
.footer-container.onshop-footer-v8 .onshop-footer-brandbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;
  margin:0 0 27px!important;
  padding:0 2px 20px!important;
  border-bottom:1px solid rgba(207,225,238,.82)!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-brandcopy{
  display:flex!important;
  align-items:baseline!important;
  gap:14px!important;
  min-width:0!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-brandname{
  color:var(--osf-navy-deep)!important;
  font-family:'Audiowide',sans-serif!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:500!important;
  letter-spacing:-.018em!important;
  white-space:nowrap!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-tagline{
  color:#647c8f!important;
  font-size:12.8px!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:.008em!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-quick{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-quick a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border:1px solid rgba(190,217,234,.96)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,255,.98))!important;
  color:var(--osf-blue-dark)!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:650!important;
  text-decoration:none!important;
  box-shadow:0 5px 14px rgba(8,63,101,.028)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-quick a:hover,
.footer-container.onshop-footer-v8 .onshop-footer-quick a:focus-visible{
  border-color:#86c6e9!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(8,89,143,.065)!important;
  transform:translateY(-1px)!important;
  text-decoration:none!important;
  outline:none!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-quick a:focus-visible{
  box-shadow:0 0 0 3px rgba(7,139,213,.12),0 8px 20px rgba(8,89,143,.065)!important;
}

/* Desktop grid: optical widths tuned to actual content length */
.footer-container.onshop-footer-v8 .onshop-footer-grid{
  display:grid!important;
  grid-template-columns:minmax(150px,.84fr) minmax(238px,1.36fr) minmax(190px,1.02fr) minmax(292px,1.48fr)!important;
  gap:46px!important;
  align-items:start!important;
  margin:0!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-grid>.wrapper,
.footer-container.onshop-footer-v8 .onshop-footer-grid>#block_myaccount_infos,
.footer-container.onshop-footer-v8 .onshop-footer-grid>.block-contact{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  padding:0!important;
  margin:0!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-grid .hidden-sm-down{display:block!important;}
.footer-container.onshop-footer-v8 .onshop-footer-grid .hidden-md-up{display:none!important;}

/* HYPER PREMIUM desktop headings: identical DOM, baseline and underline geometry */
.footer-container.onshop-footer-v8 .onshop-footer-grid .onshop-footer-legacy-heading{
  display:none!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-column-heading{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0 0 15px!important;
  padding:0 0 12px!important;
  border:0!important;
  color:var(--osf-navy)!important;
  font-family:'Audiowide',sans-serif!important;
  font-size:15.8px!important;
  line-height:1.24!important;
  font-weight:500!important;
  letter-spacing:-.006em!important;
  text-transform:none!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-column-heading>span{
  display:block!important;
  white-space:nowrap!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-column-heading:after{
  content:"";
  position:absolute;
  left:0!important;
  bottom:0!important;
  width:32px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#0d9be6 0%,#0876bd 100%)!important;
  box-shadow:0 1px 4px rgba(8,127,191,.08)!important;
}

.footer-container.onshop-footer-v8 .onshop-footer-grid ul,
.footer-container.onshop-footer-v8 .onshop-footer-grid .account-list{
  display:block!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-grid li{
  margin:0!important;padding:0!important;border:0!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-grid li+li{margin-top:7px!important;}
.footer-container.onshop-footer-v8 .onshop-footer-grid li a{
  display:inline-block!important;
  position:relative!important;
  padding:2px 0!important;
  color:var(--osf-text)!important;
  font-size:14px!important;
  line-height:1.56!important;
  font-weight:500!important;
  text-decoration:none!important;
  transition:color .18s ease,transform .18s ease!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-grid li a:hover,
.footer-container.onshop-footer-v8 .onshop-footer-grid li a:focus-visible{
  color:var(--osf-blue-dark)!important;
  transform:translateX(2px)!important;
  text-decoration:none!important;
  outline:none!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-grid li a:focus-visible{
  border-radius:4px!important;
  box-shadow:0 0 0 3px rgba(7,139,213,.11)!important;
}

/* Trust/contact card — deliberately elevated, content colors kept restrained */
.footer-container.onshop-footer-v8 .onshop-footer-contact>div.hidden-sm-down{
  position:relative!important;
  display:block!important;
  min-height:172px!important;
  padding:17px 20px 18px!important;
  border:1px solid rgba(197,221,236,.96)!important;
  border-radius:15px!important;
  background:
    radial-gradient(140px 90px at 100% 0%,rgba(16,145,214,.045),transparent 72%),
    linear-gradient(145deg,#fff 0%,#f9fcff 100%)!important;
  box-shadow:0 14px 31px rgba(7,61,97,.052),inset 0 1px 0 rgba(255,255,255,.9)!important;
  color:var(--osf-text)!important;
  font-size:13.5px!important;
  line-height:1.64!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-contact .block-contact-title{
  display:none!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-contact strong{
  color:var(--osf-navy-deep)!important;
  font-weight:700!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-contact a{
  color:#0879bf!important;
  font-weight:650!important;
  text-decoration:none!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-contact a:hover{text-decoration:underline!important;}
.footer-container.onshop-footer-v8 .onshop-footer-contact a:focus-visible{
  outline:2px solid rgba(7,139,213,.24)!important;
  outline-offset:2px!important;
  border-radius:3px!important;
}

.footer-container.onshop-footer-v8 .onshop-footer-mobile{display:none!important;}
.footer-container.onshop-footer-v8>.container>.row:not(:first-child){margin-left:0!important;margin-right:0!important;}
.footer-container.onshop-footer-v8 .linkstopka{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  margin:22px auto 0!important;
  padding:13px 0 0!important;
  border-top:1px solid rgba(219,232,241,.92)!important;
  color:#536e84!important;
  text-align:center!important;
  font-size:11.8px!important;
  line-height:1.45!important;
  font-weight:560!important;
}
.footer-container.onshop-footer-v8 .onshop-footer-copy-dot{opacity:.48;}

/* Mobile: keep v6 architecture, polish open state and bottom rhythm only */
@media (max-width:991px){
  .footer-container.onshop-footer-v8 .onshop-footer-brandbar{display:none!important;}
  .footer-container.onshop-footer-v8{
    padding:12px 0 62px!important;
    background:
      radial-gradient(520px 120px at 50% 0%,rgba(18,150,219,.035),transparent 72%),
      linear-gradient(180deg,#f7fbfe 0%,#fff 100%)!important;
  }
  .footer-container.onshop-footer-v8>.container{width:100%!important;max-width:none!important;padding:0 14px!important;}
  .footer-container.onshop-footer-v8 .onshop-footer-grid{display:none!important;}
  .footer-container.onshop-footer-v8 .onshop-footer-mobile{display:block!important;margin:0!important;}
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-section{
    display:block!important;
    margin:0 0 10px!important;
    padding:0!important;
    border:1px solid var(--osf-line-strong)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 7px 20px rgba(8,64,103,.034)!important;
    overflow:hidden!important;
    transition:border-color .18s ease,box-shadow .18s ease!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-section[open]{
    border-color:#bddbea!important;
    box-shadow:0 9px 24px rgba(8,78,122,.047)!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 17px!important;
    list-style:none!important;
    cursor:pointer!important;
    color:var(--osf-navy)!important;
    font-family:'Audiowide',sans-serif!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:500!important;
    user-select:none!important;
    outline:none!important;
    transition:background-color .18s ease!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-summary::-webkit-details-marker{display:none!important;}
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-summary::after{
    content:"";
    width:9px;height:9px;
    border-right:3px solid #0878bd;
    border-bottom:3px solid #0878bd;
    transform:rotate(45deg) translate(-2px,-2px);
    transform-origin:center;
    transition:transform .18s ease;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-summary:hover{background:rgba(246,251,255,.7)!important;}
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-summary:focus-visible{box-shadow:inset 0 0 0 3px rgba(7,139,213,.105)!important;}
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-section[open]>.onshop-footer-mobile-summary{
    border-bottom:1px solid #eaf2f7!important;
    background:linear-gradient(180deg,#fbfdff,#f8fcff)!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-section[open]>.onshop-footer-mobile-summary::after{
    transform:rotate(225deg) translate(-1px,-1px);
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-body{
    padding:7px 17px 11px!important;
    color:var(--osf-text)!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-body ul{
    margin:0!important;padding:0!important;list-style:none!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-body li{
    margin:0!important;
    padding:8px 0!important;
    border-bottom:1px solid #edf3f7!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-body li:last-child{border-bottom:0!important;}
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-body li a{
    display:block!important;
    width:100%!important;
    color:var(--osf-text)!important;
    font-size:13.2px!important;
    line-height:1.48!important;
    font-weight:500!important;
    text-decoration:none!important;
    border-radius:4px!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-body li a:active,
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-body li a:focus-visible{
    color:var(--osf-blue-dark)!important;
    outline:none!important;
    box-shadow:0 0 0 3px rgba(7,139,213,.09)!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-contact .onshop-footer-mobile-body{
    padding:15px 17px 16px!important;
    font-size:13.2px!important;
    line-height:1.65!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-contact .onshop-footer-mobile-body strong{
    color:var(--osf-navy-deep)!important;font-weight:700!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-contact .onshop-footer-mobile-body a{
    color:#0879bf!important;font-weight:650!important;text-decoration:none!important;
  }
  .footer-container.onshop-footer-v8 .linkstopka{
    margin:14px 0 0!important;
    padding:13px 4px 0!important;
    gap:5px!important;
    flex-wrap:wrap!important;
    font-size:10.9px!important;
    color:#637d91!important;
  }
}
@media (max-width:480px){
  .footer-container.onshop-footer-v8>.container{padding:0 12px!important;}
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-summary{
    height:54px!important;
    min-height:54px!important;
    padding:0 15px!important;
    font-size:13.6px!important;
  }
  .footer-container.onshop-footer-v8 .onshop-footer-mobile-body{
    padding-left:15px!important;
    padding-right:15px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .footer-container.onshop-footer-v8 *{
    transition:none!important;
    scroll-behavior:auto!important;
  }
}