body.ottrp{--oshop-cols:4;--oshop-gap:14px;--oshop-r:14px;--oshop-zoom:1 }.ottrp .oshop-shelf{display:grid;grid-template-columns:repeat(var(--oshop-cols),minmax(0,1fr));gap:var(--oshop-gap);margin-top:26px}.ottrp .oshop-shelf>.prod[data-span="2"]{grid-column:span 2}.ottrp .oshop-shelf>.prod[data-span="3"]{grid-column:span 3}.ottrp .oshop-shelf>.prod[data-span="4"]{grid-column:1 / -1}.ottrp .oshop-shelf>.prod{border:1px solid var(--line);border-radius:var(--oshop-r);padding:12px;background:var(--paper);display:flex;flex-direction:column;gap:8px;min-width:0}.ottrp .oshop-shelf>.prod .nm{font-size:14px;margin-top:10px;display:block}.ottrp .oshop-shelf>.prod .pr{margin-top:auto}.ottrp .oshop-shelf>.prod:focus-within{outline:2px solid var(--brand);outline-offset:3px}.ottrp .oshop-card--quiet{background:transparent!important;border-color:var(--line-2)!important}.ottrp .oshop-shelf>.prod .fr{font-size:12.5px;margin:0;display:block;overflow:visible;-webkit-line-clamp:none;line-clamp:none;text-overflow:clip;white-space:normal}.ottrp .oshop-card--lead{padding:14px}.ottrp .oshop-card--lead .nm{font-size:clamp(19px,2vw,26px);letter-spacing:-.025em;margin-top:12px}.ottrp .oshop-shelf>.prod.oshop-card--lead .fr{font-size:14.5px;max-width:52ch}.ottrp .oshop-spec{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}.ottrp .oshop-spec li{font-size:11.5px;font-weight:600;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.ottrp .oshop-buyrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.ottrp .oshop-buyrow .pr{font-size:clamp(19px,1.9vw,24px);margin:0;letter-spacing:-.02em}.ottrp .oshop-buyrow .oshop-free{display:block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}.ottrp .oshop-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px 26px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.ottrp .oshop-head .lhs{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.ottrp .oshop-count{font-size:11.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;padding:2px 9px;translate:0 -3px}.ottrp .oshop-link{font-size:13.5px;font-weight:700;color:var(--brand);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px;white-space:nowrap}.ottrp .oshop-link:hover{color:var(--brand-deep)}.ottrp .oshop-note{margin:12px 0 0;max-width:62ch;font-size:14.5px}.ottrp .sec--tint .oshop-head{border-top-color:var(--line-2)}.ottrp .oshop-gal{position:relative;display:block;padding:0;margin-bottom:0;border:0;border-radius:calc(var(--oshop-r) - 4px);overflow:hidden;isolation:isolate;background:var(--tint)}.ottrp .oshop-gal:before{display:none}.ottrp .prod .oshop-gal{aspect-ratio:1}.ottrp .prod .oshop-gal--wide{aspect-ratio:21/9}.ottrp .prod .oshop-gal--four{aspect-ratio:4/3}.ottrp .oshop-track{display:flex;height:100%;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.ottrp .oshop-track::-webkit-scrollbar{display:none}.ottrp .oshop-track:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.ottrp .oshop-slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(152deg,var(--sky-2),var(--sky-1) 46%,#fff)}.ottrp .oshop-slide:nth-child(2n){background:linear-gradient(152deg,#dde5ef,#f5f8fb)}.ottrp .oshop-slide:nth-child(3n){background:linear-gradient(152deg,var(--sky-1),#fff)}.ottrp .oshop-shot{width:100%;height:100%;object-fit:contain;padding:6%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:scale(var(--oshop-zoom,1));transform-origin:50% 50%}.ottrp .oshop-gal--wide .oshop-shot{padding:3% 6%}.ottrp .oshop-slide--empty{background:var(--tint);box-shadow:inset 0 0 0 1px var(--line-2)}.ottrp .oshop-slide--empty span{font-size:11.5px;line-height:1.45;color:var(--muted);max-width:30ch;text-align:center;padding:14px}.ottrp .oshop-dots{position:absolute;left:0;right:0;bottom:8px;z-index:3;display:flex;justify-content:center;gap:5px;pointer-events:none}.ottrp .oshop-dots i{width:5px;height:5px;border-radius:999px;background:#0b0f1442;transition:width .2s ease,background .2s ease}.ottrp .oshop-dots i.on{width:15px;background:var(--brand)}.ottrp .oshop-nav{position:absolute;top:50%;translate:0 -50%;z-index:4;width:28px;height:28px;padding:0;border:0;border-radius:999px;cursor:pointer;background:#ffffffeb;color:var(--ink);display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px -4px #0b0f1466;opacity:0;transition:opacity .2s ease}.ottrp .oshop-nav svg{width:13px;height:13px;display:block}.ottrp .oshop-nav--p{left:8px}.ottrp .oshop-nav--n{right:8px}@media(hover:hover)and (pointer:fine){.ottrp .oshop-gal .oshop-nav{display:flex}.ottrp .prod:hover .oshop-nav,.ottrp .oshop-gal:focus-within .oshop-nav{opacity:1}}.ottrp .oshop-nav:focus-visible{opacity:1;outline:2px solid var(--brand);outline-offset:2px}.ottrp .oshop-nav[disabled]{opacity:0!important;pointer-events:none}.ottrp .oshop-gal--one .oshop-dots,.ottrp .oshop-gal--one .oshop-nav{display:none}@media(max-width:1040px){body.ottrp{--oshop-cols:3 }.ottrp .oshop-shelf>.prod[data-span="3"],.ottrp .oshop-shelf>.prod[data-span="4"]{grid-column:1 / -1}}@media(max-width:820px){body.ottrp{--oshop-cols:2 }.ottrp .oshop-shelf>.prod[data-span="2"],.ottrp .oshop-shelf>.prod[data-span="3"],.ottrp .oshop-shelf>.prod[data-span="4"]{grid-column:1 / -1}.ottrp .prod.oshop-card--lead .oshop-gal{aspect-ratio:16/9}}@media(max-width:520px){body.ottrp{--oshop-cols:2;--oshop-gap:10px }.ottrp .oshop-shelf>.prod{padding:9px;gap:6px;border-radius:calc(var(--oshop-r) - 3px)}.ottrp .oshop-shelf>.prod .nm{font-size:13px;margin-top:8px}.ottrp .oshop-shelf>.prod .fr{font-size:11.5px}.ottrp .prod.oshop-card--lead .oshop-gal{aspect-ratio:4/3}.ottrp .oshop-shelf>.prod.oshop-card--lead .fr{font-size:13.5px}.ottrp .oshop-buyrow .pill{flex:1 1 auto;text-align:center}.ottrp .oshop-head{padding-top:16px}.ottrp .oshop-shelf--single>.prod{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.ottrp .oshop-track{scroll-behavior:auto}.ottrp .oshop-dots i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ottr-shop.css.map */