.aob-pick{background:var(--page);color:var(--ink);padding:34px 0 30px}.aob-pick__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 18px;margin-bottom:18px}.aob-pick__label{margin:0 0 6px;text-transform:uppercase;opacity:.55}.aob-pick__heading{margin:0}.aob-pick__all{flex:0 0 auto;font-weight:600;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}.aob-pick__carousel{position:relative}.aob-pick__track{display:flex;gap:12px;overflow-x:auto;padding:0 18px 12px;scroll-snap-type:x proximity;touch-action:pan-x pan-y;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:stretch}.aob-pick__track::-webkit-scrollbar{display:none}.aob-pick__card{flex:0 0 var(--cw);scroll-snap-align:center;display:flex;flex-direction:column;min-width:0;background:#fff;border:var(--bw) solid var(--border);border-radius:var(--r);overflow:hidden;-webkit-tap-highlight-color:transparent}.aob-pick--grid .aob-pick__track{display:grid;grid-template-columns:1fr;overflow:visible;padding:0 18px}.aob-pick--grid .aob-pick__card{flex:none}.aob-pick__arrow{position:absolute;top:34%;transform:translateY(-50%);z-index:4;width:38px;height:38px;padding:0;border-radius:999px;cursor:pointer;background:#fffffff0;border:1px solid var(--border);color:var(--ink);display:none;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:opacity .16s ease}.aob-pick.has-nav .aob-pick__arrow{display:flex}.aob-pick__arrow--prev{left:6px}.aob-pick__arrow--next{right:6px}.aob-pick__arrow[disabled]{opacity:0;pointer-events:none}.aob-pick__arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.aob-pick__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden}.aob-pick__media img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}.aob-pick__hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .3s ease}@media(hover:hover)and (pointer:fine){.aob-pick__card:hover .aob-pick__hover,.aob-pick__card:focus-within .aob-pick__hover{opacity:1}}@media(prefers-reduced-motion:reduce){.aob-pick__hover{transition:none}}.aob-pick__ph{font-size:var(--aob-type-caption);letter-spacing:.12em;text-transform:uppercase;opacity:.5;font-weight:700}.aob-pick__badge{border-radius:999px;padding:6px 12px;font-weight:700;max-width:100%}.aob-pick__body{display:flex;flex-direction:column;flex:1;min-width:0;padding:16px 16px 18px;overflow-wrap:anywhere}.aob-pick__name{margin:0}.aob-pick__desc{margin:6px 0 0;color:var(--muted)}.aob-pick__pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(calc(5.5 * var(--aob-type-unit,1rem)),calc((100% - 6px)/2))),1fr));gap:6px;list-style:none;margin:14px 0 0;padding:0}.aob-pick__pills li{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:7px;padding:8px;font-weight:600;color:color-mix(in srgb,var(--ink) 76%,transparent)}.aob-pick__pills li.is-supply{grid-column:1 / -1;border-color:transparent;background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink);font-weight:700;letter-spacing:.01em}.aob-pick__price{display:flex;align-items:baseline;justify-content:space-between;gap:8px 10px;flex-wrap:wrap;margin:auto 0 0;padding-top:18px}.aob-pick__hero{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;min-width:0;max-width:100%}.aob-pick__hero small{font-weight:600;color:color-mix(in srgb,var(--ink) 60%,transparent)}.aob-pick__pack{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;max-width:100%;font-weight:700;color:color-mix(in srgb,var(--ink) 84%,transparent)}.aob-pick__hero>*,.aob-pick__pack>*{white-space:nowrap}.aob-pick__pack s{font-weight:500;opacity:.42}.aob-pick__bonus{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;padding:9px 11px;border-radius:8px;background:var(--bonus-bg);color:var(--bonus);font-weight:700}.aob-pick__bonusmark{flex:0 0 auto;line-height:1.2}.aob-pick__buy{padding-top:16px}.aob-pick__form{margin:0}.aob-pick__cta{display:block;width:100%;background:var(--cta);color:var(--cta-ink);border:0;border-radius:999px;padding:15px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .14s ease}.aob-pick__cta:hover{opacity:.9}.aob-pick__cta[disabled]{opacity:.45;cursor:not-allowed}.aob-pick__cta.is-empty{display:block;text-align:center;opacity:.45}.aob-pick__second{display:block;text-align:center;margin:11px 0 0;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:color-mix(in srgb,var(--ink) 68%,transparent)}.aob-pick__second:hover{color:var(--ink)}.aob-pick__ship{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 0;color:color-mix(in srgb,var(--ink) 72%,transparent)}.aob-pick__ship svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.aob-pick__footnote{margin:14px 0 0;padding:0 18px;color:var(--muted)}.aob-pick__card--compact .aob-pick__body{padding:12px 16px 14px}.aob-pick__card--compact .aob-pick__desc{min-height:0}.aob-pick__card--compact .aob-pick__pills{margin-top:10px}.aob-pick__card--compact .aob-pick__pills li{padding:6px 8px}.aob-pick__card--compact .aob-pick__price{padding-top:12px}.aob-pick__card--compact .aob-pick__buy{padding-top:10px}.aob-pick__card--compact .aob-pick__form{display:grid;gap:10px}.aob-pick__card--compact .aob-pick__ship{margin-top:8px}@media(min-width:750px){.aob-pick{padding:72px 0 56px}.aob-pick__head{padding:0 32px;margin-bottom:28px}.aob-pick__track,.aob-pick--grid .aob-pick__track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(calc(16 * var(--aob-type-unit,1rem)),calc((100% - (var(--per-d) - 1) * 20px) / var(--per-d)))),1fr));gap:20px;overflow:visible;padding:0 32px}.aob-pick__card{flex:none}.aob-pick__body{padding:22px 22px 24px}.aob-pick__card--compact .aob-pick__body{padding:16px 22px}.aob-pick__pills li{padding:9px 8px}.aob-pick__footnote{padding:0 32px}.aob-pick__arrow{width:42px;height:42px}.aob-pick__arrow--prev{left:12px}.aob-pick__arrow--next{right:12px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/aob-pick.css.map */