/* Shared Figma storefront chrome for cart and favorites. */
.yn-figma-storefront {
    --yn-home-text: #15171c;
    --yn-home-muted: #5c5e64;
    --yn-home-brand-text: #c2410c;
    --yn-focus: #f47b1b;
    --yn-focus-width: 2px;
    --yn-focus-offset: 2px;
    background: #fdfcfa;
    color: #15171c;
    font-family: Manrope, sans-serif;
}
.yn-figma-storefront .site__header--figma .header__navbar { position: relative; }
.yn-figma-storefront .site__header--figma .header__navbar-departments { position: static; }
.yn-figma-storefront .site__header--figma .yn-category__trigger {
    height: 30px; padding: 0 22px; gap: 10px;
    background: var(--header-brand-fill);
    box-shadow: 0 8px 18px rgb(255 107 16 / 26%);
    font: 600 12px/normal Manrope, sans-serif;
}
.yn-figma-storefront .yn-home01-footer-wrap { padding-top: 0; }
.yn-figma-storefront .yn-home01-footer { padding: 56px 40px 72px; border-radius: 40px 40px 0 0; }
.yn-figma-storefront .yn-home01-footer__inner { max-width: 1360px; }
.yn-figma-storefront .yn-home01-footer__columns { max-width: 1120px; grid-template-columns: 280px repeat(3, minmax(0, 1fr)); gap: 56px; }
.yn-figma-storefront .yn-home01-footer__logo,
.yn-figma-storefront .yn-home01-footer__logo img { width: 160px; }
.yn-figma-storefront .yn-home01-footer__logo img { height: auto; }
.yn-figma-storefront .yn-home01-footer__description { font-size: 12px; line-height: 19px; }
.yn-figma-storefront .yn-home01-footer__payments { margin-top: 28px; }
.yn-figma-storefront .yn-home01-footer__payments ul { margin-top: 14px; }
.yn-figma-storefront .yn-home01-footer h2 { font-size: 9px; letter-spacing: 2px; }
.yn-figma-storefront .yn-home01-footer__nav { gap: 14px; }
.yn-figma-storefront .yn-home01-footer__nav > a,
.yn-figma-storefront .yn-home01-footer__nav > button,
.yn-figma-storefront .yn-home01-footer__nav summary { font-size: 12px; line-height: 18px; }
.yn-figma-storefront .yn-home01-footer__bottom { padding-top: 32px; font-size: 9px; letter-spacing: 1.5px; }
.yn-figma-storefront #support-widget { right: 24px; bottom: 24px; }
.yn-figma-storefront #support-toggle { width: auto; height: 48px; padding: 0 18px; font-size: 13px; font-weight: 600; letter-spacing: 0; }
@media (max-width: 1199px) {
    .yn-figma-storefront .yn-home01-footer__columns { grid-template-columns: 1.5fr repeat(3, minmax(0, 1fr)); gap: 28px; }
}
@media (max-width: 767px) {
    .yn-figma-storefront .yn-home01-footer { padding: 36px 20px 88px; border-radius: 28px 28px 0 0; }
    .yn-figma-storefront .yn-home01-footer__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
    .yn-figma-storefront .yn-home01-footer__bottom { font-size: 8px; letter-spacing: 1px; }
    .yn-figma-storefront #support-widget { right: 16px; bottom: 16px; }
}