.gb-vshop{--gb-vshop-columns-desktop: 5;--gb-vshop-columns-mobile: 2;--gb-vshop-radius: 20px;--gb-vshop-aspect: 9 / 16;--gb-vshop-gap: 18px;padding-top:24px;padding-bottom:24px}.gb-vshop__inner{width:100%}.gb-vshop__heading{margin:0 0 16px;font-size:clamp(1.28rem,2.2vw,2rem);line-height:1.15;letter-spacing:-.01em}.gb-vshop__grid{display:grid;grid-template-columns:repeat(var(--gb-vshop-columns-desktop),minmax(0,1fr));gap:var(--gb-vshop-gap)}.gb-vshop__card{min-width:0}.gb-vshop__media{display:block;position:relative;aspect-ratio:var(--gb-vshop-aspect);border-radius:var(--gb-vshop-radius);overflow:hidden;background:rgb(var(--color-foreground-rgb, 17 17 17) / .08);text-decoration:none;color:inherit}.gb-vshop__video{width:100%;height:100%;display:block;object-fit:cover;background:#111}.gb-vshop__video--placeholder{background:linear-gradient(140deg,#e6e6e6,#cecece)}.gb-vshop__bar{margin-top:10px;min-height:60px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;border-radius:calc(var(--gb-vshop-radius) - 4px);border:1px solid rgb(var(--color-foreground-rgb, 17 17 17) / .1);background:#fff}.gb-vshop__thumb-wrap{width:28px;height:28px;border-radius:8px;overflow:hidden;background:rgb(var(--color-foreground-rgb, 17 17 17) / .08)}.gb-vshop__thumb{width:100%;height:100%;display:block;object-fit:cover}.gb-vshop__thumb--placeholder{background:rgb(var(--color-foreground-rgb, 17 17 17) / .1)}.gb-vshop__meta{min-width:0}.gb-vshop__title{margin:0;display:block;font-size:13px;line-height:1.2;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:inherit}.gb-vshop__price{margin:3px 0 0;font-size:12px;line-height:1.1;color:rgb(var(--color-foreground-rgb, 17 17 17) / .7)}.gb-vshop__add{width:40px;height:40px;border-radius:999px;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#000;color:#fff;flex:0 0 40px;font-size:1.6rem;line-height:1;transition:transform .15s ease,background-color .2s ease,opacity .2s ease}.gb-vshop__add-icon{display:none;width:18px;height:18px;line-height:1}.gb-vshop__add-icon svg{width:100%;height:100%;display:block}.gb-vshop__add-icon--cart{display:block}.gb-vshop__add-icon--check{transform:scale(.7);opacity:0}.gb-vshop__add.is-success .gb-vshop__add-icon--cart{display:none}.gb-vshop__add.is-success .gb-vshop__add-icon--check{display:block;opacity:1;transform:scale(1);animation:gbVshopTick .22s ease-out}.gb-vshop__add:disabled{opacity:.45;cursor:not-allowed}.gb-vshop__add:not(:disabled):hover{transform:scale(1.04)}.gb-vshop__add.is-success{background:#000}.gb-vshop__add.is-error{animation:gbVshopShake .35s linear}.gb-vshop :is(button,a):focus-visible{outline:2px solid rgb(var(--color-foreground-rgb, 17 17 17) / .56);outline-offset:2px}@media screen and (max-width:989px){.gb-vshop{--gb-vshop-gap: 16px}}@media screen and (max-width:749px){.gb-vshop{--gb-vshop-gap: 14px}.gb-vshop__grid{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;padding-bottom:4px}.gb-vshop__grid::-webkit-scrollbar{display:none}.gb-vshop__card{flex:0 0 calc((100% - ((var(--gb-vshop-columns-mobile) - 1) * 14px)) / var(--gb-vshop-columns-mobile));min-width:calc((100% - ((var(--gb-vshop-columns-mobile) - 1) * 14px)) / var(--gb-vshop-columns-mobile));scroll-snap-align:start;scroll-snap-stop:always}.gb-vshop__bar{min-height:56px;padding:7px;gap:8px}.gb-vshop__thumb-wrap{width:26px;height:26px}.gb-vshop__title{font-size:13px}.gb-vshop__price{font-size:12px}}@media(prefers-reduced-motion:reduce){.gb-vshop__add,.gb-vshop__add.is-error{transition:none;animation:none}.gb-vshop__add.is-success .gb-vshop__add-icon--check{animation:none}}@keyframes gbVshopShake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes gbVshopTick{0%{transform:scale(.74);opacity:0}to{transform:scale(1);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/gb-video-shop.css.map */