/* Figma 01: footer, part request banner and the existing support conversation. */
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-support,
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer,
:is(.yn-homepage, .yn-figma-storefront) #support-widget {
    --home01-stone: #dcd7cd;
    --home01-stone-line: #cec8bc;
    --home01-fg: #15171c;
    --home01-subtle: #5c5e64;
    --home01-brand: #f47b1b;
    --home01-brand-text: #c2410c;
    font-family: Manrope, sans-serif;
    color: var(--home01-fg);
}
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-support { display:flex; align-items:center; justify-content:space-between; gap:40px; width:calc(100% - 48px); max-width:1484px; margin:0 auto; padding:64px; border:1px solid var(--home01-stone-line); border-radius:48px; background:var(--home01-stone); box-shadow:0 25px 50px -12px #00000040; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-support h2 { margin:0 0 23px; font-size:36px; line-height:40px; font-weight:800; letter-spacing:-.9px; text-transform:uppercase; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-support p { margin:0; font-size:20px; line-height:32.5px; font-weight:500; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-support > div { min-width:0; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-support > a { flex:none; padding:20px 56px 20px 48px; border-radius:16px; background:var(--home01-brand); box-shadow:0 25px 50px -12px #7f1d1d66; color:#fff; font-size:14px; line-height:20px; font-weight:800; letter-spacing:2.8px; text-transform:uppercase; text-decoration:none; white-space:nowrap; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-support > a:hover { background:#de6510; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer-wrap { padding-top:88px; }
/* Leave room below legal links for the fixed support launcher at the page end. */
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer { padding:96px 40px 96px; border:1px solid var(--home01-stone-line); border-radius:64px 64px 0 0; background:var(--home01-stone); }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__inner { width:100%; max-width:1994px; margin:0 auto; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__columns { display:grid; width:100%; max-width:1484px; margin:0 auto; grid-template-columns:376px repeat(3,minmax(0,1fr)); gap:64px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__logo { display:block; width:210px; margin-bottom:11px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__logo img { display:block; width:210px; height:45.27px; object-fit:contain; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__description { margin:0; font-size:14px; line-height:22.75px; font-weight:500; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer h2 { margin:0; font-size:10px; line-height:15px; font-weight:800; letter-spacing:3px; text-transform:uppercase; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__payments { margin-top:66px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__payments ul { display:flex; align-items:center; gap:8px; padding:0; margin:20px 0 0; list-style:none; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__payments li { display:flex; flex:none; align-items:center; justify-content:center; width:58px; height:36px; border:1px solid #e3e6ea; border-radius:6px; background:#fff; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__payments img { display:block; width:auto; height:auto; max-width:44px; max-height:20px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__payments .yn-home01-footer__amex img { max-height:28px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav h2 { color:#9a3412; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer a,
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer button,
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer summary { color:inherit; text-decoration:none; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer button { padding:0; border:0; background:none; cursor:pointer; text-align:left; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav > a,
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav > button,
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav summary { font:700 14px/20px Manrope,sans-serif; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer a:hover,
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer button:hover,
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer summary:hover { color:var(--home01-brand-text); }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__bottom { display:flex; align-items:center; justify-content:space-between; gap:40px; padding-top:40px; font-size:10px; line-height:15px; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__bottom p { margin:0; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__bottom > nav { display:flex; align-items:center; gap:40px; flex:none; color:var(--home01-subtle); }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__bottom button { font:inherit; letter-spacing:inherit; text-transform:inherit; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__disclosure { position:relative; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__disclosure summary { list-style:none; cursor:pointer; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__disclosure summary::-webkit-details-marker { display:none; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__disclosure > div { position:absolute; z-index:30; right:0; bottom:calc(100% + 12px); width:300px; max-width:calc(100vw - 48px); padding:20px; border:1px solid var(--home01-stone-line); border-radius:12px; background:#fff; box-shadow:0 8px 30px #0002; text-transform:none; letter-spacing:normal; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav .yn-home01-footer__disclosure > div { right:0; left:auto; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__newsletter p,
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__newsletter label { font-size:12px; line-height:18px; font-weight:500; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__newsletter form > div { display:flex; gap:6px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__newsletter input { min-width:0; width:100%; padding:9px; border:1px solid var(--home01-stone-line); border-radius:6px; font-size:12px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__newsletter button { flex:none; padding:9px; border-radius:6px; background:var(--home01-brand); color:#fff; font-size:12px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__legal > div { display:flex; flex-direction:column; gap:12px; max-height:360px; overflow:auto; font-size:12px; line-height:18px; font-weight:600; }
:is(.yn-homepage, .yn-figma-storefront) #support-widget { right:48px; bottom:32px; display:flex; flex-direction:column; align-items:flex-end; gap:16px; }
:is(.yn-homepage, .yn-figma-storefront) #support-toggle { display:flex; align-items:center; justify-content:center; gap:8px; width:137px; height:51px; margin:0; padding:0; border:0; border-radius:999px; background:var(--home01-brand); box-shadow:0 25px 50px -12px #7f1d1d66; font:800 14px/20px Manrope,sans-serif; letter-spacing:2.8px; color:#fff; }
:is(.yn-homepage, .yn-figma-storefront) #support-toggle::before { display:none; }
:is(.yn-homepage, .yn-figma-storefront) #support-toggle:hover { background:#de6510; transform:none; }
:is(.yn-homepage, .yn-figma-storefront) #support-box { width:360px; min-width:0; max-width:calc(100vw - 32px); max-height:min(600px,calc(100dvh - 120px)); margin:0; overflow:auto; border:0; border-radius:12px; background:#fff; box-shadow:0 4px 16px #0003; backdrop-filter:none; }
:is(.yn-homepage, .yn-figma-storefront) #support-widget img { display:block; max-width:none; flex:none; }
:is(.yn-homepage, .yn-figma-storefront) #support-widget .support-header { display:flex; gap:10px; align-items:center; padding:13px 14px; border:1px solid var(--home01-stone-line); border-width:1px 0; border-radius:0; background:var(--home01-stone); color:var(--home01-fg); }
:is(.yn-homepage, .yn-figma-storefront) #support-widget .support-header::after { display:none; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__heading { flex:1; min-width:0; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__heading strong { display:block; font-size:14px; line-height:20px; font-weight:700; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__heading > span { display:flex; align-items:center; gap:6px; margin-top:3px; font-size:11px; line-height:15px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__heading i { width:7px; height:7px; border-radius:50%; background:#358b19; }
:is(.yn-homepage, .yn-figma-storefront) #support-minimize { display:flex; align-items:center; justify-content:center; width:24px; height:24px; margin:0; padding:0; border:0; background:none; box-shadow:none; }
:is(.yn-homepage, .yn-figma-storefront) #support-close[hidden] { display:none; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__request { display:flex; align-items:center; gap:10px; padding:11px 14px 12px; border-bottom:1px solid #e6e2d8; box-shadow:0 4px 6px #0000001a,0 2px 4px #0000001a; color:#1e1e1e; text-decoration:none; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__request-icon { display:flex; flex:none; align-items:center; justify-content:center; width:30px; height:30px; border-radius:4px; background:var(--home01-brand); }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__request > span:nth-child(2) { flex:1; min-width:0; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__request strong { display:block; font-size:12.5px; line-height:17px; font-weight:600; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__request small { display:block; margin-top:2px; font-size:11px; line-height:15px; color:#71717a; }
:is(.yn-homepage, .yn-figma-storefront) #support-widget .support-tab-content { position:static; display:none; overflow:visible; opacity:1; visibility:visible; transform:none; pointer-events:auto; transition:none; }
:is(.yn-homepage, .yn-figma-storefront) #support-widget .support-tab-content--active { display:block; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__faq { padding:12px 14px 8px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__faq h2 { margin:0 0 8px; color:var(--home01-subtle); font-size:11px; line-height:15px; font-weight:600; letter-spacing:.66px; text-transform:uppercase; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__faq details { border-bottom:1px solid #edeae1; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__faq summary { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 0; list-style:none; font-size:12.5px; line-height:17.5px; font-weight:500; cursor:pointer; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__faq summary::-webkit-details-marker { display:none; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__faq details[open] summary { color:var(--home01-brand-text); }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__faq details[open] summary img { transform:rotate(180deg); }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__faq p { margin:0 0 9px; color:#71717a; font-size:12px; line-height:19.8px; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__faq a { color:var(--home01-brand-text); }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__text-link { display:flex; align-items:center; gap:5px; padding:0 0 12px; border:0; background:none; color:var(--home01-brand-text); font-size:12px; line-height:17px; font-weight:600; cursor:pointer; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__connect { padding:12px 14px; border-top:1px solid #e6e2d8; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-chat__connect .support-tab-btn { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; height:40px; margin:0; padding:0 6px; border:0; border-radius:12px; background:var(--home01-brand); color:#fff; font-size:13px; line-height:18px; font-weight:600; letter-spacing:.65px; text-transform:uppercase; box-shadow:none; }
:is(.yn-homepage, .yn-figma-storefront) #support-widget .yn-home01-chat__back { margin:12px 14px 0; padding:4px 0; border:0; background:none; color:var(--home01-brand-text); box-shadow:none; font-size:12px; }
:is(.yn-homepage, .yn-figma-storefront) #support-live-form { margin:12px 14px 14px; padding:0; border:0; border-radius:0; background:#fff; box-shadow:none; }
:is(.yn-homepage, .yn-figma-storefront) #support-live-form label { display:block; margin:8px 0 4px; color:var(--home01-subtle); font-size:12px; }
:is(.yn-homepage, .yn-figma-storefront) #support-live-form .support-input,
:is(.yn-homepage, .yn-figma-storefront) #support-live-form .support-textarea { padding:10px; border:1px solid #e6e2d8; border-radius:8px; background:#fff; box-shadow:none; font-size:13px; }
:is(.yn-homepage, .yn-figma-storefront) #support-live-form .support-send-btn { margin-top:10px; border-radius:12px; background:var(--home01-brand); box-shadow:none; font-size:13px; }
:is(.yn-homepage, .yn-figma-storefront) #support-tab-live.support-chat-started .support-chat-preview { height:240px; margin:12px 14px; border:1px solid #e6e2d8; border-radius:8px; background:#faf9f6; }
:is(.yn-homepage, .yn-figma-storefront) #support-widget .support-message.admin .support-bubble { background:#eae6df; color:var(--home01-fg); border:0; }
:is(.yn-homepage, .yn-figma-storefront) #support-widget .support-message.user .support-bubble { background:var(--home01-brand); color:#fff; }
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer :focus-visible,
:is(.yn-homepage, .yn-figma-storefront) .yn-home01-support :focus-visible,
:is(.yn-homepage, .yn-figma-storefront) #support-widget :focus-visible { outline:2px solid var(--home01-brand-text); outline-offset:4px; }
@media (max-width:1199px) {
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-support { padding:40px; gap:28px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-support h2 { font-size:28px; line-height:34px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-support p { font-size:16px; line-height:26px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-support__break { display:none; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-support > a { padding:18px 24px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer { padding:64px 32px 96px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__columns { grid-template-columns:1.6fr 1fr 1fr 1fr; gap:28px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__payments ul { flex-wrap:wrap; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__bottom { align-items:flex-start; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__bottom > nav { gap:20px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav .yn-home01-footer__disclosure > div { left:auto; right:0; }
    :is(.yn-homepage, .yn-figma-storefront) #support-widget { right:20px; bottom:20px; }
}
@media (max-width:767px) {
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-support { width:calc(100% - 32px); flex-direction:column; align-items:flex-start; padding:32px 24px; border-radius:28px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-support h2 { margin-bottom:16px; font-size:25px; line-height:31px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-support > a { width:100%; text-align:center; font-size:12px; letter-spacing:2px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer-wrap { padding-top:56px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer { padding:48px 24px 100px; border-radius:36px 36px 0 0; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__columns { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 24px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__brand { grid-column:1/-1; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__payments { margin-top:28px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__payments ul { gap:8px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav { gap:16px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav > a,
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav > button,
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav summary { font-size:12px; line-height:18px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__nav .yn-home01-footer__disclosure > div { left:0; right:auto; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__bottom { flex-direction:column; gap:24px; padding-top:40px; font-size:9px; line-height:16px; letter-spacing:1.4px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__bottom > nav { width:100%; justify-content:space-between; gap:12px; }
    :is(.yn-homepage, .yn-figma-storefront) .yn-home01-footer__legal > div { left:50%; right:auto; transform:translateX(-50%); }
    :is(.yn-homepage, .yn-figma-storefront) #support-widget { right:16px; bottom:16px; }
    :is(.yn-homepage, .yn-figma-storefront) #support-box { max-height:calc(100dvh - 108px); }
}