Ribbed Knit Crew Neck Sleeveless Cropped Top & Wide Leg Pants Lounge S

Crafted for Effortless Styling

Ultra-Soft Ribbed Comfort

Premium ribbed knit fabric delivers a soft, breathable feel that stays comfortable all day while maintaining its shape.

Effortlessly Coordinated Style

Matching sleeveless crop top and wide-leg pants create a modern, flattering look that's easy to wear anywhere.

Flexible Fit & Movement

Stretch-enhanced fabric moves naturally with your body, providing lasting comfort without feeling restrictive.

'#shopify-section-product', '#product-section', '.product-section', // Fallback to any product-related elements '.product-template', '.product-container', '.product-main', '.product', '[data-section-type="product"]', '[data-section-id*="product"]' ]; console.log('Trying fallback selectors: ', productSelectors); // Try each selector until we find a match for (const selector of productSelectors) { targetElement = document.querySelector(selector); if (targetElement) { console.log('Found product element with selector: ', selector); targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); return; // Exit once we've found and scrolled to a product element } } console.log('No product selectors found, trying main content'); // Final fallback: if no product section is found, try scrolling to the main content area targetElement = document.querySelector('main') || document.querySelector('#MainContent'); if (targetElement) { console.log('Scrolling to main content: ', targetElement); targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); } else { console.log('No scrollable element found'); } } } catch (err) { console.error('Error in scroll button click handler:', err); } }); }); } catch (err) { console.error('Error initializing scroll to product functionality:', err); } } // Enhanced Accordion functionality with debugging function initAccordions() { console.log('Initializing accordions...'); const accordionContainers = document.querySelectorAll('#image-text-section-template--27789387759981__image_with_text_3Cqi4p .accordion-items-wrapper'); console.log('Found', accordionContainers.length, 'accordion containers'); if (accordionContainers.length === 0) { console.log('No accordion containers found'); return; } accordionContainers.forEach((container, containerIndex) => { console.log(`Processing container ${containerIndex + 1}`); const accordionItems = container.querySelectorAll('.accordion-item'); const accordionMode = container.getAttribute('data-accordion-mode') === 'true'; console.log(`Container ${containerIndex + 1} has ${accordionItems.length} items, accordion mode: ${accordionMode}`); accordionItems.forEach((item, itemIndex) => { const header = item.querySelector('.accordion-header'); const content = item.querySelector('.accordion-content'); if (!header) { console.log(`No header found for item ${itemIndex + 1}`); return; } if (!content) { console.log(`No content found for item ${itemIndex + 1}`); return; } // Skip if already initialized if (header.hasAttribute('data-accordion-initialized')) { console.log(`Item ${itemIndex + 1} already initialized, skipping`); return; } console.log(`Setting up click handler for item ${itemIndex + 1}`); // Create the click handler function const clickHandler = function(e) { console.log(`Accordion item ${itemIndex + 1} clicked!`); e.preventDefault(); e.stopPropagation(); const isActive = item.classList.contains('active'); console.log(`Item ${itemIndex + 1} is currently ${isActive ? 'active' : 'inactive'}`); // If in accordion mode, close all other items if (accordionMode && !isActive) { console.log('Accordion mode: closing other items'); accordionItems.forEach((otherItem, otherIndex) => { if (otherItem !== item && otherItem.classList.contains('active')) { console.log(`Closing item ${otherIndex + 1}`); otherItem.classList.remove('active'); } }); } // Toggle the current item if (isActive) { console.log(`Closing item ${itemIndex + 1}`); item.classList.remove('active'); } else { console.log(`Opening item ${itemIndex + 1}`); item.classList.add('active'); } // Trigger custom event for tracking/analytics try { container.dispatchEvent(new CustomEvent('accordion:toggle', { detail: { item: item, isOpen: !isActive, text: header.querySelector('.accordion-header-text')?.textContent } })); } catch (err) { console.error('Error dispatching accordion event:', err); } }; // Add the click listener header.addEventListener('click', clickHandler); // Store the handler reference for potential cleanup header._accordionClickHandler = clickHandler; // Mark as initialized header.setAttribute('data-accordion-initialized', 'true'); // Add visual feedback on hover header.style.cursor = 'pointer'; // Add keyboard support const keyHandler = function(e) { if (e.key === 'Enter' || e.key === ' ') { console.log(`Keyboard trigger for item ${itemIndex + 1}`); e.preventDefault(); clickHandler(e); } }; header.addEventListener('keydown', keyHandler); header._accordionKeyHandler = keyHandler; // Make header focusable for accessibility if (!header.hasAttribute('tabindex')) { header.setAttribute('tabindex', '0'); } console.log(`Item ${itemIndex + 1} setup complete`); }); }); console.log('Accordion initialization complete'); } // Function to manually test accordion (for debugging) function testAccordion() { console.log('Testing accordion functionality...'); const firstItem = document.querySelector('#image-text-section-template--27789387759981__image_with_text_3Cqi4p .accordion-item'); if (firstItem) { console.log('Found first accordion item, toggling...'); firstItem.classList.toggle('active'); console.log('First item is now:', firstItem.classList.contains('active') ? 'active' : 'inactive'); return true; } else { console.log('No accordion items found for testing'); return false; } } // Initialize immediately if DOM is already ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { console.log('DOM Content Loaded - initializing components'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); }); } else { // DOM is already ready console.log('DOM already ready - initializing components immediately'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); } // Also run on window load to ensure all elements are fully loaded window.addEventListener('load', function() { console.log('Window loaded - re-initializing components'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); }); // Additional initialization for dynamic content document.addEventListener('shopify:section:load', function() { console.log('Shopify section loaded - initializing components'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); }); // Backup initialization using setTimeout setTimeout(function() { console.log('Backup initialization running...'); if (document.querySelector('#image-text-section-template--27789387759981__image_with_text_3Cqi4p .accordion-items-wrapper') && !document.querySelector('#image-text-section-template--27789387759981__image_with_text_3Cqi4p .accordion-header[data-accordion-initialized]')) { console.log('Found uninitialized accordions, running backup init'); initAccordions(); } }, 2000); // Make functions globally available for debugging window.debugAccordion = { init: initAccordions, test: testAccordion, toggle: function(index) { const items = document.querySelectorAll('#image-text-section-template--27789387759981__image_with_text_3Cqi4p .accordion-item'); if (items[index]) { items[index].classList.toggle('active'); console.log(`Manually toggled item ${index + 1}`); } } }; // Final fallback: try to initialize immediately try { console.log('Immediate initialization attempt...'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); } catch (err) { console.error('Immediate initialization failed:', err); }

