.reels-grid-section{background:#fff;max-width:600px;margin:0 auto}.reels-grid-categories-wrap{position:relative;border-bottom:1px solid #eee}.reels-grid-categories{display:flex;align-items:stretch;gap:10px;padding:12px 12px 14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-left:50px;overscroll-behavior-x:contain}.reels-grid-categories::-webkit-scrollbar{display:none}.reels-grid-categories-label{flex:0 0 auto;position:sticky;left:0;z-index:3;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);background:linear-gradient(180deg,#ff9a3d,#f2600c);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;border-radius:10px;padding:10px 6px;min-width:26px;box-shadow:-6px 0 10px -4px #0000002e}.reels-grid-category-item{position:relative;flex:0 0 auto;width:120px;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;display:block;text-decoration:none;background:#556;scroll-snap-align:start}.reels-grid-category-item img,.reels-grid-category-item .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.reels-grid-category-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 45%,#0000008c)}.reels-grid-category-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#00000059;display:flex;align-items:center;justify-content:center;color:#fff}.reels-grid-category-title{position:absolute;left:0;right:0;bottom:10px;text-align:center;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media(hover:hover)and (pointer:fine){.reels-grid-categories{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.28) transparent;padding-bottom:8px;cursor:grab}.reels-grid-categories::-webkit-scrollbar{display:block;height:6px}.reels-grid-categories::-webkit-scrollbar-track{background:transparent}.reels-grid-categories::-webkit-scrollbar-thumb{background:#00000040;border-radius:999px}.reels-grid-categories:hover::-webkit-scrollbar-thumb{background:#0000006b}.reels-grid-categories-wrap.is-dragging .reels-grid-categories{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.reels-grid-categories-wrap.is-dragging .reels-grid-category-item{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.reels-grid-categories-wrap:before,.reels-grid-categories-wrap:after{content:"";position:absolute;top:0;bottom:8px;width:56px;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:1}.reels-grid-categories-wrap:before{left:0;background:linear-gradient(90deg,#fff 15%,#fff0)}.reels-grid-categories-wrap:after{right:0;background:linear-gradient(270deg,#fff 15%,#fff0)}.reels-grid-categories-wrap.can-scroll-left:before{opacity:1}.reels-grid-categories-wrap.can-scroll-right:after{opacity:1}.reels-cat-nav{position:absolute;top:calc(50% - 4px);transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#fff;color:#222;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 2px 10px #0000002e;transition:background .15s ease,transform .15s ease}.reels-cat-nav:hover{background:#f2600c;color:#fff;transform:translateY(-50%) scale(1.06)}.reels-cat-nav:focus-visible{outline:2px solid #f2600c;outline-offset:2px}.reels-cat-nav[hidden]{display:none}.reels-cat-prev{left:46px}.reels-cat-next{right:4px}}@media not all and (hover:hover)and (pointer:fine){.reels-cat-nav{display:none!important}}@media(prefers-reduced-motion:reduce){.reels-grid-categories{scroll-behavior:auto}.reels-cat-nav{transition:none}}.reels-grid-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.reels-grid-item{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:#444;text-decoration:none}.reels-grid-item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.reels-grid-item-noimage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffd9}.reels-grid-item-meta{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:5px;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}.reels-grid-item-meta svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.reels-grid-empty{padding:60px 20px;text-align:center;color:#666}@media(min-width:700px){.reels-grid-section{border-left:1px solid #eee;border-right:1px solid #eee}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/reels-grid.css.map */