/* ==========================================================================
   Footer 2 — "Grid" footer.
   Loaded LAST on every page type (after site.css / front.css / front-v2.css /
   shop.css / product.css, which each define their own `footer{...}` base
   rule) so this file wins on the cascade without needing !important.
   Scoped to .fv2 so it never leaks into the classic Footer 1 markup.
   ========================================================================== */

footer.fv2{background:var(--g900);color:rgba(255,255,255,.68);padding:0;position:static;overflow:visible}
footer.fv2 .wrap{position:static}
footer.fv2 a{color:inherit}

.fv2-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.1fr;gap:36px;padding:58px 0 34px;border-bottom:1px solid rgba(255,255,255,.1)}
.fv2-brand .lg{font-family:var(--serif);font-size:23px;color:#fff}
.fv2-brand .sm{font-size:9px;letter-spacing:2px;color:rgba(255,255,255,.5);margin:4px 0 14px;text-transform:uppercase}
.fv2-brand p{font-size:14px;color:rgba(255,255,255,.65);line-height:1.7;max-width:340px;margin:0 0 16px}
.fv2-social{display:flex;gap:9px;flex-wrap:wrap}
.fv2-social a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);transition:.2s}
.fv2-social a:hover{background:rgba(255,255,255,.1);color:#fff}
.fv2-social svg{width:15px;height:15px}

.fv2-col h4{font-family:var(--sans);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#fff;font-weight:700;margin:0 0 16px}
.fv2-col ul{list-style:none;margin:0;padding:0}
.fv2-col li{margin-bottom:10px}
.fv2-col li a{font-size:13.5px;color:rgba(255,255,255,.65)}
.fv2-col li a:hover{color:#fff}

.fv2-shop p{font-size:13px;color:rgba(255,255,255,.6);margin:0 0 14px}
.fv2-shop-btn{display:inline-flex;padding:11px 20px;font-size:13.5px}

.fv2-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:20px 0}
.fv2-bottom span{font-size:12.5px;color:rgba(255,255,255,.45)}
.fv2-pay{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fv2-pay-lbl{font-size:12px;color:rgba(255,255,255,.45);margin-left:4px}
.fv2-pay img{height:26px;width:auto;background:#fff;border-radius:6px;padding:4px 7px}

@media(max-width:1100px){
  .fv2-main{grid-template-columns:1.4fr 1fr 1fr;row-gap:36px}
}
@media(max-width:760px){
  .fv2-main{grid-template-columns:1fr 1fr;padding:44px 0 28px}
  .fv2-brand{grid-column:1/-1}
  .fv2-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
  .fv2-main{grid-template-columns:1fr}
}