Fit & Features

Effortless Two-Piece Styling

Matching tank and wide leg pants create a complete outfit that looks polished with minimal effort.

Soft Texture, Airy Feel

Ribbed knit fabric feels smooth and breathable, giving you lightweight comfort all day long.

Relaxed Flowy Movement

Wide leg silhouette drapes naturally for an easygoing fit that feels comfortable without clinging.

Comfort That Travels With You

Stretch waistband and flexible fabric make it perfect for lounging, travel days, errands, and everyday wear.

'#shopify-section-product', '#product-section', '.product-section', // Fallback to any product-related elements '.product-template', '.product-container', '.product-main', '.product', '[data-section-type="product"]', '[data-section-id*="product"]' ]; console.log('Trying fallback selectors: ', productSelectors); // Try each selector until we find a match for (const selector of productSelectors) { targetElement = document.querySelector(selector); if (targetElement) { console.log('Found product element with selector: ', selector); targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); return; // Exit once we've found and scrolled to a product element } } console.log('No product selectors found, trying main content'); // Final fallback: if no product section is found, try scrolling to the main content area targetElement = document.querySelector('main') || document.querySelector('#MainContent'); if (targetElement) { console.log('Scrolling to main content: ', targetElement); targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); } else { console.log('No scrollable element found'); } } } catch (err) { console.error('Error in scroll button click handler:', err); } }); }); } catch (err) { console.error('Error initializing scroll to product functionality:', err); } } // Enhanced Accordion functionality with debugging function initAccordions() { console.log('Initializing accordions...'); const accordionContainers = document.querySelectorAll('#image-text-section-template--27789387759981__image_with_text_97HxXJ .accordion-items-wrapper'); console.log('Found', accordionContainers.length, 'accordion containers'); if (accordionContainers.length === 0) { console.log('No accordion containers found'); return; } accordionContainers.forEach((container, containerIndex) => { console.log(`Processing container ${containerIndex + 1}`); const accordionItems = container.querySelectorAll('.accordion-item'); const accordionMode = container.getAttribute('data-accordion-mode') === 'true'; console.log(`Container ${containerIndex + 1} has ${accordionItems.length} items, accordion mode: ${accordionMode}`); accordionItems.forEach((item, itemIndex) => { const header = item.querySelector('.accordion-header'); const content = item.querySelector('.accordion-content'); if (!header) { console.log(`No header found for item ${itemIndex + 1}`); return; } if (!content) { console.log(`No content found for item ${itemIndex + 1}`); return; } // Skip if already initialized if (header.hasAttribute('data-accordion-initialized')) { console.log(`Item ${itemIndex + 1} already initialized, skipping`); return; } console.log(`Setting up click handler for item ${itemIndex + 1}`); // Create the click handler function const clickHandler = function(e) { console.log(`Accordion item ${itemIndex + 1} clicked!`); e.preventDefault(); e.stopPropagation(); const isActive = item.classList.contains('active'); console.log(`Item ${itemIndex + 1} is currently ${isActive ? 'active' : 'inactive'}`); // If in accordion mode, close all other items if (accordionMode && !isActive) { console.log('Accordion mode: closing other items'); accordionItems.forEach((otherItem, otherIndex) => { if (otherItem !== item && otherItem.classList.contains('active')) { console.log(`Closing item ${otherIndex + 1}`); otherItem.classList.remove('active'); } }); } // Toggle the current item if (isActive) { console.log(`Closing item ${itemIndex + 1}`); item.classList.remove('active'); } else { console.log(`Opening item ${itemIndex + 1}`); item.classList.add('active'); } // Trigger custom event for tracking/analytics try { container.dispatchEvent(new CustomEvent('accordion:toggle', { detail: { item: item, isOpen: !isActive, text: header.querySelector('.accordion-header-text')?.textContent } })); } catch (err) { console.error('Error dispatching accordion event:', err); } }; // Add the click listener header.addEventListener('click', clickHandler); // Store the handler reference for potential cleanup header._accordionClickHandler = clickHandler; // Mark as initialized header.setAttribute('data-accordion-initialized', 'true'); // Add visual feedback on hover header.style.cursor = 'pointer'; // Add keyboard support const keyHandler = function(e) { if (e.key === 'Enter' || e.key === ' ') { console.log(`Keyboard trigger for item ${itemIndex + 1}`); e.preventDefault(); clickHandler(e); } }; header.addEventListener('keydown', keyHandler); header._accordionKeyHandler = keyHandler; // Make header focusable for accessibility if (!header.hasAttribute('tabindex')) { header.setAttribute('tabindex', '0'); } console.log(`Item ${itemIndex + 1} setup complete`); }); }); console.log('Accordion initialization complete'); } // Function to manually test accordion (for debugging) function testAccordion() { console.log('Testing accordion functionality...'); const firstItem = document.querySelector('#image-text-section-template--27789387759981__image_with_text_97HxXJ .accordion-item'); if (firstItem) { console.log('Found first accordion item, toggling...'); firstItem.classList.toggle('active'); console.log('First item is now:', firstItem.classList.contains('active') ? 'active' : 'inactive'); return true; } else { console.log('No accordion items found for testing'); return false; } } // Initialize immediately if DOM is already ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { console.log('DOM Content Loaded - initializing components'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); }); } else { // DOM is already ready console.log('DOM already ready - initializing components immediately'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); } // Also run on window load to ensure all elements are fully loaded window.addEventListener('load', function() { console.log('Window loaded - re-initializing components'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); }); // Additional initialization for dynamic content document.addEventListener('shopify:section:load', function() { console.log('Shopify section loaded - initializing components'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); }); // Backup initialization using setTimeout setTimeout(function() { console.log('Backup initialization running...'); if (document.querySelector('#image-text-section-template--27789387759981__image_with_text_97HxXJ .accordion-items-wrapper') && !document.querySelector('#image-text-section-template--27789387759981__image_with_text_97HxXJ .accordion-header[data-accordion-initialized]')) { console.log('Found uninitialized accordions, running backup init'); initAccordions(); } }, 2000); // Make functions globally available for debugging window.debugAccordion = { init: initAccordions, test: testAccordion, toggle: function(index) { const items = document.querySelectorAll('#image-text-section-template--27789387759981__image_with_text_97HxXJ .accordion-item'); if (items[index]) { items[index].classList.toggle('active'); console.log(`Manually toggled item ${index + 1}`); } } }; // Final fallback: try to initialize immediately try { console.log('Immediate initialization attempt...'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); } catch (err) { console.error('Immediate initialization failed:', err); }

