.camo-training-section{position:relative;width:100%}.camo-training-content{max-width:100%;margin:0 auto}.camo-training-section .main-heading{font-weight:600;line-height:1.2;margin:0;text-align:center;font-family:var(--font-heading-family)}.camo-training-section .subtitle{font-weight:400;line-height:1.3;margin:0;text-align:center;font-style:italic;font-family:var(--font-heading-family)}.camo-training-videos-grid{width:100%;margin:0 auto}.video-item{position:relative;width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.video-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.video-item .video-title{font-weight:600;line-height:1.4;margin:0;text-align:center;padding:15px 15px 0;font-family:var(--font-heading-family)}.video-item .video-responsive{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background:#f8f8f8;margin:0}.video-item .video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-item .video-responsive-cdn{position:relative;width:100%;height:auto;padding-bottom:56.25%;background:#000;aspect-ratio:16 / 9}@supports (aspect-ratio: 16 / 9){.video-item .video-responsive-cdn{padding-bottom:0}}.video-item .video-responsive-cdn video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;object-fit:cover}@supports (aspect-ratio: 16 / 9){.video-item .video-responsive-cdn video{position:relative;object-fit:contain}}.video-item .video-placeholder,.video-item .video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:0 20px}.video-item .video-placeholder{color:#999;font-size:14px;background:#f0f0f0;border:2px dashed #ddd;border-radius:8px;padding:40px 20px;margin:10px;width:calc(100% - 20px);height:calc(100% - 20px);display:flex;align-items:center;justify-content:center}.video-item .video-error{color:#e74c3c;font-size:14px;font-weight:500}.no-videos-message{text-align:center;padding:60px 20px;color:#666;font-size:18px;background:#f8f9fa;border-radius:12px;border:2px dashed #ddd}.camo-training-section .scroll-trigger{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.camo-training-section .scroll-trigger.animate--slide-in{opacity:1;transform:translateY(0)}@media screen and (max-width: 749px){.video-item .video-title{padding:12px 12px 0;line-height:1.3}.video-item{border-radius:8px}.video-item .video-placeholder{padding:30px 15px;font-size:13px}}@media screen and (min-width: 750px) and (max-width: 1199px){.video-item .video-title{padding:18px 18px 0}}@media screen and (min-width: 1200px){.camo-training-videos-grid{max-width:1200px}.video-item .video-title{padding:20px 20px 0}}.video-item:focus-within{outline:2px solid var(--color-focus, #005fcc);outline-offset:2px}.video-item iframe:focus{outline:none}@media (prefers-contrast: high){.video-item{border:2px solid currentColor;box-shadow:none}.video-item:hover{box-shadow:0 0 0 4px currentColor}}@media (prefers-reduced-motion: reduce){.video-item{transition:none}.video-item:hover{transform:none}.camo-training-section .scroll-trigger{transition:none;opacity:1;transform:none}}@media print{.camo-training-videos-grid{display:block!important}.video-item{break-inside:avoid;margin-bottom:20px;box-shadow:none;border:1px solid #ddd}.video-item .video-responsive{display:none}.video-item .video-title{padding-bottom:15px}.video-item:after{content:"Video: " attr(data-video-url);padding:10px 15px;font-size:12px;color:#666;border-top:1px solid #eee;display:block}}.video-item.loading .video-responsive:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #333;border-radius:50%;animation:spin 1s linear infinite;z-index:1}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.video-item .video-responsive:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;transition:background .3s ease;pointer-events:none}.video-item:hover .video-responsive:after{background:#0000000d}@media screen and (max-width: 480px){.camo-training-videos-grid{gap:15px!important}}@media screen and (min-width: 481px) and (max-width: 749px){.camo-training-videos-grid{gap:20px!important}}@media screen and (min-width: 1400px){.camo-training-content{max-width:1400px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/camo-training-videos.css.map */