.onebox-featured{position:relative;padding:0 0 var(--spacing-3xl);background:var(--color-background);z-index:1}.onebox-container{max-width:1200px;margin:0 auto;padding:0 var(--page-margin);position:relative}.onebox-header{text-align:center}.title-line-1{display:block;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--color-foreground-secondary)}.hero-box{position:relative;max-width:900px;margin:0 auto var(--spacing-2xl);padding:var(--spacing-3xl);background:#00000080;border:2px solid #caa7eb;border-radius:30px;text-align:center}.box-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:radial-gradient(circle,rgba(202,167,235,.3) 0%,transparent 70%);filter:blur(30px);animation:pulse 3s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 768px){.box-glow{display:none!important}}.box-content{position:relative;z-index:1}.onebox-logo{font-family:Phonic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:72px;font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px}.box-accent{color:#caa7eb}.box-tagline{font-family:var(--font-primary--family);font-size:18px;font-weight:var(--font-weight-regular);line-height:1.5;letter-spacing:var(--letter-spacing-base);color:var(--color-foreground-secondary);margin:0 0 48px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px}.feature-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#caa7eb;transition:all .3s ease}.feature-icon svg{width:24px;height:24px;stroke-width:2;transition:all .3s ease}.feature-item:hover .feature-icon{color:#fff;transform:translateY(-2px)}.feature-item:hover .feature-icon svg{filter:drop-shadow(0 0 8px rgba(202,167,235,.5))}.feature-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary)}.products-showcase{margin-bottom:80px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.onebox-cta{text-align:center}.explore-btn{position:relative;display:inline-flex;align-items:center;padding:16px 32px;background:transparent;color:var(--color-accent);border:2px solid var(--color-accent);text-decoration:none;font-family:var(--font-primary--family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-base);border-radius:var(--style-border-radius-buttons);transition:all var(--transition-base);overflow:hidden}.explore-btn:before{content:"";position:absolute;bottom:100%;left:50%;width:1px;height:400px;background:linear-gradient(to top,#caa7eb,#caa7eb 80%,transparent);opacity:.2;transform:translate(-50%);z-index:-1}.btn-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);transition:transform .5s ease}.explore-btn:hover .btn-glow{transform:translate(-50%,-50%) scale(2)}.explore-btn:hover{background:var(--color-accent);color:var(--color-accent-text);transform:scale(1.02) translateY(-2px);box-shadow:0 10px 30px #caa7eb66}.explore-btn:active{transform:scale(.98);box-shadow:0 5px 15px #caa7eb33}.btn-text{position:relative;z-index:1}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.onebox-featured{padding:var(--spacing-3xl) 0}.title-line-2{font-size:64px}.hero-box{padding:var(--spacing-xl);max-width:700px}.onebox-logo{font-size:42px}.feature-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:1fr;gap:24px}}@media (max-width: 425px){.onebox-container{padding:0 var(--page-margin)}.title-line-1{font-size:18px}.title-line-2{font-size:48px}.title-line-3{font-size:16px}.hero-box{padding:var(--spacing-lg);max-width:100%}.explore-btn{padding:12px 24px;font-size:var(--font-size-sm)}}.videos-wrapper{position:relative;margin-top:80px;margin-bottom:100px}.videos-container{max-width:1200px;margin:0 auto;padding:80px 40px 0;position:relative;z-index:1}.videos-header{text-align:center;margin-bottom:80px}.video-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}.video-card{position:relative;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.video-card:hover{transform:translateY(-8px)}.video-card.featured{grid-column:2;transform:scale(1.05)}.video-card.featured:hover{transform:scale(1.05) translateY(-8px)}.card-number{position:absolute;top:-20px;left:-20px;width:60px;height:60px;background:#caa7eb1a;border:1px solid #caa7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#caa7eb;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.featured-badge{position:absolute;top:20px;right:20px;padding:6px 16px;background:#caa7eb;color:#000;font-size:11px;font-weight:700;letter-spacing:.05em;border-radius:20px;z-index:3}.video-card .card-content{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .3s ease}.video-card:hover .card-content{background:#ffffff0d;border-color:#caa7eb80;box-shadow:0 20px 40px #caa7eb4d}.video-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.video-card:hover .video-thumbnail img{transform:scale(1.1)}.thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.video-card:hover .thumbnail-overlay{background:#caa7eb33}.play-icon{transform:scale(1);transition:transform .3s ease}.video-card:hover .play-icon{transform:scale(1.2)}.play-icon svg{filter:drop-shadow(0 0 20px rgba(202,167,235,.5))}.duration-badge{position:absolute;bottom:16px;right:16px;padding:6px 12px;background:#000c;border-radius:4px;font-size:14px;font-weight:500}.thumbnail-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at center,rgba(202,167,235,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.video-card:hover .thumbnail-glow{opacity:1}.video-info{padding:24px}.video-info .video-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 12px;color:var(--color-foreground)}.video-description{font-size:18px;font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-foreground-secondary);margin:0 0 20px}.watch-cta{display:inline-flex;align-items:center;gap:8px;color:#caa7eb;font-weight:500;transition:gap .3s ease}.video-card:hover .watch-cta{gap:16px}.progress-indicator{position:relative;max-width:400px;margin:0 auto}.progress-line{height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;width:33.33%;background:#caa7eb;transition:width .5s ease}.progress-dots{display:flex;justify-content:space-between;margin-top:-8px}.dot{width:16px;height:16px;background:#fff3;border-radius:50%;cursor:pointer;transition:all .3s ease}.dot.active{background:#caa7eb;transform:scale(1.2)}.video-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none}.video-modal.active{display:flex!important;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000f2;cursor:pointer;z-index:1}.modal-content{position:relative;width:90%;max-width:1200px;z-index:10001;background:#1e1e1ef2;padding:20px;border-radius:12px;border:1px solid #caa7eb}.modal-close{position:absolute;top:-60px;right:0;background:transparent;border:none;color:#fff;cursor:pointer;padding:10px;transition:transform .2s ease;z-index:3}.modal-close:hover{transform:scale(1.1)}@media (max-width: 1024px){.video-showcase{grid-template-columns:1fr;gap:40px}.video-card.featured{grid-column:1;transform:scale(1)}.video-card.featured:hover{transform:translateY(-10px)}}@media (max-width: 768px){.videos-wrapper{margin-bottom:var(--spacing-3xl)}.videos-container{padding:var(--spacing-2xl) var(--page-margin) 0}.card-number{width:50px;height:50px;font-size:20px;top:-15px;left:-15px}.modal-close{top:-40px}}@media (max-width: 425px){.videos-wrapper,.videos-header{margin-bottom:60px}.video-info{padding:20px}.video-info .video-title{font-size:var(--font-size-xl)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/onebox-featured-v2.css.map */