Comfort & Design

Made for Everyday Moments

Designed for slow mornings, coffee runs, travel days, and everything in between.

Easygoing Wide Leg Silhouette

Relaxed drape creates a flattering shape that feels effortless and comfortable all day long.

Minimal Effort, Complete Outfit

A perfectly coordinated two-piece set that instantly gives you a put-together look..

'#shopify-section-product', '#product-section', '.product-section', // Fallback to any product-related elements '.product-template', '.product-container', '.product-main', '.product', '[data-section-type="product"]', '[data-section-id*="product"]' ]; console.log('Trying fallback selectors: ', productSelectors); // Try each selector until we find a match for (const selector of productSelectors) { targetElement = document.querySelector(selector); if (targetElement) { console.log('Found product element with selector: ', selector); targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); return; // Exit once we've found and scrolled to a product element } } console.log('No product selectors found, trying main content'); // Final fallback: if no product section is found, try scrolling to the main content area targetElement = document.querySelector('main') || document.querySelector('#MainContent'); if (targetElement) { console.log('Scrolling to main content: ', targetElement); targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); } else { console.log('No scrollable element found'); } } } catch (err) { console.error('Error in scroll button click handler:', err); } }); }); } catch (err) { console.error('Error initializing scroll to product functionality:', err); } } // Enhanced Accordion functionality with debugging function initAccordions() { console.log('Initializing accordions...'); const accordionContainers = document.querySelectorAll('#image-text-section-template--27789387759981__image_with_text_WYEYpp .accordion-items-wrapper'); console.log('Found', accordionContainers.length, 'accordion containers'); if (accordionContainers.length === 0) { console.log('No accordion containers found'); return; } accordionContainers.forEach((container, containerIndex) => { console.log(`Processing container ${containerIndex + 1}`); const accordionItems = container.querySelectorAll('.accordion-item'); const accordionMode = container.getAttribute('data-accordion-mode') === 'true'; console.log(`Container ${containerIndex + 1} has ${accordionItems.length} items, accordion mode: ${accordionMode}`); accordionItems.forEach((item, itemIndex) => { const header = item.querySelector('.accordion-header'); const content = item.querySelector('.accordion-content'); if (!header) { console.log(`No header found for item ${itemIndex + 1}`); return; } if (!content) { console.log(`No content found for item ${itemIndex + 1}`); return; } // Skip if already initialized if (header.hasAttribute('data-accordion-initialized')) { console.log(`Item ${itemIndex + 1} already initialized, skipping`); return; } console.log(`Setting up click handler for item ${itemIndex + 1}`); // Create the click handler function const clickHandler = function(e) { console.log(`Accordion item ${itemIndex + 1} clicked!`); e.preventDefault(); e.stopPropagation(); const isActive = item.classList.contains('active'); console.log(`Item ${itemIndex + 1} is currently ${isActive ? 'active' : 'inactive'}`); // If in accordion mode, close all other items if (accordionMode && !isActive) { console.log('Accordion mode: closing other items'); accordionItems.forEach((otherItem, otherIndex) => { if (otherItem !== item && otherItem.classList.contains('active')) { console.log(`Closing item ${otherIndex + 1}`); otherItem.classList.remove('active'); } }); } // Toggle the current item if (isActive) { console.log(`Closing item ${itemIndex + 1}`); item.classList.remove('active'); } else { console.log(`Opening item ${itemIndex + 1}`); item.classList.add('active'); } // Trigger custom event for tracking/analytics try { container.dispatchEvent(new CustomEvent('accordion:toggle', { detail: { item: item, isOpen: !isActive, text: header.querySelector('.accordion-header-text')?.textContent } })); } catch (err) { console.error('Error dispatching accordion event:', err); } }; // Add the click listener header.addEventListener('click', clickHandler); // Store the handler reference for potential cleanup header._accordionClickHandler = clickHandler; // Mark as initialized header.setAttribute('data-accordion-initialized', 'true'); // Add visual feedback on hover header.style.cursor = 'pointer'; // Add keyboard support const keyHandler = function(e) { if (e.key === 'Enter' || e.key === ' ') { console.log(`Keyboard trigger for item ${itemIndex + 1}`); e.preventDefault(); clickHandler(e); } }; header.addEventListener('keydown', keyHandler); header._accordionKeyHandler = keyHandler; // Make header focusable for accessibility if (!header.hasAttribute('tabindex')) { header.setAttribute('tabindex', '0'); } console.log(`Item ${itemIndex + 1} setup complete`); }); }); console.log('Accordion initialization complete'); } // Function to manually test accordion (for debugging) function testAccordion() { console.log('Testing accordion functionality...'); const firstItem = document.querySelector('#image-text-section-template--27789387759981__image_with_text_WYEYpp .accordion-item'); if (firstItem) { console.log('Found first accordion item, toggling...'); firstItem.classList.toggle('active'); console.log('First item is now:', firstItem.classList.contains('active') ? 'active' : 'inactive'); return true; } else { console.log('No accordion items found for testing'); return false; } } // Initialize immediately if DOM is already ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { console.log('DOM Content Loaded - initializing components'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); }); } else { // DOM is already ready console.log('DOM already ready - initializing components immediately'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); } // Also run on window load to ensure all elements are fully loaded window.addEventListener('load', function() { console.log('Window loaded - re-initializing components'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); }); // Additional initialization for dynamic content document.addEventListener('shopify:section:load', function() { console.log('Shopify section loaded - initializing components'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); }); // Backup initialization using setTimeout setTimeout(function() { console.log('Backup initialization running...'); if (document.querySelector('#image-text-section-template--27789387759981__image_with_text_WYEYpp .accordion-items-wrapper') && !document.querySelector('#image-text-section-template--27789387759981__image_with_text_WYEYpp .accordion-header[data-accordion-initialized]')) { console.log('Found uninitialized accordions, running backup init'); initAccordions(); } }, 2000); // Make functions globally available for debugging window.debugAccordion = { init: initAccordions, test: testAccordion, toggle: function(index) { const items = document.querySelectorAll('#image-text-section-template--27789387759981__image_with_text_WYEYpp .accordion-item'); if (items[index]) { items[index].classList.toggle('active'); console.log(`Manually toggled item ${index + 1}`); } } }; // Final fallback: try to initialize immediately try { console.log('Immediate initialization attempt...'); initImageTextScrollToFirst(); initScrollToProduct(); initAccordions(); } catch (err) { console.error('Immediate initialization failed:', err); }

