.footer{position:relative;background-color:#f7efda;background-repeat:no-repeat;background-position:center bottom;background-size:cover;color:var(--color-heading)}.footer__inner{position:relative;z-index:1;padding-top:clamp(2.5rem,2rem + 3vw,5rem);padding-bottom:clamp(6rem,14vw,12rem)}.footer__top{display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}@media screen and (min-width:900px){.footer__top{grid-template-columns:1.7fr 1fr;align-items:start}}.footer__newsletter{text-align:center;max-width:620px;margin-inline:auto}.footer__newsletter-heading{color:var(--color-heading);font-size:clamp(1.4rem,1.1rem + 1.4vw,2.1rem);text-transform:uppercase;letter-spacing:.01em;margin-bottom:.5em}.footer__newsletter-text{color:var(--card-accent-dark);margin-bottom:var(--spacing-5)}.footer__newsletter-form{display:flex;gap:.5rem;background:#fff;border-radius:var(--radius-md);padding:.4rem .4rem .4rem 1.25rem;max-width:460px;margin-inline:auto;box-shadow:var(--shadow-sm)}.footer__newsletter-form input{border:none;flex:1;min-width:0;background:transparent}.footer__newsletter-form input:focus{outline:none}.footer__newsletter-submit{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:2.75rem;flex-shrink:0;background:var(--card-accent);color:#fff;border-radius:var(--radius-sm);transition:background-color var(--duration-default) var(--ease-out-slow)}.footer__newsletter-submit:hover{background:var(--card-accent-dark)}.footer__newsletter-submit .icon{width:1.25rem;height:1.25rem}.footer__nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-5);margin-top:var(--spacing-8);position:relative}.footer__nav-group{position:relative}.footer__nav-group summary{display:inline-flex;align-items:center;gap:.3em;font-weight:700;color:var(--color-heading);cursor:pointer;list-style:none;padding:.25em 0}.footer__nav-group summary::-webkit-details-marker{display:none}.footer__nav-group:not(:last-child):after{content:"";position:absolute;right:calc(var(--spacing-5) / -2);top:50%;transform:translateY(-50%);width:1px;height:1em;background:var(--card-accent-muted)}.footer__nav-chevron{width:.8rem;height:.8rem}.footer__nav-group[open] .footer__nav-chevron{transform:rotate(180deg)}.footer__nav-group ul{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.5rem;min-width:180px;z-index:2}.footer__nav-group ul a{display:block;padding:.5em .75em;border-radius:var(--radius-sm);color:var(--color-text);font-size:.9375rem;white-space:nowrap}.footer__nav-group ul a:hover{background:var(--card-accent-pale);color:var(--card-accent-dark)}.footer__social{display:flex;justify-content:center;margin-top:var(--spacing-6)}.footer__social .social-icons a{background:#25361414;color:var(--color-heading)}.footer__social .social-icons a:hover{background:var(--card-accent);color:#fff}.footer__payments{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:var(--spacing-6)}.footer__payments li{font-size:.75rem;font-weight:700;color:var(--card-accent-dark);background:#fffc;border:1px solid var(--color-border);padding:.4em .8em;border-radius:var(--radius-sm)}.footer__copyright{text-align:center;margin-top:var(--spacing-8);font-size:.8125rem;color:var(--card-accent-dark)}.footer__contact{color:var(--card-accent-dark)}.footer__contact-company{color:var(--color-heading);font-size:1.0625rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--spacing-3)}.footer__contact-list{display:flex;flex-direction:column;gap:.7em;margin-bottom:var(--spacing-3)}.footer__contact-list li,.footer__contact-list a{display:flex;align-items:flex-start;gap:.6em;color:var(--card-accent-dark);font-size:.9375rem}.footer__contact-list .icon{flex-shrink:0;margin-top:.15em;color:var(--card-accent);width:1.1rem;height:1.1rem}.footer__contact-list a:hover{color:var(--card-accent)}.footer__contact-details{font-size:.9375rem;color:var(--card-accent-dark)}.footer__contact-details a{color:var(--card-accent-dark)}.footer__contact-details a:hover{color:var(--card-accent)}@media screen and (max-width:899px){.footer__contact{text-align:center;max-width:480px;margin-inline:auto}.footer__contact-list li,.footer__contact-list a{justify-content:center}.footer__newsletter-form{flex-direction:row}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-footer.css.map */