.apparel-showcase-section{padding:100px 0;background:#fff;overflow:hidden}.apparel-showcase-container{max-width:1600px;margin:0 auto;padding:0 40px}.apparel-showcase-section .badge{display:inline-flex;align-items:center;background:#f1f5f9;color:#023151;padding:6px 16px;border-radius:100px;font-size:12px;font-weight:700;margin-bottom:24px;letter-spacing:.1em;text-transform:uppercase}.apparel-showcase-section .content-wrapper{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:start}.apparel-showcase-section .left-content{padding-top:20px}.apparel-showcase-section .left-content h1{font-size:36px;color:#023151;line-height:1.1;margin-bottom:16px;font-weight:800;letter-spacing:-.02em}.apparel-showcase-section .left-content p{color:#64748b;line-height:1.6;margin-bottom:32px;font-size:14px;max-width:460px}.apparel-showcase-section .category-list{list-style:none;margin:0 0 40px;padding:0}.apparel-showcase-section .category-item{margin-bottom:2px;transition:all .4s cubic-bezier(.23,1,.32,1)}.apparel-showcase-section .category-link{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;text-decoration:none;color:#475569;font-size:18px;font-weight:700;border-radius:14px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;border:1px solid transparent}.apparel-showcase-section .category-item.active .category-link{background:#f8fafc;color:#023151;border-color:#cbd5e1;transform:translate(0);box-shadow:0 4px 20px #0f172a08}.apparel-showcase-section .category-name{display:flex;align-items:center;gap:16px}.apparel-showcase-section .category-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;transition:all .4s ease}.apparel-showcase-section .category-item.active .category-dot{background:#204ecf;transform:scale(1.1);box-shadow:none}.apparel-showcase-section .arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#f1f5f9;opacity:0;transform:scale(.8);transition:all .4s cubic-bezier(.23,1,.32,1)}.apparel-showcase-section .category-item.active .arrow{opacity:1;transform:scale(1);background:#204ecf}.apparel-showcase-section .arrow svg{width:18px;height:18px;stroke:#fff}.apparel-showcase-section .cta-button{display:inline-flex;align-items:center;gap:12px;background:#204ecf;color:#fff;padding:14px 32px;border-radius:100px;font-size:15px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 10px 30px #204ecf26}.apparel-showcase-section .cta-button:hover{background:#204ecf;opacity:.95;transform:translateY(-2px);box-shadow:0 12px 35px #204ecf33}.apparel-showcase-section .btn-arrow svg{width:18px;height:18px;stroke:currentColor;transition:transform .4s ease}.apparel-showcase-section .cta-button:hover .btn-arrow svg{transform:translate(4px)}.apparel-showcase-section .image-sticky-wrapper{position:sticky;top:100px;height:auto}.apparel-showcase-section .image-container{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:40px;overflow:hidden;background:#f1f5f9;box-shadow:0 40px 100px #0f172a1a}.apparel-showcase-section .product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.1);transition:all .8s cubic-bezier(.23,1,.32,1)}.apparel-showcase-section .product-image.active{opacity:1;transform:scale(1)}.apparel-showcase-section .image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a00 60%,#0f172a99);z-index:1}.apparel-showcase-section .image-label{position:absolute;bottom:32px;left:32px;right:32px;z-index:2;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 28px;border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.3)}.apparel-showcase-section .label-content{display:flex;align-items:center;justify-content:space-between}.apparel-showcase-section .label-text{font-size:16px;font-weight:800;color:#023151;transition:opacity .3s ease}.apparel-showcase-section .label-icon{width:40px;height:40px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 8px 16px #0f172a14;transition:opacity .3s ease}@media (max-width: 1100px){.apparel-showcase-section .left-content h1{font-size:52px}}@media (max-width: 1024px){.apparel-showcase-section{padding:60px 0}.apparel-showcase-section .content-wrapper{grid-template-columns:1fr;gap:60px}.apparel-showcase-section .image-sticky-wrapper{position:relative;top:0}.apparel-showcase-section .left-content p{max-width:100%}.apparel-showcase-section .category-link{font-size:20px;padding:20px 24px}}@media (max-width: 640px){.apparel-showcase-container{padding:0 20px}.apparel-showcase-section .left-content h1{font-size:40px}.apparel-showcase-section .image-label{bottom:20px;left:20px;right:20px;padding:16px 20px}.apparel-showcase-section .label-text{font-size:16px}.apparel-showcase-section .label-icon{width:36px;height:36px;font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/apparel-showcase.css.map */