.watch-buy-section{max-width:1350px;margin-left:auto;margin-right:auto;padding:40px 15px}.watch-buy-title{font-size:26px;font-weight:700;text-align:center;margin-bottom:24px;text-transform:capitalize}.watch-buy-slider-container{position:relative;width:100%}.watch-buy-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:15px;justify-content:flex-start;flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}.watch-buy-grid::-webkit-scrollbar{display:none}.watch-buy-card{flex:0 0 280px;height:auto;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;background-color:#fff;box-shadow:0 4px 15px #0000000f;border:1px solid #eeeeee;transition:transform .3s ease;scroll-snap-align:start;display:flex;flex-direction:column}.watch-buy-card:hover{transform:translateY(-4px)}.watch-buy-media{width:100%;height:380px;position:relative;flex-shrink:0}.watch-buy-poster{width:100%;height:100%;object-fit:cover}.watch-buy-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b4f2c,#2e5a32);color:#ffffffb3}.watch-buy-placeholder svg{width:48px;height:48px}.watch-buy-views-badge{position:absolute;top:15px;left:15px;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px;z-index:3}.watch-buy-views-badge svg{width:13px;height:13px}.watch-buy-actions-overlay{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:12px;z-index:3}.watch-buy-action-btn{width:34px;height:34px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.watch-buy-action-btn:hover{background:#0009;transform:scale(1.05)}.watch-buy-action-btn.active svg{fill:#ee3b45;stroke:#ee3b45}.watch-buy-action-btn svg{width:16px;height:16px;transition:all .2s}.watch-buy-product-info{padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:8px;border-top:1px solid #f5f5f5;box-sizing:border-box}.watch-buy-product-title{font-size:13px;font-weight:600;color:#2c2d2e;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.watch-buy-product-price-container{display:flex;align-items:center;gap:10px}.watch-buy-product-thumbnail-wrapper{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid #e5e5e5;background-color:#fdf5f2;flex-shrink:0}.watch-buy-product-thumb-circle{width:100%;height:100%;object-fit:contain}.watch-buy-product-prices-meta{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left}.watch-buy-product-prices{display:flex;align-items:baseline;gap:6px}.watch-buy-price-sale{font-size:13px;font-weight:700;color:#111}.watch-buy-price-compare{font-size:11px;color:#999;text-decoration:line-through}.watch-buy-discount-tag{font-size:11px;font-weight:700;color:var(--solid-button-background, #468273)}.watch-buy-card-add-form{width:100%;margin:0}.watch-buy-card-add-btn{width:100%;height:34px;border-radius:6px;background-color:#53b776;color:#fff;border:none;font-size:12px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .1s ease}.watch-buy-card-add-btn:hover{opacity:.9}.watch-buy-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100000;opacity:0;pointer-events:none;transition:opacity .3s ease}.watch-buy-modal.active{opacity:1;pointer-events:auto}.watch-buy-modal-content{width:100%;max-width:360px;height:90vh;max-height:640px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 10px 40px #0000004d;transform:scale(.95);transition:transform .3s ease;background:#000}.watch-buy-modal.active .watch-buy-modal-content{transform:scale(1)}.watch-buy-modal-close{position:absolute;top:15px;right:15px;background:#00000080;border:none;color:#fff;font-size:28px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:background .2s}.watch-buy-modal-close:hover{background:#000c}.watch-buy-modal-mute{position:absolute;top:15px;right:55px;background:#00000080;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:background .2s}.watch-buy-modal-mute:hover{background:#000c}.watch-buy-modal-mute svg{width:16px;height:16px;color:#fff}.watch-buy-modal-body{width:100%;height:100%;display:flex;flex-direction:column}.watch-buy-modal-video-wrapper{width:100%;height:100%;position:relative;background:#000}.watch-buy-modal-video-wrapper video{width:100%;height:100%;object-fit:cover}.watch-buy-modal-product-card{position:absolute;bottom:15px;left:10px;width:calc(100% - 20px);background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.15);z-index:10;color:#fff;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 20px #00000040;box-sizing:border-box}.watch-buy-modal-product-card-close{position:absolute;top:6px;right:8px;background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer;z-index:12;line-height:1}.watch-buy-overlay-content{display:flex;flex-direction:column;gap:8px;width:100%}.watch-buy-overlay-row-top{display:flex;align-items:center;gap:10px;width:100%}.watch-buy-overlay-thumb{width:44px;height:44px;border-radius:8px;object-fit:contain;background:#fff;flex-shrink:0}.watch-buy-overlay-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.watch-buy-overlay-badge{background-color:#fc0;color:#000;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;width:fit-content;text-transform:uppercase;margin-bottom:2px}.watch-buy-overlay-title-wrapper{display:flex;align-items:center;gap:6px;width:100%}.watch-buy-overlay-title{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.watch-buy-overlay-link{color:#fffc;width:14px;height:14px;flex-shrink:0;display:inline-flex;align-items:center}.watch-buy-overlay-link svg{width:100%;height:100%}.watch-buy-overlay-price-row{display:flex;align-items:baseline;gap:6px}.watch-buy-overlay-price-sale{font-size:13px;font-weight:700;color:#fff}.watch-buy-overlay-price-compare{font-size:11px;color:#fff9;text-decoration:line-through}.watch-buy-overlay-discount{font-size:11px;color:#53b776;font-weight:700}.watch-buy-overlay-row-bottom{width:100%}.watch-buy-add-form{width:100%;margin:0}.watch-buy-overlay-btn-submit{width:100%;height:38px;border-radius:6px;background-color:#53b776;color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.watch-buy-overlay-btn-submit:hover{background-color:#42a263}.watch-buy-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e2e2e2;box-shadow:0 4px 10px #00000014;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .25s ease}.watch-buy-nav-btn:hover{background:#f5f5f5;color:#53b776;box-shadow:0 4px 12px #0000001f}.watch-buy-nav-btn.prev{left:-22px}.watch-buy-nav-btn.next{right:-22px}.watch-buy-nav-btn svg{width:20px;height:20px}@media(max-width:1400px){.watch-buy-nav-btn.prev{left:5px}.watch-buy-nav-btn.next{right:5px}}@media(max-width:767px){.watch-buy-nav-btn{display:none!important}}.watch-buy-video-inline{width:100%;height:100%;object-fit:cover;display:block}.watch-buy-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffd9;pointer-events:none;z-index:2;transition:transform .3s ease,color .3s ease}.watch-buy-play-overlay svg{width:48px;height:48px}.watch-buy-card:hover .watch-buy-play-overlay{transform:translate(-50%,-50%) scale(1.15);color:#fff}.watch-buy-video-inline.video-playing+.watch-buy-play-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-watch-and-buy.css.map */