.mqas{--mqas-green: var(--sh-green, var(--color-header-bg, #4e6d1c));--mqas-green-rgb: var(--color-header-bg-rgb, 78, 109, 28);--mqas-radius: 8px;--mqas-panel-radius: 16px;--mqas-border: rgba(78, 109, 28, .22);--mqas-border-muted: #d8d8d8;--mqas-title: var(--sh-green, #4e6d1c);--mqas-text: #1f2a14;--mqas-muted: #8a857c;--mqas-selected-bg: #f6f8f1;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:block;pointer-events:none;visibility:hidden}.mqas.is-open{pointer-events:auto;visibility:visible}.mqas[hidden]{display:none!important}.mqas__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#14181073;opacity:0;transition:opacity .55s ease}.mqas.is-open .mqas__overlay{opacity:1}.mqas__panel{position:absolute;left:0;right:0;bottom:0;top:auto;width:100%;max-width:480px;margin:0 auto;max-height:min(92vh,720px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:var(--mqas-panel-radius) var(--mqas-panel-radius) 0 0;padding:28px 22px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px #00000029;transform:translate3d(0,110%,0);opacity:1;transition:transform .65s cubic-bezier(.16,1,.3,1);outline:none;will-change:transform}.mqas.is-open .mqas__panel{transform:translateZ(0)}.mqas__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;background:transparent;color:#9a9a9a;font-size:1.75rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.mqas__header{padding-right:36px;margin-bottom:20px}.mqas__title{margin:0 0 6px;font-family:var(--font-heading-family, Georgia, "Times New Roman", serif);font-size:1.375rem;font-weight:600;line-height:1.25;color:var(--mqas-title);letter-spacing:.01em}.mqas__description{margin:0 0 12px;font-family:var(--font-body-family, system-ui, sans-serif);font-size:.9375rem;line-height:1.4;color:var(--mqas-muted)}.mqas__description:empty,.mqas__description[hidden]{display:none}.mqas__price{margin:0;font-family:var(--font-body-family, system-ui, sans-serif);font-size:1.125rem;font-weight:600;color:var(--mqas-title);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.mqas__price del{font-weight:400;color:#b0aaa0;font-size:1rem}.mqas__price .mqas-price--sale,.mqas__price span:not(del){color:var(--mqas-title)}.mqas__price .mqas-price--sale{font-size:1.25rem}.mqas__purchase{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.mqas__option{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;margin:0;padding:14px 16px;text-align:left;border:1.5px solid var(--mqas-border-muted);border-radius:var(--mqas-radius);background:#fff;color:var(--mqas-text);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;overflow:visible}.mqas__option[hidden]{display:none!important}.mqas__option:hover{border-color:#4e6d1c66}.mqas__option.is-selected,.mqas__option[aria-pressed=true]{border-color:var(--mqas-green);background:var(--mqas-selected-bg);box-shadow:none}.mqas__option.is-selected .mqas__option-title,.mqas__option[aria-pressed=true] .mqas__option-title{color:var(--mqas-title)}.mqas__radio{flex-shrink:0;width:20px;height:20px;margin-top:2px;border:2px solid #c4c4c4;border-radius:50%;background:#fff;box-sizing:border-box;position:relative}.mqas__option.is-selected .mqas__radio,.mqas__option[aria-pressed=true] .mqas__radio{border-color:var(--mqas-green);background:var(--mqas-green)}.mqas__option.is-selected .mqas__radio:after,.mqas__option[aria-pressed=true] .mqas__radio:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.mqas__option-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;padding-right:8px}.mqas__option-title{font-family:var(--font-heading-family, Georgia, "Times New Roman", serif);font-size:1.0625rem;font-weight:600;line-height:1.3;color:var(--mqas-text)}.mqas__option-meta{font-family:var(--font-body-family, system-ui, sans-serif);font-size:.8125rem;font-weight:400;line-height:1.4;color:var(--mqas-muted)}.mqas__option-meta--invoice{display:block;max-width:100%;line-height:1.4}.mqas__option-meta--invoice [data-mqas-invoice-freq],.mqas__afterpay-copy{display:inline}.mqas__save{font-family:var(--font-body-family, system-ui, sans-serif);font-size:.875rem;font-weight:600;color:var(--mqas-text);white-space:nowrap}.mqas__afterpay-copy strong{font-weight:700;color:var(--mqas-text)}.mqas__discount-star{font-weight:700;color:#c62828}.mqas__ribbon{position:absolute;top:10px;right:-6px;z-index:1;padding:4px 12px 4px 10px;background:#a99d3d;color:#fff;font-family:var(--font-body-family, system-ui, sans-serif);font-size:.625rem;font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 50%,100% 100%,0 100%);box-shadow:0 1px 2px #0000001f}.mqas__footer{display:flex;align-items:stretch;gap:12px}.mqas__qty{display:flex;align-items:center;flex-shrink:0;min-width:108px;border:1.5px solid var(--mqas-border);border-radius:var(--mqas-radius);background:#fff;overflow:hidden}.mqas__qty-btn{width:36px;height:46px;border:0;background:transparent;color:var(--mqas-text);font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.mqas__qty-display{flex:1;text-align:center;font-size:1rem;font-weight:500;color:var(--mqas-text);min-width:2ch}.mqas__qty-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mqas__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:var(--mqas-radius);border:1.5px solid var(--mqas-green);font-family:var(--font-body-family, system-ui, sans-serif);font-size:.9375rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease;position:relative}.mqas__btn--solid{background:var(--mqas-green);color:#fff}.mqas__btn--add{flex:1;min-width:0;border-radius:var(--mqas-radius)}.mqas__btn--add.loading{pointer-events:none;opacity:.75}.mqas__btn--add .loading-overlay{display:none}.mqas__btn--add.loading .loading-overlay{display:flex}.mqas__btn--add.loading .mqas__add-text{opacity:0}.mqas__prompt{margin:12px 0 0;font-size:.8125rem;line-height:1.4;color:var(--mqas-green);text-align:center}.mqas__prompt.is-attention{animation:mqas-prompt-in .25s ease}@keyframes mqas-prompt-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}body.open-mobile-quick-add{overflow:hidden}@media only screen and (max-width:480px){.mqas__panel{width:100%;max-width:none;padding:24px 18px calc(18px + env(safe-area-inset-bottom,0px))}.mqas__title{font-size:1.25rem}.mqas__option-title{font-size:1rem}.mqas__option-meta{font-size:.78rem}}@media only screen and (min-width:768px){.mqas__panel{left:50%;right:auto;width:min(440px,calc(100% - 48px));margin:0;transform:translate3d(-50%,110%,0);border-radius:var(--mqas-panel-radius) var(--mqas-panel-radius) 0 0}.mqas.is-open .mqas__panel{transform:translate3d(-50%,0,0)}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/mobile-quick-add-sheet.css.map */