.loope-sticky-atc{--loope-sticky-bg: #f5f1e9;--loope-sticky-fg: #1c1b1b;--loope-sticky-border: rgba(28, 27, 27, .28);--loope-sticky-control-height: 56px;position:fixed;right:0;bottom:0;left:0;z-index:19;display:block;color:var(--loope-sticky-fg);background:var(--loope-sticky-bg);border-top:1px solid var(--loope-sticky-border);box-shadow:0 -12px 32px #00000038;visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(0,105%,0);transition:transform .18s ease,opacity .18s ease,visibility .18s ease}.loope-sticky-atc[hidden]{display:none!important}.loope-sticky-atc.is-visible{visibility:visible;opacity:1;pointer-events:auto;transform:translateZ(0)}.loope-sticky-atc,.loope-sticky-atc *{box-sizing:border-box}.loope-sticky-atc__surface{display:block;width:100%}.loope-sticky-atc__inner{display:grid;grid-template-columns:minmax(220px,1fr) minmax(130px,auto) minmax(160px,auto) minmax(240px,300px);gap:clamp(12px,2vw,28px);align-items:center;width:100%;min-height:92px;max-width:1600px;margin:0 auto;padding:12px clamp(16px,2.5vw,32px)}.loope-sticky-atc--single-variant .loope-sticky-atc__inner{grid-template-columns:minmax(220px,1fr) minmax(160px,auto) minmax(240px,300px)}.loope-sticky-atc__identity{display:flex;min-width:0;align-items:center;gap:16px}.loope-sticky-atc__media{flex:0 0 58px;width:58px;height:58px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.28);border-radius:3px}.loope-sticky-atc__image{display:block;width:100%;height:100%;object-fit:cover}.loope-sticky-atc__copy{min-width:0}.loope-sticky-atc__title,.loope-sticky-atc__price{margin:0;color:inherit;line-height:1.35}.loope-sticky-atc__title{overflow:hidden;font-size:14px;font-weight:500;letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.loope-sticky-atc__price{margin-top:4px;font-size:15px}.loope-sticky-atc__options{display:flex;align-items:center;gap:12px}.loope-sticky-atc__option{min-width:118px;max-width:164px}.loope-sticky-atc__option--singleton,.loope-sticky-atc__option[hidden]{display:none!important}.loope-sticky-atc__select{width:100%;min-height:var(--loope-sticky-control-height);padding:0 42px 0 16px;color:var(--loope-sticky-fg);font:inherit;font-size:13px;letter-spacing:.04em;text-transform:uppercase;background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;border:1px solid var(--loope-sticky-border);border-radius:0;-webkit-appearance:none;appearance:none;cursor:pointer}.loope-sticky-atc__select option{color:#111;background:#fff}.loope-sticky-atc__select:disabled{cursor:not-allowed;opacity:.5}.loope-sticky-atc__reassurance{display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.loope-sticky-atc__submit{display:inline-flex;width:100%;min-height:var(--loope-sticky-control-height);padding:12px 20px;align-items:center;justify-content:center;color:#f5f1e9;font:inherit;font-size:14px;font-weight:500;letter-spacing:.04em;line-height:1.2;text-align:center;text-transform:uppercase;background:#1c1b1b;border:1px solid #1c1b1b;border-radius:2px;cursor:pointer;transition:color .14s ease,background-color .14s ease,opacity .14s ease}.loope-sticky-atc__submit:hover:not(:disabled){color:#1c1b1b;background:transparent}.loope-sticky-atc__submit:disabled{cursor:not-allowed;opacity:.52}html.loope-sticky-atc-visible shopify-chat:not([open]){--shopify-agent-activator-offset: 120px !important}.loope-sticky-atc__select:focus-visible,.loope-sticky-atc__submit:focus-visible{outline:2px solid #1c1b1b;outline-offset:3px}@media screen and (max-width:1180px){.loope-sticky-atc__inner{grid-template-columns:minmax(160px,1fr) minmax(128px,180px) minmax(220px,280px);gap:18px;padding-right:20px;padding-left:20px}.loope-sticky-atc__reassurance,.loope-sticky-atc__option{display:none}.loope-sticky-atc__option--mobile-primary{display:block}.loope-sticky-atc--single-variant .loope-sticky-atc__inner{grid-template-columns:minmax(160px,1fr) minmax(220px,280px)}}@media screen and (max-width:820px){.loope-sticky-atc{--loope-sticky-control-height: 40px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 20px #00000029}.loope-sticky-atc__inner{grid-template-columns:minmax(88px,.85fr) minmax(0,1.6fr);grid-template-rows:auto auto;gap:6px 8px;min-height:0;padding:8px 12px}.loope-sticky-atc__identity{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:8px}.loope-sticky-atc__media{display:none}.loope-sticky-atc__copy{display:contents}.loope-sticky-atc__title,.loope-sticky-atc__price{margin:0;align-self:center}.loope-sticky-atc__title{font-size:11px;font-weight:500;letter-spacing:.01em;text-transform:none;line-height:1.2}.loope-sticky-atc__price{font-size:12px;line-height:1.2}.loope-sticky-atc__options{display:flex;flex-wrap:nowrap;align-items:stretch;gap:6px;min-width:0}.loope-sticky-atc__option{display:block;flex:1 1 0;min-width:0;max-width:none}.loope-sticky-atc__select{min-height:var(--loope-sticky-control-height);padding:0 28px 0 10px;font-size:11px;letter-spacing:.02em;text-transform:none;background-position:calc(100% - 12px) 50%,calc(100% - 8px) 50%}.loope-sticky-atc__submit{min-width:0;min-height:var(--loope-sticky-control-height);padding:8px 10px;font-size:11px;letter-spacing:.03em;text-transform:none}.loope-sticky-atc--single-variant .loope-sticky-atc__submit{grid-column:1 / -1}html.loope-sticky-atc-visible shopify-chat:not([open]){--shopify-agent-activator-offset: calc(118px + env(safe-area-inset-bottom)) !important;--shopify-chat-activator-offset: calc(118px + env(safe-area-inset-bottom)) !important}}@media screen and (max-width:360px){.loope-sticky-atc__inner{grid-template-columns:minmax(80px,.75fr) minmax(0,1.75fr);gap:6px;padding-right:10px;padding-left:10px}.loope-sticky-atc__select,.loope-sticky-atc__submit{font-size:10px}}@media(prefers-reduced-motion:reduce){.loope-sticky-atc,.loope-sticky-atc__submit{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/loope-sticky-product-bar.css.map */
