.qsv3-footer{background:#111;color:#fff;margin-top:0;padding:58px 32px 26px}
.qsv3-footer-grid{max-width:var(--qsv3-max);margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px}
.qsv3-footer-logo{display:inline-flex;margin-bottom:0}
.qsv3-footer-logo img{height:44px;width:auto;filter:brightness(0) invert(1)}
.qsv3-footer h3,.qsv3-footer summary{margin:0 0 16px;font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;list-style:none;cursor:default}
.qsv3-footer summary::-webkit-details-marker{display:none}
.qsv3-footer-group{display:block}
.qsv3-footer a{display:block;width:max-content;max-width:100%;margin:0 0 10px;color:rgba(255,255,255,.72);text-decoration:none;font-size:14px}
.qsv3-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.qsv3-payments{max-width:var(--qsv3-max);margin:34px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);display:flex;gap:10px;flex-wrap:wrap}
.qsv3-payments span{min-width:54px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(255,255,255,.18);font-weight:800}
.qsv3-payments img{max-width:48px;max-height:22px;object-fit:contain}
.qsv3-footer-bottom{max-width:var(--qsv3-max);margin:24px auto 0;display:grid;gap:8px;color:rgba(255,255,255,.56);font-size:11px;line-height:1.55;text-align:center;justify-items:center}
@media(min-width:521px){
    .qsv3-footer-group>summary{pointer-events:none}
    .qsv3-footer-group:not([open])>*:not(summary){display:block}
}
@media(max-width:840px){
    .qsv3-footer{padding:42px 18px 22px}
    .qsv3-footer-grid{grid-template-columns:1fr 1fr;gap:28px}
    .qsv3-footer-brand{grid-column:1/-1}
}
@media(max-width:520px){
    .qsv3-footer{padding:34px 18px 20px}
    body.has-qsv3-mobile-checkout .qsv3-footer{padding-bottom:170px}
    .qsv3-footer-grid{grid-template-columns:1fr;gap:0}
    .qsv3-footer-brand{padding-bottom:22px}
    .qsv3-footer-group{border-top:1px solid rgba(255,255,255,.16);padding:0}
    .qsv3-footer summary{position:relative;margin:0;padding:18px 28px 18px 0;cursor:pointer}
    .qsv3-footer summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:20px;color:rgba(255,255,255,.72)}
    .qsv3-footer details[open] summary::after{content:"−"}
    .qsv3-footer-group:not([open])>*:not(summary){display:none}
    .qsv3-footer-group a{margin-bottom:12px}
    .qsv3-payments{margin-top:22px;padding-top:18px}
    .qsv3-footer-bottom{margin-top:18px;font-size:10px}
}