1<!doctype html> 2<html 3 4 lang="en" 5> 6 <head> 7 8 9
9<script type='text/javascript'>var easylockdownLocationDisabled = true;</script>
9
9<script type='text/javascript'> window.easyLockdownLoginMode = 'new_customer_accounts'; var isShopifyPreviewHost = window.location.hostname.indexOf('shopifypreview.com') !== -1; if( isShopifyPreviewHost ) { window.easyLockdownLoginMode = 'classic'; } </script>
9
9<script type='text/javascript' src='//www.coastalcashmere.com/apps/easylockdown/easylockdown-1.0.8.min.js?v=202609280020' data-no-instant></script>
9
9<script type='text/javascript'>document.addEventListener('easylockdown_loaded', function() { if(typeof InstantClick == 'object') easylockdown.clearData(); }, {once: true});</script>
9
9<script type='text/javascript'>(function() { function tryFallback() { if(typeof easylockdown == 'object' && typeof easylockdown.onLoaded != 'function') { var event = document.createEvent('Event'); event.initEvent('easylockdown_loaded', true, true); document.dispatchEvent(event); return true; } return typeof easylockdown == 'object'; } function onReady() { if(!tryFallback()) { var attempts = 0; var interval = setInterval(function() { if(tryFallback() || ++attempts >= 10) clearInterval(interval); }, 100); } } if(document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', onReady, {once: true}); } else { onReady(); } })();</script>
9 <style type="text/css" id="easylockdown-plugin-style">#easylockdown-password-form{padding:30px 0;text-align:center}#easylockdown-wrapper,.easylockdown-form-holder{display:inline-block}#easylockdown-password{vertical-align:top;margin-bottom:16px;padding:8px 15px;line-height:1.2em;outline:0;box-shadow:none}#easylockdown-password-error{display:none;color:#fb8077;text-align:left}#easylockdown-password-error.easylockdown-error{border:1px solid #fb8077}#easylockdown-password-form-button:not(.easylockdown-native-styles){vertical-align:top;display:inline-block!important;height:auto!important;padding:8px 15px;background:#777;border-radius:3px;color:#fff!important;line-height:1.2em;text-decoration:none!important}.easylockdown-instantclick-fix,.easylockdown-item-selector{position:absolute;z-index:-999;display:none;height:0;width:0;font-size:0;line-height:0}.easylockdown-collection-item[data-eld-loc-can],.easylockdown-item-selector+*,.easylockdown-item[data-eld-loc-can]{display:none}.easylockdown404-content-container{padding:50px;text-align:center}.easylockdown404-title-holder .easylockdown-title-404{display:block;margin:0 0 1rem;font-size:2rem;line-height:2.5rem}</style> 10 11 12 13 14 15 16
17<script type='text/javascript'> if(typeof easylockdown == 'object') { easylockdown.hideLinks.push('*[href$="/collections/wholesale-fun-one-bag-of-3"],*[data-eld-collection-handle="wholesale-fun-one-bag-of-3"],*[href$="/collections/wholesale-fun-size-bundle-bag-of-3"],*[data-eld-collection-handle="wholesale-fun-size-bundle-bag-of-3"],*[href$="/collections/wholesale-knit-samples"],*[data-eld-collection-handle="wholesale-knit-samples"],*[href$="/collections/wholesale-skeins"],*[data-eld-collection-handle="wholesale-skeins"],*[href$="/collections/wholesale-skeins-bag-of-5"],*[data-eld-collection-handle="wholesale-skeins-bag-of-5"],*[href$="/products/cape-cod-wholesale-bag-of-5"],*[href*="/products/cape-cod-wholesale-bag-of-5/"],*[href*="/products/cape-cod-wholesale-bag-of-5?"],*[href*="/products/cape-cod-wholesale-bag-of-5#"],*[data-eld-product-handle="cape-cod-wholesale-bag-of-5"],*[href$="/products/cotton-candy-wholesale-bag-of-5"],*[href*="/products/cotton-candy-wholesale-bag-of-5/"],*[href*="/products/cotton-candy-wholesale-bag-of-5?"],*[href*="/products/cotton-candy-wholesale-bag-of-5#"],*[data-eld-product-handle="cotton-candy-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-flamingo-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-flamingo-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-flamingo-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-flamingo-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-flamingo-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-foghorn-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-foghorn-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-foghorn-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-foghorn-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-foghorn-wholesale-bag-of-5"],*[href$="/products/wholesale-kit-ashes-black"],*[href*="/products/wholesale-kit-ashes-black/"],*[href*="/products/wholesale-kit-ashes-black?"],*[href*="/products/wholesale-kit-ashes-black#"],*[data-eld-product-handle="wholesale-kit-ashes-black"],*[href$="/products/wholesale-kit-beach-picnic-sand-dollar"],*[href*="/products/wholesale-kit-beach-picnic-sand-dollar/"],*[href*="/products/wholesale-kit-beach-picnic-sand-dollar?"],*[href*="/products/wholesale-kit-beach-picnic-sand-dollar#"],*[data-eld-product-handle="wholesale-kit-beach-picnic-sand-dollar"],*[href$="/products/wholesale-kit-boardwalk-sand-dollar"],*[href*="/products/wholesale-kit-boardwalk-sand-dollar/"],*[href*="/products/wholesale-kit-boardwalk-sand-dollar?"],*[href*="/products/wholesale-kit-boardwalk-sand-dollar#"],*[data-eld-product-handle="wholesale-kit-boardwalk-sand-dollar"],*[href$="/products/wholesale-kit-beach-house-sand-dollar"],*[href*="/products/wholesale-kit-beach-house-sand-dollar/"],*[href*="/products/wholesale-kit-beach-house-sand-dollar?"],*[href*="/products/wholesale-kit-beach-house-sand-dollar#"],*[data-eld-product-handle="wholesale-kit-beach-house-sand-dollar"],*[href$="/products/kit-bold-rainbow-pnw-wholesale"],*[href*="/products/kit-bold-rainbow-pnw-wholesale/"],*[href*="/products/kit-bold-rainbow-pnw-wholesale?"],*[href*="/products/kit-bold-rainbow-pnw-wholesale#"],*[data-eld-product-handle="kit-bold-rainbow-pnw-wholesale"],*[href$="/products/wholesale-kit-ferry-ride-sand-dollar"],*[href*="/products/wholesale-kit-ferry-ride-sand-dollar/"],*[href*="/products/wholesale-kit-ferry-ride-sand-dollar?"],*[href*="/products/wholesale-kit-ferry-ride-sand-dollar#"],*[data-eld-product-handle="wholesale-kit-ferry-ride-sand-dollar"],*[href$="/products/wholesale-kit-seaside-sand-dollar"],*[href*="/products/wholesale-kit-seaside-sand-dollar/"],*[href*="/products/wholesale-kit-seaside-sand-dollar?"],*[href*="/products/wholesale-kit-seaside-sand-dollar#"],*[data-eld-product-handle="wholesale-kit-seaside-sand-dollar"],*[href$="/products/wholesale-kit-soft-rainbow-peacoat"],*[href*="/products/wholesale-kit-soft-rainbow-peacoat/"],*[href*="/products/wholesale-kit-soft-rainbow-peacoat?"],*[href*="/products/wholesale-kit-soft-rainbow-peacoat#"],*[data-eld-product-handle="wholesale-kit-soft-rainbow-peacoat"],*[href$="/products/wholesale-kit-sweet-shop-sand-dollar"],*[href*="/products/wholesale-kit-sweet-shop-sand-dollar/"],*[href*="/products/wholesale-kit-sweet-shop-sand-dollar?"],*[href*="/products/wholesale-kit-sweet-shop-sand-dollar#"],*[data-eld-product-handle="wholesale-kit-sweet-shop-sand-dollar"],*[href$="/products/fun-size-bundle-beach-blanket-bag-of-3"],*[href*="/products/fun-size-bundle-beach-blanket-bag-of-3/"],*[href*="/products/fun-size-bundle-beach-blanket-bag-of-3?"],*[href*="/products/fun-size-bundle-beach-blanket-bag-of-3#"],*[data-eld-product-handle="fun-size-bundle-beach-blanket-bag-of-3"],*[href$="/products/fun-size-bundle-classic-rainbow-bag-of-3"],*[href*="/products/fun-size-bundle-classic-rainbow-bag-of-3/"],*[href*="/products/fun-size-bundle-classic-rainbow-bag-of-3?"],*[href*="/products/fun-size-bundle-classic-rainbow-bag-of-3#"],*[data-eld-product-handle="fun-size-bundle-classic-rainbow-bag-of-3"],*[href$="/products/fun-size-bundle-cliff-top-bag-of-3"],*[href*="/products/fun-size-bundle-cliff-top-bag-of-3/"],*[href*="/products/fun-size-bundle-cliff-top-bag-of-3?"],*[href*="/products/fun-size-bundle-cliff-top-bag-of-3#"],*[data-eld-product-handle="fun-size-bundle-cliff-top-bag-of-3"],*[href$="/products/fun-size-bundle-cotton-candy-bag-of-3"],*[href*="/products/fun-size-bundle-cotton-candy-bag-of-3/"],*[href*="/products/fun-size-bundle-cotton-candy-bag-of-3?"],*[href*="/products/fun-size-bundle-cotton-candy-bag-of-3#"],*[data-eld-product-handle="fun-size-bundle-cotton-candy-bag-of-3"],*[href$="/products/fun-size-bundle-favorite-sweater-bag-of-3"],*[href*="/products/fun-size-bundle-favorite-sweater-bag-of-3/"],*[href*="/products/fun-size-bundle-favorite-sweater-bag-of-3?"],*[href*="/products/fun-size-bundle-favorite-sweater-bag-of-3#"],*[data-eld-product-handle="fun-size-bundle-favorite-sweater-bag-of-3"],*[href$="/products/coastal-cashmere-fsb-soft-rainbow-bag-of-3"],*[href*="/products/coastal-cashmere-fsb-soft-rainbow-bag-of-3/"],*[href*="/products/coastal-cashmere-fsb-soft-rainbow-bag-of-3?"],*[href*="/products/coastal-cashmere-fsb-soft-rainbow-bag-of-3#"],*[data-eld-product-handle="coastal-cashmere-fsb-soft-rainbow-bag-of-3"],*[href$="/products/coastal-cashmere-fsb-ashes-bundle"],*[href*="/products/coastal-cashmere-fsb-ashes-bundle/"],*[href*="/products/coastal-cashmere-fsb-ashes-bundle?"],*[href*="/products/coastal-cashmere-fsb-ashes-bundle#"],*[data-eld-product-handle="coastal-cashmere-fsb-ashes-bundle"],*[href$="/products/coastal-cashmere-fsb-beach-picnic-bag-of-3"],*[href*="/products/coastal-cashmere-fsb-beach-picnic-bag-of-3/"],*[href*="/products/coastal-cashmere-fsb-beach-picnic-bag-of-3?"],*[href*="/products/coastal-cashmere-fsb-beach-picnic-bag-of-3#"],*[data-eld-product-handle="coastal-cashmere-fsb-beach-picnic-bag-of-3"],*[href$="/products/coastal-cashmere-fsb-boardwalk-bag-of-3"],*[href*="/products/coastal-cashmere-fsb-boardwalk-bag-of-3/"],*[href*="/products/coastal-cashmere-fsb-boardwalk-bag-of-3?"],*[href*="/products/coastal-cashmere-fsb-boardwalk-bag-of-3#"],*[data-eld-product-handle="coastal-cashmere-fsb-boardwalk-bag-of-3"],*[href$="/products/coastal-cashmere-fsb-boat-house-bundle"],*[href*="/products/coastal-cashmere-fsb-boat-house-bundle/"],*[href*="/products/coastal-cashmere-fsb-boat-house-bundle?"],*[href*="/products/coastal-cashmere-fsb-boat-house-bundle#"],*[data-eld-product-handle="coastal-cashmere-fsb-boat-house-bundle"],*[href$="/products/coastal-cashmere-fsb-bold-rainbow-bag-of-3"],*[href*="/products/coastal-cashmere-fsb-bold-rainbow-bag-of-3/"],*[href*="/products/coastal-cashmere-fsb-bold-rainbow-bag-of-3?"],*[href*="/products/coastal-cashmere-fsb-bold-rainbow-bag-of-3#"],*[data-eld-product-handle="coastal-cashmere-fsb-bold-rainbow-bag-of-3"],*[href$="/products/coastal-cashmere-fsb-ferry-ride-bag-of-3"],*[href*="/products/coastal-cashmere-fsb-ferry-ride-bag-of-3/"],*[href*="/products/coastal-cashmere-fsb-ferry-ride-bag-of-3?"],*[href*="/products/coastal-cashmere-fsb-ferry-ride-bag-of-3#"],*[data-eld-product-handle="coastal-cashmere-fsb-ferry-ride-bag-of-3"],*[href$="/products/coastal-cashmere-fsb-peaches-cream-bundle"],*[href*="/products/coastal-cashmere-fsb-peaches-cream-bundle/"],*[href*="/products/coastal-cashmere-fsb-peaches-cream-bundle?"],*[href*="/products/coastal-cashmere-fsb-peaches-cream-bundle#"],*[data-eld-product-handle="coastal-cashmere-fsb-peaches-cream-bundle"],*[href$="/products/coastal-cashmere-fsb-sailor-bundle"],*[href*="/products/coastal-cashmere-fsb-sailor-bundle/"],*[href*="/products/coastal-cashmere-fsb-sailor-bundle?"],*[href*="/products/coastal-cashmere-fsb-sailor-bundle#"],*[data-eld-product-handle="coastal-cashmere-fsb-sailor-bundle"],*[href$="/products/coastal-cashmere-fsb-san-juan-island-bag-of-3"],*[href*="/products/coastal-cashmere-fsb-san-juan-island-bag-of-3/"],*[href*="/products/coastal-cashmere-fsb-san-juan-island-bag-of-3?"],*[href*="/products/coastal-cashmere-fsb-san-juan-island-bag-of-3#"],*[data-eld-product-handle="coastal-cashmere-fsb-san-juan-island-bag-of-3"],*[href$="/products/coastal-cashmere-fsb-seaside-bundle"],*[href*="/products/coastal-cashmere-fsb-seaside-bundle/"],*[href*="/products/coastal-cashmere-fsb-seaside-bundle?"],*[href*="/products/coastal-cashmere-fsb-seaside-bundle#"],*[data-eld-product-handle="coastal-cashmere-fsb-seaside-bundle"],*[href$="/products/fun-size-bundle-secret-garden-bag-of-3"],*[href*="/products/fun-size-bundle-secret-garden-bag-of-3/"],*[href*="/products/fun-size-bundle-secret-garden-bag-of-3?"],*[href*="/products/fun-size-bundle-secret-garden-bag-of-3#"],*[data-eld-product-handle="fun-size-bundle-secret-garden-bag-of-3"],*[href$="/products/coastal-cashmere-fsb-sweet-shop-bag-of-3"],*[href*="/products/coastal-cashmere-fsb-sweet-shop-bag-of-3/"],*[href*="/products/coastal-cashmere-fsb-sweet-shop-bag-of-3?"],*[href*="/products/coastal-cashmere-fsb-sweet-shop-bag-of-3#"],*[data-eld-product-handle="coastal-cashmere-fsb-sweet-shop-bag-of-3"],*[href$="/products/coastal-cashmere-yarn-golden-hour-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-golden-hour-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-golden-hour-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-golden-hour-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-golden-hour-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-good-morning-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-good-morning-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-good-morning-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-good-morning-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-good-morning-wholesale-bag-of-5"],*[href$="/products/holiday-red-wholesale-bag-of-5"],*[href*="/products/holiday-red-wholesale-bag-of-5/"],*[href*="/products/holiday-red-wholesale-bag-of-5?"],*[href*="/products/holiday-red-wholesale-bag-of-5#"],*[data-eld-product-handle="holiday-red-wholesale-bag-of-5"],*[href$="/products/kit-beach-picnic-sand-dollar-wholesale-copy"],*[href*="/products/kit-beach-picnic-sand-dollar-wholesale-copy/"],*[href*="/products/kit-beach-picnic-sand-dollar-wholesale-copy?"],*[href*="/products/kit-beach-picnic-sand-dollar-wholesale-copy#"],*[data-eld-product-handle="kit-beach-picnic-sand-dollar-wholesale-copy"],*[href$="/products/lichen-wholesale-bag-of-5"],*[href*="/products/lichen-wholesale-bag-of-5/"],*[href*="/products/lichen-wholesale-bag-of-5?"],*[href*="/products/lichen-wholesale-bag-of-5#"],*[data-eld-product-handle="lichen-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-mauve-wholesale-bundle"],*[href*="/products/coastal-cashmere-yarn-mauve-wholesale-bundle/"],*[href*="/products/coastal-cashmere-yarn-mauve-wholesale-bundle?"],*[href*="/products/coastal-cashmere-yarn-mauve-wholesale-bundle#"],*[data-eld-product-handle="coastal-cashmere-yarn-mauve-wholesale-bundle"],*[href$="/products/coastal-cashmere-yarn-meditative-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-meditative-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-meditative-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-meditative-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-meditative-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-misty-morning-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-misty-morning-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-misty-morning-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-misty-morning-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-misty-morning-wholesale-bag-of-5"],*[href$="/products/mojito-wholesale-bag-of-5"],*[href*="/products/mojito-wholesale-bag-of-5/"],*[href*="/products/mojito-wholesale-bag-of-5?"],*[href*="/products/mojito-wholesale-bag-of-5#"],*[data-eld-product-handle="mojito-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-peach-bellini-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-peach-bellini-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-peach-bellini-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-peach-bellini-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-peach-bellini-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-peacoat-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-peacoat-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-peacoat-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-peacoat-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-peacoat-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-picnic-basket-wholesale-bundle"],*[href*="/products/coastal-cashmere-yarn-picnic-basket-wholesale-bundle/"],*[href*="/products/coastal-cashmere-yarn-picnic-basket-wholesale-bundle?"],*[href*="/products/coastal-cashmere-yarn-picnic-basket-wholesale-bundle#"],*[data-eld-product-handle="coastal-cashmere-yarn-picnic-basket-wholesale-bundle"],*[href$="/products/coastal-cashmere-yarn-pink-sane-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-pink-sane-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-pink-sane-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-pink-sane-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-pink-sane-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-pnw-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-pnw-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-pnw-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-pnw-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-pnw-wholesale-bag-of-5"],*[href$="/products/poppy-wholesale-bag-of-5"],*[href*="/products/poppy-wholesale-bag-of-5/"],*[href*="/products/poppy-wholesale-bag-of-5?"],*[href*="/products/poppy-wholesale-bag-of-5#"],*[data-eld-product-handle="poppy-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-rainy-day-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-rainy-day-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-rainy-day-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-rainy-day-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-rainy-day-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-rosy-cheeks-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-rosy-cheeks-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-rosy-cheeks-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-rosy-cheeks-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-rosy-cheeks-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-rust-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-rust-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-rust-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-rust-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-rust-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-sand-doll
17ar-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-sand-dollar-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-sand-dollar-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-sand-dollar-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-sand-dollar-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-seaglass-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-seaglass-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-seaglass-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-seaglass-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-seaglass-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-shell-pink-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-shell-pink-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-shell-pink-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-shell-pink-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-shell-pink-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-starfish-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-starfish-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-starfish-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-starfish-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-starfish-wholesale-bag-of-5"],*[href$="/products/sunbeam-wholesale-bag-of-5"],*[href*="/products/sunbeam-wholesale-bag-of-5/"],*[href*="/products/sunbeam-wholesale-bag-of-5?"],*[href*="/products/sunbeam-wholesale-bag-of-5#"],*[data-eld-product-handle="sunbeam-wholesale-bag-of-5"],*[href$="/products/sweet-pea-wholesale-bag-of-5"],*[href*="/products/sweet-pea-wholesale-bag-of-5/"],*[href*="/products/sweet-pea-wholesale-bag-of-5?"],*[href*="/products/sweet-pea-wholesale-bag-of-5#"],*[data-eld-product-handle="sweet-pea-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-sand-dollar-wholesale-bag-of-5-copy"],*[href*="/products/coastal-cashmere-yarn-sand-dollar-wholesale-bag-of-5-copy/"],*[href*="/products/coastal-cashmere-yarn-sand-dollar-wholesale-bag-of-5-copy?"],*[href*="/products/coastal-cashmere-yarn-sand-dollar-wholesale-bag-of-5-copy#"],*[data-eld-product-handle="coastal-cashmere-yarn-sand-dollar-wholesale-bag-of-5-copy"],*[href$="/products/coastal-cashmere-yarn-valencia-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-valencia-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-valencia-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-valencia-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-valencia-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-black-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-black-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-black-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-black-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-black-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-clear-skies-wholesale-bundle"],*[href*="/products/coastal-cashmere-yarn-clear-skies-wholesale-bundle/"],*[href*="/products/coastal-cashmere-yarn-clear-skies-wholesale-bundle?"],*[href*="/products/coastal-cashmere-yarn-clear-skies-wholesale-bundle#"],*[data-eld-product-handle="coastal-cashmere-yarn-clear-skies-wholesale-bundle"],*[href$="/products/coastal-cashmere-yarn-clown-fish-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-clown-fish-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-clown-fish-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-clown-fish-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-clown-fish-wholesale-bag-of-5"],*[href$="/products/coastal-cashmere-yarn-arbor-wholesale-bag-of-5"],*[href*="/products/coastal-cashmere-yarn-arbor-wholesale-bag-of-5/"],*[href*="/products/coastal-cashmere-yarn-arbor-wholesale-bag-of-5?"],*[href*="/products/coastal-cashmere-yarn-arbor-wholesale-bag-of-5#"],*[data-eld-product-handle="coastal-cashmere-yarn-arbor-wholesale-bag-of-5"]');}</script>
17 18 19 20 21 22
23<script type='text/javascript'> 24 document.addEventListener('easylockdown_loaded', function() { 25 easylockdown.localeRootUrl = ''; 26 easylockdown.routerByLocation(); 27 28 easylockdown.onReady(function(e){ 29 setTimeout(function() { 30 easylockdown.hideAllLinks(); 31 }, 0); 32 }); 33 }, {once: true}); 34</script>
34 35 36
36<script> 37 (function(w, d, t, h, s, n) { 38 w.FlodeskObject = n; 39 var fn = function() { 40 (w[n].q = w[n].q || []).push(arguments); 41 }; 42 w[n] = w[n] || fn; 43 var f = d.getElementsByTagName(t)[0]; 44 var v = '?v=' + Math.floor(new Date().getTime() / (120 * 1000)) * 60; 45 var sm = d.createElement(t); 46 sm.async = true; 47 sm.type = 'module'; 48 sm.src = h + s + '.mjs' + v; 49 f.parentNode.insertBefore(sm, f); 50 var sn = d.createElement(t); 51 sn.async = true; 52 sn.noModule = true; 53 sn.src = h + s + '.js' + v; 54 f.parentNode.insertBefore(sn, f); 55 })(window, document, 'script', 'https://assets.flodesk.com', '/universal', 'fd'); 56</script>
56<link 57 rel="icon" 58 type="image/png" 59 href="//www.coastalcashmere.com/cdn/shop/files/favicon.png?crop=center&height=32&v=1784605569&width=32" 60 > 61 62 <link 63 rel="expect" 64 href="#MainContent" 65 blocking="render" 66 id="view-transition-render-blocker" 67 > 68 69<meta charset="utf-8"> 70<meta 71 http-equiv="X-UA-Compatible" 72 content="IE=edge" 73> 74<meta 75 name="viewport" 76 content="width=device-width,initial-scale=1" 77> 78<meta 79 name="view-transition" 80 content="same-origin" 81> 82<meta 83 name="theme-color" 84 content="" 85> 86 87<meta 88 property="og:site_name" 89 content="Coastal Cashmere" 90> 91<meta 92 property="og:url" 93 content="https://www.coastalcashmere.com/collections/skeins" 94> 95<meta 96 property="og:title" 97 content="Skeins" 98> 99<meta 100 property="og:type" 101 content="website" 102> 103<meta 104 property="og:description" 105 content="Sport weight 245 yards / 50 grams. " 106><meta 107 property="og:image" 108 content="http://www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929" 109 > 110 <meta 111 property="og:image:secure_url" 112 content="https://www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929" 113 > 114 <meta 115 property="og:image:width" 116 content="1800" 117 > 118 <meta 119 property="og:image:height" 120 content="1800" 121 ><meta 122 name="twitter:card" 123 content="summary_large_image" 124> 125<meta 126 name="twitter:title" 127 content="Skeins" 128> 129<meta 130 name="twitter:description" 131 content="Sport weight 245 yards / 50 grams. " 132> 133 134<title> 135 Skeins 136 – Coastal Cashmere</title> 137 138<link 139 rel="canonical" 140 href="https://www.coastalcashmere.com/collections/skeins" 141> 142 143 144 <meta 145 name="description" 146 content="Sport weight 245 yards / 50 grams. " 147 > 148 149<link href="//www.coastalcashmere.com/cdn/shop/t/3/assets/overflow-list.css?v=13500019909476584571773688148" as="style" rel="preload"> 150<link href="//www.coastalcashmere.com/cdn/shop/t/3/assets/base.css?v=65631843694017958881790021832" rel="stylesheet" type="text/css" media="all" /> 151 152<link 153 rel="preload" 154 as="font" 155 href="//www.coastalcashmere.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" 156 type="font/woff2" 157 crossorigin 158 fetchpriority="low" 159 ><link 160 rel="preload" 161 as="font" 162 href="//www.coastalcashmere.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" 163 type="font/woff2" 164 crossorigin 165 fetchpriority="low" 166 ><link 167 rel="preload" 168 as="font" 169 href="//www.coastalcashmere.com/cdn/fonts/baskervville/baskervville_n4.6b0d1f33845dccb0601e970c218adacec89de866.woff2" 170 type="font/woff2" 171 crossorigin 172 fetchpriority="low" 173 ><link 174 rel="preload" 175 as="font" 176 href="//www.coastalcashmere.com/cdn/fonts/red_hat_text/redhattext_n4.f45549d853e5e3e2907f21be9aecf95e1eaa7516.woff2" 177 type="font/woff2" 178 crossorigin 179 fetchpriority="low" 180 >
181<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 181
181
182<script type="importmap"> 183 { 184 "imports": { 185 "@theme/overflow-list": "//www.coastalcashmere.com/cdn/shop/t/3/assets/overflow-list.js?v=46858356770684902511773688148", 186 "@theme/product-title": "//www.coastalcashmere.com/cdn/shop/t/3/assets/product-title-truncation.js?v=81744426891537421781773688148", 187 "@theme/component": "//www.coastalcashmere.com/cdn/shop/t/3/assets/component.js?v=184240237101443119871773688148", 188 "@theme/dialog": "//www.coastalcashmere.com/cdn/shop/t/3/assets/dialog.js?v=150888536568694194021773688148", 189 "@theme/events": "//www.coastalcashmere.com/cdn/shop/t/3/assets/events.js?v=1118589085892804011773688148", 190 "@theme/focus": "//www.coastalcashmere.com/cdn/shop/t/3/assets/focus.js?v=60436577539430446401773688148", 191 "@theme/morph": "//www.coastalcashmere.com/cdn/shop/t/3/assets/morph.js?v=102085577784545683451773688148", 192 "@theme/paginated-list": "//www.coastalcashmere.com/cdn/shop/t/3/assets/paginated-list.js?v=95298315036233333871773688148", 193 "@theme/performance": "//www.coastalcashmere.com/cdn/shop/t/3/assets/performance.js?v=171015751390534793081773688148", 194 "@theme/product-form": "//www.coastalcashmere.com/cdn/shop/t/3/assets/product-form.js?v=87407172394809519131773688148", 195 "@theme/recently-viewed-products": "//www.coastalcashmere.com/cdn/shop/t/3/assets/recently-viewed-products.js?v=94729125001750262651773688148", 196 "@theme/scrolling": "//www.coastalcashmere.com/cdn/shop/t/3/assets/scrolling.js?v=162288454571026455011773688148", 197 "@theme/section-renderer": "//www.coastalcashmere.com/cdn/shop/t/3/assets/section-renderer.js?v=152586934315572818121773688148", 198 "@theme/section-hydration": "//www.coastalcashmere.com/cdn/shop/t/3/assets/section-hydration.js?v=108434990705342316311773688148", 199 "@theme/money-formatting": "//www.coastalcashmere.com/cdn/shop/t/3/assets/money-formatting.js?v=182191346160333327151773688148", 200 "@theme/utilities": "//www.coastalcashmere.com/cdn/shop/t/3/assets/utilities.js?v=28506172887375975941773688148", 201 "@theme/variant-picker": "//www.coastalcashmere.com/cdn/shop/t/3/assets/variant-picker.js?v=177886063604495755331773688148", 202 "@theme/media-gallery": "//www.coastalcashmere.com/cdn/shop/t/3/assets/media-gallery.js?v=14624021005636302161773688148", 203 "@theme/quick-add": "//www.coastalcashmere.com/cdn/shop/t/3/assets/quick-add.js?v=8173316780029216301773688148", 204 "@theme/paginated-list-aspect-ratio": "//www.coastalcashmere.com/cdn/shop/t/3/assets/paginated-list-aspect-ratio.js?v=25254270272143792451773688148", 205 "@theme/popover-polyfill": "//www.coastalcashmere.com/cdn/shop/t/3/assets/popover-polyfill.js?v=119029313658895111201773688148", 206 "@theme/component-quantity-selector": "//www.coastalcashmere.com/cdn/shop/t/3/assets/component-quantity-selector.js?v=67906657287482036641773688148", 207 "@theme/comparison-slider": "//www.coastalcashmere.com/cdn/shop/t/3/assets/comparison-slider.js?v=106705562947035711941773688148", 208 "@theme/sticky-add-to-cart": "//www.coastalcashmere.com/cdn/shop/t/3/assets/sticky-add-to-cart.js?v=48956925339276737091773688148", 209 "@theme/fly-to-cart": "//www.coastalcashmere.com/cdn/shop/t/3/assets/fly-to-cart.js?v=48483246440248933081773688148" 210 } 211 } 212</script>
212 213
214<script 215 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/view-transitions.js?v=7106414069516106341773688148" 216 async 217 218 blocking="render" 219 220></script>
220 221 222<link 223 rel="modulepreload" 224 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/utilities.js?v=28506172887375975941773688148" 225 fetchpriority="low" 226> 227<link 228 rel="modulepreload" 229 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/component.js?v=184240237101443119871773688148" 230 fetchpriority="low" 231> 232<link 233 rel="modulepreload" 234 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/section-renderer.js?v=152586934315572818121773688148" 235 fetchpriority="low" 236> 237<link 238 rel="modulepreload" 239 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/section-hydration.js?v=108434990705342316311773688148" 240 fetchpriority="low" 241> 242<link 243 rel="modulepreload" 244 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/morph.js?v=102085577784545683451773688148" 245 fetchpriority="low" 246> 247 248 249 <link 250 rel="modulepreload" 251 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/paginated-list-aspect-ratio.js?v=25254270272143792451773688148" 252 fetchpriority="low" 253 > 254 <link 255 rel="modulepreload" 256 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/paginated-list.js?v=95298315036233333871773688148" 257 fetchpriority="low" 258 > 259 260 <link 261 rel="modulepreload" 262 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/product-title-truncation.js?v=81744426891537421781773688148" 263 fetchpriority="low" 264 > 265 266 267<link 268 rel="modulepreload" 269 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/focus.js?v=60436577539430446401773688148" 270 fetchpriority="low" 271> 272<link 273 rel="modulepreload" 274 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/recently-viewed-products.js?v=94729125001750262651773688148" 275 fetchpriority="low" 276> 277<link 278 rel="modulepreload" 279 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/scrolling.js?v=162288454571026455011773688148" 280 fetchpriority="low" 281> 282<link 283 rel="modulepreload" 284 href="//www.coastalcashmere.com/cdn/shop/t/3/assets/events.js?v=1118589085892804011773688148" 285 fetchpriority="low" 286>
287<script 288 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/popover-polyfill.js?v=119029313658895111201773688148" 289 type="module" 290 fetchpriority="low" 291></script>
vendor: 1 bytes, line 291
291
292<script 293 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/overflow-list.js?v=46858356770684902511773688148" 294 type="module" 295 fetchpriority="low" 296></script>
vendor: 1 bytes, line 296
296
297<script 298 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/quick-add.js?v=8173316780029216301773688148" 299 type="module" 300 fetchpriority="low" 301></script>
301 302 303
304<script 305 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/dialog.js?v=150888536568694194021773688148" 306 type="module" 307 fetchpriority="low" 308></script>
vendor: 1 bytes, line 308
308
309<script 310 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/variant-picker.js?v=177886063604495755331773688148" 311 type="module" 312 fetchpriority="low" 313></script>
vendor: 1 bytes, line 313
313
314<script 315 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/product-card.js?v=28695665944407642501773688148" 316 type="module" 317 fetchpriority="low" 318></script>
vendor: 1 bytes, line 318
318
319<script 320 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/product-form.js?v=87407172394809519131773688148" 321 type="module" 322 fetchpriority="low" 323></script>
vendor: 1 bytes, line 323
323
324<script 325 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/fly-to-cart.js?v=48483246440248933081773688148" 326 type="module" 327 fetchpriority="low" 328></script>
vendor: 1 bytes, line 328
328
329<script 330 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/accordion-custom.js?v=97588419883090888471773688148" 331 type="module" 332 fetchpriority="low" 333></script>
vendor: 1 bytes, line 333
333
334<script 335 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/media.js?v=37825095869491791421773688148" 336 type="module" 337 fetchpriority="low" 338></script>
vendor: 1 bytes, line 338
338
339<script 340 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/product-price.js?v=164492227269745550161773688148" 341 type="module" 342 fetchpriority="low" 343></script>
vendor: 1 bytes, line 343
343
344<script 345 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/product-sku.js?v=121804655373531320511773688148" 346 type="module" 347 fetchpriority="low" 348></script>
vendor: 1 bytes, line 348
348
349<script 350 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/product-title-truncation.js?v=81744426891537421781773688148" 351 type="module" 352 fetchpriority="low" 353></script>
vendor: 1 bytes, line 353
353
354<script 355 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/product-inventory.js?v=81520546963552472391773688148" 356 type="module" 357 fetchpriority="low" 358></script>
vendor: 1 bytes, line 358
358
359<script 360 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/show-more.js?v=94563802205717136101773688148" 361 type="module" 362 fetchpriority="low" 363></script>
vendor: 1 bytes, line 363
363
364<script 365 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/slideshow.js?v=17868446697736367161773688148" 366 type="module" 367 fetchpriority="low" 368></script>
vendor: 1 bytes, line 368
368
369<script 370 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/layered-slideshow.js?v=30135417790894624731773688148" 371 type="module" 372 fetchpriority="low" 373></script>
vendor: 1 bytes, line 373
373
374<script 375 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/anchored-popover.js?v=95953304814728754461773688148" 376 type="module" 377 fetchpriority="low" 378></script>
vendor: 1 bytes, line 378
378
379<script 380 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/floating-panel.js?v=151277338116891310371773688148" 381 type="module" 382 fetchpriority="low" 383></script>
vendor: 1 bytes, line 383
383
384<script 385 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/video-background.js?v=25237992823806706551773688148" 386 type="module" 387 fetchpriority="low" 388></script>
vendor: 1 bytes, line 388
388
389<script 390 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/component-quantity-selector.js?v=67906657287482036641773688148" 391 type="module" 392 fetchpriority="low" 393></script>
vendor: 1 bytes, line 393
393
394<script 395 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/media-gallery.js?v=14624021005636302161773688148" 396 type="module" 397 fetchpriority="low" 398></script>
vendor: 1 bytes, line 398
398
399<script 400 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/rte-formatter.js?v=40306132146590816021773688148" 401 type="module" 402 fetchpriority="low" 403></script>
vendor: 1 bytes, line 403
403
404<script 405 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/volume-pricing.js?v=15442793518842484731773688148" 406 type="module" 407 fetchpriority="low" 408></script>
vendor: 1 bytes, line 408
408
409<script 410 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/price-per-item.js?v=144512917617120124431773688148" 411 type="module" 412 fetchpriority="low" 413></script>
vendor: 1 bytes, line 413
413
414<script 415 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/volume-pricing-info.js?v=94479640769665442661773688148" 416 type="module" 417 fetchpriority="low" 418></script>
418 419 420 421 422 423
424<script 425 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/auto-close-details.js?v=58350291535404441581773688148" 426 defer="defer" 427></script>
427 428
429<script> 430 const Theme = { 431 translations: { 432 placeholder_image: `Placeholder image`, 433 added: `Added`, 434 recipient_form_fields_visible: `Recipient form fields are now visible`, 435 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 436 recipient_form_error: `There was an error with the form submission`, 437 items_added_to_cart_one: `1 item added to cart`, 438 items_added_to_cart_other: `{{ count }} items added to cart`, 439 }, 440 routes: { 441 cart_add_url: '/cart/add.js', 442 cart_change_url: '/cart/change', 443 cart_update_url: '/cart/update', 444 cart_url: '/cart', 445 predictive_search_url: '/search/suggest', 446 search_url: '/search', 447 }, 448 template: { 449 name: 'collection', 450 }, 451 }; 452</script>
452 453<style data-shopify> 454@font-face { 455 font-family: Montserrat; 456 font-weight: 400; 457 font-style: normal; 458 font-display: swap; 459 src: url("//www.coastalcashmere.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"), 460 url("//www.coastalcashmere.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff"); 461} 462@font-face { 463 font-family: Montserrat; 464 font-weight: 700; 465 font-style: normal; 466 font-display: swap; 467 src: url("//www.coastalcashmere.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"), 468 url("//www.coastalcashmere.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff"); 469} 470@font-face { 471 font-family: Montserrat; 472 font-weight: 400; 473 font-style: italic; 474 font-display: swap; 475 src: url("//www.coastalcashmere.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"), 476 url("//www.coastalcashmere.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff"); 477} 478@font-face { 479 font-family: Montserrat; 480 font-weight: 700; 481 font-style: italic; 482 font-display: swap; 483 src: url("//www.coastalcashmere.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"), 484 url("//www.coastalcashmere.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff"); 485} 486@font-face { 487 font-family: Baskervville; 488 font-weight: 400; 489 font-style: normal; 490 font-display: swap; 491 src: url("//www.coastalcashmere.com/cdn/fonts/baskervville/baskervville_n4.6b0d1f33845dccb0601e970c218adacec89de866.woff2") format("woff2"), 492 url("//www.coastalcashmere.com/cdn/fonts/baskervville/baskervville_n4.2ed594e690e8075ab08aa6b2c3b34b3a5b91366a.woff") format("woff"); 493} 494@font-face { 495 font-family: Baskervville; 496 font-weight: 700; 497 font-style: normal; 498 font-display: swap; 499 src: url("//www.coastalcashmere.com/cdn/fonts/baskervville/baskervville_n7.88f1ff04750507625f4dc43c30db1758681daca7.woff2") format("woff2"), 500 url("//www.coastalcashmere.com/cdn/fonts/baskervville/baskervville_n7.88ae461fce98fbd95493e26387a50fa6c2225da6.woff") format("woff"); 501} 502@font-face { 503 font-family: Baskervville; 504 font-weight: 400; 505 font-style: italic; 506 font-display: swap; 507 src: url("//www.coastalcashmere.com/cdn/fonts/baskervville/baskervville_i4.ae76f02a65988bf768aede715eb2eef89c5694fe.woff2") format("woff2"), 508 url("//www.coastalcashmere.com/cdn/fonts/baskervville/baskervville_i4.68b565a7831101403d83a253cd6ff82b4fbc60ef.woff") format("woff"); 509} 510@font-face { 511 font-family: Baskervville; 512 font-weight: 700; 513 font-style: italic; 514 font-display: swap; 515 src: url("//www.coastalcashmere.com/cdn/fonts/baskervville/baskervville_i7.dd047dfa50c37019a612499e3e8d2c782da0543d.woff2") format("woff2"), 516 url("//www.coastalcashmere.com/cdn/fonts/baskervville/baskervville_i7.d97f19e6e9e8028d11332dfe0ea1f6781aa90ec0.woff") format("woff"); 517} 518@font-face { 519 font-family: "Red Hat Text"; 520 font-weight: 400; 521 font-style: normal; 522 font-display: swap; 523 src: url("//www.coastalcashmere.com/cdn/fonts/red_hat_text/redhattext_n4.f45549d853e5e3e2907f21be9aecf95e1eaa7516.woff2") format("woff2"), 524 url("//www.coastalcashmere.com/cdn/fonts/red_hat_text/redhattext_n4.966c83ef0ccfa6512b0ef1e376b376dfb286bd73.woff") format("woff"); 525} 526@font-face { 527 font-family: "Red Hat Text"; 528 font-weight: 700; 529 font-style: normal; 530 font-display: swap; 531 src: url("//www.coastalcashmere.com/cdn/fonts/red_hat_text/redhattext_n7.01cb725162eb34b374670b9c1bc513ac241650e6.woff2") format("woff2"), 532 url("//www.coastalcashmere.com/cdn/fonts/red_hat_text/redhattext_n7.b6189975b2592601f17bfdc64fb3d7ee0b51916e.woff") format("woff"); 533} 534@font-face { 535 font-family: "Red Hat Text"; 536 font-weight: 400; 537 font-style: italic; 538 font-display: swap; 539 src: url("//www.coastalcashmere.com/cdn/fonts/red_hat_text/redhattext_i4.6cfaffd6c72cc494343813ed221ebfae57335fcc.woff2") format("woff2"), 540 url("//www.coastalcashmere.com/cdn/fonts/red_hat_text/redhattext_i4.f23bcdc86836a2cc4ccc8466c927d1089852c8c8.woff") format("woff"); 541} 542@font-face { 543 font-family: "Red Hat Text"; 544 font-weight: 700; 545 font-style: italic; 546 font-display: swap; 547 src: url("//www.coastalcashmere.com/cdn/fonts/red_hat_text/redhattext_i7.97ab5b705c1e57acd40bd16c6fd71567cb89284f.woff2") format("woff2"), 548 url("//www.coastalcashmere.com/cdn/fonts/red_hat_text/redhattext_i7.f3393410cce0aafadc5ec698e5a40558f9a5b199.woff") format("woff"); 549} 550 551 552 :root { 553 /* Page Layout */ 554 --sidebar-width: 25rem; 555 --narrow-content-width: 36rem; 556 --normal-content-width: 42rem; 557 --wide-content-width: 46rem; 558 --narrow-page-width: 90rem; 559 --normal-page-width: 120rem; 560 --wide-page-width: 150rem; 561 562 /* Section Heights */ 563 --section-height-small: 15rem; 564 --section-height-medium: 25rem; 565 --section-height-large: 35rem; 566 567 @media screen and (min-width: 40em) { 568 --section-height-small: 40svh; 569 --section-height-medium: 55svh; 570 --section-height-large: 70svh; 571 } 572 573 @media screen and (min-width: 60em) { 574 --section-height-small: 50svh; 575 --section-height-medium: 65svh; 576 --section-height-large: 80svh; 577 } 578 579 /* Letter spacing */ 580 --letter-spacing-sm: 0.06em; 581 --letter-spacing-md: 0.13em; 582 583 /* Font families */ 584 --font-body--family: Montserrat, sans-serif; 585 --font-body--style: normal; 586 --font-body--weight: 400; 587 --font-subheading--family: Montserrat, sans-serif; 588 --font-subheading--style: normal; 589 --font-subheading--weight: 400; 590 --font-heading--family: Baskervville, serif; 591 --font-heading--style: normal; 592 --font-heading--weight: 400; 593 --font-accent--family: "Red Hat Text", sans-serif; 594 --font-accent--style: normal; 595 --font-accent--weight: 400; 596 597 /* Margin sizes */ 598 --font-heading--spacing: 0.25em; 599 --font-h1--spacing: var(--font-heading--spacing); 600 --font-h2--spacing: var(--font-heading--spacing); 601 --font-h3--spacing: var(--font-heading--spacing); 602 --font-h4--spacing: var(--font-heading--spacing); 603 --font-h5--spacing: var(--font-heading--spacing); 604 --font-h6--spacing: var(--font-heading--spacing); 605 --font-paragraph--spacing: 0.5em; 606 607 /* Heading colors */ 608 --font-h1--color: var(--color-foreground-heading); 609 --font-h2--color: var(--color-foreground-heading); 610 --font-h3--color: var(--color-foreground-heading); 611 --font-h4--color: var(--color-foreground-heading); 612 --font-h5--color: var(--color-foreground-heading); 613 --font-h6--color: var(--color-foreground-heading); 614 615 /** Z-Index / Layering */ 616 --layer-section-background: -2; 617 --layer-lowest: -1; 618 --layer-base: 0; 619 --layer-flat: 1; 620 --layer-raised: 2; 621 --layer-heightened: 4; 622 --layer-sticky: 8; 623 --layer-window-overlay: 10; 624 --layer-header-menu: 12; 625 --layer-overlay: 16; 626 --layer-menu-drawer: 18; 627 --layer-temporary: 20; 628 629 /* Max-width / Measure */ 630 --max-width--body-normal: 32.5em; 631 --max-width--body-narrow: 22.75em; 632 633 --max-width--heading-normal: 32.5em; 634 --max-width--heading-narrow: 19.5em; 635 636 --max-width--display-normal: 13em; 637 --max-width--display-narrow: 9.75em; 638 --max-width--display-tight: 3.25em; 639 640 /* Letter-spacing / Tracking */ 641 --letter-spacing--display-tight: -0.03em; 642 --letter-spacing--display-normal: 0em; 643 --letter-spacing--display-loose: 0.03em; 644 645 --letter-spacing--heading-tight: -0.03em; 646 --letter-spacing--heading-normal: 0em; 647 --letter-spacing--heading-loose: 0.03em; 648 649 --letter-spacing--body-tight: -0.03em; 650 --letter-spacing--body-normal: 0em; 651 --letter-spacing--body-loose: 0.03em; 652 653 /* Line height / Leading */ 654 --line-height: 1; 655 656 --line-height--display-tight: 1; 657 --line-height--display-normal: 1.1; 658 --line-height--display-loose: 1.2; 659 660 --line-height--heading-tight: 1.15; 661 --line-height--heading-normal: 1.25; 662 --line-height--heading-loose: 1.35; 663 664 --line-height--body-tight: 1.2; 665 --line-height--body-normal: 1.4; 666 --line-height--body-loose: 1.6; 667 668 /* Typography presets */ 669 --font-size--paragraph: 1.0rem;--font-size--h1: clamp(4.5rem, 12.0vw, 7.5rem);--font-size--h2: clamp(3.0rem, 7.2vw, 4.5rem);--font-size--h3: clamp(1.75rem, 4.8vw, 3.0rem);--font-size--h4: 1.5rem;--font-size--h5: 0.75rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-loose);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-loose);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-loose);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-loose);--font-h5--weight: var(--font-body--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-body--family);--font-h5--style: var(--font-body--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-loose); 670 671 /* Hardcoded font sizes */ 672 --font-size--3xs: 0.625rem; 673 --font-size--2xs: 0.75rem; 674 --font-size--xs: 0.8125rem; 675 --font-size--sm: 0.875rem; 676 --font-size--md: 1rem; 677 --font-size--lg: 1.125rem; 678 --font-size--xl: 1.25rem; 679 --font-size--2xl: 1.5rem; 680 --font-size--3xl: 2rem; 681 --font-size--4xl: 2.5rem; 682 --font-size--5xl: 3rem; 683 --font-size--6xl: 3.5rem; 684 685 /* Menu font sizes */ 686 --menu-font-sm--size: 0.875rem; 687 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 688 --menu-font-md--size: 1rem; 689 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 690 --menu-font-lg--size: 1.125rem; 691 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 692 --menu-font-xl--size: 1.25rem; 693 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 694 --menu-font-2xl--size: 1.75rem; 695 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 696 697 /* Colors */ 698 --color-error: #8B0000; 699 --color-success: #006400; 700 --color-white: #FFFFFF; 701 --color-white-rgb: 255 255 255; 702 --color-black: #000000; 703 --color-instock: #3ED660; 704 --color-lowstock: #EE9441; 705 --color-outofstock: #C8C8C8; 706 707 /* Opacity */ 708 --opacity-5: 0.05; 709 --opacity-8: 0.08; 710 --opacity-10: 0.1; 711 --opacity-15: 0.15; 712 --opacity-20: 0.2;
713 --opacity-25: 0.25; 714 --opacity-30: 0.3; 715 --opacity-40: 0.4; 716 --opacity-50: 0.5; 717 --opacity-60: 0.6; 718 --opacity-70: 0.7; 719 --opacity-80: 0.8; 720 --opacity-85: 0.85; 721 --opacity-90: 0.9; 722 --opacity-subdued-text: var(--opacity-70); 723 724 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 725 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 726 727 /* Spacing */ 728 --margin-3xs: 0.125rem; 729 --margin-2xs: 0.3rem; 730 --margin-xs: 0.5rem; 731 --margin-sm: 0.7rem; 732 --margin-md: 0.8rem; 733 --margin-lg: 1rem; 734 --margin-xl: 1.25rem; 735 --margin-2xl: 1.5rem; 736 --margin-3xl: 1.75rem; 737 --margin-4xl: 2rem; 738 --margin-5xl: 3rem; 739 --margin-6xl: 5rem; 740 741 --scroll-margin: 50px; 742 743 --padding-3xs: 0.125rem; 744 --padding-2xs: 0.25rem; 745 --padding-xs: 0.5rem; 746 --padding-sm: 0.7rem; 747 --padding-md: 0.8rem; 748 --padding-lg: 1rem; 749 --padding-xl: 1.25rem; 750 --padding-2xl: 1.5rem; 751 --padding-3xl: 1.75rem; 752 --padding-4xl: 2rem; 753 --padding-5xl: 3rem; 754 --padding-6xl: 4rem; 755 756 --gap-3xs: 0.125rem; 757 --gap-2xs: 0.3rem; 758 --gap-xs: 0.5rem; 759 --gap-sm: 0.7rem; 760 --gap-md: 0.9rem; 761 --gap-lg: 1rem; 762 --gap-xl: 1.25rem; 763 --gap-2xl: 2rem; 764 --gap-3xl: 3rem; 765 766 --spacing-scale-sm: 0.6; 767 --spacing-scale-md: 0.7; 768 --spacing-scale-default: 1.0; 769 770 /* Checkout buttons gap */ 771 --checkout-button-gap: 10px; 772 773 /* Borders */ 774 --style-border-width: 1px; 775 --style-border-radius-xs: 0.2rem; 776 --style-border-radius-sm: 0.6rem; 777 --style-border-radius-md: 0.8rem; 778 --style-border-radius-50: 50%; 779 --style-border-radius-lg: 1rem; 780 --style-border-radius-pills: 40px; 781 --style-border-radius-inputs: 0px; 782 --style-border-radius-buttons-primary: 10px; 783 --style-border-radius-buttons-secondary: 10px; 784 --style-border-width-primary: 0px; 785 --style-border-width-secondary: 0px; 786 --style-border-width-inputs: 1px; 787 --style-border-radius-popover: 0px; 788 --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); 789 --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); 790 --style-border-swatch-opacity: 10%; 791 --style-border-swatch-width: 1px; 792 --style-border-swatch-style: solid; 793 794 /* Animation */ 795 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 796 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 797 --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); 798 --animation-speed-fast: 0.0625s; 799 --animation-speed: 0.125s; 800 --animation-speed-slow: 0.2s; 801 --animation-speed-medium: 0.15s; 802 --animation-easing: ease-in-out; 803 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 804 --drawer-animation-speed: 0.2s; 805 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 806 --animation-values: var(--animation-speed) var(--animation-easing); 807 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 808 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 809 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 810 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 811 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 812 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 813 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 814 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 815 /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/ 816 --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%); 817 --spring-d300-b0-duration: 0.4980s; 818 --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%); 819 --spring-d280-b0-duration: 0.4648s; 820 --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%); 821 --spring-d260-b0-duration: 0.4316s; 822 --spring-d220-b0-easing: linear( 823 0, 824 0.0093 1.37%, 825 0.0696 4.12%, 826 0.4667 15.09%, 827 0.6322 20.58%, 828 0.6986 23.32%, 829 0.7793 27.44%, 830 0.8219 30.18%, 831 0.8721, 832 0.9089 38.42%, 833 0.9427, 834 0.9644, 835 0.978 54.88%, 836 0.9881 61.74%, 837 0.9944 69.97%, 838 0.998 80.95%, 839 0.9996 98.78% 840 ); 841 --spring-d220-b0-duration: 0.3818s; 842 --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%); 843 --spring-d180-b0-duration: 0.2988s; 844 845 /* View transitions */ 846 /* View transition old */ 847 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 848 849 /* View transition new */ 850 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 851 852 /* Focus */ 853 --focus-outline-width: 0.09375rem; 854 --focus-outline-offset: 0.2em; 855 856 /* Badges */ 857 --badge-blob-padding-block: 1px; 858 --badge-blob-padding-inline: 12px 8px; 859 --badge-rectangle-padding-block: 1px; 860 --badge-rectangle-padding-inline: 6px; 861 @media screen and (min-width: 750px) { 862 --badge-blob-padding-block: 4px; 863 --badge-blob-padding-inline: 16px 12px; 864 --badge-rectangle-padding-block: 4px; 865 --badge-rectangle-padding-inline: 10px; 866 } 867 868 /* Icons */ 869 --icon-size-2xs: 0.6rem; 870 --icon-size-xs: 0.85rem; 871 --icon-size-sm: 1.25rem; 872 --icon-size-md: 1.375rem; 873 --icon-size-lg: 1.5rem; 874 --icon-stroke-width: 1px; 875 876 /* Input */ 877 --input-email-min-width: 200px; 878 --input-search-max-width: 650px; 879 --input-padding-y: 0.8rem; 880 --input-padding-x: 0.8rem; 881 --input-padding: var(--input-padding-y) var(--input-padding-x); 882 --input-box-shadow-width: var(--style-border-width-inputs); 883 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 884 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 885 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 886 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 887 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
888 --input-textarea-min-height: 55px; 889 890 /* Checkbox */ 891 --checkbox-size: 22px; 892 --checkbox-border-radius: 7px; 893 --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); 894 --checkbox-label-padding: 8px; 895 896 @media screen and (min-width: 750px) { 897 --checkbox-size: 16px; 898 --checkbox-border-radius: 5px; 899 --checkbox-label-padding: 6px; 900 } 901 902 /* Button size */ 903 --button-size-sm: 30px; 904 --button-size-md: 36px; 905 --button-size: var(--minimum-touch-target); 906 --button-padding-inline: 24px; 907 --button-padding-block: 16px; 908 909 /* Button font-family */ 910 --button-font-family-primary: var(--font-body--family); 911 --button-font-family-secondary: var(--font-body--family); 912 913 /* Button text case */ 914 --button-text-case: ; 915 --button-text-case-primary: uppercase; 916 --button-text-case-secondary: uppercase; 917 918 /* Borders */ 919 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 920 --border-width-sm: 1px; 921 --border-width-md: 2px; 922 --border-width-lg: 5px; 923 --border-radius-sm: 0.25rem; 924 925 /* Drawers */ 926 --drawer-inline-padding: 25px; 927 --drawer-menu-inline-padding: 2.5rem; 928 --drawer-header-block-padding: 20px; 929 --drawer-content-block-padding: 10px; 930 --drawer-header-desktop-top: 0rem; 931 --drawer-padding: calc(var(--padding-sm) + 7px); 932 --drawer-height: 100dvh; 933 --drawer-width: 95vw; 934 --drawer-max-width: 500px; 935 936 /* Variant Picker Swatches */ 937 --variant-picker-swatch-width-unitless: 18; 938 --variant-picker-swatch-height-unitless: 18; 939 --variant-picker-swatch-width: 18px; 940 --variant-picker-swatch-height: 18px; 941 --variant-picker-swatch-radius: 0px; 942 --variant-picker-border-width: 1px; 943 --variant-picker-border-style: solid; 944 --variant-picker-border-opacity: 10%; 945 946 /* Variant Picker Buttons */ 947 --variant-picker-button-radius: 0px; 948 --variant-picker-button-border-width: 1px; 949 950 /* Slideshow */ 951 --slideshow-controls-size: 3.5rem; 952 --slideshow-controls-icon: 2rem; 953 --peek-next-slide-size: 3rem; 954 955 /* Utilities */ 956 --backdrop-opacity: 0.15; 957 --backdrop-color-rgb: var(--color-shadow-rgb); 958 --minimum-touch-target: 44px; 959 --disabled-opacity: 0.5; 960 --skeleton-opacity: 0.025; 961 962 /* Shapes */ 963 --shape--circle: circle(50% at center); 964 --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%); 965 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 966 --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
966% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); 967 968 /* Buy buttons */ 969 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 970 971 /* Card image width and height variables */ 972 --card-width-small: 10rem; 973 974 --height-small: 10rem; 975 --height-medium: 11.5rem; 976 --height-large: 13rem; 977 --height-full: 100vh; 978 979 @media screen and (min-width: 750px) { 980 --height-small: 17.5rem; 981 --height-medium: 21.25rem; 982 --height-large: 25rem; 983 } 984 985 /* Modal */ 986 --modal-max-height: 65dvh; 987 --quick-add-modal-height: min(38.5rem, 96vh); 988 --quick-add-modal-width: min(54rem, 96vw); 989 --quick-add-modal-gallery-width: 24rem; 990 991 /* Card styles for search */ 992 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 993 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 994 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 995 996 /* Cart */ 997 --cart-primary-font-family: var(--font-body--family); 998 --cart-primary-font-style: var(--font-body--style); 999 --cart-primary-font-weight: var(--font-body--weight); 1000 --cart-secondary-font-family: var(--font-primary--family); 1001 --cart-secondary-font-style: var(--font-primary--style); 1002 --cart-secondary-font-weight: var(--font-primary--weight); 1003 } 1004</style> 1005<style data-shopify> 1006 1007 1008 :root, 1009 1010 1011 1012 .color-scheme-1 { 1013 --color-background: rgb(244 240 237 / 1.0); 1014 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1015 --color-background-rgb: 244 240 237; 1016 --opacity-5-15: 0.05; 1017 --opacity-10-25: 0.1; 1018 --opacity-35-55: 0.35; 1019 --opacity-40-60: 0.4; 1020 --opacity-30-60: 0.3; 1021 --color-foreground: rgb(16 49 63 / 1.0); 1022 --color-foreground-rgb: 16 49 63; 1023 --color-foreground-heading: rgb(16 49 63 / 1.0); 1024 --color-foreground-heading-rgb: 16 49 63; 1025 --color-primary: rgb(16 49 63 / 1.0); 1026 --color-primary-rgb: 16 49 63; 1027 --color-primary-hover: rgb(0 0 0 / 1.0); 1028 --color-primary-hover-rgb: 0 0 0; 1029 --color-border: rgb(213 204 200 / 1.0); 1030 --color-border-rgb: 213 204 200; 1031 --color-shadow: rgb(0 0 0 / 1.0); 1032 --color-shadow-rgb: 0 0 0; 1033 --color-primary-button-text: rgb(244 241 237 / 1.0); 1034 --color-primary-button-background: rgb(230 79 79 / 1.0); 1035 --color-primary-button-border: rgb(230 79 79 / 1.0); 1036 --color-primary-button-hover-text: rgb(244 241 237 / 1.0); 1037 --color-primary-button-hover-background: rgb(102 102 102 / 1.0); 1038 --color-primary-button-hover-border: rgb(56 56 56 / 1.0); 1039 --color-secondary-button-text: rgb(16 49 63 / 1.0); 1040 --color-secondary-button-background: rgb(239 239 239 / 1.0); 1041 --color-secondary-button-border: rgb(239 239 239 / 1.0); 1042 --color-secondary-button-hover-text: rgb(16 49 63 / 1.0); 1043 --color-secondary-button-hover-background: rgb(222 222 222 / 1.0); 1044 --color-secondary-button-hover-border: rgb(222 222 222 / 1.0); 1045 --color-input-background: rgb(255 255 255 / 1.0); 1046 --color-input-text: rgb(16 49 63 / 1.0); 1047 --color-input-text-rgb: 16 49 63; 1048 --color-input-border: rgb(0 0 0 / 0.13); 1049 --color-input-hover-background: rgb(245 245 245 / 1.0); 1050 --color-variant-background: rgb(255 255 255 / 1.0); 1051 --color-variant-border: rgb(230 230 230 / 1.0); 1052 --color-variant-text: rgb(16 49 63 / 1.0); 1053 --color-variant-text-rgb: 16 49 63; 1054 --color-variant-hover-background: rgb(255 255 255 / 1.0); 1055 --color-variant-hover-text: rgb(16 49 63 / 1.0); 1056 --color-variant-hover-border: rgb(16 49 63 / 1.0); 1057 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1058 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1059 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1060 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1061 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1062 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1063 1064 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1065 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1066 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1067 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1068 --font-h1--color: var(--color-foreground-heading); 1069 --font-h2--color: var(--color-foreground-heading); 1070 --font-h3--color: var(--color-foreground-heading); 1071 --font-h4--color: var(--color-foreground-heading); 1072 --font-h5--color: var(--color-foreground-heading); 1073 --font-h6--color: var(--color-foreground-heading); 1074 1075 /* Shadows */ 1076 1077 1078 --shadow-blur: 20px; 1079 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1080 1081 } 1082 1083 1084 1085 1086 .color-scheme-2 {
1087 --color-background: rgb(255 255 255 / 1.0); 1088 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1089 --color-background-rgb: 255 255 255; 1090 --opacity-5-15: 0.05; 1091 --opacity-10-25: 0.1; 1092 --opacity-35-55: 0.35; 1093 --opacity-40-60: 0.4; 1094 --opacity-30-60: 0.3; 1095 --color-foreground: rgb(0 0 0 / 1.0); 1096 --color-foreground-rgb: 0 0 0; 1097 --color-foreground-heading: rgb(0 0 0 / 1.0); 1098 --color-foreground-heading-rgb: 0 0 0; 1099 --color-primary: rgb(0 0 0 / 1.0); 1100 --color-primary-rgb: 0 0 0; 1101 --color-primary-hover: rgb(102 102 102 / 1.0); 1102 --color-primary-hover-rgb: 102 102 102; 1103 --color-border: rgb(0 0 0 / 0.11); 1104 --color-border-rgb: 0 0 0; 1105 --color-shadow: rgb(0 0 0 / 1.0); 1106 --color-shadow-rgb: 0 0 0; 1107 --color-primary-button-text: rgb(255 255 255 / 1.0); 1108 --color-primary-button-background: rgb(0 0 0 / 1.0); 1109 --color-primary-button-border: rgb(0 0 0 / 1.0); 1110 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1111 --color-primary-button-hover-background: rgb(56 56 56 / 1.0); 1112 --color-primary-button-hover-border: rgb(56 56 56 / 1.0); 1113 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1114 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1115 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1116 --color-secondary-button-hover-text: rgb(56 56 56 / 1.0); 1117 --color-secondary-button-hover-background: rgb(0 0 0 / 0.0); 1118 --color-secondary-button-hover-border: rgb(56 56 56 / 1.0); 1119 --color-input-background: rgb(255 255 255 / 1.0); 1120 --color-input-text: rgb(0 0 0 / 1.0); 1121 --color-input-text-rgb: 0 0 0; 1122 --color-input-border: rgb(0 0 0 / 1.0); 1123 --color-input-hover-background: rgb(245 245 245 / 0.92); 1124 --color-variant-background: rgb(255 255 255 / 1.0); 1125 --color-variant-border: rgb(230 230 230 / 1.0); 1126 --color-variant-text: rgb(0 0 0 / 1.0); 1127 --color-variant-text-rgb: 0 0 0; 1128 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1129 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1130 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1131 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1132 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1133 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1134 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1135 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1136 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1137 1138 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1139 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1140 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1141 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1142 --font-h1--color: var(--color-foreground-heading); 1143 --font-h2--color: var(--color-foreground-heading); 1144 --font-h3--color: var(--color-foreground-heading); 1145 --font-h4--color: var(--color-foreground-heading); 1146 --font-h5--color: var(--color-foreground-heading); 1147 --font-h6--color: var(--color-foreground-heading); 1148 1149 /* Shadows */ 1150 1151 1152 --shadow-blur: 20px; 1153 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1154 1155 } 1156 1157 1158 1159 1160 .color-scheme-3 { 1161 --color-background: rgb(242 242 242 / 1.0); 1162 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1163 --color-background-rgb: 242 242 242; 1164 --opacity-5-15: 0.05; 1165 --opacity-10-25: 0.1; 1166 --opacity-35-55: 0.35; 1167 --opacity-40-60: 0.4; 1168 --opacity-30-60: 0.3; 1169 --color-foreground: rgb(0 0 0 / 1.0); 1170 --color-foreground-rgb: 0 0 0; 1171 --color-foreground-heading: rgb(0 0 0 / 1.0); 1172 --color-foreground-heading-rgb: 0 0 0; 1173 --color-primary: rgb(102 102 102 / 1.0); 1174 --color-primary-rgb: 102 102 102; 1175 --color-primary-hover: rgb(0 0 0 / 1.0); 1176 --color-primary-hover-rgb: 0 0 0; 1177 --color-border: rgb(208 208 208 / 1.0); 1178 --color-border-rgb: 208 208 208; 1179 --color-shadow: rgb(0 0 0 / 1.0); 1180 --color-shadow-rgb: 0 0 0; 1181 --color-primary-button-text: rgb(255 255 255 / 1.0); 1182 --color-primary-button-background: rgb(0 0 0 / 1.0); 1183 --color-primary-button-border: rgb(0 0 0 / 1.0); 1184 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1185 --color-primary-button-hover-background: rgb(56 56 56 / 1.0); 1186 --color-primary-button-hover-border: rgb(56 56 56 / 1.0); 1187 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1188 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1189 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1190 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1191 --color-secondary-button-hover-background: rgb(0 0 0 / 0.0); 1192 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1193 --color-input-background: rgb(255 255 255 / 1.0); 1194 --color-input-text: rgb(0 0 0 / 1.0); 1195 --color-input-text-rgb: 0 0 0; 1196 --color-input-border: rgb(0 0 0 / 1.0); 1197 --color-input-hover-background: rgb(245 245 245 / 1.0); 1198 --color-variant-background: rgb(255 255 255 / 1.0); 1199 --color-variant-border: rgb(230 230 230 / 1.0); 1200 --color-variant-text: rgb(0 0 0 / 1.0); 1201 --color-variant-text-rgb: 0 0 0; 1202 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1203 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1204 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1205 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1206 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1207 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1208 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1209 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1210 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1211 1212 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1213 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1214 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1215 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1216 --font-h1--color: var(--color-foreground-heading); 1217 --font-h2--color: var(--color-foreground-heading); 1218 --font-h3--color: var(--color-foreground-heading); 1219 --font-h4--color: var(--color-foreground-heading); 1220 --font-h5--color: var(--color-foreground-heading); 1221 --font-h6--color: var(--color-foreground-heading); 1222 1223 /* Shadows */ 1224 1225 1226 --shadow-blur: 20px; 1227 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1228 1229 } 1230 1231 1232 1233 1234 .color-scheme-4 { 1235 --color-background: rgb(56 56 56 / 1.0); 1236 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1237 --color-background-rgb: 56 56 56; 1238 --opacity-5-15: 0.15; 1239 --opacity-10-25: 0.25; 1240 --opacity-35-55: 0.55; 1241 --opacity-40-60: 0.6; 1242 --opacity-30-60: 0.6; 1243 --color-foreground: rgb(255 255 255 / 1.0); 1244 --color-foreground-rgb: 255 255 255; 1245 --color-foreground-heading: rgb(255 255 255 / 1.0); 1246 --color-foreground-heading-rgb: 255 255 255; 1247 --color-primary: rgb(255 255 255 / 1.0); 1248 --color-primary-rgb: 255 255 255; 1249 --color-primary-hover: rgb(0 0 0 / 1.0); 1250 --color-primary-hover-rgb: 0 0 0; 1251 --color-border: rgb(56 56 56 / 1.0); 1252 --color-border-rgb: 56 56 56; 1253 --color-shadow: rgb(0 0 0 / 1.0); 1254 --color-shadow-rgb: 0 0 0; 1255 --color-primary-button-text: rgb(56 56 56 / 1.0); 1256 --color-primary-button-background: rgb(255 255 255 / 1.0); 1257 --color-primary-button-border: rgb(255 255 255 / 1.0); 1258 --color-primary-button-hover-text: rgb(0 0 0 / 1.0); 1259 --color-primary-button-hover-background: rgb(230 230 230 / 1.0); 1260 --color-primary-button-hover-border: rgb(230 230 230 / 1.0); 1261 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1262 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1263 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1264 --color-secondary-button-hover-text: rgb(222 222 222 / 1.0); 1265 --color-secondary-button-hover-background: rgb(0 0 0 / 0.0); 1266 --color-secondary-button-hover-border: rgb(222 222 222 / 1.0); 1267 --color-input-background: rgb(56 56 56 / 1.0); 1268 --color-input-text: rgb(255 255 255 / 1.0); 1269 --color-input-text-rgb: 255 255 255; 1270 --color-input-border: rgb(255 255 255 / 1.0); 1271 --color-input-hover-background: rgb(92 92 92 / 1.0); 1272 --color-variant-background: rgb(255 255 255 / 1.0); 1273 --color-variant-border: rgb(230 230 230 / 1.0); 1274 --color-variant-text: rgb(0 0 0 / 1.0); 1275 --color-variant-text-rgb: 0 0 0; 1276 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1277 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1278 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1279 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1280 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1281 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1282 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1283 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1284 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1285 1286 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1287 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1288 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1289 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1290 --font-h1--color: var(--color-foreground-heading); 1291 --font-h2--color: var(--color-foreground-heading); 1292 --font-h3--color: var(--color-foreground-heading); 1293 --font-h4--color: var(--color-foreground-heading); 1294 --font-h5--color: var(--color-foreground-heading); 1295 --font-h6--color: var(--color-foreground-heading); 1296 1297 /* Shadows */ 1298 1299 1300 --shadow-blur: 20px; 1301 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1302 1303 } 1304 1305 1306 1307 1308 .color-scheme-5 { 1309 --color-background: rgb(0 0 0 / 1.0); 1310 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1311 --color-background-rgb: 0 0 0; 1312 --opacity-5-15: 0.15; 1313 --opacity-10-25: 0.25; 1314 --opacity-35-55: 0.55; 1315 --opacity-40-60: 0.6; 1316 --opacity-30-60: 0.6; 1317 --color-foreground: rgb(255 255 255 / 1.0); 1318 --color-foreground-rgb: 255 255 255; 1319 --color-foreground-heading: rgb(255 255 255 / 1.0); 1320 --color-foreground-heading-rgb: 255 255 255; 1321 --color-primary: rgb(255 255 255 / 1.0); 1322 --color-primary-rgb: 255 255 255; 1323 --color-primary-hover: rgb(172 172 172 / 1.0); 1324 --color-primary-hover-rgb: 172 172 172; 1325 --color-border: rgb(102 102 102 / 1.0); 1326 --color-border-rgb: 102 102 102; 1327 --color-shadow: rgb(0 0 0 / 1.0); 1328 --color-shadow-rgb: 0 0 0; 1329 --color-primary-button-text: rgb(0 0 0 / 1.0); 1330 --color-primary-button-background: rgb(255 255 255 / 1.0); 1331 --color-primary-button-border: rgb(255 255 255 / 1.0); 1332 --color-primary-button-hover-text: rgb(0 0 0 / 1.0); 1333 --color-primary-button-hover-background: rgb(222 222 222 / 1.0); 1334 --color-primary-button-hover-border: rgb(222 222 222 / 1.0); 1335 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1336 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1337 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1338 --color-secondary-button-hover-text: rgb(172 172 172 / 1.0); 1339 --color-secondary-button-hover-background: rgb(0 0 0 / 0.0); 1340 --color-secondary-button-hover-border: rgb(172 172 172 / 1.0); 1341 --color-input-background: rgb(0 0 0 / 1.0); 1342 --color-input-text: rgb(255 255 255 / 1.0); 1343 --color-input-text-rgb: 255 255 255; 1344 --color-input-border: rgb(255 255 255 / 1.0); 1345 --color-input-hover-background: rgb(24 24 24 / 1.0); 1346 --color-variant-background: rgb(255 255 255 / 1.0); 1347 --color-variant-border: rgb(230 230 230 / 1.0); 1348 --color-variant-text: rgb(0 0 0 / 1.0); 1349 --color-variant-text-rgb: 0 0 0; 1350 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1351 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1352 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1353 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1354 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1355 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1356 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1357 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1358 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1359 1360 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1361 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1362 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1363 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1364 --font-h1--color: var(--color-foreground-heading); 1365 --font-h2--color: var(--color-foreground-heading); 1366 --font-h3--color: var(--color-foreground-heading); 1367 --font-h4--color: var(--color-foreground-heading); 1368 --font-h5--color: var(--color-foreground-heading); 1369 --font-h6--color: var(--color-foreground-heading); 1370 1371 /* Shadows */ 1372 1373 1374 --shadow-blur: 20px; 1375 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1376 1377 } 1378 1379 1380 1381 1382 .color-scheme-6 { 1383 --color-background: rgb(0 0 0 / 0.0); 1384 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1385 --color-background-rgb: 0 0 0; 1386 --opacity-5-15: 0.15; 1387 --opacity-10-25: 0.25; 1388 --opacity-35-55: 0.55; 1389 --opacity-40-60: 0.6; 1390 --opacity-30-60: 0.6; 1391 --color-foreground: rgb(255 255 255 / 1.0); 1392 --color-foreground-rgb: 255 255 255; 1393 --color-foreground-heading: rgb(255 255 255 / 1.0); 1394 --color-foreground-heading-rgb: 255 255 255; 1395 --color-primary: rgb(255 255 255 / 1.0); 1396 --color-primary-rgb: 255 255 255; 1397 --color-primary-hover: rgb(172 172 172 / 1.0); 1398 --color-primary-hover-rgb: 172 172 172; 1399 --color-border: rgb(0 0 0 / 0.0); 1400 --color-border-rgb: 0 0 0; 1401 --color-shadow: rgb(0 0 0 / 0.0); 1402 --color-shadow-rgb: 0 0 0; 1403 --color-primary-button-text: rgb(0 0 0 / 1.0); 1404 --color-primary-button-background: rgb(255 255 255 / 1.0); 1405 --color-primary-button-border: rgb(255 255 255 / 1.0); 1406 --color-primary-button-hover-text: rgb(0 0 0 / 1.0); 1407 --color-primary-button-hover-background: rgb(222 222 222 / 1.0); 1408 --color-primary-button-hover-border: rgb(222 222 222 / 1.0); 1409 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1410 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1411 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1412 --color-secondary-button-hover-text: rgb(172 172 172 / 1.0); 1413 --color-secondary-button-hover-background: rgb(0 0 0 / 0.0); 1414 --color-secondary-button-hover-border: rgb(172 172 172 / 1.0); 1415 --color-inpu
1415t-background: rgb(255 255 255 / 1.0); 1416 --color-input-text: rgb(0 0 0 / 1.0); 1417 --color-input-text-rgb: 0 0 0; 1418 --color-input-border: rgb(0 0 0 / 1.0); 1419 --color-input-hover-background: rgb(245 245 245 / 1.0); 1420 --color-variant-background: rgb(255 255 255 / 1.0); 1421 --color-variant-border: rgb(230 230 230 / 1.0); 1422 --color-variant-text: rgb(0 0 0 / 1.0); 1423 --color-variant-text-rgb: 0 0 0; 1424 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1425 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1426 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1427 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1428 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1429 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1430 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1431 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1432 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1433 1434 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1435 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1436 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1437 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1438 --font-h1--color: var(--color-foreground-heading); 1439 --font-h2--color: var(--color-foreground-heading); 1440 --font-h3--color: var(--color-foreground-heading); 1441 --font-h4--color: var(--color-foreground-heading); 1442 --font-h5--color: var(--color-foreground-heading); 1443 --font-h6--color: var(--color-foreground-heading); 1444 1445 /* Shadows */ 1446 1447 1448 --shadow-blur: 20px; 1449 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1450 1451 } 1452 1453 1454 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6 { 1455 color: var(--color-foreground); 1456 background-color: var(--color-background); 1457 } 1458</style> 1459 1460 1461
1461<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1461<meta name="facebook-domain-verification" content="x5i3tvndjetrt0rtla00uu1skwk745"> 1462<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/87174218045/digital_wallets/dialog"> 1463<meta id="in-context-paypal-metadata" data-shop-id="87174218045" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 1464<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/skeins.atom" /> 1465<link rel="next" href="/collections/skeins?page=2"> 1466<link rel="alternate" type="application/json+oembed" href="https://www.coastalcashmere.com/collections/skeins.oembed">
1467<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1467 1468<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1469<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=87174218045" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1469
1469
1470<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":87174218045,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/87174218045","merchantName":"Coastal Cashmere","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","elo","jcb"],"total":{"type":"pending","label":"Coastal Cashmere","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1470
1470
1471<script id="shopify-features" type="application/json">{"accessToken":"d6fe5ad19c4698cdae4a2400ebafeea4","betas":["rich-media-storefront-analytics"],"domain":"www.coastalcashmere.com","predictiveSearch":true,"shopId":87174218045,"locale":"en"}</script>
vendor: 1 bytes, line 1471
1471
1472<script>var Shopify = Shopify || {}; 1473Shopify.shop = "119049-1d.myshopify.com"; 1474Shopify.locale = "en"; 1475Shopify.currency = {"active":"USD","rate":"1.0"}; 1476Shopify.country = "US"; 1477Shopify.theme = {"name":"Atelier","id":186423017789,"schema_name":"Atelier","schema_version":"3.4.0","theme_store_id":3621,"role":"main"}; 1478Shopify.theme.handle = "null"; 1479Shopify.theme.style = {"id":null,"handle":null}; 1480Shopify.cdnHost = "www.coastalcashmere.com/cdn"; 1481Shopify.routes = Shopify.routes || {}; 1482Shopify.routes.root = "/"; 1483Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1484Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1485Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1486Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1486
1486
1487<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1487
1487
1488<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1488
1488
1489<script> 1490 window.ShopifyPay = window.ShopifyPay || {}; 1491 window.ShopifyPay.apiHost = "shop.app\/pay"; 1492 window.ShopifyPay.redirectState = null; 1493</script>
vendor: 1 bytes, line 1493
1493
1494<script> 1495 window.Shopify = window.Shopify || {}; 1496 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1497 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1498 window.Shopify.SignInWithShop.eligible = true; 1499</script>
vendor: 1 bytes, line 1499
1499
1500<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 1500
1500
1501<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1501
1501
1502<script type="module"> 1503 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1504 1505 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1506 1507</script>
vendor: 1 bytes, line 1507
1507
1508<script> 1509 window.Shopify = window.Shopify || {}; 1510 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1511 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 1512</script>
vendor: 1 bytes, line 1512
1512
1513<script>(function() { 1514 var isLoaded = false; 1515 function asyncLoad() { 1516 if (isLoaded) return; 1517 isLoaded = true; 1518 var urls = ["https:\/\/designpackscdn.com\/design_packs_file.js?shop=119049-1d.myshopify.com"]; 1519 for (var i = 0; i < urls.length; i++) { 1520 var s = document.createElement('script'); 1521 s.type = 'text/javascript'; 1522 s.async = true; 1523 s.src = urls[i]; 1524 var x = document.getElementsByTagName('script')[0]; 1525 x.parentNode.insertBefore(s, x); 1526 } 1527 }; 1528 if(window.attachEvent) { 1529 window.attachEvent('onload', asyncLoad); 1530 } else { 1531 window.addEventListener('load', asyncLoad, false); 1532 } 1533})();</script>
vendor: 1 bytes, line 1533
1533
1534<script id="__st">var __st={"a":87174218045,"offset":-21600,"reqid":"2ab299cd-d200-4f98-a26c-5ae6e7379c94-1791589665","pageurl":"www.coastalcashmere.com\/collections\/skeins","u":"d6efcf8e9e5b","p":"collection","rtyp":"collection","rid":542898389309};</script>
vendor: 1 bytes, line 1534
1534
1535<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1535
1535
1536<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1536
1536
1537<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.coastalcashmere.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1537
1537
1538<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.coastalcashmere.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1538<script crossorigin="anonymous" defer="defer" src="//www.coastalcashmere.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 1538
1538
1539<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1539
1539
1540<script> 1541 window.Shopify = window.Shopify || {}; 1542 window.Shopify.MCP = window.Shopify.MCP || {}; 1543 window.Shopify.MCP.enabled = true; 1544 window.Shopify.MCP.shop = "119049-1d.myshopify.com"; 1545 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.coastalcashmere.com\/api\/mcp"; 1546 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question â e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 1547</script>
vendor: 1 bytes, line 1547
1547
1548<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.coastalcashmere.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})(); 1549</script>
vendor: 1 bytes, line 1549
1549
1550<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.coastalcashmere.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1551</script>
vendor: 1 bytes, line 1551
1551
1552<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1553 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 1554</script>
vendor: 1 bytes, line 1554
1554
1555<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 1556</script>
1556 1557<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.coastalcashmere.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 1558<style id="shopify-accelerated-checkout-cart"> 1559 #shopify-buyer-consent { 1560 margin-top: 1em; 1561 display: inline-block; 1562 width: 100%; 1563} 1564 1565#shopify-buyer-consent.hidden { 1566 display: none; 1567} 1568 1569#shopify-subscription-policy-button { 1570 background: none; 1571 border: none; 1572 padding: 0; 1573 text-decoration: underline; 1574 font-size: inherit; 1575 cursor: pointer; 1576} 1577 1578#shopify-subscription-policy-button::before { 1579 box-shadow: none; 1580} 1581 1582 </style> 1583<link rel="stylesheet" media="screen" href="//www.coastalcashmere.com/cdn/shop/t/3/compiled_assets/styles.css?v=168610650072296690581773868693">
1584<script id="sections-script" data-sections="main-collection" defer="defer" src="//www.coastalcashmere.com/cdn/shop/t/3/compiled_assets/scripts.js?v=47368013396670054441773688152"></script>
vendor: 1 bytes, line 1584
1584
1585<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1585 1586 <link rel="preload" href="//www.coastalcashmere.com/cdn/shop/t/3/assets/design-pack-styles.css?v=108337400465735395681773697372" as="style"> 1587 <link href="//www.coastalcashmere.com/cdn/shop/t/3/assets/design-pack-styles.css?v=108337400465735395681773697372" rel="stylesheet" type="text/css" media="all" /> 1588 <!-- BEGIN app block: shopify://apps/fbp-fast-bundle/blocks/fast_bundle/9e87fbe2-9041-4c23-acf5-322413994cef --> 1589 1590 1591 1592<!-- BEGIN app snippet: fast_bundle --> 1593 1594 1595 1596 1597 1598
1599<script> 1600 if (Math.random() < 0.05) { 1601 window.FastBundleRenderTimestamp = Date.now(); 1602 } 1603 1604 // Main initialization 1605 const apiURL = 'https://api.fastbundle.co'; 1606 const sdkBaseUrl = 'https://sdk.fastbundle.co'; 1607 const rbrCartUrl = `${apiURL}/scripts/cart.js`; 1608 const mainAppUrl = 'https://cdn.shopify.com/extensions/01a107a2-94a5-713f-8aee-cfaeb8a20d0c/fast-bundle-product-bundles-167/assets/main.min.js' 1609 const vendorUrl = 'https://cdn.shopify.com/extensions/01a107a2-94a5-713f-8aee-cfaeb8a20d0c/fast-bundle-product-bundles-167/assets/vendor.js'; 1610 const styleUrl = 'https://cdn.shopify.com/extensions/01a107a2-94a5-713f-8aee-cfaeb8a20d0c/fast-bundle-product-bundles-167/assets/main.min.css'; 1611 const legacyAppUrl = `${apiURL}/react-src/static/js/main.min.js`; 1612 const previousScriptLoaded = Boolean(document.querySelectorAll(`script[src*="${sdkBaseUrl}"]`).length) 1613 const previousLegacyScriptLoaded = Boolean(document.querySelectorAll(`script[src*="${legacyAppUrl}"]`).length) 1614 1615 if (!(previousScriptLoaded || previousLegacyScriptLoaded)) { 1616 const FastBundleConf = {"enable_bap_modal":false,"frontend_version":"1.29.06","storefront_record_submitted":false,"use_shopify_prices":false,"currencies":[{"id":2615405887,"code":"USD","conversion_fee":1.
16160,"roundup_number":0.0,"rounding_enabled":true}],"is_active":true,"override_product_page_forms":false,"allow_funnel":false,"do_not_track_bundle_visibility":false,"translations":[],"pid":"","bap_ids":[],"active_bundles_count":3,"use_color_swatch":false,"use_shop_price":false,"dropdown_color_swatch":true,"option_config":null,"enable_subscriptions":false,"has_fbt_bundle":false,"use_shopify_function_discount":true,"use_bundle_builder_modal":true,"use_cart_hidden_attributes":true,"bap_override_fetch":true,"invalid_bap_override_fetch":true,"volume_discount_add_on_override_fetch":true,"pmm_new_design":true,"merged_mix_and_match":true,"change_vd_product_picture":true,"buy_it_now":true,"rgn":558477,"baps":{},"has_multilingual_permission":true,"use_vd_templating":true,"use_payload_variant_id_in_fetch_override":true,"use_compare_at_price":false,"storefront_access_token":"0afdede10bb0568d9f4390267e98df47","serverless_vd_display":true,"serverless_vd_discount":true,"serverless_vd_auto_detection":false,"serverless_fixed_display":true,"serverless_add_on_display":true,"serverless_mix_and_match_display":false,"serverless_fixed_discount":true,"products_with_add_on":{"9360399499581":true,"9596134654269":true,"9999998845245":true},"collections_with_add_on":{},"ssr_add_on":true,"has_required_plan":true,"bundleBox":{"id":196518,"bundle_page_enabled":true,"bundle_page_style":null,"currency":"USD","currency_format":"$%s","percentage_format":"%s%","show_sold_out":true,"track_inventory":true,"shop_page_external_script":"","page_external_script":"","shop_page_style":null,"shop_page_title":null,"shop_page_description":null,"app_version":"v2","show_logo":true,"show_info":false,"money_format":"amount","tax_factor":1.0,"primary_locale":"en","discount_code_prefix":"BUNDLE","is_active":true,"created":"2026-10-08T20:15:55.297719Z","updated":"2026-10-08T20:37:37.311027Z","title":"Don't miss this offer","style":null,"inject_selector":null,"mix_inject_selector":null,"fbt_inject_selector":null,"volume_inject_selector":null,"volume_variant_selector":null,"button_title":"Buy this bundle","bogo_button_title":"Buy {quantity} items","price_description":"Add bundle to cart | Save {discount}","version":"v2.3","bogo_version":"v1","nth_child":1,"redirect_to_cart":true,"column_numbers":3,"color":null,"btn_font_color":"white","add_to_cart_selector":null,"cart_info_version":"v2","button_position":"bottom","bundle_page_shape":"row","add_bundle_action":"cart-page","requested_bundle_action":null,"request_action_text":null,"cart_drawer_function":"","cart_drawer_function_svelte":"","theme_template":"light","external_script":"","pre_add_script":"","shop_external_script":"","shop_style":"","bap_inject_selector":"","bap_none_selector":"","bap_form_script":"","bap_button_selector":"","bap_style_object":{"fbt":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"button":{"button_position":{"position":"bottom"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"#10313F","fontSize":14,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"title_and_description":{"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"bogo":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"
1616separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"button":{"button_position":{"position":"bottom"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"#10313F","fontSize":14,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"title_and_description":{"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"bxgyf":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"button":{"button_position":{"position":"bottom"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"#10313F","fontSize":14,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"title_and_description":{"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"standard":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"
1616separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"button":{"button_position":{"position":"bottom"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"#10313F","fontSize":14,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"title_and_description":{"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"mix_and_match":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"button":{"button_position":{"position":"bottom"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"#10313F","fontSize":14,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"title_and_description":{"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"col_mix_and_match":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"
1616separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"button":{"button_position":{"position":"bottom"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"#10313F","fontSize":14,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"title_and_description":{"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}}},"bundles_page_style_object":null,"style_object":{"fbt":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"bogo":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"bxgyf":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"general":{"customJS":"","fontSize":2,"customCSS":"","textColor":"#10313F","badgeColor":"#EA3F3F","fontFamily":"","labelColor":"#262626","borderColor":"#CBCBCB","borderWidth":2,"buttonColor":"#10313F","borderRadius":3,"badgeTextColor":"#FFFFFF","titleAlignment":"left","backgroundColor":"#FFFFFF","buttonTextColor":"#FFFFFF","bundlesPageLayout":"horizontal","variantSelectorType":"dropdown","bundlesPageAlignment":"bottom","variantSelectorTextColor":"#000000","variantSelectorBorderColor":"#EBEBEB","variantSelectorBackgroundColor":"#fafafa","discountAppliedOptionsTextColor":"#0D7E4E","discountUnappliedOptionsTextColor":"#5E5E5E","discountAppliedOptionsBackgroundColor":"#E0FAEF","discountUnappliedOptionsBackgroundColor":"#F1F1F1"},"standard":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"minimal"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"mix_and_match":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"col_mix_and_match":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}}},"old_style_object":null,"zero_discount_btn_title":"Add to cart","mix_btn_title":"Add selected to cart","collection_btn_title":"Add selected to cart","cart_page_issue":null,"cart_drawer_issue":null,"volume_btn_title":"Add {quantity} | save {discount}","badge_color":"#C30000","badge_price_description":"Save {discount}!","use_discount_on_cookie":true,"show_bap_buy_button":false,"bap_version":"v1","bap_price_selector":null,"bap_compare_price_selector":null,"bundles_display":"vertical","use_first_variant":true,"shop":171938},"bundlePageInfo":{"title":null,"description":null,"enabled":true,"handle":"bundles","shop_style":null,"shop_external_script":"","style":null,"external_script":"","bundles_alignment":"bottom","bundles_display":"horizontal"},"cartInfo":{"id":196543,"currency":"USD","currency_format":"$%s","box_discount_description":"Add bundle to cart | Save {discount}","box_button_title":"Buy this bundle","free_shipping_translation":null,"shipping_cost_translation":null,"is_reference":false,"subtotal_selector":".totals","subtotal_price_selector":".totals__subtotal-value","subtotal_title_selector":"","line_items_selector":".cart-item","discount_tag_html":"<div class=\"totals %class\">\r\n <h3 class=\"totals__subtotal\">Bundle (-%discount)</h3>\r\n <p class=\"totals__subtotal-value\">%final_price</p>\r\n </div>","free_shipping_tag":null,"form_subtotal_selector":"","form_subtotal_price_selector":"","form_line_items_selector":"","form_discount_html_tag":"","form_free_shipping_tag":null,"external_script":"","funnel_show_method":"three_seconds","funnel_popup_title":"Complete your cart with this bundle and save","funnel_alert":"This item is already in your cart.","funnel_discount_description":"save {discount}","style":"","shop_style":null,"shop_external_script":"","funnel_color":"","funnel_badge_color":"","style_object":{"fbt":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"bogo":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"bxgyf":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"general":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"customJS":"","fontSize":2,"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"customCSS":"","textColor":"#10313F","badgeColor":"#EA3F3F","fontFamily":"","labelColor":"#262626","borderColor":"#CBCBCB","borderWidth":2,"buttonColor":"#10313F","custom_code":{"main":{"custom_js":"","custom_css":""}},"borderRadius":3,"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"badgeTextColor":"#FFFFFF","discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"titleAlignment":"left","backgroundColor":"#FFFFFF","buttonTextColor":"#FFFFFF","discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"bundlesPageLayout":"horizontal","collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"variantSelectorType":"dropdown","bundlesPageAlignment":"bottom","title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}},"variantSelectorTextColor":"#000000","variantSelectorBorderColor":"#EBEBEB","variantSelectorBackgroundColor":"#fafafa","discountAppliedOptionsTextColor":"#0D7E4E","discountUnappliedOptionsTextColor":"#5E5E5E","discountAppliedOptionsBackgroundColor":"#E0FAEF","discountUnappliedOptionsBackgroundColor":"#F1F1F1"},"standard":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"minimal"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"mix_and_match":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"col_mix_and_match":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#10313F","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#10313F","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(16, 49, 63, 0.2)"}},"poweredBy":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#10313F","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#10313F","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#10313F"}},"title":{"style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#10313F"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(16, 49, 63, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#EA3F3F","borderTopRightRadius":8}},"total_section":{"text":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(16, 49, 63, 0.05)"},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#EA3F3F","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"checkbox_style":{"checked_color":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(16, 49, 63, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#fafafa"}},"discount_options":{"applied":{"color":"#0D7E4E","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#10313F","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#10313F"},"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#10313F","fontSize":18,"fontFamily":"inherit","fontWeight":500}
1616,"subtitle_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(16, 49, 63, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}}},"old_style_object":null,"funnel_button_description":"Buy this bundle | Save {discount}","funnel_injection_constraint":"","show_discount_section":false,"discount_section_style":null,"discount_section_selector":null,"reload_after_change_detection":false,"app_version":"v2","show_info":false,"box_zero_discount_title":"Add to cart"}}; 1617 FastBundleConf.pid = ''; 1618 FastBundleConf.domain = '119049-1d.myshopify.com'; 1619 FastBundleConf.variantIds = []; 1620 window.FastBundleConf = FastBundleConf; 1621 1622 // add random generated number query parameter to clear the cache 1623 const urlQueryParameter = `?rgn=${FastBundleConf?.rgn}`; 1624 loadFastBundleAssets(mainAppUrl, vendorUrl, styleUrl, rbrCartUrl + urlQueryParameter); 1625 } 1626 1627 // if the product id is set and the bap_override_fetch is not set, we add the style to the theme to hide the add to cart buttons 1628 if (window.FastBundleConf?.pid && !window.FastBundleConf?.bap_override_fetch) { 1629 if (window.FastBundleConf.bap_ids.includes(+window.FastBundleConf.pid)) { 1630 const styleElement = document.createElement('style') 1631 let bundleBox = window.FastBundleConf?.bundleBox 1632 styleElement.id = 'fb-bap-style' 1633 let externalSelector = bundleBox?.bap_button_selector ? `, ${bundleBox?.bap_button_selector}` : '' 1634 styleElement.innerHTML = ` 1635 button[name="add"], form[action="/cart/add"] button[type="submit"], input[name="add"] ${externalSelector}{ 1636 display: none !important; 1637 }` 1638 document.head.appendChild(styleElement) 1639 } 1640 } 1641 1642 // Helper function to load FastBundle assets 1643 function loadFastBundleAssets(mainAppUrl, vendorUrl, styleUrl, cartUrl) { 1644 1645 // Preconnect to the asset origin. Two hints are emitted because browsers 1646 // maintain separate HTTP/2 connection pools per CORS-mode: the anonymous 1647 // one is reused by the module scripts (vendor + main); the non-anonymous 1648 // one is reused by the non-CORS stylesheet. DNS resolution is shared. 1649 // Origin is parsed from mainAppUrl so this works whether assets are served 1650 // from the SDK CDN or from the Shopify CDN (browser dedupes either way). 1651 const assetOrigin = new URL(mainAppUrl, location.href).origin; 1652 1653 const preconnectAnon = document.createElement('link'); 1654 preconnectAnon.rel = 'preconnect'; 1655 preconnectAnon.href = assetOrigin; 1656 preconnectAnon.crossOrigin = 'anonymous'; 1657 document.head.appendChild(preconnectAnon); 1658 1659 const preconnect = document.createElement('link'); 1660 preconnect.rel = 'preconnect'; 1661 preconnect.href = assetOrigin; 1662 document.head.appendChild(preconnect); 1663 1664 // Load vendor script with modulepreload 1665 const vendorScript = document.createElement('link'); 1666 vendorScript.rel = 'modulepreload'; 1667 vendorScript.href = vendorUrl; 1668 document.head.appendChild(vendorScript); 1669 1670 // Load main app script 1671 const mainScript = document.createElement('script'); 1672 mainScript.defer = true; 1673 mainScript.type = 'module'; 1674 mainScript.src = mainAppUrl; 1675 document.head.appendChild(mainScript); 1676 1677 // Load cart script 1678 const cartScript = document.createElement('script'); 1679 cartScript.src = cartUrl; 1680 cartScript.defer = true; 1681 cartScript.type = 'text/javascript'; 1682 document.head.appendChild(cartScript); 1683 1684 // Load stylesheet 1685 const styleLink = document.createElement('link'); 1686 styleLink.rel = 'stylesheet'; 1687 styleLink.href = styleUrl; 1688 document.head.appendChild(styleLink); 1689 } 1690 1691 </script>
1691 1692 1693<!-- END app snippet --> 1694 <!-- BEGIN app snippet: fast_bundle_shared -->
1694<script> 1695 (function(){ 1696 const FastBundleConf = window?.FastBundleConf || {}; 1697 1698 const shopDomain = FastBundleConf?.shop_domain || "119049-1d.myshopify.com"; 1699 const countryByMarket = "US"; 1700 const countryByLocale = null; 1701 const countryCode = countryByMarket || countryByLocale || FastBundleConf?.country_code || 'US'; 1702 const language = {"shop_locale":{"locale":"en","enabled":true,"primary":true,"published":true}}; 1703 const shopLocale = language.shop_locale.locale || null; 1704 const firstRawLanguage = "en"; 1705 const SecondRawLanguage = "en"; 1706 const langCandidates = [ 1707 firstRawLanguage, 1708 SecondRawLanguage, 1709 navigator.language, 1710 navigator.userLanguage, 1711 null, 1712 ]; 1713 let shopLanguage = null; 1714 for (const candidate of langCandidates) { 1715 shopLanguage = fastBundleExtractValidLanguage(candidate); 1716 if (shopLanguage) break; 1717 } 1718 if (!shopLanguage) shopLanguage = "EN"; 1719 const storefrontAccessToken = "0afdede10bb0568d9f4390267e98df47" || ''; 1720 const mainProduct = null; 1721 window.FastBundleShared = window.FastBundleShared || {}; 1722 window.FastBundleShared.functions = window.FastBundleShared.functions || {}; 1723 1724 function fastBundleExtractValidLanguage(raw) { 1725 if (!raw || typeof raw !== "string") return null; 1726 const clean = raw.trim().toLowerCase(); 1727 if (/^[a-z]{2}$/.test(clean)) { 1728 return clean.toUpperCase(); 1729 } 1730 if (/^[a-z]{2}-[a-z0-9]+$/.test(clean)) { 1731 return clean.split('-')[0].toUpperCase(); 1732 } 1733 if (/^[a-z]{2}_[a-z0-9]+$/.test(clean)) { 1734 return clean.split('_')[0].toUpperCase(); 1735 } 1736 return null; 1737 } 1738 1739 window.FastBundleShared.defineFunction = function (name, fn) { 1740 if (!window.FastBundleShared.functions[name]) { 1741 window.FastBundleShared.functions[name] = fn; 1742 } else { 1743 console.warn(`Function "${name}" is already defined.`); 1744 } 1745 }; 1746 1747 1748 window.FastBundleShared.config = { 1749 shopDomain: shopDomain, 1750 countryCode: countryCode, 1751 shopLanguage: shopLanguage, 1752 storefrontAccessToken: storefrontAccessToken, 1753 }; 1754 window.FastBundleShared.__ready = window.FastBundleShared.__ready || new Promise(function (resolve) { 1755 const script = document.createElement('script'); 1756 script.src = "https://cdn.shopify.com/extensions/01a107a2-94a5-713f-8aee-cfaeb8a20d0c/fast-bundle-product-bundles-167/assets/fast_bundle_shared.js"; 1757 script.onload = resolve; 1758 script.onerror = function () { 1759 console.error('FastBundle: failed to load fast_bundle_shared.js'); 1760 resolve(); 1761 }; 1762 (document.head || document.documentElement).appendChild(script); 1763 }); 1764 1765 // A stale CDN copy of the asset may predate a fetcher, so fall back to the 1766 // shape each caller expects rather than throwing. 1767 function fastBundleDeferToAsset(name, emptyValue) { 1768 return async function () { 1769 await window.FastBundleShared.__ready; 1770 const fn = window.FastBundleShared.__impl?.[name]; 1771 if (typeof fn !== 'function') { 1772 console.error(`FastBundle: ${name} unavailable (fast_bundle_shared.js did not load)`); 1773 return emptyValue; 1774 } 1775 return fn.apply(null, arguments); 1776 }; 1777 } 1778 1779 window.FastBundleShared.defineFunction('fetchProductByID', fastBundleDeferToAsset('fetchProductByID', null)); 1780 window.FastBundleShared.defineFunction('fetchProductsByIDs', fastBundleDeferToAsset('fetchProductsByIDs', {})); 1781 window.FastBundleShared.defineFunction('fetchAllProductVariants', fastBundleDeferToAsset('fetchAllProductVariants', null)); 1782 window.FastBundleShared.defineFunction('ensureAllVariants', fastBundleDeferToAsset('ensureAllVariants', null)); 1783 1784 // fast_bundle_volume.liquid reads this synchronously at parse time, so it 1785 // cannot defer to the asset like the fetchers above. 1786 window.FastBundleShared.defineFunction('formatMoney', function (amount, currency = 'USD') { 1787 return new Intl.NumberFormat('en-US', { 1788 style: 'currency', 1789 currency, 1790 }).format(amount); 1791 }); 1792 1793 window.FastBundleShared.defineFunction('getMainProduct', function () { 1794 if (!mainProduct) return null; 1795 1796 mainProduct.collections = []; 1797 mainProduct.body_html = mainProduct.description; 1798 mainProduct.image = mainProduct.images.length ? mainProduct.images[0] : null; 1799 mainProduct.raw_price = mainProduct.price / 100; 1800 1801 mainProduct.price = ""; 1802 1803 mainProduct.options_with_values = [ 1804 1805 ]; 1806 mainProduct.options = mainProduct.options_with_values; 1807 delete mainProduct.options_with_values 1808 return mainProduct; 1809 }) 1810 1811 window.FastBundleShared.defineFunction('excludeVariants', function (product, excludedVariants) { 1812 let preprocessedProduct = { ...product }; 1813 if (excludedVariants.length) { 1814 const excludedIds = new Set(excludedVariants.map((id) => Number(id))); 1815 preprocessedProduct.variants = product.variants.filter((variant) => !excludedIds.has(variant.id)); 1816 } 1817 return preprocessedProduct; 1818 }); 1819 1820 window.FastBundleShared.defineFunction('handleTranslations', async function(offer, bundleTranslationKeys, discountTranslationKeys, itemTranslationKeys = []) { 1821 const translations = offer.translations || {}; 1822 const t = translations[shopLocale] || {}; 1823 bundleTranslationKeys.forEach((key) => { 1824 if (t[key]) { 1825 offer[key] = t[key]; 1826 } 1827 }); 1828 delete offer.translations; 1829 if (offer.discounts && Array.isArray(offer.discounts)) {
1830 offer.discounts.forEach((discount, j) => { 1831 const discountTranslations = discount.translations || {}; 1832 const dt = discountTranslations[shopLocale] || {}; 1833 discountTranslationKeys.forEach((key) => { 1834 if (dt[key]) { 1835 offer.discounts[j][key] = dt[key]; 1836 } 1837 }); 1838 delete discount.translations; 1839 }); 1840 } 1841 // Item-level translations (offer.items[].translations), keyed by locale like 1842 // the offer/discount ones. Only mix & match passes item keys today; callers 1843 // that omit them keep the exact previous behaviour, translations included. 1844 if (itemTranslationKeys.length && Array.isArray(offer.items)) { 1845 offer.items.forEach((item, k) => { 1846 const itemTranslations = item.translations || {}; 1847 const it = itemTranslations[shopLocale] || {}; 1848 itemTranslationKeys.forEach((key) => { 1849 if (it[key]) { 1850 offer.items[k][key] = it[key]; 1851 } 1852 }); 1853 delete item.translations; 1854 }); 1855 } 1856 }); 1857 1858 window.FastBundleShared.defineFunction('isPreview', function(){ 1859 const params = new URLSearchParams(window.location.search.toLowerCase()); 1860 const isPreview = params.get('ispreview') === 'true'; 1861 return isPreview 1862 }) 1863 1864 window.FastBundleShared.defineFunction('conditionalLog', function (...args) { 1865 try { 1866 if (localStorage.getItem('allowRBRLogs') === 'true') { 1867 console.log('From Extension:***', ...args); 1868 } 1869 } catch (error) { 1870 console.error(error); 1871 } 1872 }); 1873 })(); 1874</script>
1874 1875<!-- END app snippet --> 1876 <!-- BEGIN app snippet: fast_bundle_volume --> 1877
1878<script> 1879 (async function() { 1880 const FastBundleConf = window?.FastBundleConf || {}; 1881 const fetchProductByID = window.FastBundleShared.functions.fetchProductByID; 1882 const getMainProduct = window.FastBundleShared.functions.getMainProduct; 1883 const conditionalLog = window.FastBundleShared?.functions?.conditionalLog || (() => {}); 1884 const mainProduct = getMainProduct(); 1885 conditionalLog('mainProduct',mainProduct); 1886 const excludeVariants = window.FastBundleShared.functions.excludeVariants; 1887 const handleTranslations = window.FastBundleShared.functions.handleTranslations; 1888 if (FastBundleConf?.serverless_vd || FastBundleConf?.serverless_vd_display) { 1889 if (!mainProduct) return; 1890 window.FastBundleConf.change_vd_product_picture = true; 1891 let FastBundleVolumeOffers = []; 1892 conditionalLog('FastBundleVolumeOffers', FastBundleVolumeOffers); 1893 window.FastBundleVolumeOffers = FastBundleVolumeOffers; 1894 1895 function finishWithNoVolumeOffer() { 1896 window.FastBundleVolumeOffer = []; 1897 document.dispatchEvent(new CustomEvent('FastBundleVolumeOffersReady', { detail: [] })); 1898 } 1899 1900 1901 const totalVariantsCount = null || 0; 1902 const shopCurrency = "USD"; 1903 const shopMoneyFormat = "${{amount}}"; 1904 const fetchAllProductVariants = window.FastBundleShared.functions.fetchAllProductVariants; 1905 const formatMoney = window.FastBundleShared.functions.formatMoney; 1906 1907 function formatWithDelimiters(cents, precision, thousands, decimal) { 1908 const fixed = (cents / 100).toFixed(precision); 1909 const parts = fixed.split('.'); 1910 const units = parts[0].replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + thousands); 1911 return parts[1] ? units + decimal + parts[1] : units; 1912 } 1913 1914 function formatMoneyLikeLiquid(cents, currencyCode) { 1915 // Reproduce the Liquid money filter so appended variants display like the first 250. 1916 // Fall back to Intl formatting when the price is not in the shop currency. 1917 if (currencyCode !== shopCurrency || !shopMoneyFormat) { 1918 return formatMoney(cents / 100, currencyCode); 1919 } 1920 const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/; 1921 const placeholder = (shopMoneyFormat.match(placeholderRegex) || [])[1]; 1922 let value; 1923 switch (placeholder) { 1924 case 'amount_no_decimals': value = formatWithDelimiters(cents, 0, ',', '.'); break; 1925 case 'amount_with_comma_separator': value = formatWithDelimiters(cents, 2, '.', ','); break; 1926 case 'amount_no_decimals_with_comma_separator': value = formatWithDelimiters(cents, 0, '.', ','); break; 1927 case 'amount_with_apostrophe_separator': value = formatWithDelimiters(cents, 2, "'", '.'); break; 1928 default: value = formatWithDelimiters(cents, 2, ',', '.'); 1929 } 1930 return shopMoneyFormat.replace(placeholderRegex, value); 1931 } 1932 1933 function convertStorefrontVariant(node) { 1934 const variantId = Number(String(node?.id || '').split('/').pop()); 1935 const currencyCode = node?.price?.currencyCode; 1936 const rawPrice = parseFloat(node?.price?.amount || 0); 1937 const rawCompareAtPrice = node?.compareAtPrice ? parseFloat(node.compareAtPrice.amount) : rawPrice; 1938 const rawQuantity = node?.quantityAvailable; 1939 const isTracked = typeof rawQuantity === 'number' && rawQuantity !== -1; 1940 const sellsWhenOutOfStock = !!node?.currentlyNotInStock && node?.availableForSale === true; 1941 const inventoryManagement = isTracked ? 'shopify' : null; 1942 const inventoryPolicy = isTracked ? (sellsWhenOutOfStock ? 'continue' : 'deny') : 'continue'; 1943 const inventoryQuantity = isTracked ? rawQuantity : (node?.availableForSale ? 1 : 0); 1944 const image = node?.image?.url ? { src: node.image.url, alt: null } : null; 1945 const selectedOptions = node?.selectedOptions || []; 1946 return { 1947 id: variantId, 1948 title: node?.title, 1949 name: mainProduct.title + ' - ' + node?.title, 1950 public_title: node?.title, 1951 available: node?.availableForSale === true, 1952 availableForSale: node?.availableForSale === true, 1953 currentlyNotInStock: !!node?.currentlyNotInStock, 1954 is_inventory_tracked: isTracked, 1955 option1: selectedOptions[0]?.value ?? null, 1956 option2: selectedOptions[1]?.value ?? null, 1957 option3: selectedOptions[2]?.value ?? null, 1958 selectedOptions: selectedOptions, 1959 sku: node?.sku || null, 1960 requires_shipping: node?.requiresShipping !== false, 1961 taxable: node?.taxable !== false, 1962 barcode: null, 1963 weight: 0, 1964 featured_image: image, 1965 featured_media: null,
1966 requires_selling_plan: false, 1967 selling_plan_allocations: [], 1968 quantity_price_breaks: [], 1969 quantity_rule: { min: 1, max: null, increment: 1 }, 1970 // raw_price is in currency units to match getMainProduct() (variant.price | divided_by: 100.0) 1971 raw_price: rawPrice, 1972 price: formatMoneyLikeLiquid(Math.round(rawPrice * 100), currencyCode), 1973 raw_compare_at_price: rawCompareAtPrice, 1974 compare_at_price: formatMoneyLikeLiquid(Math.round(rawCompareAtPrice * 100), currencyCode), 1975 image: image, 1976 inventory_policy: inventoryPolicy, 1977 inventory_quantity: inventoryQuantity, 1978 inventory_management: inventoryManagement, 1979 quantity: (inventoryManagement && inventoryPolicy === 'deny') ? inventoryQuantity : 1, 1980 }; 1981 } 1982 1983 async function ensureAllVariants(product) { 1984 if (!totalVariantsCount || totalVariantsCount <= product.variants.length) return product; 1985 if (typeof fetchAllProductVariants !== 'function') return product; 1986 try { 1987 const nodes = await fetchAllProductVariants(product.id); 1988 if (!nodes || !nodes.length) return product; 1989 const knownIds = new Set(product.variants.map((variant) => variant.id)); 1990 const missingVariants = nodes 1991 .map(convertStorefrontVariant) 1992 .filter((variant) => variant.id && !knownIds.has(variant.id)); 1993 if (!missingVariants.length) return product; 1994 conditionalLog('Volume: appended variants beyond the Liquid 250 cap', { 1995 rendered: product.variants.length, 1996 fetched: nodes.length, 1997 appended: missingVariants.length, 1998 }); 1999 // Return a copy: mainProduct is shared with the other bundle types and must stay capped for them. 2000 return { ...product, variants: product.variants.concat(missingVariants) }; 2001 } catch (error) { 2002 conditionalLog('Volume: full variant fetch failed, falling back to the first 250 variants', error); 2003 return product; 2004 } 2005 } 2006 2007 if (!FastBundleVolumeOffers.length) { 2008 conditionalLog('No Volume Offers Found'); 2009 finishWithNoVolumeOffer(); 2010 return; 2011 } 2012 2013 for (const offer of FastBundleVolumeOffers) { 2014 offer.use_compare_at_price = FastBundleConf?.use_compare_at_price; 2015 offer.discount = offer.discounts[0] || {}; 2016 await handleTranslations( 2017 offer, 2018 ['title', 2019 'description', 2020 'volume_show_price_per_item_suffix'], 2021 ['badge', 2022 'description', 2023 'label', 2024 'subtitle'] 2025 ); 2026 } 2027 async function attachFastBundleFreeGifts() { 2028 const offersWithDiscounts = window.FastBundleVolumeOffer || []; 2029 const promises = []; 2030 offersWithDiscounts.forEach((offer) => { 2031 if (offer.discounts && Array.isArray(offer.discounts)) { 2032 offer.discounts.forEach((discount) => { 2033 if (discount.free_gift && discount.free_gift.product_id) { 2034 const numericId = discount.free_gift.product_id; 2035 const gid = `gid://shopify/Product/${numericId}`; 2036 const p = fetchProductByID(gid).then(product => { 2037 if (product) { 2038 discount.free_gift.product = product; 2039 } 2040 }); 2041 promises.push(p); 2042 } 2043 }); 2044 } 2045 }); 2046 2047 await Promise.all(promises); 2048 document.dispatchEvent(new CustomEvent('FastBundleVolumeFreeGiftsReady', { detail: offersWithDiscounts })); 2049 window.FastBundleVolumeOffer = offersWithDiscounts; 2050 } 2051 function isFastBundleOfferActive(offer) { 2052 const isPreview = window.FastBundleShared.functions.isPreview; 2053 if (!isPreview() && !offer?.enabled) return false; 2054 const now = new Date(); 2055 if (offer.start_datetime && new Date(offer.start_datetime) > now) return false; 2056 if (offer.end_datetime && new Date(offer.end_datetime) < now) return false; 2057 return true; 2058 } 2059 async function determineFastBundlVolumeeOffer() { 2060 for (const offer of FastBundleVolumeOffers) { 2061 if (isFastBundleOfferActive(offer)) return offer; 2062 } 2063 return {}; 2064 } 2065 determineFastBundlVolumeeOffer().then(async offer => { 2066 if (!offer?.id) { 2067 conditionalLog('No Active Volume Offer Found'); 2068 finishWithNoVolumeOffer(); 2069 return; 2070 } 2071 2072 const volumeProduct = await ensureAllVariants(mainProduct); 2073 const excludedVariants = [ 2074 ...(offer?.item?.excluded_variants || []), 2075 ...(offer?.item?.collect_excluded_variants?.[mainProduct.id] || []), 2076 ]; 2077 conditionalLog('excludedVariants', excludedVariants); 2078 const preprocessedProduct = excludeVariants(volumeProduct, excludedVariants); 2079 preprocessedProduct.item_id = offer?.item?.id || 0; 2080 offer.items = [preprocessedProduct]; 2081 window.FastBundleVolumeOffer = [offer]; 2082 await attachFastBundleFreeGifts(); 2083 document.dispatchEvent(new CustomEvent('FastBundleVolumeOffersReady', { detail: window.FastBundleVolumeOffer })); 2084 }).catch(error => { 2085 conditionalLog('Error determining FastBundleVolumeOffer', error); 2086 }); 2087 } 2088 })(); 2089</script>
2089 2090<!-- END app snippet --> 2091 <!-- BEGIN app snippet: fast_bundle_cross_sell -->
2091<script> 2092 (async function(){ 2093 let FastBundleCrossSellOffers = []; 2094 const conditionalLog = window.FastBundleShared?.functions?.conditionalLog || (() => {}); 2095 conditionalLog('FastBundleCrossSellOffers', FastBundleCrossSellOffers); 2096 const FastBundleConf = window?.FastBundleConf || {}; 2097 const handleTranslations = window.FastBundleShared.functions.handleTranslations; 2098 const isPreview = window.FastBundleShared.functions.isPreview; 2099 2100 function isCrossSellOfferActive(offer) { 2101 if (offer?.enabled === false) return false; 2102 const now = Date.now(); 2103 if (offer.start_datetime && Date.parse(offer.start_datetime) > now) return false; 2104 if (offer.end_datetime && Date.parse(offer.end_datetime) < now) return false; 2105 return true; 2106 } 2107 2108 if (!isPreview()) { 2109 FastBundleCrossSellOffers = (FastBundleCrossSellOffers || []).filter(isCrossSellOfferActive); 2110 } 2111 2112 async function attachFastBundleItems(offer) { 2113 if (!offer) return; 2114 const getMainProduct = window.FastBundleShared.functions.getMainProduct; 2115 const fetchProductByID = window.FastBundleShared.functions.fetchProductByID; 2116 const mainProduct = getMainProduct(); 2117 const pid = ''; 2118 const excludeVariants = window.FastBundleShared.functions.excludeVariants; 2119 const uniqueChildIds = offer.children?.flatMap(child => 2120 (child.items || []).map(item => item.item_id) 2121 ) || []; 2122 const uniqueProductIds = [ 2123 ...new Set([ 2124 ...(uniqueChildIds || []), 2125 offer.main_item_id ? String(offer.main_item_id) : null, 2126 ].filter(Boolean)) 2127 ] 2128 const productMap = {}; 2129 try { 2130 const results = await Promise.all( 2131 uniqueProductIds.map(async (id) => { 2132 const gid = id.startsWith('gid://') ? id : `gid://shopify/Product/${id}`; 2133 const product = await fetchProductByID(gid, false); 2134 if (product) productMap[id] = product; 2135 }) 2136 ); 2137 } catch (err) { 2138 console.error('Error fetching products:', err); 2139 } 2140 offer.main_item = productMap[String(offer.main_item_id)] || null; 2141 const filteredChildren = (offer.children || []).filter(child => 2142 (child.items || []).every(item => productMap[item.item_id]) 2143 ); 2144 offer.children = filteredChildren.map(child => ({ 2145 ...child, 2146 items: child.items.map(item => ({ 2147 ...item, 2148 ...excludeVariants(productMap[item.item_id], item.excluded_variants) || {}, 2149 })), 2150 volume_single_variant_selector: offer?.volume_single_variant_selector, 2151 })); 2152 window.FastBundleCrossSellOffer = offer; 2153 } 2154 if (FastBundleCrossSellOffers?.length) { 2155 document.dispatchEvent(new CustomEvent('FastBundleCrossSellOfferExists', { 2156 detail: true 2157 })); 2158 await attachFastBundleItems(FastBundleCrossSellOffers[0]); 2159 await handleTranslations( 2160 FastBundleCrossSellOffers[0], 2161 ['title', 'description'], 2162 ['description'] 2163 ); 2164 FastBundleCrossSellOffers[0].use_compare_at_price = FastBundleConf?.use_compare_at_price; 2165 for (const child of FastBundleCrossSellOffers[0].children) { 2166 await handleTranslations( 2167 child, 2168 ['title', 'description'], 2169 ['description'] 2170 ); 2171 child.use_compare_at_price = FastBundleConf?.use_compare_at_price; 2172 child.is_child = true; 2173 child.discount = child.discounts[0] || {}; 2174 } 2175 window.FastBundleCrossSellOffer = [FastBundleCrossSellOffers?.[0]].filter(Boolean); 2176 } else { 2177 document.dispatchEvent(new CustomEvent('FastBundleCrossSellOfferExists', { 2178 detail: false 2179 })); 2180 window.FastBundleCrossSellOffer = null; 2181 } 2182 2183 document.dispatchEvent(new CustomEvent('FastBundleCrossSellOfferReady', { 2184 detail: window.FastBundleCrossSellOffer || {} 2185 })); 2186 })(); 2187</script>
2187 2188<!-- END app snippet --> 2189 <!-- BEGIN app snippet: fast_bundle_add_on --> 2190<!-- BEGIN app snippet: fast_bundle_add_on_match -->
2191<script> 2192(async function () { 2193const conditionalLog = window.FastBundleShared?.functions?.conditionalLog || (() => {}); 2194 2195let FastBundleAddOnOffers = []; 2196conditionalLog('FastBundleAddOnOffers', FastBundleAddOnOffers); 2197const FastBundleConf = window?.FastBundleConf || {}; 2198const handleTranslations = window.FastBundleShared.functions.handleTranslations; 2199const isPreview = window.FastBundleShared.functions.isPreview; 2200 2201function isAddOnOfferActive(offer) { 2202if (offer?.enabled === false) return false; 2203const now = Date.now(); 2204if (offer.start_datetime && Date.parse(offer.start_datetime) > now) return false; 2205if (offer.end_datetime && Date.parse(offer.end_datetime) < now) return false; 2206return true; 2207} 2208 2209if (!isPreview()) { 2210FastBundleAddOnOffers = (FastBundleAddOnOffers || []).filter(isAddOnOfferActive); 2211conditionalLog('FastBundleAddOnOffers after active filter', FastBundleAddOnOffers); 2212} 2213 2214const ADD_ON_ITEM_TYPE_PRIORITY = { 2215product: 0, 2216collection: 1, 2217general: 2, 2218}; 2219 2220function pickBestAddOnOfferFB(offers) { 2221const list = [...(offers || [])]; 2222if (!list.length) return null; 2223 2224list.sort((a, b) => { 2225const priorityDiff = 2226(ADD_ON_ITEM_TYPE_PRIORITY[a.item_type] ?? 99) - 2227(ADD_ON_ITEM_TYPE_PRIORITY[b.item_type] ?? 99); 2228if (priorityDiff !== 0) return priorityDiff; 2229return (a.products_page_priority ?? 0) - (b.products_page_priority ?? 0); 2230}); 2231 2232return list[0]; 2233} 2234 2235async function attachFastBundleItemsFB(offer) { 2236if (!offer) { 2237conditionalLog('No offer found'); 2238return false 2239}; 2240const getMainProduct = window.FastBundleShared.functions.getMainProduct; 2241const fetchProductsByIDs = window.FastBundleShared.functions.fetchProductsByIDs; 2242const excludeVariants = window.FastBundleShared.functions.excludeVariants; 2243 2244const items = offer.items || []; 2245if (!items.length) { 2246conditionalLog('No items found'); 2247return false; 2248}; 2249 2250const mainProduct = getMainProduct(); 2251if (!mainProduct) { 2252conditionalLog('No main product found'); 2253return false; 2254}; 2255 2256const addOnProductIds = [ 2257...new Set( 2258items 2259.filter((item) =>
2259 item.is_add_on === true) 2260.map((item) => String(item.item_id)) 2261.filter(Boolean) 2262), 2263]; 2264 2265const productMap = {}; 2266try { 2267if (!fetchProductsByIDs && addOnProductIds.length) { 2268conditionalLog('fetchProductsByIDs function is missing, add-on products cannot be fetched'); 2269} 2270if (fetchProductsByIDs && addOnProductIds.length) { 2271const fetchedProducts = await fetchProductsByIDs(addOnProductIds, false); 2272conditionalLog('fetchedProducts', fetchedProducts); 2273Object.keys(fetchedProducts || {}).forEach((id) => { 2274if (fetchedProducts[id]) productMap[id] = fetchedProducts[id]; 2275}); 2276} 2277} catch (err) { 2278conditionalLog('Error fetching products:', err); 2279return false; 2280} 2281 2282const hydratedItems = []; 2283for (const item of items) { 2284if (item.is_add_on === false || item.type === 'collection' || item.type === 'general') { 2285const excludedVariants = [ 2286...(item.excluded_variants || []), 2287...(item.collect_excluded_variants?.[mainProduct.id] || []), 2288]; 2289const preprocessedProduct = excludeVariants(mainProduct, excludedVariants) || {}; 2290if (!Array.isArray(preprocessedProduct.variants) || preprocessedProduct.variants.length === 0) { 2291conditionalLog('No variants left after exclusions on main product', mainProduct.id); 2292return false; 2293} 2294hydratedItems.push({ 2295...item, 2296...preprocessedProduct, 2297id: item.id, 2298item_id: String(mainProduct.id), 2299}); 2300continue; 2301} 2302
2303if (item.is_add_on === true) { 2304const product = productMap[String(item.item_id)]; 2305if (!product) { 2306conditionalLog('Add-on product not found in fetched products', item.item_id); 2307return false; 2308}; 2309const preprocessedProduct = excludeVariants(product, item.excluded_variants || []) || {}; 2310if (!Array.isArray(preprocessedProduct.variants) || preprocessedProduct.variants.length === 0) { 2311conditionalLog('No variants left after exclusions on add-on product', item.item_id); 2312return false; 2313} 2314hydratedItems.push({ ...item, ...preprocessedProduct }); 2315} 2316} 2317conditionalLog('hydratedItems', hydratedItems); 2318offer.items = hydratedItems; 2319return true; 2320} 2321 2322const pageMatchingOffers = FastBundleAddOnOffers || []; 2323const bestOffer = pickBestAddOnOfferFB(pageMatchingOffers); 2324conditionalLog('bestOffer', bestOffer); 2325if (bestOffer) { 2326document.dispatchEvent(new CustomEvent('FastBundleAddOnOfferExists', { detail: true })); 2327window.FastBundleAddOnOffers = pageMatchingOffers; 2328 2329const ok = await attachFastBundleItemsFB(bestOffer); 2330conditionalLog('attachFastBundleItemsFB result', ok); 2331if (!ok) { 2332document.dispatchEvent(new CustomEvent('FastBundleAddOnOfferExists', { detail: false })); 2333// Empty array = "serverless checked, no offer" -> SDK falls back to serverfull. 2334window.FastBundleAddOnOffer = []; 2335conditionalLog('Set window.FastBundleAddOnOffer = [] -> offer item hydration failed (see previous log for the reason), falling back to serverfull'); 2336window.FastBundleAddOnOffers = null; 2337document.dispatchEvent(new CustomEvent('FastBundleAddOnOfferReady', { detail: [] })); 2338return; 2339} 2340 2341bestOffer.use_compare_at_price = FastBundleConf?.use_compare_at_price; 2342bestOffer.discount = bestOffer.discounts?.[0] || {}; 2343await handleTranslations( 2344bestOffer, 2345['title', 'description'], 2346['description', 'label', 'badge', 'subtitle'] 2347); 2348window.FastBundleAddOnOffer = [bestOffer]; 2349} else { 2350document.dispatchEvent(new CustomEvent('FastBundleAddOnOfferExists', { detail: false })); 2351// Empty array = "serverless checked, no offer" -> SDK falls back to serverfull. 2352window.FastBundleAddOnOffer = []; 2353conditionalLog('Set window.FastBundleAddOnOffer = [] -> no active add-on offer matches this page, falling back to serverfull'); 2354window.FastBundleAddOnOffers = null; 2355} 2356 2357document.dispatchEvent(new CustomEvent('FastBundleAddOnOfferReady', { 2358detail: window.FastBundleAddOnOffer || [] 2359})); 2360})(); 2361</script>
2361<!-- END app snippet --><!-- END app snippet --> 2362 <!-- BEGIN app snippet: fast_bundle_fixed -->
2362<script> 2363 (async function(){ 2364 let FastBundleFixedOffers = []; 2365 const FastBundleConf = window?.FastBundleConf || {}; 2366 const handleTranslations = window.FastBundleShared.functions.handleTranslations; 2367 const isPreview = window.FastBundleShared.functions.isPreview; 2368 2369 function isFixedOfferActive(offer) { 2370 if (offer?.enabled === false) return false; 2371 const now = Date.now(); 2372 if (offer.start_datetime && new Date(offer.start_datetime).getTime() > now) return false; 2373 if (offer.end_datetime && new Date(offer.end_datetime).getTime() < now) return false; 2374 return true; 2375 } 2376 2377 if (!isPreview()) { 2378 FastBundleFixedOffers = (FastBundleFixedOffers || []).filter(isFixedOfferActive); 2379 } 2380 2381 // Returns true only if every bundle item resolves to a fetched product with 2382 // at least one selectable variant. Deleted/hidden products (or products that 2383 // collapse to zero variants after `excluded_variants`) cause the whole bundle 2384 // to be dropped â partial bundles must never reach the storefront. 2385 async function attachFastBundleItems(offer) { 2386 if (!offer) return false; 2387 const fetchProductsByIDs = window.FastBundleShared.functions.fetchProductsByIDs; 2388 const excludeVariants = window.FastBundleShared.functions.excludeVariants; 2389 2390 const items = offer.items || []; 2391 if (!items.length) return false; 2392 2393 const uniqueProductIds = [ 2394 ...new Set(items.map(item => String(item.item_id))) 2395 ]; 2396 2397 const productMap = {}; 2398 try { 2399 if (fetchProductsByIDs && uniqueProductIds.length) { 2400 const fetchedProducts = await fetchProductsByIDs(uniqueProductIds, false); 2401 Object.keys(fetchedProducts || {}).forEach((id) => { 2402 if (fetchedProducts[id]) productMap[id] = fetchedProducts[id]; 2403 }); 2404 } 2405 } catch (err) { 2406 console.error('Error fetching products:', err); 2407 return false; 2408 } 2409 2410 const hydratedItems = []; 2411 for (const item of items) { 2412 const product = productMap[item.item_id]; 2413 if (!product) return false; 2414 const preprocessedProduct = excludeVariants(product, item.excluded_variants) || {}; 2415 if (!Array.isArray(preprocessedProduct.variants) || preprocessedProduct.variants.length === 0) { 2416 return false; 2417 } 2418 hydratedItems.push({ ...item, ...preprocessedProduct }); 2419 } 2420 2421 offer.items = hydratedItems; 2422 return true; 2423 } 2424 2425 if (FastBundleFixedOffers?.length) { 2426 document.dispatchEvent(new CustomEvent('FastBundleFixedOfferExists', { detail: true })); 2427 const hydratedOffers = []; 2428 for (const offer of FastBundleFixedOffers) { 2429 const ok = await attachFastBundleItems(offer); 2430 if (!ok) continue; 2431 offer.use_compare_at_price = FastBundleConf?.use_compare_at_price; 2432 offer.discount = offer.discounts[0] || {}; 2433 await handleTranslations( 2434 offer, 2435 ['title', 'description'], 2436 ['description', 'label', 'badge', 'subtitle'] 2437 ); 2438 hydratedOffers.push(offer); 2439 } 2440 if (hydratedOffers.length === 0) { 2441 document.dispatchEvent(new CustomEvent('FastBundleFixedOfferExists', { detail: false })); 2442 window.FastBundleFixedOffer = []; 2443 document.dispatchEvent(new CustomEvent('FastBundleFixedOfferReady', { detail: [] })); 2444 return; 2445 } 2446 window.FastBundleFixedOffer = hydratedOffers; 2447 } else { 2448 document.dispatchEvent(new CustomEvent('FastBundleFixedOfferExists', { detail: false })); 2449 // Empty array = "serverless checked, no offer" -> SDK falls back to serverfull. 2450 window.FastBundleFixedOffer = []; 2451 } 2452 2453 document.dispatchEvent(new CustomEvent('FastBundleFixedOfferReady', { 2454 detail: window.FastBundleFixedOffer || [] 2455 })); 2456 })(); 2457</script>
2457 2458<!-- END app snippet --> 2459 <!-- BEGIN app snippet: fast_bundle_mix_and_match -->
2460<script> 2461 (async function () { 2462 let FastBundleMixAndMatchOffers = []; 2463 2464 const FastBundleConf = window?.FastBundleConf || {}; 2465 const conditionalLog = window.FastBundleShared?.functions?.conditionalLog || (() => {}); 2466 const handleTranslations = window.FastBundleShared.functions.handleTranslations; 2467 const isPreview = window.FastBundleShared.functions.isPreview; 2468 conditionalLog('FastBundleMixAndMatchOffers', FastBundleMixAndMatchOffers); 2469 function isMixAndMatchOfferActive(offer) { 2470 if (offer?.enabled === false) return false; 2471 const now = Date.now(); 2472 if (offer.start_datetime && new Date(offer.start_datetime).getTime() > now) return false; 2473 if (offer.end_datetime && new Date(offer.end_datetime).getTime() < now) return false; 2474 return true; 2475 } 2476 2477 if (!isPreview()) { 2478 FastBundleMixAndMatchOffers = (FastBundleMixAndMatchOffers || []).filter(isMixAndMatchOfferActive); 2479 } 2480 2481 // No product/collection hydration and no price/id transform here â the front 2482 // project fetches collection products via the Shopify Storefront GraphQL API.
2483 // We only localize the offer-level strings so the storefront gets the same 2484 // localized copy the serverfull backend would have returned. 2485 for (const offer of FastBundleMixAndMatchOffers) { 2486 offer.use_compare_at_price = FastBundleConf?.use_compare_at_price; 2487 offer.discount = offer.discounts?.[0] || {}; 2488 await handleTranslations( 2489 offer, 2490 ['title', 'description'], 2491 ['description', 'label', 'badge', 'subtitle'], 2492 // Item-level: the metafield carries a translations entry for EVERY shop 2493 // locale (primary included, rebuilt from the flat section_* values) on every 2494 // item, manual and smart alike, covering all three of the backend's 2495 // CollectionBundleItem.TRANSLATABLE_FIELDS. A locale the merchant never 2496 // filled in ships nulls for description/badge, which handleTranslations 2497 // skips, so the primary-locale wording stays. 2498 ['section_title', 'section_description', 'section_badge'] 2499 ); 2500 } 2501 2502 // Contract: array of product-related offers ([] when none), serves both widget 2503 // and BAP. Empty array => the front falls back to the serverfull path. 2504 window.FastBundleMixAndMatchOffer = FastBundleMixAndMatchOffers || []; 2505 conditionalLog('FastBundleMixAndMatchOffer', window.FastBundleMixAndMatchOffer); 2506 document.dispatchEvent(new CustomEvent('FastBundleMixAndMatchOfferReady', { 2507 detail: window.FastBundleMixAndMatchOffer, 2508 })); 2509 })(); 2510</script>
2510 2511<!-- END app snippet --> 2512 <!-- BEGIN app snippet: recording_consent -->
2513<script src="https://cdn.shopify.com/extensions/01a107a2-94a5-713f-8aee-cfaeb8a20d0c/fast-bundle-product-bundles-167/assets/fast_bundle_recording_consent.js" defer 2514 data-fb-record-submitted="false" 2515 data-fb-shop-id="171938"></script>
2515 2516<!-- END app snippet --> 2517 2518 2519 2520<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2521<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 87174218045,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 2521
2521
2522<script> 2523 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 2524</script>
vendor: 1 bytes, line 2524
2524
2525<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
2525).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 87174218045,storefrontBaseUrl: "https://www.coastalcashmere.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.coastalcashmere.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"447217981","configuration":"{\"tagID\":\"2614034427155\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"324632893","configuration":"{\"pixel_id\":\"737050077116507\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Coastal Cashmere","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"119049-1d.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.coastalcashmere.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9360399499581","handle":"coastal-cashmere-yarn-sand-dollar","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48599570088253","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9360400384317","handle":"coastal-cashmere-yarn-toes-in-the-sand","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48599574872381","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9360495313213","handle":"coastal-cashmere-yarn-wicker-basket","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48600212472125","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9360528310589","handle":"coastal-cashmere-yarn-peach-bellini","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48600476582205","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
2525,{"id":"10113713340733","handle":"coastal-cashmere-yarn-pink-sand","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50895920431421","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9360757129533","handle":"coastal-cashmere-yarn-shell-pink","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48601559171389","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9360755949885","handle":"coastal-cashmere-yarn-rosy-cheeks","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48601548357949","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10250053189949","handle":"coastal-cashmere-yarn-flamingo","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51450061521213","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9360756834621","handle":"coastal-cashmere-yarn-starfish","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48601557303613","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10250684399933","handle":"coastal-cashmere-yarn-valencia","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51452816392509","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10523791229245","handle":"poppy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53124323082557","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10523793555773","handle":"holiday-red","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53124329111869","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9360555606333","handle":"coastal-cashmere-yarn-rust","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48600612700477","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10095733309757","handle":"coastal-cashmere-yarn-clown-fish","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50827591942461","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10113707147581","handle":"coastal-cashmere-yarn-golden-hour","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50895908929853","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10523946811709","handle":"sunbeam","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53124509335869","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9360765223229","handle":"coastal-cashmere-yarn-good-morning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48601602720061","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9360762339645","handle":"coastal-cashmere-yarn-mauve-sunset","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48601594003773","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10523792834877","handle":"sweet-pea","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53124326064445","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
2525,{"id":"10523792146749","handle":"mojito","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53124325015869","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10523792408893","handle":"lichen","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53124325474621","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10113712455997","handle":"coastal-cashmere-yarn-pnw","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50895918203197","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10113701216573","handle":"coastal-cashmere-yarn-diver","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50895901098301","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9360760799549","handle":"coastal-cashmere-yarn-peacoat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48601583092029","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.coastalcashmere.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"186423017789","themeStoreId":"3621","themePublished":"true","eventMetadataId":"54ee46b2-f3c6-4b63-a953-57aaadb4682d","pageType":"collection","resourceId":"542898389309","shopId":"87174218045","storefrontBaseUrl":"https:\/\/www.coastalcashmere.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"542898389309\",\"title\":\"Skeins\",\"productVariants\":[{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Sand Dollar\",\"vendor\":\"My Store\",\"id\":\"9360399499581\",\"untranslatedTitle\":\"Sand Dollar\",\"url\":\"\/products\/coastal-cashmere-yarn-sand-dollar\",\"type\":\"cashmere\"},\"id\":\"48599570088253\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038\"},\"sku\":\"sanddollar\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Toes In The Sand\",\"vendor\":\"My Store\",\"id\":\"9360400384317\",\"untranslatedTitle\":\"Toes In The Sand\",\"url\":\"\/products\/coastal-cashmere-yarn-toes-in-the-sand\",\"type\":\"cashmere\"},\"id\":\"48599574872381\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038\"},\"sku\":\"toesinthesand\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Picnic Basket\",\"vendor\":\"My Store\",\"id\":\"9360495313213\",\"untranslatedTitle\":\"Picnic Basket\",\"url\":\"\/products\/coastal-cashmere-yarn-wicker-basket\",\"type\":\"cashmere\"},\"id\":\"48600212472125\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038\"},\"sku\":\"picnicbasket\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Peach Bellini\",\"vendor\":\"My Store\",\"id\":\"9360528310589\",\"untranslatedTitle\":\"Peach Bellini\",\"url\":\"\/products\/coastal-cashmere-yarn-peach-bellini\",\"type\":\"cashmere\"},\"id\":\"48600476582205\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038\"}
2525,\"sku\":\"peachbellini\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Pink Sand\",\"vendor\":\"My Store\",\"id\":\"10113713340733\",\"untranslatedTitle\":\"Pink Sand\",\"url\":\"\/products\/coastal-cashmere-yarn-pink-sand\",\"type\":\"cashmere\"},\"id\":\"50895920431421\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/PInkSandSingleSkeinSquareTransparent.png?v=1773947038\"},\"sku\":\"CCPinkSand\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Shell Pink\",\"vendor\":\"My Store\",\"id\":\"9360757129533\",\"untranslatedTitle\":\"Shell Pink\",\"url\":\"\/products\/coastal-cashmere-yarn-shell-pink\",\"type\":\"cashmere\"},\"id\":\"48601559171389\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038\"},\"sku\":\"shellpink\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Rosy Cheeks\",\"vendor\":\"My Store\",\"id\":\"9360755949885\",\"untranslatedTitle\":\"Rosy Cheeks\",\"url\":\"\/products\/coastal-cashmere-yarn-rosy-cheeks\",\"type\":\"cashmere\"},\"id\":\"48601548357949\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038\"},\"sku\":\"rosycheeks\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Flamingo\",\"vendor\":\"My Store\",\"id\":\"10250053189949\",\"untranslatedTitle\":\"Flamingo\",\"url\":\"\/products\/coastal-cashmere-yarn-flamingo\",\"type\":\"cashmere\"},\"id\":\"51450061521213\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/FlamingoSingleSkeinSquareTransparent.png?v=1773947038\"},\"sku\":\"CCFlamingo\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Starfish\",\"vendor\":\"My Store\",\"id\":\"9360756834621\",\"untranslatedTitle\":\"Starfish\",\"url\":\"\/products\/coastal-cashmere-yarn-starfish\",\"type\":\"cashmere\"},\"id\":\"48601557303613\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038\"},\"sku\":\"starfish\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Valencia\",\"vendor\":\"My Store\",\"id\":\"10250684399933\",\"untranslatedTitle\":\"Valencia\",\"url\":\"\/products\/coastal-cashmere-yarn-valencia\",\"type\":\"cashmere\"},\"id\":\"51452816392509\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/Valenciasquaretransparent.png?v=1773947038\"},\"sku\":\"CCValencia\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Poppy\",\"vendor\":\"My Store\",\"id\":\"10523791229245\",\"untranslatedTitle\":\"Poppy\",\"url\":\"\/products\/poppy\",\"type\":\"cashmere\"},\"id\":\"53124323082557\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/PoppySingleSkeinTransparent.png?v=1790026810\"},\"sku\":\"CCPoppy\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Holiday Red\",\"vendor\":\"My Store\",\"id\":\"10523793555773\",\"untranslatedTitle\":\"Holiday Red\",\"url\":\"\/products\/holiday-red\",\"type\":\"cashmere\"},\"id\":\"53124329111869\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/HolidayRedSingleSkeinTransparent.png?v=1790026810\"},\"sku\":\"CCHolidayRed\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"}
2525,\"product\":{\"title\":\"Rust\",\"vendor\":\"My Store\",\"id\":\"9360555606333\",\"untranslatedTitle\":\"Rust\",\"url\":\"\/products\/coastal-cashmere-yarn-rust\",\"type\":\"cashmere\"},\"id\":\"48600612700477\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/RustCoastalCashmereSkeintransparent.png?v=1773947038\"},\"sku\":\"rust\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Clown Fish\",\"vendor\":\"My Store\",\"id\":\"10095733309757\",\"untranslatedTitle\":\"Clown Fish\",\"url\":\"\/products\/coastal-cashmere-yarn-clown-fish\",\"type\":\"cashmere\"},\"id\":\"50827591942461\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/ClownFishSingleSkeinSquareTransparent.png?v=1773947038\"},\"sku\":\"CCClownFish\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Golden Hour\",\"vendor\":\"My Store\",\"id\":\"10113707147581\",\"untranslatedTitle\":\"Golden Hour\",\"url\":\"\/products\/coastal-cashmere-yarn-golden-hour\",\"type\":\"cashmere\"},\"id\":\"50895908929853\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038\"},\"sku\":\"CCGoldenHour\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Sunbeam\",\"vendor\":\"My Store\",\"id\":\"10523946811709\",\"untranslatedTitle\":\"Sunbeam\",\"url\":\"\/products\/sunbeam\",\"type\":\"cashmere\"},\"id\":\"53124509335869\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/SunbeamSingleSkeinTransparent.png?v=1790029904\"},\"sku\":\"CCSunbeam\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Good Morning\",\"vendor\":\"My Store\",\"id\":\"9360765223229\",\"untranslatedTitle\":\"Good Morning\",\"url\":\"\/products\/coastal-cashmere-yarn-good-morning\",\"type\":\"cashmere\"},\"id\":\"48601602720061\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038\"},\"sku\":\"goodmorning\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Mauve Sunset\",\"vendor\":\"My Store\",\"id\":\"9360762339645\",\"untranslatedTitle\":\"Mauve Sunset\",\"url\":\"\/products\/coastal-cashmere-yarn-mauve-sunset\",\"type\":\"cashmere\"},\"id\":\"48601594003773\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038\"},\"sku\":\"mauvesunset\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Sweet Pea\",\"vendor\":\"My Store\",\"id\":\"10523792834877\",\"untranslatedTitle\":\"Sweet Pea\",\"url\":\"\/products\/sweet-pea\",\"type\":\"cashmere\"},\"id\":\"53124326064445\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/SweetPeaSingleTransparent.png?v=1790026810\"},\"sku\":\"CCSweetPea\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Mojito\",\"vendor\":\"My Store\",\"id\":\"10523792146749\",\"untranslatedTitle\":\"Mojito\",\"url\":\"\/products\/mojito\",\"type\":\"cashmere\"},\"id\":\"53124325015869\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/MojitoSingleSkeinTransparent.png?v=1790026810\"},\"sku\":\"CCMojito\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Lichen\",\"vendor\":\"My Store\",\"id\":\"10523792408893\",\"untranslatedTitle\":\"Lichen\",\"url\":\"\/products\/lichen\",\"type\":\"cashmere\"},\"id\":\"53124325474621\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/LichenSingleSkeinTransparent.png?v=1790026809\"},\"sku\":\"CCLichen\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"}
2525,\"product\":{\"title\":\"PNW\",\"vendor\":\"My Store\",\"id\":\"10113712455997\",\"untranslatedTitle\":\"PNW\",\"url\":\"\/products\/coastal-cashmere-yarn-pnw\",\"type\":\"cashmere\"},\"id\":\"50895918203197\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/PNWSingleSkeinSquareTransparent.png?v=1773947039\"},\"sku\":\"CCPNW\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Diver\",\"vendor\":\"My Store\",\"id\":\"10113701216573\",\"untranslatedTitle\":\"Diver\",\"url\":\"\/products\/coastal-cashmere-yarn-diver\",\"type\":\"cashmere\"},\"id\":\"50895901098301\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/DiverSingleSkeinSquareTransparent.png?v=1773947038\"},\"sku\":\"CCDiver\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":52.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Peacoat\",\"vendor\":\"My Store\",\"id\":\"9360760799549\",\"untranslatedTitle\":\"Peacoat\",\"url\":\"\/products\/coastal-cashmere-yarn-peacoat\",\"type\":\"cashmere\"},\"id\":\"48601583092029\",\"image\":{\"src\":\"\/\/www.coastalcashmere.com\/cdn\/shop\/files\/PeacoatCoastalCashmereskeintransparent.png?v=1773947038\"},\"sku\":\"peacoat\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
2525<script> 2526 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 2527 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 2528 window.ShopifyAnalytics.meta.currency = 'USD'; 2529 var meta = {"products":[{"id":9360399499581,"gid":"gid:\/\/shopify\/Product\/9360399499581","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-sand-dollar","variants":[{"id":48599570088253,"price":5200,"name":"Sand Dollar","public_title":null,"sku":"sanddollar"}],"remote":false},{"id":9360400384317,"gid":"gid:\/\/shopify\/Product\/9360400384317","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-toes-in-the-sand","variants":[{"id":48599574872381,"price":5200,"name":"Toes In The Sand","public_title":null,"sku":"toesinthesand"}],"remote":false},{"id":9360495313213,"gid":"gid:\/\/shopify\/Product\/9360495313213","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-wicker-basket","variants":[{"id":48600212472125,"price":5200,"name":"Picnic Basket","public_title":null,"sku":"picnicbasket"}],"remote":false},{"id":9360528310589,"gid":"gid:\/\/shopify\/Product\/9360528310589","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-peach-bellini","variants":[{"id":48600476582205,"price":5200,"name":"Peach Bellini","public_title":null,"sku":"peachbellini"}],"remote":false},{"id":10113713340733,"gid":"gid:\/\/shopify\/Product\/10113713340733","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-pink-sand","variants":[{"id":50895920431421,"price":5200,"name":"Pink Sand","public_title":null,"sku":"CCPinkSand"}],"remote":false},{"id":9360757129533,"gid":"gid:\/\/shopify\/Product\/9360757129533","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-shell-pink","variants":[{"id":48601559171389,"price":5200,"name":"Shell Pink","public_title":null,"sku":"shellpink"}],"remote":false},{"id":9360755949885,"gid":"gid:\/\/shopify\/Product\/9360755949885","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-rosy-cheeks","variants":[{"id":48601548357949,"price":5200,"name":"Rosy Cheeks","public_title":null,"sku":"rosycheeks"}],"remote":false},{"id":10250053189949,"gid":"gid:\/\/shopify\/Product\/10250053189949","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-flamingo","variants":[{"id":51450061521213,"price":5200,"name":"Flamingo","public_title":null,"sku":"CCFlamingo"}],"remote":false},{"id":9360756834621,"gid":"gid:\/\/shopify\/Product\/9360756834621","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-starfish","variants":[{"id":48601557303613,"price":5200,"name":"Starfish","public_title":null,"sku":"starfish"}],"remote":false},{"id":10250684399933,"gid":"gid:\/\/shopify\/Product\/10250684399933","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-valencia","variants":[{"id":51452816392509,"price":5200,"name":"Valencia","public_title":null,"sku":"CCValencia"}],"remote":false},{"id":10523791229245,"gid":"gid:\/\/shopify\/Product\/10523791229245","vendor":"My Store","type":"cashmere","handle":"poppy","variants":[{"id":53124323082557,"price":5200,"name":"Poppy","public_title":null,"sku":"CCPoppy"}],"remote":false},{"id":10523793555773,"gid":"gid:\/\/shopify\/Product\/10523793555773","vendor":"My Store","type":"cashmere","handle":"holiday-red","variants":[{"id":53124329111869,"price":5200,"name":"Holiday Red","public_title":null,"sku":"CCHolidayRed"}],"remote":false},{"id":9360555606333,"gid":"gid:\/\/shopify\/Product\/9360555606333","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-rust","variants":[{"id":48600612700477,"price":5200,"name":"Rust","public_title":null,"sku":"rust"}],"remote":false},{"id":10095733309757,"gid":"gid:\/\/shopify\/Product\/10095733309757","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-clown-fish","variants":[{"id":50827591942461,"price":5200,"name":"Clown Fish","public_title":null,"sku":"CCClownFish"}],"remote":false},{"id":10113707147581,"gid":"gid:\/\/shopify\/Product\/10113707147581","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-golden-hour","variants":[{"id":50895908929853,"price":5200,"name":"Golden Hour","public_title":null,"sku":"CCGoldenHour"}],"remote":false},{"id":10523946811709,"gid":"gid:\/\/shopify\/Product\/10523946811709","vendor":"My Store","type":"cashmere","handle":"sunbeam","variants":[{"id":53124509335869,"price":5200,"name":"Sunbeam","public_title":null,"sku":"CCSunbeam"}],"remote":false},{"id":9360765223229,"gid":"gid:\/\/shopify\/Product\/9360765223229","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-good-morning","variants":[{"id":48601602720061,"price":5200,"name":"Good Morning","public_title":null,"sku":"goodmorning"}],"remote":false},{"id":9360762339645,"gid":"gid:\/\/shopify\/Product\/9360762339645","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-mauve-sunset","variants":[{"id":48601594003773,"price":5200,"name":"Mauve Sunset","public_title":null,"sku":"mauvesunset"}],"remote":false},{"id":10523792834877,"gid":"gid:\/\/shopify\/Product\/10523792834877","vendor":"My Store","type":"cashmere","handle":"sweet-pea","variants":[{"id":53124326064445,"price":5200,"name":"Sweet Pea","public_title":null,"sku":"CCSweetPea"}],"remote":false}
2529,{"id":10523792146749,"gid":"gid:\/\/shopify\/Product\/10523792146749","vendor":"My Store","type":"cashmere","handle":"mojito","variants":[{"id":53124325015869,"price":5200,"name":"Mojito","public_title":null,"sku":"CCMojito"}],"remote":false},{"id":10523792408893,"gid":"gid:\/\/shopify\/Product\/10523792408893","vendor":"My Store","type":"cashmere","handle":"lichen","variants":[{"id":53124325474621,"price":5200,"name":"Lichen","public_title":null,"sku":"CCLichen"}],"remote":false},{"id":10113712455997,"gid":"gid:\/\/shopify\/Product\/10113712455997","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-pnw","variants":[{"id":50895918203197,"price":5200,"name":"PNW","public_title":null,"sku":"CCPNW"}],"remote":false},{"id":10113701216573,"gid":"gid:\/\/shopify\/Product\/10113701216573","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-diver","variants":[{"id":50895901098301,"price":5200,"name":"Diver","public_title":null,"sku":"CCDiver"}],"remote":false},{"id":9360760799549,"gid":"gid:\/\/shopify\/Product\/9360760799549","vendor":"My Store","type":"cashmere","handle":"coastal-cashmere-yarn-peacoat","variants":[{"id":48601583092029,"price":5200,"name":"Peacoat","public_title":null,"sku":"peacoat"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":542898389309,"requestId":"2ab299cd-d200-4f98-a26c-5ae6e7379c94-1791589665"}}; 2530 for (var attr in meta) { 2531 window.ShopifyAnalytics.meta[attr] = meta[attr]; 2532 } 2533</script>
vendor: 1 bytes, line 2533
2533
2534<script class="analytics"> 2535 (function () { 2536 var customDocumentWrite = function(content) { 2537 var jquery = null; 2538 2539 if (window.jQuery) { 2540 jquery = window.jQuery; 2541 } else if (window.Checkout && window.Checkout.$) { 2542 jquery = window.Checkout.$; 2543 } 2544 2545 if (jquery) { 2546 jquery('body').append(content); 2547 } 2548 }; 2549 2550 var hasLoggedConversion = function(token) { 2551 if (token) { 2552 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 2553 } 2554 return false; 2555 } 2556 2557 var setCookieIfConversion = function(token) { 2558 if (token) { 2559 var twoMonthsFromNow = new Date(Date.now()); 2560 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 2561 2562 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 2563 } 2564 } 2565 2566 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 2567 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 2568 if (trekkie.integrations) { 2569 return; 2570 } 2571 trekkie.methods = [ 2572 'identify', 2573 'page', 2574 'ready', 2575 'track', 2576 'trackForm', 2577 'trackLink' 2578 ]; 2579 trekkie.factory = function(method) { 2580 return function() { 2581 var args = Array.prototype.slice.call(arguments); 2582 args.unshift(method); 2583 trekkie.push(args); 2584 if (method == 'track' || method == 'page') { 2585 var pageUrl; 2586 try { 2587 pageUrl = window.location.href; 2588 } catch (e) {} 2589 var pageReferrer; 2590 try { 2591 pageReferrer = document.referrer; 2592 } catch (e) {} 2593 try { 2594 if (window.__TREKKIE_SHIM_QUEUE == null) { 2595 window.__TREKKIE_SHIM_QUEUE = []; 2596 } 2597 window.__TREKKIE_SHIM_QUEUE.push({ 2598 from: 'trekkie-stub', 2599 method: method, 2600 args: args.slice(1), 2601 pageContext: { 2602 url: pageUrl, 2603 referrer: pageReferrer 2604 } 2605 }); 2606 } catch (e) { 2607 // no-op 2608 } 2609 } 2610 return trekkie; 2611 }; 2612 }; 2613 for (var i = 0; i < trekkie.methods.length; i++) { 2614 var key = trekkie.methods[i]; 2615 trekkie[key] = trekkie.factory(key); 2616 } 2617 trekkie.load = function(config) { 2618 trekkie.config = config || {}; 2619 trekkie.config.initialDocumentCookie = document.cookie; 2620 var first = document.getElementsByTagName('script')[0]; 2621var script = document.createElement('script'); 2622script.type = 'text/javascript'; 2623script.onerror = function(e) { 2624 var scriptFallback = document.createElement('script'); 2625 scriptFallback.type = 'text/javascript'; 2626 scriptFallback.onerror = function(error) { 2627 var Monorail = { 2628 produce: function produce(monorailDomain, schemaId, payload) { 2629 var currentMs = new Date().getTime(); 2630 var event = { 2631 schema_id: schemaId, 2632 payload: payload, 2633 metadata: { 2634 event_created_at_ms: currentMs, 2635 event_sent_at_ms: currentMs 2636 } 2637 }; 2638 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2639 }, 2640 sendRequest: function sendRequest(endpointUrl, payload) { 2641 // Try the sendBeacon API 2642 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2643 var blobData = new window.Blob([payload], { 2644 type: 'text/plain' 2645 }); 2646 2647 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2648 return true; 2649 } // sendBeacon was not successful 2650 2651 } // XHR beacon 2652 2653 var xhr = new XMLHttpRequest(); 2654 2655 try { 2656 xhr.open('POST', endpointUrl); 2657 xhr.setRequestHeader('Content-Type', 'text/plain'); 2658 xhr.send(payload); 2659 } catch (e) { 2660 console.log(e); 2661 } 2662 2663 return false; 2664 }, 2665 isIos12: function isIos12() { 2666 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2667 } 2668 }; 2669 Monorail.produce('monorail-edge.shopifysvc.com', 2670 'trekkie_storefront_load_errors/1.1', 2671 {shop_id: 87174218045, 2672 theme_id: 186423017789, 2673 app_name: "storefront", 2674 context_url: window.location.href, 2675 source_url: "//www.coastalcashmere.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 2676 2677 }; 2678 scriptFallback.async = true; 2679 scriptFallback.src = '//www.coastalcashmere.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 2680 first.parentNode.insertBefore(scriptFallback, first); 2681}; 2682script.async = true; 2683script.src = '//www.coastalcashmere.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 2684first.parentNode.insertBefore(script, first); 2685 2686 }; 2687 trekkie.load( 2688 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":87174218045,"isMerchantRequest":null,"themeId":186423017789,"themeCityHash":"257083928391501582","contentLanguage":"en","currency":"USD","eventMetadataId":"54ee46b2-f3c6-4b63-a953-57aaadb4682d"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2689 ); 2690 2691 var loaded = false;
2692 trekkie.ready(function() { 2693 if (loaded) return; 2694 loaded = true; 2695 2696 window.ShopifyAnalytics.lib = window.trekkie; 2697 2698 var originalDocumentWrite = document.write; 2699 document.write = customDocumentWrite; 2700 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2701 document.write = originalDocumentWrite; 2702 2703 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2704 var token = match? match[1]: undefined; 2705 if (!hasLoggedConversion(token)) { 2706 setCookieIfConversion(token); 2707 window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: skeins","collectionName":"skeins","collectionId":542898389309,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); 2708 } 2709 }); 2710 2711 window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":542898389309,"requestId":"2ab299cd-d200-4f98-a26c-5ae6e7379c94-1791589665","shopifyEmitted":true}); 2712 2713 var eventsListenerScript = document.createElement('script'); 2714 eventsListenerScript.async = true; 2715 eventsListenerScript.src = "//www.coastalcashmere.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2716 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2717})();</script>
vendor: 1 bytes, line 2717
2717
2718<script 2719 defer 2720 src="https://www.coastalcashmere.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js" 2721 data-application="storefront-renderer" 2722 data-shop-id="87174218045" 2723 data-render-region="gcp-us-central1" 2724 data-page-type="collection" 2725 data-theme-instance-id="186423017789" 2726 data-theme-name="Atelier" 2727 data-theme-version="3.4.0" 2728 data-monorail-region="shop_domain" 2729 data-resource-timing-sampling-rate="10" 2730 data-shs="true" 2731 data-shs-beacon="true" 2732 data-shs-export-with-fetch="true" 2733 data-shs-logs-sample-rate="1" 2734 data-shs-beacon-endpoint="https://www.coastalcashmere.com/api/collect" 2735></script>
vendor: 1 bytes, line 2735
2735
2736<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2736<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"87174218045","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Sign Me Up For News and Offerings!"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.loading","value":"Loading"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":true,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"US","language":"en"}}</script>
2736 2737<meta name="shopify-y" content="eed8de2d-697d-4607-8536-11df5ecac2f7" data-expiration="1823147265000"><meta name="shopify-s" content="991c1528-6bce-403a-bb59-415b59711e84" data-expiration="1791591465000"> 2738</head> 2739 2740 2741 <body class="page-width-normal card-hover-effect-lift"> 2742 <a 2743 class="skip-to-content-link button-secondary" 2744 href="#MainContent" 2745> 2746 Skip to content 2747</a> 2748 2749 2750 2751 <div id="header-group"> 2752 <!-- BEGIN sections: header-group --> 2753<header id="shopify-section-sections--26673864933693__header_section" class="shopify-section shopify-section-group-header-group header-section"> 2754 2755 2756 2757 2758
2759<script type="application/ld+json"> 2760 { 2761 "@context": "http://schema.org", 2762 "@type": "Organization", 2763 "name": "Coastal Cashmere", 2764 2765 "logo": "https:\/\/www.coastalcashmere.com\/cdn\/shop\/files\/CC_logo.png?v=1773693173\u0026width=500", 2766 2767 "url": "https:\/\/www.coastalcashmere.com" 2768 } 2769</script>
2769 2770 2771<header-component 2772 id="header-component" 2773 class="header header--compact" 2774 data-theme-color="rgb(244 240 237)" 2775 2776 2777 sticky="always" 2778 2779 data-skip-node-update 2780 data-scroll-direction="none" 2781 2782 2783 style=" 2784 --color-scheme-top-row: rgba(244 240 237 / 1.0); 2785 --color-scheme-bottom-row: rgba(244 240 237 / 1.0); 2786 2787 " 2788> 2789 <div class="header__underlay header__underlay-closed"></div> 2790 <div 2791 class="header__underlay header__underlay-open" 2792 ></div> 2793 2794 2795 2796 2797 2798 2799 <div 2800 class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width" 2801 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 2802 <div class="header__columns spacing-style"> 2803 <div 2804 class="header__column header__column--left" 2805 data-testid="header-top-left" 2806 > 2807 2808 2809 2810 2811 2812 2813 2814 <div 2815 class="header__drawer" 2816 ref="headerDrawerContainer" 2817 data-hydration-key="header-drawer-mobile" 2818 2819 > 2820 2821
2822<script 2823 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/header-drawer.js?v=121243031541024704371773688148" 2824 type="module" 2825 fetchpriority="low" 2826></script>
2826 2827 2828<header-drawer 2829 class="header-drawer " 2830 style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;" 2831> 2832 <details 2833 id="Details-menu-drawer-container" 2834 data-skip-node-update="true" 2835 class="menu-drawer-container" 2836 ref="details" 2837 scroll-lock 2838 > 2839 <summary 2840 class="header__icon header__icon--menu header__icon--summary" 2841 aria-label="Menu" 2842 on:click="/toggle" 2843 > 2844 <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2845 <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2846 <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2847</svg> 2848</span> 2849 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2850 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2851 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2852</svg> 2853</span> 2854 </summary> 2855 <div 2856 ref="menuDrawer" 2857 class=" 2858 menu-drawer 2859 color-scheme-1 2860 " 2861 > 2862 <button 2863 class="button close-button menu-drawer__close-button" 2864 type="button" 2865 aria-label="Close" 2866 on:click="/close" 2867 > 2868 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2869 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2870 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2871</svg> 2872</span> 2873 </button> 2874 <nav 2875 class="menu-drawer__navigation" 2876 style="--menu-top-level-font-family: var(--font-body--family); 2877--menu-top-level-font-size-desktop: var(--font-size--body-sm); --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase; 2878 2879 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 2880 var(--menu-font-2xl--line-height); 2881 2882--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2883 2884--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 2885var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 2886uppercase; 2887 2888 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 2889 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 2890 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 2891 2892--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 2893var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 2894uppercase; 2895 2896 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 2897 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 2898 var(--opacity-subdued-text)); 2899 2900 2901 " 2902 aria-label="Primary" 2903 > 2904 <ul 2905 class="menu-drawer__menu has-submenu" 2906 role="list" 2907 > 2908 2909 2910 2911 <li 2912 style="--menu-drawer-animation-index: 1;" 2913 class="menu-drawer__list-item--flat" 2914 > 2915 2916<a 2917 id="HeaderDrawer-home" 2918 href="/" 2919 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2920 2921 >
2922 <span class="menu-drawer__menu-item-text wrap-text">HOME</span> 2923 </a> 2924 2925 </li> 2926 <li 2927 style="--menu-drawer-animation-index: 2;" 2928 class="menu-drawer__list-item--flat" 2929 > 2930 2931<a 2932 id="HeaderDrawer-shop" 2933 href="/collections/skeins" 2934 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2935 2936 aria-current="page" 2937 2938 > 2939 <span class="menu-drawer__menu-item-text wrap-text">SHOP</span> 2940 </a> 2941 2942 <ul 2943 class="menu-drawer__menu menu-drawer__menu--childlist" 2944 role="list" 2945 tabindex="-1" 2946 ><li 2947 class="menu-drawer__list-item" 2948 style="--menu-drawer-animation-index: 2;" 2949 > 2950 <a 2951 href="/collections/skeins" 2952 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset menu-drawer__menu-item--active" 2953 2954 aria-current="page" 2955 2956 > 2957 2958 <span class="menu-drawer__menu-item-text wrap-text">Skeins</span> 2959 </a> 2960 </li><li 2961 class="menu-drawer__list-item" 2962 style="--menu-drawer-animation-index: 2;" 2963 > 2964 <a 2965 href="/collections/coastal-windows-image" 2966 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2967 2968 > 2969 2970 <span class="menu-drawer__menu-item-text wrap-text">Fun Size Bundles</span> 2971 </a> 2972 </li><li 2973 class="menu-drawer__list-item" 2974 style="--menu-drawer-animation-index: 2;" 2975 > 2976 <a 2977 href="/collections/fair-isle-box-of-itty-bitties" 2978 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2979 2980 > 2981 2982 <span class="menu-drawer__menu-item-text wrap-text">Fair Isle Box of Itty Bitties</span> 2983 </a> 2984 </li><li 2985 class="menu-drawer__list-item" 2986 style="--menu-drawer-animation-index: 2;" 2987 > 2988 <a 2989 href="/collections/new-colors-bundles" 2990 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2991 2992 > 2993 2994 <span class="menu-drawer__menu-item-text wrap-text">Fun + One</span> 2995 </a> 2996 </li><li 2997 class="menu-drawer__list-item" 2998 style="--menu-drawer-animation-index: 2;" 2999 > 3000 <a 3001 href="/collections/knitting-patterns" 3002 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 3003 3004 > 3005 3006 <span class="menu-drawer__menu-item-text wrap-text">Knitting Patterns</span> 3007 </a> 3008 </li></ul> 3009 3010 </li> 3011 <li 3012 style="--menu-drawer-animation-index: 3;" 3013 class="menu-drawer__list-item--flat" 3014 > 3015 3016<a 3017 id="HeaderDrawer-about" 3018 href="/pages/about" 3019 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 3020 3021 >
3022 <span class="menu-drawer__menu-item-text wrap-text">ABOUT</span> 3023 </a> 3024 3025 </li> 3026 <li 3027 style="--menu-drawer-animation-index: 4;" 3028 class="menu-drawer__list-item--flat" 3029 > 3030 3031<a 3032 id="HeaderDrawer-contact" 3033 href="/pages/contact" 3034 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 3035 3036 > 3037 <span class="menu-drawer__menu-item-text wrap-text">CONTACT</span> 3038 </a> 3039 3040 </li> 3041 <li 3042 style="--menu-drawer-animation-index: 5;" 3043 class="menu-drawer__list-item--flat" 3044 > 3045 3046<a 3047 id="HeaderDrawer-wholesale-info" 3048 href="/pages/wholesale-application" 3049 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 3050 3051 > 3052 <span class="menu-drawer__menu-item-text wrap-text">WHOLESALE INFO</span> 3053 </a> 3054 3055 </li> 3056 <li 3057 style="--menu-drawer-animation-index: 6;" 3058 class="menu-drawer__list-item--flat" 3059 > 3060 3061<a 3062 id="HeaderDrawer-shop-wholesale" 3063 href="/collections/wholesale-skeins" 3064 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 3065 3066 > 3067 <span class="menu-drawer__menu-item-text wrap-text">SHOP WHOLESALE</span> 3068 </a> 3069 3070 </li> 3071 </ul> 3072 </nav> 3073 <div 3074 class="menu-drawer__utility-links menu-drawer__animated-element" 3075 style="--menu-drawer-animation-index: 6;" 3076 > 3077 3078 </div> 3079 3080 3081 </div> 3082 <div 3083 class="menu-drawer__backdrop" 3084 on:click="header-drawer/close" 3085 ></div> 3086 </details> 3087</header-drawer> 3088 3089 3090 3091 </div> 3092 3093 3094 3095<style data-shopify> 3096 .header__underlay { 3097 --color-submenu: rgb(244 240 237 / 1.0); 3098 } 3099</style> 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 <search-button 3111 class="search-action search-action--hidden-on-menu" 3112 > 3113 <button 3114 on:click="#search-modal/showDialog" 3115 class="button-unstyled header-actions__action" 3116 aria-label="Search" 3117 aria-haspopup="dialog" 3118 > 3119 <span class="hidden"> 3120 Search 3121 </span> 3122 3123 <span class="svg-wrapper "> 3124 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 3125 3126 </span> 3127 </button> 3128 </search-button> 3129 3130 3131 3132 3133 3134 3135 3136 3137 3138 3139 3140 3141 3142 3143 3144 3145 3146 <header-menu 3147 ref="headerMenu" 3148 class="header-menu" 3149 3150 data-hydration-key="header-menu" 3151 > 3152 <div class="header-menu__inner"> 3153 <nav 3154 class="menu-list" 3155 aria-label="Primary" 3156 style="--menu-top-level-font-family: var(--font-body--family); 3157--menu-top-level-font-size-desktop: var(--font-size--body-sm); --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase; 3158 3159 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 3160 var(--menu-font-sm--line-height); 3161 3162--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 3163" 3164 > 3165 3166 <overflow-list 3167 3168 ref="overflowMenu" 3169 3170 3171 class="overflow-menu color-scheme-matches-parent" 3172 3173 3174 minimum-items="2" 3175 3176 3177 data-testid="header-menu-overflow-list" 3178 3179 3180 data-skip-node-update 3181 3182> 3183 <template shadowrootmode="open"> 3184 <link href="//www.coastalcashmere.com/cdn/shop/t/3/assets/overflow-list.css?v=13500019909476584571773688148" rel="stylesheet" type="text/css" media="all" /> 3185 3186 <ul part="list"> 3187 <slot></slot> 3188 <slot 3189 name="more" 3190 part="more" 3191 hidden 3192 3193 > 3194 <li 3195 part="more" 3196 > 3197 <button 3198 class="button" 3199 type="button" 3200 tabindex="0" 3201 > 3202 More 3203 </button> 3204 </li> 3205 </slot> 3206 <li 3207 part="placeholder" 3208 hidden 3209 ></li> 3210 </ul> 3211 3212 <div part="overflow"> 3213 <ul part="overflow-list"> 3214 <slot name="overflow"></slot> 3215 </ul> 3216 </div> 3217 </template> 3218 3219 3220 3221 <li 3222 role="presentation" 3223 class="menu-list__list-item" 3224 on:focus="/activate" 3225 on:blur="/deactivate"
3226 on:pointerenter="/activate" 3227 on:pointerleave="/deactivate" 3228 > 3229 <a 3230 href="/" 3231 data-skip-node-update="true" 3232 class="menu-list__link" 3233 ref="menuitem" 3234 > 3235 <span class="menu-list__link-title">HOME</span> 3236 </a></li> 3237 3238 <li 3239 role="presentation" 3240 class="menu-list__list-item" 3241 on:focus="/activate" 3242 on:blur="/deactivate" 3243 on:pointerenter="/activate" 3244 on:pointerleave="/deactivate" 3245 > 3246 <a 3247 href="/collections/skeins" 3248 data-skip-node-update="true" 3249 class="menu-list__link menu-list__link--active"aria-controls="submenu-2" 3250 aria-haspopup="true" 3251 aria-expanded="false" 3252 aria-current="page" 3253 3254 ref="menuitem" 3255 > 3256 <span class="menu-list__link-title">SHOP</span> 3257 </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]"> 3258 <div 3259 id="submenu-2" 3260 class="menu-list__submenu-inner" 3261 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 3262var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 3263uppercase; 3264 3265 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 3266 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 3267 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 3268 3269--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 3270var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 3271uppercase; 3272 3273 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 3274 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 3275 var(--opacity-subdued-text)); 3276 3277" 3278 > 3279 3280 <div class="mega-menu section section--full-width-margin section--page-width"> 3281 <div 3282 class="mega-menu__grid" 3283 data-menu-grid-id="MegaMenuList-2" 3284 > 3285 3286<ul 3287 data-menu-list-id="MegaMenuList-2" 3288 class="mega-menu__list list-unstyled" 3289 style="--menu-image-border-radius: 0px;" 3290> 3291 3292 <li class="mega-menu__column mega-menu__column--span-1"> 3293 <div> 3294 <a 3295 href="/collections/skeins" 3296 class="mega-menu__link " 3297 > 3298 3299 <span class="wrap-text">Skeins</span> 3300 </a> 3301 3302 </div> 3303 3304 3305 3306 3307 <div> 3308 <a 3309 href="/collections/coastal-windows-image" 3310 class="mega-menu__link " 3311 > 3312 3313 <span class="wrap-text">Fun Size Bundles</span> 3314 </a> 3315 3316 </div> 3317 3318 3319 3320 3321 <div> 3322 <a 3323 href="/collections/fair-isle-box-of-itty-bitties" 3324 class="mega-menu__link " 3325 > 3326 3327 <span class="wrap-text">Fair Isle Box of Itty Bitties</span> 3328 </a> 3329 3330 </div> 3331 3332 3333 3334 3335 <div> 3336 <a 3337 href="/collections/new-colors-bundles" 3338 class="mega-menu__link " 3339 > 3340 3341 <span class="wrap-text">Fun + One</span> 3342 </a> 3343 3344 </div> 3345 3346 3347 3348 3349 <div> 3350 <a 3351 href="/collections/knitting-patterns" 3352 class="mega-menu__link " 3353 > 3354 3355 <span class="wrap-text">Knitting Patterns</span> 3356 </a> 3357 3358 </div> 3359 3360 </li> 3361 3362</ul> 3363 3364 3365 3366<style data-shopify> 3367 [data-menu-grid-id="MegaMenuList-2"] { 3368 3369 --menu-columns-desktop: 6; 3370 --menu-columns-tablet: 4; 3371 3372 } 3373 3374 [data-menu-list-id="MegaMenuList-2"] { 3375 3376 --menu-columns-desktop: 6; 3377 --menu-columns-tablet: 4; 3378 3379 } 3380</style> 3381 3382 3383 3384 </div> 3385 </div> 3386 </div> 3387 </div></li> 3388 3389 <li 3390 role="presentation" 3391 class="menu-list__list-item" 3392 on:focus="/activate" 3393 on:blur="/deactivate"
3394 on:pointerenter="/activate" 3395 on:pointerleave="/deactivate" 3396 > 3397 <a 3398 href="/pages/about" 3399 data-skip-node-update="true" 3400 class="menu-list__link" 3401 ref="menuitem" 3402 > 3403 <span class="menu-list__link-title">ABOUT</span> 3404 </a></li> 3405 3406 <li 3407 role="presentation" 3408 class="menu-list__list-item" 3409 on:focus="/activate" 3410 on:blur="/deactivate" 3411 on:pointerenter="/activate" 3412 on:pointerleave="/deactivate" 3413 > 3414 <a 3415 href="/pages/contact" 3416 data-skip-node-update="true" 3417 class="menu-list__link" 3418 ref="menuitem" 3419 > 3420 <span class="menu-list__link-title">CONTACT</span> 3421 </a></li> 3422 3423 <li 3424 role="presentation" 3425 class="menu-list__list-item" 3426 on:focus="/activate" 3427 on:blur="/deactivate" 3428 on:pointerenter="/activate" 3429 on:pointerleave="/deactivate" 3430 > 3431 <a 3432 href="/pages/wholesale-application" 3433 data-skip-node-update="true" 3434 class="menu-list__link" 3435 ref="menuitem" 3436 > 3437 <span class="menu-list__link-title">WHOLESALE INFO</span> 3438 </a></li> 3439 3440 <li 3441 role="presentation" 3442 class="menu-list__list-item" 3443 on:focus="/activate" 3444 on:blur="/deactivate" 3445 on:pointerenter="/activate" 3446 on:pointerleave="/deactivate" 3447 > 3448 <a 3449 href="/collections/wholesale-skeins" 3450 data-skip-node-update="true" 3451 class="menu-list__link" 3452 ref="menuitem" 3453 > 3454 <span class="menu-list__link-title">SHOP WHOLESALE</span> 3455 </a></li> 3456 3457 <li 3458 class="menu-list__list-item" 3459 role="presentation" 3460 slot="more" 3461 on:focus="/activate" 3462 on:blur="/deactivate" 3463 on:pointerenter="/activate" 3464 on:pointerleave="/deactivate" 3465 > 3466 <button role="listitem" class="menu-list__link button-unstyled"> 3467 <span class="menu-list__link-title">More</span> 3468 </button> 3469 </li> 3470 3471</overflow-list> 3472 3473 </nav> 3474 </div> 3475 3476
3476<script 3477 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/header-menu.js?v=138387690177295788221773688148" 3478 type="module" 3479 fetchpriority="low" 3480 ></script>
3480 3481 </header-menu> 3482 3483 3484<style data-shopify> 3485 .header__underlay { 3486 --color-submenu: rgb(244 240 237 / 1.0); 3487 } 3488</style> 3489 3490 3491 3492 3493 3494 3495 3496 </div><div 3497 class="header__column header__column--center" 3498 data-testid="header-top-center" 3499 > 3500 3501 3502 3503 3504 3505 3506 3507 </div><div 3508 class="header__column header__column--right" 3509 data-testid="header-top-right" 3510 > 3511 3512 3513 3514 3515 3516 3517 3518 3519 3520 3521 3522 3523 3524 <search-button 3525 class="search-action search-action--hidden-on-drawer" 3526 > 3527 <button 3528 on:click="#search-modal/showDialog" 3529 class="button-unstyled header-actions__action" 3530 aria-label="Search" 3531 aria-haspopup="dialog" 3532 > 3533 <span class="hidden"> 3534 Search 3535 </span> 3536 3537 <span class="svg-wrapper "> 3538 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 3539 3540 </span> 3541 </button> 3542 </search-button> 3543 3544 3545 3546 3547 3548 3549 3550 3551 3552
3552<script 3553 type="module" 3554 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/cart-icon.js?v=157241182139685326961773688148" 3555 fetchpriority="low" 3556></script>
3556 3557 3558 3559 3560 3561 3562<header-actions 3563 3564> 3565 3566 3567 <div 3568 class="account-button header-actions__action color-scheme-1" 3569 > 3570 <shopify-store store-domain="https://www.coastalcashmere.com" country="US" language="en"></shopify-store> 3571<shopify-account 3572 menu="customer-account-main-menu" 3573 3574 > 3575 3576 <span 3577 slot="signed-out-avatar" 3578 class="account-button__text header-actions__text-style hidden" 3579 > 3580 Account 3581 </span> 3582 3583 <span 3584 slot="signed-out-avatar" 3585 class="" 3586 aria-hidden="true" 3587 > 3588 3589 <svg 3590 xmlns="http://www.w3.org/2000/svg" 3591 width="15" 3592 height="17" 3593 viewBox="0 0 15 17" 3594 fill="none" 3595 slot="signed-out-avatar" 3596 class="account-button__icon" 3597 > 3598 <path 3599 stroke="currentColor" 3600 stroke-linejoin="round" 3601 stroke-width="var(--icon-stroke-width)" 3602 d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z" 3603 /> 3604 </svg> 3605 3606 </span> 3607 3608 </shopify-account> 3609 </div> 3610 3611 3612 3613
3613<script 3614 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/cart-drawer.js?v=34004441742206350331773688148" 3615 type="module" 3616 fetchpriority="low" 3617 ></script>
3617 3618 3619 3620 3621 <cart-drawer-component 3622 class="cart-drawer" 3623 3624 3625 > 3626 <template id="empty-cart-template"> 3627 3628 <div class="cart-drawer__header"> 3629 <button 3630 ref="closeButton" 3631 on:click="cart-drawer-component/close" 3632 class="button close-button cart-drawer__close-button button-unstyled" 3633 aria-label="Close dialog" 3634 > 3635 <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3636 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3637 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3638</svg> 3639</span> 3640 </button> 3641 </div> 3642 3643 <div 3644 class="cart-drawer__content" 3645 aria-label="Cart" 3646 > 3647 <h2 3648 class="cart-drawer__heading h4 cart-drawer__heading--empty" 3649 id="cart-drawer-heading-empty" 3650 > 3651 Your cart is empty 3652 </h2> 3653 3654 <div class="cart-drawer__items"> 3655 3656 3657 3658
3659<script 3660 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/component-cart-items.js?v=16199507049899445991773688148" 3661 type="module" 3662 fetchpriority="low" 3663></script>
vendor: 1 bytes, line 3663
3663
3664<script 3665 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/component-cart-quantity-selector.js?v=105130809908858639751773688148" 3666 type="module" 3667 fetchpriority="low" 3668></script>
vendor: 1 bytes, line 3668
3668
3669<script 3670 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/volume-pricing-info.js?v=94479640769665442661773688148" 3671 type="module" 3672 fetchpriority="low" 3673></script>
3673 3674 3675<div 3676 3677 class="cart-items__wrapper" 3678 3679 style="--product-title-case: uppercase;" 3680 3681> 3682 3683<p> 3684 Have an account? <a href="https://www.coastalcashmere.com/customer_authentication/redirect?locale=en®ion_country=US">Log in</a> to check out faster. 3685 </p><a 3686 class="button cart-items__empty-button" 3687 href="/collections/all" 3688 > 3689 <span class="button-text"> 3690 Continue shopping 3691 </span> 3692 </a></div> 3693 3694 3695 3696 </div> 3697 </div> 3698 3699 </template> 3700 <button 3701 class="header-actions__action button-unstyled" 3702 on:click="/open" 3703 aria-haspopup="dialog" 3704 aria-label="Cart" 3705 aria-describedby="cart-bubble-text" 3706 data-testid="cart-drawer-trigger" 3707 > 3708 3709 <cart-icon 3710 class="header-actions__cart-icon" 3711 data-testid="cart-icon" 3712 > 3713 <span class="hidden"> 3714 Cart 3715 </span> 3716 3717 <span 3718 class="svg-wrapper " 3719 aria-hidden="true" 3720 > 3721 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg> 3722 3723 </span> 3724 3725 <div 3726 ref="cartBubble" 3727 class="cart-bubble visually-hidden" 3728 3729 3730 data-maintain-ratio 3731 3732> 3733 <span class="cart-bubble__background"></span> 3734 <span 3735 ref="cartBubbleText" 3736 id="cart-bubble-text" 3737 class="cart-bubble__text" 3738 3739 role="status" 3740 3741 > 3742 <span class="visually-hidden">Total items in cart: 0 3743 </span> 3744 <span 3745 class="cart-bubble__text-count hidden" 3746 ref="cartBubbleCount" 3747 aria-hidden="true" 3748 data-testid="cart-bubble" 3749 > 37500</span> 3751 </span> 3752</div> 3753 3754 </cart-icon> 3755 3756 </button> 3757 3758 <dialog 3759 ref="dialog" 3760 class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty" 3761 data-testid="cart-drawer-dialog" 3762 aria-labelledby="cart-drawer-heading-empty" 3763 scroll-lock 3764 cart-summary-sticky="true" 3765 > 3766 <div 3767 class="cart-drawer__inner" 3768 data-hydration-key="cart-drawer-inner" 3769 > 3770 <cart-items-component 3771 class="cart-items-component" 3772 data-drawer 3773 data-section-id="sections--26673864933693__header_section" 3774 > 3775 <div class="cart-drawer__header"> 3776 <button 3777 ref="closeButton" 3778 on:click="cart-drawer-component/close" 3779 class="button close-button cart-drawer__close-button button-unstyled" 3780 aria-label="Close dialog" 3781 > 3782 <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3783 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3784 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3785</svg> 3786</span> 3787 </button> 3788 </div> 3789 3790 <div 3791 class="cart-drawer__content" 3792 aria-label="Cart" 3793 > 3794 <h2 3795 class="cart-drawer__heading h4 cart-drawer__heading--empty" 3796 id="cart-drawer-heading-empty" 3797 > 3798 Your cart is empty 3799 </h2> 3800 3801 <div class="cart-drawer__items"> 3802 3803 3804 3805
3806<script 3807 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/component-cart-items.js?v=16199507049899445991773688148" 3808 type="module" 3809 fetchpriority="low" 3810></script>
vendor: 1 bytes, line 3810
3810
3811<script 3812 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/component-cart-quantity-selector.js?v=105130809908858639751773688148" 3813 type="module" 3814 fetchpriority="low" 3815></script>
vendor: 1 bytes, line 3815
3815
3816<script 3817 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/volume-pricing-info.js?v=94479640769665442661773688148" 3818 type="module" 3819 fetchpriority="low" 3820></script>
3820 3821 3822<div 3823 3824 class="cart-items__wrapper" 3825 3826 style="--product-title-case: uppercase;" 3827 3828> 3829 3830<p> 3831 Have an account? <a href="https://www.coastalcashmere.com/customer_authentication/redirect?locale=en®ion_country=US">Log in</a> to check out faster. 3832 </p><a 3833 class="button cart-items__empty-button" 3834 href="/collections/all" 3835 > 3836 <span class="button-text"> 3837 Continue shopping 3838 </span> 3839 </a></div> 3840 3841 3842 3843 </div> 3844 </div> 3845 3846</cart-items-component> 3847 </div> 3848 </dialog> 3849 </cart-drawer-component> 3850 3851</header-actions> 3852 3853 3854 3855 3856 3857 3858 </div> 3859 </div> 3860 </div> 3861 3862 3863 3864 3865 3866 3867 3868 3869 3870 3871 3872 <div class="header__row header__navigation-bar-row color-scheme-1"> 3873 3874 3875 3876 3877 3878 3879 3880<style data-shopify> 3881 .header__underlay { 3882 --color-submenu: rgb(244 240 237 / 1.0); 3883 } 3884</style> 3885 3886 3887 3888 3889 </div> 3890 3891</header-component> 3892
3893<script 3894 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/header.js?v=36718054510661947891773688148" 3895 type="module" 3896></script>
3896 3897 3898 3899 3900 3901
3901<script type="module"> 3902 import { hydrate } from '@theme/section-hydration'; 3903 const url = new URL(window.location.href); 3904 url.searchParams.delete('page'); 3905 hydrate('sections--26673864933693__header_section', url); 3906 </script>
3906 3907 3908 3909 3910</header> 3911<!-- END sections: header-group --> 3912 </div> 3913 3914
3914<script> 3915 // Inline header height and menu style calculations to prevent layout shift 3916 // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function 3917 (function setHeaderHeighCustomProperties() { 3918 /* 3919 * Header calculation functions for maintaining CSS variables 3920 * Mimic calculateHeaderGroupHeight() in utilities.js 3921 */ 3922 const header = document.querySelector('header-component'); 3923 const headerGroup = document.querySelector('#header-group'); 3924 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 3925 3926 if (!header || !headerGroup) return; 3927 3928 const headerTopRow = header.querySelector('.header__row--top'); 3929 const headerHeight = header.offsetHeight; 3930 3931 // Calculate the total height of the header group 3932 let headerGroupHeight = 0; 3933 const children = headerGroup.children; 3934 for (let i = 0; i < children.length; i++) { 3935 const element = children[i]; 3936 if (element === header || !(element instanceof HTMLElement)) continue; 3937 headerGroupHeight += element.offsetHeight; 3938 } 3939 3940 // Check for transparent header special case 3941 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 3942 headerGroupHeight += headerHeight; 3943 } 3944 3945 // Set CSS variables 3946 document.body.style.setProperty('--header-height', `${headerHeight}px`); 3947 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 3948 3949 if (headerTopRow) { 3950 window.requestAnimationFrame(function () { 3951 document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`); 3952 }); 3953 } 3954 3955 /** 3956 * Updates CSS custom properties for transparent header offset calculation 3957 * Mimic updateTransparentHeaderOffset() in utilities.js 3958 */ 3959 3960 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 3961 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 3962 return; 3963 } 3964 3965 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 3966 3967 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 3968 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 3969 })(); 3970 3971 (function setHeaderMenuStyle() { 3972 const headerComponent = document.querySelector('#header-component'); 3973 if (headerComponent) { 3974 const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0; 3975 const overflowList = headerComponent?.querySelector('overflow-list'); 3976 const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached'); 3977 headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu'; 3978 } 3979 })(); 3980 </script>
3980 3981 3982 <main 3983 id="MainContent" 3984 class="content-for-layout" 3985 role="main" 3986 data-page-transition-enabled="true" 3987 data-product-transition="true" 3988 data-template="collection" 3989 > 3990 3991 3992 3993 3994 3995 <div class='easylockdown-content' style='display:none;'><section id="shopify-section-template--26673864704317__hero_tigLaW" class="shopify-section hero-wrapper section-wrapper"> 3996 3997 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009<div 4010 id="Hero-template--26673864704317__hero_tigLaW" 4011 class="hero color-scheme-5" 4012 style=" 4013 --hero-border-style: ; 4014 --hero-border-width: px; 4015 --hero-border-opacity: %; 4016 --blur-opacity: 0.75; 4017 4018 --hero-min-height: var(--section-height-small); 4019 4020 " 4021 4022 4023> 4024 4025 4026 4027 4028 <div 4029 class="hero__container spacing-style section section--full-width" 4030 style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));" 4031 ><div 4032 class="hero__media-grid" 4033 style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 0.8;" 4034 data-testid="hero-media-wrapper" 4035 > 4036 <div 4037 class="overlay overlay--gradient" 4038 style=" 4039 --overlay-layer: var(--layer-flat); 4040 --overlay-color: #00000026; 4041 --overlay-color--end: rgba(0, 0, 0, 0); 4042 --overlay-direction: to top;" 4043></div> 4044 4045 4046 4047 4048 4049<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile"> 4050 <img src="//www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&width=3840" srcset="//www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&width=3840 3840w" width="1200" height="1500" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1"> 4051 </div> 4052 4053 4054 4055 4056 </div> 4057 <div 4058 class=" 4059 hero__content-wrapper 4060 layout-panel-flex 4061 layout-panel-flex--column 4062 mobile-column 4063 section-content-wrapper 4064 page-width 4065 4066 " 4067 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4068 4069--gap: 16px; 4070 4071--horizontal-alignment: center; --vertical-alignment: center; 4072--vertical-alignment-mobile: center; 4073" 4074 > 4075 4076 4077 4078 4079 4080 4081 4082 4083 4084 <div class=" spacing-style text-block text-block--AbmU3RDZRNk5rUXpwS__text_EKzCic h1 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-narrow); "> 4085 <h1>About The Yarn</h1> 4086 </div> 4087 4088 4089 4090 4091 4092 4093 4094 4095 4096 4097 4098 4099 4100 4101 4102 <div class=" spacing-style text-block text-block--AVVJWMTZyVEE0eHRTd__text_GDRce4 custom text-block--align-left text-block--full-width custom-typography custom-font-size custom-color " style=" --padding-block-start: 0px; --padding-block-end:32px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.25rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-none); --text-align: left; "> 4103 <ul><li><strong>PREMIUM QUALITY AND SOFTNESS: Made from 100% pure Todd & Duncan cashmere in a storied Scottish mill on the banks of the Loch Leven where the water is pure, aiding to the softness of the cashmere fiber.</strong></li><li><strong>
4103RICH UNIFORM COLOR: Large batch dyed for consistent, vibrant hues throughout your crafting project.</strong></li><li><strong>DURABLE YET REFINED: Finely spun in Scotland then S-S plied in the USA for a smooth, pill-resistant finish, ensuring your handmade items retain their beauty and structure through wear and wash.</strong></li><li><strong>MACHINE WASHABLE: The stability of this S-S plied cashmere makes it easy to care for. </strong></li></ul> 4104 </div> 4105 4106 4107 4108 4109 4110 4111 4112 </div> 4113 </div> 4114</div> 4115 4116 4117 4118 4119</section><div id="shopify-section-template--26673864704317__section" class="shopify-section section-wrapper"> 4120 4121 4122 4123<div class="section-background color-scheme-1"></div> 4124<div 4125 class="section section--page-width color-scheme-1" 4126 data-testid="ui-test-section" 4127 4128 4129 4130 style=" 4131 4132 4133 4134 " 4135> 4136 <div class="custom-section-background"> 4137 4138 4139 4140 4141 </div> 4142 4143 <div 4144 class="border-style custom-section-content" 4145 style="--border-width: 1px; --border-style: none; --border-color: 4146rgb(var(--color-border-rgb) / 1.0); --border-radius: 41470px; 4148" 4149 > 4150 4151 4152 <div 4153 class=" 4154 spacing-style 4155 layout-panel-flex 4156 layout-panel-flex--column 4157 section-content-wrapper 4158 mobile-column 4159 " 4160 style=" 4161 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4162 4163--gap: max(24px, calc(var(--gap-scale, 1.0) * 84px)); 4164 4165--horizontal-alignment: flex-start; --vertical-alignment: center; 4166--vertical-alignment-mobile: center; 4167 4168 --padding-block-start: max(20px, calc(var(--spacing-scale) * 65px));--padding-block-end: 0px; 4169 " 4170 data-testid="section-content" 4171 > 4172 4173 4174 4175 4176 4177 4178 4179 4180 4181 4182 <div class=" spacing-style text-block text-block--AUVlUV1I4WjhhazZUT__text_tqQTNE h2 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:25px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 4183 <h2>Skeins</h2> 4184 </div> 4185 4186 4187 4188 4189 4190 4191 4192 4193 </div> 4194 </div> 4195</div> 4196 4197 4198 4199 4200 4201</div><div id="shopify-section-template--26673864704317__main" class="shopify-section"> 4202
4203<script 4204 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/results-list.js?v=28346210841421047511773688148" 4205 type="module" 4206 fetchpriority="low" 4207></script>
4207 4208 4209 4210 4211 4212<div class="section-background color-scheme-1"></div> 4213<results-list 4214 class="section product-grid-container color-scheme-1" 4215 style="--padding-block-start: 0px; --padding-block-end: 66px;" 4216 section-id="template--26673864704317__main" 4217 infinite-scroll="true" 4218> 4219 <a 4220 class="skip-to-content-link button-secondary" 4221 href="#ResultsList" 4222> 4223 Skip to results list 4224</a> 4225 4226 4227 4228 4229 <div 4230 class="collection-wrapper grid gap-style" 4231 > 4232 4233 4234 4235 4236 4237 4238 4239 4240 4241 4242 4243 4244<style data-shopify> 4245 @media screen and (min-width: 750px) { 4246 4247 .product-grid--template--26673864704317__main:is(.product-grid--grid) { 4248 --product-grid-columns-desktop: repeat(auto-fill, minmax(250px, 1fr)); 4249 } 4250 4251 4252 4253 4254 /* This logic helps prevent displaying one column for an large or extra-large product card size on a small screen. We want it to display at least two columns. */ 4255 4256 4257 /* When zoomed out, fit as many 100px-wide columns as possible */ 4258 .product-grid--template--26673864704317__main[product-grid-view='zoom-out'] { 4259 --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr)); 4260 } 4261 4262 .product-grid--template--26673864704317__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details { 4263 display: block; 4264 } 4265 4266 .product-grid--template--26673864704317__main[product-grid-view='zoom-out'] .product-grid__card { 4267 padding-inline-start: var(--zoom-out-padding-inline-start, 0); 4268 padding-inline-end: var(--zoom-out-padding-inline-end, 0); 4269 padding-block-start: var(--zoom-out-padding-block-start, 0); 4270 padding-block-end: var(--zoom-out-padding-block-end, 0); 4271 } 4272 } 4273</style> 4274<div 4275 id="ResultsList" 4276 class=" 4277 grid main-collection-grid 4278 4279 collection-wrapper--full-width-on-mobile 4280 spacing-style 4281 " 4282 4283 style=" 4284 --grid--margin--mobile: 0 0; 4285 --grid-column--desktop: var(--centered); 4286 --grid-column--mobile: var(--full-width); 4287 --padding-inline-start: 0px; 4288 --padding-inline-end: 0px; 4289 " 4290> 4291 <div 4292 style=" 4293 grid-column: var(--full-width); 4294 --product-grid-gap-mobile: 12px 12px; 4295 --product-grid-gap-desktop: 16px 16px; 4296 container-type: inline-size; 4297 container-name: product-grid; 4298 " 4299 > 4300 4301 4302 <span ref="viewMorePrevious"></span> 4303 4304 4305 4306 <ul 4307 class="product-grid product-grid--template--26673864704317__main product-grid--grid " 4308 data-testid="product-grid" 4309 product-grid-view="default" 4310 ref="grid" 4311 role="list" 4312 data-last-page="2" 4313 data-product-card-size="medium" 4314 style="--mobile-columns: 2;" 4315 > 4316 4317 4318
4318<script> 4319 (() => { 4320 const grid = document.querySelector('.product-grid'); 4321 if (!grid) return; 4322 4323 const storedLayoutMobile = sessionStorage.getItem('product-grid-view-mobile') || 'default'; 4324 const storedLayoutDesktop = sessionStorage.getItem('product-grid-view-desktop') || 'default'; 4325 4326 // No need to read the window width if no custom layouts were saved. 4327 if (storedLayoutMobile === 'default' && storedLayoutDesktop === 'default') return; 4328 4329 const storedLayout = window.innerWidth >= 750 ? storedLayoutDesktop : storedLayoutMobile; 4330 if (storedLayout === 'default') return; 4331 4332 grid.setAttribute('product-grid-view', storedLayout); 4333 4334 const options = document.querySelectorAll( 4335 'input[type="radio"][name="grid"], input[type="radio"][name="grid-mobile"]' 4336 ); 4337 for (const option of options) { 4338 option.checked = option.value === storedLayout; 4339 } 4340 })(); 4341 </script>
4341 4342 4343 4344 4345 4346 <li 4347 id="template--26673864704317__main-9360399499581" 4348 class="product-grid__item product-grid__item--0" 4349 data-page="1" 4350 data-product-id="9360399499581" 4351 ref="cards[]" 4352 > 4353 4354 4355 4356 4357 4358 4359 4360<style data-shopify> 4361 4362</style> 4363 4364 4365 4366<product-card 4367 class="product-card size-style" 4368 style="--size-style-width: ;--size-style-height: ;" 4369 data-product-id="9360399499581" 4370 id="product-card-AL0tpbE54MnF3MmVqM__product-card" 4371 4372 data-product-transition="true" 4373 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=500" 4374 on:click="/handleViewTransition" 4375 4376 4377 4378> 4379 <a 4380 id="6d1ed2d5df90de4b5c0af763a93ac6c4" 4381 4382 href="/products/coastal-cashmere-yarn-sand-dollar?variant=48599570088253" 4383 4384 class="product-card__link" 4385 ref="productCardLink" 4386 > 4387 <span class="visually-hidden"> 4388 Sand Dollar 4389 </span> 4390 </a> 4391 <div 4392 class=" 4393 product-card__content 4394 layout-panel-flex 4395 layout-panel-flex--column 4396 product-grid__card 4397 spacing-style 4398 border-style 4399 gap-style 4400 4401 " 4402 style=" 4403 --border-width: 1px; --border-style: none; --border-color: 4404rgb(var(--color-border-rgb) / 1.0); --border-radius: 44050px; 4406 4407 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4408 4409 4410 4411--horizontal-alignment: ; --vertical-alignment: ; 4412--vertical-alignment-mobile: ; 4413 4414 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4415 --product-card-gap: 8px; 4416 --quick-add-display: flex; 4417 --quick-add-mobile-display: flex; 4418 --quick-add-mobile-opacity: 1; 4419 4420 4421 4422 4423 " 4424 > 4425 4426 4427 4428 4429 4430 4431 4432 4433 4434<div 4435 ref="cardGallery" 4436 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery spacing-style border-style" 4437 style=" 4438 --border-width: 1px; --border-style: none; --border-color: 4439rgb(var(--color-border-rgb) / 1.0); --border-radius: 44400px; 4441 4442 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4443 --gallery-aspect-ratio: 1; 4444 " 4445 data-product-id="9360399499581" 4446 4447 on:pointerenter="/previewImage" 4448 on:pointerleave="/resetImage" 4449 4450 4451 data-view-transition-to-main-product 4452 4453 data-image-ratio="square" 4454 4455> 4456 <a 4457 class="contents" 4458 ref="cardGalleryLink" 4459 href="/products/coastal-cashmere-yarn-sand-dollar?variant=48599570088253" 4460 aria-label="Sand Dollar" 4461 > 4462 <slideshow-component 4463 4464 ref="slideshow" 4465 4466 4467 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 4468 4469 initial-slide="0" 4470 4471 4472 infinite 4473 4474 4475 data-generic-media-size="1" 4476> 4477 4478 <slideshow-container ref="slideshowContainer"> 4479 4480 4481 <slideshow-slides 4482 tabindex="-1" 4483 ref="scroller" 4484 4485 > 4486 <slideshow-slide 4487 ref="slides[]" 4488 aria-hidden="false" 4489 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 4490 4491 class="product-media-container media-fit product-media-container--image" 4492 4493 4494 4495 4496 slide-id="49920412844349" 4497 4498 4499 4500 4501> 4502 4503 4504<div 4505 class="product-media" 4506 style="--ratio: 1.0" 4507 data-media-id="49920412844349" 4508> 4509 4510 <img src="//www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=3840" alt="Sand Dollar" srcset="//www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 4511 4512 4513</div> 4514 4515 4516 4517</slideshow-slide> 4518 4519 </slideshow-slides> 4520 </slideshow-container> 4521 4522</slideshow-component> 4523 4524 4525 4526 </a> 4527 4528 4529 <div 4530 class="product-badges product-badges--top-left" 4531 style=" 4532 --badge-border-radius: 0px; 4533 --badge-font-family: var(--font-body--family);
4533 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 4534 " 4535 ></div> 4536 4537 4538 4539<quick-add-component 4540 class="quick-add color-scheme-1 " 4541 ref="quickAdd" 4542 data-product-title="Sand Dollar" 4543 data-quick-add-button="add" 4544 data-product-options-count="1" 4545> 4546 <product-form-component 4547 data-section-id="template--26673864704317__main" 4548 data-product-id="9360399499581" 4549 on:submit="/handleSubmit" 4550 class="quick-add__product-form-component" 4551 > 4552 <div 4553 class="visually-hidden" 4554 aria-live="assertive" 4555 role="status" 4556 aria-atomic="true" 4557 ref="liveRegion" 4558 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9360399499581-AVmhSaDh1RlIzQ2t2Y__card-gallery" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 4559 type="hidden" 4560 name="id" 4561 ref="variantId" 4562 value="48599570088253" 4563 4564 > 4565 <input 4566 type="hidden" 4567 name="quantity" 4568 value="1" 4569 > 4570 4571 <add-to-cart-component 4572 ref="addToCartButtonContainer" 4573 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=100" 4574 data-add-to-cart-animation="true" 4575> 4576 <button 4577 4578 type="submit" 4579 name="add" 4580 ref="addToCartButton" 4581 on:click="/handleClick" 4582 class="button button quick-add__button quick-add__button--add add-to-cart-button" 4583 4584 4585 > 4586 <span 4587 class="add-to-cart-text" 4588 > 4589 4590 <span 4591 aria-hidden="true" 4592 class="svg-wrapper add-to-cart-icon" 4593 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 4594</span> 4595 4596 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 4597 <span> 4598 <span>Add</span> 4599 </span> 4600 </span> 4601 </span> 4602 4603 <span class="add-to-cart__added"> 4604 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4605 <g class="check"> 4606 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4607 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4608 </g> 4609 <g class="burst"> 4610 <g style="--index: 0;"> 4611 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4612 </g> 4613 <g style="--index: 1;"> 4614 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4615 </g> 4616 <g style="--index: 2;"> 4617 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4618 </g> 4619 <g style="--index: 3;"> 4620 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4621 </g> 4622 <g style="--index: 4;"> 4623 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4624 </g> 4625 <g style="--index: 5;"> 4626 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4627 </g> 4628 <g style="--index: 6;"> 4629 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4630 </g> 4631 <g style="--index: 7;"> 4632 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4633 </g> 4634 </g> 4635</svg> 4636</span> 4637 </span> 4638 </button> 4639</add-to-cart-component> 4640 4641 4642 <button 4643 class="button quick-add__button quick-add__button--choose add-to-cart-button" 4644 4645 type="button" 4646 name="add" 4647 on:click="quick-add-component/handleClick" 4648 >
4649 <span 4650 class="add-to-cart-text" 4651 > 4652 4653 <span 4654 aria-hidden="true" 4655 class="svg-wrapper add-to-cart-icon" 4656 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 4657</span> 4658 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 4659 <span> 4660 4661 <span> 4662 Choose 4663 </span> 4664 </span> 4665 </span> 4666 </span> 4667 </button><input type="hidden" name="product-id" value="9360399499581" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 4668</quick-add-component> 4669 4670 4671 4672 4673 4674 4675</div> 4676 4677 4678 4679 4680 4681<div class="product-grid-view-zoom-out--details"> 4682 4683 <h3 class="h4">Sand Dollar</h3> 4684 4685</div> 4686 4687 4688 4689 4690 4691 4692 4693 4694<div 4695 class=" 4696 group-block 4697 group-block--height-fit 4698 group-block--width-fill 4699 border-style 4700 spacing-style 4701 size-style 4702 4703 4704 " 4705 style=" 4706 --border-width: 1px; --border-style: none; --border-color: 4707rgb(var(--color-border-rgb) / 1.0); --border-radius: 47080px; 4709 4710 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4711 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4712 4713 " 4714 4715 data-testid="group-block" 4716><div class="group-block__media-wrapper"> 4717 4718 4719 4720 4721 4722 </div> 4723 4724 <div 4725 class=" 4726 group-block-content 4727 4728 layout-panel-flex 4729 layout-panel-flex--row 4730 mobile-column 4731 " 4732 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4733 4734--gap: 12px; 4735 4736--horizontal-alignment: space-between; --vertical-alignment: flex-start; 4737--vertical-alignment-mobile: flex-start; 4738" 4739 > 4740 4741 4742 4743 4744<div 4745 class=" 4746 group-block 4747 group-block--height-fit 4748 group-block--width-custom 4749 border-style 4750 spacing-style 4751 size-style 4752 4753 4754 " 4755 style=" 4756 --border-width: 1px; --border-style: none; --border-color: 4757rgb(var(--color-border-rgb) / 1.0); --border-radius: 47580px; 4759 4760 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4761 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4762 4763 " 4764 4765 data-testid="group-block" 4766><div class="group-block__media-wrapper"> 4767 4768 4769 4770 4771 4772 </div> 4773 4774 <div 4775 class=" 4776 group-block-content 4777 4778 layout-panel-flex 4779 layout-panel-flex--column 4780 mobile-column 4781 " 4782 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4783 4784--gap: 0px; 4785 4786--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 4787--vertical-alignment-mobile: flex-start; 4788" 4789 > 4790 4791 4792 4793 4794 <a 4795 class="contents user-select-text" 4796 ref="productTitleLink" 4797 href="/products/coastal-cashmere-yarn-sand-dollar?variant=48599570088253" 4798 > 4799 4800 4801 4802 4803 4804 4805 4806 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 4807 <p>Sand Dollar</p> 4808 </div> 4809 4810 4811 4812 4813 </a> 4814 4815 4816 4817 4818 4819 4820<product-price 4821 class="text-block text-block--align-left text-left h5 spacing-style" 4822 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm" 4823 data-product-id="9360399499581" 4824 style=" 4825 4826--color: var(--color-foreground); 4827 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4828 --width: 100%; 4829 " 4830 4831> 4832 <div ref="priceContainer"> 4833 4834 4835 4836 4837
4838 <span class="price">$52.00</span> 4839 4840 4841 4842 4843</div> 4844 4845 4846</product-price> 4847 4848 4849 4850 4851 4852 4853 4854</div> 4855</div> 4856 4857 4858 4859 4860 4861 4862 4863 4864 4865<div 4866 class=" 4867 group-block 4868 group-block--height-fit 4869 group-block--width-fill 4870 border-style 4871 spacing-style 4872 size-style 4873 4874 4875 " 4876 style=" 4877 --border-width: 1px; --border-style: none; --border-color: 4878rgb(var(--color-border-rgb) / 1.0); --border-radius: 48790px; 4880 4881 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4882 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4883 4884 " 4885 4886 data-testid="group-block" 4887><div class="group-block__media-wrapper"> 4888 4889 4890 4891 4892 4893 </div> 4894 4895 <div 4896 class=" 4897 group-block-content 4898 4899 layout-panel-flex 4900 layout-panel-flex--column 4901 mobile-column 4902 " 4903 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4904 4905--gap: 0px; 4906 4907--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 4908--vertical-alignment-mobile: flex-start; 4909" 4910 > 4911 4912 4913 4914 4915 4916 4917 4918 4919</div> 4920</div> 4921 4922 4923 4924 4925 4926 4927</div> 4928</div> 4929 4930 4931 4932 4933 4934 4935 4936 </div> 4937</product-card> 4938 4939 4940 4941 4942 4943 4944 4945 </li> 4946 4947 <li 4948 id="template--26673864704317__main-9360400384317" 4949 class="product-grid__item product-grid__item--1" 4950 data-page="1" 4951 data-product-id="9360400384317" 4952 ref="cards[]" 4953 > 4954 4955 4956 4957 4958 4959 4960 4961<style data-shopify> 4962 4963</style> 4964 4965 4966 4967<product-card 4968 class="product-card size-style" 4969 style="--size-style-width: ;--size-style-height: ;" 4970 data-product-id="9360400384317" 4971 id="product-card-AL0tpbE54MnF3MmVqM__product-card-1" 4972 4973 data-product-transition="true" 4974 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=500" 4975 on:click="/handleViewTransition" 4976 4977 4978 4979> 4980 <a 4981 id="af84fd335e451958d6044b46b3e8e38c" 4982 4983 href="/products/coastal-cashmere-yarn-toes-in-the-sand?variant=48599574872381" 4984 4985 class="product-card__link" 4986 ref="productCardLink" 4987 > 4988 <span class="visually-hidden"> 4989 Toes In The Sand 4990 </span> 4991 </a> 4992 <div 4993 class=" 4994 product-card__content 4995 layout-panel-flex 4996 layout-panel-flex--column 4997 product-grid__card 4998 spacing-style 4999 border-style 5000 gap-style 5001 5002 " 5003 style=" 5004 --border-width: 1px; --border-style: none; --border-color: 5005rgb(var(--color-border-rgb) / 1.0); --border-radius: 50060px; 5007 5008 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5009 5010 5011 5012--horizontal-alignment: ; --vertical-alignment: ; 5013--vertical-alignment-mobile: ; 5014 5015 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5016 --product-card-gap: 8px; 5017 --quick-add-display: flex; 5018 --quick-add-mobile-display: flex; 5019 --quick-add-mobile-opacity: 1; 5020 5021 5022 5023 5024 " 5025 > 5026 5027 5028 5029 5030 5031 5032 5033 5034 5035<div 5036 ref="cardGallery" 5037 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-1 spacing-style border-style" 5038 style=" 5039 --border-width: 1px; --border-style: none; --border-color: 5040rgb(var(--color-border-rgb) / 1.0); --border-radius: 50410px; 5042 5043 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5044 --gallery-aspect-ratio: 1; 5045 " 5046 data-product-id="9360400384317" 5047 5048 on:pointerenter="/previewImage" 5049 on:pointerleave="/resetImage" 5050 5051 5052 data-view-transition-to-main-product 5053 5054 data-image-ratio="square" 5055 5056> 5057 <a 5058 class="contents" 5059 ref="cardGalleryLink" 5060 href="/products/coastal-cashmere-yarn-toes-in-the-sand?variant=48599574872381" 5061 aria-label="Toes In The Sand" 5062 > 5063 <slideshow-component 5064 5065 ref="slideshow" 5066 5067 5068 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 5069 5070 initial-slide="0" 5071 5072 5073 infinite 5074 5075 5076 data-generic-media-size="1" 5077> 5078 5079 <slideshow-container ref="slideshowContainer"> 5080 5081 5082 <slideshow-slides 5083 tabindex="-1" 5084 ref="scroller" 5085 5086 > 5087 <slideshow-slide 5088 ref="slides[]" 5089 aria-hidden="false" 5090 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 5091 5092 class="product-media-container media-fit product-media-container--image" 5093 5094 5095 5096 5097 slide-id="49920412975421" 5098 5099 5100 5101 5102> 5103 5104 5105<div 5106 class="product-media" 5107 style="--ratio: 1.0" 5108 data-media-id="49920412975421" 5109> 5110 5111 <img src="//www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840" alt="Toes In The Sand" srcset="//www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 5112 5113 5114</div> 5115 5116 5117 5118</slideshow-slide> 5119 5120 </slideshow-slides> 5121 </slideshow-container> 5122 5123</slideshow-component> 5124 5125 5126 5127 </a> 5128 5129 5130 <div 5131 class="product-badges product-badges--top-left" 5132 style=" 5133 --badge-border-radius: 0px; 5134 --badge-font-family: var(--font-body--family);
5134 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 5135 " 5136 ></div> 5137 5138 5139 5140<quick-add-component 5141 class="quick-add color-scheme-1 " 5142 ref="quickAdd" 5143 data-product-title="Toes In The Sand" 5144 data-quick-add-button="add" 5145 data-product-options-count="1" 5146> 5147 <product-form-component 5148 data-section-id="template--26673864704317__main" 5149 data-product-id="9360400384317" 5150 on:submit="/handleSubmit" 5151 class="quick-add__product-form-component" 5152 > 5153 <div 5154 class="visually-hidden" 5155 aria-live="assertive" 5156 role="status" 5157 aria-atomic="true" 5158 ref="liveRegion" 5159 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9360400384317-AVmhSaDh1RlIzQ2t2Y__card-gallery-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 5160 type="hidden" 5161 name="id" 5162 ref="variantId" 5163 value="48599574872381" 5164 5165 > 5166 <input 5167 type="hidden" 5168 name="quantity" 5169 value="1" 5170 > 5171 5172 <add-to-cart-component 5173 ref="addToCartButtonContainer" 5174 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=100" 5175 data-add-to-cart-animation="true" 5176> 5177 <button 5178 5179 type="submit" 5180 name="add" 5181 ref="addToCartButton" 5182 on:click="/handleClick" 5183 class="button button quick-add__button quick-add__button--add add-to-cart-button" 5184 5185 5186 > 5187 <span 5188 class="add-to-cart-text" 5189 > 5190 5191 <span 5192 aria-hidden="true" 5193 class="svg-wrapper add-to-cart-icon" 5194 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 5195</span> 5196 5197 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 5198 <span> 5199 <span>Add</span> 5200 </span> 5201 </span> 5202 </span> 5203 5204 <span class="add-to-cart__added"> 5205 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5206 <g class="check"> 5207 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 5208 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 5209 </g> 5210 <g class="burst"> 5211 <g style="--index: 0;"> 5212 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5213 </g> 5214 <g style="--index: 1;"> 5215 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5216 </g> 5217 <g style="--index: 2;"> 5218 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5219 </g> 5220 <g style="--index: 3;"> 5221 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5222 </g> 5223 <g style="--index: 4;"> 5224 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5225 </g> 5226 <g style="--index: 5;"> 5227 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5228 </g> 5229 <g style="--index: 6;"> 5230 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5231 </g> 5232 <g style="--index: 7;"> 5233 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5234 </g> 5235 </g> 5236</svg> 5237</span> 5238 </span> 5239 </button> 5240</add-to-cart-component> 5241 5242 5243 <button 5244 class="button quick-add__button quick-add__button--choose add-to-cart-button" 5245 5246 type="button" 5247 name="add" 5248 on:click="quick-add-component/handleClick" 5249 >
5250 <span 5251 class="add-to-cart-text" 5252 > 5253 5254 <span 5255 aria-hidden="true" 5256 class="svg-wrapper add-to-cart-icon" 5257 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 5258</span> 5259 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 5260 <span> 5261 5262 <span> 5263 Choose 5264 </span> 5265 </span> 5266 </span> 5267 </span> 5268 </button><input type="hidden" name="product-id" value="9360400384317" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 5269</quick-add-component> 5270 5271 5272 5273 5274 5275 5276</div> 5277 5278 5279 5280 5281 5282<div class="product-grid-view-zoom-out--details"> 5283 5284 <h3 class="h4">Toes In The Sand</h3> 5285 5286</div> 5287 5288 5289 5290 5291 5292 5293 5294 5295<div 5296 class=" 5297 group-block 5298 group-block--height-fit 5299 group-block--width-fill 5300 border-style 5301 spacing-style 5302 size-style 5303 5304 5305 " 5306 style=" 5307 --border-width: 1px; --border-style: none; --border-color: 5308rgb(var(--color-border-rgb) / 1.0); --border-radius: 53090px; 5310 5311 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5312 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5313 5314 " 5315 5316 data-testid="group-block" 5317><div class="group-block__media-wrapper"> 5318 5319 5320 5321 5322 5323 </div> 5324 5325 <div 5326 class=" 5327 group-block-content 5328 5329 layout-panel-flex 5330 layout-panel-flex--row 5331 mobile-column 5332 " 5333 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5334 5335--gap: 12px; 5336 5337--horizontal-alignment: space-between; --vertical-alignment: flex-start; 5338--vertical-alignment-mobile: flex-start; 5339" 5340 > 5341 5342 5343 5344 5345<div 5346 class=" 5347 group-block 5348 group-block--height-fit 5349 group-block--width-custom 5350 border-style 5351 spacing-style 5352 size-style 5353 5354 5355 " 5356 style=" 5357 --border-width: 1px; --border-style: none; --border-color: 5358rgb(var(--color-border-rgb) / 1.0); --border-radius: 53590px; 5360 5361 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5362 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5363 5364 " 5365 5366 data-testid="group-block" 5367><div class="group-block__media-wrapper"> 5368 5369 5370 5371 5372 5373 </div> 5374 5375 <div 5376 class=" 5377 group-block-content 5378 5379 layout-panel-flex 5380 layout-panel-flex--column 5381 mobile-column 5382 " 5383 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5384 5385--gap: 0px; 5386 5387--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5388--vertical-alignment-mobile: flex-start; 5389" 5390 > 5391 5392 5393 5394 5395 <a 5396 class="contents user-select-text" 5397 ref="productTitleLink" 5398 href="/products/coastal-cashmere-yarn-toes-in-the-sand?variant=48599574872381" 5399 > 5400 5401 5402 5403 5404 5405 5406 5407 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-1 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 5408 <p>Toes In The Sand</p> 5409 </div> 5410 5411 5412 5413 5414 </a> 5415 5416 5417 5418 5419 5420 5421<product-price 5422 class="text-block text-block--align-left text-left h5 spacing-style" 5423 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-1" 5424 data-product-id="9360400384317" 5425 style=" 5426 5427--color: var(--color-foreground); 5428 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5429 --width: 100%; 5430 " 5431 5432> 5433 <div ref="priceContainer"> 5434 5435 5436 5437 5438
5439 <span class="price">$52.00</span> 5440 5441 5442 5443 5444</div> 5445 5446 5447</product-price> 5448 5449 5450 5451 5452 5453 5454 5455</div> 5456</div> 5457 5458 5459 5460 5461 5462 5463 5464 5465 5466<div 5467 class=" 5468 group-block 5469 group-block--height-fit 5470 group-block--width-fill 5471 border-style 5472 spacing-style 5473 size-style 5474 5475 5476 " 5477 style=" 5478 --border-width: 1px; --border-style: none; --border-color: 5479rgb(var(--color-border-rgb) / 1.0); --border-radius: 54800px; 5481 5482 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5483 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5484 5485 " 5486 5487 data-testid="group-block" 5488><div class="group-block__media-wrapper"> 5489 5490 5491 5492 5493 5494 </div> 5495 5496 <div 5497 class=" 5498 group-block-content 5499 5500 layout-panel-flex 5501 layout-panel-flex--column 5502 mobile-column 5503 " 5504 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5505 5506--gap: 0px; 5507 5508--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5509--vertical-alignment-mobile: flex-start; 5510" 5511 > 5512 5513 5514 5515 5516 5517 5518 5519 5520</div> 5521</div> 5522 5523 5524 5525 5526 5527 5528</div> 5529</div> 5530 5531 5532 5533 5534 5535 5536 5537 </div> 5538</product-card> 5539 5540 5541 5542 5543 5544 5545 5546 </li> 5547 5548 <li 5549 id="template--26673864704317__main-9360495313213" 5550 class="product-grid__item product-grid__item--2" 5551 data-page="1" 5552 data-product-id="9360495313213" 5553 ref="cards[]" 5554 > 5555 5556 5557 5558 5559 5560 5561 5562<style data-shopify> 5563 5564</style> 5565 5566 5567 5568<product-card 5569 class="product-card size-style" 5570 style="--size-style-width: ;--size-style-height: ;" 5571 data-product-id="9360495313213" 5572 id="product-card-AL0tpbE54MnF3MmVqM__product-card-2" 5573 5574 data-product-transition="true" 5575 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=500" 5576 on:click="/handleViewTransition" 5577 5578 5579 5580> 5581 <a 5582 id="cf90ffac250e480ef86b6431e1f61f76" 5583 5584 href="/products/coastal-cashmere-yarn-wicker-basket?variant=48600212472125" 5585 5586 class="product-card__link" 5587 ref="productCardLink" 5588 > 5589 <span class="visually-hidden"> 5590 Picnic Basket 5591 </span> 5592 </a> 5593 <div 5594 class=" 5595 product-card__content 5596 layout-panel-flex 5597 layout-panel-flex--column 5598 product-grid__card 5599 spacing-style 5600 border-style 5601 gap-style 5602 5603 " 5604 style=" 5605 --border-width: 1px; --border-style: none; --border-color: 5606rgb(var(--color-border-rgb) / 1.0); --border-radius: 56070px; 5608 5609 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5610 5611 5612 5613--horizontal-alignment: ; --vertical-alignment: ; 5614--vertical-alignment-mobile: ; 5615 5616 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5617 --product-card-gap: 8px; 5618 --quick-add-display: flex; 5619 --quick-add-mobile-display: flex; 5620 --quick-add-mobile-opacity: 1; 5621 5622 5623 5624 5625 " 5626 > 5627 5628 5629 5630 5631 5632 5633 5634 5635 5636<div 5637 ref="cardGallery" 5638 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-2 spacing-style border-style" 5639 style=" 5640 --border-width: 1px; --border-style: none; --border-color: 5641rgb(var(--color-border-rgb) / 1.0); --border-radius: 56420px; 5643 5644 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5645 --gallery-aspect-ratio: 1; 5646 " 5647 data-product-id="9360495313213" 5648 5649 on:pointerenter="/previewImage" 5650 on:pointerleave="/resetImage" 5651 5652 5653 data-view-transition-to-main-product 5654 5655 data-image-ratio="square" 5656 5657> 5658 <a 5659 class="contents" 5660 ref="cardGalleryLink" 5661 href="/products/coastal-cashmere-yarn-wicker-basket?variant=48600212472125" 5662 aria-label="Picnic Basket" 5663 > 5664 <slideshow-component 5665 5666 ref="slideshow" 5667 5668 5669 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 5670 5671 initial-slide="0" 5672 5673 5674 infinite 5675 5676 5677 data-generic-media-size="1" 5678> 5679 5680 <slideshow-container ref="slideshowContainer"> 5681 5682 5683 <slideshow-slides 5684 tabindex="-1" 5685 ref="scroller" 5686 5687 > 5688 <slideshow-slide 5689 ref="slides[]" 5690 aria-hidden="false" 5691 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 5692 5693 class="product-media-container media-fit product-media-container--image" 5694 5695 5696 5697 5698 slide-id="49920413040957" 5699 5700 5701 5702 5703> 5704 5705 5706<div 5707 class="product-media" 5708 style="--ratio: 1.0" 5709 data-media-id="49920413040957" 5710> 5711 5712 <img src="//www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840" alt="Picnic Basket" srcset="//www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 5713 5714 5715</div> 5716 5717 5718 5719</slideshow-slide> 5720 5721 </slideshow-slides> 5722 </slideshow-container> 5723 5724</slideshow-component> 5725 5726 5727 5728 </a> 5729 5730 5731 <div 5732 class="product-badges product-badges--top-left" 5733 style=" 5734 --badge-border-radius: 0px; 5735 --badge-font-family: var(--font-body--family);
5735 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 5736 " 5737 ></div> 5738 5739 5740 5741<quick-add-component 5742 class="quick-add color-scheme-1 " 5743 ref="quickAdd" 5744 data-product-title="Picnic Basket" 5745 data-quick-add-button="add" 5746 data-product-options-count="1" 5747> 5748 <product-form-component 5749 data-section-id="template--26673864704317__main" 5750 data-product-id="9360495313213" 5751 on:submit="/handleSubmit" 5752 class="quick-add__product-form-component" 5753 > 5754 <div 5755 class="visually-hidden" 5756 aria-live="assertive" 5757 role="status" 5758 aria-atomic="true" 5759 ref="liveRegion" 5760 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9360495313213-AVmhSaDh1RlIzQ2t2Y__card-gallery-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 5761 type="hidden" 5762 name="id" 5763 ref="variantId" 5764 value="48600212472125" 5765 5766 > 5767 <input 5768 type="hidden" 5769 name="quantity" 5770 value="1" 5771 > 5772 5773 <add-to-cart-component 5774 ref="addToCartButtonContainer" 5775 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=100" 5776 data-add-to-cart-animation="true" 5777> 5778 <button 5779 5780 type="submit" 5781 name="add" 5782 ref="addToCartButton" 5783 on:click="/handleClick" 5784 class="button button quick-add__button quick-add__button--add add-to-cart-button" 5785 5786 5787 > 5788 <span 5789 class="add-to-cart-text" 5790 > 5791 5792 <span 5793 aria-hidden="true" 5794 class="svg-wrapper add-to-cart-icon" 5795 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 5796</span> 5797 5798 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 5799 <span> 5800 <span>Add</span> 5801 </span> 5802 </span> 5803 </span> 5804 5805 <span class="add-to-cart__added"> 5806 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5807 <g class="check"> 5808 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 5809 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 5810 </g> 5811 <g class="burst"> 5812 <g style="--index: 0;"> 5813 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5814 </g> 5815 <g style="--index: 1;"> 5816 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5817 </g> 5818 <g style="--index: 2;"> 5819 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5820 </g> 5821 <g style="--index: 3;"> 5822 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5823 </g> 5824 <g style="--index: 4;"> 5825 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5826 </g> 5827 <g style="--index: 5;"> 5828 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5829 </g> 5830 <g style="--index: 6;"> 5831 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5832 </g> 5833 <g style="--index: 7;"> 5834 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 5835 </g> 5836 </g> 5837</svg> 5838</span> 5839 </span> 5840 </button> 5841</add-to-cart-component> 5842 5843 5844 <button 5845 class="button quick-add__button quick-add__button--choose add-to-cart-button" 5846 5847 type="button" 5848 name="add" 5849 on:click="quick-add-component/handleClick" 5850 >
5851 <span 5852 class="add-to-cart-text" 5853 > 5854 5855 <span 5856 aria-hidden="true" 5857 class="svg-wrapper add-to-cart-icon" 5858 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 5859</span> 5860 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 5861 <span> 5862 5863 <span> 5864 Choose 5865 </span> 5866 </span> 5867 </span> 5868 </span> 5869 </button><input type="hidden" name="product-id" value="9360495313213" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 5870</quick-add-component> 5871 5872 5873 5874 5875 5876 5877</div> 5878 5879 5880 5881 5882 5883<div class="product-grid-view-zoom-out--details"> 5884 5885 <h3 class="h4">Picnic Basket</h3> 5886 5887</div> 5888 5889 5890 5891 5892 5893 5894 5895 5896<div 5897 class=" 5898 group-block 5899 group-block--height-fit 5900 group-block--width-fill 5901 border-style 5902 spacing-style 5903 size-style 5904 5905 5906 " 5907 style=" 5908 --border-width: 1px; --border-style: none; --border-color: 5909rgb(var(--color-border-rgb) / 1.0); --border-radius: 59100px; 5911 5912 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5913 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5914 5915 " 5916 5917 data-testid="group-block" 5918><div class="group-block__media-wrapper"> 5919 5920 5921 5922 5923 5924 </div> 5925 5926 <div 5927 class=" 5928 group-block-content 5929 5930 layout-panel-flex 5931 layout-panel-flex--row 5932 mobile-column 5933 " 5934 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5935 5936--gap: 12px; 5937 5938--horizontal-alignment: space-between; --vertical-alignment: flex-start; 5939--vertical-alignment-mobile: flex-start; 5940" 5941 > 5942 5943 5944 5945 5946<div 5947 class=" 5948 group-block 5949 group-block--height-fit 5950 group-block--width-custom 5951 border-style 5952 spacing-style 5953 size-style 5954 5955 5956 " 5957 style=" 5958 --border-width: 1px; --border-style: none; --border-color: 5959rgb(var(--color-border-rgb) / 1.0); --border-radius: 59600px; 5961 5962 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5963 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5964 5965 " 5966 5967 data-testid="group-block" 5968><div class="group-block__media-wrapper"> 5969 5970 5971 5972 5973 5974 </div> 5975 5976 <div 5977 class=" 5978 group-block-content 5979 5980 layout-panel-flex 5981 layout-panel-flex--column 5982 mobile-column 5983 " 5984 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5985 5986--gap: 0px; 5987 5988--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5989--vertical-alignment-mobile: flex-start; 5990" 5991 > 5992 5993 5994 5995 5996 <a 5997 class="contents user-select-text" 5998 ref="productTitleLink" 5999 href="/products/coastal-cashmere-yarn-wicker-basket?variant=48600212472125" 6000 > 6001 6002 6003 6004 6005 6006 6007 6008 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-2 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 6009 <p>Picnic Basket</p> 6010 </div> 6011 6012 6013 6014 6015 </a> 6016 6017 6018 6019 6020 6021 6022<product-price 6023 class="text-block text-block--align-left text-left h5 spacing-style" 6024 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-2" 6025 data-product-id="9360495313213" 6026 style=" 6027 6028--color: var(--color-foreground); 6029 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6030 --width: 100%; 6031 " 6032 6033> 6034 <div ref="priceContainer"> 6035 6036 6037 6038 6039
6040 <span class="price">$52.00</span> 6041 6042 6043 6044 6045</div> 6046 6047 6048</product-price> 6049 6050 6051 6052 6053 6054 6055 6056</div> 6057</div> 6058 6059 6060 6061 6062 6063 6064 6065 6066 6067<div 6068 class=" 6069 group-block 6070 group-block--height-fit 6071 group-block--width-fill 6072 border-style 6073 spacing-style 6074 size-style 6075 6076 6077 " 6078 style=" 6079 --border-width: 1px; --border-style: none; --border-color: 6080rgb(var(--color-border-rgb) / 1.0); --border-radius: 60810px; 6082 6083 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6084 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6085 6086 " 6087 6088 data-testid="group-block" 6089><div class="group-block__media-wrapper"> 6090 6091 6092 6093 6094 6095 </div> 6096 6097 <div 6098 class=" 6099 group-block-content 6100 6101 layout-panel-flex 6102 layout-panel-flex--column 6103 mobile-column 6104 " 6105 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6106 6107--gap: 0px; 6108 6109--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 6110--vertical-alignment-mobile: flex-start; 6111" 6112 > 6113 6114 6115 6116 6117 6118 6119 6120 6121</div> 6122</div> 6123 6124 6125 6126 6127 6128 6129</div> 6130</div> 6131 6132 6133 6134 6135 6136 6137 6138 </div> 6139</product-card> 6140 6141 6142 6143 6144 6145 6146 6147 </li> 6148 6149 <li 6150 id="template--26673864704317__main-9360528310589" 6151 class="product-grid__item product-grid__item--3" 6152 data-page="1" 6153 data-product-id="9360528310589" 6154 ref="cards[]" 6155 > 6156 6157 6158 6159 6160 6161 6162 6163<style data-shopify> 6164 6165</style> 6166 6167 6168 6169<product-card 6170 class="product-card size-style" 6171 style="--size-style-width: ;--size-style-height: ;" 6172 data-product-id="9360528310589" 6173 id="product-card-AL0tpbE54MnF3MmVqM__product-card-3" 6174 6175 data-product-transition="true" 6176 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=500" 6177 on:click="/handleViewTransition" 6178 6179 6180 6181> 6182 <a 6183 id="d7f0594402666b12ff3e9ea26cf97ce3" 6184 6185 href="/products/coastal-cashmere-yarn-peach-bellini?variant=48600476582205" 6186 6187 class="product-card__link" 6188 ref="productCardLink" 6189 > 6190 <span class="visually-hidden"> 6191 Peach Bellini 6192 </span> 6193 </a> 6194 <div 6195 class=" 6196 product-card__content 6197 layout-panel-flex 6198 layout-panel-flex--column 6199 product-grid__card 6200 spacing-style 6201 border-style 6202 gap-style 6203 6204 " 6205 style=" 6206 --border-width: 1px; --border-style: none; --border-color: 6207rgb(var(--color-border-rgb) / 1.0); --border-radius: 62080px; 6209 6210 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6211 6212 6213 6214--horizontal-alignment: ; --vertical-alignment: ; 6215--vertical-alignment-mobile: ; 6216 6217 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6218 --product-card-gap: 8px; 6219 --quick-add-display: flex; 6220 --quick-add-mobile-display: flex; 6221 --quick-add-mobile-opacity: 1; 6222 6223 6224 6225 6226 " 6227 > 6228 6229 6230 6231 6232 6233 6234 6235 6236 6237<div 6238 ref="cardGallery" 6239 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-3 spacing-style border-style" 6240 style=" 6241 --border-width: 1px; --border-style: none; --border-color: 6242rgb(var(--color-border-rgb) / 1.0); --border-radius: 62430px; 6244 6245 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6246 --gallery-aspect-ratio: 1; 6247 " 6248 data-product-id="9360528310589" 6249 6250 on:pointerenter="/previewImage" 6251 on:pointerleave="/resetImage" 6252 6253 6254 data-view-transition-to-main-product 6255 6256 data-image-ratio="square" 6257 6258> 6259 <a 6260 class="contents" 6261 ref="cardGalleryLink" 6262 href="/products/coastal-cashmere-yarn-peach-bellini?variant=48600476582205" 6263 aria-label="Peach Bellini" 6264 > 6265 <slideshow-component 6266 6267 ref="slideshow" 6268 6269 6270 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 6271 6272 initial-slide="0" 6273 6274 6275 infinite 6276 6277 6278 data-generic-media-size="1" 6279> 6280 6281 <slideshow-container ref="slideshowContainer"> 6282 6283 6284 <slideshow-slides 6285 tabindex="-1" 6286 ref="scroller" 6287 6288 > 6289 <slideshow-slide 6290 ref="slides[]" 6291 aria-hidden="false" 6292 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 6293 6294 class="product-media-container media-fit product-media-container--image" 6295 6296 6297 6298 6299 slide-id="49920412614973" 6300 6301 6302 6303 6304> 6305 6306 6307<div 6308 class="product-media" 6309 style="--ratio: 1.0" 6310 data-media-id="49920412614973" 6311> 6312 6313 <img src="//www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=3840" alt="Peach Bellini" srcset="//www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 6314 6315 6316</div> 6317 6318 6319 6320</slideshow-slide> 6321 6322 </slideshow-slides> 6323 </slideshow-container> 6324 6325</slideshow-component> 6326 6327 6328 6329 </a> 6330 6331 6332 <div 6333 class="product-badges product-badges--top-left" 6334 style=" 6335 --badge-border-radius: 0px; 6336 --badge-font-family: var(--font-body--family);
6336 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 6337 " 6338 ></div> 6339 6340 6341 6342<quick-add-component 6343 class="quick-add color-scheme-1 " 6344 ref="quickAdd" 6345 data-product-title="Peach Bellini" 6346 data-quick-add-button="add" 6347 data-product-options-count="1" 6348> 6349 <product-form-component 6350 data-section-id="template--26673864704317__main" 6351 data-product-id="9360528310589" 6352 on:submit="/handleSubmit" 6353 class="quick-add__product-form-component" 6354 > 6355 <div 6356 class="visually-hidden" 6357 aria-live="assertive" 6358 role="status" 6359 aria-atomic="true" 6360 ref="liveRegion" 6361 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9360528310589-AVmhSaDh1RlIzQ2t2Y__card-gallery-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 6362 type="hidden" 6363 name="id" 6364 ref="variantId" 6365 value="48600476582205" 6366 6367 > 6368 <input 6369 type="hidden" 6370 name="quantity" 6371 value="1" 6372 > 6373 6374 <add-to-cart-component 6375 ref="addToCartButtonContainer" 6376 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=100" 6377 data-add-to-cart-animation="true" 6378> 6379 <button 6380 6381 type="submit" 6382 name="add" 6383 ref="addToCartButton" 6384 on:click="/handleClick" 6385 class="button button quick-add__button quick-add__button--add add-to-cart-button" 6386 6387 6388 > 6389 <span 6390 class="add-to-cart-text" 6391 > 6392 6393 <span 6394 aria-hidden="true" 6395 class="svg-wrapper add-to-cart-icon" 6396 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 6397</span> 6398 6399 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 6400 <span> 6401 <span>Add</span> 6402 </span> 6403 </span> 6404 </span> 6405 6406 <span class="add-to-cart__added"> 6407 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 6408 <g class="check"> 6409 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 6410 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 6411 </g> 6412 <g class="burst"> 6413 <g style="--index: 0;"> 6414 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6415 </g> 6416 <g style="--index: 1;"> 6417 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6418 </g> 6419 <g style="--index: 2;"> 6420 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6421 </g> 6422 <g style="--index: 3;"> 6423 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6424 </g> 6425 <g style="--index: 4;"> 6426 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6427 </g> 6428 <g style="--index: 5;"> 6429 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6430 </g> 6431 <g style="--index: 6;"> 6432 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6433 </g> 6434 <g style="--index: 7;"> 6435 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 6436 </g> 6437 </g> 6438</svg> 6439</span> 6440 </span> 6441 </button> 6442</add-to-cart-component> 6443 6444 6445 <button 6446 class="button quick-add__button quick-add__button--choose add-to-cart-button" 6447 6448 type="button" 6449 name="add" 6450 on:click="quick-add-component/handleClick" 6451 >
6452 <span 6453 class="add-to-cart-text" 6454 > 6455 6456 <span 6457 aria-hidden="true" 6458 class="svg-wrapper add-to-cart-icon" 6459 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 6460</span> 6461 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 6462 <span> 6463 6464 <span> 6465 Choose 6466 </span> 6467 </span> 6468 </span> 6469 </span> 6470 </button><input type="hidden" name="product-id" value="9360528310589" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 6471</quick-add-component> 6472 6473 6474 6475 6476 6477 6478</div> 6479 6480 6481 6482 6483 6484<div class="product-grid-view-zoom-out--details"> 6485 6486 <h3 class="h4">Peach Bellini</h3> 6487 6488</div> 6489 6490 6491 6492 6493 6494 6495 6496 6497<div 6498 class=" 6499 group-block 6500 group-block--height-fit 6501 group-block--width-fill 6502 border-style 6503 spacing-style 6504 size-style 6505 6506 6507 " 6508 style=" 6509 --border-width: 1px; --border-style: none; --border-color: 6510rgb(var(--color-border-rgb) / 1.0); --border-radius: 65110px; 6512 6513 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6514 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6515 6516 " 6517 6518 data-testid="group-block" 6519><div class="group-block__media-wrapper"> 6520 6521 6522 6523 6524 6525 </div> 6526 6527 <div 6528 class=" 6529 group-block-content 6530 6531 layout-panel-flex 6532 layout-panel-flex--row 6533 mobile-column 6534 " 6535 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6536 6537--gap: 12px; 6538 6539--horizontal-alignment: space-between; --vertical-alignment: flex-start; 6540--vertical-alignment-mobile: flex-start; 6541" 6542 > 6543 6544 6545 6546 6547<div 6548 class=" 6549 group-block 6550 group-block--height-fit 6551 group-block--width-custom 6552 border-style 6553 spacing-style 6554 size-style 6555 6556 6557 " 6558 style=" 6559 --border-width: 1px; --border-style: none; --border-color: 6560rgb(var(--color-border-rgb) / 1.0); --border-radius: 65610px; 6562 6563 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6564 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6565 6566 " 6567 6568 data-testid="group-block" 6569><div class="group-block__media-wrapper"> 6570 6571 6572 6573 6574 6575 </div> 6576 6577 <div 6578 class=" 6579 group-block-content 6580 6581 layout-panel-flex 6582 layout-panel-flex--column 6583 mobile-column 6584 " 6585 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6586 6587--gap: 0px; 6588 6589--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 6590--vertical-alignment-mobile: flex-start; 6591" 6592 > 6593 6594 6595 6596 6597 <a 6598 class="contents user-select-text" 6599 ref="productTitleLink" 6600 href="/products/coastal-cashmere-yarn-peach-bellini?variant=48600476582205" 6601 > 6602 6603 6604 6605 6606 6607 6608 6609 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-3 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 6610 <p>Peach Bellini</p> 6611 </div> 6612 6613 6614 6615 6616 </a> 6617 6618 6619 6620 6621 6622 6623<product-price 6624 class="text-block text-block--align-left text-left h5 spacing-style" 6625 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-3" 6626 data-product-id="9360528310589" 6627 style=" 6628 6629--color: var(--color-foreground); 6630 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6631 --width: 100%; 6632 " 6633 6634> 6635 <div ref="priceContainer"> 6636 6637 6638 6639 6640
6641 <span class="price">$52.00</span> 6642 6643 6644 6645 6646</div> 6647 6648 6649</product-price> 6650 6651 6652 6653 6654 6655 6656 6657</div> 6658</div> 6659 6660 6661 6662 6663 6664 6665 6666 6667 6668<div 6669 class=" 6670 group-block 6671 group-block--height-fit 6672 group-block--width-fill 6673 border-style 6674 spacing-style 6675 size-style 6676 6677 6678 " 6679 style=" 6680 --border-width: 1px; --border-style: none; --border-color: 6681rgb(var(--color-border-rgb) / 1.0); --border-radius: 66820px; 6683 6684 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6685 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6686 6687 " 6688 6689 data-testid="group-block" 6690><div class="group-block__media-wrapper"> 6691 6692 6693 6694 6695 6696 </div> 6697 6698 <div 6699 class=" 6700 group-block-content 6701 6702 layout-panel-flex 6703 layout-panel-flex--column 6704 mobile-column 6705 " 6706 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6707 6708--gap: 0px; 6709 6710--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 6711--vertical-alignment-mobile: flex-start; 6712" 6713 > 6714 6715 6716 6717 6718 6719 6720 6721 6722</div> 6723</div> 6724 6725 6726 6727 6728 6729 6730</div> 6731</div> 6732 6733 6734 6735 6736 6737 6738 6739 </div> 6740</product-card> 6741 6742 6743 6744 6745 6746 6747 6748 </li> 6749 6750 <li 6751 id="template--26673864704317__main-10113713340733" 6752 class="product-grid__item product-grid__item--4" 6753 data-page="1" 6754 data-product-id="10113713340733" 6755 ref="cards[]" 6756 > 6757 6758 6759 6760 6761 6762 6763 6764<style data-shopify> 6765 6766</style> 6767 6768 6769 6770<product-card 6771 class="product-card size-style" 6772 style="--size-style-width: ;--size-style-height: ;" 6773 data-product-id="10113713340733" 6774 id="product-card-AL0tpbE54MnF3MmVqM__product-card-4" 6775 6776 data-product-transition="true" 6777 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=500" 6778 on:click="/handleViewTransition" 6779 6780 6781 6782> 6783 <a 6784 id="2d6ebb36ee0750161ad43abe7d8cef6d" 6785 6786 href="/products/coastal-cashmere-yarn-pink-sand?variant=50895920431421" 6787 6788 class="product-card__link" 6789 ref="productCardLink" 6790 > 6791 <span class="visually-hidden"> 6792 Pink Sand 6793 </span> 6794 </a> 6795 <div 6796 class=" 6797 product-card__content 6798 layout-panel-flex 6799 layout-panel-flex--column 6800 product-grid__card 6801 spacing-style 6802 border-style 6803 gap-style 6804 6805 " 6806 style=" 6807 --border-width: 1px; --border-style: none; --border-color: 6808rgb(var(--color-border-rgb) / 1.0); --border-radius: 68090px; 6810 6811 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6812 6813 6814 6815--horizontal-alignment: ; --vertical-alignment: ; 6816--vertical-alignment-mobile: ; 6817 6818 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6819 --product-card-gap: 8px; 6820 --quick-add-display: flex; 6821 --quick-add-mobile-display: flex; 6822 --quick-add-mobile-opacity: 1; 6823 6824 6825 6826 6827 " 6828 > 6829 6830 6831 6832 6833 6834 6835 6836 6837 6838<div 6839 ref="cardGallery" 6840 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-4 spacing-style border-style" 6841 style=" 6842 --border-width: 1px; --border-style: none; --border-color: 6843rgb(var(--color-border-rgb) / 1.0); --border-radius: 68440px; 6845 6846 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6847 --gallery-aspect-ratio: 1; 6848 " 6849 data-product-id="10113713340733" 6850 6851 on:pointerenter="/previewImage" 6852 on:pointerleave="/resetImage" 6853 6854 6855 data-view-transition-to-main-product 6856 6857 data-image-ratio="square" 6858 6859> 6860 <a 6861 class="contents" 6862 ref="cardGalleryLink" 6863 href="/products/coastal-cashmere-yarn-pink-sand?variant=50895920431421" 6864 aria-label="Pink Sand" 6865 > 6866 <slideshow-component 6867 6868 ref="slideshow" 6869 6870 6871 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 6872 6873 initial-slide="0" 6874 6875 6876 infinite 6877 6878 6879 data-generic-media-size="1" 6880> 6881 6882 <slideshow-container ref="slideshowContainer"> 6883 6884 6885 <slideshow-slides 6886 tabindex="-1" 6887 ref="scroller" 6888 6889 > 6890 <slideshow-slide 6891 ref="slides[]" 6892 aria-hidden="false" 6893 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 6894 6895 class="product-media-container media-fit product-media-container--image" 6896 6897 6898 6899 6900 slide-id="49920412680509" 6901 6902 6903 6904 6905> 6906 6907 6908<div 6909 class="product-media" 6910 style="--ratio: 1.0" 6911 data-media-id="49920412680509" 6912> 6913 6914 <img src="//www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=3840" alt="Pink Sand" srcset="//www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 6915 6916 6917</div> 6918 6919 6920 6921</slideshow-slide> 6922 6923 </slideshow-slides> 6924 </slideshow-container> 6925 6926</slideshow-component> 6927 6928 6929 6930 </a> 6931 6932 6933 <div 6934 class="product-badges product-badges--top-left" 6935 style=" 6936 --badge-border-radius: 0px; 6937 --badge-font-family: var(--font-body--family);
6937 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 6938 " 6939 ></div> 6940 6941 6942 6943<quick-add-component 6944 class="quick-add color-scheme-1 " 6945 ref="quickAdd" 6946 data-product-title="Pink Sand" 6947 data-quick-add-button="add" 6948 data-product-options-count="1" 6949> 6950 <product-form-component 6951 data-section-id="template--26673864704317__main" 6952 data-product-id="10113713340733" 6953 on:submit="/handleSubmit" 6954 class="quick-add__product-form-component" 6955 > 6956 <div 6957 class="visually-hidden" 6958 aria-live="assertive" 6959 role="status" 6960 aria-atomic="true" 6961 ref="liveRegion" 6962 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10113713340733-AVmhSaDh1RlIzQ2t2Y__card-gallery-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 6963 type="hidden" 6964 name="id" 6965 ref="variantId" 6966 value="50895920431421" 6967 6968 > 6969 <input 6970 type="hidden" 6971 name="quantity" 6972 value="1" 6973 > 6974 6975 <add-to-cart-component 6976 ref="addToCartButtonContainer" 6977 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&width=100" 6978 data-add-to-cart-animation="true" 6979> 6980 <button 6981 6982 type="submit" 6983 name="add" 6984 ref="addToCartButton" 6985 on:click="/handleClick" 6986 class="button button quick-add__button quick-add__button--add add-to-cart-button" 6987 6988 6989 > 6990 <span 6991 class="add-to-cart-text" 6992 > 6993 6994 <span 6995 aria-hidden="true" 6996 class="svg-wrapper add-to-cart-icon" 6997 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 6998</span> 6999 7000 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 7001 <span> 7002 <span>Add</span> 7003 </span> 7004 </span> 7005 </span> 7006 7007 <span class="add-to-cart__added"> 7008 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 7009 <g class="check"> 7010 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7011 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7012 </g> 7013 <g class="burst"> 7014 <g style="--index: 0;"> 7015 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7016 </g> 7017 <g style="--index: 1;"> 7018 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7019 </g> 7020 <g style="--index: 2;"> 7021 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7022 </g> 7023 <g style="--index: 3;"> 7024 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7025 </g> 7026 <g style="--index: 4;"> 7027 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7028 </g> 7029 <g style="--index: 5;"> 7030 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7031 </g> 7032 <g style="--index: 6;"> 7033 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7034 </g> 7035 <g style="--index: 7;"> 7036 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7037 </g> 7038 </g> 7039</svg> 7040</span> 7041 </span> 7042 </button> 7043</add-to-cart-component> 7044 7045 7046 <button 7047 class="button quick-add__button quick-add__button--choose add-to-cart-button" 7048 7049 type="button" 7050 name="add" 7051 on:click="quick-add-component/handleClick" 7052 >
7053 <span 7054 class="add-to-cart-text" 7055 > 7056 7057 <span 7058 aria-hidden="true" 7059 class="svg-wrapper add-to-cart-icon" 7060 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 7061</span> 7062 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 7063 <span> 7064 7065 <span> 7066 Choose 7067 </span> 7068 </span> 7069 </span> 7070 </span> 7071 </button><input type="hidden" name="product-id" value="10113713340733" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 7072</quick-add-component> 7073 7074 7075 7076 7077 7078 7079</div> 7080 7081 7082 7083 7084 7085<div class="product-grid-view-zoom-out--details"> 7086 7087 <h3 class="h4">Pink Sand</h3> 7088 7089</div> 7090 7091 7092 7093 7094 7095 7096 7097 7098<div 7099 class=" 7100 group-block 7101 group-block--height-fit 7102 group-block--width-fill 7103 border-style 7104 spacing-style 7105 size-style 7106 7107 7108 " 7109 style=" 7110 --border-width: 1px; --border-style: none; --border-color: 7111rgb(var(--color-border-rgb) / 1.0); --border-radius: 71120px; 7113 7114 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7115 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7116 7117 " 7118 7119 data-testid="group-block" 7120><div class="group-block__media-wrapper"> 7121 7122 7123 7124 7125 7126 </div> 7127 7128 <div 7129 class=" 7130 group-block-content 7131 7132 layout-panel-flex 7133 layout-panel-flex--row 7134 mobile-column 7135 " 7136 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7137 7138--gap: 12px; 7139 7140--horizontal-alignment: space-between; --vertical-alignment: flex-start; 7141--vertical-alignment-mobile: flex-start; 7142" 7143 > 7144 7145 7146 7147 7148<div 7149 class=" 7150 group-block 7151 group-block--height-fit 7152 group-block--width-custom 7153 border-style 7154 spacing-style 7155 size-style 7156 7157 7158 " 7159 style=" 7160 --border-width: 1px; --border-style: none; --border-color: 7161rgb(var(--color-border-rgb) / 1.0); --border-radius: 71620px; 7163 7164 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7165 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7166 7167 " 7168 7169 data-testid="group-block" 7170><div class="group-block__media-wrapper"> 7171 7172 7173 7174 7175 7176 </div> 7177 7178 <div 7179 class=" 7180 group-block-content 7181 7182 layout-panel-flex 7183 layout-panel-flex--column 7184 mobile-column 7185 " 7186 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7187 7188--gap: 0px; 7189 7190--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 7191--vertical-alignment-mobile: flex-start; 7192" 7193 > 7194 7195 7196 7197 7198 <a 7199 class="contents user-select-text" 7200 ref="productTitleLink" 7201 href="/products/coastal-cashmere-yarn-pink-sand?variant=50895920431421" 7202 > 7203 7204 7205 7206 7207 7208 7209 7210 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-4 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 7211 <p>Pink Sand</p> 7212 </div> 7213 7214 7215 7216 7217 </a> 7218 7219 7220 7221 7222 7223 7224<product-price 7225 class="text-block text-block--align-left text-left h5 spacing-style" 7226 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-4" 7227 data-product-id="10113713340733" 7228 style=" 7229 7230--color: var(--color-foreground); 7231 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7232 --width: 100%; 7233 " 7234 7235> 7236 <div ref="priceContainer"> 7237 7238 7239 7240 7241
7242 <span class="price">$52.00</span> 7243 7244 7245 7246 7247</div> 7248 7249 7250</product-price> 7251 7252 7253 7254 7255 7256 7257 7258</div> 7259</div> 7260 7261 7262 7263 7264 7265 7266 7267 7268 7269<div 7270 class=" 7271 group-block 7272 group-block--height-fit 7273 group-block--width-fill 7274 border-style 7275 spacing-style 7276 size-style 7277 7278 7279 " 7280 style=" 7281 --border-width: 1px; --border-style: none; --border-color: 7282rgb(var(--color-border-rgb) / 1.0); --border-radius: 72830px; 7284 7285 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7286 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7287 7288 " 7289 7290 data-testid="group-block" 7291><div class="group-block__media-wrapper"> 7292 7293 7294 7295 7296 7297 </div> 7298 7299 <div 7300 class=" 7301 group-block-content 7302 7303 layout-panel-flex 7304 layout-panel-flex--column 7305 mobile-column 7306 " 7307 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7308 7309--gap: 0px; 7310 7311--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 7312--vertical-alignment-mobile: flex-start; 7313" 7314 > 7315 7316 7317 7318 7319 7320 7321 7322 7323</div> 7324</div> 7325 7326 7327 7328 7329 7330 7331</div> 7332</div> 7333 7334 7335 7336 7337 7338 7339 7340 </div> 7341</product-card> 7342 7343 7344 7345 7346 7347 7348 7349 </li> 7350 7351 <li 7352 id="template--26673864704317__main-9360757129533" 7353 class="product-grid__item product-grid__item--5" 7354 data-page="1" 7355 data-product-id="9360757129533" 7356 ref="cards[]" 7357 > 7358 7359 7360 7361 7362 7363 7364 7365<style data-shopify> 7366 7367</style> 7368 7369 7370 7371<product-card 7372 class="product-card size-style" 7373 style="--size-style-width: ;--size-style-height: ;" 7374 data-product-id="9360757129533" 7375 id="product-card-AL0tpbE54MnF3MmVqM__product-card-5" 7376 7377 data-product-transition="true" 7378 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=500" 7379 on:click="/handleViewTransition" 7380 7381 7382 7383> 7384 <a 7385 id="b35d722ea6f561ab887e38935e02b9ee" 7386 7387 href="/products/coastal-cashmere-yarn-shell-pink?variant=48601559171389" 7388 7389 class="product-card__link" 7390 ref="productCardLink" 7391 > 7392 <span class="visually-hidden"> 7393 Shell Pink 7394 </span> 7395 </a> 7396 <div 7397 class=" 7398 product-card__content 7399 layout-panel-flex 7400 layout-panel-flex--column 7401 product-grid__card 7402 spacing-style 7403 border-style 7404 gap-style 7405 7406 " 7407 style=" 7408 --border-width: 1px; --border-style: none; --border-color: 7409rgb(var(--color-border-rgb) / 1.0); --border-radius: 74100px; 7411 7412 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7413 7414 7415 7416--horizontal-alignment: ; --vertical-alignment: ; 7417--vertical-alignment-mobile: ; 7418 7419 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7420 --product-card-gap: 8px; 7421 --quick-add-display: flex; 7422 --quick-add-mobile-display: flex; 7423 --quick-add-mobile-opacity: 1; 7424 7425 7426 7427 7428 " 7429 > 7430 7431 7432 7433 7434 7435 7436 7437 7438 7439<div 7440 ref="cardGallery" 7441 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-5 spacing-style border-style" 7442 style=" 7443 --border-width: 1px; --border-style: none; --border-color: 7444rgb(var(--color-border-rgb) / 1.0); --border-radius: 74450px; 7446 7447 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7448 --gallery-aspect-ratio: 1; 7449 " 7450 data-product-id="9360757129533" 7451 7452 on:pointerenter="/previewImage" 7453 on:pointerleave="/resetImage" 7454 7455 7456 data-view-transition-to-main-product 7457 7458 data-image-ratio="square" 7459 7460> 7461 <a 7462 class="contents" 7463 ref="cardGalleryLink" 7464 href="/products/coastal-cashmere-yarn-shell-pink?variant=48601559171389" 7465 aria-label="Shell Pink" 7466 > 7467 <slideshow-component 7468 7469 ref="slideshow" 7470 7471 7472 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 7473 7474 initial-slide="0" 7475 7476 7477 infinite 7478 7479 7480 data-generic-media-size="1" 7481> 7482 7483 <slideshow-container ref="slideshowContainer"> 7484 7485 7486 <slideshow-slides 7487 tabindex="-1" 7488 ref="scroller" 7489 7490 > 7491 <slideshow-slide 7492 ref="slides[]" 7493 aria-hidden="false" 7494 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 7495 7496 class="product-media-container media-fit product-media-container--image" 7497 7498 7499 7500 7501 slide-id="49920412909885" 7502 7503 7504 7505 7506> 7507 7508 7509<div 7510 class="product-media" 7511 style="--ratio: 1.0" 7512 data-media-id="49920412909885" 7513> 7514 7515 <img src="//www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=3840" alt="Shell Pink" srcset="//www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 7516 7517 7518</div> 7519 7520 7521 7522</slideshow-slide> 7523 7524 </slideshow-slides> 7525 </slideshow-container> 7526 7527</slideshow-component> 7528 7529 7530 7531 </a> 7532 7533 7534 <div 7535 class="product-badges product-badges--top-left" 7536 style=" 7537 --badge-border-radius: 0px; 7538 --badge-font-family: var(--font-body--family);
7538 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 7539 " 7540 ></div> 7541 7542 7543 7544<quick-add-component 7545 class="quick-add color-scheme-1 " 7546 ref="quickAdd" 7547 data-product-title="Shell Pink" 7548 data-quick-add-button="add" 7549 data-product-options-count="1" 7550> 7551 <product-form-component 7552 data-section-id="template--26673864704317__main" 7553 data-product-id="9360757129533" 7554 on:submit="/handleSubmit" 7555 class="quick-add__product-form-component" 7556 > 7557 <div 7558 class="visually-hidden" 7559 aria-live="assertive" 7560 role="status" 7561 aria-atomic="true" 7562 ref="liveRegion" 7563 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9360757129533-AVmhSaDh1RlIzQ2t2Y__card-gallery-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 7564 type="hidden" 7565 name="id" 7566 ref="variantId" 7567 value="48601559171389" 7568 7569 > 7570 <input 7571 type="hidden" 7572 name="quantity" 7573 value="1" 7574 > 7575 7576 <add-to-cart-component 7577 ref="addToCartButtonContainer" 7578 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&width=100" 7579 data-add-to-cart-animation="true" 7580> 7581 <button 7582 7583 type="submit" 7584 name="add" 7585 ref="addToCartButton" 7586 on:click="/handleClick" 7587 class="button button quick-add__button quick-add__button--add add-to-cart-button" 7588 7589 7590 > 7591 <span 7592 class="add-to-cart-text" 7593 > 7594 7595 <span 7596 aria-hidden="true" 7597 class="svg-wrapper add-to-cart-icon" 7598 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 7599</span> 7600 7601 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 7602 <span> 7603 <span>Add</span> 7604 </span> 7605 </span> 7606 </span> 7607 7608 <span class="add-to-cart__added"> 7609 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 7610 <g class="check"> 7611 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7612 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7613 </g> 7614 <g class="burst"> 7615 <g style="--index: 0;"> 7616 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7617 </g> 7618 <g style="--index: 1;"> 7619 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7620 </g> 7621 <g style="--index: 2;"> 7622 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7623 </g> 7624 <g style="--index: 3;"> 7625 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7626 </g> 7627 <g style="--index: 4;"> 7628 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7629 </g> 7630 <g style="--index: 5;"> 7631 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7632 </g> 7633 <g style="--index: 6;"> 7634 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7635 </g> 7636 <g style="--index: 7;"> 7637 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 7638 </g> 7639 </g> 7640</svg> 7641</span> 7642 </span> 7643 </button> 7644</add-to-cart-component> 7645 7646 7647 <button 7648 class="button quick-add__button quick-add__button--choose add-to-cart-button" 7649 7650 type="button" 7651 name="add" 7652 on:click="quick-add-component/handleClick" 7653 >
7654 <span 7655 class="add-to-cart-text" 7656 > 7657 7658 <span 7659 aria-hidden="true" 7660 class="svg-wrapper add-to-cart-icon" 7661 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 7662</span> 7663 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 7664 <span> 7665 7666 <span> 7667 Choose 7668 </span> 7669 </span> 7670 </span> 7671 </span> 7672 </button><input type="hidden" name="product-id" value="9360757129533" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 7673</quick-add-component> 7674 7675 7676 7677 7678 7679 7680</div> 7681 7682 7683 7684 7685 7686<div class="product-grid-view-zoom-out--details"> 7687 7688 <h3 class="h4">Shell Pink</h3> 7689 7690</div> 7691 7692 7693 7694 7695 7696 7697 7698 7699<div 7700 class=" 7701 group-block 7702 group-block--height-fit 7703 group-block--width-fill 7704 border-style 7705 spacing-style 7706 size-style 7707 7708 7709 " 7710 style=" 7711 --border-width: 1px; --border-style: none; --border-color: 7712rgb(var(--color-border-rgb) / 1.0); --border-radius: 77130px; 7714 7715 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7716 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7717 7718 " 7719 7720 data-testid="group-block" 7721><div class="group-block__media-wrapper"> 7722 7723 7724 7725 7726 7727 </div> 7728 7729 <div 7730 class=" 7731 group-block-content 7732 7733 layout-panel-flex 7734 layout-panel-flex--row 7735 mobile-column 7736 " 7737 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7738 7739--gap: 12px; 7740 7741--horizontal-alignment: space-between; --vertical-alignment: flex-start; 7742--vertical-alignment-mobile: flex-start; 7743" 7744 > 7745 7746 7747 7748 7749<div 7750 class=" 7751 group-block 7752 group-block--height-fit 7753 group-block--width-custom 7754 border-style 7755 spacing-style 7756 size-style 7757 7758 7759 " 7760 style=" 7761 --border-width: 1px; --border-style: none; --border-color: 7762rgb(var(--color-border-rgb) / 1.0); --border-radius: 77630px; 7764 7765 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7766 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7767 7768 " 7769 7770 data-testid="group-block" 7771><div class="group-block__media-wrapper"> 7772 7773 7774 7775 7776 7777 </div> 7778 7779 <div 7780 class=" 7781 group-block-content 7782 7783 layout-panel-flex 7784 layout-panel-flex--column 7785 mobile-column 7786 " 7787 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7788 7789--gap: 0px; 7790 7791--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 7792--vertical-alignment-mobile: flex-start; 7793" 7794 > 7795 7796 7797 7798 7799 <a 7800 class="contents user-select-text" 7801 ref="productTitleLink" 7802 href="/products/coastal-cashmere-yarn-shell-pink?variant=48601559171389" 7803 > 7804 7805 7806 7807 7808 7809 7810 7811 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-5 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 7812 <p>Shell Pink</p> 7813 </div> 7814 7815 7816 7817 7818 </a> 7819 7820 7821 7822 7823 7824 7825<product-price 7826 class="text-block text-block--align-left text-left h5 spacing-style" 7827 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-5" 7828 data-product-id="9360757129533" 7829 style=" 7830 7831--color: var(--color-foreground); 7832 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7833 --width: 100%; 7834 " 7835 7836> 7837 <div ref="priceContainer"> 7838 7839 7840 7841 7842
7843 <span class="price">$52.00</span> 7844 7845 7846 7847 7848</div> 7849 7850 7851</product-price> 7852 7853 7854 7855 7856 7857 7858 7859</div> 7860</div> 7861 7862 7863 7864 7865 7866 7867 7868 7869 7870<div 7871 class=" 7872 group-block 7873 group-block--height-fit 7874 group-block--width-fill 7875 border-style 7876 spacing-style 7877 size-style 7878 7879 7880 " 7881 style=" 7882 --border-width: 1px; --border-style: none; --border-color: 7883rgb(var(--color-border-rgb) / 1.0); --border-radius: 78840px; 7885 7886 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 7887 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 7888 7889 " 7890 7891 data-testid="group-block" 7892><div class="group-block__media-wrapper"> 7893 7894 7895 7896 7897 7898 </div> 7899 7900 <div 7901 class=" 7902 group-block-content 7903 7904 layout-panel-flex 7905 layout-panel-flex--column 7906 mobile-column 7907 " 7908 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 7909 7910--gap: 0px; 7911 7912--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 7913--vertical-alignment-mobile: flex-start; 7914" 7915 > 7916 7917 7918 7919 7920 7921 7922 7923 7924</div> 7925</div> 7926 7927 7928 7929 7930 7931 7932</div> 7933</div> 7934 7935 7936 7937 7938 7939 7940 7941 </div> 7942</product-card> 7943 7944 7945 7946 7947 7948 7949 7950 </li> 7951 7952 <li 7953 id="template--26673864704317__main-9360755949885" 7954 class="product-grid__item product-grid__item--6" 7955 data-page="1" 7956 data-product-id="9360755949885" 7957 ref="cards[]" 7958 > 7959 7960 7961 7962 7963 7964 7965 7966<style data-shopify> 7967 7968</style> 7969 7970 7971 7972<product-card 7973 class="product-card size-style" 7974 style="--size-style-width: ;--size-style-height: ;" 7975 data-product-id="9360755949885" 7976 id="product-card-AL0tpbE54MnF3MmVqM__product-card-6" 7977 7978 data-product-transition="true" 7979 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=500" 7980 on:click="/handleViewTransition" 7981 7982 7983 7984> 7985 <a 7986 id="2d89dc84f0e23d05ba0714fe16d643a0" 7987 7988 href="/products/coastal-cashmere-yarn-rosy-cheeks?variant=48601548357949" 7989 7990 class="product-card__link" 7991 ref="productCardLink" 7992 > 7993 <span class="visually-hidden"> 7994 Rosy Cheeks 7995 </span> 7996 </a> 7997 <div 7998 class=" 7999 product-card__content 8000 layout-panel-flex 8001 layout-panel-flex--column 8002 product-grid__card 8003 spacing-style 8004 border-style 8005 gap-style 8006 8007 " 8008 style=" 8009 --border-width: 1px; --border-style: none; --border-color: 8010rgb(var(--color-border-rgb) / 1.0); --border-radius: 80110px; 8012 8013 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 8014 8015 8016 8017--horizontal-alignment: ; --vertical-alignment: ; 8018--vertical-alignment-mobile: ; 8019 8020 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8021 --product-card-gap: 8px; 8022 --quick-add-display: flex; 8023 --quick-add-mobile-display: flex; 8024 --quick-add-mobile-opacity: 1; 8025 8026 8027 8028 8029 " 8030 > 8031 8032 8033 8034 8035 8036 8037 8038 8039 8040<div 8041 ref="cardGallery" 8042 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-6 spacing-style border-style" 8043 style=" 8044 --border-width: 1px; --border-style: none; --border-color: 8045rgb(var(--color-border-rgb) / 1.0); --border-radius: 80460px; 8047 8048 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8049 --gallery-aspect-ratio: 1; 8050 " 8051 data-product-id="9360755949885" 8052 8053 on:pointerenter="/previewImage" 8054 on:pointerleave="/resetImage" 8055 8056 8057 data-view-transition-to-main-product 8058 8059 data-image-ratio="square" 8060 8061> 8062 <a 8063 class="contents" 8064 ref="cardGalleryLink" 8065 href="/products/coastal-cashmere-yarn-rosy-cheeks?variant=48601548357949" 8066 aria-label="Rosy Cheeks" 8067 > 8068 <slideshow-component 8069 8070 ref="slideshow" 8071 8072 8073 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 8074 8075 initial-slide="0" 8076 8077 8078 infinite 8079 8080 8081 data-generic-media-size="1" 8082> 8083 8084 <slideshow-container ref="slideshowContainer"> 8085 8086 8087 <slideshow-slides 8088 tabindex="-1" 8089 ref="scroller" 8090 8091 > 8092 <slideshow-slide 8093 ref="slides[]" 8094 aria-hidden="false" 8095 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 8096 8097 class="product-media-container media-fit product-media-container--image" 8098 8099 8100 8101 8102 slide-id="49920412778813" 8103 8104 8105 8106 8107> 8108 8109 8110<div 8111 class="product-media" 8112 style="--ratio: 1.0" 8113 data-media-id="49920412778813" 8114> 8115 8116 <img src="//www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=3840" alt="Rosy Cheeks" srcset="//www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 8117 8118 8119</div> 8120 8121 8122 8123</slideshow-slide> 8124 8125 </slideshow-slides> 8126 </slideshow-container> 8127 8128</slideshow-component> 8129 8130 8131 8132 </a> 8133 8134 8135 <div 8136 class="product-badges product-badges--top-left" 8137 style=" 8138 --badge-border-radius: 0px; 8139 --badge-font-family: var(--font-body--family);
8139 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 8140 " 8141 ></div> 8142 8143 8144 8145<quick-add-component 8146 class="quick-add color-scheme-1 " 8147 ref="quickAdd" 8148 data-product-title="Rosy Cheeks" 8149 data-quick-add-button="add" 8150 data-product-options-count="1" 8151> 8152 <product-form-component 8153 data-section-id="template--26673864704317__main" 8154 data-product-id="9360755949885" 8155 on:submit="/handleSubmit" 8156 class="quick-add__product-form-component" 8157 > 8158 <div 8159 class="visually-hidden" 8160 aria-live="assertive" 8161 role="status" 8162 aria-atomic="true" 8163 ref="liveRegion" 8164 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9360755949885-AVmhSaDh1RlIzQ2t2Y__card-gallery-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 8165 type="hidden" 8166 name="id" 8167 ref="variantId" 8168 value="48601548357949" 8169 8170 > 8171 <input 8172 type="hidden" 8173 name="quantity" 8174 value="1" 8175 > 8176 8177 <add-to-cart-component 8178 ref="addToCartButtonContainer" 8179 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&width=100" 8180 data-add-to-cart-animation="true" 8181> 8182 <button 8183 8184 type="submit" 8185 name="add" 8186 ref="addToCartButton" 8187 on:click="/handleClick" 8188 class="button button quick-add__button quick-add__button--add add-to-cart-button" 8189 8190 8191 > 8192 <span 8193 class="add-to-cart-text" 8194 > 8195 8196 <span 8197 aria-hidden="true" 8198 class="svg-wrapper add-to-cart-icon" 8199 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 8200</span> 8201 8202 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 8203 <span> 8204 <span>Add</span> 8205 </span> 8206 </span> 8207 </span> 8208 8209 <span class="add-to-cart__added"> 8210 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 8211 <g class="check"> 8212 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 8213 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 8214 </g> 8215 <g class="burst"> 8216 <g style="--index: 0;"> 8217 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8218 </g> 8219 <g style="--index: 1;"> 8220 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8221 </g> 8222 <g style="--index: 2;"> 8223 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8224 </g> 8225 <g style="--index: 3;"> 8226 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8227 </g> 8228 <g style="--index: 4;"> 8229 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8230 </g> 8231 <g style="--index: 5;"> 8232 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8233 </g> 8234 <g style="--index: 6;"> 8235 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8236 </g> 8237 <g style="--index: 7;"> 8238 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8239 </g> 8240 </g> 8241</svg> 8242</span> 8243 </span> 8244 </button> 8245</add-to-cart-component> 8246 8247 8248 <button 8249 class="button quick-add__button quick-add__button--choose add-to-cart-button" 8250 8251 type="button" 8252 name="add" 8253 on:click="quick-add-component/handleClick" 8254 >
8255 <span 8256 class="add-to-cart-text" 8257 > 8258 8259 <span 8260 aria-hidden="true" 8261 class="svg-wrapper add-to-cart-icon" 8262 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 8263</span> 8264 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 8265 <span> 8266 8267 <span> 8268 Choose 8269 </span> 8270 </span> 8271 </span> 8272 </span> 8273 </button><input type="hidden" name="product-id" value="9360755949885" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 8274</quick-add-component> 8275 8276 8277 8278 8279 8280 8281</div> 8282 8283 8284 8285 8286 8287<div class="product-grid-view-zoom-out--details"> 8288 8289 <h3 class="h4">Rosy Cheeks</h3> 8290 8291</div> 8292 8293 8294 8295 8296 8297 8298 8299 8300<div 8301 class=" 8302 group-block 8303 group-block--height-fit 8304 group-block--width-fill 8305 border-style 8306 spacing-style 8307 size-style 8308 8309 8310 " 8311 style=" 8312 --border-width: 1px; --border-style: none; --border-color: 8313rgb(var(--color-border-rgb) / 1.0); --border-radius: 83140px; 8315 8316 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8317 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 8318 8319 " 8320 8321 data-testid="group-block" 8322><div class="group-block__media-wrapper"> 8323 8324 8325 8326 8327 8328 </div> 8329 8330 <div 8331 class=" 8332 group-block-content 8333 8334 layout-panel-flex 8335 layout-panel-flex--row 8336 mobile-column 8337 " 8338 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 8339 8340--gap: 12px; 8341 8342--horizontal-alignment: space-between; --vertical-alignment: flex-start; 8343--vertical-alignment-mobile: flex-start; 8344" 8345 > 8346 8347 8348 8349 8350<div 8351 class=" 8352 group-block 8353 group-block--height-fit 8354 group-block--width-custom 8355 border-style 8356 spacing-style 8357 size-style 8358 8359 8360 " 8361 style=" 8362 --border-width: 1px; --border-style: none; --border-color: 8363rgb(var(--color-border-rgb) / 1.0); --border-radius: 83640px; 8365 8366 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8367 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 8368 8369 " 8370 8371 data-testid="group-block" 8372><div class="group-block__media-wrapper"> 8373 8374 8375 8376 8377 8378 </div> 8379 8380 <div 8381 class=" 8382 group-block-content 8383 8384 layout-panel-flex 8385 layout-panel-flex--column 8386 mobile-column 8387 " 8388 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 8389 8390--gap: 0px; 8391 8392--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 8393--vertical-alignment-mobile: flex-start; 8394" 8395 > 8396 8397 8398 8399 8400 <a 8401 class="contents user-select-text" 8402 ref="productTitleLink" 8403 href="/products/coastal-cashmere-yarn-rosy-cheeks?variant=48601548357949" 8404 > 8405 8406 8407 8408 8409 8410 8411 8412 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-6 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 8413 <p>Rosy Cheeks</p> 8414 </div> 8415 8416 8417 8418 8419 </a> 8420 8421 8422 8423 8424 8425 8426<product-price 8427 class="text-block text-block--align-left text-left h5 spacing-style" 8428 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-6" 8429 data-product-id="9360755949885" 8430 style=" 8431 8432--color: var(--color-foreground); 8433 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8434 --width: 100%; 8435 " 8436 8437> 8438 <div ref="priceContainer"> 8439 8440 8441 8442 8443
8444 <span class="price">$52.00</span> 8445 8446 8447 8448 8449</div> 8450 8451 8452</product-price> 8453 8454 8455 8456 8457 8458 8459 8460</div> 8461</div> 8462 8463 8464 8465 8466 8467 8468 8469 8470 8471<div 8472 class=" 8473 group-block 8474 group-block--height-fit 8475 group-block--width-fill 8476 border-style 8477 spacing-style 8478 size-style 8479 8480 8481 " 8482 style=" 8483 --border-width: 1px; --border-style: none; --border-color: 8484rgb(var(--color-border-rgb) / 1.0); --border-radius: 84850px; 8486 8487 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8488 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 8489 8490 " 8491 8492 data-testid="group-block" 8493><div class="group-block__media-wrapper"> 8494 8495 8496 8497 8498 8499 </div> 8500 8501 <div 8502 class=" 8503 group-block-content 8504 8505 layout-panel-flex 8506 layout-panel-flex--column 8507 mobile-column 8508 " 8509 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 8510 8511--gap: 0px; 8512 8513--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 8514--vertical-alignment-mobile: flex-start; 8515" 8516 > 8517 8518 8519 8520 8521 8522 8523 8524 8525</div> 8526</div> 8527 8528 8529 8530 8531 8532 8533</div> 8534</div> 8535 8536 8537 8538 8539 8540 8541 8542 </div> 8543</product-card> 8544 8545 8546 8547 8548 8549 8550 8551 </li> 8552 8553 <li 8554 id="template--26673864704317__main-10250053189949" 8555 class="product-grid__item product-grid__item--7" 8556 data-page="1" 8557 data-product-id="10250053189949" 8558 ref="cards[]" 8559 > 8560 8561 8562 8563 8564 8565 8566 8567<style data-shopify> 8568 8569</style> 8570 8571 8572 8573<product-card 8574 class="product-card size-style" 8575 style="--size-style-width: ;--size-style-height: ;" 8576 data-product-id="10250053189949" 8577 id="product-card-AL0tpbE54MnF3MmVqM__product-card-7" 8578 8579 data-product-transition="true" 8580 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=500" 8581 on:click="/handleViewTransition" 8582 8583 8584 8585> 8586 <a 8587 id="0099f7d71e9efeb97a546c89306ae979" 8588 8589 href="/products/coastal-cashmere-yarn-flamingo?variant=51450061521213" 8590 8591 class="product-card__link" 8592 ref="productCardLink" 8593 > 8594 <span class="visually-hidden"> 8595 Flamingo 8596 </span> 8597 </a> 8598 <div 8599 class=" 8600 product-card__content 8601 layout-panel-flex 8602 layout-panel-flex--column 8603 product-grid__card 8604 spacing-style 8605 border-style 8606 gap-style 8607 8608 " 8609 style=" 8610 --border-width: 1px; --border-style: none; --border-color: 8611rgb(var(--color-border-rgb) / 1.0); --border-radius: 86120px; 8613 8614 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 8615 8616 8617 8618--horizontal-alignment: ; --vertical-alignment: ; 8619--vertical-alignment-mobile: ; 8620 8621 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8622 --product-card-gap: 8px; 8623 --quick-add-display: flex; 8624 --quick-add-mobile-display: flex; 8625 --quick-add-mobile-opacity: 1; 8626 8627 8628 8629 8630 " 8631 > 8632 8633 8634 8635 8636 8637 8638 8639 8640 8641<div 8642 ref="cardGallery" 8643 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-7 spacing-style border-style" 8644 style=" 8645 --border-width: 1px; --border-style: none; --border-color: 8646rgb(var(--color-border-rgb) / 1.0); --border-radius: 86470px; 8648 8649 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8650 --gallery-aspect-ratio: 1; 8651 " 8652 data-product-id="10250053189949" 8653 8654 on:pointerenter="/previewImage" 8655 on:pointerleave="/resetImage" 8656 8657 8658 data-view-transition-to-main-product 8659 8660 data-image-ratio="square" 8661 8662> 8663 <a 8664 class="contents" 8665 ref="cardGalleryLink" 8666 href="/products/coastal-cashmere-yarn-flamingo?variant=51450061521213" 8667 aria-label="Flamingo" 8668 > 8669 <slideshow-component 8670 8671 ref="slideshow" 8672 8673 8674 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 8675 8676 initial-slide="0" 8677 8678 8679 infinite 8680 8681 8682 data-generic-media-size="1" 8683> 8684 8685 <slideshow-container ref="slideshowContainer"> 8686 8687 8688 <slideshow-slides 8689 tabindex="-1" 8690 ref="scroller" 8691 8692 > 8693 <slideshow-slide 8694 ref="slides[]" 8695 aria-hidden="false" 8696 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 8697 8698 class="product-media-container media-fit product-media-container--image" 8699 8700 8701 8702 8703 slide-id="49920412385597" 8704 8705 8706 8707 8708> 8709 8710 8711<div 8712 class="product-media" 8713 style="--ratio: 1.0" 8714 data-media-id="49920412385597" 8715> 8716 8717 <img src="//www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=3840" alt="Flamingo" srcset="//www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 8718 8719 8720</div> 8721 8722 8723 8724</slideshow-slide> 8725 8726 </slideshow-slides> 8727 </slideshow-container> 8728 8729</slideshow-component> 8730 8731 8732 8733 </a> 8734 8735 8736 <div 8737 class="product-badges product-badges--top-left" 8738 style=" 8739 --badge-border-radius: 0px; 8740 --badge-font-family: var(--font-body--family);
8740 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 8741 " 8742 ></div> 8743 8744 8745 8746<quick-add-component 8747 class="quick-add color-scheme-1 " 8748 ref="quickAdd" 8749 data-product-title="Flamingo" 8750 data-quick-add-button="add" 8751 data-product-options-count="1" 8752> 8753 <product-form-component 8754 data-section-id="template--26673864704317__main" 8755 data-product-id="10250053189949" 8756 on:submit="/handleSubmit" 8757 class="quick-add__product-form-component" 8758 > 8759 <div 8760 class="visually-hidden" 8761 aria-live="assertive" 8762 role="status" 8763 aria-atomic="true" 8764 ref="liveRegion" 8765 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10250053189949-AVmhSaDh1RlIzQ2t2Y__card-gallery-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 8766 type="hidden" 8767 name="id" 8768 ref="variantId" 8769 value="51450061521213" 8770 8771 > 8772 <input 8773 type="hidden" 8774 name="quantity" 8775 value="1" 8776 > 8777 8778 <add-to-cart-component 8779 ref="addToCartButtonContainer" 8780 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&width=100" 8781 data-add-to-cart-animation="true" 8782> 8783 <button 8784 8785 type="submit" 8786 name="add" 8787 ref="addToCartButton" 8788 on:click="/handleClick" 8789 class="button button quick-add__button quick-add__button--add add-to-cart-button" 8790 8791 8792 > 8793 <span 8794 class="add-to-cart-text" 8795 > 8796 8797 <span 8798 aria-hidden="true" 8799 class="svg-wrapper add-to-cart-icon" 8800 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 8801</span> 8802 8803 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 8804 <span> 8805 <span>Add</span> 8806 </span> 8807 </span> 8808 </span> 8809 8810 <span class="add-to-cart__added"> 8811 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 8812 <g class="check"> 8813 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 8814 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 8815 </g> 8816 <g class="burst"> 8817 <g style="--index: 0;"> 8818 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8819 </g> 8820 <g style="--index: 1;"> 8821 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8822 </g> 8823 <g style="--index: 2;"> 8824 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8825 </g> 8826 <g style="--index: 3;"> 8827 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8828 </g> 8829 <g style="--index: 4;"> 8830 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8831 </g> 8832 <g style="--index: 5;"> 8833 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8834 </g> 8835 <g style="--index: 6;"> 8836 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8837 </g> 8838 <g style="--index: 7;"> 8839 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 8840 </g> 8841 </g> 8842</svg> 8843</span> 8844 </span> 8845 </button> 8846</add-to-cart-component> 8847 8848 8849 <button 8850 class="button quick-add__button quick-add__button--choose add-to-cart-button" 8851 8852 type="button" 8853 name="add" 8854 on:click="quick-add-component/handleClick" 8855 >
8856 <span 8857 class="add-to-cart-text" 8858 > 8859 8860 <span 8861 aria-hidden="true" 8862 class="svg-wrapper add-to-cart-icon" 8863 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 8864</span> 8865 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 8866 <span> 8867 8868 <span> 8869 Choose 8870 </span> 8871 </span> 8872 </span> 8873 </span> 8874 </button><input type="hidden" name="product-id" value="10250053189949" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 8875</quick-add-component> 8876 8877 8878 8879 8880 8881 8882</div> 8883 8884 8885 8886 8887 8888<div class="product-grid-view-zoom-out--details"> 8889 8890 <h3 class="h4">Flamingo</h3> 8891 8892</div> 8893 8894 8895 8896 8897 8898 8899 8900 8901<div 8902 class=" 8903 group-block 8904 group-block--height-fit 8905 group-block--width-fill 8906 border-style 8907 spacing-style 8908 size-style 8909 8910 8911 " 8912 style=" 8913 --border-width: 1px; --border-style: none; --border-color: 8914rgb(var(--color-border-rgb) / 1.0); --border-radius: 89150px; 8916 8917 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8918 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 8919 8920 " 8921 8922 data-testid="group-block" 8923><div class="group-block__media-wrapper"> 8924 8925 8926 8927 8928 8929 </div> 8930 8931 <div 8932 class=" 8933 group-block-content 8934 8935 layout-panel-flex 8936 layout-panel-flex--row 8937 mobile-column 8938 " 8939 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 8940 8941--gap: 12px; 8942 8943--horizontal-alignment: space-between; --vertical-alignment: flex-start; 8944--vertical-alignment-mobile: flex-start; 8945" 8946 > 8947 8948 8949 8950 8951<div 8952 class=" 8953 group-block 8954 group-block--height-fit 8955 group-block--width-custom 8956 border-style 8957 spacing-style 8958 size-style 8959 8960 8961 " 8962 style=" 8963 --border-width: 1px; --border-style: none; --border-color: 8964rgb(var(--color-border-rgb) / 1.0); --border-radius: 89650px; 8966 8967 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 8968 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 8969 8970 " 8971 8972 data-testid="group-block" 8973><div class="group-block__media-wrapper"> 8974 8975 8976 8977 8978 8979 </div> 8980 8981 <div 8982 class=" 8983 group-block-content 8984 8985 layout-panel-flex 8986 layout-panel-flex--column 8987 mobile-column 8988 " 8989 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 8990 8991--gap: 0px; 8992 8993--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 8994--vertical-alignment-mobile: flex-start; 8995" 8996 > 8997 8998 8999 9000 9001 <a 9002 class="contents user-select-text" 9003 ref="productTitleLink" 9004 href="/products/coastal-cashmere-yarn-flamingo?variant=51450061521213" 9005 > 9006 9007 9008 9009 9010 9011 9012 9013 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-7 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 9014 <p>Flamingo</p> 9015 </div> 9016 9017 9018 9019 9020 </a> 9021 9022 9023 9024 9025 9026 9027<product-price 9028 class="text-block text-block--align-left text-left h5 spacing-style" 9029 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-7" 9030 data-product-id="10250053189949" 9031 style=" 9032 9033--color: var(--color-foreground); 9034 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9035 --width: 100%; 9036 " 9037 9038> 9039 <div ref="priceContainer"> 9040 9041 9042 9043 9044
9045 <span class="price">$52.00</span> 9046 9047 9048 9049 9050</div> 9051 9052 9053</product-price> 9054 9055 9056 9057 9058 9059 9060 9061</div> 9062</div> 9063 9064 9065 9066 9067 9068 9069 9070 9071 9072<div 9073 class=" 9074 group-block 9075 group-block--height-fit 9076 group-block--width-fill 9077 border-style 9078 spacing-style 9079 size-style 9080 9081 9082 " 9083 style=" 9084 --border-width: 1px; --border-style: none; --border-color: 9085rgb(var(--color-border-rgb) / 1.0); --border-radius: 90860px; 9087 9088 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9089 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 9090 9091 " 9092 9093 data-testid="group-block" 9094><div class="group-block__media-wrapper"> 9095 9096 9097 9098 9099 9100 </div> 9101 9102 <div 9103 class=" 9104 group-block-content 9105 9106 layout-panel-flex 9107 layout-panel-flex--column 9108 mobile-column 9109 " 9110 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9111 9112--gap: 0px; 9113 9114--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 9115--vertical-alignment-mobile: flex-start; 9116" 9117 > 9118 9119 9120 9121 9122 9123 9124 9125 9126</div> 9127</div> 9128 9129 9130 9131 9132 9133 9134</div> 9135</div> 9136 9137 9138 9139 9140 9141 9142 9143 </div> 9144</product-card> 9145 9146 9147 9148 9149 9150 9151 9152 </li> 9153 9154 <li 9155 id="template--26673864704317__main-9360756834621" 9156 class="product-grid__item product-grid__item--8" 9157 data-page="1" 9158 data-product-id="9360756834621" 9159 ref="cards[]" 9160 > 9161 9162 9163 9164 9165 9166 9167 9168<style data-shopify> 9169 9170</style> 9171 9172 9173 9174<product-card 9175 class="product-card size-style" 9176 style="--size-style-width: ;--size-style-height: ;" 9177 data-product-id="9360756834621" 9178 id="product-card-AL0tpbE54MnF3MmVqM__product-card-8" 9179 9180 data-product-transition="true" 9181 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=500" 9182 on:click="/handleViewTransition" 9183 9184 9185 9186> 9187 <a 9188 id="3fff7c24dc8137fef3bf0e37a3243cc0" 9189 9190 href="/products/coastal-cashmere-yarn-starfish?variant=48601557303613" 9191 9192 class="product-card__link" 9193 ref="productCardLink" 9194 > 9195 <span class="visually-hidden"> 9196 Starfish 9197 </span> 9198 </a> 9199 <div 9200 class=" 9201 product-card__content 9202 layout-panel-flex 9203 layout-panel-flex--column 9204 product-grid__card 9205 spacing-style 9206 border-style 9207 gap-style 9208 9209 " 9210 style=" 9211 --border-width: 1px; --border-style: none; --border-color: 9212rgb(var(--color-border-rgb) / 1.0); --border-radius: 92130px; 9214 9215 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9216 9217 9218 9219--horizontal-alignment: ; --vertical-alignment: ; 9220--vertical-alignment-mobile: ; 9221 9222 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9223 --product-card-gap: 8px; 9224 --quick-add-display: flex; 9225 --quick-add-mobile-display: flex; 9226 --quick-add-mobile-opacity: 1; 9227 9228 9229 9230 9231 " 9232 > 9233 9234 9235 9236 9237 9238 9239 9240 9241 9242<div 9243 ref="cardGallery" 9244 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-8 spacing-style border-style" 9245 style=" 9246 --border-width: 1px; --border-style: none; --border-color: 9247rgb(var(--color-border-rgb) / 1.0); --border-radius: 92480px; 9249 9250 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9251 --gallery-aspect-ratio: 1; 9252 " 9253 data-product-id="9360756834621" 9254 9255 on:pointerenter="/previewImage" 9256 on:pointerleave="/resetImage" 9257 9258 9259 data-view-transition-to-main-product 9260 9261 data-image-ratio="square" 9262 9263> 9264 <a 9265 class="contents" 9266 ref="cardGalleryLink" 9267 href="/products/coastal-cashmere-yarn-starfish?variant=48601557303613" 9268 aria-label="Starfish" 9269 > 9270 <slideshow-component 9271 9272 ref="slideshow" 9273 9274 9275 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 9276 9277 initial-slide="0" 9278 9279 9280 infinite 9281 9282 9283 data-generic-media-size="1" 9284> 9285 9286 <slideshow-container ref="slideshowContainer"> 9287 9288 9289 <slideshow-slides 9290 tabindex="-1" 9291 ref="scroller" 9292 9293 > 9294 <slideshow-slide 9295 ref="slides[]" 9296 aria-hidden="false" 9297 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 9298 9299 class="product-media-container media-fit product-media-container--image" 9300 9301 9302 9303 9304 slide-id="49920412942653" 9305 9306 9307 9308 9309> 9310 9311 9312<div 9313 class="product-media" 9314 style="--ratio: 1.0" 9315 data-media-id="49920412942653" 9316> 9317 9318 <img src="//www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840" alt="Starfish" srcset="//www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 9319 9320 9321</div> 9322 9323 9324 9325</slideshow-slide> 9326 9327 </slideshow-slides> 9328 </slideshow-container> 9329 9330</slideshow-component> 9331 9332 9333 9334 </a> 9335 9336 9337 <div 9338 class="product-badges product-badges--top-left" 9339 style=" 9340 --badge-border-radius: 0px; 9341 --badge-font-family: var(--font-body--family);
9341 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 9342 " 9343 ></div> 9344 9345 9346 9347<quick-add-component 9348 class="quick-add color-scheme-1 " 9349 ref="quickAdd" 9350 data-product-title="Starfish" 9351 data-quick-add-button="add" 9352 data-product-options-count="1" 9353> 9354 <product-form-component 9355 data-section-id="template--26673864704317__main" 9356 data-product-id="9360756834621" 9357 on:submit="/handleSubmit" 9358 class="quick-add__product-form-component" 9359 > 9360 <div 9361 class="visually-hidden" 9362 aria-live="assertive" 9363 role="status" 9364 aria-atomic="true" 9365 ref="liveRegion" 9366 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9360756834621-AVmhSaDh1RlIzQ2t2Y__card-gallery-8" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 9367 type="hidden" 9368 name="id" 9369 ref="variantId" 9370 value="48601557303613" 9371 9372 > 9373 <input 9374 type="hidden" 9375 name="quantity" 9376 value="1" 9377 > 9378 9379 <add-to-cart-component 9380 ref="addToCartButtonContainer" 9381 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=100" 9382 data-add-to-cart-animation="true" 9383> 9384 <button 9385 9386 type="submit" 9387 name="add" 9388 ref="addToCartButton" 9389 on:click="/handleClick" 9390 class="button button quick-add__button quick-add__button--add add-to-cart-button" 9391 9392 9393 > 9394 <span 9395 class="add-to-cart-text" 9396 > 9397 9398 <span 9399 aria-hidden="true" 9400 class="svg-wrapper add-to-cart-icon" 9401 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 9402</span> 9403 9404 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 9405 <span> 9406 <span>Add</span> 9407 </span> 9408 </span> 9409 </span> 9410 9411 <span class="add-to-cart__added"> 9412 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 9413 <g class="check"> 9414 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 9415 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 9416 </g> 9417 <g class="burst"> 9418 <g style="--index: 0;"> 9419 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9420 </g> 9421 <g style="--index: 1;"> 9422 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9423 </g> 9424 <g style="--index: 2;"> 9425 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9426 </g> 9427 <g style="--index: 3;"> 9428 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9429 </g> 9430 <g style="--index: 4;"> 9431 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9432 </g> 9433 <g style="--index: 5;"> 9434 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9435 </g> 9436 <g style="--index: 6;"> 9437 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9438 </g> 9439 <g style="--index: 7;"> 9440 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 9441 </g> 9442 </g> 9443</svg> 9444</span> 9445 </span> 9446 </button> 9447</add-to-cart-component> 9448 9449 9450 <button 9451 class="button quick-add__button quick-add__button--choose add-to-cart-button" 9452 9453 type="button" 9454 name="add" 9455 on:click="quick-add-component/handleClick" 9456 >
9457 <span 9458 class="add-to-cart-text" 9459 > 9460 9461 <span 9462 aria-hidden="true" 9463 class="svg-wrapper add-to-cart-icon" 9464 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 9465</span> 9466 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 9467 <span> 9468 9469 <span> 9470 Choose 9471 </span> 9472 </span> 9473 </span> 9474 </span> 9475 </button><input type="hidden" name="product-id" value="9360756834621" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 9476</quick-add-component> 9477 9478 9479 9480 9481 9482 9483</div> 9484 9485 9486 9487 9488 9489<div class="product-grid-view-zoom-out--details"> 9490 9491 <h3 class="h4">Starfish</h3> 9492 9493</div> 9494 9495 9496 9497 9498 9499 9500 9501 9502<div 9503 class=" 9504 group-block 9505 group-block--height-fit 9506 group-block--width-fill 9507 border-style 9508 spacing-style 9509 size-style 9510 9511 9512 " 9513 style=" 9514 --border-width: 1px; --border-style: none; --border-color: 9515rgb(var(--color-border-rgb) / 1.0); --border-radius: 95160px; 9517 9518 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9519 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 9520 9521 " 9522 9523 data-testid="group-block" 9524><div class="group-block__media-wrapper"> 9525 9526 9527 9528 9529 9530 </div> 9531 9532 <div 9533 class=" 9534 group-block-content 9535 9536 layout-panel-flex 9537 layout-panel-flex--row 9538 mobile-column 9539 " 9540 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9541 9542--gap: 12px; 9543 9544--horizontal-alignment: space-between; --vertical-alignment: flex-start; 9545--vertical-alignment-mobile: flex-start; 9546" 9547 > 9548 9549 9550 9551 9552<div 9553 class=" 9554 group-block 9555 group-block--height-fit 9556 group-block--width-custom 9557 border-style 9558 spacing-style 9559 size-style 9560 9561 9562 " 9563 style=" 9564 --border-width: 1px; --border-style: none; --border-color: 9565rgb(var(--color-border-rgb) / 1.0); --border-radius: 95660px; 9567 9568 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9569 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 9570 9571 " 9572 9573 data-testid="group-block" 9574><div class="group-block__media-wrapper"> 9575 9576 9577 9578 9579 9580 </div> 9581 9582 <div 9583 class=" 9584 group-block-content 9585 9586 layout-panel-flex 9587 layout-panel-flex--column 9588 mobile-column 9589 " 9590 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9591 9592--gap: 0px; 9593 9594--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 9595--vertical-alignment-mobile: flex-start; 9596" 9597 > 9598 9599 9600 9601 9602 <a 9603 class="contents user-select-text" 9604 ref="productTitleLink" 9605 href="/products/coastal-cashmere-yarn-starfish?variant=48601557303613" 9606 > 9607 9608 9609 9610 9611 9612 9613 9614 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-8 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 9615 <p>Starfish</p> 9616 </div> 9617 9618 9619 9620 9621 </a> 9622 9623 9624 9625 9626 9627 9628<product-price 9629 class="text-block text-block--align-left text-left h5 spacing-style" 9630 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-8" 9631 data-product-id="9360756834621" 9632 style=" 9633 9634--color: var(--color-foreground); 9635 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9636 --width: 100%; 9637 " 9638 9639> 9640 <div ref="priceContainer"> 9641 9642 9643 9644 9645
9646 <span class="price">$52.00</span> 9647 9648 9649 9650 9651</div> 9652 9653 9654</product-price> 9655 9656 9657 9658 9659 9660 9661 9662</div> 9663</div> 9664 9665 9666 9667 9668 9669 9670 9671 9672 9673<div 9674 class=" 9675 group-block 9676 group-block--height-fit 9677 group-block--width-fill 9678 border-style 9679 spacing-style 9680 size-style 9681 9682 9683 " 9684 style=" 9685 --border-width: 1px; --border-style: none; --border-color: 9686rgb(var(--color-border-rgb) / 1.0); --border-radius: 96870px; 9688 9689 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9690 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 9691 9692 " 9693 9694 data-testid="group-block" 9695><div class="group-block__media-wrapper"> 9696 9697 9698 9699 9700 9701 </div> 9702 9703 <div 9704 class=" 9705 group-block-content 9706 9707 layout-panel-flex 9708 layout-panel-flex--column 9709 mobile-column 9710 " 9711 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9712 9713--gap: 0px; 9714 9715--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 9716--vertical-alignment-mobile: flex-start; 9717" 9718 > 9719 9720 9721 9722 9723 9724 9725 9726 9727</div> 9728</div> 9729 9730 9731 9732 9733 9734 9735</div> 9736</div> 9737 9738 9739 9740 9741 9742 9743 9744 </div> 9745</product-card> 9746 9747 9748 9749 9750 9751 9752 9753 </li> 9754 9755 <li 9756 id="template--26673864704317__main-10250684399933" 9757 class="product-grid__item product-grid__item--9" 9758 data-page="1" 9759 data-product-id="10250684399933" 9760 ref="cards[]" 9761 > 9762 9763 9764 9765 9766 9767 9768 9769<style data-shopify> 9770 9771</style> 9772 9773 9774 9775<product-card 9776 class="product-card size-style" 9777 style="--size-style-width: ;--size-style-height: ;" 9778 data-product-id="10250684399933" 9779 id="product-card-AL0tpbE54MnF3MmVqM__product-card-9" 9780 9781 data-product-transition="true" 9782 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=500" 9783 on:click="/handleViewTransition" 9784 9785 9786 9787> 9788 <a 9789 id="9c55ed7b74e9a8d00cff2406f991f553" 9790 9791 href="/products/coastal-cashmere-yarn-valencia?variant=51452816392509" 9792 9793 class="product-card__link" 9794 ref="productCardLink" 9795 > 9796 <span class="visually-hidden"> 9797 Valencia 9798 </span> 9799 </a> 9800 <div 9801 class=" 9802 product-card__content 9803 layout-panel-flex 9804 layout-panel-flex--column 9805 product-grid__card 9806 spacing-style 9807 border-style 9808 gap-style 9809 9810 " 9811 style=" 9812 --border-width: 1px; --border-style: none; --border-color: 9813rgb(var(--color-border-rgb) / 1.0); --border-radius: 98140px; 9815 9816 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 9817 9818 9819 9820--horizontal-alignment: ; --vertical-alignment: ; 9821--vertical-alignment-mobile: ; 9822 9823 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9824 --product-card-gap: 8px; 9825 --quick-add-display: flex; 9826 --quick-add-mobile-display: flex; 9827 --quick-add-mobile-opacity: 1; 9828 9829 9830 9831 9832 " 9833 > 9834 9835 9836 9837 9838 9839 9840 9841 9842 9843<div 9844 ref="cardGallery" 9845 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-9 spacing-style border-style" 9846 style=" 9847 --border-width: 1px; --border-style: none; --border-color: 9848rgb(var(--color-border-rgb) / 1.0); --border-radius: 98490px; 9850 9851 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 9852 --gallery-aspect-ratio: 1; 9853 " 9854 data-product-id="10250684399933" 9855 9856 on:pointerenter="/previewImage" 9857 on:pointerleave="/resetImage" 9858 9859 9860 data-view-transition-to-main-product 9861 9862 data-image-ratio="square" 9863 9864> 9865 <a 9866 class="contents" 9867 ref="cardGalleryLink" 9868 href="/products/coastal-cashmere-yarn-valencia?variant=51452816392509" 9869 aria-label="Valencia" 9870 > 9871 <slideshow-component 9872 9873 ref="slideshow" 9874 9875 9876 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 9877 9878 initial-slide="0" 9879 9880 9881 infinite 9882 9883 9884 data-generic-media-size="1" 9885> 9886 9887 <slideshow-container ref="slideshowContainer"> 9888 9889 9890 <slideshow-slides 9891 tabindex="-1" 9892 ref="scroller" 9893 9894 > 9895 <slideshow-slide 9896 ref="slides[]" 9897 aria-hidden="false" 9898 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 9899 9900 class="product-media-container media-fit product-media-container--image" 9901 9902 9903 9904 9905 slide-id="49920413008189" 9906 9907 9908 9909 9910> 9911 9912 9913<div 9914 class="product-media" 9915 style="--ratio: 1.0" 9916 data-media-id="49920413008189" 9917> 9918 9919 <img src="//www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=3840" alt="Valencia" srcset="//www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 9920 9921 9922</div> 9923 9924 9925 9926</slideshow-slide> 9927 9928 </slideshow-slides> 9929 </slideshow-container> 9930 9931</slideshow-component> 9932 9933 9934 9935 </a> 9936 9937 9938 <div 9939 class="product-badges product-badges--top-left" 9940 style=" 9941 --badge-border-radius: 0px; 9942 --badge-font-family: var(--font-body--family);
9942 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 9943 " 9944 ></div> 9945 9946 9947 9948<quick-add-component 9949 class="quick-add color-scheme-1 " 9950 ref="quickAdd" 9951 data-product-title="Valencia" 9952 data-quick-add-button="add" 9953 data-product-options-count="1" 9954> 9955 <product-form-component 9956 data-section-id="template--26673864704317__main" 9957 data-product-id="10250684399933" 9958 on:submit="/handleSubmit" 9959 class="quick-add__product-form-component" 9960 > 9961 <div 9962 class="visually-hidden" 9963 aria-live="assertive" 9964 role="status" 9965 aria-atomic="true" 9966 ref="liveRegion" 9967 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10250684399933-AVmhSaDh1RlIzQ2t2Y__card-gallery-9" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 9968 type="hidden" 9969 name="id" 9970 ref="variantId" 9971 value="51452816392509" 9972 9973 > 9974 <input 9975 type="hidden" 9976 name="quantity" 9977 value="1" 9978 > 9979 9980 <add-to-cart-component 9981 ref="addToCartButtonContainer" 9982 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&width=100" 9983 data-add-to-cart-animation="true" 9984> 9985 <button 9986 9987 type="submit" 9988 name="add" 9989 ref="addToCartButton" 9990 on:click="/handleClick" 9991 class="button button quick-add__button quick-add__button--add add-to-cart-button" 9992 9993 9994 > 9995 <span 9996 class="add-to-cart-text" 9997 > 9998 9999 <span 10000 aria-hidden="true" 10001 class="svg-wrapper add-to-cart-icon" 10002 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 10003</span> 10004 10005 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 10006 <span> 10007 <span>Add</span> 10008 </span> 10009 </span> 10010 </span> 10011 10012 <span class="add-to-cart__added"> 10013 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 10014 <g class="check"> 10015 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 10016 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 10017 </g> 10018 <g class="burst"> 10019 <g style="--index: 0;"> 10020 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10021 </g> 10022 <g style="--index: 1;"> 10023 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10024 </g> 10025 <g style="--index: 2;"> 10026 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10027 </g> 10028 <g style="--index: 3;"> 10029 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10030 </g> 10031 <g style="--index: 4;"> 10032 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10033 </g> 10034 <g style="--index: 5;"> 10035 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10036 </g> 10037 <g style="--index: 6;"> 10038 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10039 </g> 10040 <g style="--index: 7;"> 10041 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10042 </g> 10043 </g> 10044</svg> 10045</span> 10046 </span> 10047 </button> 10048</add-to-cart-component> 10049 10050 10051 <button 10052 class="button quick-add__button quick-add__button--choose add-to-cart-button" 10053 10054 type="button" 10055 name="add" 10056 on:click="quick-add-component/handleClick" 10057 >
10058 <span 10059 class="add-to-cart-text" 10060 > 10061 10062 <span 10063 aria-hidden="true" 10064 class="svg-wrapper add-to-cart-icon" 10065 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 10066</span> 10067 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 10068 <span> 10069 10070 <span> 10071 Choose 10072 </span> 10073 </span> 10074 </span> 10075 </span> 10076 </button><input type="hidden" name="product-id" value="10250684399933" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 10077</quick-add-component> 10078 10079 10080 10081 10082 10083 10084</div> 10085 10086 10087 10088 10089 10090<div class="product-grid-view-zoom-out--details"> 10091 10092 <h3 class="h4">Valencia</h3> 10093 10094</div> 10095 10096 10097 10098 10099 10100 10101 10102 10103<div 10104 class=" 10105 group-block 10106 group-block--height-fit 10107 group-block--width-fill 10108 border-style 10109 spacing-style 10110 size-style 10111 10112 10113 " 10114 style=" 10115 --border-width: 1px; --border-style: none; --border-color: 10116rgb(var(--color-border-rgb) / 1.0); --border-radius: 101170px; 10118 10119 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10120 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 10121 10122 " 10123 10124 data-testid="group-block" 10125><div class="group-block__media-wrapper"> 10126 10127 10128 10129 10130 10131 </div> 10132 10133 <div 10134 class=" 10135 group-block-content 10136 10137 layout-panel-flex 10138 layout-panel-flex--row 10139 mobile-column 10140 " 10141 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 10142 10143--gap: 12px; 10144 10145--horizontal-alignment: space-between; --vertical-alignment: flex-start; 10146--vertical-alignment-mobile: flex-start; 10147" 10148 > 10149 10150 10151 10152 10153<div 10154 class=" 10155 group-block 10156 group-block--height-fit 10157 group-block--width-custom 10158 border-style 10159 spacing-style 10160 size-style 10161 10162 10163 " 10164 style=" 10165 --border-width: 1px; --border-style: none; --border-color: 10166rgb(var(--color-border-rgb) / 1.0); --border-radius: 101670px; 10168 10169 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10170 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 10171 10172 " 10173 10174 data-testid="group-block" 10175><div class="group-block__media-wrapper"> 10176 10177 10178 10179 10180 10181 </div> 10182 10183 <div 10184 class=" 10185 group-block-content 10186 10187 layout-panel-flex 10188 layout-panel-flex--column 10189 mobile-column 10190 " 10191 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 10192 10193--gap: 0px; 10194 10195--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 10196--vertical-alignment-mobile: flex-start; 10197" 10198 > 10199 10200 10201 10202 10203 <a 10204 class="contents user-select-text" 10205 ref="productTitleLink" 10206 href="/products/coastal-cashmere-yarn-valencia?variant=51452816392509" 10207 > 10208 10209 10210 10211 10212 10213 10214 10215 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-9 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 10216 <p>Valencia</p> 10217 </div> 10218 10219 10220 10221 10222 </a> 10223 10224 10225 10226 10227 10228 10229<product-price 10230 class="text-block text-block--align-left text-left h5 spacing-style" 10231 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-9" 10232 data-product-id="10250684399933" 10233 style=" 10234 10235--color: var(--color-foreground); 10236 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10237 --width: 100%; 10238 " 10239 10240> 10241 <div ref="priceContainer"> 10242 10243 10244 10245 10246
10247 <span class="price">$52.00</span> 10248 10249 10250 10251 10252</div> 10253 10254 10255</product-price> 10256 10257 10258 10259 10260 10261 10262 10263</div> 10264</div> 10265 10266 10267 10268 10269 10270 10271 10272 10273 10274<div 10275 class=" 10276 group-block 10277 group-block--height-fit 10278 group-block--width-fill 10279 border-style 10280 spacing-style 10281 size-style 10282 10283 10284 " 10285 style=" 10286 --border-width: 1px; --border-style: none; --border-color: 10287rgb(var(--color-border-rgb) / 1.0); --border-radius: 102880px; 10289 10290 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10291 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 10292 10293 " 10294 10295 data-testid="group-block" 10296><div class="group-block__media-wrapper"> 10297 10298 10299 10300 10301 10302 </div> 10303 10304 <div 10305 class=" 10306 group-block-content 10307 10308 layout-panel-flex 10309 layout-panel-flex--column 10310 mobile-column 10311 " 10312 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 10313 10314--gap: 0px; 10315 10316--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 10317--vertical-alignment-mobile: flex-start; 10318" 10319 > 10320 10321 10322 10323 10324 10325 10326 10327 10328</div> 10329</div> 10330 10331 10332 10333 10334 10335 10336</div> 10337</div> 10338 10339 10340 10341 10342 10343 10344 10345 </div> 10346</product-card> 10347 10348 10349 10350 10351 10352 10353 10354 </li> 10355 10356 <li 10357 id="template--26673864704317__main-10523791229245" 10358 class="product-grid__item product-grid__item--10" 10359 data-page="1" 10360 data-product-id="10523791229245" 10361 ref="cards[]" 10362 > 10363 10364 10365 10366 10367 10368 10369 10370<style data-shopify> 10371 10372</style> 10373 10374 10375 10376<product-card 10377 class="product-card size-style" 10378 style="--size-style-width: ;--size-style-height: ;" 10379 data-product-id="10523791229245" 10380 id="product-card-AL0tpbE54MnF3MmVqM__product-card-10" 10381 10382 data-product-transition="true" 10383 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=500" 10384 on:click="/handleViewTransition" 10385 10386 10387 10388> 10389 <a 10390 id="a0d0a50cbb2f736c3437ccc7f3c93bb8" 10391 10392 href="/products/poppy?variant=53124323082557" 10393 10394 class="product-card__link" 10395 ref="productCardLink" 10396 > 10397 <span class="visually-hidden"> 10398 Poppy 10399 </span> 10400 </a> 10401 <div 10402 class=" 10403 product-card__content 10404 layout-panel-flex 10405 layout-panel-flex--column 10406 product-grid__card 10407 spacing-style 10408 border-style 10409 gap-style 10410 10411 " 10412 style=" 10413 --border-width: 1px; --border-style: none; --border-color: 10414rgb(var(--color-border-rgb) / 1.0); --border-radius: 104150px; 10416 10417 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 10418 10419 10420 10421--horizontal-alignment: ; --vertical-alignment: ; 10422--vertical-alignment-mobile: ; 10423 10424 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10425 --product-card-gap: 8px; 10426 --quick-add-display: flex; 10427 --quick-add-mobile-display: flex; 10428 --quick-add-mobile-opacity: 1; 10429 10430 10431 10432 10433 " 10434 > 10435 10436 10437 10438 10439 10440 10441 10442 10443 10444<div 10445 ref="cardGallery" 10446 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-10 spacing-style border-style" 10447 style=" 10448 --border-width: 1px; --border-style: none; --border-color: 10449rgb(var(--color-border-rgb) / 1.0); --border-radius: 104500px; 10451 10452 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10453 --gallery-aspect-ratio: 1; 10454 " 10455 data-product-id="10523791229245" 10456 10457 on:pointerenter="/previewImage" 10458 on:pointerleave="/resetImage" 10459 10460 10461 data-view-transition-to-main-product 10462 10463 data-image-ratio="square" 10464 10465> 10466 <a 10467 class="contents" 10468 ref="cardGalleryLink" 10469 href="/products/poppy?variant=53124323082557" 10470 aria-label="Poppy" 10471 > 10472 <slideshow-component 10473 10474 ref="slideshow" 10475 10476 10477 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 10478 10479 initial-slide="0" 10480 10481 10482 infinite 10483 10484 10485 data-generic-media-size="1" 10486> 10487 10488 <slideshow-container ref="slideshowContainer"> 10489 10490 10491 <slideshow-slides 10492 tabindex="-1" 10493 ref="scroller" 10494 10495 > 10496 <slideshow-slide 10497 ref="slides[]" 10498 aria-hidden="false" 10499 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 10500 10501 class="product-media-container media-fit product-media-container--image" 10502 10503 10504 10505 10506 slide-id="53470203347261" 10507 10508 10509 10510 10511> 10512 10513 10514<div 10515 class="product-media" 10516 style="--ratio: 1.0" 10517 data-media-id="53470203347261" 10518> 10519 10520 <img src="//www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=3840" alt="Poppy" srcset="//www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 10521 10522 10523</div> 10524 10525 10526 10527</slideshow-slide> 10528 10529 </slideshow-slides> 10530 </slideshow-container> 10531 10532</slideshow-component> 10533 10534 10535 10536 </a> 10537 10538 10539 <div 10540 class="product-badges product-badges--top-left" 10541 style=" 10542 --badge-border-radius: 0px; 10543 --badge-font-family: var(--font-body--family);
10543 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 10544 " 10545 ></div> 10546 10547 10548 10549<quick-add-component 10550 class="quick-add color-scheme-1 " 10551 ref="quickAdd" 10552 data-product-title="Poppy" 10553 data-quick-add-button="add" 10554 data-product-options-count="1" 10555> 10556 <product-form-component 10557 data-section-id="template--26673864704317__main" 10558 data-product-id="10523791229245" 10559 on:submit="/handleSubmit" 10560 class="quick-add__product-form-component" 10561 > 10562 <div 10563 class="visually-hidden" 10564 aria-live="assertive" 10565 role="status" 10566 aria-atomic="true" 10567 ref="liveRegion" 10568 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10523791229245-AVmhSaDh1RlIzQ2t2Y__card-gallery-10" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 10569 type="hidden" 10570 name="id" 10571 ref="variantId" 10572 value="53124323082557" 10573 10574 > 10575 <input 10576 type="hidden" 10577 name="quantity" 10578 value="1" 10579 > 10580 10581 <add-to-cart-component 10582 ref="addToCartButtonContainer" 10583 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&width=100" 10584 data-add-to-cart-animation="true" 10585> 10586 <button 10587 10588 type="submit" 10589 name="add" 10590 ref="addToCartButton" 10591 on:click="/handleClick" 10592 class="button button quick-add__button quick-add__button--add add-to-cart-button" 10593 10594 10595 > 10596 <span 10597 class="add-to-cart-text" 10598 > 10599 10600 <span 10601 aria-hidden="true" 10602 class="svg-wrapper add-to-cart-icon" 10603 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 10604</span> 10605 10606 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 10607 <span> 10608 <span>Add</span> 10609 </span> 10610 </span> 10611 </span> 10612 10613 <span class="add-to-cart__added"> 10614 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 10615 <g class="check"> 10616 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 10617 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 10618 </g> 10619 <g class="burst"> 10620 <g style="--index: 0;"> 10621 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10622 </g> 10623 <g style="--index: 1;"> 10624 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10625 </g> 10626 <g style="--index: 2;"> 10627 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10628 </g> 10629 <g style="--index: 3;"> 10630 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10631 </g> 10632 <g style="--index: 4;"> 10633 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10634 </g> 10635 <g style="--index: 5;"> 10636 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10637 </g> 10638 <g style="--index: 6;"> 10639 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10640 </g> 10641 <g style="--index: 7;"> 10642 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 10643 </g> 10644 </g> 10645</svg> 10646</span> 10647 </span> 10648 </button> 10649</add-to-cart-component> 10650 10651 10652 <button 10653 class="button quick-add__button quick-add__button--choose add-to-cart-button" 10654 10655 type="button" 10656 name="add" 10657 on:click="quick-add-component/handleClick" 10658 >
10659 <span 10660 class="add-to-cart-text" 10661 > 10662 10663 <span 10664 aria-hidden="true" 10665 class="svg-wrapper add-to-cart-icon" 10666 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 10667</span> 10668 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 10669 <span> 10670 10671 <span> 10672 Choose 10673 </span> 10674 </span> 10675 </span> 10676 </span> 10677 </button><input type="hidden" name="product-id" value="10523791229245" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 10678</quick-add-component> 10679 10680 10681 10682 10683 10684 10685</div> 10686 10687 10688 10689 10690 10691<div class="product-grid-view-zoom-out--details"> 10692 10693 <h3 class="h4">Poppy</h3> 10694 10695</div> 10696 10697 10698 10699 10700 10701 10702 10703 10704<div 10705 class=" 10706 group-block 10707 group-block--height-fit 10708 group-block--width-fill 10709 border-style 10710 spacing-style 10711 size-style 10712 10713 10714 " 10715 style=" 10716 --border-width: 1px; --border-style: none; --border-color: 10717rgb(var(--color-border-rgb) / 1.0); --border-radius: 107180px; 10719 10720 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10721 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 10722 10723 " 10724 10725 data-testid="group-block" 10726><div class="group-block__media-wrapper"> 10727 10728 10729 10730 10731 10732 </div> 10733 10734 <div 10735 class=" 10736 group-block-content 10737 10738 layout-panel-flex 10739 layout-panel-flex--row 10740 mobile-column 10741 " 10742 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 10743 10744--gap: 12px; 10745 10746--horizontal-alignment: space-between; --vertical-alignment: flex-start; 10747--vertical-alignment-mobile: flex-start; 10748" 10749 > 10750 10751 10752 10753 10754<div 10755 class=" 10756 group-block 10757 group-block--height-fit 10758 group-block--width-custom 10759 border-style 10760 spacing-style 10761 size-style 10762 10763 10764 " 10765 style=" 10766 --border-width: 1px; --border-style: none; --border-color: 10767rgb(var(--color-border-rgb) / 1.0); --border-radius: 107680px; 10769 10770 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10771 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 10772 10773 " 10774 10775 data-testid="group-block" 10776><div class="group-block__media-wrapper"> 10777 10778 10779 10780 10781 10782 </div> 10783 10784 <div 10785 class=" 10786 group-block-content 10787 10788 layout-panel-flex 10789 layout-panel-flex--column 10790 mobile-column 10791 " 10792 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 10793 10794--gap: 0px; 10795 10796--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 10797--vertical-alignment-mobile: flex-start; 10798" 10799 > 10800 10801 10802 10803 10804 <a 10805 class="contents user-select-text" 10806 ref="productTitleLink" 10807 href="/products/poppy?variant=53124323082557" 10808 > 10809 10810 10811 10812 10813 10814 10815 10816 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-10 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 10817 <p>Poppy</p> 10818 </div> 10819 10820 10821 10822 10823 </a> 10824 10825 10826 10827 10828 10829 10830<product-price 10831 class="text-block text-block--align-left text-left h5 spacing-style" 10832 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-10" 10833 data-product-id="10523791229245" 10834 style=" 10835 10836--color: var(--color-foreground); 10837 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10838 --width: 100%; 10839 " 10840 10841> 10842 <div ref="priceContainer"> 10843 10844 10845 10846 10847
10848 <span class="price">$52.00</span> 10849 10850 10851 10852 10853</div> 10854 10855 10856</product-price> 10857 10858 10859 10860 10861 10862 10863 10864</div> 10865</div> 10866 10867 10868 10869 10870 10871 10872 10873 10874 10875<div 10876 class=" 10877 group-block 10878 group-block--height-fit 10879 group-block--width-fill 10880 border-style 10881 spacing-style 10882 size-style 10883 10884 10885 " 10886 style=" 10887 --border-width: 1px; --border-style: none; --border-color: 10888rgb(var(--color-border-rgb) / 1.0); --border-radius: 108890px; 10890 10891 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 10892 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 10893 10894 " 10895 10896 data-testid="group-block" 10897><div class="group-block__media-wrapper"> 10898 10899 10900 10901 10902 10903 </div> 10904 10905 <div 10906 class=" 10907 group-block-content 10908 10909 layout-panel-flex 10910 layout-panel-flex--column 10911 mobile-column 10912 " 10913 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 10914 10915--gap: 0px; 10916 10917--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 10918--vertical-alignment-mobile: flex-start; 10919" 10920 > 10921 10922 10923 10924 10925 10926 10927 10928 10929</div> 10930</div> 10931 10932 10933 10934 10935 10936 10937</div> 10938</div> 10939 10940 10941 10942 10943 10944 10945 10946 </div> 10947</product-card> 10948 10949 10950 10951 10952 10953 10954 10955 </li> 10956 10957 <li 10958 id="template--26673864704317__main-10523793555773" 10959 class="product-grid__item product-grid__item--11" 10960 data-page="1" 10961 data-product-id="10523793555773" 10962 ref="cards[]" 10963 > 10964 10965 10966 10967 10968 10969 10970 10971<style data-shopify> 10972 10973</style> 10974 10975 10976 10977<product-card 10978 class="product-card size-style" 10979 style="--size-style-width: ;--size-style-height: ;" 10980 data-product-id="10523793555773" 10981 id="product-card-AL0tpbE54MnF3MmVqM__product-card-11" 10982 10983 data-product-transition="true" 10984 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=500" 10985 on:click="/handleViewTransition" 10986 10987 10988 10989> 10990 <a 10991 id="dc73c57bfc1494c82eaa47981f490661" 10992 10993 href="/products/holiday-red?variant=53124329111869" 10994 10995 class="product-card__link" 10996 ref="productCardLink" 10997 > 10998 <span class="visually-hidden"> 10999 Holiday Red 11000 </span> 11001 </a> 11002 <div 11003 class=" 11004 product-card__content 11005 layout-panel-flex 11006 layout-panel-flex--column 11007 product-grid__card 11008 spacing-style 11009 border-style 11010 gap-style 11011 11012 " 11013 style=" 11014 --border-width: 1px; --border-style: none; --border-color: 11015rgb(var(--color-border-rgb) / 1.0); --border-radius: 110160px; 11017 11018 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 11019 11020 11021 11022--horizontal-alignment: ; --vertical-alignment: ; 11023--vertical-alignment-mobile: ; 11024 11025 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11026 --product-card-gap: 8px; 11027 --quick-add-display: flex; 11028 --quick-add-mobile-display: flex; 11029 --quick-add-mobile-opacity: 1; 11030 11031 11032 11033 11034 " 11035 > 11036 11037 11038 11039 11040 11041 11042 11043 11044 11045<div 11046 ref="cardGallery" 11047 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-11 spacing-style border-style" 11048 style=" 11049 --border-width: 1px; --border-style: none; --border-color: 11050rgb(var(--color-border-rgb) / 1.0); --border-radius: 110510px; 11052 11053 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11054 --gallery-aspect-ratio: 1; 11055 " 11056 data-product-id="10523793555773" 11057 11058 on:pointerenter="/previewImage" 11059 on:pointerleave="/resetImage" 11060 11061 11062 data-view-transition-to-main-product 11063 11064 data-image-ratio="square" 11065 11066> 11067 <a 11068 class="contents" 11069 ref="cardGalleryLink" 11070 href="/products/holiday-red?variant=53124329111869" 11071 aria-label="Holiday Red" 11072 > 11073 <slideshow-component 11074 11075 ref="slideshow" 11076 11077 11078 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 11079 11080 initial-slide="0" 11081 11082 11083 infinite 11084 11085 11086 data-generic-media-size="1" 11087> 11088 11089 <slideshow-container ref="slideshowContainer"> 11090 11091 11092 <slideshow-slides 11093 tabindex="-1" 11094 ref="scroller" 11095 11096 > 11097 <slideshow-slide 11098 ref="slides[]" 11099 aria-hidden="false" 11100 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 11101 11102 class="product-media-container media-fit product-media-container--image" 11103 11104 11105 11106 11107 slide-id="53470203281725" 11108 11109 11110 11111 11112> 11113 11114 11115<div 11116 class="product-media" 11117 style="--ratio: 1.0" 11118 data-media-id="53470203281725" 11119> 11120 11121 <img src="//www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=3840" alt="Holiday Red" srcset="//www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 11122 11123 11124</div> 11125 11126 11127 11128</slideshow-slide> 11129 11130 </slideshow-slides> 11131 </slideshow-container> 11132 11133</slideshow-component> 11134 11135 11136 11137 </a> 11138 11139 11140 <div 11141 class="product-badges product-badges--top-left" 11142 style=" 11143 --badge-border-radius: 0px; 11144 --badge-font-family: var(--font-body--family);
11144 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 11145 " 11146 ></div> 11147 11148 11149 11150<quick-add-component 11151 class="quick-add color-scheme-1 " 11152 ref="quickAdd" 11153 data-product-title="Holiday Red" 11154 data-quick-add-button="add" 11155 data-product-options-count="1" 11156> 11157 <product-form-component 11158 data-section-id="template--26673864704317__main" 11159 data-product-id="10523793555773" 11160 on:submit="/handleSubmit" 11161 class="quick-add__product-form-component" 11162 > 11163 <div 11164 class="visually-hidden" 11165 aria-live="assertive" 11166 role="status" 11167 aria-atomic="true" 11168 ref="liveRegion" 11169 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10523793555773-AVmhSaDh1RlIzQ2t2Y__card-gallery-11" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 11170 type="hidden" 11171 name="id" 11172 ref="variantId" 11173 value="53124329111869" 11174 11175 > 11176 <input 11177 type="hidden" 11178 name="quantity" 11179 value="1" 11180 > 11181 11182 <add-to-cart-component 11183 ref="addToCartButtonContainer" 11184 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&width=100" 11185 data-add-to-cart-animation="true" 11186> 11187 <button 11188 11189 type="submit" 11190 name="add" 11191 ref="addToCartButton" 11192 on:click="/handleClick" 11193 class="button button quick-add__button quick-add__button--add add-to-cart-button" 11194 11195 11196 > 11197 <span 11198 class="add-to-cart-text" 11199 > 11200 11201 <span 11202 aria-hidden="true" 11203 class="svg-wrapper add-to-cart-icon" 11204 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 11205</span> 11206 11207 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 11208 <span> 11209 <span>Add</span> 11210 </span> 11211 </span> 11212 </span> 11213 11214 <span class="add-to-cart__added"> 11215 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 11216 <g class="check"> 11217 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 11218 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 11219 </g> 11220 <g class="burst"> 11221 <g style="--index: 0;"> 11222 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11223 </g> 11224 <g style="--index: 1;"> 11225 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11226 </g> 11227 <g style="--index: 2;"> 11228 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11229 </g> 11230 <g style="--index: 3;"> 11231 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11232 </g> 11233 <g style="--index: 4;"> 11234 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11235 </g> 11236 <g style="--index: 5;"> 11237 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11238 </g> 11239 <g style="--index: 6;"> 11240 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11241 </g> 11242 <g style="--index: 7;"> 11243 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11244 </g> 11245 </g> 11246</svg> 11247</span> 11248 </span> 11249 </button> 11250</add-to-cart-component> 11251 11252 11253 <button 11254 class="button quick-add__button quick-add__button--choose add-to-cart-button" 11255 11256 type="button" 11257 name="add" 11258 on:click="quick-add-component/handleClick" 11259 >
11260 <span 11261 class="add-to-cart-text" 11262 > 11263 11264 <span 11265 aria-hidden="true" 11266 class="svg-wrapper add-to-cart-icon" 11267 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 11268</span> 11269 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 11270 <span> 11271 11272 <span> 11273 Choose 11274 </span> 11275 </span> 11276 </span> 11277 </span> 11278 </button><input type="hidden" name="product-id" value="10523793555773" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 11279</quick-add-component> 11280 11281 11282 11283 11284 11285 11286</div> 11287 11288 11289 11290 11291 11292<div class="product-grid-view-zoom-out--details"> 11293 11294 <h3 class="h4">Holiday Red</h3> 11295 11296</div> 11297 11298 11299 11300 11301 11302 11303 11304 11305<div 11306 class=" 11307 group-block 11308 group-block--height-fit 11309 group-block--width-fill 11310 border-style 11311 spacing-style 11312 size-style 11313 11314 11315 " 11316 style=" 11317 --border-width: 1px; --border-style: none; --border-color: 11318rgb(var(--color-border-rgb) / 1.0); --border-radius: 113190px; 11320 11321 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11322 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 11323 11324 " 11325 11326 data-testid="group-block" 11327><div class="group-block__media-wrapper"> 11328 11329 11330 11331 11332 11333 </div> 11334 11335 <div 11336 class=" 11337 group-block-content 11338 11339 layout-panel-flex 11340 layout-panel-flex--row 11341 mobile-column 11342 " 11343 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 11344 11345--gap: 12px; 11346 11347--horizontal-alignment: space-between; --vertical-alignment: flex-start; 11348--vertical-alignment-mobile: flex-start; 11349" 11350 > 11351 11352 11353 11354 11355<div 11356 class=" 11357 group-block 11358 group-block--height-fit 11359 group-block--width-custom 11360 border-style 11361 spacing-style 11362 size-style 11363 11364 11365 " 11366 style=" 11367 --border-width: 1px; --border-style: none; --border-color: 11368rgb(var(--color-border-rgb) / 1.0); --border-radius: 113690px; 11370 11371 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11372 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 11373 11374 " 11375 11376 data-testid="group-block" 11377><div class="group-block__media-wrapper"> 11378 11379 11380 11381 11382 11383 </div> 11384 11385 <div 11386 class=" 11387 group-block-content 11388 11389 layout-panel-flex 11390 layout-panel-flex--column 11391 mobile-column 11392 " 11393 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 11394 11395--gap: 0px; 11396 11397--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 11398--vertical-alignment-mobile: flex-start; 11399" 11400 > 11401 11402 11403 11404 11405 <a 11406 class="contents user-select-text" 11407 ref="productTitleLink" 11408 href="/products/holiday-red?variant=53124329111869" 11409 > 11410 11411 11412 11413 11414 11415 11416 11417 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-11 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 11418 <p>Holiday Red</p> 11419 </div> 11420 11421 11422 11423 11424 </a> 11425 11426 11427 11428 11429 11430 11431<product-price 11432 class="text-block text-block--align-left text-left h5 spacing-style" 11433 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-11" 11434 data-product-id="10523793555773" 11435 style=" 11436 11437--color: var(--color-foreground); 11438 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11439 --width: 100%; 11440 " 11441 11442> 11443 <div ref="priceContainer"> 11444 11445 11446 11447 11448
11449 <span class="price">$52.00</span> 11450 11451 11452 11453 11454</div> 11455 11456 11457</product-price> 11458 11459 11460 11461 11462 11463 11464 11465</div> 11466</div> 11467 11468 11469 11470 11471 11472 11473 11474 11475 11476<div 11477 class=" 11478 group-block 11479 group-block--height-fit 11480 group-block--width-fill 11481 border-style 11482 spacing-style 11483 size-style 11484 11485 11486 " 11487 style=" 11488 --border-width: 1px; --border-style: none; --border-color: 11489rgb(var(--color-border-rgb) / 1.0); --border-radius: 114900px; 11491 11492 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11493 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 11494 11495 " 11496 11497 data-testid="group-block" 11498><div class="group-block__media-wrapper"> 11499 11500 11501 11502 11503 11504 </div> 11505 11506 <div 11507 class=" 11508 group-block-content 11509 11510 layout-panel-flex 11511 layout-panel-flex--column 11512 mobile-column 11513 " 11514 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 11515 11516--gap: 0px; 11517 11518--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 11519--vertical-alignment-mobile: flex-start; 11520" 11521 > 11522 11523 11524 11525 11526 11527 11528 11529 11530</div> 11531</div> 11532 11533 11534 11535 11536 11537 11538</div> 11539</div> 11540 11541 11542 11543 11544 11545 11546 11547 </div> 11548</product-card> 11549 11550 11551 11552 11553 11554 11555 11556 </li> 11557 11558 <li 11559 id="template--26673864704317__main-9360555606333" 11560 class="product-grid__item product-grid__item--12" 11561 data-page="1" 11562 data-product-id="9360555606333" 11563 ref="cards[]" 11564 > 11565 11566 11567 11568 11569 11570 11571 11572<style data-shopify> 11573 11574</style> 11575 11576 11577 11578<product-card 11579 class="product-card size-style" 11580 style="--size-style-width: ;--size-style-height: ;" 11581 data-product-id="9360555606333" 11582 id="product-card-AL0tpbE54MnF3MmVqM__product-card-12" 11583 11584 data-product-transition="true" 11585 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=500" 11586 on:click="/handleViewTransition" 11587 11588 11589 11590> 11591 <a 11592 id="af5d6fbe87d4b3fc08a706d8581a7c37" 11593 11594 href="/products/coastal-cashmere-yarn-rust?variant=48600612700477" 11595 11596 class="product-card__link" 11597 ref="productCardLink" 11598 > 11599 <span class="visually-hidden"> 11600 Rust 11601 </span> 11602 </a> 11603 <div 11604 class=" 11605 product-card__content 11606 layout-panel-flex 11607 layout-panel-flex--column 11608 product-grid__card 11609 spacing-style 11610 border-style 11611 gap-style 11612 11613 " 11614 style=" 11615 --border-width: 1px; --border-style: none; --border-color: 11616rgb(var(--color-border-rgb) / 1.0); --border-radius: 116170px; 11618 11619 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 11620 11621 11622 11623--horizontal-alignment: ; --vertical-alignment: ; 11624--vertical-alignment-mobile: ; 11625 11626 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11627 --product-card-gap: 8px; 11628 --quick-add-display: flex; 11629 --quick-add-mobile-display: flex; 11630 --quick-add-mobile-opacity: 1; 11631 11632 11633 11634 11635 " 11636 > 11637 11638 11639 11640 11641 11642 11643 11644 11645 11646<div 11647 ref="cardGallery" 11648 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-12 spacing-style border-style" 11649 style=" 11650 --border-width: 1px; --border-style: none; --border-color: 11651rgb(var(--color-border-rgb) / 1.0); --border-radius: 116520px; 11653 11654 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11655 --gallery-aspect-ratio: 1; 11656 " 11657 data-product-id="9360555606333" 11658 11659 on:pointerenter="/previewImage" 11660 on:pointerleave="/resetImage" 11661 11662 11663 data-view-transition-to-main-product 11664 11665 data-image-ratio="square" 11666 11667> 11668 <a 11669 class="contents" 11670 ref="cardGalleryLink" 11671 href="/products/coastal-cashmere-yarn-rust?variant=48600612700477" 11672 aria-label="Rust" 11673 > 11674 <slideshow-component 11675 11676 ref="slideshow" 11677 11678 11679 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 11680 11681 initial-slide="0" 11682 11683 11684 infinite 11685 11686 11687 data-generic-media-size="1" 11688> 11689 11690 <slideshow-container ref="slideshowContainer"> 11691 11692 11693 <slideshow-slides 11694 tabindex="-1" 11695 ref="scroller" 11696 11697 > 11698 <slideshow-slide 11699 ref="slides[]" 11700 aria-hidden="false" 11701 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 11702 11703 class="product-media-container media-fit product-media-container--image" 11704 11705 11706 11707 11708 slide-id="49920412811581" 11709 11710 11711 11712 11713> 11714 11715 11716<div 11717 class="product-media" 11718 style="--ratio: 1.0" 11719 data-media-id="49920412811581" 11720> 11721 11722 <img src="//www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=3840" alt="Rust" srcset="//www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 11723 11724 11725</div> 11726 11727 11728 11729</slideshow-slide> 11730 11731 </slideshow-slides> 11732 </slideshow-container> 11733 11734</slideshow-component> 11735 11736 11737 11738 </a> 11739 11740 11741 <div 11742 class="product-badges product-badges--top-left" 11743 style=" 11744 --badge-border-radius: 0px; 11745 --badge-font-family: var(--font-body--family);
11745 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 11746 " 11747 ></div> 11748 11749 11750 11751<quick-add-component 11752 class="quick-add color-scheme-1 " 11753 ref="quickAdd" 11754 data-product-title="Rust" 11755 data-quick-add-button="add" 11756 data-product-options-count="1" 11757> 11758 <product-form-component 11759 data-section-id="template--26673864704317__main" 11760 data-product-id="9360555606333" 11761 on:submit="/handleSubmit" 11762 class="quick-add__product-form-component" 11763 > 11764 <div 11765 class="visually-hidden" 11766 aria-live="assertive" 11767 role="status" 11768 aria-atomic="true" 11769 ref="liveRegion" 11770 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9360555606333-AVmhSaDh1RlIzQ2t2Y__card-gallery-12" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 11771 type="hidden" 11772 name="id" 11773 ref="variantId" 11774 value="48600612700477" 11775 11776 > 11777 <input 11778 type="hidden" 11779 name="quantity" 11780 value="1" 11781 > 11782 11783 <add-to-cart-component 11784 ref="addToCartButtonContainer" 11785 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&width=100" 11786 data-add-to-cart-animation="true" 11787> 11788 <button 11789 11790 type="submit" 11791 name="add" 11792 ref="addToCartButton" 11793 on:click="/handleClick" 11794 class="button button quick-add__button quick-add__button--add add-to-cart-button" 11795 11796 11797 > 11798 <span 11799 class="add-to-cart-text" 11800 > 11801 11802 <span 11803 aria-hidden="true" 11804 class="svg-wrapper add-to-cart-icon" 11805 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 11806</span> 11807 11808 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 11809 <span> 11810 <span>Add</span> 11811 </span> 11812 </span> 11813 </span> 11814 11815 <span class="add-to-cart__added"> 11816 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 11817 <g class="check"> 11818 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 11819 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 11820 </g> 11821 <g class="burst"> 11822 <g style="--index: 0;"> 11823 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11824 </g> 11825 <g style="--index: 1;"> 11826 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11827 </g> 11828 <g style="--index: 2;"> 11829 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11830 </g> 11831 <g style="--index: 3;"> 11832 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11833 </g> 11834 <g style="--index: 4;"> 11835 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11836 </g> 11837 <g style="--index: 5;"> 11838 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11839 </g> 11840 <g style="--index: 6;"> 11841 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11842 </g> 11843 <g style="--index: 7;"> 11844 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 11845 </g> 11846 </g> 11847</svg> 11848</span> 11849 </span> 11850 </button> 11851</add-to-cart-component> 11852 11853 11854 <button 11855 class="button quick-add__button quick-add__button--choose add-to-cart-button" 11856 11857 type="button" 11858 name="add" 11859 on:click="quick-add-component/handleClick" 11860 >
11861 <span 11862 class="add-to-cart-text" 11863 > 11864 11865 <span 11866 aria-hidden="true" 11867 class="svg-wrapper add-to-cart-icon" 11868 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 11869</span> 11870 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 11871 <span> 11872 11873 <span> 11874 Choose 11875 </span> 11876 </span> 11877 </span> 11878 </span> 11879 </button><input type="hidden" name="product-id" value="9360555606333" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 11880</quick-add-component> 11881 11882 11883 11884 11885 11886 11887</div> 11888 11889 11890 11891 11892 11893<div class="product-grid-view-zoom-out--details"> 11894 11895 <h3 class="h4">Rust</h3> 11896 11897</div> 11898 11899 11900 11901 11902 11903 11904 11905 11906<div 11907 class=" 11908 group-block 11909 group-block--height-fit 11910 group-block--width-fill 11911 border-style 11912 spacing-style 11913 size-style 11914 11915 11916 " 11917 style=" 11918 --border-width: 1px; --border-style: none; --border-color: 11919rgb(var(--color-border-rgb) / 1.0); --border-radius: 119200px; 11921 11922 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11923 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 11924 11925 " 11926 11927 data-testid="group-block" 11928><div class="group-block__media-wrapper"> 11929 11930 11931 11932 11933 11934 </div> 11935 11936 <div 11937 class=" 11938 group-block-content 11939 11940 layout-panel-flex 11941 layout-panel-flex--row 11942 mobile-column 11943 " 11944 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 11945 11946--gap: 12px; 11947 11948--horizontal-alignment: space-between; --vertical-alignment: flex-start; 11949--vertical-alignment-mobile: flex-start; 11950" 11951 > 11952 11953 11954 11955 11956<div 11957 class=" 11958 group-block 11959 group-block--height-fit 11960 group-block--width-custom 11961 border-style 11962 spacing-style 11963 size-style 11964 11965 11966 " 11967 style=" 11968 --border-width: 1px; --border-style: none; --border-color: 11969rgb(var(--color-border-rgb) / 1.0); --border-radius: 119700px; 11971 11972 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 11973 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 11974 11975 " 11976 11977 data-testid="group-block" 11978><div class="group-block__media-wrapper"> 11979 11980 11981 11982 11983 11984 </div> 11985 11986 <div 11987 class=" 11988 group-block-content 11989 11990 layout-panel-flex 11991 layout-panel-flex--column 11992 mobile-column 11993 " 11994 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 11995 11996--gap: 0px; 11997 11998--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 11999--vertical-alignment-mobile: flex-start; 12000" 12001 > 12002 12003 12004 12005 12006 <a 12007 class="contents user-select-text" 12008 ref="productTitleLink" 12009 href="/products/coastal-cashmere-yarn-rust?variant=48600612700477" 12010 > 12011 12012 12013 12014 12015 12016 12017 12018 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-12 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 12019 <p>Rust</p> 12020 </div> 12021 12022 12023 12024 12025 </a> 12026 12027 12028 12029 12030 12031 12032<product-price 12033 class="text-block text-block--align-left text-left h5 spacing-style" 12034 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-12" 12035 data-product-id="9360555606333" 12036 style=" 12037 12038--color: var(--color-foreground); 12039 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12040 --width: 100%; 12041 " 12042 12043> 12044 <div ref="priceContainer"> 12045 12046 12047 12048 12049
12050 <span class="price">$52.00</span> 12051 12052 12053 12054 12055</div> 12056 12057 12058</product-price> 12059 12060 12061 12062 12063 12064 12065 12066</div> 12067</div> 12068 12069 12070 12071 12072 12073 12074 12075 12076 12077<div 12078 class=" 12079 group-block 12080 group-block--height-fit 12081 group-block--width-fill 12082 border-style 12083 spacing-style 12084 size-style 12085 12086 12087 " 12088 style=" 12089 --border-width: 1px; --border-style: none; --border-color: 12090rgb(var(--color-border-rgb) / 1.0); --border-radius: 120910px; 12092 12093 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12094 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 12095 12096 " 12097 12098 data-testid="group-block" 12099><div class="group-block__media-wrapper"> 12100 12101 12102 12103 12104 12105 </div> 12106 12107 <div 12108 class=" 12109 group-block-content 12110 12111 layout-panel-flex 12112 layout-panel-flex--column 12113 mobile-column 12114 " 12115 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 12116 12117--gap: 0px; 12118 12119--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 12120--vertical-alignment-mobile: flex-start; 12121" 12122 > 12123 12124 12125 12126 12127 12128 12129 12130 12131</div> 12132</div> 12133 12134 12135 12136 12137 12138 12139</div> 12140</div> 12141 12142 12143 12144 12145 12146 12147 12148 </div> 12149</product-card> 12150 12151 12152 12153 12154 12155 12156 12157 </li> 12158 12159 <li 12160 id="template--26673864704317__main-10095733309757" 12161 class="product-grid__item product-grid__item--13" 12162 data-page="1" 12163 data-product-id="10095733309757" 12164 ref="cards[]" 12165 > 12166 12167 12168 12169 12170 12171 12172 12173<style data-shopify> 12174 12175</style> 12176 12177 12178 12179<product-card 12180 class="product-card size-style" 12181 style="--size-style-width: ;--size-style-height: ;" 12182 data-product-id="10095733309757" 12183 id="product-card-AL0tpbE54MnF3MmVqM__product-card-13" 12184 12185 data-product-transition="true" 12186 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=500" 12187 on:click="/handleViewTransition" 12188 12189 12190 12191> 12192 <a 12193 id="85f6db635ae9bef9a6b3cddbdd9b12a4" 12194 12195 href="/products/coastal-cashmere-yarn-clown-fish?variant=50827591942461" 12196 12197 class="product-card__link" 12198 ref="productCardLink" 12199 > 12200 <span class="visually-hidden"> 12201 Clown Fish 12202 </span> 12203 </a> 12204 <div 12205 class=" 12206 product-card__content 12207 layout-panel-flex 12208 layout-panel-flex--column 12209 product-grid__card 12210 spacing-style 12211 border-style 12212 gap-style 12213 12214 " 12215 style=" 12216 --border-width: 1px; --border-style: none; --border-color: 12217rgb(var(--color-border-rgb) / 1.0); --border-radius: 122180px; 12219 12220 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 12221 12222 12223 12224--horizontal-alignment: ; --vertical-alignment: ; 12225--vertical-alignment-mobile: ; 12226 12227 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12228 --product-card-gap: 8px; 12229 --quick-add-display: flex; 12230 --quick-add-mobile-display: flex; 12231 --quick-add-mobile-opacity: 1; 12232 12233 12234 12235 12236 " 12237 > 12238 12239 12240 12241 12242 12243 12244 12245 12246 12247<div 12248 ref="cardGallery" 12249 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-13 spacing-style border-style" 12250 style=" 12251 --border-width: 1px; --border-style: none; --border-color: 12252rgb(var(--color-border-rgb) / 1.0); --border-radius: 122530px; 12254 12255 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12256 --gallery-aspect-ratio: 1; 12257 " 12258 data-product-id="10095733309757" 12259 12260 on:pointerenter="/previewImage" 12261 on:pointerleave="/resetImage" 12262 12263 12264 data-view-transition-to-main-product 12265 12266 data-image-ratio="square" 12267 12268> 12269 <a 12270 class="contents" 12271 ref="cardGalleryLink" 12272 href="/products/coastal-cashmere-yarn-clown-fish?variant=50827591942461" 12273 aria-label="Clown Fish" 12274 > 12275 <slideshow-component 12276 12277 ref="slideshow" 12278 12279 12280 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 12281 12282 initial-slide="0" 12283 12284 12285 infinite 12286 12287 12288 data-generic-media-size="1" 12289> 12290 12291 <slideshow-container ref="slideshowContainer"> 12292 12293 12294 <slideshow-slides 12295 tabindex="-1" 12296 ref="scroller" 12297 12298 > 12299 <slideshow-slide 12300 ref="slides[]" 12301 aria-hidden="false" 12302 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 12303 12304 class="product-media-container media-fit product-media-container--image" 12305 12306 12307 12308 12309 slide-id="49920412320061" 12310 12311 12312 12313 12314> 12315 12316 12317<div 12318 class="product-media" 12319 style="--ratio: 1.0" 12320 data-media-id="49920412320061" 12321> 12322 12323 <img src="//www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=3840" alt="Clown Fish" srcset="//www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 12324 12325 12326</div> 12327 12328 12329 12330</slideshow-slide> 12331 12332 </slideshow-slides> 12333 </slideshow-container> 12334 12335</slideshow-component> 12336 12337 12338 12339 </a> 12340 12341 12342 <div 12343 class="product-badges product-badges--top-left" 12344 style=" 12345 --badge-border-radius: 0px; 12346 --badge-font-family: var(--font-body--family);
12346 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 12347 " 12348 ></div> 12349 12350 12351 12352<quick-add-component 12353 class="quick-add color-scheme-1 " 12354 ref="quickAdd" 12355 data-product-title="Clown Fish" 12356 data-quick-add-button="add" 12357 data-product-options-count="1" 12358> 12359 <product-form-component 12360 data-section-id="template--26673864704317__main" 12361 data-product-id="10095733309757" 12362 on:submit="/handleSubmit" 12363 class="quick-add__product-form-component" 12364 > 12365 <div 12366 class="visually-hidden" 12367 aria-live="assertive" 12368 role="status" 12369 aria-atomic="true" 12370 ref="liveRegion" 12371 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10095733309757-AVmhSaDh1RlIzQ2t2Y__card-gallery-13" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 12372 type="hidden" 12373 name="id" 12374 ref="variantId" 12375 value="50827591942461" 12376 12377 > 12378 <input 12379 type="hidden" 12380 name="quantity" 12381 value="1" 12382 > 12383 12384 <add-to-cart-component 12385 ref="addToCartButtonContainer" 12386 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&width=100" 12387 data-add-to-cart-animation="true" 12388> 12389 <button 12390 12391 type="submit" 12392 name="add" 12393 ref="addToCartButton" 12394 on:click="/handleClick" 12395 class="button button quick-add__button quick-add__button--add add-to-cart-button" 12396 12397 12398 > 12399 <span 12400 class="add-to-cart-text" 12401 > 12402 12403 <span 12404 aria-hidden="true" 12405 class="svg-wrapper add-to-cart-icon" 12406 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 12407</span> 12408 12409 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 12410 <span> 12411 <span>Add</span> 12412 </span> 12413 </span> 12414 </span> 12415 12416 <span class="add-to-cart__added"> 12417 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 12418 <g class="check"> 12419 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 12420 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 12421 </g> 12422 <g class="burst"> 12423 <g style="--index: 0;"> 12424 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12425 </g> 12426 <g style="--index: 1;"> 12427 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12428 </g> 12429 <g style="--index: 2;"> 12430 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12431 </g> 12432 <g style="--index: 3;"> 12433 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12434 </g> 12435 <g style="--index: 4;"> 12436 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12437 </g> 12438 <g style="--index: 5;"> 12439 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12440 </g> 12441 <g style="--index: 6;"> 12442 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12443 </g> 12444 <g style="--index: 7;"> 12445 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 12446 </g> 12447 </g> 12448</svg> 12449</span> 12450 </span> 12451 </button> 12452</add-to-cart-component> 12453 12454 12455 <button 12456 class="button quick-add__button quick-add__button--choose add-to-cart-button" 12457 12458 type="button" 12459 name="add" 12460 on:click="quick-add-component/handleClick" 12461 >
12462 <span 12463 class="add-to-cart-text" 12464 > 12465 12466 <span 12467 aria-hidden="true" 12468 class="svg-wrapper add-to-cart-icon" 12469 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 12470</span> 12471 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 12472 <span> 12473 12474 <span> 12475 Choose 12476 </span> 12477 </span> 12478 </span> 12479 </span> 12480 </button><input type="hidden" name="product-id" value="10095733309757" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 12481</quick-add-component> 12482 12483 12484 12485 12486 12487 12488</div> 12489 12490 12491 12492 12493 12494<div class="product-grid-view-zoom-out--details"> 12495 12496 <h3 class="h4">Clown Fish</h3> 12497 12498</div> 12499 12500 12501 12502 12503 12504 12505 12506 12507<div 12508 class=" 12509 group-block 12510 group-block--height-fit 12511 group-block--width-fill 12512 border-style 12513 spacing-style 12514 size-style 12515 12516 12517 " 12518 style=" 12519 --border-width: 1px; --border-style: none; --border-color: 12520rgb(var(--color-border-rgb) / 1.0); --border-radius: 125210px; 12522 12523 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12524 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 12525 12526 " 12527 12528 data-testid="group-block" 12529><div class="group-block__media-wrapper"> 12530 12531 12532 12533 12534 12535 </div> 12536 12537 <div 12538 class=" 12539 group-block-content 12540 12541 layout-panel-flex 12542 layout-panel-flex--row 12543 mobile-column 12544 " 12545 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 12546 12547--gap: 12px; 12548 12549--horizontal-alignment: space-between; --vertical-alignment: flex-start; 12550--vertical-alignment-mobile: flex-start; 12551" 12552 > 12553 12554 12555 12556 12557<div 12558 class=" 12559 group-block 12560 group-block--height-fit 12561 group-block--width-custom 12562 border-style 12563 spacing-style 12564 size-style 12565 12566 12567 " 12568 style=" 12569 --border-width: 1px; --border-style: none; --border-color: 12570rgb(var(--color-border-rgb) / 1.0); --border-radius: 125710px; 12572 12573 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12574 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 12575 12576 " 12577 12578 data-testid="group-block" 12579><div class="group-block__media-wrapper"> 12580 12581 12582 12583 12584 12585 </div> 12586 12587 <div 12588 class=" 12589 group-block-content 12590 12591 layout-panel-flex 12592 layout-panel-flex--column 12593 mobile-column 12594 " 12595 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 12596 12597--gap: 0px; 12598 12599--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 12600--vertical-alignment-mobile: flex-start; 12601" 12602 > 12603 12604 12605 12606 12607 <a 12608 class="contents user-select-text" 12609 ref="productTitleLink" 12610 href="/products/coastal-cashmere-yarn-clown-fish?variant=50827591942461" 12611 > 12612 12613 12614 12615 12616 12617 12618 12619 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-13 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 12620 <p>Clown Fish</p> 12621 </div> 12622 12623 12624 12625 12626 </a> 12627 12628 12629 12630 12631 12632 12633<product-price 12634 class="text-block text-block--align-left text-left h5 spacing-style" 12635 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-13" 12636 data-product-id="10095733309757" 12637 style=" 12638 12639--color: var(--color-foreground); 12640 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12641 --width: 100%; 12642 " 12643 12644> 12645 <div ref="priceContainer"> 12646 12647 12648 12649 12650
12651 <span class="price">$52.00</span> 12652 12653 12654 12655 12656</div> 12657 12658 12659</product-price> 12660 12661 12662 12663 12664 12665 12666 12667</div> 12668</div> 12669 12670 12671 12672 12673 12674 12675 12676 12677 12678<div 12679 class=" 12680 group-block 12681 group-block--height-fit 12682 group-block--width-fill 12683 border-style 12684 spacing-style 12685 size-style 12686 12687 12688 " 12689 style=" 12690 --border-width: 1px; --border-style: none; --border-color: 12691rgb(var(--color-border-rgb) / 1.0); --border-radius: 126920px; 12693 12694 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12695 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 12696 12697 " 12698 12699 data-testid="group-block" 12700><div class="group-block__media-wrapper"> 12701 12702 12703 12704 12705 12706 </div> 12707 12708 <div 12709 class=" 12710 group-block-content 12711 12712 layout-panel-flex 12713 layout-panel-flex--column 12714 mobile-column 12715 " 12716 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 12717 12718--gap: 0px; 12719 12720--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 12721--vertical-alignment-mobile: flex-start; 12722" 12723 > 12724 12725 12726 12727 12728 12729 12730 12731 12732</div> 12733</div> 12734 12735 12736 12737 12738 12739 12740</div> 12741</div> 12742 12743 12744 12745 12746 12747 12748 12749 </div> 12750</product-card> 12751 12752 12753 12754 12755 12756 12757 12758 </li> 12759 12760 <li 12761 id="template--26673864704317__main-10113707147581" 12762 class="product-grid__item product-grid__item--14" 12763 data-page="1" 12764 data-product-id="10113707147581" 12765 ref="cards[]" 12766 > 12767 12768 12769 12770 12771 12772 12773 12774<style data-shopify> 12775 12776</style> 12777 12778 12779 12780<product-card 12781 class="product-card size-style" 12782 style="--size-style-width: ;--size-style-height: ;" 12783 data-product-id="10113707147581" 12784 id="product-card-AL0tpbE54MnF3MmVqM__product-card-14" 12785 12786 data-product-transition="true" 12787 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=500" 12788 on:click="/handleViewTransition" 12789 12790 12791 12792> 12793 <a 12794 id="da999bc657f22c898fa7fdda1e54ff19" 12795 12796 href="/products/coastal-cashmere-yarn-golden-hour?variant=50895908929853" 12797 12798 class="product-card__link" 12799 ref="productCardLink" 12800 > 12801 <span class="visually-hidden"> 12802 Golden Hour 12803 </span> 12804 </a> 12805 <div 12806 class=" 12807 product-card__content 12808 layout-panel-flex 12809 layout-panel-flex--column 12810 product-grid__card 12811 spacing-style 12812 border-style 12813 gap-style 12814 12815 " 12816 style=" 12817 --border-width: 1px; --border-style: none; --border-color: 12818rgb(var(--color-border-rgb) / 1.0); --border-radius: 128190px; 12820 12821 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 12822 12823 12824 12825--horizontal-alignment: ; --vertical-alignment: ; 12826--vertical-alignment-mobile: ; 12827 12828 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12829 --product-card-gap: 8px; 12830 --quick-add-display: flex; 12831 --quick-add-mobile-display: flex; 12832 --quick-add-mobile-opacity: 1; 12833 12834 12835 12836 12837 " 12838 > 12839 12840 12841 12842 12843 12844 12845 12846 12847 12848<div 12849 ref="cardGallery" 12850 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-14 spacing-style border-style" 12851 style=" 12852 --border-width: 1px; --border-style: none; --border-color: 12853rgb(var(--color-border-rgb) / 1.0); --border-radius: 128540px; 12855 12856 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 12857 --gallery-aspect-ratio: 1; 12858 " 12859 data-product-id="10113707147581" 12860 12861 on:pointerenter="/previewImage" 12862 on:pointerleave="/resetImage" 12863 12864 12865 data-view-transition-to-main-product 12866 12867 data-image-ratio="square" 12868 12869> 12870 <a 12871 class="contents" 12872 ref="cardGalleryLink" 12873 href="/products/coastal-cashmere-yarn-golden-hour?variant=50895908929853" 12874 aria-label="Golden Hour" 12875 > 12876 <slideshow-component 12877 12878 ref="slideshow" 12879 12880 12881 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 12882 12883 initial-slide="0" 12884 12885 12886 infinite 12887 12888 12889 data-generic-media-size="1" 12890> 12891 12892 <slideshow-container ref="slideshowContainer"> 12893 12894 12895 <slideshow-slides 12896 tabindex="-1" 12897 ref="scroller" 12898 12899 > 12900 <slideshow-slide 12901 ref="slides[]" 12902 aria-hidden="false" 12903 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 12904 12905 class="product-media-container media-fit product-media-container--image" 12906 12907 12908 12909 12910 slide-id="49920412451133" 12911 12912 12913 12914 12915> 12916 12917 12918<div 12919 class="product-media" 12920 style="--ratio: 1.0" 12921 data-media-id="49920412451133" 12922> 12923 12924 <img src="//www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=3840" alt="Golden Hour" srcset="//www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 12925 12926 12927</div> 12928 12929 12930 12931</slideshow-slide> 12932 12933 </slideshow-slides> 12934 </slideshow-container> 12935 12936</slideshow-component> 12937 12938 12939 12940 </a> 12941 12942 12943 <div 12944 class="product-badges product-badges--top-left" 12945 style=" 12946 --badge-border-radius: 0px; 12947 --badge-font-family: var(--font-body--family);
12947 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 12948 " 12949 ></div> 12950 12951 12952 12953<quick-add-component 12954 class="quick-add color-scheme-1 " 12955 ref="quickAdd" 12956 data-product-title="Golden Hour" 12957 data-quick-add-button="add" 12958 data-product-options-count="1" 12959> 12960 <product-form-component 12961 data-section-id="template--26673864704317__main" 12962 data-product-id="10113707147581" 12963 on:submit="/handleSubmit" 12964 class="quick-add__product-form-component" 12965 > 12966 <div 12967 class="visually-hidden" 12968 aria-live="assertive" 12969 role="status" 12970 aria-atomic="true" 12971 ref="liveRegion" 12972 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10113707147581-AVmhSaDh1RlIzQ2t2Y__card-gallery-14" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 12973 type="hidden" 12974 name="id" 12975 ref="variantId" 12976 value="50895908929853" 12977 12978 > 12979 <input 12980 type="hidden" 12981 name="quantity" 12982 value="1" 12983 > 12984 12985 <add-to-cart-component 12986 ref="addToCartButtonContainer" 12987 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&width=100" 12988 data-add-to-cart-animation="true" 12989> 12990 <button 12991 12992 type="submit" 12993 name="add" 12994 ref="addToCartButton" 12995 on:click="/handleClick" 12996 class="button button quick-add__button quick-add__button--add add-to-cart-button" 12997 12998 12999 > 13000 <span 13001 class="add-to-cart-text" 13002 > 13003 13004 <span 13005 aria-hidden="true" 13006 class="svg-wrapper add-to-cart-icon" 13007 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 13008</span> 13009 13010 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 13011 <span> 13012 <span>Add</span> 13013 </span> 13014 </span> 13015 </span> 13016 13017 <span class="add-to-cart__added"> 13018 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 13019 <g class="check"> 13020 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 13021 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 13022 </g> 13023 <g class="burst"> 13024 <g style="--index: 0;"> 13025 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13026 </g> 13027 <g style="--index: 1;"> 13028 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13029 </g> 13030 <g style="--index: 2;"> 13031 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13032 </g> 13033 <g style="--index: 3;"> 13034 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13035 </g> 13036 <g style="--index: 4;"> 13037 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13038 </g> 13039 <g style="--index: 5;"> 13040 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13041 </g> 13042 <g style="--index: 6;"> 13043 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13044 </g> 13045 <g style="--index: 7;"> 13046 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13047 </g> 13048 </g> 13049</svg> 13050</span> 13051 </span> 13052 </button> 13053</add-to-cart-component> 13054 13055 13056 <button 13057 class="button quick-add__button quick-add__button--choose add-to-cart-button" 13058 13059 type="button" 13060 name="add" 13061 on:click="quick-add-component/handleClick" 13062 >
13063 <span 13064 class="add-to-cart-text" 13065 > 13066 13067 <span 13068 aria-hidden="true" 13069 class="svg-wrapper add-to-cart-icon" 13070 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 13071</span> 13072 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 13073 <span> 13074 13075 <span> 13076 Choose 13077 </span> 13078 </span> 13079 </span> 13080 </span> 13081 </button><input type="hidden" name="product-id" value="10113707147581" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 13082</quick-add-component> 13083 13084 13085 13086 13087 13088 13089</div> 13090 13091 13092 13093 13094 13095<div class="product-grid-view-zoom-out--details"> 13096 13097 <h3 class="h4">Golden Hour</h3> 13098 13099</div> 13100 13101 13102 13103 13104 13105 13106 13107 13108<div 13109 class=" 13110 group-block 13111 group-block--height-fit 13112 group-block--width-fill 13113 border-style 13114 spacing-style 13115 size-style 13116 13117 13118 " 13119 style=" 13120 --border-width: 1px; --border-style: none; --border-color: 13121rgb(var(--color-border-rgb) / 1.0); --border-radius: 131220px; 13123 13124 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13125 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 13126 13127 " 13128 13129 data-testid="group-block" 13130><div class="group-block__media-wrapper"> 13131 13132 13133 13134 13135 13136 </div> 13137 13138 <div 13139 class=" 13140 group-block-content 13141 13142 layout-panel-flex 13143 layout-panel-flex--row 13144 mobile-column 13145 " 13146 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 13147 13148--gap: 12px; 13149 13150--horizontal-alignment: space-between; --vertical-alignment: flex-start; 13151--vertical-alignment-mobile: flex-start; 13152" 13153 > 13154 13155 13156 13157 13158<div 13159 class=" 13160 group-block 13161 group-block--height-fit 13162 group-block--width-custom 13163 border-style 13164 spacing-style 13165 size-style 13166 13167 13168 " 13169 style=" 13170 --border-width: 1px; --border-style: none; --border-color: 13171rgb(var(--color-border-rgb) / 1.0); --border-radius: 131720px; 13173 13174 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13175 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 13176 13177 " 13178 13179 data-testid="group-block" 13180><div class="group-block__media-wrapper"> 13181 13182 13183 13184 13185 13186 </div> 13187 13188 <div 13189 class=" 13190 group-block-content 13191 13192 layout-panel-flex 13193 layout-panel-flex--column 13194 mobile-column 13195 " 13196 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 13197 13198--gap: 0px; 13199 13200--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 13201--vertical-alignment-mobile: flex-start; 13202" 13203 > 13204 13205 13206 13207 13208 <a 13209 class="contents user-select-text" 13210 ref="productTitleLink" 13211 href="/products/coastal-cashmere-yarn-golden-hour?variant=50895908929853" 13212 > 13213 13214 13215 13216 13217 13218 13219 13220 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-14 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 13221 <p>Golden Hour</p> 13222 </div> 13223 13224 13225 13226 13227 </a> 13228 13229 13230 13231 13232 13233 13234<product-price 13235 class="text-block text-block--align-left text-left h5 spacing-style" 13236 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-14" 13237 data-product-id="10113707147581" 13238 style=" 13239 13240--color: var(--color-foreground); 13241 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13242 --width: 100%; 13243 " 13244 13245> 13246 <div ref="priceContainer"> 13247 13248 13249 13250 13251
13252 <span class="price">$52.00</span> 13253 13254 13255 13256 13257</div> 13258 13259 13260</product-price> 13261 13262 13263 13264 13265 13266 13267 13268</div> 13269</div> 13270 13271 13272 13273 13274 13275 13276 13277 13278 13279<div 13280 class=" 13281 group-block 13282 group-block--height-fit 13283 group-block--width-fill 13284 border-style 13285 spacing-style 13286 size-style 13287 13288 13289 " 13290 style=" 13291 --border-width: 1px; --border-style: none; --border-color: 13292rgb(var(--color-border-rgb) / 1.0); --border-radius: 132930px; 13294 13295 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13296 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 13297 13298 " 13299 13300 data-testid="group-block" 13301><div class="group-block__media-wrapper"> 13302 13303 13304 13305 13306 13307 </div> 13308 13309 <div 13310 class=" 13311 group-block-content 13312 13313 layout-panel-flex 13314 layout-panel-flex--column 13315 mobile-column 13316 " 13317 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 13318 13319--gap: 0px; 13320 13321--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 13322--vertical-alignment-mobile: flex-start; 13323" 13324 > 13325 13326 13327 13328 13329 13330 13331 13332 13333</div> 13334</div> 13335 13336 13337 13338 13339 13340 13341</div> 13342</div> 13343 13344 13345 13346 13347 13348 13349 13350 </div> 13351</product-card> 13352 13353 13354 13355 13356 13357 13358 13359 </li> 13360 13361 <li 13362 id="template--26673864704317__main-10523946811709" 13363 class="product-grid__item product-grid__item--15" 13364 data-page="1" 13365 data-product-id="10523946811709" 13366 ref="cards[]" 13367 > 13368 13369 13370 13371 13372 13373 13374 13375<style data-shopify> 13376 13377</style> 13378 13379 13380 13381<product-card 13382 class="product-card size-style" 13383 style="--size-style-width: ;--size-style-height: ;" 13384 data-product-id="10523946811709" 13385 id="product-card-AL0tpbE54MnF3MmVqM__product-card-15" 13386 13387 data-product-transition="true" 13388 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=500" 13389 on:click="/handleViewTransition" 13390 13391 13392 13393> 13394 <a 13395 id="0bf1657dc62653b6f7c2f547862642f4" 13396 13397 href="/products/sunbeam?variant=53124509335869" 13398 13399 class="product-card__link" 13400 ref="productCardLink" 13401 > 13402 <span class="visually-hidden"> 13403 Sunbeam 13404 </span> 13405 </a> 13406 <div 13407 class=" 13408 product-card__content 13409 layout-panel-flex 13410 layout-panel-flex--column 13411 product-grid__card 13412 spacing-style 13413 border-style 13414 gap-style 13415 13416 " 13417 style=" 13418 --border-width: 1px; --border-style: none; --border-color: 13419rgb(var(--color-border-rgb) / 1.0); --border-radius: 134200px; 13421 13422 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 13423 13424 13425 13426--horizontal-alignment: ; --vertical-alignment: ; 13427--vertical-alignment-mobile: ; 13428 13429 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13430 --product-card-gap: 8px; 13431 --quick-add-display: flex; 13432 --quick-add-mobile-display: flex; 13433 --quick-add-mobile-opacity: 1; 13434 13435 13436 13437 13438 " 13439 > 13440 13441 13442 13443 13444 13445 13446 13447 13448 13449<div 13450 ref="cardGallery" 13451 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-15 spacing-style border-style" 13452 style=" 13453 --border-width: 1px; --border-style: none; --border-color: 13454rgb(var(--color-border-rgb) / 1.0); --border-radius: 134550px; 13456 13457 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13458 --gallery-aspect-ratio: 1; 13459 " 13460 data-product-id="10523946811709" 13461 13462 on:pointerenter="/previewImage" 13463 on:pointerleave="/resetImage" 13464 13465 13466 data-view-transition-to-main-product 13467 13468 data-image-ratio="square" 13469 13470> 13471 <a 13472 class="contents" 13473 ref="cardGalleryLink" 13474 href="/products/sunbeam?variant=53124509335869" 13475 aria-label="Sunbeam" 13476 > 13477 <slideshow-component 13478 13479 ref="slideshow" 13480 13481 13482 style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;" 13483 13484 initial-slide="0" 13485 13486 13487 infinite 13488 13489 13490 data-generic-media-size="2" 13491> 13492 13493 <slideshow-container ref="slideshowContainer"> 13494 13495 13496 <slideshow-slides 13497 tabindex="-1" 13498 ref="scroller" 13499 13500 > 13501 <slideshow-slide 13502 ref="slides[]" 13503 aria-hidden="false" 13504 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 13505 13506 class="product-media-container media-fit product-media-container--image" 13507 13508 13509 13510 13511 slide-id="53470744183101" 13512 13513 13514 13515 13516> 13517 13518 13519<div 13520 class="product-media" 13521 style="--ratio: 1.0" 13522 data-media-id="53470744183101" 13523> 13524 13525 <img src="//www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=3840" alt="Sunbeam" srcset="//www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 13526 13527 13528</div> 13529 13530 13531 13532</slideshow-slide> 13533<slideshow-slide 13534 ref="slides[]" 13535 aria-hidden="true" 13536 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 13537 13538 class="product-media-container media-fit product-media-container--image" 13539 13540 13541 13542 13543 slide-id="53658188906813" 13544 13545 13546 13547 13548> 13549 13550 13551<div 13552 class="product-media" 13553 style="--ratio: 1.0" 13554 data-media-id="53658188906813" 13555> 13556 13557 <img src="//www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&width=3840" alt="Sunbeam" srcset="//www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 13558 13559 13560</div> 13561 13562 13563 13564</slideshow-slide> 13565 13566 </slideshow-slides> 13567 </slideshow-container> 13568 13569</slideshow-component> 13570 13571 13572 13573 </a> 13574 13575 13576 <div 13577 class="product-badges product-badges--top-left" 13578 style=" 13579 --badge-border-radius: 0px; 13580 --badge-font-family: var(--font-body--family);
13580 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 13581 " 13582 ></div> 13583 13584 13585 13586<quick-add-component 13587 class="quick-add color-scheme-1 " 13588 ref="quickAdd" 13589 data-product-title="Sunbeam" 13590 data-quick-add-button="add" 13591 data-product-options-count="1" 13592> 13593 <product-form-component 13594 data-section-id="template--26673864704317__main" 13595 data-product-id="10523946811709" 13596 on:submit="/handleSubmit" 13597 class="quick-add__product-form-component" 13598 > 13599 <div 13600 class="visually-hidden" 13601 aria-live="assertive" 13602 role="status" 13603 aria-atomic="true" 13604 ref="liveRegion" 13605 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10523946811709-AVmhSaDh1RlIzQ2t2Y__card-gallery-15" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 13606 type="hidden" 13607 name="id" 13608 ref="variantId" 13609 value="53124509335869" 13610 13611 > 13612 <input 13613 type="hidden" 13614 name="quantity" 13615 value="1" 13616 > 13617 13618 <add-to-cart-component 13619 ref="addToCartButtonContainer" 13620 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&width=100" 13621 data-add-to-cart-animation="true" 13622> 13623 <button 13624 13625 type="submit" 13626 name="add" 13627 ref="addToCartButton" 13628 on:click="/handleClick" 13629 class="button button quick-add__button quick-add__button--add add-to-cart-button" 13630 13631 13632 > 13633 <span 13634 class="add-to-cart-text" 13635 > 13636 13637 <span 13638 aria-hidden="true" 13639 class="svg-wrapper add-to-cart-icon" 13640 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 13641</span> 13642 13643 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 13644 <span> 13645 <span>Add</span> 13646 </span> 13647 </span> 13648 </span> 13649 13650 <span class="add-to-cart__added"> 13651 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 13652 <g class="check"> 13653 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 13654 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 13655 </g> 13656 <g class="burst"> 13657 <g style="--index: 0;"> 13658 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13659 </g> 13660 <g style="--index: 1;"> 13661 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13662 </g> 13663 <g style="--index: 2;"> 13664 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13665 </g> 13666 <g style="--index: 3;"> 13667 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13668 </g> 13669 <g style="--index: 4;"> 13670 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13671 </g> 13672 <g style="--index: 5;"> 13673 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13674 </g> 13675 <g style="--index: 6;"> 13676 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13677 </g> 13678 <g style="--index: 7;"> 13679 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 13680 </g> 13681 </g> 13682</svg> 13683</span> 13684 </span> 13685 </button> 13686</add-to-cart-component> 13687 13688 13689 <button 13690 class="button quick-add__button quick-add__button--choose add-to-cart-button" 13691 13692 type="button" 13693 name="add" 13694 on:click="quick-add-component/handleClick" 13695 >
13696 <span 13697 class="add-to-cart-text" 13698 > 13699 13700 <span 13701 aria-hidden="true" 13702 class="svg-wrapper add-to-cart-icon" 13703 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 13704</span> 13705 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 13706 <span> 13707 13708 <span> 13709 Choose 13710 </span> 13711 </span> 13712 </span> 13713 </span> 13714 </button><input type="hidden" name="product-id" value="10523946811709" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 13715</quick-add-component> 13716 13717 13718 13719 13720 13721 13722</div> 13723 13724 13725 13726 13727 13728<div class="product-grid-view-zoom-out--details"> 13729 13730 <h3 class="h4">Sunbeam</h3> 13731 13732</div> 13733 13734 13735 13736 13737 13738 13739 13740 13741<div 13742 class=" 13743 group-block 13744 group-block--height-fit 13745 group-block--width-fill 13746 border-style 13747 spacing-style 13748 size-style 13749 13750 13751 " 13752 style=" 13753 --border-width: 1px; --border-style: none; --border-color: 13754rgb(var(--color-border-rgb) / 1.0); --border-radius: 137550px; 13756 13757 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13758 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 13759 13760 " 13761 13762 data-testid="group-block" 13763><div class="group-block__media-wrapper"> 13764 13765 13766 13767 13768 13769 </div> 13770 13771 <div 13772 class=" 13773 group-block-content 13774 13775 layout-panel-flex 13776 layout-panel-flex--row 13777 mobile-column 13778 " 13779 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 13780 13781--gap: 12px; 13782 13783--horizontal-alignment: space-between; --vertical-alignment: flex-start; 13784--vertical-alignment-mobile: flex-start; 13785" 13786 > 13787 13788 13789 13790 13791<div 13792 class=" 13793 group-block 13794 group-block--height-fit 13795 group-block--width-custom 13796 border-style 13797 spacing-style 13798 size-style 13799 13800 13801 " 13802 style=" 13803 --border-width: 1px; --border-style: none; --border-color: 13804rgb(var(--color-border-rgb) / 1.0); --border-radius: 138050px; 13806 13807 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13808 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 13809 13810 " 13811 13812 data-testid="group-block" 13813><div class="group-block__media-wrapper"> 13814 13815 13816 13817 13818 13819 </div> 13820 13821 <div 13822 class=" 13823 group-block-content 13824 13825 layout-panel-flex 13826 layout-panel-flex--column 13827 mobile-column 13828 " 13829 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 13830 13831--gap: 0px; 13832 13833--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 13834--vertical-alignment-mobile: flex-start; 13835" 13836 > 13837 13838 13839 13840 13841 <a 13842 class="contents user-select-text" 13843 ref="productTitleLink" 13844 href="/products/sunbeam?variant=53124509335869" 13845 > 13846 13847 13848 13849 13850 13851 13852 13853 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-15 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 13854 <p>Sunbeam</p> 13855 </div> 13856 13857 13858 13859 13860 </a> 13861 13862 13863 13864 13865 13866 13867<product-price 13868 class="text-block text-block--align-left text-left h5 spacing-style" 13869 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-15" 13870 data-product-id="10523946811709" 13871 style=" 13872 13873--color: var(--color-foreground); 13874 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13875 --width: 100%; 13876 " 13877 13878> 13879 <div ref="priceContainer"> 13880 13881 13882 13883 13884
13885 <span class="price">$52.00</span> 13886 13887 13888 13889 13890</div> 13891 13892 13893</product-price> 13894 13895 13896 13897 13898 13899 13900 13901</div> 13902</div> 13903 13904 13905 13906 13907 13908 13909 13910 13911 13912<div 13913 class=" 13914 group-block 13915 group-block--height-fit 13916 group-block--width-fill 13917 border-style 13918 spacing-style 13919 size-style 13920 13921 13922 " 13923 style=" 13924 --border-width: 1px; --border-style: none; --border-color: 13925rgb(var(--color-border-rgb) / 1.0); --border-radius: 139260px; 13927 13928 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 13929 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 13930 13931 " 13932 13933 data-testid="group-block" 13934><div class="group-block__media-wrapper"> 13935 13936 13937 13938 13939 13940 </div> 13941 13942 <div 13943 class=" 13944 group-block-content 13945 13946 layout-panel-flex 13947 layout-panel-flex--column 13948 mobile-column 13949 " 13950 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 13951 13952--gap: 0px; 13953 13954--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 13955--vertical-alignment-mobile: flex-start; 13956" 13957 > 13958 13959 13960 13961 13962 13963 13964 13965 13966</div> 13967</div> 13968 13969 13970 13971 13972 13973 13974</div> 13975</div> 13976 13977 13978 13979 13980 13981 13982 13983 </div> 13984</product-card> 13985 13986 13987 13988 13989 13990 13991 13992 </li> 13993 13994 <li 13995 id="template--26673864704317__main-9360765223229" 13996 class="product-grid__item product-grid__item--16" 13997 data-page="1" 13998 data-product-id="9360765223229" 13999 ref="cards[]" 14000 > 14001 14002 14003 14004 14005 14006 14007 14008<style data-shopify> 14009 14010</style> 14011 14012 14013 14014<product-card 14015 class="product-card size-style" 14016 style="--size-style-width: ;--size-style-height: ;" 14017 data-product-id="9360765223229" 14018 id="product-card-AL0tpbE54MnF3MmVqM__product-card-16" 14019 14020 data-product-transition="true" 14021 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=500" 14022 on:click="/handleViewTransition" 14023 14024 14025 14026> 14027 <a 14028 id="a65b870ccc33c82581684dbe457a7110" 14029 14030 href="/products/coastal-cashmere-yarn-good-morning?variant=48601602720061" 14031 14032 class="product-card__link" 14033 ref="productCardLink" 14034 > 14035 <span class="visually-hidden"> 14036 Good Morning 14037 </span> 14038 </a> 14039 <div 14040 class=" 14041 product-card__content 14042 layout-panel-flex 14043 layout-panel-flex--column 14044 product-grid__card 14045 spacing-style 14046 border-style 14047 gap-style 14048 14049 " 14050 style=" 14051 --border-width: 1px; --border-style: none; --border-color: 14052rgb(var(--color-border-rgb) / 1.0); --border-radius: 140530px; 14054 14055 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 14056 14057 14058 14059--horizontal-alignment: ; --vertical-alignment: ; 14060--vertical-alignment-mobile: ; 14061 14062 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14063 --product-card-gap: 8px; 14064 --quick-add-display: flex; 14065 --quick-add-mobile-display: flex; 14066 --quick-add-mobile-opacity: 1; 14067 14068 14069 14070 14071 " 14072 > 14073 14074 14075 14076 14077 14078 14079 14080 14081 14082<div 14083 ref="cardGallery" 14084 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-16 spacing-style border-style" 14085 style=" 14086 --border-width: 1px; --border-style: none; --border-color: 14087rgb(var(--color-border-rgb) / 1.0); --border-radius: 140880px; 14089 14090 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14091 --gallery-aspect-ratio: 1; 14092 " 14093 data-product-id="9360765223229" 14094 14095 on:pointerenter="/previewImage" 14096 on:pointerleave="/resetImage" 14097 14098 14099 data-view-transition-to-main-product 14100 14101 data-image-ratio="square" 14102 14103> 14104 <a 14105 class="contents" 14106 ref="cardGalleryLink" 14107 href="/products/coastal-cashmere-yarn-good-morning?variant=48601602720061" 14108 aria-label="Good Morning" 14109 > 14110 <slideshow-component 14111 14112 ref="slideshow" 14113 14114 14115 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 14116 14117 initial-slide="0" 14118 14119 14120 infinite 14121 14122 14123 data-generic-media-size="1" 14124> 14125 14126 <slideshow-container ref="slideshowContainer"> 14127 14128 14129 <slideshow-slides 14130 tabindex="-1" 14131 ref="scroller" 14132 14133 > 14134 <slideshow-slide 14135 ref="slides[]" 14136 aria-hidden="false" 14137 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 14138 14139 class="product-media-container media-fit product-media-container--image" 14140 14141 14142 14143 14144 slide-id="49920412483901" 14145 14146 14147 14148 14149> 14150 14151 14152<div 14153 class="product-media" 14154 style="--ratio: 1.0" 14155 data-media-id="49920412483901" 14156> 14157 14158 <img src="//www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840" alt="Good Morning" srcset="//www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 14159 14160 14161</div> 14162 14163 14164 14165</slideshow-slide> 14166 14167 </slideshow-slides> 14168 </slideshow-container> 14169 14170</slideshow-component> 14171 14172 14173 14174 </a> 14175 14176 14177 <div 14178 class="product-badges product-badges--top-left" 14179 style=" 14180 --badge-border-radius: 0px; 14181 --badge-font-family: var(--font-body--family);
14181 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 14182 " 14183 ></div> 14184 14185 14186 14187<quick-add-component 14188 class="quick-add color-scheme-1 " 14189 ref="quickAdd" 14190 data-product-title="Good Morning" 14191 data-quick-add-button="add" 14192 data-product-options-count="1" 14193> 14194 <product-form-component 14195 data-section-id="template--26673864704317__main" 14196 data-product-id="9360765223229" 14197 on:submit="/handleSubmit" 14198 class="quick-add__product-form-component" 14199 > 14200 <div 14201 class="visually-hidden" 14202 aria-live="assertive" 14203 role="status" 14204 aria-atomic="true" 14205 ref="liveRegion" 14206 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9360765223229-AVmhSaDh1RlIzQ2t2Y__card-gallery-16" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 14207 type="hidden" 14208 name="id" 14209 ref="variantId" 14210 value="48601602720061" 14211 14212 > 14213 <input 14214 type="hidden" 14215 name="quantity" 14216 value="1" 14217 > 14218 14219 <add-to-cart-component 14220 ref="addToCartButtonContainer" 14221 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=100" 14222 data-add-to-cart-animation="true" 14223> 14224 <button 14225 14226 type="submit" 14227 name="add" 14228 ref="addToCartButton" 14229 on:click="/handleClick" 14230 class="button button quick-add__button quick-add__button--add add-to-cart-button" 14231 14232 14233 > 14234 <span 14235 class="add-to-cart-text" 14236 > 14237 14238 <span 14239 aria-hidden="true" 14240 class="svg-wrapper add-to-cart-icon" 14241 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 14242</span> 14243 14244 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 14245 <span> 14246 <span>Add</span> 14247 </span> 14248 </span> 14249 </span> 14250 14251 <span class="add-to-cart__added"> 14252 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 14253 <g class="check"> 14254 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 14255 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 14256 </g> 14257 <g class="burst"> 14258 <g style="--index: 0;"> 14259 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14260 </g> 14261 <g style="--index: 1;"> 14262 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14263 </g> 14264 <g style="--index: 2;"> 14265 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14266 </g> 14267 <g style="--index: 3;"> 14268 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14269 </g> 14270 <g style="--index: 4;"> 14271 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14272 </g> 14273 <g style="--index: 5;"> 14274 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14275 </g> 14276 <g style="--index: 6;"> 14277 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14278 </g> 14279 <g style="--index: 7;"> 14280 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14281 </g> 14282 </g> 14283</svg> 14284</span> 14285 </span> 14286 </button> 14287</add-to-cart-component> 14288 14289 14290 <button 14291 class="button quick-add__button quick-add__button--choose add-to-cart-button" 14292 14293 type="button" 14294 name="add" 14295 on:click="quick-add-component/handleClick" 14296 >
14297 <span 14298 class="add-to-cart-text" 14299 > 14300 14301 <span 14302 aria-hidden="true" 14303 class="svg-wrapper add-to-cart-icon" 14304 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 14305</span> 14306 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 14307 <span> 14308 14309 <span> 14310 Choose 14311 </span> 14312 </span> 14313 </span> 14314 </span> 14315 </button><input type="hidden" name="product-id" value="9360765223229" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 14316</quick-add-component> 14317 14318 14319 14320 14321 14322 14323</div> 14324 14325 14326 14327 14328 14329<div class="product-grid-view-zoom-out--details"> 14330 14331 <h3 class="h4">Good Morning</h3> 14332 14333</div> 14334 14335 14336 14337 14338 14339 14340 14341 14342<div 14343 class=" 14344 group-block 14345 group-block--height-fit 14346 group-block--width-fill 14347 border-style 14348 spacing-style 14349 size-style 14350 14351 14352 " 14353 style=" 14354 --border-width: 1px; --border-style: none; --border-color: 14355rgb(var(--color-border-rgb) / 1.0); --border-radius: 143560px; 14357 14358 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14359 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 14360 14361 " 14362 14363 data-testid="group-block" 14364><div class="group-block__media-wrapper"> 14365 14366 14367 14368 14369 14370 </div> 14371 14372 <div 14373 class=" 14374 group-block-content 14375 14376 layout-panel-flex 14377 layout-panel-flex--row 14378 mobile-column 14379 " 14380 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 14381 14382--gap: 12px; 14383 14384--horizontal-alignment: space-between; --vertical-alignment: flex-start; 14385--vertical-alignment-mobile: flex-start; 14386" 14387 > 14388 14389 14390 14391 14392<div 14393 class=" 14394 group-block 14395 group-block--height-fit 14396 group-block--width-custom 14397 border-style 14398 spacing-style 14399 size-style 14400 14401 14402 " 14403 style=" 14404 --border-width: 1px; --border-style: none; --border-color: 14405rgb(var(--color-border-rgb) / 1.0); --border-radius: 144060px; 14407 14408 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14409 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 14410 14411 " 14412 14413 data-testid="group-block" 14414><div class="group-block__media-wrapper"> 14415 14416 14417 14418 14419 14420 </div> 14421 14422 <div 14423 class=" 14424 group-block-content 14425 14426 layout-panel-flex 14427 layout-panel-flex--column 14428 mobile-column 14429 " 14430 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 14431 14432--gap: 0px; 14433 14434--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 14435--vertical-alignment-mobile: flex-start; 14436" 14437 > 14438 14439 14440 14441 14442 <a 14443 class="contents user-select-text" 14444 ref="productTitleLink" 14445 href="/products/coastal-cashmere-yarn-good-morning?variant=48601602720061" 14446 > 14447 14448 14449 14450 14451 14452 14453 14454 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-16 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 14455 <p>Good Morning</p> 14456 </div> 14457 14458 14459 14460 14461 </a> 14462 14463 14464 14465 14466 14467 14468<product-price 14469 class="text-block text-block--align-left text-left h5 spacing-style" 14470 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-16" 14471 data-product-id="9360765223229" 14472 style=" 14473 14474--color: var(--color-foreground); 14475 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14476 --width: 100%; 14477 " 14478 14479> 14480 <div ref="priceContainer"> 14481 14482 14483 14484 14485
14486 <span class="price">$52.00</span> 14487 14488 14489 14490 14491</div> 14492 14493 14494</product-price> 14495 14496 14497 14498 14499 14500 14501 14502</div> 14503</div> 14504 14505 14506 14507 14508 14509 14510 14511 14512 14513<div 14514 class=" 14515 group-block 14516 group-block--height-fit 14517 group-block--width-fill 14518 border-style 14519 spacing-style 14520 size-style 14521 14522 14523 " 14524 style=" 14525 --border-width: 1px; --border-style: none; --border-color: 14526rgb(var(--color-border-rgb) / 1.0); --border-radius: 145270px; 14528 14529 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14530 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 14531 14532 " 14533 14534 data-testid="group-block" 14535><div class="group-block__media-wrapper"> 14536 14537 14538 14539 14540 14541 </div> 14542 14543 <div 14544 class=" 14545 group-block-content 14546 14547 layout-panel-flex 14548 layout-panel-flex--column 14549 mobile-column 14550 " 14551 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 14552 14553--gap: 0px; 14554 14555--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 14556--vertical-alignment-mobile: flex-start; 14557" 14558 > 14559 14560 14561 14562 14563 14564 14565 14566 14567</div> 14568</div> 14569 14570 14571 14572 14573 14574 14575</div> 14576</div> 14577 14578 14579 14580 14581 14582 14583 14584 </div> 14585</product-card> 14586 14587 14588 14589 14590 14591 14592 14593 </li> 14594 14595 <li 14596 id="template--26673864704317__main-9360762339645" 14597 class="product-grid__item product-grid__item--17" 14598 data-page="1" 14599 data-product-id="9360762339645" 14600 ref="cards[]" 14601 > 14602 14603 14604 14605 14606 14607 14608 14609<style data-shopify> 14610 14611</style> 14612 14613 14614 14615<product-card 14616 class="product-card size-style" 14617 style="--size-style-width: ;--size-style-height: ;" 14618 data-product-id="9360762339645" 14619 id="product-card-AL0tpbE54MnF3MmVqM__product-card-17" 14620 14621 data-product-transition="true" 14622 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=500" 14623 on:click="/handleViewTransition" 14624 14625 14626 14627> 14628 <a 14629 id="f9189e156e6a45229bd4fb4135a0e6c9" 14630 14631 href="/products/coastal-cashmere-yarn-mauve-sunset?variant=48601594003773" 14632 14633 class="product-card__link" 14634 ref="productCardLink" 14635 > 14636 <span class="visually-hidden"> 14637 Mauve Sunset 14638 </span> 14639 </a> 14640 <div 14641 class=" 14642 product-card__content 14643 layout-panel-flex 14644 layout-panel-flex--column 14645 product-grid__card 14646 spacing-style 14647 border-style 14648 gap-style 14649 14650 " 14651 style=" 14652 --border-width: 1px; --border-style: none; --border-color: 14653rgb(var(--color-border-rgb) / 1.0); --border-radius: 146540px; 14655 14656 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 14657 14658 14659 14660--horizontal-alignment: ; --vertical-alignment: ; 14661--vertical-alignment-mobile: ; 14662 14663 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14664 --product-card-gap: 8px; 14665 --quick-add-display: flex; 14666 --quick-add-mobile-display: flex; 14667 --quick-add-mobile-opacity: 1; 14668 14669 14670 14671 14672 " 14673 > 14674 14675 14676 14677 14678 14679 14680 14681 14682 14683<div 14684 ref="cardGallery" 14685 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-17 spacing-style border-style" 14686 style=" 14687 --border-width: 1px; --border-style: none; --border-color: 14688rgb(var(--color-border-rgb) / 1.0); --border-radius: 146890px; 14690 14691 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14692 --gallery-aspect-ratio: 1; 14693 " 14694 data-product-id="9360762339645" 14695 14696 on:pointerenter="/previewImage" 14697 on:pointerleave="/resetImage" 14698 14699 14700 data-view-transition-to-main-product 14701 14702 data-image-ratio="square" 14703 14704> 14705 <a 14706 class="contents" 14707 ref="cardGalleryLink" 14708 href="/products/coastal-cashmere-yarn-mauve-sunset?variant=48601594003773" 14709 aria-label="Mauve Sunset" 14710 > 14711 <slideshow-component 14712 14713 ref="slideshow" 14714 14715 14716 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 14717 14718 initial-slide="0" 14719 14720 14721 infinite 14722 14723 14724 data-generic-media-size="1" 14725> 14726 14727 <slideshow-container ref="slideshowContainer"> 14728 14729 14730 <slideshow-slides 14731 tabindex="-1" 14732 ref="scroller" 14733 14734 > 14735 <slideshow-slide 14736 ref="slides[]" 14737 aria-hidden="false" 14738 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 14739 14740 class="product-media-container media-fit product-media-container--image" 14741 14742 14743 14744 14745 slide-id="49920412516669" 14746 14747 14748 14749 14750> 14751 14752 14753<div 14754 class="product-media" 14755 style="--ratio: 1.0" 14756 data-media-id="49920412516669" 14757> 14758 14759 <img src="//www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840" alt="Mauve Sunset" srcset="//www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 14760 14761 14762</div> 14763 14764 14765 14766</slideshow-slide> 14767 14768 </slideshow-slides> 14769 </slideshow-container> 14770 14771</slideshow-component> 14772 14773 14774 14775 </a> 14776 14777 14778 <div 14779 class="product-badges product-badges--top-left" 14780 style=" 14781 --badge-border-radius: 0px; 14782 --badge-font-family: var(--font-body--family);
14782 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 14783 " 14784 ></div> 14785 14786 14787 14788<quick-add-component 14789 class="quick-add color-scheme-1 " 14790 ref="quickAdd" 14791 data-product-title="Mauve Sunset" 14792 data-quick-add-button="add" 14793 data-product-options-count="1" 14794> 14795 <product-form-component 14796 data-section-id="template--26673864704317__main" 14797 data-product-id="9360762339645" 14798 on:submit="/handleSubmit" 14799 class="quick-add__product-form-component" 14800 > 14801 <div 14802 class="visually-hidden" 14803 aria-live="assertive" 14804 role="status" 14805 aria-atomic="true" 14806 ref="liveRegion" 14807 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9360762339645-AVmhSaDh1RlIzQ2t2Y__card-gallery-17" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 14808 type="hidden" 14809 name="id" 14810 ref="variantId" 14811 value="48601594003773" 14812 14813 > 14814 <input 14815 type="hidden" 14816 name="quantity" 14817 value="1" 14818 > 14819 14820 <add-to-cart-component 14821 ref="addToCartButtonContainer" 14822 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&width=100" 14823 data-add-to-cart-animation="true" 14824> 14825 <button 14826 14827 type="submit" 14828 name="add" 14829 ref="addToCartButton" 14830 on:click="/handleClick" 14831 class="button button quick-add__button quick-add__button--add add-to-cart-button" 14832 14833 14834 > 14835 <span 14836 class="add-to-cart-text" 14837 > 14838 14839 <span 14840 aria-hidden="true" 14841 class="svg-wrapper add-to-cart-icon" 14842 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 14843</span> 14844 14845 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 14846 <span> 14847 <span>Add</span> 14848 </span> 14849 </span> 14850 </span> 14851 14852 <span class="add-to-cart__added"> 14853 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 14854 <g class="check"> 14855 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 14856 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 14857 </g> 14858 <g class="burst"> 14859 <g style="--index: 0;"> 14860 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14861 </g> 14862 <g style="--index: 1;"> 14863 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14864 </g> 14865 <g style="--index: 2;"> 14866 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14867 </g> 14868 <g style="--index: 3;"> 14869 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14870 </g> 14871 <g style="--index: 4;"> 14872 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14873 </g> 14874 <g style="--index: 5;"> 14875 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14876 </g> 14877 <g style="--index: 6;"> 14878 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14879 </g> 14880 <g style="--index: 7;"> 14881 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 14882 </g> 14883 </g> 14884</svg> 14885</span> 14886 </span> 14887 </button> 14888</add-to-cart-component> 14889 14890 14891 <button 14892 class="button quick-add__button quick-add__button--choose add-to-cart-button" 14893 14894 type="button" 14895 name="add" 14896 on:click="quick-add-component/handleClick" 14897 >
14898 <span 14899 class="add-to-cart-text" 14900 > 14901 14902 <span 14903 aria-hidden="true" 14904 class="svg-wrapper add-to-cart-icon" 14905 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 14906</span> 14907 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 14908 <span> 14909 14910 <span> 14911 Choose 14912 </span> 14913 </span> 14914 </span> 14915 </span> 14916 </button><input type="hidden" name="product-id" value="9360762339645" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 14917</quick-add-component> 14918 14919 14920 14921 14922 14923 14924</div> 14925 14926 14927 14928 14929 14930<div class="product-grid-view-zoom-out--details"> 14931 14932 <h3 class="h4">Mauve Sunset</h3> 14933 14934</div> 14935 14936 14937 14938 14939 14940 14941 14942 14943<div 14944 class=" 14945 group-block 14946 group-block--height-fit 14947 group-block--width-fill 14948 border-style 14949 spacing-style 14950 size-style 14951 14952 14953 " 14954 style=" 14955 --border-width: 1px; --border-style: none; --border-color: 14956rgb(var(--color-border-rgb) / 1.0); --border-radius: 149570px; 14958 14959 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 14960 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 14961 14962 " 14963 14964 data-testid="group-block" 14965><div class="group-block__media-wrapper"> 14966 14967 14968 14969 14970 14971 </div> 14972 14973 <div 14974 class=" 14975 group-block-content 14976 14977 layout-panel-flex 14978 layout-panel-flex--row 14979 mobile-column 14980 " 14981 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 14982 14983--gap: 12px; 14984 14985--horizontal-alignment: space-between; --vertical-alignment: flex-start; 14986--vertical-alignment-mobile: flex-start; 14987" 14988 > 14989 14990 14991 14992 14993<div 14994 class=" 14995 group-block 14996 group-block--height-fit 14997 group-block--width-custom 14998 border-style 14999 spacing-style 15000 size-style 15001 15002 15003 " 15004 style=" 15005 --border-width: 1px; --border-style: none; --border-color: 15006rgb(var(--color-border-rgb) / 1.0); --border-radius: 150070px; 15008 15009 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15010 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 15011 15012 " 15013 15014 data-testid="group-block" 15015><div class="group-block__media-wrapper"> 15016 15017 15018 15019 15020 15021 </div> 15022 15023 <div 15024 class=" 15025 group-block-content 15026 15027 layout-panel-flex 15028 layout-panel-flex--column 15029 mobile-column 15030 " 15031 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 15032 15033--gap: 0px; 15034 15035--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 15036--vertical-alignment-mobile: flex-start; 15037" 15038 > 15039 15040 15041 15042 15043 <a 15044 class="contents user-select-text" 15045 ref="productTitleLink" 15046 href="/products/coastal-cashmere-yarn-mauve-sunset?variant=48601594003773" 15047 > 15048 15049 15050 15051 15052 15053 15054 15055 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-17 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 15056 <p>Mauve Sunset</p> 15057 </div> 15058 15059 15060 15061 15062 </a> 15063 15064 15065 15066 15067 15068 15069<product-price 15070 class="text-block text-block--align-left text-left h5 spacing-style" 15071 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-17" 15072 data-product-id="9360762339645" 15073 style=" 15074 15075--color: var(--color-foreground); 15076 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15077 --width: 100%; 15078 " 15079 15080> 15081 <div ref="priceContainer"> 15082 15083 15084 15085 15086
15087 <span class="price">$52.00</span> 15088 15089 15090 15091 15092</div> 15093 15094 15095</product-price> 15096 15097 15098 15099 15100 15101 15102 15103</div> 15104</div> 15105 15106 15107 15108 15109 15110 15111 15112 15113 15114<div 15115 class=" 15116 group-block 15117 group-block--height-fit 15118 group-block--width-fill 15119 border-style 15120 spacing-style 15121 size-style 15122 15123 15124 " 15125 style=" 15126 --border-width: 1px; --border-style: none; --border-color: 15127rgb(var(--color-border-rgb) / 1.0); --border-radius: 151280px; 15129 15130 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15131 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 15132 15133 " 15134 15135 data-testid="group-block" 15136><div class="group-block__media-wrapper"> 15137 15138 15139 15140 15141 15142 </div> 15143 15144 <div 15145 class=" 15146 group-block-content 15147 15148 layout-panel-flex 15149 layout-panel-flex--column 15150 mobile-column 15151 " 15152 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 15153 15154--gap: 0px; 15155 15156--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 15157--vertical-alignment-mobile: flex-start; 15158" 15159 > 15160 15161 15162 15163 15164 15165 15166 15167 15168</div> 15169</div> 15170 15171 15172 15173 15174 15175 15176</div> 15177</div> 15178 15179 15180 15181 15182 15183 15184 15185 </div> 15186</product-card> 15187 15188 15189 15190 15191 15192 15193 15194 </li> 15195 15196 <li 15197 id="template--26673864704317__main-10523792834877" 15198 class="product-grid__item product-grid__item--18" 15199 data-page="1" 15200 data-product-id="10523792834877" 15201 ref="cards[]" 15202 > 15203 15204 15205 15206 15207 15208 15209 15210<style data-shopify> 15211 15212</style> 15213 15214 15215 15216<product-card 15217 class="product-card size-style" 15218 style="--size-style-width: ;--size-style-height: ;" 15219 data-product-id="10523792834877" 15220 id="product-card-AL0tpbE54MnF3MmVqM__product-card-18" 15221 15222 data-product-transition="true" 15223 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=500" 15224 on:click="/handleViewTransition" 15225 15226 15227 15228> 15229 <a 15230 id="7fbd7ac9fd4bc5eccdbbd882aaa26114" 15231 15232 href="/products/sweet-pea?variant=53124326064445" 15233 15234 class="product-card__link" 15235 ref="productCardLink" 15236 > 15237 <span class="visually-hidden"> 15238 Sweet Pea 15239 </span> 15240 </a> 15241 <div 15242 class=" 15243 product-card__content 15244 layout-panel-flex 15245 layout-panel-flex--column 15246 product-grid__card 15247 spacing-style 15248 border-style 15249 gap-style 15250 15251 " 15252 style=" 15253 --border-width: 1px; --border-style: none; --border-color: 15254rgb(var(--color-border-rgb) / 1.0); --border-radius: 152550px; 15256 15257 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 15258 15259 15260 15261--horizontal-alignment: ; --vertical-alignment: ; 15262--vertical-alignment-mobile: ; 15263 15264 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15265 --product-card-gap: 8px; 15266 --quick-add-display: flex; 15267 --quick-add-mobile-display: flex; 15268 --quick-add-mobile-opacity: 1; 15269 15270 15271 15272 15273 " 15274 > 15275 15276 15277 15278 15279 15280 15281 15282 15283 15284<div 15285 ref="cardGallery" 15286 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-18 spacing-style border-style" 15287 style=" 15288 --border-width: 1px; --border-style: none; --border-color: 15289rgb(var(--color-border-rgb) / 1.0); --border-radius: 152900px; 15291 15292 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15293 --gallery-aspect-ratio: 1; 15294 " 15295 data-product-id="10523792834877" 15296 15297 on:pointerenter="/previewImage" 15298 on:pointerleave="/resetImage" 15299 15300 15301 data-view-transition-to-main-product 15302 15303 data-image-ratio="square" 15304 15305> 15306 <a 15307 class="contents" 15308 ref="cardGalleryLink" 15309 href="/products/sweet-pea?variant=53124326064445" 15310 aria-label="Sweet Pea" 15311 > 15312 <slideshow-component 15313 15314 ref="slideshow" 15315 15316 15317 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 15318 15319 initial-slide="0" 15320 15321 15322 infinite 15323 15324 15325 data-generic-media-size="1" 15326> 15327 15328 <slideshow-container ref="slideshowContainer"> 15329 15330 15331 <slideshow-slides 15332 tabindex="-1" 15333 ref="scroller" 15334 15335 > 15336 <slideshow-slide 15337 ref="slides[]" 15338 aria-hidden="false" 15339 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 15340 15341 class="product-media-container media-fit product-media-container--image" 15342 15343 15344 15345 15346 slide-id="53470203183421" 15347 15348 15349 15350 15351> 15352 15353 15354<div 15355 class="product-media" 15356 style="--ratio: 1.0" 15357 data-media-id="53470203183421" 15358> 15359 15360 <img src="//www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=3840" alt="Sweet Pea" srcset="//www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 15361 15362 15363</div> 15364 15365 15366 15367</slideshow-slide> 15368 15369 </slideshow-slides> 15370 </slideshow-container> 15371 15372</slideshow-component> 15373 15374 15375 15376 </a> 15377 15378 15379 <div 15380 class="product-badges product-badges--top-left" 15381 style=" 15382 --badge-border-radius: 0px; 15383 --badge-font-family: var(--font-body--family);
15383 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 15384 " 15385 ></div> 15386 15387 15388 15389<quick-add-component 15390 class="quick-add color-scheme-1 " 15391 ref="quickAdd" 15392 data-product-title="Sweet Pea" 15393 data-quick-add-button="add" 15394 data-product-options-count="1" 15395> 15396 <product-form-component 15397 data-section-id="template--26673864704317__main" 15398 data-product-id="10523792834877" 15399 on:submit="/handleSubmit" 15400 class="quick-add__product-form-component" 15401 > 15402 <div 15403 class="visually-hidden" 15404 aria-live="assertive" 15405 role="status" 15406 aria-atomic="true" 15407 ref="liveRegion" 15408 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10523792834877-AVmhSaDh1RlIzQ2t2Y__card-gallery-18" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 15409 type="hidden" 15410 name="id" 15411 ref="variantId" 15412 value="53124326064445" 15413 15414 > 15415 <input 15416 type="hidden" 15417 name="quantity" 15418 value="1" 15419 > 15420 15421 <add-to-cart-component 15422 ref="addToCartButtonContainer" 15423 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&width=100" 15424 data-add-to-cart-animation="true" 15425> 15426 <button 15427 15428 type="submit" 15429 name="add" 15430 ref="addToCartButton" 15431 on:click="/handleClick" 15432 class="button button quick-add__button quick-add__button--add add-to-cart-button" 15433 15434 15435 > 15436 <span 15437 class="add-to-cart-text" 15438 > 15439 15440 <span 15441 aria-hidden="true" 15442 class="svg-wrapper add-to-cart-icon" 15443 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 15444</span> 15445 15446 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 15447 <span> 15448 <span>Add</span> 15449 </span> 15450 </span> 15451 </span> 15452 15453 <span class="add-to-cart__added"> 15454 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 15455 <g class="check"> 15456 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 15457 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 15458 </g> 15459 <g class="burst"> 15460 <g style="--index: 0;"> 15461 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15462 </g> 15463 <g style="--index: 1;"> 15464 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15465 </g> 15466 <g style="--index: 2;"> 15467 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15468 </g> 15469 <g style="--index: 3;"> 15470 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15471 </g> 15472 <g style="--index: 4;"> 15473 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15474 </g> 15475 <g style="--index: 5;"> 15476 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15477 </g> 15478 <g style="--index: 6;"> 15479 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15480 </g> 15481 <g style="--index: 7;"> 15482 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 15483 </g> 15484 </g> 15485</svg> 15486</span> 15487 </span> 15488 </button> 15489</add-to-cart-component> 15490 15491 15492 <button 15493 class="button quick-add__button quick-add__button--choose add-to-cart-button" 15494 15495 type="button" 15496 name="add" 15497 on:click="quick-add-component/handleClick" 15498 >
15499 <span 15500 class="add-to-cart-text" 15501 > 15502 15503 <span 15504 aria-hidden="true" 15505 class="svg-wrapper add-to-cart-icon" 15506 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 15507</span> 15508 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 15509 <span> 15510 15511 <span> 15512 Choose 15513 </span> 15514 </span> 15515 </span> 15516 </span> 15517 </button><input type="hidden" name="product-id" value="10523792834877" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 15518</quick-add-component> 15519 15520 15521 15522 15523 15524 15525</div> 15526 15527 15528 15529 15530 15531<div class="product-grid-view-zoom-out--details"> 15532 15533 <h3 class="h4">Sweet Pea</h3> 15534 15535</div> 15536 15537 15538 15539 15540 15541 15542 15543 15544<div 15545 class=" 15546 group-block 15547 group-block--height-fit 15548 group-block--width-fill 15549 border-style 15550 spacing-style 15551 size-style 15552 15553 15554 " 15555 style=" 15556 --border-width: 1px; --border-style: none; --border-color: 15557rgb(var(--color-border-rgb) / 1.0); --border-radius: 155580px; 15559 15560 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15561 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 15562 15563 " 15564 15565 data-testid="group-block" 15566><div class="group-block__media-wrapper"> 15567 15568 15569 15570 15571 15572 </div> 15573 15574 <div 15575 class=" 15576 group-block-content 15577 15578 layout-panel-flex 15579 layout-panel-flex--row 15580 mobile-column 15581 " 15582 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 15583 15584--gap: 12px; 15585 15586--horizontal-alignment: space-between; --vertical-alignment: flex-start; 15587--vertical-alignment-mobile: flex-start; 15588" 15589 > 15590 15591 15592 15593 15594<div 15595 class=" 15596 group-block 15597 group-block--height-fit 15598 group-block--width-custom 15599 border-style 15600 spacing-style 15601 size-style 15602 15603 15604 " 15605 style=" 15606 --border-width: 1px; --border-style: none; --border-color: 15607rgb(var(--color-border-rgb) / 1.0); --border-radius: 156080px; 15609 15610 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15611 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 15612 15613 " 15614 15615 data-testid="group-block" 15616><div class="group-block__media-wrapper"> 15617 15618 15619 15620 15621 15622 </div> 15623 15624 <div 15625 class=" 15626 group-block-content 15627 15628 layout-panel-flex 15629 layout-panel-flex--column 15630 mobile-column 15631 " 15632 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 15633 15634--gap: 0px; 15635 15636--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 15637--vertical-alignment-mobile: flex-start; 15638" 15639 > 15640 15641 15642 15643 15644 <a 15645 class="contents user-select-text" 15646 ref="productTitleLink" 15647 href="/products/sweet-pea?variant=53124326064445" 15648 > 15649 15650 15651 15652 15653 15654 15655 15656 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-18 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 15657 <p>Sweet Pea</p> 15658 </div> 15659 15660 15661 15662 15663 </a> 15664 15665 15666 15667 15668 15669 15670<product-price 15671 class="text-block text-block--align-left text-left h5 spacing-style" 15672 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-18" 15673 data-product-id="10523792834877" 15674 style=" 15675 15676--color: var(--color-foreground); 15677 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15678 --width: 100%; 15679 " 15680 15681> 15682 <div ref="priceContainer"> 15683 15684 15685 15686 15687
15688 <span class="price">$52.00</span> 15689 15690 15691 15692 15693</div> 15694 15695 15696</product-price> 15697 15698 15699 15700 15701 15702 15703 15704</div> 15705</div> 15706 15707 15708 15709 15710 15711 15712 15713 15714 15715<div 15716 class=" 15717 group-block 15718 group-block--height-fit 15719 group-block--width-fill 15720 border-style 15721 spacing-style 15722 size-style 15723 15724 15725 " 15726 style=" 15727 --border-width: 1px; --border-style: none; --border-color: 15728rgb(var(--color-border-rgb) / 1.0); --border-radius: 157290px; 15730 15731 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15732 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 15733 15734 " 15735 15736 data-testid="group-block" 15737><div class="group-block__media-wrapper"> 15738 15739 15740 15741 15742 15743 </div> 15744 15745 <div 15746 class=" 15747 group-block-content 15748 15749 layout-panel-flex 15750 layout-panel-flex--column 15751 mobile-column 15752 " 15753 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 15754 15755--gap: 0px; 15756 15757--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 15758--vertical-alignment-mobile: flex-start; 15759" 15760 > 15761 15762 15763 15764 15765 15766 15767 15768 15769</div> 15770</div> 15771 15772 15773 15774 15775 15776 15777</div> 15778</div> 15779 15780 15781 15782 15783 15784 15785 15786 </div> 15787</product-card> 15788 15789 15790 15791 15792 15793 15794 15795 </li> 15796 15797 <li 15798 id="template--26673864704317__main-10523792146749" 15799 class="product-grid__item product-grid__item--19" 15800 data-page="1" 15801 data-product-id="10523792146749" 15802 ref="cards[]" 15803 > 15804 15805 15806 15807 15808 15809 15810 15811<style data-shopify> 15812 15813</style> 15814 15815 15816 15817<product-card 15818 class="product-card size-style" 15819 style="--size-style-width: ;--size-style-height: ;" 15820 data-product-id="10523792146749" 15821 id="product-card-AL0tpbE54MnF3MmVqM__product-card-19" 15822 15823 data-product-transition="true" 15824 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=500" 15825 on:click="/handleViewTransition" 15826 15827 15828 15829> 15830 <a 15831 id="c0099baeac5d61bd2c3159d177a53c8c" 15832 15833 href="/products/mojito?variant=53124325015869" 15834 15835 class="product-card__link" 15836 ref="productCardLink" 15837 > 15838 <span class="visually-hidden"> 15839 Mojito 15840 </span> 15841 </a> 15842 <div 15843 class=" 15844 product-card__content 15845 layout-panel-flex 15846 layout-panel-flex--column 15847 product-grid__card 15848 spacing-style 15849 border-style 15850 gap-style 15851 15852 " 15853 style=" 15854 --border-width: 1px; --border-style: none; --border-color: 15855rgb(var(--color-border-rgb) / 1.0); --border-radius: 158560px; 15857 15858 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 15859 15860 15861 15862--horizontal-alignment: ; --vertical-alignment: ; 15863--vertical-alignment-mobile: ; 15864 15865 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15866 --product-card-gap: 8px; 15867 --quick-add-display: flex; 15868 --quick-add-mobile-display: flex; 15869 --quick-add-mobile-opacity: 1; 15870 15871 15872 15873 15874 " 15875 > 15876 15877 15878 15879 15880 15881 15882 15883 15884 15885<div 15886 ref="cardGallery" 15887 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-19 spacing-style border-style" 15888 style=" 15889 --border-width: 1px; --border-style: none; --border-color: 15890rgb(var(--color-border-rgb) / 1.0); --border-radius: 158910px; 15892 15893 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 15894 --gallery-aspect-ratio: 1; 15895 " 15896 data-product-id="10523792146749" 15897 15898 on:pointerenter="/previewImage" 15899 on:pointerleave="/resetImage" 15900 15901 15902 data-view-transition-to-main-product 15903 15904 data-image-ratio="square" 15905 15906> 15907 <a 15908 class="contents" 15909 ref="cardGalleryLink" 15910 href="/products/mojito?variant=53124325015869" 15911 aria-label="Mojito" 15912 > 15913 <slideshow-component 15914 15915 ref="slideshow" 15916 15917 15918 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 15919 15920 initial-slide="0" 15921 15922 15923 infinite 15924 15925 15926 data-generic-media-size="1" 15927> 15928 15929 <slideshow-container ref="slideshowContainer"> 15930 15931 15932 <slideshow-slides 15933 tabindex="-1" 15934 ref="scroller" 15935 15936 > 15937 <slideshow-slide 15938 ref="slides[]" 15939 aria-hidden="false" 15940 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 15941 15942 class="product-media-container media-fit product-media-container--image" 15943 15944 15945 15946 15947 slide-id="53470203216189" 15948 15949 15950 15951 15952> 15953 15954 15955<div 15956 class="product-media" 15957 style="--ratio: 1.0" 15958 data-media-id="53470203216189" 15959> 15960
15961 <img src="//www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=3840" alt="Mojito" srcset="//www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 15962 15963 15964</div> 15965 15966 15967 15968</slideshow-slide> 15969 15970 </slideshow-slides> 15971 </slideshow-container> 15972 15973</slideshow-component> 15974 15975 15976 15977 </a> 15978 15979 15980 <div 15981 class="product-badges product-badges--top-left" 15982 style=" 15983 --badge-border-radius: 0px; 15984 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 15985 " 15986 ></div> 15987 15988 15989 15990<quick-add-component 15991 class="quick-add color-scheme-1 " 15992 ref="quickAdd" 15993 data-product-title="Mojito" 15994 data-quick-add-button="add" 15995 data-product-options-count="1" 15996> 15997 <product-form-component 15998 data-section-id="template--26673864704317__main" 15999 data-product-id="10523792146749" 16000 on:submit="/handleSubmit" 16001 class="quick-add__product-form-component" 16002 > 16003 <div 16004 class="visually-hidden" 16005 aria-live="assertive" 16006 role="status" 16007 aria-atomic="true" 16008 ref="liveRegion" 16009 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10523792146749-AVmhSaDh1RlIzQ2t2Y__card-gallery-19" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 16010 type="hidden" 16011 name="id" 16012 ref="variantId" 16013 value="53124325015869" 16014 16015 > 16016 <input 16017 type="hidden" 16018 name="quantity" 16019 value="1" 16020 > 16021 16022 <add-to-cart-component 16023 ref="addToCartButtonContainer" 16024 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&width=100" 16025 data-add-to-cart-animation="true" 16026> 16027 <button 16028 16029 type="submit" 16030 name="add" 16031 ref="addToCartButton" 16032 on:click="/handleClick" 16033 class="button button quick-add__button quick-add__button--add add-to-cart-button" 16034 16035 16036 > 16037 <span 16038 class="add-to-cart-text" 16039 > 16040 16041 <span 16042 aria-hidden="true" 16043 class="svg-wrapper add-to-cart-icon" 16044 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 16045</span> 16046 16047 <span class="add-to-cart-text__content is-visually-hidden-mobile">
16048 <span> 16049 <span>Add</span> 16050 </span> 16051 </span> 16052 </span> 16053 16054 <span class="add-to-cart__added"> 16055 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 16056 <g class="check"> 16057 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 16058 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 16059 </g> 16060 <g class="burst"> 16061 <g style="--index: 0;"> 16062 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16063 </g> 16064 <g style="--index: 1;"> 16065 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16066 </g> 16067 <g style="--index: 2;"> 16068 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16069 </g> 16070 <g style="--index: 3;"> 16071 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16072 </g> 16073 <g style="--index: 4;"> 16074 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16075 </g> 16076 <g style="--index: 5;"> 16077 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16078 </g> 16079 <g style="--index: 6;"> 16080 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16081 </g> 16082 <g style="--index: 7;"> 16083 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16084 </g> 16085 </g> 16086</svg> 16087</span> 16088 </span> 16089 </button> 16090</add-to-cart-component> 16091 16092 16093 <button 16094 class="button quick-add__button quick-add__button--choose add-to-cart-button" 16095 16096 type="button" 16097 name="add" 16098 on:click="quick-add-component/handleClick" 16099 > 16100 <span 16101 class="add-to-cart-text" 16102 > 16103 16104 <span 16105 aria-hidden="true" 16106 class="svg-wrapper add-to-cart-icon" 16107 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 16108</span> 16109 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 16110 <span> 16111 16112 <span> 16113 Choose 16114 </span> 16115 </span> 16116 </span> 16117 </span> 16118 </button><input type="hidden" name="product-id" value="10523792146749" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 16119</quick-add-component> 16120 16121 16122 16123 16124 16125 16126</div> 16127 16128 16129 16130 16131 16132<div class="product-grid-view-zoom-out--details"> 16133 16134 <h3 class="h4">Mojito</h3> 16135 16136</div> 16137 16138 16139 16140 16141 16142 16143 16144 16145<div 16146 class=" 16147 group-block 16148 group-block--height-fit 16149 group-block--width-fill 16150 border-style 16151 spacing-style 16152 size-style 16153 16154 16155 " 16156 style=" 16157 --border-width: 1px; --border-style: none; --border-color: 16158rgb(var(--color-border-rgb) / 1.0); --border-radius: 161590px; 16160 16161 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16162 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 16163 16164 " 16165 16166 data-testid="group-block" 16167><div class="group-block__media-wrapper"> 16168 16169 16170 16171 16172 16173 </div> 16174 16175 <div 16176 class=" 16177 group-block-content 16178 16179 layout-panel-flex 16180 layout-panel-flex--row 16181 mobile-column 16182 " 16183 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16184 16185--gap: 12px; 16186 16187--horizontal-alignment: space-between;
16187 --vertical-alignment: flex-start; 16188--vertical-alignment-mobile: flex-start; 16189" 16190 > 16191 16192 16193 16194 16195<div 16196 class=" 16197 group-block 16198 group-block--height-fit 16199 group-block--width-custom 16200 border-style 16201 spacing-style 16202 size-style 16203 16204 16205 " 16206 style=" 16207 --border-width: 1px; --border-style: none; --border-color: 16208rgb(var(--color-border-rgb) / 1.0); --border-radius: 162090px; 16210 16211 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16212 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 16213 16214 " 16215 16216 data-testid="group-block" 16217><div class="group-block__media-wrapper"> 16218 16219 16220 16221 16222 16223 </div> 16224 16225 <div 16226 class=" 16227 group-block-content 16228 16229 layout-panel-flex 16230 layout-panel-flex--column 16231 mobile-column 16232 " 16233 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16234 16235--gap: 0px; 16236 16237--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 16238--vertical-alignment-mobile: flex-start; 16239" 16240 > 16241 16242 16243 16244 16245 <a 16246 class="contents user-select-text" 16247 ref="productTitleLink" 16248 href="/products/mojito?variant=53124325015869" 16249 > 16250 16251 16252 16253 16254 16255 16256 16257 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-19 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 16258 <p>Mojito</p> 16259 </div> 16260 16261 16262 16263 16264 </a> 16265 16266 16267 16268 16269 16270 16271<product-price 16272 class="text-block text-block--align-left text-left h5 spacing-style" 16273 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-19" 16274 data-product-id="10523792146749" 16275 style=" 16276 16277--color: var(--color-foreground); 16278 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16279 --width: 100%; 16280 " 16281 16282> 16283 <div ref="priceContainer"> 16284 16285 16286 16287 16288 16289 <span class="price">$52.00</span> 16290 16291 16292 16293 16294</div> 16295 16296 16297</product-price> 16298 16299 16300 16301 16302 16303 16304 16305</div> 16306</div> 16307 16308 16309 16310 16311 16312 16313 16314 16315 16316<div 16317 class=" 16318 group-block 16319 group-block--height-fit 16320 group-block--width-fill 16321 border-style 16322 spacing-style 16323 size-style 16324 16325 16326 " 16327 style=" 16328 --border-width: 1px; --border-style: none; --border-color: 16329rgb(var(--color-border-rgb) / 1.0); --border-radius: 163300px; 16331 16332 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16333 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 16334 16335 " 16336 16337 data-testid="group-block" 16338><div class="group-block__media-wrapper"> 16339 16340 16341 16342 16343 16344 </div> 16345 16346 <div 16347 class=" 16348 group-block-content 16349 16350 layout-panel-flex 16351 layout-panel-flex--column 16352 mobile-column 16353 " 16354 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16355 16356--gap: 0px; 16357 16358--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 16359--vertical-alignment-mobile: flex-start; 16360" 16361 > 16362 16363 16364 16365 16366 16367 16368 16369 16370</div> 16371</div> 16372 16373 16374 16375 16376 16377 16378</div> 16379</div> 16380 16381 16382 16383 16384 16385 16386 16387 </div> 16388</product-card> 16389 16390 16391 16392 16393 16394 16395 16396 </li> 16397 16398 <li 16399 id="template--26673864704317__main-10523792408893" 16400 class="product-grid__item product-grid__item--20" 16401 data-page="1" 16402 data-product-id="10523792408893" 16403 ref="cards[]" 16404 > 16405 16406 16407 16408 16409 16410 16411 16412<style data-shopify> 16413 16414</style> 16415 16416 16417 16418<product-card 16419 class="product-card size-style" 16420 style="--size-style-width: ;--size-style-height: ;" 16421 data-product-id="10523792408893" 16422 id="product-card-AL0tpbE54MnF3MmVqM__product-card-20" 16423 16424 data-product-transition="true" 16425 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=500" 16426 on:click="/handleViewTransition" 16427 16428 16429 16430> 16431 <a 16432 id="89af43bfec66eb3a73d464989387d8ab" 16433 16434 href="/products/lichen?variant=53124325474621" 16435 16436 class="product-card__link" 16437 ref="productCardLink" 16438 > 16439 <span class="visually-hidden"> 16440 Lichen 16441 </span> 16442 </a> 16443 <div 16444 class=" 16445 product-card__content 16446 layout-panel-flex 16447 layout-panel-flex--column 16448 product-grid__card 16449 spacing-style 16450 border-style 16451 gap-style 16452 16453 " 16454 style=" 16455 --border-width: 1px; --border-style: none; --border-color: 16456rgb(var(--color-border-rgb) / 1.0); --border-radius: 164570px; 16458 16459 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16460 16461 16462 16463--horizontal-alignment: ; --vertical-alignment: ; 16464--vertical-alignment-mobile: ; 16465 16466 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16467 --product-card-gap: 8px; 16468 --quick-add-display: flex; 16469 --quick-add-mobile-display: flex; 16470 --quick-add-mobile-opacity: 1; 16471 16472 16473 16474 16475 " 16476 > 16477 16478 16479 16480 16481 16482 16483 16484 16485 16486<div 16487 ref="cardGallery" 16488 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-20 spacing-style border-style" 16489 style=" 16490 --border-width: 1px; --border-style: none; --border-color: 16491rgb(var(--color-border-rgb) / 1.0); --border-radius: 164920px; 16493 16494 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16495 --gallery-aspect-ratio: 1; 16496 " 16497 data-product-id="10523792408893" 16498
16499 on:pointerenter="/previewImage" 16500 on:pointerleave="/resetImage" 16501 16502 16503 data-view-transition-to-main-product 16504 16505 data-image-ratio="square" 16506 16507> 16508 <a 16509 class="contents" 16510 ref="cardGalleryLink" 16511 href="/products/lichen?variant=53124325474621" 16512 aria-label="Lichen" 16513 > 16514 <slideshow-component 16515 16516 ref="slideshow" 16517 16518 16519 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 16520 16521 initial-slide="0" 16522 16523 16524 infinite 16525 16526 16527 data-generic-media-size="1" 16528> 16529 16530 <slideshow-container ref="slideshowContainer"> 16531 16532 16533 <slideshow-slides 16534 tabindex="-1" 16535 ref="scroller" 16536 16537 > 16538 <slideshow-slide 16539 ref="slides[]" 16540 aria-hidden="false" 16541 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 16542 16543 class="product-media-container media-fit product-media-container--image" 16544 16545 16546 16547 16548 slide-id="53470203248957" 16549 16550 16551 16552 16553> 16554 16555 16556<div 16557 class="product-media" 16558 style="--ratio: 1.0" 16559 data-media-id="53470203248957" 16560> 16561 16562 <img src="//www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=3840" alt="Lichen" srcset="//www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 16563 16564 16565</div> 16566 16567 16568 16569</slideshow-slide> 16570 16571 </slideshow-slides> 16572 </slideshow-container> 16573 16574</slideshow-component> 16575 16576 16577 16578 </a> 16579 16580 16581 <div 16582 class="product-badges product-badges--top-left" 16583 style=" 16584 --badge-border-radius: 0px; 16585 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 16586 " 16587 ></div> 16588 16589 16590 16591<quick-add-component 16592 class="quick-add color-scheme-1 " 16593 ref="quickAdd" 16594 data-product-title="Lichen" 16595 data-quick-add-button="add" 16596 data-product-options-count="1" 16597> 16598 <product-form-component 16599 data-section-id="template--26673864704317__main" 16600 data-product-id="10523792408893" 16601 on:submit="/handleSubmit" 16602 class="quick-add__product-form-component" 16603 > 16604 <div 16605 class="visually-hidden" 16606 aria-live="assertive" 16607 role="status" 16608 aria-atomic="true" 16609 ref="liveRegion" 16610 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10523792408893-AVmhSaDh1RlIzQ2t2Y__card-gallery-20" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 16611 type="hidden" 16612 name="id" 16613 ref="variantId" 16614 value="53124325474621" 16615 16616 > 16617 <input 16618 type="hidden" 16619 name="quantity" 16620 value="1" 16621 > 16622 16623 <add-to-cart-component 16624 ref="addToCartButtonContainer" 16625 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&width=100" 16626 data-add-to-cart-animation="true" 16627> 16628 <button 16629 16630 type="submit" 16631 name="add" 16632 ref="addToCartButton" 16633 on:click="/handleClick" 16634 class="button button quick-add__button quick-add__button--add add-to-cart-button" 16635 16636 16637 > 16638 <span 16639 class="add-to-cart-text" 16640 > 16641
16642 <span 16643 aria-hidden="true" 16644 class="svg-wrapper add-to-cart-icon" 16645 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 16646</span> 16647 16648 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 16649 <span> 16650 <span>Add</span> 16651 </span> 16652 </span> 16653 </span> 16654 16655 <span class="add-to-cart__added"> 16656 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 16657 <g class="check"> 16658 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 16659 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 16660 </g> 16661 <g class="burst"> 16662 <g style="--index: 0;"> 16663 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16664 </g> 16665 <g style="--index: 1;"> 16666 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16667 </g> 16668 <g style="--index: 2;"> 16669 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16670 </g> 16671 <g style="--index: 3;"> 16672 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16673 </g> 16674 <g style="--index: 4;"> 16675 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16676 </g> 16677 <g style="--index: 5;"> 16678 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16679 </g> 16680 <g style="--index: 6;"> 16681 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16682 </g> 16683 <g style="--index: 7;"> 16684 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 16685 </g> 16686 </g> 16687</svg> 16688</span> 16689 </span> 16690 </button> 16691</add-to-cart-component> 16692 16693 16694 <button 16695 class="button quick-add__button quick-add__button--choose add-to-cart-button" 16696 16697 type="button" 16698 name="add" 16699 on:click="quick-add-component/handleClick" 16700 > 16701 <span 16702 class="add-to-cart-text" 16703 > 16704 16705 <span 16706 aria-hidden="true" 16707 class="svg-wrapper add-to-cart-icon" 16708 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 16709</span> 16710 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 16711 <span> 16712 16713 <span> 16714 Choose 16715 </span> 16716 </span> 16717 </span> 16718 </span> 16719 </button><input type="hidden" name="product-id" value="10523792408893" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 16720</quick-add-component> 16721 16722 16723 16724 16725 16726 16727</div> 16728 16729 16730 16731 16732 16733<div class="product-grid-view-zoom-out--details"> 16734 16735 <h3 class="h4">Lichen</h3> 16736 16737</div> 16738 16739 16740 16741 16742 16743 16744 16745 16746<div 16747 class=" 16748 group-block 16749 group-block--height-fit 16750 group-block--width-fill 16751 border-style 16752 spacing-style 16753 size-style 16754 16755 16756 " 16757 style=" 16758 --border-width: 1px; --border-style: none; --border-color: 16759rgb(var(--color-border-rgb) / 1.0); --border-radius: 167600px; 16761 16762 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16763 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 16764 16765 " 16766 16767 data-testid="group-block" 16768><div class="group-block__media-wrapper"> 16769 16770 16771 16772 16773 16774 </div> 16775 16776 <div 16777 class=" 16778 group-block-content 16779 16780 layout-panel-flex 16781 layout-panel-flex--row 16782 mobile-column 16783 " 16784 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16785 16786--gap: 12px; 16787 16788--horizontal-alignment: space-between;
16788 --vertical-alignment: flex-start; 16789--vertical-alignment-mobile: flex-start; 16790" 16791 > 16792 16793 16794 16795 16796<div 16797 class=" 16798 group-block 16799 group-block--height-fit 16800 group-block--width-custom 16801 border-style 16802 spacing-style 16803 size-style 16804 16805 16806 " 16807 style=" 16808 --border-width: 1px; --border-style: none; --border-color: 16809rgb(var(--color-border-rgb) / 1.0); --border-radius: 168100px; 16811 16812 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16813 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 16814 16815 " 16816 16817 data-testid="group-block" 16818><div class="group-block__media-wrapper"> 16819 16820 16821 16822 16823 16824 </div> 16825 16826 <div 16827 class=" 16828 group-block-content 16829 16830 layout-panel-flex 16831 layout-panel-flex--column 16832 mobile-column 16833 " 16834 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16835 16836--gap: 0px; 16837 16838--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 16839--vertical-alignment-mobile: flex-start; 16840" 16841 > 16842 16843 16844 16845 16846 <a 16847 class="contents user-select-text" 16848 ref="productTitleLink" 16849 href="/products/lichen?variant=53124325474621" 16850 > 16851 16852 16853 16854 16855 16856 16857 16858 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-20 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 16859 <p>Lichen</p> 16860 </div> 16861 16862 16863 16864 16865 </a> 16866 16867 16868 16869 16870 16871 16872<product-price 16873 class="text-block text-block--align-left text-left h5 spacing-style" 16874 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-20" 16875 data-product-id="10523792408893" 16876 style=" 16877 16878--color: var(--color-foreground); 16879 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16880 --width: 100%; 16881 " 16882 16883> 16884 <div ref="priceContainer"> 16885 16886 16887 16888 16889 16890 <span class="price">$52.00</span> 16891 16892 16893 16894 16895</div> 16896 16897 16898</product-price> 16899 16900 16901 16902 16903 16904 16905 16906</div> 16907</div> 16908 16909 16910 16911 16912 16913 16914 16915 16916 16917<div 16918 class=" 16919 group-block 16920 group-block--height-fit 16921 group-block--width-fill 16922 border-style 16923 spacing-style 16924 size-style 16925 16926 16927 " 16928 style=" 16929 --border-width: 1px; --border-style: none; --border-color: 16930rgb(var(--color-border-rgb) / 1.0); --border-radius: 169310px; 16932 16933 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 16934 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 16935 16936 " 16937 16938 data-testid="group-block" 16939><div class="group-block__media-wrapper"> 16940 16941 16942 16943 16944 16945 </div> 16946 16947 <div 16948 class=" 16949 group-block-content 16950 16951 layout-panel-flex 16952 layout-panel-flex--column 16953 mobile-column 16954 " 16955 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 16956 16957--gap: 0px; 16958 16959--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 16960--vertical-alignment-mobile: flex-start; 16961" 16962 > 16963 16964 16965 16966 16967 16968 16969 16970 16971</div> 16972</div> 16973 16974 16975 16976 16977 16978 16979</div> 16980</div> 16981 16982 16983 16984 16985 16986 16987 16988 </div> 16989</product-card> 16990 16991 16992 16993 16994 16995 16996 16997 </li> 16998 16999 <li 17000 id="template--26673864704317__main-10113712455997" 17001 class="product-grid__item product-grid__item--21" 17002 data-page="1" 17003 data-product-id="10113712455997" 17004 ref="cards[]" 17005 > 17006 17007 17008 17009 17010 17011 17012 17013<style data-shopify> 17014 17015</style> 17016 17017 17018 17019<product-card 17020 class="product-card size-style" 17021 style="--size-style-width: ;--size-style-height: ;" 17022 data-product-id="10113712455997" 17023 id="product-card-AL0tpbE54MnF3MmVqM__product-card-21" 17024 17025 data-product-transition="true" 17026 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=500" 17027 on:click="/handleViewTransition" 17028 17029 17030 17031> 17032 <a 17033 id="4405d883b35ee885ce41e518f7b4ede4" 17034 17035 href="/products/coastal-cashmere-yarn-pnw?variant=50895918203197" 17036 17037 class="product-card__link" 17038 ref="productCardLink" 17039 > 17040 <span class="visually-hidden"> 17041 PNW 17042 </span> 17043 </a> 17044 <div 17045 class=" 17046 product-card__content 17047 layout-panel-flex 17048 layout-panel-flex--column 17049 product-grid__card 17050 spacing-style 17051 border-style 17052 gap-style 17053 17054 " 17055 style=" 17056 --border-width: 1px; --border-style: none; --border-color: 17057rgb(var(--color-border-rgb) / 1.0); --border-radius: 170580px; 17059 17060 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 17061 17062 17063 17064--horizontal-alignment: ; --vertical-alignment: ; 17065--vertical-alignment-mobile: ; 17066 17067 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 17068 --product-card-gap: 8px; 17069 --quick-add-display: flex; 17070 --quick-add-mobile-display: flex; 17071 --quick-add-mobile-opacity: 1; 17072 17073 17074 17075 17076 " 17077 > 17078 17079 17080 17081 17082 17083 17084 17085 17086 17087<div 17088 ref="cardGallery" 17089 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-21 spacing-style border-style" 17090 style=" 17091 --border-width: 1px; --border-style: none; --border-color: 17092rgb(var(--color-border-rgb) / 1.0); --border-radius: 170930px; 17094 17095 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 17096 --gallery-aspect-ratio: 1; 17097 " 17098 data-product-id="10113712455997" 17099
17100 on:pointerenter="/previewImage" 17101 on:pointerleave="/resetImage" 17102 17103 17104 data-view-transition-to-main-product 17105 17106 data-image-ratio="square" 17107 17108> 17109 <a 17110 class="contents" 17111 ref="cardGalleryLink" 17112 href="/products/coastal-cashmere-yarn-pnw?variant=50895918203197" 17113 aria-label="PNW" 17114 > 17115 <slideshow-component 17116 17117 ref="slideshow" 17118 17119 17120 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 17121 17122 initial-slide="0" 17123 17124 17125 infinite 17126 17127 17128 data-generic-media-size="1" 17129> 17130 17131 <slideshow-container ref="slideshowContainer"> 17132 17133 17134 <slideshow-slides 17135 tabindex="-1" 17136 ref="scroller" 17137 17138 > 17139 <slideshow-slide 17140 ref="slides[]" 17141 aria-hidden="false" 17142 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 17143 17144 class="product-media-container media-fit product-media-container--image" 17145 17146 17147 17148 17149 slide-id="49920412713277" 17150 17151 17152 17153 17154> 17155 17156 17157<div 17158 class="product-media" 17159 style="--ratio: 1.0" 17160 data-media-id="49920412713277" 17161> 17162 17163 <img src="//www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=3840" alt="PNW" srcset="//www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 17164 17165 17166</div> 17167 17168 17169 17170</slideshow-slide> 17171 17172 </slideshow-slides> 17173 </slideshow-container> 17174 17175</slideshow-component> 17176 17177 17178 17179 </a> 17180 17181 17182 <div 17183 class="product-badges product-badges--top-left" 17184 style=" 17185 --badge-border-radius: 0px; 17186 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 17187 " 17188 ></div> 17189 17190 17191 17192<quick-add-component 17193 class="quick-add color-scheme-1 " 17194 ref="quickAdd" 17195 data-product-title="PNW" 17196 data-quick-add-button="add" 17197 data-product-options-count="1" 17198> 17199 <product-form-component 17200 data-section-id="template--26673864704317__main" 17201 data-product-id="10113712455997" 17202 on:submit="/handleSubmit" 17203 class="quick-add__product-form-component" 17204 > 17205 <div 17206 class="visually-hidden" 17207 aria-live="assertive" 17208 role="status" 17209 aria-atomic="true" 17210 ref="liveRegion" 17211 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10113712455997-AVmhSaDh1RlIzQ2t2Y__card-gallery-21" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 17212 type="hidden" 17213 name="id" 17214 ref="variantId" 17215 value="50895918203197" 17216 17217 > 17218 <input 17219 type="hidden" 17220 name="quantity" 17221 value="1" 17222 > 17223 17224 <add-to-cart-component 17225 ref="addToCartButtonContainer" 17226 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&width=100" 17227 data-add-to-cart-animation="true" 17228> 17229 <button 17230 17231 type="submit" 17232 name="add" 17233 ref="addToCartButton" 17234 on:click="/handleClick" 17235 class="button button quick-add__button quick-add__button--add add-to-cart-button" 17236 17237 17238 > 17239 <span 17240 class="add-to-cart-text" 17241 > 17242
17243 <span 17244 aria-hidden="true" 17245 class="svg-wrapper add-to-cart-icon" 17246 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 17247</span> 17248 17249 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 17250 <span> 17251 <span>Add</span> 17252 </span> 17253 </span> 17254 </span> 17255 17256 <span class="add-to-cart__added"> 17257 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 17258 <g class="check"> 17259 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 17260 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 17261 </g> 17262 <g class="burst"> 17263 <g style="--index: 0;"> 17264 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17265 </g> 17266 <g style="--index: 1;"> 17267 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17268 </g> 17269 <g style="--index: 2;"> 17270 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17271 </g> 17272 <g style="--index: 3;"> 17273 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17274 </g> 17275 <g style="--index: 4;"> 17276 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17277 </g> 17278 <g style="--index: 5;"> 17279 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17280 </g> 17281 <g style="--index: 6;"> 17282 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17283 </g> 17284 <g style="--index: 7;"> 17285 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17286 </g> 17287 </g> 17288</svg> 17289</span> 17290 </span> 17291 </button> 17292</add-to-cart-component> 17293 17294 17295 <button 17296 class="button quick-add__button quick-add__button--choose add-to-cart-button" 17297 17298 type="button" 17299 name="add" 17300 on:click="quick-add-component/handleClick" 17301 > 17302 <span 17303 class="add-to-cart-text" 17304 > 17305 17306 <span 17307 aria-hidden="true" 17308 class="svg-wrapper add-to-cart-icon" 17309 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 17310</span> 17311 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 17312 <span> 17313 17314 <span> 17315 Choose 17316 </span> 17317 </span> 17318 </span> 17319 </span> 17320 </button><input type="hidden" name="product-id" value="10113712455997" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 17321</quick-add-component> 17322 17323 17324 17325 17326 17327 17328</div> 17329 17330 17331 17332 17333 17334<div class="product-grid-view-zoom-out--details"> 17335 17336 <h3 class="h4">PNW</h3> 17337 17338</div> 17339 17340 17341 17342 17343 17344 17345 17346 17347<div 17348 class=" 17349 group-block 17350 group-block--height-fit 17351 group-block--width-fill 17352 border-style 17353 spacing-style 17354 size-style 17355 17356 17357 " 17358 style=" 17359 --border-width: 1px; --border-style: none; --border-color: 17360rgb(var(--color-border-rgb) / 1.0); --border-radius: 173610px; 17362 17363 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 17364 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 17365 17366 " 17367 17368 data-testid="group-block" 17369><div class="group-block__media-wrapper"> 17370 17371 17372 17373 17374 17375 </div> 17376 17377 <div 17378 class=" 17379 group-block-content 17380 17381 layout-panel-flex 17382 layout-panel-flex--row 17383 mobile-column 17384 " 17385 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 17386 17387--gap: 12px; 17388 17389--horizontal-alignment: space-between;
17389 --vertical-alignment: flex-start; 17390--vertical-alignment-mobile: flex-start; 17391" 17392 > 17393 17394 17395 17396 17397<div 17398 class=" 17399 group-block 17400 group-block--height-fit 17401 group-block--width-custom 17402 border-style 17403 spacing-style 17404 size-style 17405 17406 17407 " 17408 style=" 17409 --border-width: 1px; --border-style: none; --border-color: 17410rgb(var(--color-border-rgb) / 1.0); --border-radius: 174110px; 17412 17413 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 17414 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 17415 17416 " 17417 17418 data-testid="group-block" 17419><div class="group-block__media-wrapper"> 17420 17421 17422 17423 17424 17425 </div> 17426 17427 <div 17428 class=" 17429 group-block-content 17430 17431 layout-panel-flex 17432 layout-panel-flex--column 17433 mobile-column 17434 " 17435 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 17436 17437--gap: 0px; 17438 17439--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 17440--vertical-alignment-mobile: flex-start; 17441" 17442 > 17443 17444 17445 17446 17447 <a 17448 class="contents user-select-text" 17449 ref="productTitleLink" 17450 href="/products/coastal-cashmere-yarn-pnw?variant=50895918203197" 17451 > 17452 17453 17454 17455 17456 17457 17458 17459 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-21 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 17460 <p>PNW</p> 17461 </div> 17462 17463 17464 17465 17466 </a> 17467 17468 17469 17470 17471 17472 17473<product-price 17474 class="text-block text-block--align-left text-left h5 spacing-style" 17475 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-21" 17476 data-product-id="10113712455997" 17477 style=" 17478 17479--color: var(--color-foreground); 17480 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 17481 --width: 100%; 17482 " 17483 17484> 17485 <div ref="priceContainer"> 17486 17487 17488 17489 17490 17491 <span class="price">$52.00</span> 17492 17493 17494 17495 17496</div> 17497 17498 17499</product-price> 17500 17501 17502 17503 17504 17505 17506 17507</div> 17508</div> 17509 17510 17511 17512 17513 17514 17515 17516 17517 17518<div 17519 class=" 17520 group-block 17521 group-block--height-fit 17522 group-block--width-fill 17523 border-style 17524 spacing-style 17525 size-style 17526 17527 17528 " 17529 style=" 17530 --border-width: 1px; --border-style: none; --border-color: 17531rgb(var(--color-border-rgb) / 1.0); --border-radius: 175320px; 17533 17534 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 17535 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 17536 17537 " 17538 17539 data-testid="group-block" 17540><div class="group-block__media-wrapper"> 17541 17542 17543 17544 17545 17546 </div> 17547 17548 <div 17549 class=" 17550 group-block-content 17551 17552 layout-panel-flex 17553 layout-panel-flex--column 17554 mobile-column 17555 " 17556 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 17557 17558--gap: 0px; 17559 17560--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 17561--vertical-alignment-mobile: flex-start; 17562" 17563 > 17564 17565 17566 17567 17568 17569 17570 17571 17572</div> 17573</div> 17574 17575 17576 17577 17578 17579 17580</div> 17581</div> 17582 17583 17584 17585 17586 17587 17588 17589 </div> 17590</product-card> 17591 17592 17593 17594 17595 17596 17597 17598 </li> 17599 17600 <li 17601 id="template--26673864704317__main-10113701216573" 17602 class="product-grid__item product-grid__item--22" 17603 data-page="1" 17604 data-product-id="10113701216573" 17605 ref="cards[]" 17606 > 17607 17608 17609 17610 17611 17612 17613 17614<style data-shopify> 17615 17616</style> 17617 17618 17619 17620<product-card 17621 class="product-card size-style" 17622 style="--size-style-width: ;--size-style-height: ;" 17623 data-product-id="10113701216573" 17624 id="product-card-AL0tpbE54MnF3MmVqM__product-card-22" 17625 17626 data-product-transition="true" 17627 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=500" 17628 on:click="/handleViewTransition" 17629 17630 17631 17632> 17633 <a 17634 id="3e20815c7b8c99f82b59fe94dacdc0a0" 17635 17636 href="/products/coastal-cashmere-yarn-diver?variant=50895901098301" 17637 17638 class="product-card__link" 17639 ref="productCardLink" 17640 > 17641 <span class="visually-hidden"> 17642 Diver 17643 </span> 17644 </a> 17645 <div 17646 class=" 17647 product-card__content 17648 layout-panel-flex 17649 layout-panel-flex--column 17650 product-grid__card 17651 spacing-style 17652 border-style 17653 gap-style 17654 17655 " 17656 style=" 17657 --border-width: 1px; --border-style: none; --border-color: 17658rgb(var(--color-border-rgb) / 1.0); --border-radius: 176590px; 17660 17661 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 17662 17663 17664 17665--horizontal-alignment: ; --vertical-alignment: ; 17666--vertical-alignment-mobile: ; 17667 17668 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 17669 --product-card-gap: 8px; 17670 --quick-add-display: flex; 17671 --quick-add-mobile-display: flex; 17672 --quick-add-mobile-opacity: 1; 17673 17674 17675 17676 17677 " 17678 > 17679 17680 17681 17682 17683 17684 17685 17686 17687 17688<div 17689 ref="cardGallery" 17690 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-22 spacing-style border-style" 17691 style=" 17692 --border-width: 1px; --border-style: none; --border-color: 17693rgb(var(--color-border-rgb) / 1.0); --border-radius: 176940px; 17695 17696 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 17697 --gallery-aspect-ratio: 1; 17698 " 17699 data-product-id="10113701216573" 17700
17701 on:pointerenter="/previewImage" 17702 on:pointerleave="/resetImage" 17703 17704 17705 data-view-transition-to-main-product 17706 17707 data-image-ratio="square" 17708 17709> 17710 <a 17711 class="contents" 17712 ref="cardGalleryLink" 17713 href="/products/coastal-cashmere-yarn-diver?variant=50895901098301" 17714 aria-label="Diver" 17715 > 17716 <slideshow-component 17717 17718 ref="slideshow" 17719 17720 17721 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 17722 17723 initial-slide="0" 17724 17725 17726 infinite 17727 17728 17729 data-generic-media-size="1" 17730> 17731 17732 <slideshow-container ref="slideshowContainer"> 17733 17734 17735 <slideshow-slides 17736 tabindex="-1" 17737 ref="scroller" 17738 17739 > 17740 <slideshow-slide 17741 ref="slides[]" 17742 aria-hidden="false" 17743 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 17744 17745 class="product-media-container media-fit product-media-container--image" 17746 17747 17748 17749 17750 slide-id="49920412352829" 17751 17752 17753 17754 17755> 17756 17757 17758<div 17759 class="product-media" 17760 style="--ratio: 1.0" 17761 data-media-id="49920412352829" 17762> 17763 17764 <img src="//www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=3840" alt="Diver" srcset="//www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 17765 17766 17767</div> 17768 17769 17770 17771</slideshow-slide> 17772 17773 </slideshow-slides> 17774 </slideshow-container> 17775 17776</slideshow-component> 17777 17778 17779 17780 </a> 17781 17782 17783 <div 17784 class="product-badges product-badges--top-left" 17785 style=" 17786 --badge-border-radius: 0px; 17787 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 17788 " 17789 ></div> 17790 17791 17792 17793<quick-add-component 17794 class="quick-add color-scheme-1 " 17795 ref="quickAdd" 17796 data-product-title="Diver" 17797 data-quick-add-button="add" 17798 data-product-options-count="1" 17799> 17800 <product-form-component 17801 data-section-id="template--26673864704317__main" 17802 data-product-id="10113701216573" 17803 on:submit="/handleSubmit" 17804 class="quick-add__product-form-component" 17805 > 17806 <div 17807 class="visually-hidden" 17808 aria-live="assertive" 17809 role="status" 17810 aria-atomic="true" 17811 ref="liveRegion" 17812 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10113701216573-AVmhSaDh1RlIzQ2t2Y__card-gallery-22" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 17813 type="hidden" 17814 name="id" 17815 ref="variantId" 17816 value="50895901098301" 17817 17818 > 17819 <input 17820 type="hidden" 17821 name="quantity" 17822 value="1" 17823 > 17824 17825 <add-to-cart-component 17826 ref="addToCartButtonContainer" 17827 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&width=100" 17828 data-add-to-cart-animation="true" 17829> 17830 <button 17831 17832 type="submit" 17833 name="add" 17834 ref="addToCartButton" 17835 on:click="/handleClick" 17836 class="button button quick-add__button quick-add__button--add add-to-cart-button" 17837 17838 17839 > 17840 <span 17841 class="add-to-cart-text" 17842 > 17843
17844 <span 17845 aria-hidden="true" 17846 class="svg-wrapper add-to-cart-icon" 17847 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 17848</span> 17849 17850 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 17851 <span> 17852 <span>Add</span> 17853 </span> 17854 </span> 17855 </span> 17856 17857 <span class="add-to-cart__added"> 17858 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 17859 <g class="check"> 17860 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 17861 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 17862 </g> 17863 <g class="burst"> 17864 <g style="--index: 0;"> 17865 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17866 </g> 17867 <g style="--index: 1;"> 17868 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17869 </g> 17870 <g style="--index: 2;"> 17871 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17872 </g> 17873 <g style="--index: 3;"> 17874 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17875 </g> 17876 <g style="--index: 4;"> 17877 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17878 </g> 17879 <g style="--index: 5;"> 17880 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17881 </g> 17882 <g style="--index: 6;"> 17883 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17884 </g> 17885 <g style="--index: 7;"> 17886 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 17887 </g> 17888 </g> 17889</svg> 17890</span> 17891 </span> 17892 </button> 17893</add-to-cart-component> 17894 17895 17896 <button 17897 class="button quick-add__button quick-add__button--choose add-to-cart-button" 17898 17899 type="button" 17900 name="add" 17901 on:click="quick-add-component/handleClick" 17902 > 17903 <span 17904 class="add-to-cart-text" 17905 > 17906 17907 <span 17908 aria-hidden="true" 17909 class="svg-wrapper add-to-cart-icon" 17910 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 17911</span> 17912 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 17913 <span> 17914 17915 <span> 17916 Choose 17917 </span> 17918 </span> 17919 </span> 17920 </span> 17921 </button><input type="hidden" name="product-id" value="10113701216573" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 17922</quick-add-component> 17923 17924 17925 17926 17927 17928 17929</div> 17930 17931 17932 17933 17934 17935<div class="product-grid-view-zoom-out--details"> 17936 17937 <h3 class="h4">Diver</h3> 17938 17939</div> 17940 17941 17942 17943 17944 17945 17946 17947 17948<div 17949 class=" 17950 group-block 17951 group-block--height-fit 17952 group-block--width-fill 17953 border-style 17954 spacing-style 17955 size-style 17956 17957 17958 " 17959 style=" 17960 --border-width: 1px; --border-style: none; --border-color: 17961rgb(var(--color-border-rgb) / 1.0); --border-radius: 179620px; 17963 17964 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 17965 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 17966 17967 " 17968 17969 data-testid="group-block" 17970><div class="group-block__media-wrapper"> 17971 17972 17973 17974 17975 17976 </div> 17977 17978 <div 17979 class=" 17980 group-block-content 17981 17982 layout-panel-flex 17983 layout-panel-flex--row 17984 mobile-column 17985 " 17986 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 17987 17988--gap: 12px; 17989 17990--horizontal-alignment: space-between;
17990 --vertical-alignment: flex-start; 17991--vertical-alignment-mobile: flex-start; 17992" 17993 > 17994 17995 17996 17997 17998<div 17999 class=" 18000 group-block 18001 group-block--height-fit 18002 group-block--width-custom 18003 border-style 18004 spacing-style 18005 size-style 18006 18007 18008 " 18009 style=" 18010 --border-width: 1px; --border-style: none; --border-color: 18011rgb(var(--color-border-rgb) / 1.0); --border-radius: 180120px; 18013 18014 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18015 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 18016 18017 " 18018 18019 data-testid="group-block" 18020><div class="group-block__media-wrapper"> 18021 18022 18023 18024 18025 18026 </div> 18027 18028 <div 18029 class=" 18030 group-block-content 18031 18032 layout-panel-flex 18033 layout-panel-flex--column 18034 mobile-column 18035 " 18036 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18037 18038--gap: 0px; 18039 18040--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 18041--vertical-alignment-mobile: flex-start; 18042" 18043 > 18044 18045 18046 18047 18048 <a 18049 class="contents user-select-text" 18050 ref="productTitleLink" 18051 href="/products/coastal-cashmere-yarn-diver?variant=50895901098301" 18052 > 18053 18054 18055 18056 18057 18058 18059 18060 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-22 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 18061 <p>Diver</p> 18062 </div> 18063 18064 18065 18066 18067 </a> 18068 18069 18070 18071 18072 18073 18074<product-price 18075 class="text-block text-block--align-left text-left h5 spacing-style" 18076 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-22" 18077 data-product-id="10113701216573" 18078 style=" 18079 18080--color: var(--color-foreground); 18081 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18082 --width: 100%; 18083 " 18084 18085> 18086 <div ref="priceContainer"> 18087 18088 18089 18090 18091 18092 <span class="price">$52.00</span> 18093 18094 18095 18096 18097</div> 18098 18099 18100</product-price> 18101 18102 18103 18104 18105 18106 18107 18108</div> 18109</div> 18110 18111 18112 18113 18114 18115 18116 18117 18118 18119<div 18120 class=" 18121 group-block 18122 group-block--height-fit 18123 group-block--width-fill 18124 border-style 18125 spacing-style 18126 size-style 18127 18128 18129 " 18130 style=" 18131 --border-width: 1px; --border-style: none; --border-color: 18132rgb(var(--color-border-rgb) / 1.0); --border-radius: 181330px; 18134 18135 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18136 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 18137 18138 " 18139 18140 data-testid="group-block" 18141><div class="group-block__media-wrapper"> 18142 18143 18144 18145 18146 18147 </div> 18148 18149 <div 18150 class=" 18151 group-block-content 18152 18153 layout-panel-flex 18154 layout-panel-flex--column 18155 mobile-column 18156 " 18157 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18158 18159--gap: 0px; 18160 18161--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 18162--vertical-alignment-mobile: flex-start; 18163" 18164 > 18165 18166 18167 18168 18169 18170 18171 18172 18173</div> 18174</div> 18175 18176 18177 18178 18179 18180 18181</div> 18182</div> 18183 18184 18185 18186 18187 18188 18189 18190 </div> 18191</product-card> 18192 18193 18194 18195 18196 18197 18198 18199 </li> 18200 18201 <li 18202 id="template--26673864704317__main-9360760799549" 18203 class="product-grid__item product-grid__item--23" 18204 data-page="1" 18205 data-product-id="9360760799549" 18206 ref="cards[]" 18207 > 18208 18209 18210 18211 18212 18213 18214 18215<style data-shopify> 18216 18217</style> 18218 18219 18220 18221<product-card 18222 class="product-card size-style" 18223 style="--size-style-width: ;--size-style-height: ;" 18224 data-product-id="9360760799549" 18225 id="product-card-AL0tpbE54MnF3MmVqM__product-card-23" 18226 18227 data-product-transition="true" 18228 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=500" 18229 on:click="/handleViewTransition" 18230 18231 18232 18233> 18234 <a 18235 id="7ef418c814fe92504dd2bc82b1698160" 18236 18237 href="/products/coastal-cashmere-yarn-peacoat?variant=48601583092029" 18238 18239 class="product-card__link" 18240 ref="productCardLink" 18241 > 18242 <span class="visually-hidden"> 18243 Peacoat 18244 </span> 18245 </a> 18246 <div 18247 class=" 18248 product-card__content 18249 layout-panel-flex 18250 layout-panel-flex--column 18251 product-grid__card 18252 spacing-style 18253 border-style 18254 gap-style 18255 18256 " 18257 style=" 18258 --border-width: 1px; --border-style: none; --border-color: 18259rgb(var(--color-border-rgb) / 1.0); --border-radius: 182600px; 18261 18262 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18263 18264 18265 18266--horizontal-alignment: ; --vertical-alignment: ; 18267--vertical-alignment-mobile: ; 18268 18269 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18270 --product-card-gap: 8px; 18271 --quick-add-display: flex; 18272 --quick-add-mobile-display: flex; 18273 --quick-add-mobile-opacity: 1; 18274 18275 18276 18277 18278 " 18279 > 18280 18281 18282 18283 18284 18285 18286 18287 18288 18289<div 18290 ref="cardGallery" 18291 class="card-gallery card-gallery-AVmhSaDh1RlIzQ2t2Y__card-gallery-23 spacing-style border-style" 18292 style=" 18293 --border-width: 1px; --border-style: none; --border-color: 18294rgb(var(--color-border-rgb) / 1.0); --border-radius: 182950px; 18296 18297 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18298 --gallery-aspect-ratio: 1; 18299 " 18300 data-product-id="9360760799549" 18301
18302 on:pointerenter="/previewImage" 18303 on:pointerleave="/resetImage" 18304 18305 18306 data-view-transition-to-main-product 18307 18308 data-image-ratio="square" 18309 18310> 18311 <a 18312 class="contents" 18313 ref="cardGalleryLink" 18314 href="/products/coastal-cashmere-yarn-peacoat?variant=48601583092029" 18315 aria-label="Peacoat" 18316 > 18317 <slideshow-component 18318 18319 ref="slideshow" 18320 18321 18322 style="--slideshow-timeline: --slide-0;--slide-min-height: auto;--slide-min-height-desktop: auto;" 18323 18324 initial-slide="0" 18325 18326 18327 infinite 18328 18329 18330 data-generic-media-size="1" 18331> 18332 18333 <slideshow-container ref="slideshowContainer"> 18334 18335 18336 <slideshow-slides 18337 tabindex="-1" 18338 ref="scroller" 18339 18340 > 18341 <slideshow-slide 18342 ref="slides[]" 18343 aria-hidden="false" 18344 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 18345 18346 class="product-media-container media-fit product-media-container--image" 18347 18348 18349 18350 18351 slide-id="49920412647741" 18352 18353 18354 18355 18356> 18357 18358 18359<div 18360 class="product-media" 18361 style="--ratio: 1.0" 18362 data-media-id="49920412647741" 18363> 18364 18365 <img src="//www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=3840" alt="Peacoat" srcset="//www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=352 352w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=832 832w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 18366 18367 18368</div> 18369 18370 18371 18372</slideshow-slide> 18373 18374 </slideshow-slides> 18375 </slideshow-container> 18376 18377</slideshow-component> 18378 18379 18380 18381 </a> 18382 18383 18384 <div 18385 class="product-badges product-badges--top-left" 18386 style=" 18387 --badge-border-radius: 0px; 18388 --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase; 18389 " 18390 ></div> 18391 18392 18393 18394<quick-add-component 18395 class="quick-add color-scheme-1 " 18396 ref="quickAdd" 18397 data-product-title="Peacoat" 18398 data-quick-add-button="add" 18399 data-product-options-count="1" 18400> 18401 <product-form-component 18402 data-section-id="template--26673864704317__main" 18403 data-product-id="9360760799549" 18404 on:submit="/handleSubmit" 18405 class="quick-add__product-form-component" 18406 > 18407 <div 18408 class="visually-hidden" 18409 aria-live="assertive" 18410 role="status" 18411 aria-atomic="true" 18412 ref="liveRegion" 18413 ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9360760799549-AVmhSaDh1RlIzQ2t2Y__card-gallery-23" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 18414 type="hidden" 18415 name="id" 18416 ref="variantId" 18417 value="48601583092029" 18418 18419 > 18420 <input 18421 type="hidden" 18422 name="quantity" 18423 value="1" 18424 > 18425 18426 <add-to-cart-component 18427 ref="addToCartButtonContainer" 18428 data-product-variant-media="//www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&width=100" 18429 data-add-to-cart-animation="true" 18430> 18431 <button 18432 18433 type="submit" 18434 name="add" 18435 ref="addToCartButton" 18436 on:click="/handleClick" 18437 class="button button quick-add__button quick-add__button--add add-to-cart-button" 18438 18439 18440 > 18441 <span 18442 class="add-to-cart-text" 18443 > 18444
18445 <span 18446 aria-hidden="true" 18447 class="svg-wrapper add-to-cart-icon" 18448 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 18449</span> 18450 18451 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 18452 <span> 18453 <span>Add</span> 18454 </span> 18455 </span> 18456 </span> 18457 18458 <span class="add-to-cart__added"> 18459 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 18460 <g class="check"> 18461 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 18462 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 18463 </g> 18464 <g class="burst"> 18465 <g style="--index: 0;"> 18466 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18467 </g> 18468 <g style="--index: 1;"> 18469 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18470 </g> 18471 <g style="--index: 2;"> 18472 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18473 </g> 18474 <g style="--index: 3;"> 18475 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18476 </g> 18477 <g style="--index: 4;"> 18478 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18479 </g> 18480 <g style="--index: 5;"> 18481 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18482 </g> 18483 <g style="--index: 6;"> 18484 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18485 </g> 18486 <g style="--index: 7;"> 18487 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 18488 </g> 18489 </g> 18490</svg> 18491</span> 18492 </span> 18493 </button> 18494</add-to-cart-component> 18495 18496 18497 <button 18498 class="button quick-add__button quick-add__button--choose add-to-cart-button" 18499 18500 type="button" 18501 name="add" 18502 on:click="quick-add-component/handleClick" 18503 > 18504 <span 18505 class="add-to-cart-text" 18506 > 18507 18508 <span 18509 aria-hidden="true" 18510 class="svg-wrapper add-to-cart-icon" 18511 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 18512</span> 18513 <span class="add-to-cart-text__content is-visually-hidden-mobile"> 18514 <span> 18515 18516 <span> 18517 Choose 18518 </span> 18519 </span> 18520 </span> 18521 </span> 18522 </button><input type="hidden" name="product-id" value="9360760799549" /><input type="hidden" name="section-id" value="template--26673864704317__main" /></form></product-form-component> 18523</quick-add-component> 18524 18525 18526 18527 18528 18529 18530</div> 18531 18532 18533 18534 18535 18536<div class="product-grid-view-zoom-out--details"> 18537 18538 <h3 class="h4">Peacoat</h3> 18539 18540</div> 18541 18542 18543 18544 18545 18546 18547 18548 18549<div 18550 class=" 18551 group-block 18552 group-block--height-fit 18553 group-block--width-fill 18554 border-style 18555 spacing-style 18556 size-style 18557 18558 18559 " 18560 style=" 18561 --border-width: 1px; --border-style: none; --border-color: 18562rgb(var(--color-border-rgb) / 1.0); --border-radius: 185630px; 18564 18565 --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18566 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 18567 18568 " 18569 18570 data-testid="group-block" 18571><div class="group-block__media-wrapper"> 18572 18573 18574 18575 18576 18577 </div> 18578 18579 <div 18580 class=" 18581 group-block-content 18582 18583 layout-panel-flex 18584 layout-panel-flex--row 18585 mobile-column 18586 " 18587 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18588 18589--gap: 12px; 18590 18591--horizontal-alignment: space-between;
18591 --vertical-alignment: flex-start; 18592--vertical-alignment-mobile: flex-start; 18593" 18594 > 18595 18596 18597 18598 18599<div 18600 class=" 18601 group-block 18602 group-block--height-fit 18603 group-block--width-custom 18604 border-style 18605 spacing-style 18606 size-style 18607 18608 18609 " 18610 style=" 18611 --border-width: 1px; --border-style: none; --border-color: 18612rgb(var(--color-border-rgb) / 1.0); --border-radius: 186130px; 18614 18615 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18616 --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 18617 18618 " 18619 18620 data-testid="group-block" 18621><div class="group-block__media-wrapper"> 18622 18623 18624 18625 18626 18627 </div> 18628 18629 <div 18630 class=" 18631 group-block-content 18632 18633 layout-panel-flex 18634 layout-panel-flex--column 18635 mobile-column 18636 " 18637 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18638 18639--gap: 0px; 18640 18641--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 18642--vertical-alignment-mobile: flex-start; 18643" 18644 > 18645 18646 18647 18648 18649 <a 18650 class="contents user-select-text" 18651 ref="productTitleLink" 18652 href="/products/coastal-cashmere-yarn-peacoat?variant=48601583092029" 18653 > 18654 18655 18656 18657 18658 18659 18660 18661 <div class=" spacing-style text-block text-block--AR1c3ZjZJT0hsMkRse__product_title_GDE6KA-23 h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 18662 <p>Peacoat</p> 18663 </div> 18664 18665 18666 18667 18668 </a> 18669 18670 18671 18672 18673 18674 18675<product-price 18676 class="text-block text-block--align-left text-left h5 spacing-style" 18677 data-block-id="AL0k4cXhQQUFtMThQS__price_prVYBm-23" 18678 data-product-id="9360760799549" 18679 style=" 18680 18681--color: var(--color-foreground); 18682 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18683 --width: 100%; 18684 " 18685 18686> 18687 <div ref="priceContainer"> 18688 18689 18690 18691 18692 18693 <span class="price">$52.00</span> 18694 18695 18696 18697 18698</div> 18699 18700 18701</product-price> 18702 18703 18704 18705 18706 18707 18708 18709</div> 18710</div> 18711 18712 18713 18714 18715 18716 18717 18718 18719 18720<div 18721 class=" 18722 group-block 18723 group-block--height-fit 18724 group-block--width-fill 18725 border-style 18726 spacing-style 18727 size-style 18728 18729 18730 " 18731 style=" 18732 --border-width: 1px; --border-style: none; --border-color: 18733rgb(var(--color-border-rgb) / 1.0); --border-radius: 187340px; 18735 18736 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 18737 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 18738 18739 " 18740 18741 data-testid="group-block" 18742><div class="group-block__media-wrapper"> 18743 18744 18745 18746 18747 18748 </div> 18749 18750 <div 18751 class=" 18752 group-block-content 18753 18754 layout-panel-flex 18755 layout-panel-flex--column 18756 mobile-column 18757 " 18758 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18759 18760--gap: 0px; 18761 18762--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 18763--vertical-alignment-mobile: flex-start; 18764" 18765 > 18766 18767 18768 18769 18770 18771 18772 18773 18774</div> 18775</div> 18776 18777 18778 18779 18780 18781 18782</div> 18783</div> 18784 18785 18786 18787 18788 18789 18790 18791 </div> 18792</product-card> 18793 18794 18795 18796 18797 18798 18799 18800 </li> 18801 18802 18803 </ul> 18804 18805 <span ref="viewMoreNext"></span> 18806 18807 18808 </div> 18809</div> 18810 18811 18812 18813 18814 </div> 18815</results-list> 18816 18817 18818 18819 18820</div><div id="shopify-section-template--26673864704317__divider_xxxFca" class="shopify-section"> 18821 18822 18823 18824 18825 18826<div class="section-background color-scheme-1"></div> 18827<div 18828 class="section section--full-width color-scheme-1" 18829 data-testid="divider-template--26673864704317__divider_xxxFca" 18830> 18831 <div 18832 class="divider divider-template--26673864704317__divider_xxxFca spacing-style" 18833 style=" 18834 --divider-justify-content: center; 18835 --padding-block-start: 16px;--padding-block-end: 16px; 18836 " 18837 18838 18839> 18840 <span 18841 class="divider__line" 18842 style=" 18843 --divider-border-thickness: 1px; 18844 18845 --divider-flex-basis: 100%; 18846 " 18847 ></span> 18848</div> 18849 18850 18851 18852</div> 18853 18854 18855</div><div id="shopify-section-template--26673864704317__section_MFcUnJ" class="shopify-section section-wrapper"> 18856 18857 18858 18859<div class="section-background color-scheme-1"></div> 18860<div 18861 class="section section--page-width color-scheme-1" 18862 data-testid="ui-test-section" 18863 18864 18865 18866 style=" 18867 18868 18869 18870 " 18871> 18872 <div class="custom-section-background"> 18873 18874 18875 18876 18877 </div> 18878 18879 <div 18880 class="border-style custom-section-content" 18881 style="--border-width: 1px; --border-style: none; --border-color: 18882rgb(var(--color-border-rgb) / 1.0); --border-radius: 188830px; 18884" 18885 > 18886 18887 18888 <div 18889 class=" 18890 spacing-style 18891 layout-panel-flex 18892 layout-panel-flex--column 18893 section-content-wrapper 18894 mobile-column 18895 " 18896 style=" 18897 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 18898 18899--gap: 0px; 18900 18901--horizontal-alignment: center; --vertical-alignment: center; 18902--vertical-alignment-mobile: center; 18903 18904 --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: 0px; 18905 " 18906 data-testid="section-content" 18907 > 18908 18909 18910 18911 18912 18913 18914 18915 18916 18917 18918 <rte-formatter class=" spacing-style text-block text-block--AekVTU1VMQWpRdFQxd__text_EX8Efd rte text-block--align-left rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-narrow); --text-align: left; "> 18919 <h2>Shop By Collection</h2> 18920 </rte-formatter> 18921 18922 18923 18924 18925 18926 18927 18928 18929 </div> 18930 </div> 18931</div> 18932 18933 18934 18935 18936 18937</div><div id="shopify-section-template--26673864704317__collection_links_AtyRVK" class="shopify-section"> 18938 18939 18940
18941<script 18942 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/collection-links.js?v=82286893601863644401773688148" 18943 type="module" 18944 fetchpriority="low" 18945></script>
18945 18946 18947<div class="section-background color-scheme-1"></div> 18948<div 18949 class="section section--page-width color-scheme-1 spacing-style" 18950 style="--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));" 18951 data-testid="collection-links-template--26673864704317__collection_links_AtyRVK" 18952> 18953 <collection-links-component 18954 layout="spotlight" 18955 alignment="left" 18956 18957 > 18958 <div 18959 class="collection-links__container" 18960 ref="container" 18961 > 18962 18963 18964 18965 18966 18967 18968 18969 18970 18971 18972 18973 18974 18975 18976 <a 18977 href="/collections/fair-isle-box-of-itty-bitties" 18978 class="collection-links__link" 18979 ref="links[]" 18980 on:pointerenter="/select/0" 18981 on:focus="/select/0" 18982 18983 aria-current="false" 18984 18985 18986 > 18987 18988 18989 18990 18991 18992 18993 18994<span 18995 class=" 18996 text-block 18997 custom-typography 18998 18999 19000 " 19001 style=" 19002--color: ; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--heading-normal); --letter-spacing: var(--letter-spacing--heading-normal);" 19003 19004 > 19005 <span>Fair Isle Box of Itty Bitties</span> <sup class="collection-links__count">4</sup> 19006 </span> 19007 19008 19009 19010 19011 </a> 19012 19013 19014 19015 19016 19017 19018 19019 19020 19021 19022 19023 19024 19025 19026 19027 19028 19029 19030 19031 19032 <a 19033 href="/collections/coastal-windows-image" 19034 class="collection-links__link" 19035 ref="links[]" 19036 on:pointerenter="/select/1" 19037 on:focus="/select/1" 19038 19039 aria-current="false" 19040 19041 19042 > 19043 19044 19045 19046 19047 19048 19049 19050<span 19051 class=" 19052 text-block 19053 custom-typography 19054 19055 19056 " 19057 style=" 19058--color: ; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--heading-normal); --letter-spacing: var(--letter-spacing--heading-normal);" 19059 19060 > 19061 <span>Fun Size Bundles</span> <sup class="collection-links__count">17</sup> 19062 </span> 19063 19064 19065 19066 19067 </a> 19068 19069 19070 19071 19072 19073 19074 19075 19076 19077 19078 19079 19080 19081 19082 19083 19084 19085 19086 19087 19088 <a 19089 href="/collections/knitting-patterns" 19090 class="collection-links__link" 19091 ref="links[]" 19092 on:pointerenter="/select/2" 19093 on:focus="/select/2" 19094 19095 aria-current="false" 19096 19097 19098 > 19099 19100 19101 19102 19103 19104 19105 19106<span 19107 class=" 19108 text-block 19109 custom-typography 19110 19111 19112 " 19113 style=" 19114--color: ; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--heading-normal); --letter-spacing: var(--letter-spacing--heading-normal);" 19115 19116 > 19117 <span>Knitting Patterns</span> <sup class="collection-links__count">13</sup> 19118 </span> 19119 19120 19121 19122 19123 </a> 19124 19125 19126 19127 19128 19129 19130 19131 19132 19133 19134 19135 19136 19137 19138 19139 19140 19141 19142 19143 19144 <a 19145 href="/collections/skeins" 19146 class="collection-links__link" 19147 ref="links[]" 19148 on:pointerenter="/select/3" 19149 on:focus="/select/3" 19150 19151 aria-current="true" 19152 19153 19154 > 19155 19156 19157 19158 19159 19160 19161 19162<span 19163 class=" 19164 text-block 19165 custom-typography 19166 19167 19168 " 19169 style=" 19170--color: ; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--heading-normal); --letter-spacing: var(--letter-spacing--heading-normal);" 19171 19172 > 19173 <span>Skeins</span> <sup class="collection-links__count">33</sup> 19174 </span> 19175 19176 19177 19178 19179 </a> 19180 19181 19182 19183 19184 19185 19186 19187 </div> 19188 19189 19190 19191 19192 <slideshow-component 19193 19194 ref="slideshow" 19195 19196 19197 class="collection-links__images" 19198 19199 style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;" 19200 19201 initial-slide="0" 19202 19203 19204 infinite 19205 19206 19207 19208> 19209 19210 <slideshow-container ref="slideshowContainer"> 19211 19212 19213 <slideshow-slides 19214 tabindex="-1" 19215 ref="scroller" 19216 19217 > 19218 19219 19220 19221 19222 19223 19224 <slideshow-slide 19225 ref="slides[]" 19226 aria-hidden="false" 19227 style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19228 19229 19230 19231 19232 19233 19234 19235> 19236 19237 19238 19239 19240 19241 19242 19243 19244 19245 19246 19247 19248 19249 19250 <a 19251 href="/collections/fair-isle-box-of-itty-bitties" 19252 class="collection-links__image" 19253 size="" 19254 19255 > 19256 19257 19258 19259 19260 19261 19262 19263 19264 19265 <image-block 19266 ratio="square" 19267 height="large" 19268 style="--border-radius: 0px;" 19269 19270 > 19271 <img src="//www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&width=2560" alt="Fair Isle Box of Itty Bitties" srcset="//www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&width=240 240w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&width=352 352w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&width=832 832w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100v
19271w, 100vw"> 19272 </image-block> 19273 19274 19275 19276 19277 19278 19279 19280 </a> 19281 19282 19283 19284 19285 19286 19287 19288 19289</slideshow-slide> 19290 19291 19292 19293 19294 19295 19296 <slideshow-slide 19297 ref="slides[]" 19298 aria-hidden="true" 19299 style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19300 19301 19302 19303 19304 19305 19306 19307> 19308 19309 19310 19311 19312 19313 19314 19315 19316 19317 19318 19319 19320 19321 19322 <a 19323 href="/collections/coastal-windows-image" 19324 class="collection-links__image" 19325 size="" 19326 19327 > 19328 19329 19330 19331 19332 19333 19334 19335 19336 19337 <image-block 19338 ratio="square" 19339 height="large" 19340 style="--border-radius: 0px;" 19341 19342 > 19343 <img src="//www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&width=2560" alt="Fun Size Bundles" srcset="//www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&width=240 240w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&width=352 352w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&width=832 832w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100vw, 100vw"> 19344 </image-block> 19345 19346 19347 19348 19349 19350 19351 19352 </a> 19353 19354 19355 19356 19357 19358 19359 19360 19361</slideshow-slide> 19362 19363 19364 19365 19366 19367 19368 <slideshow-slide 19369 ref="slides[]" 19370 aria-hidden="true" 19371 style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19372 19373 19374 19375 19376 19377 19378 19379> 19380 19381 19382 19383 19384 19385 19386 19387 19388 19389 19390 19391 19392 19393 19394 <a 19395 href="/collections/knitting-patterns" 19396 class="collection-links__image" 19397 size="" 19398 19399 > 19400 19401 19402 19403 19404 19405 19406 19407 19408 19409 <image-block 19410 ratio="square" 19411 height="large" 19412 style="--border-radius: 0px;" 19413 19414 > 19415 <img src="//www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&width=2560" alt="Knitting Patterns" srcset="//www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&width=240 240w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&width=352 352w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&width=832 832w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100vw, 100vw"> 19416 </image-block> 19417 19418 19419 19420 19421 19422 19423 19424 </a> 19425 19426 19427 19428 19429 19430 19431 19432 19433</slideshow-slide> 19434 19435 19436 19437 19438 19439 19440 <slideshow-slide 19441 ref="slides[]" 19442 aria-hidden="true" 19443 style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 19444 19445 19446 19447 19448 19449 19450 19451> 19452 19453 19454 19455 19456 19457 19458 19459 19460 19461 19462 19463 19464 19465 19466 <a 19467 href="/collections/skeins" 19468 class="collection-links__image" 19469 size="" 19470 19471 > 19472 19473 19474 19475 19476 19477 19478 19479 19480 19481 <image-block 19482 ratio="square" 19483 height="large" 19484 style="--border-radius: 0px;" 19485 19486 > 19487 <img src="//www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&width=2560" alt="Skeins" srcset="//www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&width=240 240w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&width=352 352w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&width=832 832w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&width=1200 1200w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&width=1600 1600w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&width=1920 1920w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100v
19487w, 100vw"> 19488 </image-block> 19489 19490 19491 19492 19493 19494 19495 19496 </a> 19497 19498 19499 19500 19501 19502 19503 19504 19505</slideshow-slide> 19506 19507 19508 19509 </slideshow-slides> 19510 </slideshow-container> 19511 19512</slideshow-component> 19513 19514 19515 19516 19517 </collection-links-component> 19518</div> 19519 19520 19521 19522 19523 19524 19525</div></div> 19526 <div id='easylockdown404' style='display:none;'><div class="easylockdown404-content-container"><div class="easylockdown404-content-wrapper"><div class="easylockdown404-title-holder"><span class="easylockdown-title-404"></span></div><div class="easylockdown404-content-holder rte"><div class="easylockdown-message-404"></div></div></div></div></div> 19527 <div id="easylockdown-password-form" style="display: none;"> 19528 <div id="easylockdown-wrapper"> 19529 19530 19531 <div class="easylockdown-form-holder"> 19532 <div id="easylockdown-password-error">Invalid password</div> 19533 <input type="password" placeholder="" id="easylockdown-password" 19534 onkeypress="if( event.keyCode == 13 && typeof easylockdown == 'object' && typeof easylockdown.checkUnlockPassword == 'function' ) { event.preventDefault(); easylockdown.checkUnlockPassword(this); }" /> 19535 <a href="javascript:void(0);" id="easylockdown-password-form-button" onclick="if( typeof easylockdown == 'object' && typeof easylockdown.checkUnlockPassword == 'function' ) easylockdown.checkUnlockPassword(this);">Enter</a> 19536 </div> 19537 </div> 19538</div> 19539 19540
19540<script type="text/javascript" id='easylockdown-helper'> 19541 var easylockdownLoaded = false; 19542 document.addEventListener('easylockdown_loaded', function() { 19543 easylockdownLoaded = true; 19544 easylockdown.clientContentToggle(true); 19545 }, {once: true}); 19546 document.addEventListener('DOMContentLoaded', function() { 19547 setTimeout(function() { 19548 if(!easylockdownLoaded) { for(var blocks=document.querySelectorAll("#easylockdown-password-form, #easylockdown-hpbtn-style, .easylockdown-auto-hl-styles, .easylockdown-custom-hl-styles, #easylockdown404"),_easylockdownElementIndex=0;_easylockdownElementIndex<blocks.length;_easylockdownElementIndex++)blocks[_easylockdownElementIndex].remove(); 19549 var elContent = document.querySelector('.easylockdown-content') 19550 if(elContent) { 19551 elContent.removeAttribute('style'); 19552 } 19553 var elStyle = document.getElementById('easylockdown-plugin-style'); 19554 if(elStyle) { 19555 elStyle.remove(); 19556 } 19557 console.info("EasyLockdown is not loaded"); 19558 } 19559 }, 350); 19560 }); 19561 </script>
19561 19562 19563 19564 19565 </main> 19566 19567 <footer> 19568 <!-- BEGIN sections: footer-group --> 19569<div id="shopify-section-sections--26673864966461__design_pack_newsletter_with_text_D3fgKm" class="shopify-section shopify-section-group-footer-group DP__newsletter-text"> 19570 19571 19572<style>.DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm { background-size: cover; position: relative; font-family: var(--main-font); color: #ffffff; background-color: #10313f; background-image: ; margin-top: 0px; margin-bottom: 0px; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__sizer { padding-top: 40px; padding-bottom: 40px; width: 90%; max-width: px; flex-wrap: wrap; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__background::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; background-color: #10313f; background-image: ; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__sizer { z-index: 2; position: relative; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form-column { flex: 1 0 50%; padding: 40px; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__content { flex: 1 0 50%; padding: 40px; position: relative; align-items: center; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__content::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; z-index: 1; background-color: #ffffff;left: 100%;} .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__small-heading { line-height: var(--dp-g-small-heading-line-height, var(--dp-small-heading-line-height, calc(3px + 2ex + 3px))); font-size: calc(var(--dp-g-small-heading-size, var(--dp-small-heading-size, 24px)) * 1.0);} .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__small-heading + .dsgn-pck__text { margin-top: calc(10px * 1.0); } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__text { line-height: var(--dp-g-body-line-height, var(--dp-body-line-height, calc(3px + 2.5ex + 3px))); font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0);} .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form { --form-gap: 5px; width: 100%; display: flex; flex-wrap: wrap; gap: calc(var(--form-gap) * 2); } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form-text { width: 100%; color: inherit; font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0); } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form input { margin: unset; width: 100%; margin-top: 10px; padding: 0.8em; font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0); } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form input[type="submit"] { margin-top: 1.2em } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form input[type="text"], .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form input[type="email"] { padding: 0.8em; background: transparent; border: thin solid #ffffff; color: #ffffff;} .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm input::placeholder { opacity: 0.6; color: #ffffff;} .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form input:first-child { margin-top: 0; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__button { border: none; transition: all 0.3s ease-in-out; border: thin solid; border-radius: 0px; color: #ffffff; font-size: calc(var(--dp-g-body-size, var(--dp-body-size, 18px)) * 1.0); border-color:#e64f4f; background-color: #e64f4f;} .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__button:hover { opacity: 1;
19572background-color: #e02222; border-color: transparent;; }.DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm-compact .dsgn-pck__newsletter_email { width: calc(70% - var(--form-gap)); } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm-compact .dsgn-pck__button { width: calc(30% - var(--form-gap)); } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm-compact.dsgn-pck__form input { margin-top: 0; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm-compact.dsgn-pck__form input[type="submit"] { margin-top: 0; } /* Animation */.DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm [style*="--dsgn-pck-animate"] { opacity: 1; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__flex > .dsgn-pck__column { flex: 1 0 auto; z-index: 3; width: 50%; }/* Landscape phone to portrait tablet */ @media (max-width: 767px) { .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__form-column { padding-left: 0; padding-right: 0; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__content { padding-left: 0; padding-right: 0; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__content::after { top: 100%; transform: translate(-50%, 0); left: 50%; width: 100%; height: 2px; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__flex > .dsgn-pck__column { flex: 1 0 auto; z-index: 3; width: 100%; } } /* Landscape phones and down */ @media (max-width: 480px) { .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm { margin-top: 0px; margin-bottom: 0px; } .DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm .dsgn-pck__sizer { min-width: 70%; padding-top: 20px; padding-bottom: 20px; }} </style><section id="DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm" class="DP--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm dsgn-pck__newsletter-text dsgn-pck__section "><div class="dsgn-pck__background dsgn-pck__parallax"><img src="https://cdn.shopify.com/s/files/1/0577/7673/4361/files/T0BYurbDK_M.jpg" class="dsgn-pck__parallax-img" alt="" loading="lazy" width="1600" height="1000" ><div class=" dsgn-pck__sizer dsgn-pck__flex "> <div class="dsgn-pck__content dsgn-pck__column dsgn-pck__flex dsgn-pck__justify-right" style="--dsgn-pck-animate: 0;" > <div class="dsgn-pck__inner-content"><h2 class="dsgn-pck__small-heading"> Hey Cashmere Connoisseur </h2><div class="dsgn-pck__text dsgn-pck__rte"> <p>Get exclusive deals on new color launches, pattern releases and more! Get 20% off your first order when you subscribe to the newsletter. </p> </div></div> </div> <div class="dsgn-pck__form-column dsgn-pck__column dsgn-pck__flex dsgn-pck__align-center" style="--dsgn-pck-animate: 1;" ><form method="post" action="/contact#dsgn-pck__form-sections--26673864966461__design_pack_newsletter_with_text_D3fgKm" id="dsgn-pck__form-sections--26673864966461__design_pack_newsletter_with_text_D3fgKm" accept-charset="UTF-8" class="dsgn-pck__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /><div class="dsgn-pck__form-response"></div><input type="hidden" name="contact[tags]" value="newsletter"> <input type="hidden" name="challenge" value="false"> <div class="dsgn-pck__form dsgn-pck__form--sections--26673864966461__design_pack_newsletter_with_text_D3fgKm-compact"> <div class="dsgn-pck__form-text">New Subscribers get 20% off their first order! Sign up for the newsletter today.</div><label class="dsgn-pck__visually-hidden" for="first-name-sections--26673864966461__design_pack_newsletter_with_text_D3fgKm">First name</label> <input class="dsgn-pck__newsletter_first-name" type="text" name="contact[first_name]" id="first-name-sections--26673864966461__design_pack_newsletter_with_text_D3fgKm" placeholder="First name" ><label class="dsgn-pck__visually-hidden" for="email-sections--26673864966461__design_pack_newsletter_with_text_D3fgKm">Email address</label> <input class="dsgn-pck__newsletter_email" type="email" name="contact[email]" required id="email-sections--26673864966461__design_pack_newsletter_with_text_D3fgKm" placeholder="Email address" > <input class="dsgn-pck__button" type="submit" value="Subscribe"> </div></form></div> </div> </div> </section> 19573 19574
19575<script type="application/json" data-dsgn-pck="sections--26673864966461__design_pack_newsletter_with_text_D3fgKm"> 19576 { 19577 "id": "sections--26673864966461__design_pack_newsletter_with_text_D3fgKm", 19578 "animation": "none", 19579 "focal_point": null, 19580 "enable_parallax": false 19581 } 19582</script>
19582<script data-dsgn-pck-js="sections--26673864966461__design_pack_newsletter_with_text_D3fgKm" type="module" defer> 19583 (function(){ 19584 19585 const designPack = { 19586 settings: {}, 19587 animateSection: function(entries, observer){ 19588 // Target the first entry available. 19589 let observedSection = entries[0]; 19590 if (observedSection.isIntersecting) { 19591 observedSection.target.classList.add('dsgn-pck__animation-applied'); 19592 } 19593 }, 19594 enableParallax: function(section){ 19595 const image = section.querySelector(`.dsgn-pck__parallax-img`); 19596 jarallax(section, { 19597 speed: 0.2, 19598 imgElement: image, 19599 imgPosition: this.settings.focal_point 19600 }); 19601 }, 19602 disableParallax: function(section){ 19603 jarallax(section, 'destroy'); 19604 }, 19605 load: function(section){ 19606 19607 if (this.settings.animation !== 'none'){ 19608 const options = { 19609 root: null, 19610 rootMargin: '0px', 19611 threshold: [0, 0.25, 0.5, 0.75, 1] 19612 }; 19613 // Construct Intersection Observer. 19614 const observer = new IntersectionObserver( this.animateSection, options ); 19615 // Observe if element is present. 19616 if (section) { 19617 observer.observe(section); 19618 } 19619 } 19620 19621 if (this.settings.enable_parallax == true){ 19622 this.enableParallax(section); 19623 } 19624 }, 19625 unload: function(section){ 19626 if (this.settings.enable_parallax == true){ 19627 this.disableParallax(section); 19628 } 19629 section.classList.remove('dsgn-pck__animation-applied') 19630 } 19631 } 19632 19633 window.addEventListener('shopify:section:unload', function (e) { 19634 const settings = document.querySelector(`[data-dsgn-pck="${e.detail.sectionId}"]`); 19635 const sectionId = e.detail.sectionId; 19636 const section = document.querySelector(`#DP--${e.detail.sectionId}`); 19637 if (sectionId == designPack.settings.id){ 19638 designPack.unload(section); 19639 } 19640 }); 19641 19642 designPack.settings = JSON.parse(document.querySelector('[data-dsgn-pck="sections--26673864966461__design_pack_newsletter_with_text_D3fgKm"]').innerHTML); 19643 const sectionId = "sections--26673864966461__design_pack_newsletter_with_text_D3fgKm"; 19644 const section = document.querySelector(`#DP--${sectionId}`); 19645 19646 if (sectionId == designPack.settings.id){ 19647 designPack.load(section); 19648 } 19649 })() 19650</script>
19650 19651</div><div id="shopify-section-sections--26673864966461__footer" class="shopify-section shopify-section-group-footer-group section-wrapper"> 19652 19653<div class="section-background color-scheme-1"></div> 19654<div 19655 class="section section--page-width color-scheme-1" 19656> 19657 19658 <div 19659 class=" 19660 footer-content 19661 spacing-style 19662 19663 19664 " 19665 style=" 19666 --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 35px)); 19667 --footer-gap: 24px; 19668 --grid-columns: 2; 19669 --last-row-count: 2; 19670 --tablet-last-row-count: 2; 19671 " 19672 > 19673 19674 19675 19676 19677 19678 <accordion-custom 19679 class=" 19680 menu 19681 19682 19683 " 19684 data-disable-on-desktop="true" 19685 open-by-default-on-desktop 19686 19687 data-disable-on-mobile="true" 19688 open-by-default-on-mobile 19689 19690 > 19691 <details 19692 class=" 19693 menu__details 19694 spacing-style 19695 19696 " 19697 data-testid="menu-details" 19698 style=" 19699 --spacing--size: 8px; 19700 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 19701 " 19702 19703 open 19704 19705 19706 > 19707 <summary class="menu__heading menu__heading--empty h3"> 19708 <span class="menu__heading__default"></span> 19709 <span class="menu__heading__accordion"> 19710 Main menu 19711 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 19712 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 19713</svg> 19714</span> 19715 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 19716 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 19717 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 19718</svg> 19719</span> 19720 </span> 19721 </summary> 19722 19723 <nav 19724 class="details-content" 19725 19726 aria-label="Main menu" 19727 19728 > 19729 19730 <ul class="list-unstyled"> 19731 19732 <li class="menu__item paragraph"> 19733 <a href="/"> 19734 HOME 19735 </a> 19736 </li> 19737 19738 <li class="menu__item paragraph"> 19739 <a href="/collections/skeins"> 19740 SHOP 19741 </a> 19742 </li> 19743 19744 <li class="menu__item paragraph"> 19745 <a href="/pages/about"> 19746 ABOUT 19747 </a> 19748 </li> 19749 19750 <li class="menu__item paragraph"> 19751 <a href="/pages/contact"> 19752 CONTACT 19753 </a> 19754 </li> 19755 19756 <li class="menu__item paragraph"> 19757 <a href="/pages/wholesale-application"> 19758 WHOLESALE INFO 19759 </a> 19760 </li> 19761 19762 <li class="menu__item paragraph"> 19763 <a href="/collections/wholesale-skeins"> 19764 SHOP WHOLESALE 19765 </a> 19766 </li> 19767 19768 </ul> 19769 19770 </nav> 19771 </details> 19772 </accordion-custom> 19773 19774 19775 19776 19777 19778 19779 19780 19781<div 19782 class=" 19783 group-block 19784 group-block--height-fit 19785 group-block--width-fill 19786 border-style 19787 spacing-style 19788 size-style 19789 19790 19791 " 19792 style=" 19793 --border-width: 1px; --border-style: none; --border-color: 19794rgb(var(--color-border-rgb) / 1.0); --border-radius: 197950px; 19796 19797 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 19798 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 19799 19800 " 19801 19802 data-testid="group-block" 19803><div class="group-block__media-wrapper"> 19804 19805 19806 19807 19808 19809 </div> 19810 19811 <div 19812 class=" 19813 group-block-content 19814 19815 layout-panel-flex 19816 layout-panel-flex--row 19817 mobile-column 19818 " 19819 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 19820 19821--gap: 12px; 19822 19823--horizontal-alignment: space-between;
19823 --vertical-alignment: flex-start; 19824--vertical-alignment-mobile: flex-start; 19825" 19826 > 19827 19828 19829 19830 19831 19832 19833 19834 19835 19836 <rte-formatter class=" spacing-style text-block text-block--ARTRoSHo5d24vYXRFe__text_Crcb4L rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "> 19837 <p>Coastal Cashmere is a one woman owned and operated fiber and knitting business headquartered in the heart of downtown Boise Idaho. Owner Heidi Hennessy is an active part in her community, standing up for the rights of women and folks in the queer community. She understands you have choices in where you shop and appreciates you showing support to a small woman owned business! </p> 19838 </rte-formatter> 19839 19840 19841 19842 19843 19844 19845 19846 19847 19848<div 19849 class=" 19850 group-block 19851 group-block--height-fit 19852 group-block--width-custom 19853 border-style 19854 spacing-style 19855 size-style 19856 19857 19858 " 19859 style=" 19860 --border-width: 1px; --border-style: none; --border-color: 19861rgb(var(--color-border-rgb) / 1.0); --border-radius: 198620px; 19863 19864 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 19865 --size-style-width:30%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 19866 19867 " 19868 19869 data-testid="group-block" 19870><div class="group-block__media-wrapper"> 19871 19872 19873 19874 19875 19876 </div> 19877 19878 <div 19879 class=" 19880 group-block-content 19881 19882 layout-panel-flex 19883 layout-panel-flex--column 19884 mobile-column 19885 " 19886 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 19887 19888--gap: 12px; 19889 19890--horizontal-alignment: flex-start; --vertical-alignment: center; 19891--vertical-alignment-mobile: center; 19892" 19893 > 19894 19895</div> 19896</div> 19897 19898 19899 19900 19901 19902 19903</div> 19904</div> 19905 19906 19907 19908 19909 19910 19911 </div> 19912</div> 19913 19914 19915 19916 19917</div><div id="shopify-section-sections--26673864966461__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities"> 19918 19919<div class="section-background color-scheme-1"></div> 19920<div 19921 class="section section--page-width color-scheme-1" 19922 19923> 19924 <div 19925 class="utilities utilities--blocks-3 spacing-style" 19926 style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 1px; --gap: 24px;" 19927 data-testid="footer-utilities" 19928 > 19929 19930 19931<div 19932 class=" 19933 footer-utilities__group-copyright 19934 custom-typography 19935 custom-font-size 19936 " 19937 style=" 19938--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 19939 19940> 19941 <span class="footer-utilities__text"> 19942 © 2026 19943 <a href="/" title="">Coastal Cashmere</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a> 19944</span> 19945</div> 19946 19947 19948 19949 19950<div 19951 class="social-icons__wrapper" 19952 19953> 19954 19955 19956 19957 19958 19959 19960 19961 19962 19963 19964 19965 19966 19967 19968 19969 19970 19971 19972 19973 19974 19975 19976 19977 19978 19979 19980 19981 19982 19983 19984 19985 19986 19987 19988 19989 19990 19991 19992 19993 19994 19995 19996 19997 19998 19999 20000 20001 20002 20003 20004 20005 20006 20007 20008 20009 20010 20011 20012 20013 20014 20015 20016 20017 20018 20019 20020 20021 20022 20023 20024 20025 20026 20027 20028</div> 20029 20030 20031 20032 20033 20034 20035 <anchored-popover-component 20036 data-hover-triggered="true" 20037 > 20038 <button 20039 class="policy-list-trigger button-unstyled" 20040 popovertarget="terms-policies-popover" 20041 popovertargetaction="toggle" 20042 ref="trigger" 20043 style=" 20044--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 20045 20046 > 20047 Terms and Policies 20048 </button> 20049 <div 20050 class="terms-policies-popover color-scheme-1" 20051 id="terms-policies-popover" 20052 popover="auto" 20053 ref="popover" 20054 > 20055 <ul 20056 class=" 20057 policy_list list-unstyled 20058 custom-typography 20059 custom-font-size 20060 " 20061 ><li> 20062 <a 20063 href="/policies/privacy-policy" 20064 class="footer-utilities__text" 20065 >Privacy policy</a> 20066 </li><li> 20067 <a 20068 href="/policies/refund-policy" 20069 class="footer-utilities__text" 20070 >Refund policy</a> 20071 </li><li> 20072 <a 20073 href="/policies/contact-information" 20074 class="footer-utilities__text" 20075 >Contact information</a> 20076 </li></ul> 20077 </div> 20078 </anchored-popover-component> 20079 20080 20081 20082 20083 20084 20085 </div> 20086</div> 20087 20088 20089 20090 20091</div> 20092<!-- END sections: footer-group --> 20093 </footer> 20094 20095
20095<script 20096 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/dialog.js?v=150888536568694194021773688148" 20097 type="module" 20098></script>
20098 20099
20100<script 20101 src="//www.coastalcashmere.com/cdn/shop/t/3/assets/predictive-search.js?v=149240552485540508541773688148" 20102 type="module" 20103 fetchpriority="low" 20104></script>
20104 20105 20106<dialog-component 20107 id="search-modal" 20108 class="search-modal" 20109 20110> 20111 <dialog 20112 ref="dialog" 20113 on:click="/closeDialogOnClickOutside" 20114 on:keydown="/closeDialogOnEscapePress" 20115 class="search-modal__content dialog-modal" 20116 scroll-lock 20117 aria-labelledby="search-modal-heading" 20118 > 20119 <h2 20120 id="search-modal-heading" 20121 class="visually-hidden" 20122 > 20123 Search 20124 </h2> 20125 <predictive-search-component 20126 class="predictive-search color-scheme-1" 20127 style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;" 20128 data-section-id="predictive-search" 20129 data-testid="search-component--modal" 20130 role="search" 20131 aria-label="Search" 20132 > 20133 <form 20134 action="/search" 20135 method="get" 20136 role="search" 20137 class="predictive-search-form" 20138 ref="form" 20139 on:keydown="/onSearchKeyDown" 20140 > 20141 <div 20142 class="predictive-search-form__header" 20143 > 20144 <div class="predictive-search-form__header-inner"> 20145 <label 20146 for="cmdk-input" 20147 class="visually-hidden" 20148 >Search</label> 20149 <input 20150 class="search-input" 20151 id="cmdk-input" 20152 type="search" 20153 name="q" 20154 role="combobox" 20155 aria-expanded="false" 20156 aria-owns="predictive-search-results" 20157 aria-controls="predictive-search-results" 20158 aria-haspopup="listbox" 20159 aria-autocomplete="list" 20160 autocomplete="off" 20161 placeholder="Search" 20162 ref="searchInput" 20163 on:input="/search" 20164 on:keydown="/onSearchKeyDown" 20165 > 20166 <input 20167 name="options[prefix]" 20168 type="hidden" 20169 value="last" 20170 > 20171 <span class="svg-wrapper predictive-search__icon"> 20172 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 20173 20174 </span> 20175 <button 20176 type="button" 20177 class="button-unstyled predictive-search__reset-button" 20178 ref="resetButton" 20179 hidden 20180 on:click="/resetSearch" 20181 > 20182 Clear 20183 </button> 20184 </div> 20185 <button 20186 type="button" 20187 class="button predictive-search__close-modal-button" 20188 aria-label="Close dialog" 20189 on:click="dialog-component/closeDialog" 20190 ref="closeModalButton" 20191 > 20192 <span class="svg-wrapper"> 20193 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 20194 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 20195 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 20196</svg> 20197 20198 </span> 20199 </button> 20200 </div> 20201 20202 <div class="predictive-search-form__content-wrapper"> 20203 <div 20204 class="predictive-search-form__content" 20205 tabindex="-1" 20206 ref="predictiveSearchResults" 20207 on:click="/handleModalClick" 20208 > 20209 20210 20211<div 20212 id="predictive-search-results" 20213 class="predictive-search-dropdown" 20214 role="listbox" 20215 aria-expanded="true" 20216 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 20217> 20218 20219 <div class="predictive-search-results__inner"> 20220 20221 20222 20223 20224 20225 <div 20226 id="predictive-search-products" 20227 class="predictive-search-results__products" 20228 20229 data-testid="products-list-default--modal" 20230 20231> 20232 20233 <h4 class="predictive-search-results__title"> 20234 Products 20235 </h4> 20236 <ul 20237 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 20238 role="listbox"
20239 aria-label="Products" 20240 > 20241 20242 20243 <li 20244 class="predictive-search-results__card predictive-search-results__card--product" 20245 ref="resultsItems[]" 20246 > 20247 20248<product-card-link 20249 data-product-id="10528128958781" 20250 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/Amsterdam_Beanie_Boardwalk_Window_Backgound.png?v=1790194584&width=500" 20251 data-product-transition="true" 20252 on:click="/handleViewTransition" 20253 ><div 20254 class="resource-card" 20255 data-resource-type="product" 20256> 20257 <a 20258 class="resource-card__link" 20259 href="/products/amsterdam-beanie-knitting-pattern" 20260 > 20261 <span class="visually-hidden"> 20262 Amsterdam Beanie Knitting Pattern 20263 </span> 20264 </a> 20265 <div 20266 class="resource-card__media" 20267 style="--resource-card-aspect-ratio: 4 / 5;" 20268 20269 ref="cardGallery" 20270 data-view-transition-to-main-product 20271 20272 > 20273 20274 20275 20276 <img src="//www.coastalcashmere.com/cdn/shop/files/Amsterdam_Beanie_Boardwalk_Window_Backgound.png?v=1790194584&width=500" alt="" srcset="//www.coastalcashmere.com/cdn/shop/files/Amsterdam_Beanie_Boardwalk_Window_Backgound.png?v=1790194584&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/Amsterdam_Beanie_Boardwalk_Window_Backgound.png?v=1790194584&width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> 20277 20278 <img src="//www.coastalcashmere.com/cdn/shop/files/Amsterdam_Beanie_Ferry_Ride_Top_View.png?v=1790192803&width=500" alt="Amsterdam Beanie Knitting Pattern" srcset="//www.coastalcashmere.com/cdn/shop/files/Amsterdam_Beanie_Ferry_Ride_Top_View.png?v=1790192803&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/Amsterdam_Beanie_Ferry_Ride_Top_View.png?v=1790192803&width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="53524905984317" style="object-position: 50.0% 50.0%;"> 20279</div> 20280 20281 <div class="resource-card__content"> 20282 <p class="resource-card__title paragraph">Amsterdam Beanie Knitting Pattern</p> 20283 20284 20285 <div ref="priceContainer"> 20286 20287 20288 20289 20290 20291 <span class="price">$0.00</span> 20292 20293 20294 20295 20296</div> 20297 20298 </div> 20299</div></product-card-link> 20300 20301 </li> 20302 20303 <li 20304 class="predictive-search-results__card predictive-search-results__card--product" 20305 ref="resultsItems[]" 20306 > 20307 20308<product-card-link 20309 data-product-id="9924582900029" 20310 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/BlackslingleSkeintransparent.png?v=1773947038&width=500" 20311 data-product-transition="true" 20312 on:click="/handleViewTransition" 20313 ><div 20314 class="resource-card" 20315 data-resource-type="product" 20316> 20317 <a 20318 class="resource-card__link" 20319 href="/products/coastal-cashmere-yarn-black" 20320 > 20321 <span class="visually-hidden"> 20322 Black 20323 </span> 20324 </a> 20325 <div 20326 class="resource-card__media" 20327 style="--resource-card-aspect-ratio: 4 / 5;" 20328 20329 ref="cardGallery" 20330 data-view-transition-to-main-product 20331 20332 > 20333 20334 20335 20336 <img src="//www.coastalcashmere.com/cdn/shop/files/BlackslingleSkeintransparent.png?v=1773947038&width=500" alt="" srcset="//www.coastalcashmere.com/cdn/shop/files/BlackslingleSkeintransparent.png?v=1773947038&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/BlackslingleSkeintransparent.png?v=1773947038&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> 20337</div> 20338 20339 <div class="resource-card__content"> 20340 <p class="resource-card__title paragraph">Black</p> 20341 20342 20343 <div ref="priceContainer"> 20344 20345 20346 20347 20348 20349 <span class="price">$52.00</span> 20350 20351 20352 20353 20354</div> 20355 20356 </div> 20357</div></product-card-link> 20358 20359 </li> 20360 20361 <li 20362 class="predictive-search-results__card predictive-search-results__card--product" 20363 ref="resultsItems[]" 20364 > 20365 20366<product-card-link 20367 data-product-id="10523795259709" 20368 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/CapeCodSingleSkeinTransparent.png?v=1790027585&width=500" 20369 data-product-transition="true" 20370 on:click="/handleViewTransition" 20371 ><div 20372 class="resource-card" 20373 data-resource-type="product" 20374> 20375 <a 20376 class="resource-card__link" 20377 href="/products/cape-cod" 20378 > 20379 <span class="visually-hidden"> 20380 Cape Cod 20381 </span> 20382 </a> 20383 <div 20384 class="resource-card__media" 20385 style="--resource-card-aspect-ratio: 4 / 5;" 20386 20387 ref="cardGallery" 20388 data-view-transition-to-main-product 20389 20390 > 20391 20392 20393 20394 <img src="//www.coastalcashmere.com/cdn/shop/files/CapeCodSingleSkeinTransparent.png?v=1790027585&width=500" alt="" srcset="//www.coastalcashmere.com/cdn/shop/files/CapeCodSingleSkeinTransparent.png?v=1790027585&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/CapeCodSingleSkeinTransparent.png?v=1790027585&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> 20395</div> 20396 20397 <div class="resource-card__content"> 20398 <p class="resource-card__title paragraph">Cape Cod</p> 20399 20400 20401 <div ref="priceContainer"> 20402 20403 20404 20405 20406
20407 <span class="price">$52.00</span> 20408 20409 20410 20411 20412</div> 20413 20414 </div> 20415</div></product-card-link> 20416 20417 </li> 20418 20419 <li 20420 class="predictive-search-results__card predictive-search-results__card--product" 20421 ref="resultsItems[]" 20422 > 20423 20424<product-card-link 20425 data-product-id="10534917898557" 20426 data-featured-media-url="//www.coastalcashmere.com/cdn/shop/files/CapeCodWholesaleBagof5.png?v=1790194245&width=500" 20427 data-product-transition="true" 20428 on:click="/handleViewTransition" 20429 ><div 20430 class="resource-card" 20431 data-resource-type="product" 20432> 20433 <a 20434 class="resource-card__link" 20435 href="/products/cape-cod-wholesale-bag-of-5" 20436 > 20437 <span class="visually-hidden"> 20438 Cape Cod Wholesale Bag of 5 20439 </span> 20440 </a> 20441 <div 20442 class="resource-card__media" 20443 style="--resource-card-aspect-ratio: 4 / 5;" 20444 20445 ref="cardGallery" 20446 data-view-transition-to-main-product 20447 20448 > 20449 20450 20451 20452 <img src="//www.coastalcashmere.com/cdn/shop/files/CapeCodWholesaleBagof5.png?v=1790194245&width=500" alt="" srcset="//www.coastalcashmere.com/cdn/shop/files/CapeCodWholesaleBagof5.png?v=1790194245&width=240 240w, //www.coastalcashmere.com/cdn/shop/files/CapeCodWholesaleBagof5.png?v=1790194245&width=352 352w" width="500" height="400" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> 20453</div> 20454 20455 <div class="resource-card__content"> 20456 <p class="resource-card__title paragraph">Cape Cod Wholesale Bag of 5</p> 20457 20458 20459 <div ref="priceContainer"> 20460 20461 20462 20463 20464 20465 <span class="price">$123.00</span> 20466 20467 20468 20469 20470</div> 20471 20472 </div> 20473</div></product-card-link> 20474 20475 </li> 20476 20477 </ul> 20478 20479</div> 20480 20481 20482 20483 20484 20485 </div> 20486 20487</div> 20488 20489 </div> 20490 20491 <div class="predictive-search-form__footer"> 20492 <button 20493 class="button predictive-search__search-button" 20494 ref="viewAllButton" 20495 > 20496 View all 20497 </button> 20498 </div> 20499 </div> 20500 </form> 20501 </predictive-search-component> 20502 </dialog> 20503</dialog-component> 20504 20505 20506 20507 20508 20509 <quick-add-dialog id="quick-add-dialog"> 20510 <dialog 20511 class="quick-add-modal dialog-modal color-scheme-1" 20512 ref="dialog" 20513 scroll-lock 20514 > 20515 <button 20516 ref="closeButton" 20517 on:click="/closeDialog" 20518 class="button button-unstyled close-button quick-add-modal__close" 20519 aria-label="Close dialog" 20520 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 20521 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 20522 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 20523</svg> 20524</button> 20525 20526 <div 20527 id="quick-add-modal-content" 20528 class="quick-add-modal__content" 20529 ></div> 20530 </dialog> 20531</quick-add-dialog> 20532 20533 20534 20535 20536 <!-- Hover Delay Fix for Coastal Cashmere Nav --> 20537
20537<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
20537 20538</body> 20539</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.