Move Sculpt Second-Skin Set
/* ======================================== SCULPT PRO PREMIUM - CSS ISOLADO CORRIGIDO: Z-INDEX PARA BOTÃO SHOPIFY ======================================== */ /* Wrapper principal - ISOLADO do Shopify */ .sp-wrapper { --sp-background: hsl(30 20% 98%); --sp-foreground: hsl(20 10% 15%); --sp-card: hsl(30 15% 97%); --sp-card-foreground: hsl(20 10% 15%); --sp-primary: hsl(350 60% 45%); --sp-primary-foreground: hsl(0 0% 100%); --sp-secondary: hsl(30 15% 94%); --sp-secondary-foreground: hsl(20 10% 20%); --sp-muted: hsl(30 10% 92%); --sp-muted-foreground: hsl(20 8% 45%); --sp-accent: hsl(350 50% 92%); --sp-accent-foreground: hsl(350 60% 35%); --sp-border: hsl(30 15% 88%); --sp-radius: 0.75rem; /* CORREÇÃO Z-INDEX - Garante que botões Shopify fiquem acima */ position: relative; z-index: 1; font-family: 'Cormorant Garamond', Georgia, serif; background-color: var(--sp-background); color: var(--sp-foreground); line-height: 1.6; box-sizing: border-box; } .sp-wrapper *, .sp-wrapper *::before, .sp-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; } .sp-wrapper img { max-width: 100%; height: auto; display: block; } /* Container */ .sp-container { width: 100%; max-width: 1152px; margin: 0 auto; padding: 0 16px; position: relative; } @media (min-width: 640px) { .sp-container { padding: 0 24px; } } /* Section */ .sp-section { padding: 48px 0; position: relative; overflow: hidden; } @media (min-width: 768px) { .sp-section { padding: 80px 0; } } .sp-section-alt { background-color: rgba(0,0,0,0.03); } /* Header */ .sp-header { position: relative; overflow: hidden; } /* Section Title */ .sp-section-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.5rem; font-weight: 300; text-align: center; margin-bottom: 16px; letter-spacing: 0.05em; } @media (min-width: 768px) { .sp-section-title { font-size: 2.25rem; } } .sp-section-subtitle { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-muted-foreground); text-align: center; margin-bottom: 32px; max-width: 640px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .sp-section-subtitle { font-size: 1rem; margin-bottom: 48px; } } /* Card */ .sp-card { background: var(--sp-card); border-radius: var(--sp-radius); overflow: hidden; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.05); } /* ======================================== SCROLL ANIMATIONS - VELOCIDADE AUMENTADA ======================================== */ @keyframes sp-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .sp-scroll-track { animation: sp-scroll 18s linear infinite; will-change: transform; } @keyframes sp-scroll-pillars { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .sp-scroll-track-slow { animation: sp-scroll-pillars 25s linear infinite; will-change: transform; } .sp-scroll-track-fast { animation: sp-scroll 14s linear infinite; will-change: transform; } /* Scroll Wrapper - Z-INDEX BAIXO */ .sp-scroll-wrapper { position: relative; z-index: 0; overflow: hidden; } .sp-scroll-wrapper::before, .sp-scroll-wrapper::after { content: ''; position: absolute; top: 0; bottom: 0; width: 60px; z-index: 1; pointer-events: none; } .sp-scroll-wrapper::before { left: 0; background: linear-gradient(to right, var(--sp-background), transparent); } .sp-scroll-wrapper::after { right: 0; background: linear-gradient(to left, var(--sp-background), transparent); } .sp-scroll-wrapper-alt::before { background: linear-gradient(to right, rgba(245,243,241,1), transparent); } .sp-scroll-wrapper-alt::after { background: linear-gradient(to left, rgba(245,243,241,1), transparent); } .sp-scroll-wrapper img { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; pointer-events: none; } /* ======================================== HERO BENEFITS - NOVO LAYOUT RESPONSIVO ======================================== */ .sp-hero-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 680px; margin: 28px auto 0; padding: 0 8px; } @media (min-width: 640px) { .sp-hero-benefits { gap: 20px; max-width: 800px; padding: 0; } } .sp-hero-benefit { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 16px 8px; background: var(--sp-card); border-radius: 12px; border: 1px solid var(--sp-border); transition: all 0.3s ease; } .sp-hero-benefit:hover { border-color: var(--sp-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } @media (min-width: 640px) { .sp-hero-benefit { padding: 20px 16px; gap: 10px; } } .sp-hero-benefit-icon { width: 44px; height: 44px; border-radius: 50%; background: var(--sp-accent); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } @media (min-width: 640px) { .sp-hero-benefit-icon { width: 52px; height: 52px; } } .sp-hero-benefit-icon svg { width: 20px; height: 20px; color: var(--sp-primary); } @media (min-width: 640px) { .sp-hero-benefit-icon svg { width: 24px; height: 24px; } } .sp-hero-benefit-title { font-family: 'Montserrat', sans-serif; font-size: 0.7rem; font-weight: 600; color: var(--sp-foreground); letter-spacing: 0.02em; line-height: 1.3; } @media (min-width: 640px) { .sp-hero-benefit-title { font-size: 0.8rem; } } .sp-hero-benefit-desc { font-family: 'Montserrat', sans-serif; font-size: 0.65rem; color: var(--sp-muted-foreground); line-height: 1.4; display: none; } @media (min-width: 640px) { .sp-hero-benefit-desc { display: block; font-size: 0.75rem; } } /* Trust Badges Grid */ .sp-trust-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 768px; margin: 0 auto; } @media (min-width: 768px) { .sp-trust-grid { grid-template-columns: repeat(4, 1fr); } } .sp-trust-badge { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px; text-align: center; } .sp-trust-badge svg { width: 24px; height: 24px; color: var(--sp-primary); margin-bottom: 8px; } .sp-trust-badge span { font-family: 'Montserrat', sans-serif; font-size: 0.75rem; font-weight: 500; } @media (min-width: 768px) { .sp-trust-badge span { font-size: 0.875rem; } } /* Three Pillars Grid (Desktop) */ .sp-pillars-grid { display: none; } @media (min-width: 768px) { .sp-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } } .sp-pillar-card { text-align: center; } .sp-pillar-card img { width: 100%; transition: transform 0.7s ease; } .sp-pillar-card:hover img { transform: scale(1.05); } .sp-pillar-content { padding: 24px; } .sp-pillar-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.25rem; font-weight: 300; letter-spacing: 0.2em; color: var(--sp-primary); margin-bottom: 4px; } @media (min-width: 768px) { .sp-pillar-title { font-size: 1.5rem; } } .sp-pillar-subtitle { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; font-weight: 500; margin-bottom: 12px; } .sp-pillar-text { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-muted-foreground); line-height: 1.7; } /* Pillars Mobile Carousel */ .sp-pillars-mobile { overflow: hidden; width: 100%; } @media (min-width: 768px) { .sp-pillars-mobile { display: none; } } .sp-pillars-track { display: flex; width: max-content; } .sp-pillar-slide { flex-shrink: 0; width: 280px; margin: 0 12px; } @media (max-width: 360px) { .sp-pillar-slide { width: 260px; margin: 0 8px; } } @media (min-width: 400px) { .sp-pillar-slide { width: 300px; margin: 0 16px; } } /* Pre-Persuasion Section */ .sp-presuasion { max-width: 800px; margin: 0 auto; padding: 32px 24px; text-align: center; } .sp-presuasion p { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.125rem; line-height: 1.8; color: var(--sp-foreground); font-style: italic; } @media (min-width: 768px) { .sp-presuasion p { font-size: 1.25rem; } } /* Belief Breakers */ .sp-beliefs-grid { display: grid; grid-template-columns: 1fr; gap: 24px; max-width: 900px; margin: 0 auto; } @media (min-width: 768px) { .sp-beliefs-grid { grid-template-columns: repeat(3, 1fr); } } .sp-belief-card { padding: 24px; text-align: center; } .sp-belief-label { font-family: 'Montserrat', sans-serif; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--sp-muted-foreground); margin-bottom: 8px; } .sp-belief-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1rem; font-weight: 400; margin-bottom: 16px; line-height: 1.4; } @media (min-width: 768px) { .sp-belief-title { font-size: 1.125rem; } } .sp-belief-reframe { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-primary); font-weight: 500; } /* Transformation Table */ .sp-transform-grid { display: grid; grid-template-columns: 1fr; gap: 24px; padding: 24px; } @media (min-width: 768px) { .sp-transform-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; padding: 40px; } } .sp-transform-header { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; } .sp-transform-circle { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.125rem; font-weight: 300; } .sp-transform-circle-a { background: var(--sp-muted); color: var(--sp-muted-foreground); } .sp-transform-circle-b { background: var(--sp-accent); color: var(--sp-primary); } .sp-transform-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.125rem; font-weight: 300; } @media (min-width: 768px) { .sp-transform-title { font-size: 1.25rem; } } .sp-transform-list { list-style: none; } .sp-transform-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; } .sp-transform-icon { flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 2px; } .sp-transform-icon-x { background: var(--sp-muted); } .sp-transform-icon-x svg { width: 12px; height: 12px; color: var(--sp-muted-foreground); } .sp-transform-icon-check { background: var(--sp-accent); } .sp-transform-icon-check svg { width: 12px; height: 12px; color: var(--sp-primary); } .sp-transform-text { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-muted-foreground); line-height: 1.6; } .sp-transform-text-b { color: var(--sp-foreground); } .sp-transform-quote { border-top: 1px solid var(--sp-border); padding: 24px; text-align: center; } @media (min-width: 768px) { .sp-transform-quote { padding: 24px 40px; } } .sp-transform-quote p { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1rem; } @media (min-width: 768px) { .sp-transform-quote p { font-size: 1.125rem; } } /* Product Details Grid */ .sp-details-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } @media (min-width: 640px) { .sp-details-grid { gap: 16px; } } @media (min-width: 768px) { .sp-details-grid { gap: 24px; } } .sp-detail-card { position: relative; overflow: hidden; border-radius: 8px; aspect-ratio: 3/4; } @media (min-width: 640px) { .sp-detail-card { border-radius: 12px; aspect-ratio: 4/5; } } .sp-detail-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform 0.7s ease; z-index: 0; } .sp-detail-card:hover img { transform: scale(1.05); } .sp-detail-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1)); z-index: 1; } .sp-detail-content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 12px; z-index: 2; } @media (min-width: 640px) { .sp-detail-content { padding: 20px; } } @media (min-width: 768px) { .sp-detail-content { padding: 24px; } } .sp-detail-label { font-family: 'Montserrat', sans-serif; font-size: 10px; letter-spacing: 0.15em; color: rgba(255,255,255,0.8); margin-bottom: 6px; text-transform: uppercase; } @media (min-width: 640px) { .sp-detail-label { font-size: 11px; margin-bottom: 8px; } } .sp-detail-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1rem; color: #fff; margin-bottom: 6px; font-weight: 400; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } @media (min-width: 640px) { .sp-detail-title { font-size: 1.25rem; margin-bottom: 8px; } } @media (min-width: 768px) { .sp-detail-title { font-size: 1.5rem; } } .sp-detail-desc { font-family: 'Montserrat', sans-serif; font-size: 11px; color: rgba(255,255,255,0.9); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 640px) { .sp-detail-desc { font-size: 0.875rem; -webkit-line-clamp: unset; } } /* Features Grid */ .sp-features-grid { display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 640px) { .sp-features-grid { grid-template-columns: repeat(2, 1fr); } } .sp-feature-item { display: flex; align-items: flex-start; gap: 16px; padding: 16px; border-radius: 8px; background: rgba(255,255,255,0.5); } .sp-feature-icon { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--sp-accent); display: flex; align-items: center; justify-content: center; } .sp-feature-icon svg { width: 16px; height: 16px; color: var(--sp-primary); } .sp-feature-title { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 500; margin-bottom: 4px; } @media (min-width: 768px) { .sp-feature-title { font-size: 1.125rem; } } .sp-feature-text { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-muted-foreground); } /* Lifestyle Section */ .sp-lifestyle-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 32px; text-align: center; } .sp-lifestyle-stat-label { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-muted-foreground); } .sp-lifestyle-stat-value { font-family: 'Montserrat', sans-serif; font-size: 0.75rem; color: var(--sp-muted-foreground); opacity: 0.7; } /* Fabric Technology */ .sp-fabric-grid { display: grid; grid-template-columns: 1fr; } @media (min-width: 768px) { .sp-fabric-grid { grid-template-columns: repeat(2, 1fr); } } .sp-fabric-content { padding: 24px; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .sp-fabric-content { padding: 32px; } } @media (min-width: 1024px) { .sp-fabric-content { padding: 40px; } } .sp-fabric-badge { display: inline-block; background: var(--sp-accent); color: var(--sp-primary); font-family: 'Montserrat', sans-serif; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.05em; padding: 6px 12px; border-radius: 9999px; margin-bottom: 16px; width: fit-content; } .sp-fabric-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.25rem; font-weight: 300; margin-bottom: 16px; } @media (min-width: 768px) { .sp-fabric-title { font-size: 1.5rem; } } .sp-fabric-text { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-muted-foreground); line-height: 1.7; margin-bottom: 12px; } @media (min-width: 768px) { .sp-fabric-text { font-size: 1rem; } } .sp-fabric-text strong { color: var(--sp-foreground); font-weight: 500; } .sp-specs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--sp-border); } @media (min-width: 640px) { .sp-specs-grid { grid-template-columns: repeat(4, 1fr); } } .sp-spec-item { background: var(--sp-secondary); border-radius: 8px; padding: 12px; text-align: center; } .sp-spec-value { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.25rem; color: var(--sp-primary); } @media (min-width: 768px) { .sp-spec-value { font-size: 1.5rem; } } .sp-spec-label { font-family: 'Montserrat', sans-serif; font-size: 0.75rem; color: var(--sp-muted-foreground); } .sp-benefits-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 1024px; margin: 24px auto 0; } @media (min-width: 768px) { .sp-benefits-grid { grid-template-columns: repeat(4, 1fr); } } .sp-benefit-item { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px; background: var(--sp-card); border-radius: 12px; border: 1px solid var(--sp-border); } .sp-benefit-item svg { width: 32px; height: 32px; color: var(--sp-primary); margin-bottom: 8px; } .sp-benefit-label { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; font-weight: 500; } /* Testimonials Grid */ .sp-testimonials-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; max-width: 896px; margin: 0 auto; } @media (min-width: 640px) { .sp-testimonials-grid { gap: 24px; } } .sp-testimonial-card img { width: 100%; aspect-ratio: 1; object-fit: cover; object-position: top; } .sp-testimonial-content { padding: 12px; } @media (min-width: 640px) { .sp-testimonial-content { padding: 24px; } } .sp-testimonial-stars { color: var(--sp-primary); font-size: 0.875rem; margin-bottom: 8px; } @media (min-width: 640px) { .sp-testimonial-stars { font-size: 1.125rem; margin-bottom: 12px; } } .sp-testimonial-text { font-family: 'Montserrat', sans-serif; font-size: 10px; line-height: 1.6; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 640px) { .sp-testimonial-text { font-size: 0.875rem; margin-bottom: 16px; -webkit-line-clamp: unset; } } @media (min-width: 768px) { .sp-testimonial-text { font-size: 1rem; } } .sp-testimonial-author { font-family: 'Montserrat', sans-serif; font-size: 0.75rem; font-weight: 500; } @media (min-width: 640px) { .sp-testimonial-author { font-size: 0.875rem; } } .sp-testimonial-location { font-family: 'Montserrat', sans-serif; font-size: 10px; color: var(--sp-muted-foreground); } @media (min-width: 640px) { .sp-testimonial-location { font-size: 0.75rem; } } .sp-social-proof { margin-top: 40px; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-muted-foreground); } /* ======================================== NEW FAQ SECTION - USING HTML5 DETAILS ======================================== */ .sp-faq-container { max-width: 800px; margin: 0 auto; } .sp-faq-item-new { background: #ffffff; border-radius: 16px; margin-bottom: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); border: 1px solid var(--sp-border); overflow: hidden; transition: all 0.3s ease; } .sp-faq-item-new:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.1); border-color: var(--sp-primary); } .sp-faq-item-new summary { padding: 24px 28px; cursor: pointer; display: flex; align-items: center; gap: 16px; list-style: none; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 600; color: var(--sp-foreground); transition: all 0.3s ease; } .sp-faq-item-new summary::-webkit-details-marker { display: none; } .sp-faq-item-new summary::before { content: 'Q'; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: var(--sp-primary); color: white; border-radius: 50%; font-family: 'Montserrat', sans-serif; font-size: 0.875rem; font-weight: 700; flex-shrink: 0; } .sp-faq-item-new summary::after { content: '+'; margin-left: auto; font-size: 1.5rem; font-weight: 300; color: var(--sp-primary); transition: transform 0.3s ease; } .sp-faq-item-new[open] summary::after { transform: rotate(45deg); } .sp-faq-item-new[open] summary { background: rgba(200, 100, 100, 0.05); } .sp-faq-answer-new { padding: 0 28px 24px 76px; font-family: 'Montserrat', sans-serif; font-size: 0.95rem; color: var(--sp-muted-foreground); line-height: 1.8; animation: sp-faq-fade 0.3s ease; } @keyframes sp-faq-fade { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } .sp-faq-answer-new strong { color: var(--sp-foreground); font-weight: 600; } .sp-faq-answer-new em { color: var(--sp-primary); font-style: normal; font-weight: 500; } @media (max-width: 640px) { .sp-faq-item-new summary { padding: 18px 20px; font-size: 0.9rem; gap: 12px; } .sp-faq-item-new summary::before { width: 28px; height: 28px; font-size: 0.75rem; } .sp-faq-answer-new { padding: 0 20px 20px 60px; font-size: 0.875rem; } } .sp-faq-trust-badge { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 32px; padding: 20px; background: rgba(200, 100, 100, 0.08); border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-foreground); } .sp-faq-trust-badge svg { width: 24px; height: 24px; color: var(--sp-primary); flex-shrink: 0; } /* Closing Section */ .sp-closing-main-image { max-width: 576px; margin: 0 auto 24px; } .sp-closing-main-image .sp-card { aspect-ratio: 3/4; } .sp-closing-main-image img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: all 0.5s ease; } /* Closing Thumbs */ .sp-closing-thumbs { display: flex; overflow: hidden; margin-bottom: 40px; } .sp-closing-thumb { flex-shrink: 0; width: 70px; margin: 0 6px; } @media (min-width: 400px) { .sp-closing-thumb { width: 80px; margin: 0 8px; } } @media (min-width: 640px) { .sp-closing-thumb { width: 96px; margin: 0 10px; } } .sp-closing-thumb-inner { border-radius: 8px; overflow: hidden; border: 2px solid transparent; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .sp-closing-thumb img { width: 100%; aspect-ratio: 1; object-fit: cover; object-position: top; } .sp-closing-quote { max-width: 672px; margin: 0 auto; padding: 32px; text-align: center; } @media (min-width: 768px) { .sp-closing-quote { padding: 40px; } } .sp-closing-quote p { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.25rem; font-style: italic; margin-bottom: 16px; } @media (min-width: 768px) { .sp-closing-quote p { font-size: 1.5rem; } } .sp-closing-quote span { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-muted-foreground); } /* CTA Section */ .sp-cta-grid { display: grid; grid-template-columns: 1fr; } @media (min-width: 768px) { .sp-cta-grid { grid-template-columns: repeat(2, 1fr); } } .sp-cta-content { padding: 32px; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .sp-cta-content { padding: 48px; } } .sp-cta-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.25rem; font-weight: 300; margin-bottom: 24px; } @media (min-width: 768px) { .sp-cta-title { font-size: 1.5rem; } } .sp-cta-text { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-muted-foreground); line-height: 1.7; margin-bottom: 20px; } @media (min-width: 768px) { .sp-cta-text { font-size: 1rem; } } .sp-cta-text strong { color: var(--sp-foreground); font-weight: 500; } .sp-cta-quote { background: rgba(200, 100, 100, 0.1); border-radius: 8px; padding: 24px; text-align: center; margin: 32px 0; } .sp-cta-quote p { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; color: var(--sp-primary); font-size: 1rem; } @media (min-width: 768px) { .sp-cta-quote p { font-size: 1.125rem; } } .sp-cta-final { font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 500; text-align: center; } @media (min-width: 768px) { .sp-cta-final { font-size: 1.125rem; } } .sp-cta-urgency { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--sp-border); text-align: center; font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-primary); } /* Size Tables */ .sp-size-table-wrapper { margin-bottom: 32px; } .sp-size-table-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.125rem; color: var(--sp-primary); margin-bottom: 16px; text-align: center; } @media (min-width: 768px) { .sp-size-table-title { font-size: 1.25rem; } } .sp-size-table { width: 100%; font-family: 'Montserrat', sans-serif; font-size: 0.75rem; border-collapse: collapse; } @media (min-width: 640px) { .sp-size-table { font-size: 0.875rem; } } .sp-size-table thead { background: rgba(0,0,0,0.03); } .sp-size-table th { padding: 8px; text-align: center; font-weight: 500; } @media (min-width: 640px) { .sp-size-table th { padding: 12px; } } .sp-size-table th.sp-size-col { text-align: left; } .sp-size-table .sp-subheader { background: rgba(0,0,0,0.02); } .sp-size-table .sp-subheader th { font-weight: 400; font-size: 10px; color: var(--sp-muted-foreground); } @media (min-width: 640px) { .sp-size-table .sp-subheader th { font-size: 0.75rem; } } .sp-size-table td { padding: 8px; text-align: center; border-top: 1px solid var(--sp-border); color: var(--sp-muted-foreground); } @media (min-width: 640px) { .sp-size-table td { padding: 12px; } } .sp-size-table td.sp-size-col { font-weight: 600; color: var(--sp-primary); text-align: left; } .sp-size-table tbody tr:hover { background: rgba(0,0,0,0.02); } .sp-size-note { font-family: 'Montserrat', sans-serif; font-size: 10px; color: var(--sp-muted-foreground); text-align: center; margin-top: 8px; font-style: italic; } @media (min-width: 640px) { .sp-size-note { font-size: 0.75rem; } } .sp-size-tip { margin-top: 24px; padding: 16px; background: rgba(200,100,100,0.1); border-radius: 12px; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-muted-foreground); } /* Footer */ .sp-footer { padding: 32px 0; border-top: 1px solid var(--sp-border); text-align: center; font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-muted-foreground); position: relative; } /* Urgency text */ .sp-urgency { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; color: var(--sp-primary); font-weight: 500; } /* Primary color text */ .sp-text-primary { color: var(--sp-primary); } .sp-font-medium { font-weight: 500; } /* Max widths */ .sp-max-w-3xl { max-width: 768px; } .sp-max-w-4xl { max-width: 896px; } .sp-max-w-5xl { max-width: 1024px; } .sp-mx-auto { margin-left: auto; margin-right: auto; } .sp-text-center { text-align: center; } .sp-overflow-x-auto { overflow-x: auto; } Limited Collection • Move Sculpt Second-Skin Set Comfort that follows every line of your body. Designed to support natural movement, balanced compression, and a clean, modern silhouette. Second-Skin Fabric Distributed compression technology High-Waist Shaping Zero pressure design Seamless Finish Refined, smooth look Experience how a precise fit transforms your training routine. 30-Day Guarantee Free Shipping Express Delivery Premium Quality ⚡ High demand — Only a few pieces left in stock Before anything else, think about what usually disrupts your focus during training: fabric shifting, discomfort at the waist, pieces that don't stay in place, or shapes that don't feel like they belong to your body. Hold that thought. You'll soon understand why this set was designed to remove those interruptions. Precision in Every Detail Move Sculpt was created from a simple idea: activewear should move with you. Every element — from the stretch to the compression zones — was mapped to encourage fluidity, stability, and a consistently smooth silhouette. Nothing distracts. Nothing constricts. Nothing breaks your rhythm. The Three Pillars of Performance Every detail was designed with intention. Here's what you'll notice the moment you put it on. CONTINUOUS Fit Contours smoothly without creating hard edges or lines. NATURAL Stability Compression distributed to support movement without restricting it. TRUE Breathability Lightweight structure that adapts to heat and motion. CONTINUOUS Fit Contours smoothly without creating hard edges or lines. NATURAL Stability Compression distributed to support movement without restricting it. TRUE Breathability Lightweight structure that adapts to heat and motion. CONTINUOUS Fit Contours smoothly without creating hard edges or lines. NATURAL Stability Compression distributed to support movement without restricting it. TRUE Breathability Lightweight structure that adapts to heat and motion. PROPRIETARY TECHNOLOGY SculptFlow™ Fit System A balanced structure that distributes firmness where the body needs support while releasing flexibility where full movement matters. The result is a fabric that follows your pace, adapts on demand, and stays aligned through each repetition. What You Might Think vs. Reality Common assumptions — and why this set challenges them. Belief "Seamless sets usually become see-through." SculptFlow™ maintains opacity under stretch and motion. Belief "Shaping fabrics feel tight or restrictive." Compression here is gradual and distributed, creating stability without pressure. Belief "High-waist leggings tend to roll or slip." The waistband is structured to stay centered through bending, lifting, and impact. Your Transformation Starts Here We know where you've been. Let us show you where you're going. A Where You Are Now Activewear that shifts during movement Fabric that marks or squeezes uncomfortably Pieces that lose structure after the first wash Constant adjustments that break your focus B Where You'll Be A set that keeps its shape through every session Support that enhances your posture naturally Movement in sync with your body's rhythm Complete focus on your training — nothing else "Second-skin contouring powered by SculptFlow™ and seamless engineering." Product Details Every detail designed for your comfort and confidence UPPER BODY Medium-Support Bra Stable hold without stiffness. Removable padding included. LOWER BODY High-Waist Legging Second-skin contour with continuous line from waist to hem. TECHNOLOGY Engineered Opacity Maintains full coverage under movement and stretch. FABRIC Breathable Blend Smooth nylon–elastane construction for daily wear. Created for Everyday Performance Flatlock Seams No friction, maximum durability Seamless Waistband No pressure, invisible under clothes Reinforced Gusset Freedom of movement, all-day comfort Delicate Wash Recommended delicate wash, natural dry Movement that follows your pace. From controlled stretches to intense repetitions, the seamless design ensures stability, fluidity, and comfort throughout every phase of your training. Fabric Technology Engineered for the woman who demands more from her wardrobe CERTIFIED QUALITY SculptFlow™ Fit System Crafted with 78% polyamide and 22% elastane, our proprietary blend offers the perfect balance of structure and softness. At 280 g/m² in strategic zones, the fabric provides total opacity and precise shaping — without ever feeling restrictive. The moisture-wicking finish keeps you dry and confident from morning training to evening recovery. 78% Polyamide 22% Elastane 280 GSM Density 100% Opacity Breathable 4D Stretch No Marks Premium Real Women, Real Results Join thousands of women across Europe who've discovered their confidence ★★★★★ "I've tried countless activewear brands. This is the first that actually feels like a second skin. No rolling, no digging, just smooth movement all day." — Emma K. ★★★★★ "The quality is exceptional. I wear it for yoga, strength training, and even recovery days. It's become my daily essential." — Sophie M. ★★★★★ "Finally, activewear that doesn't compromise. Beautiful, comfortable, and invisible under clothes. Worth every cent." — Isabella R. ★★★★★ "I was skeptical, but this changed everything. The fit is perfect, and I forget I'm even wearing it. Absolute game-changer." — Maria L. ⭐ Rated 4.9/5 by over 2,000+ satisfied customers Your Questions, Answered Everything you need to know before making your decision Is the fabric see-through during workouts? Absolutely not. Our SculptFlow™ technology uses a 280 GSM density fabric that maintains complete opacity even during deep squats, stretches, and high-intensity movements. The fabric has been rigorously tested to ensure full coverage under all conditions. How do I find my perfect size? Use our detailed size chart above, measuring your waist and hips for the most accurate fit. Pro tip: If you're between sizes, we recommend sizing up for comfort during high-motion activities. The fabric naturally adapts to your body shape within the first few wears. Does the sports bra come with removable padding? Yes, absolutely. The bra includes removable, contoured padding that you can keep in for additional coverage or remove for a more natural feel. This gives you complete control over your level of support and appearance. What is your return and exchange policy? We offer a 30-day satisfaction guarantee on all purchases. If you're not completely happy with your set, you can return it for a full refund or exchange it for a different size — no questions asked. We want you to feel confident in your purchase. How should I care for my Move Sculpt set? For best results, machine wash cold on a delicate cycle with similar colors. Avoid fabric softeners as they can affect the compression properties. Air dry flat to maintain the shape and elasticity. Following these simple steps will keep your set performing beautifully for years. Still have questions? Our customer support team is available 7 days a week to help you. Training with Clarity Training with clarity starts with clothing that stays aligned with your movement. Move Sculpt was designed to do exactly that — minimal in form, advanced in structure, and precise in the way it adapts to your body. "Designed for those who prefer performance that feels effortless — refined, quiet, and fully aligned with the body." — The Move Sculpt Promise This Is Your Moment The Move Sculpt Second-Skin Set pairs a medium-support bra with a high-waist, ultra-soft legging built for uninterrupted movement. The texture is smooth, the stretch is clean, and the compression works in harmony with your natural motion. Ideal for training days, recovery sessions, or any moment when comfort and precision matter equally. "Experience how a precise fit transforms your training routine." Let this be the moment you choose yourself. ⚡ Limited stock available — Ships within 24-48 hours Find Your Size Use the tables below to find your perfect fit across all pieces Tank Top Size Size Bust Hem Clothes Length CM Inch CM Inch CM Inch S 78-82 30.7-32.3 58-62 22.8-24.4 56-58 22.0-22.8 M 82-88 32.3-34.6 62-68 24.4-26.8 58-60 22.8-23.6 L 88-96 34.6-37.8 68-76 26.8-29.9 60-62 23.6-24.4 XL 96-108 37.8-42.5 76-88 29.9-34.6 62-64 24.4-25.2 * Manual measurement, 1-2 cm error is normal Bra Size Size Bust Hem Clothes Length CM Inch CM Inch CM Inch S 78-82 30.7-32.3 58-62 22.8-24.4 22-24 8.7-9.4 M 82-88 32.3-34.6 62-68 24.4-26.8 24-26 9.4-10.2 L 88-96 34.6-37.8 68-76 26.8-29.9 26-28 10.2-11.0 XL 96-108 37.8-42.5 76-88 29.9-34.6 28-30 11.0-11.8 * Manual measurement, 1-2 cm error is normal Trousers Size Size Waist Hips Pants Length CM Inch CM Inch CM Inch S 62-66 24.4-26.0 88-92 34.6-36.2 96-98 37.8-38.6 M 66-72 26.0-28.3 92-98 36.2-38.6 98-100 38.6-39.4 L 72-80 28.3-31.5 98-106 38.6-41.7 100-102 39.4-40.2 XL 80-92 31.5-36.2 106-118 41.7-46.5 102-104 40.2-40.9 * Manual measurement, 1-2 cm error is normal Shorts Size Size Waist Hips Pants Length CM Inch CM Inch CM Inch S 62-66 24.4-26.0 88-92 34.6-36.2 34-36 13.4-14.2 M 66-72 26.0-28.3 92-98 36.2-38.6 36-38 14.2-15.0 L 72-80 28.3-31.5 98-106 38.6-41.7 38-40 15.0-15.7 XL 80-92 31.5-36.2 106-118 41.7-46.5 40-42 15.7-16.5 * Manual measurement, 1-2 cm error is normal If you're between sizes, go with the larger one. The fabric adapts to your shape on the first wear. © 2026 Move Sculpt Collection™. All rights reserved.
More you might like
Related
Second Skin Sculpting Flares
Related
Second Skin Sculpting Crop
Related
Sculpt Second Skin Set
Related