/*!
 * DS Footer
 *
 * sections/ds-footer.liquid. Mobile first:
 * - below 768px the column of Figma node 1304:15672 — logo, the menus as
 *   accordions, social tiles, then payment icons, copyright and pill, legal
 *   links. 768px is where the theme's footer-details element opens the menus;
 * - from 768px the menus stand as columns under the logo;
 * - from 1024px the row of Figma node 1304:12044 — logo and columns side by
 *   side, and the bottom bar as one row above the centred legal links.
 *
 * The two greys of the design are the text colour over the background:
 * #d3d2d7 for links is white at 80% on #221c35, #767382 for the social tiles
 * white at 38%. They are written that way so the colour settings carry them.
 */@media screen and (max-width:767px){.ds-footer-section .section--padding{padding-block-start:calc(var(--section-padding-top) * 11 / 16);padding-block-end:calc(var(--section-padding-bottom) / 2)}}.ds-footer-section{--ds-footer-muted: rgb(var(--color-foreground) / .8);--ds-footer-tile: rgb(var(--color-foreground) / .38);--ds-footer-line: rgb(var(--color-foreground) / .3);--ds-footer-divider: rgb(var(--color-foreground) / .2);--ds-footer-radius: .625rem}.ds-footer{display:flex;flex-direction:column;gap:2rem;color:rgb(var(--color-foreground));font-family:var(--font-body-family)}@media screen and (min-width:1024px){.ds-footer{gap:1.875rem}}.ds-footer__top{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:1024px){.ds-footer__top{flex-direction:row;align-items:flex-start;gap:0}}.ds-footer__logo{display:block;flex:0 0 auto;align-self:flex-start}.ds-footer__logo img{display:block;width:auto;height:var(--ds-footer-logo-height, 6.3125rem)}@media screen and (min-width:1024px){.ds-footer__logo{flex-basis:30.85%;padding-block-start:.75rem}}.ds-footer__menus{display:flex;flex-direction:column}@media screen and (min-width:768px){.ds-footer__menus{flex:1 1 0;flex-direction:row;gap:var(--sp-8);min-width:0}.ds-footer__menu{flex:1 1 0;min-width:0}}@media screen and (max-width:767px){.ds-footer__menu{border-block-start:1px solid var(--ds-footer-line)}.ds-footer__menu--plain{padding-block:1rem}}.ds-footer__summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.25rem;list-style:none;cursor:pointer}.ds-footer__summary::-webkit-details-marker{display:none}.ds-footer__heading{margin:0;color:inherit;font-family:var(--font-body-family);font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:0;text-transform:none}.ds-footer__chevron{flex:0 0 auto;width:.46875rem;height:.84375rem;transform:rotate(90deg);transition:transform var(--animation-primary, .3s ease)}.ds-footer__menu[aria-expanded=true] .ds-footer__chevron{transform:rotate(-90deg)}.ds-footer__panel{padding-block-end:1.25rem}@media screen and (min-width:768px){.ds-footer__summary{min-height:0;margin-block-end:.5rem}.js .ds-footer__summary{pointer-events:none;cursor:default}.ds-footer__chevron{display:none}.ds-footer__heading{font-size:1.125rem;font-weight:700;line-height:2.5rem}.ds-footer__panel{padding-block-end:0}}.ds-footer__links{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.ds-footer__link{display:inline-block;padding-block:.125rem;color:var(--ds-footer-muted);font-size:1rem;font-weight:700;line-height:1.625rem;text-decoration:none;transition:color var(--animation-primary, .3s ease)}.ds-footer__link:hover,.ds-footer__link[aria-current=page]{color:rgb(var(--color-foreground))}.ds-footer__social{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}@media screen and (min-width:1024px){.ds-footer__social{padding-block-end:1.5rem}}.ds-footer__social-link{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--ds-footer-radius);background:var(--ds-footer-tile);transition:background-color var(--animation-primary, .3s ease)}.ds-footer__social-link:hover{background:rgb(var(--color-foreground) / .5)}.ds-footer__social-icon{display:block;max-width:none}.ds-footer__social-icon--twitter{width:1.0153rem;height:.9506rem}.ds-footer__social-icon--instagram{width:1.0909rem;height:1.0909rem}.ds-footer__social-icon--tiktok{width:.9096rem;height:1rem}.ds-footer__social-icon--pinterest{width:1.125rem;height:1.125rem}.ds-footer__social-icon--youtube{width:1.5rem;height:1.125rem}.ds-footer__bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"payments payments" "copyright localization" "legal legal";align-items:center;row-gap:1.5rem;column-gap:1rem;padding-block-start:2rem;border-block-start:1px solid var(--ds-footer-divider)}@media screen and (min-width:1024px){.ds-footer__bottom{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"copyright localization payments" "legal legal legal";row-gap:2.9375rem;column-gap:1.5rem;padding-block-start:1.875rem}}.ds-footer__copyright{grid-area:copyright;margin:0;font-size:.875rem;font-weight:500;line-height:1.375rem}@media screen and (min-width:1024px){.ds-footer__copyright{font-size:.9375rem;font-weight:700;line-height:1.5rem}}.ds-footer__copyright-link{color:inherit;text-decoration:none}.ds-footer__copyright-link:hover{text-decoration:underline}.ds-footer__localization{display:block;grid-area:localization;justify-self:end}.ds-footer__locale{position:relative}.ds-footer__locale-toggle{display:flex;align-items:center;gap:.5rem;height:2.375rem;padding:.375rem .6875rem;border:1px solid var(--ds-footer-line);border-radius:3.75rem;font-size:.9375rem;font-weight:700;line-height:1.5rem;white-space:nowrap;list-style:none;cursor:pointer;transition:border-color var(--animation-primary, .3s ease)}.ds-footer__locale-toggle::-webkit-details-marker{display:none}.ds-footer__locale-toggle:hover,.ds-footer__locale[open] .ds-footer__locale-toggle{border-color:rgb(var(--color-foreground) / .6)}.ds-footer__locale-label{display:flex;align-items:center;gap:.5rem}.ds-footer__flag{display:block;flex:0 0 auto;width:1.25rem;height:1.25rem;overflow:hidden;border-radius:50%}.ds-footer__flag img{display:block;width:100%;height:100%;object-fit:cover}.ds-footer__locale-chevron{display:block;flex:0 0 auto;width:.75rem;height:.75rem;transition:transform var(--animation-primary, .3s ease)}.ds-footer__locale[open] .ds-footer__locale-chevron{transform:rotate(180deg)}.ds-footer__locale-panel{position:absolute;inset-block-end:calc(100% + .5rem);inset-inline-end:0;z-index:5;width:max-content;min-width:100%;max-width:min(20rem,calc(100vw - 2 * var(--page-padding, 1.25rem)));padding:1rem;border:1px solid var(--ds-footer-line);border-radius:var(--ds-footer-radius);background:rgb(var(--color-background))}.ds-footer__locale-form{display:grid;gap:.75rem}.ds-footer__locale-field{display:grid;gap:.25rem}.ds-footer__locale-field label{color:var(--ds-footer-muted);font-size:.8125rem;font-weight:500;line-height:1.25rem}.ds-footer__locale-field select{width:100%;min-height:2.5rem;padding:.375rem .75rem;border:1px solid var(--ds-footer-line);border-radius:.5rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:.9375rem;font-weight:500}.ds-footer__locale-submit{justify-self:start;padding:.375rem 1rem;border:1px solid var(--ds-footer-line);border-radius:3.75rem;background:transparent;color:inherit;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.js .ds-footer__locale-submit{display:none}.ds-footer__payments{display:flex;flex-wrap:wrap;grid-area:payments;gap:.5rem;margin:0;padding:0;list-style:none}.ds-footer__payments svg{display:block;width:2.375rem;height:1.5rem}.ds-footer__legal{display:flex;flex-wrap:wrap;grid-area:legal;justify-content:center;gap:.5rem 1.25rem;margin:0;padding:.25rem 0 0;list-style:none;font-size:.875rem;font-weight:700;line-height:1.375rem}@media screen and (min-width:1024px){.ds-footer__legal{column-gap:1.5625rem;padding-block-start:0;font-size:.9375rem;line-height:1.5rem}}.ds-footer__legal a{color:inherit;text-decoration:none}.ds-footer__legal a:hover,.ds-footer__legal a[aria-current=page]{text-decoration:underline}.ds-footer :is(a,summary,select,button):focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-footer.css.map */