Why Choose Us?

4 Problems We're Solving for Our Customers

Fit

Relaxed shape for effortless comfort.

Flowy wide leg shape
Comfortable stretch waistband
Easy everyday movement

Comfort

Soft ribbed fabric for all-day wear.

Breathable knit texture
Lightweight breathability
Lounge-worthy softness

Value

Matching set with an elevated look.

Sleeveless tank
Clean silhouette
Easy styling

Versatility

Made for everyday occasions.

Travel-ready design
Casual wear
Dress up or down

OUR CUSTOMERS TELL IT BETTER THAN WE DO!

4.9/5 based on 25,695 verified reviews

Perfect outfit

“This is perfect! It looks great as is or with an oversized jacket/sweater, I’ve worn it with sandals, sneakers, flats looks good with each on and it’s super comfortable.”

Hannah A. Verified customer

Versatile and comfortable

"I was concerned that I might not like the ribbed fabric. But when I put it on, I found that the fabric really elevates the look."

Jodie M. Verified customer

Super cute and comfy

"It's comfortable and cute. For a short girlie like me (5'1) the length is perfect with some dad sneakers or Ugg boots, otherwise it might be a little long if not worn with more high-heeled shoes."

Tracey L. Verified customer

I Like This Outfit

"Great quality and fit! This outfit will be perfect for spring/summer. Great product, though! I will order a different color for my next purchase."

