:root{--yt-accent: #FF0000;--yt-green: #16a34a;--yt-green-bg: #dcfce7;--yt-surface: #ffffff;--yt-surface-2: #f5f5f5;--yt-text-1: #111111;--yt-text-2: #666666;--yt-border: #e4e4e4;--yt-shadow-sm: 0 2px 12px rgba(0,0,0,.08);--yt-shadow-md: 0 8px 32px rgba(0,0,0,.14);--yt-shadow-lg: 0 24px 72px rgba(0,0,0,.4);--yt-radius-card: 16px;--yt-radius-modal: 22px;--yt-ease: cubic-bezier(.4,0,.2,1);--yt-dur: .22s}.yt-shorts-section{width:100%;padding:48px 0 56px;overflow:hidden}.yt-shorts-inner{max-width:1440px;margin:0 auto;padding:0 20px}.yt-shorts-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.yt-shorts-title{margin:0;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em;color:var(--yt-text-1);line-height:1.2}.yt-shorts-nav{display:flex;gap:8px}.yt-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--yt-border);background:var(--yt-surface);color:var(--yt-text-1);cursor:pointer;box-shadow:var(--yt-shadow-sm);transition:background var(--yt-dur) var(--yt-ease),color var(--yt-dur) var(--yt-ease),opacity var(--yt-dur) var(--yt-ease),transform var(--yt-dur) var(--yt-ease);flex-shrink:0}.yt-nav-btn:hover{background:var(--yt-text-1);color:#fff;border-color:transparent}.yt-nav-btn:active{transform:scale(.94)}.yt-nav-btn.is-hidden{opacity:0;pointer-events:none}.yt-shorts-track-wrap{position:relative}.yt-shorts-track{display:flex;gap:14px;padding:8px 4px 20px;margin:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.yt-shorts-track::-webkit-scrollbar{display:none}.yt-shorts-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.yt-track-fade{position:absolute;top:0;bottom:20px;width:56px;pointer-events:none;z-index:2}.yt-track-fade--left{left:0;background:linear-gradient(to right,var(--yt-surface, #fff) 20%,transparent)}.yt-track-fade--right{right:0;background:linear-gradient(to left,var(--yt-surface, #fff) 20%,transparent)}.yt-card{flex:0 0 170px;scroll-snap-align:start;border-radius:var(--yt-radius-card);overflow:hidden}@media(min-width:480px){.yt-card{flex-basis:185px}}@media(min-width:768px){.yt-card{flex-basis:205px}}@media(min-width:1200px){.yt-card{flex-basis:270px}}.yt-card-btn{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--yt-radius-card);overflow:hidden}.yt-card-btn:focus-visible{outline:3px solid var(--yt-accent);outline-offset:3px;border-radius:var(--yt-radius-card)}.yt-thumb-wrap{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--yt-radius-card);background:var(--yt-surface-2);box-shadow:var(--yt-shadow-sm)}.yt-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s var(--yt-ease),transform var(--yt-dur) var(--yt-ease)}.yt-thumb.is-loaded{opacity:1}.yt-card-btn:hover .yt-thumb{transform:scale(1.05)}.yt-thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--yt-surface-2);z-index:0}.yt-thumb-fallback.is-visible{z-index:1}.yt-thumb-fallback-img{width:100%;height:100%;object-fit:cover}.yt-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(to top,#0009,#0000 55%);opacity:0;transition:opacity var(--yt-dur) var(--yt-ease)}.yt-card-btn:hover .yt-play-overlay,.yt-card-btn:focus-visible .yt-play-overlay{opacity:1}.yt-play-btn{display:flex;align-items:center;justify-content:center;transition:transform var(--yt-dur) var(--yt-ease)}.yt-card-btn:hover .yt-play-btn{transform:scale(1.1)}.yt-shorts-badge{position:absolute;top:10px;left:10px;z-index:4;display:flex;align-items:center;gap:4px;padding:3px 9px 3px 7px;border-radius:20px;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em}.yt-card-info{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:40px 12px 14px;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,transparent 100%);border-radius:0 0 var(--yt-radius-card) var(--yt-radius-card);text-align:left}.yt-card-product-title{margin:0 0 4px;font-size:12.5px;font-weight:600;color:#fff;line-height:1.35;text-shadow:0 1px 4px rgba(0,0,0,.4)}.yt-card-price{margin:0;display:flex;align-items:baseline;gap:6px;font-size:13px;font-weight:700;color:#fff}.yt-card-compare-price{font-size:11px;font-weight:400;opacity:.65}.yt-dots{display:flex;justify-content:center;gap:6px;padding:4px 0}.yt-dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:var(--yt-border);cursor:pointer;transition:width var(--yt-dur) var(--yt-ease),background var(--yt-dur) var(--yt-ease),border-radius var(--yt-dur) var(--yt-ease)}.yt-dot.is-active{width:22px;border-radius:3px;background:var(--yt-text-1)}.yt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity var(--yt-dur) var(--yt-ease)}.yt-modal-overlay.is-open{opacity:1;pointer-events:auto}body.yt-modal-open{overflow:hidden}.yt-modal-outer{position:relative;width:100%;max-width:900px;overflow:visible}.yt-modal{position:relative;background:var(--yt-surface);border-radius:var(--yt-radius-modal);width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--yt-shadow-lg);transform:scale(.96) translateY(12px);transition:transform .28s var(--yt-ease)}.yt-modal-overlay.is-open .yt-modal{transform:scale(1) translateY(0)}.yt-modal-close{position:absolute;top:14px;right:14px;z-index:20;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;transition:background var(--yt-dur) var(--yt-ease),transform var(--yt-dur) var(--yt-ease)}.yt-modal-close:hover{background:#000000e0}.yt-modal-close:active{transform:scale(.92)}.yt-modal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:30;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:var(--yt-text-1);cursor:pointer;box-shadow:0 2px 20px #00000038;transition:box-shadow var(--yt-dur) var(--yt-ease),opacity var(--yt-dur) var(--yt-ease),transform var(--yt-dur) var(--yt-ease)}.yt-modal-arrow:hover{box-shadow:0 4px 28px #0000004d}.yt-modal-arrow:active{transform:translateY(-50%) scale(.92)}.yt-modal-arrow.is-hidden{opacity:0;pointer-events:none}.yt-modal-prev{left:-23px}.yt-modal-next{right:-23px}.yt-modal-body{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.yt-modal-video{flex:0 0 auto;background:#000;display:flex;align-items:stretch}.yt-iframe-wrap{width:300px;display:flex;flex-direction:column}.yt-iframe-wrap iframe{flex:1;width:100%;display:block;border:0;min-height:460px}@media(min-width:820px){.yt-iframe-wrap{width:340px}}.yt-modal-product{flex:1;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.yt-modal-product-inner{display:flex;flex-direction:column;gap:14px;padding:22px 24px 28px;min-height:100%;box-sizing:border-box}.yt-modal-img-wrap{position:relative;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--yt-surface-2);aspect-ratio:1;max-height:210px}.yt-modal-img-wrap img{width:100%;height:100%;object-fit:contain;display:block;padding:10px;box-sizing:border-box}.yt-sale-badge{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:5px;background:var(--yt-accent);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.yt-modal-product-title{margin:0;font-size:1rem;font-weight:700;line-height:1.4;color:var(--yt-text-1)}.yt-modal-price-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.yt-modal-price{font-size:1.2rem;font-weight:700;color:var(--yt-text-1)}.yt-modal-compare{font-size:.9rem;color:var(--yt-text-2);text-decoration:line-through}.yt-save-badge{padding:2px 10px;border-radius:20px;background:var(--yt-green-bg);color:var(--yt-green);font-size:12px;font-weight:600}.yt-variants{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.yt-variants-label{margin:0;font-size:13px;font-weight:600;color:var(--yt-text-1);white-space:nowrap}.yt-variants-list{display:flex;gap:7px;flex-wrap:wrap}.yt-variant-btn{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:50px;border:2px solid var(--yt-border);background:var(--yt-surface);color:var(--yt-text-1);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color var(--yt-dur) var(--yt-ease),background var(--yt-dur) var(--yt-ease),color var(--yt-dur) var(--yt-ease)}.yt-variant-btn:hover:not(.is-active){border-color:var(--yt-text-2)}.yt-variant-btn.is-active{border-color:var(--yt-text-1);background:var(--yt-text-1);color:#fff}.yt-tabs{display:flex;flex-direction:column;flex:1;min-height:0}.yt-tab-nav{display:flex;flex-shrink:0;border-bottom:2px solid var(--yt-border)}.yt-tab-btn{flex:1;padding:10px 4px;border:0;border-bottom:2.5px solid transparent;margin-bottom:-2px;background:transparent;font-size:13px;font-weight:600;color:var(--yt-text-2);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--yt-dur) var(--yt-ease),border-color var(--yt-dur) var(--yt-ease)}.yt-tab-btn:hover:not(.is-active){color:var(--yt-text-1)}.yt-tab-btn.is-active{color:var(--yt-text-1);border-bottom-color:var(--yt-text-1)}.yt-tab-body{flex:1;overflow-y:auto;padding:12px 0 4px;max-height:130px}.yt-tab-panel{display:none;font-size:13px;line-height:1.7;color:var(--yt-text-2)}.yt-tab-panel.is-active{display:block}.yt-modal-actions{display:flex;gap:10px;flex-shrink:0;padding-top:6px}.yt-more-info-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:13px 16px;border-radius:12px;border:1.5px solid var(--yt-border);background:var(--yt-surface);color:var(--yt-text-1);font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color var(--yt-dur) var(--yt-ease),background var(--yt-dur) var(--yt-ease)}.yt-more-info-btn:hover{border-color:var(--yt-text-1);background:var(--yt-surface-2)}.yt-atc-btn{flex:1.6;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:12px;border:0;background:var(--yt-text-1);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background var(--yt-dur) var(--yt-ease),transform var(--yt-dur) var(--yt-ease)}.yt-atc-btn:hover:not(:disabled){background:#2a2a2a}.yt-atc-btn:active:not(:disabled){transform:scale(.97)}.yt-atc-btn:disabled{opacity:.45;cursor:not-allowed}.yt-atc-btn.is-loading{opacity:.7;cursor:wait}.yt-atc-btn.is-added{background:var(--yt-green)}@keyframes ytCartPop{0%,to{transform:scale(1)}50%{transform:scale(1.45)}}.yt-cart-pop{animation:ytCartPop .32s var(--yt-ease) both}@media(max-width:820px){.yt-iframe-wrap{width:250px}.yt-modal-product-inner{padding:18px 18px 22px}}@media(max-width:639px){.yt-modal-overlay{align-items:flex-end;padding:0}.yt-modal-outer{width:100%;max-width:100%}.yt-modal{border-radius:var(--yt-radius-modal) var(--yt-radius-modal) 0 0;max-height:92vh;transform:translateY(24px)}.yt-modal-overlay.is-open .yt-modal{transform:translateY(0)}.yt-modal-prev,.yt-modal-next{top:28vw;transform:translateY(-50%)}.yt-modal-arrow:active{transform:translateY(-50%) scale(.92)}.yt-modal-prev{left:10px}.yt-modal-next{right:10px}.yt-modal-body{flex-direction:column;overflow-y:auto;max-height:92vh}.yt-modal-video{flex-shrink:0;width:100%;position:relative;padding-bottom:56.25%;height:0}.yt-iframe-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:unset}.yt-iframe-wrap iframe{min-height:unset}.yt-modal-product{flex:1;overflow-y:auto}.yt-modal-product-inner{padding:16px 16px 20px;gap:11px}.yt-modal-img-wrap{display:none}.yt-tab-body{max-height:100px}.yt-modal-actions{position:sticky;bottom:0;background:var(--yt-surface);padding:10px 0 8px;margin-top:auto;border-top:1px solid var(--yt-border)}.yt-more-info-btn,.yt-atc-btn{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/yt-shorts.css.map */