sanola-mobile-quick-add{display:contents}.sanola-mobile-quick-add,.sanola-mobile-quick-add *{box-sizing:border-box}.sanola-mobile-quick-add{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;height:auto;max-height:95vh;max-height:95dvh;padding:0;border:0;border-radius:16px 16px 0 0;background:var(--color-background);color:var(--color-foreground);overflow:hidden}.sanola-mobile-quick-add[open]{display:flex;flex-direction:column}.sanola-mobile-quick-add::backdrop{background:#0006}.sanola-mobile-quick-add [hidden]{display:none!important}.sanola-mobile-quick-add__header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:4px 12px 4px 20px;border-bottom:1px solid var(--color-border)}.sanola-mobile-quick-add__header h2{margin:0;text-transform:uppercase;font:inherit;font-weight:600;letter-spacing:.08em}.sanola-mobile-quick-add__header button{width:44px;height:44px;display:grid;place-items:center}.sanola-mobile-quick-add__header svg{width:16px;height:16px}.sanola-mobile-quick-add__gallery-controls svg{position:relative;width:14px;height:14px}.sanola-mobile-quick-add__mount{flex:1;min-height:0;display:flex;flex-direction:column}.sanola-mobile-quick-add [data-quick-add-product]{display:flex;flex-direction:column;height:100%;min-height:0}.sanola-mobile-quick-add__scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}.sanola-mobile-quick-add__images{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:8px;scrollbar-width:none;margin:0;padding:8px;list-style:none}.sanola-mobile-quick-add__images::-webkit-scrollbar{display:none}.sanola-mobile-quick-add__images li{flex:0 0 calc((100% - 8px) / 3);min-width:0;scroll-snap-align:start;background:rgb(var(--color-foreground-rgb) / .04)}.sanola-mobile-quick-add__images img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover}.sanola-mobile-quick-add__gallery{position:relative}.sanola-mobile-quick-add__badge{position:absolute;top:16px;left:16px;z-index:1;pointer-events:none}.sanola-mobile-quick-add__gallery-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sanola-mobile-quick-add__gallery-controls button,.sanola-mobile-quick-add__gallery-controls button:hover,.sanola-mobile-quick-add__gallery-controls button:active{position:absolute;top:50%;transform:translateY(-50%);padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-foreground);box-shadow:none;-webkit-appearance:none;appearance:none;pointer-events:auto;cursor:pointer}.sanola-mobile-quick-add__gallery-controls button:before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:var(--color-background);box-shadow:0 1px 4px #0000001f}.sanola-mobile-quick-add__gallery-controls button:active:before{transform:scale(.94)}.sanola-mobile-quick-add__values button,.sanola-mobile-quick-add .sibling-swatches__link,.sanola-mobile-quick-add__gallery-controls button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.sanola-mobile-quick-add__gallery-controls button:focus-visible{outline:2px solid var(--color-foreground);outline-offset:-5px}.sanola-mobile-quick-add [data-gallery-step="-1"]{inset-inline-start:12px}.sanola-mobile-quick-add [data-gallery-step="1"]{inset-inline-end:12px}.sanola-mobile-quick-add:dir(rtl) .sanola-mobile-quick-add__gallery-controls svg{transform:rotate(180deg)}.sanola-mobile-quick-add__gallery-controls button{width:44px;height:44px;display:grid;place-items:center}.sanola-mobile-quick-add__details{padding:0 20px 20px}.sanola-mobile-quick-add__details h3{text-transform:uppercase;margin:0 0 16px;overflow-wrap:anywhere;font-size:1.15rem}.sanola-mobile-quick-add .sibling-swatches{margin-bottom:16px}.sanola-mobile-quick-add .sibling-swatches__link{min-width:44px;min-height:44px;padding:3px}.sanola-mobile-quick-add__options{display:grid;gap:12px}.sanola-mobile-quick-add fieldset{border:0;padding:0;margin:0;min-width:0}.sanola-mobile-quick-add legend{width:100%;margin-bottom:8px;font-size:.9rem}.sanola-mobile-quick-add legend>span{display:inline-flex;align-items:center;gap:var(--padding-xs);min-height:44px}.sanola-mobile-quick-add [data-guide-open]{float:inline-end;min-height:44px;font-size:.85rem;text-decoration:underline;text-underline-offset:3px}.sanola-mobile-quick-add fieldset[aria-invalid=true] .sanola-mobile-quick-add__values{outline:1px solid var(--color-error, #b6263d);outline-offset:3px}.sanola-mobile-quick-add__option-error{color:var(--color-error, #b6263d);font-size:.85rem;margin:0}.sanola-mobile-quick-add__values{display:flex;gap:var(--gap-sm);flex-wrap:nowrap;overflow-x:auto;padding:4px;margin:-4px}.sanola-mobile-quick-add__values button{display:flex;align-items:center;justify-content:center;position:relative;flex:1 0 0;width:auto;min-width:3.25em;min-height:3.25em;padding:var(--padding-sm) var(--padding-lg);font:inherit;border:var(--variant-picker-button-border-width) solid var(--color-variant-border);border-radius:var(--variant-picker-button-radius);background:var(--color-variant-background);color:var(--color-variant-text);overflow:clip;cursor:pointer}.sanola-mobile-quick-add__values button:hover{background:var(--color-variant-hover-background);color:var(--color-variant-hover-text);border-color:var(--color-variant-hover-border)}.sanola-mobile-quick-add__values button[aria-pressed=true]{background:var(--color-selected-variant-background);color:var(--color-selected-variant-text);border-color:var(--color-selected-variant-border)}.sanola-mobile-quick-add__values button[aria-pressed=true]:hover{background:var(--color-selected-variant-hover-background);color:var(--color-selected-variant-hover-text);border-color:var(--color-selected-variant-hover-border)}.sanola-mobile-quick-add__values .is-unavailable{color:#c4c4c4;border-color:#ddd;cursor:not-allowed}.sanola-mobile-quick-add__size-strike{display:none;position:absolute;inset:var(--variant-picker-button-border-width);width:calc(100% - 2 * var(--variant-picker-button-border-width));height:calc(100% - 2 * var(--variant-picker-button-border-width));pointer-events:none;stroke:#d2d2d2;stroke-width:var(--variant-picker-button-border-width)}.sanola-mobile-quick-add__values .is-unavailable .sanola-mobile-quick-add__size-strike{display:block}.sanola-mobile-quick-add__full-details{width:fit-content;min-height:32px;display:flex;align-items:center;margin:0 20px 0 auto;padding-inline:0;font-size:.85rem;color:inherit;text-decoration:underline;text-underline-offset:3px}.sanola-mobile-quick-add__purchase{flex:0 0 auto;padding:10px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-background)}.sanola-mobile-quick-add [data-quick-add-price]{text-align:center;margin-bottom:10px}.sanola-mobile-quick-add [ref=priceContainer]{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px}.sanola-mobile-quick-add [ref=priceContainer]:has(.compare-at-price) .price{color:#b6263d}.sanola-mobile-quick-add .price{font-weight:700}.sanola-mobile-quick-add .compare-at-price{text-decoration:line-through;opacity:.7}.sanola-mobile-quick-add [data-quick-add-submit]{width:100%;min-height:48px}.sanola-mobile-quick-add__status:not(:empty){padding:12px 20px;font-size:.9rem;flex:0 0 auto}.sanola-mobile-quick-add__recovery{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:0 20px 12px}.sanola-mobile-quick-add__guide{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:0 20px 12px}.sanola-mobile-quick-add [data-guide-content]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sanola-mobile-quick-add [data-guide-back]{flex:0 0 auto;align-self:flex-start;min-height:44px;text-decoration:underline}.sanola-mobile-quick-add .size-guide-drawer__content{padding:0;height:auto;overflow:visible}.sanola-mobile-quick-add .size-guide-drawer__table-wrap{overflow-x:auto}@media(prefers-reduced-motion:no-preference){.sanola-mobile-quick-add[open]{animation:sanola-quick-add-enter .18s ease-out}@keyframes sanola-quick-add-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.sanola-mobile-quick-add[data-measuring]{height:auto!important;max-height:none}.sanola-mobile-quick-add[data-measuring] .sanola-mobile-quick-add__mount{flex:none}.sanola-mobile-quick-add[data-measuring] [data-quick-add-product]{height:auto}.sanola-mobile-quick-add[data-measuring] [data-quick-add-main]{display:block!important;flex:none;overflow:visible}.sanola-mobile-quick-add[data-measuring] [data-quick-add-purchase]{display:block!important}.sanola-mobile-quick-add[data-measuring] [data-quick-add-guide]{display:none!important}.sanola-mobile-quick-add:has(.sanola-mobile-quick-add__placeholder){height:min(560px,95vh);height:min(560px,95dvh)}.sanola-mobile-quick-add__placeholder{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.sanola-mobile-quick-add__placeholder span{display:block;background:rgb(var(--color-foreground-rgb) / .06)}.sanola-mobile-quick-add__placeholder-images{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px}.sanola-mobile-quick-add__placeholder-images span{aspect-ratio:3 / 4}.sanola-mobile-quick-add__placeholder-details{display:grid;gap:20px;padding:20px}.sanola-mobile-quick-add__placeholder-details span{height:20px}.sanola-mobile-quick-add__placeholder-details span:nth-child(2){width:55%;height:36px}.sanola-mobile-quick-add__placeholder-details span:last-child{height:44px}.sanola-mobile-quick-add__placeholder-purchase{margin-top:auto;padding:16px 20px}.sanola-mobile-quick-add__placeholder-purchase span{height:48px}.sanola-mobile-quick-add [data-quick-add-close][data-pointer-focus]:focus,.sanola-mobile-quick-add-trigger[data-pointer-focus]:focus{outline:none;box-shadow:none}.sanola-mobile-quick-add [data-selected-option]:empty{display:none}.sanola-mobile-quick-add[data-cart-handoff]{animation:none;pointer-events:none}.sanola-mobile-quick-add[data-cart-handoff]::backdrop{background:transparent}
/*# sourceMappingURL=/cdn/shop/t/4/assets/quick-add-mobile-sanola.css.map */