Joann W. Verified customer

Cute little set

"This set is so cute. It’s light weight and more suitable for spring/early fall, in my opinion. It’s a ribbed material and quite soft. I’m 5’6 and weigh about 140lbs. I would say I have more of a curvy figure and the size medium fits me perfectly."

Brianna H. Verified customer

Perfect fit

"This set is SO comfortable!! Its completely different than anything I usually wear. Its light, its flowy, it fits amazingly! I feel so confident in this outfit! Highly recommend."

Angeline D. Verified customer

Great Quality

"Amazing “slick” fabric with breathable material that looks clean and put together. It’s a cool fabric. I love the look. Very put together for a casual outfit."

Kristen D. Verified customer

My travel or anytime outfit

"Super cute and comfy. I ordered a small. 5’4 120 lbs and it fits just right. It’s a little long but it’s great still"

Abigail H. Verified customer

30-Day Money Back Guarantee

We stand behind our product with a full 30-day money-back guarantee. If you're not completely satisfied for any reason, simply contact us within 30 days of your purchase, and we'll issue a full refund — no questions asked.

ADD TO CART

100% Satisfaction

Fast Shipping

Easy Returns

30-Day Money Back Guarantee

ADD TO CART

100% Satisfaction

Fast Shipping

Easy Returns

// Most common first section patterns 'main section:first-of-type', '.main-content section:first-of-type', '.page-content section:first-of-type', // Shopify section patterns '.shopify-section:not([data-section-type="header"]):not([data-section-type="announcement-bar"])', 'section.shopify-section:not([data-section-type="header"])', // General section patterns 'main > *:first-child', '.content section:first-of-type', 'section:not(header):not([role="banner"])', // Fallback to any section 'section:first-of-type', '[data-section-type]:not([data-section-type="header"])', // Last resort - any content element 'main > div:first-child', '.main > *:first-child' ]; let targetElement = null; let usedSelector = ''; for (let selector of selectors) { try { const elements = document.querySelectorAll(selector); if (elements.length > 0) { // Get the first element that's not a header/nav for (let element of elements) { const tagName = element.tagName.toLowerCase(); const sectionType = element.getAttribute('data-section-type'); // Skip header/navigation elements if (tagName === 'header' || tagName === 'nav' || sectionType === 'header' || sectionType === 'announcement-bar' || element.getAttribute('role') === 'banner') { continue; } targetElement = element; usedSelector = selector; break; } if (targetElement) { console.log(`✅ Found first section with selector: ${selector}`); break; } } } catch (e) { // Skip invalid selectors continue; } } if (targetElement) { // Calculate offset for fixed headers const headerHeight = document.querySelector('header')?.offsetHeight || 0; const stickyHeader = document.querySelector('.sticky-header, .header-sticky, [style*="position: fixed"]')?.offsetHeight || 0; const adminBarHeight = document.querySelector('#admin_bar_iframe, .admin-bar')?.offsetHeight || 0; const announcementBar = document.querySelector('.announcement-bar, .promo-bar')?.offsetHeight || 0; const offset = Math.max(headerHeight, stickyHeader) + adminBarHeight + announcementBar + 20; const elementPosition = targetElement.offsetTop; const offsetPosition = elementPosition - offset; window.scrollTo({ top: Math.max(0, offsetPosition), behavior: 'smooth' }); console.log(`✅ Scrolled to first section using selector: ${usedSelector}`); // Optional: Add visual highlight to show successful targeting targetElement.style.transition = 'all 0.3s ease'; targetElement.style.transform = 'scale(1.01)'; setTimeout(() => { targetElement.style.transform = 'scale(1)'; }, 300); } else { console.warn('❌ Could not find any suitable first section to scroll to'); console.log('🔍 Available sections on page:'); // Debug: Show available sections const allSections = document.querySelectorAll('section, .shopify-section, main > *, .main > *'); allSections.forEach((section, index) => { const tagName = section.tagName.toLowerCase(); const id = section.id || 'no-id'; const sectionType = section.getAttribute('data-section-type') || 'no-section-type'; const className = section.className || 'no-class'; console.log(` ${index + 1}. <${tagName}> id="${id}" data-section-type="${sectionType}" class="${className}"`); }); } }); }); });

Your cart is empty

Your cart0

30 Day Money Back Guarantee

Ribbed Knit Crew Neck Sleeveless Cropped Top & Wide Leg Pants Lounge Set

Loved by 150k+ people

Crafted for Effortless Styling

Fit & Features

Comfort & Design

Why Choose Us?

Fit

Comfort

Value

Versatility

OUR CUSTOMERS TELL IT BETTER THAN WE DO!

Perfect outfit

Versatile and comfortable

Super cute and comfy

I Like This Outfit

Cute little set

Perfect fit

Great Quality

My travel or anytime outfit

30-Day Money Back Guarantee

30-Day Money Back Guarantee

Country/region