/* Storefront footer */
    

@media(max-width:900px){ .fg{grid-template-columns:1fr 1fr !important;gap:28px 20px !important;} .fg>div:first-child{grid-column:1/-1;} } @media(max-width:480px){ .fg{grid-template-columns:1fr 1fr !important;gap:24px 16px !important;} .fg>div:first-child{grid-column:1/-1;} }  

.ft{position:relative;width:100%;background:color-mix(in srgb,var(--navy) 26%,#050912);color:rgba(255,255,255,.62);margin-top:48px}
.ft::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--orange),color-mix(in srgb,var(--orange) 0%,transparent) 70%)}
.ft *{box-sizing:border-box}
.ft-wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.ft-top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(var(--ft-cols,2),minmax(0,1fr));gap:48px;padding:56px 0 44px}
.ft-brand .site-footer-logo{margin-bottom:16px}
.ft-tag{font-size:14px;line-height:1.7;color:rgba(255,255,255,.55);max-width:320px;margin:0 0 22px}
.ft-title{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 18px}
.ft-link{display:block;font-size:14px;line-height:1.4;color:rgba(255,255,255,.6);text-decoration:none;margin-bottom:12px;transition:color .15s}
.ft-link:hover{color:#fff}
button.ft-link{background:none;border:0;padding:0;cursor:pointer;text-align:start;font-family:inherit}
.ft-contact{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.5;color:rgba(255,255,255,.6);text-decoration:none;margin-bottom:14px;transition:color .15s}
a.ft-contact:hover{color:#fff}
.ft-contact i{flex:none;width:30px;height:30px;border-radius:var(--r-ctl,9px);display:grid;place-items:center;font-size:12px;color:var(--orange);background:color-mix(in srgb,var(--orange) 14%,transparent)}
.ft-contact span{padding-top:4px;min-width:0;overflow-wrap:anywhere}
.ft-soc{display:flex;flex-wrap:wrap;gap:10px}
.ft-soc a{width:44px;height:44px;border-radius:var(--r-ctl,10px);display:grid;place-items:center;color:rgba(255,255,255,.75);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:15px;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s}
.ft-soc a:hover{background:var(--c);border-color:var(--c);color:#fff;transform:translateY(-2px)}
.ft-legal{display:flex;gap:6px 18px;flex-wrap:wrap}.ft-legal a,.ft-legal button{color:inherit;font:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}.ft-legal a:hover,.ft-legal button:hover{color:#fff;text-decoration:underline}
.ft-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:20px 0 24px;border-top:1px solid rgba(255,255,255,.09);font-size:13px;color:rgba(255,255,255,.75)}
@media(max-width:1000px){.ft-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}.ft-brand{grid-column:1/-1}}
@media(max-width:760px){.ft-wrap{padding:0 20px}.ft-top{padding:40px 0 32px}}
@media(max-width:480px){.ft-top{gap:32px 20px}.ft-wide{grid-column:1/-1}.ft-bottom{flex-direction:column;align-items:flex-start}}

.ft-soc--facebook { --c:#1877F2; } .ft-soc--instagram { --c:#E1306C; } .ft-soc--x { --c:#14171A; } .ft-soc--linkedin { --c:#0A66C2; } .ft-soc--youtube { --c:#FF0000; } .ft-soc--tiktok { --c:#010101; } .ft-soc--whatsapp { --c:#25D366; }
