.demo-store-section{padding:16px 0;border-top:1px solid rgb(70,70,70);border-bottom:1px solid rgb(70,70,70);background:#191919;position:relative;overflow:hidden}.demo-section-header{text-align:center;margin-bottom:12px;position:relative;z-index:2}.demo-section-title{font-size:4rem;font-weight:600;color:#fff;margin-bottom:8px;letter-spacing:var(--letter-spacing-heading);line-height:1.2}.demo-section-title .global-accent-text{margin-left:0;font-family:"Instrument Serif",serif;background:linear-gradient(135deg,#6ee4ff,#19bdff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.demo-section-subtitle{font-size:1.3rem;color:#999;max-width:600px;margin:0 auto;line-height:1.5;letter-spacing:var(--letter-spacing-body)}.demo-store-container{max-width:800px;margin:0 auto;position:relative;z-index:2}.demo-carousel-wrapper{position:relative;width:100%}.demo-carousel-container{width:100%}.demo-carousel-track{display:flex;flex-direction:column;gap:24px}.demo-carousel-navigation{display:none}.demo-carousel-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#1a1a1acc;border:1px solid var(--card-border-color, rgba(110, 228, 255, .2))!important;border-radius:50%;color:#fffc;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}.demo-carousel-btn:hover{background:var(--card-overlay-light, rgba(110, 228, 255, .1))!important;border-color:var(--card-border-hover-color, rgba(110, 228, 255, .4))!important;color:var(--card-gradient-start, #6EE4FF)!important;transform:scale(1.05)}.demo-carousel-btn:active{transform:scale(.95)}.demo-carousel-btn svg{width:20px;height:20px}.demo-carousel-indicators{display:flex;justify-content:center;gap:12px;margin-top:24px}.demo-indicator{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.demo-indicator.active{background:var(--card-gradient-start, #6EE4FF)!important;box-shadow:0 0 8px var(--card-glow-color)!important}.demo-indicator:hover{background:var(--card-border-hover-color)!important}.demo-store-card{background:var(--card-background, #f8f9fa);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px #0000001a,0 0 var(--card-glow-size, 20px) var(--card-glow-color, rgba(110, 228, 255, .3));width:100%;--card-background: #f8f9fa;--card-text-primary: #2d2d2d;--card-text-secondary: #666666;--card-glow-size: 20px;--card-glow-color: rgba(110, 228, 255, .3);border:none;position:relative}.demo-store-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:1px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border-radius:12px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;pointer-events:none}.demo-store-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.demo-store-content{display:grid;grid-template-columns:1fr .35fr;align-items:stretch;min-height:100px;gap:0;position:relative;padding:0}.demo-store-text-section{display:flex;flex-direction:column;justify-content:center;padding:32px 40px}.demo-store-icon{display:none}.demo-store-heading{font-family:"Instrument Serif",serif;font-size:6rem;font-weight:600!important;color:var(--card-text-primary, #2d2d2d);margin-bottom:16px;letter-spacing:var(--letter-spacing-heading);line-height:1.1}.demo-store-description,.demo-features-list{display:none}.demo-store-button-container{margin-top:24px}.demo-store-button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(145deg,#2d2d2d,#1a1a1a);color:#fff;padding:20px 40px;border-radius:12px;font-weight:600;font-size:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;box-shadow:0 8px 16px #0000004d,0 4px 8px #0003,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;position:relative;overflow:hidden}.demo-store-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.demo-store-button:hover:before{left:100%}.demo-store-button:hover{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);transform:translateY(-2px);box-shadow:0 12px 24px #0006,0 6px 12px #0000004d,inset 0 1px #ffffff26,inset 0 -1px #0006}.demo-store-button:active{transform:translateY(1px);box-shadow:0 4px 8px #0000004d,0 2px 4px #0003,inset 0 1px #ffffff0d,inset 0 -1px #0003}.demo-store-image-section{display:flex;align-items:stretch;justify-content:center;padding:0;height:100%}.demo-image-container{position:relative;width:100%;height:100%;border-radius:0 12px 12px 0;overflow:hidden}.demo-store-image{width:100%;height:100%;display:block;object-fit:cover}.demo-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--card-image-overlay-light) 0%,var(--card-image-overlay-dark) 100%)!important;opacity:0;transition:opacity .4s ease;pointer-events:none}.demo-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;background:#ffffff05;border:2px dashed var(--card-placeholder-border)!important;border-radius:12px;color:#ccc}.demo-image-placeholder p{margin-top:16px;font-size:1.1rem;font-weight:500}@media screen and (max-width: 1024px){.demo-store-content{grid-template-columns:1.2fr .8fr;min-height:auto;gap:12px}.demo-store-text-section{padding:12px}.demo-store-image-section{padding:12px 8px}.demo-store-heading{font-size:3rem}.demo-carousel-btn{width:45px;height:45px}.demo-carousel-btn svg{width:18px;height:18px}}@media screen and (max-width: 768px){.demo-store-section{padding:0;border-top:none;border-bottom:none}.demo-section-title{font-size:4rem}.demo-section-subtitle{font-size:1.3rem}.demo-section-header{margin-bottom:24px}.demo-store-card{border-radius:12px;margin:0}.demo-store-content{grid-template-columns:1.3fr .7fr;gap:16px}.demo-store-text-section{padding:20px 16px}.demo-store-image-section{padding:20px 8px}.demo-store-heading{font-size:3rem;margin-bottom:12px}.demo-store-description{font-size:.9rem;margin-bottom:16px}.demo-features-list{margin-bottom:16px}.demo-feature-item{font-size:.85rem;margin-bottom:8px}.demo-store-button{padding:10px 20px;font-size:.9rem}.demo-store-button-container{margin-top:20px}.demo-image-container{border-radius:12px}.demo-image-placeholder{min-height:240px;border-radius:12px}.demo-image-placeholder svg{width:90px;height:90px}.demo-image-placeholder p{font-size:.9rem;margin-top:12px}.demo-carousel-wrapper{display:flex;flex-direction:column;gap:1.5rem}.demo-carousel-container{order:1}.demo-carousel-navigation{order:2;flex-direction:row;justify-content:center;gap:1rem}.demo-carousel-btn{width:44px;height:44px;position:static}.demo-carousel-btn svg{width:18px;height:18px}.demo-carousel-indicators{margin-top:20px}.demo-indicator{width:10px;height:10px}}@media screen and (max-width: 480px){.demo-store-card{margin:0;border-radius:12px}.demo-store-content{grid-template-columns:1.9fr 1fr;gap:12px}.demo-store-text-section{padding:16px 12px}.demo-store-image-section{padding:16px 8px}.demo-store-heading{font-size:3rem}.demo-store-description{font-size:.85rem}.demo-feature-item{font-size:.8rem}.demo-store-button{padding:10px 16px;font-size:1.3rem}.demo-image-container{border-radius:10px}.demo-image-placeholder{min-height:180px;border-radius:10px}.demo-image-placeholder svg{width:72px;height:72px}.demo-image-placeholder p{font-size:.8rem;margin-top:8px}.demo-carousel-wrapper{gap:1rem}.demo-carousel-btn{width:40px;height:40px}.demo-carousel-btn svg{width:18px;height:18px}.demo-carousel-indicators{margin-top:16px;gap:8px}.demo-indicator{width:8px;height:8px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.demo-store-card{animation:fadeInUp .8s ease forwards}.demo-feature-item{animation:fadeInUp .6s ease forwards}.demo-feature-item:nth-child(1){animation-delay:.1s}.demo-feature-item:nth-child(2){animation-delay:.2s}.demo-feature-item:nth-child(3){animation-delay:.3s}.demo-feature-item:nth-child(4){animation-delay:.4s}@media (min-width: 769px){.demo-store-section{padding:0}.page-width{max-width:1200px;margin:0 auto;padding:50px 0}.demo-section-header{text-align:center;margin-bottom:48px}.demo-section-title{font-size:4rem;margin-bottom:24px}.demo-section-subtitle{font-size:1.4rem;max-width:800px;margin:0 auto}.demo-store-container{max-width:none;margin:0}.demo-carousel-track{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto}.demo-store-card{transform:scale(.8);transform-origin:center;margin-bottom:0}.demo-store-content{grid-template-columns:1fr .35fr;min-height:60px}.demo-store-text-section{padding:16px 20px}.demo-store-heading{font-size:3rem;margin-bottom:6px}.demo-store-button-container{margin-top:10px}.demo-store-button{padding:10px 20px;font-size:.9rem}}@media (min-width: 769px){.demo-carousel-wrapper{display:flex;align-items:center;gap:2rem}.demo-carousel-navigation{flex-direction:column;gap:1rem}.demo-carousel-prev{order:-1}.demo-carousel-next{order:1}.demo-carousel-container{flex:1;order:0}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-demo-store-showcase.css.map */