.yuan-sticky-bar{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;gap:0;background:#fff;box-shadow:0 -.2rem 1.6rem #0a0a0a24;padding-bottom:env(safe-area-inset-bottom,0);transform:translateY(100%);visibility:hidden;transition:transform .22s ease,visibility .22s ease}html[lang^=en] .yuan-sticky-bar,html[dir=ltr] .yuan-sticky-bar{direction:ltr}html[lang^=ar] .yuan-sticky-bar,html[dir=rtl] .yuan-sticky-bar{direction:rtl}.yuan-sticky-bar.is-visible{transform:translateY(0);visibility:visible}.yuan-sticky-bar__product{display:none}.yuan-sticky-bar__actions{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;max-width:90rem;width:100%;margin-inline:auto;padding:.9rem clamp(1.2rem,3vw,2rem);max-height:8rem;overflow:hidden;opacity:1;transform:translateY(0);transition:max-height .28s ease,padding .28s ease,opacity .2s ease,transform .24s ease}.yuan-sticky-bar.is-inline-actions-visible .yuan-sticky-bar__actions{max-height:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none;transform:translateY(.8rem)}.yuan-sticky-bar__button{min-height:4.4rem;padding:.8rem 1.2rem;border:.15rem solid var(--color-brand, #163325);border-radius:.8rem;font-family:inherit;font-size:1.5rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .16s ease,color .16s ease,opacity .16s ease}.yuan-sticky-bar__button--primary{background:var(--color-brand, #163325);color:#fff}.yuan-sticky-bar__button--secondary{background:#fff;color:var(--color-brand, #163325)}.yuan-sticky-bar__button:hover{opacity:.9}.yuan-sticky-bar__button.is-loading{opacity:.65;pointer-events:none}.yuan-sticky-bar__nav{display:grid;grid-template-columns:repeat(5,1fr);border-top:.1rem solid rgba(10,10,10,.1)}.yuan-sticky-bar__nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.7rem .4rem;color:#0a0a0abf;font-size:1.1rem;line-height:1.2;text-align:center;text-decoration:none}.yuan-sticky-bar__nav-item:hover{color:var(--color-brand, #163325);text-decoration:none}.yuan-sticky-bar__nav-item svg{width:2.2rem;height:2.2rem;fill:currentColor}.yuan-sticky-bar__nav-item--sample{color:var(--color-brand, #163325)}.yuan-sticky-bar__sample-icon{display:grid;width:4.8rem;height:4.8rem;margin-top:-1.6rem;place-items:center;border:.35rem solid var(--color-focus, #d2aa2f);border-radius:50%;background:var(--color-brand, #163325);color:#fff;box-shadow:0 .4rem 1.2rem #0a0a0a33}.yuan-sticky-bar__sample-icon svg{width:2.8rem;height:2.8rem}.yuan-sticky-bar__nav-icon{position:relative;display:grid;place-items:center}.yuan-sticky-bar__nav-count{position:absolute;top:-.4rem;inset-inline-start:calc(50% + .6rem);display:grid;min-width:1.6rem;height:1.6rem;padding:0 .3rem;place-items:center;border-radius:100vmax;background:var(--color-brand, #163325);color:#fff;font-size:1rem;font-weight:700}body.yuan-has-sticky-bar{padding-bottom:var(--yuan-sticky-bar-height, 12rem)}@media screen and (min-width:750px){.yuan-sticky-bar__actions{grid-template-columns:minmax(0,22rem) minmax(0,22rem);justify-content:center}.yuan-sticky-bar__nav{max-width:60rem;margin-inline:auto;width:100%;border-top:0}}@media screen and (min-width:990px){.yuan-sticky-bar.is-inline-actions-visible{transform:translateY(100%);visibility:hidden}.yuan-sticky-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2.4rem;padding:1rem max(2.4rem,calc((100vw - var(--page-width)) / 2 + 5rem))}.yuan-sticky-bar__product{display:flex;align-items:center;gap:1.2rem;min-width:0}.yuan-sticky-bar__product-image{width:6rem;height:6rem;flex:0 0 6rem;border:.1rem solid rgba(10,10,10,.1);border-radius:.8rem;object-fit:cover}.yuan-sticky-bar__product-copy{display:grid;gap:.3rem;min-width:0}.yuan-sticky-bar__product-title{overflow:hidden;color:#0a0a0ae6;font-size:1.5rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.yuan-sticky-bar__product-price{color:var(--color-brand, #163325);font-size:1.4rem;font-weight:700}.yuan-sticky-bar__actions{grid-template-columns:minmax(18rem,22rem) minmax(18rem,22rem);width:auto;padding:0}.yuan-sticky-bar__nav{display:none}}@media(prefers-reduced-motion:reduce){.yuan-sticky-bar,.yuan-sticky-bar__actions{transition:none}}.yuan-variant-grid__prompt{position:relative;display:flex;align-items:center;gap:.8rem;margin:0 0 1.2rem;padding:1rem 1.2rem;border:.1rem solid #e2a900;border-radius:.8rem;background:#fff8e5;color:#6b4e00;font-size:1.4rem;line-height:1.4}.yuan-variant-grid__prompt[hidden]{display:none}.yuan-variant-grid__prompt svg{width:2rem;height:2rem;flex:0 0 2rem;fill:#e2a900}.yuan-variant-grid__prompt:after{content:"";position:absolute;top:100%;inset-inline-start:2.4rem;border:.7rem solid transparent;border-top-color:#fff8e5}.yuan-variant-grid__prompt.is-flash{animation:yuan-prompt-flash .9s ease}@keyframes yuan-prompt-flash{0%,to{transform:translate(0)}20%{transform:translate(-.4rem)}40%{transform:translate(.4rem)}60%{transform:translate(-.3rem)}80%{transform:translate(.3rem)}}@media(prefers-reduced-motion:reduce){.yuan-variant-grid__prompt.is-flash{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-yuan-sticky-bar.css.map */