/* Lina's shop footer and brand scene, mapped to the existing B2B CI and links. */
.mm-brand-bridge{--background:#fff;--foreground:#111;--action:#ff5a1f;--font:var(--mg-font-family);--font-expanded:var(--mg-font-expanded)}
.mm-brand-bridge-copy h2{max-width:15ch;font-size:clamp(32px,4.1vw,70px)}
.mm-brand-bridge-copy h2 [data-bridge-word]{display:block}
.mm-brand-bridge .mm-brand-bridge-form>.button{width:auto;max-width:100%;min-height:48px;text-decoration:none}
.mm-brand-bridge .mm-brand-bridge-signature{height:auto}
.site-footer.b2b-shop-footer{padding:48px 0 24px;background:#111;color:#fff}
.b2b-shop-footer .footer-top{display:block}
.b2b-shop-footer .footer-brand{display:flex;align-items:center;gap:28px;min-width:0}
.b2b-shop-footer .footer-brand>.wordmark{display:block;flex:none;width:176px}
.b2b-shop-footer .footer-brand img{display:block;width:100%;height:auto}
.b2b-shop-footer .footer-brand>p{max-width:31ch;margin:0;color:#c7c7c7;font-size:14px;line-height:1.6}
.b2b-shop-footer .footer-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:36px 64px;margin-top:36px;padding-top:32px;border-top:1px solid #454545} /* taste-skill-ignore: Retained from the specifically requested shop footer; keep its existing group dividers. */
.b2b-shop-footer .footer-menu{display:block;min-width:0}
.b2b-shop-footer .footer-menu h2{margin:0 0 14px;font:700 18px/1.35 var(--mg-font-family);letter-spacing:-.02em;color:inherit}
.b2b-shop-footer .footer-link-list{display:grid;gap:0;list-style:none;margin:0;padding:0}
.b2b-shop-footer .footer-link-list li{min-width:0;margin:0;padding:0}
.b2b-shop-footer .footer-link-list a{display:flex;align-items:center;width:fit-content;max-width:100%;min-height:36px;padding:7px 0;color:#c7c7c7;font-size:14px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.b2b-shop-footer .footer-company p{margin:0;color:#c7c7c7;font-size:14px;line-height:1.7}
.b2b-shop-footer .footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 32px;margin-top:36px;padding-top:24px;border-top:1px solid #454545} /* taste-skill-ignore: Retained from the specifically requested shop footer; keep its existing group dividers. */
.b2b-shop-footer .footer-legal{display:flex;flex-wrap:wrap;gap:0 20px}
.b2b-shop-footer .footer-legal a{display:inline-flex;align-items:center;min-height:40px;padding:7px 0;color:#c7c7c7;font-size:13px;line-height:1.5;text-decoration:none}
.b2b-shop-footer .footer-bottom small{font-size:12px;line-height:1.5;color:#c7c7c7}
.b2b-shop-footer a:focus-visible,.mm-brand-bridge a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(hover:hover){.b2b-shop-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}}
@media(max-width:1023px){.b2b-shop-footer .footer-menu-grid{column-gap:32px}}
@media(max-width:1023px){
 .mm-brand-bridge:not(.is-live) .mm-brand-bridge-visual{aspect-ratio:1312/1199}
 .mm-brand-bridge-copy h2{max-width:20ch;font-size:clamp(28px,7.8vw,42px)}
 .mm-brand-bridge-copy h2 [data-bridge-word]{display:inline}
 .mm-brand-bridge .mm-brand-bridge-copy{padding-inline:20px}
}
@media(max-width:767px){
 .site-footer.b2b-shop-footer{padding-block:32px 24px}
 .b2b-shop-footer .footer-brand{gap:20px}
 .b2b-shop-footer .footer-brand>.wordmark{width:144px}
 .b2b-shop-footer .footer-brand>p{font-size:13px}
 .b2b-shop-footer .footer-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-top:28px;padding-top:28px}
 .b2b-shop-footer .footer-menu h2{font-size:17px;margin-bottom:10px}
 .b2b-shop-footer .footer-link-list a{min-height:44px;padding-block:10px;font-size:14px}
 .b2b-shop-footer .footer-company{grid-column:1/-1}
 .b2b-shop-footer .footer-company p{font-size:14px}
 .b2b-shop-footer .footer-bottom{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px;padding-top:20px}
}
