PageSourceSearch

https://www.coastalcashmere.com/collections/skeins

html coastalcashmere.com collected 2026-10-09 23:47:46 UTC 737,482 bytes, 20,539 lines download raw bytes

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 &ndash; 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&region_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&region_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&amp;width=3840" srcset="//www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/5x4_all_skeins_category_image_975713a0-7f4e-4d25-8884-913c110c520c.png?v=1784076800&amp;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.&nbsp;</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&amp;width=3840" alt="Sand Dollar" srcset="//www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/SandDollarCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Toes In The Sand" srcset="//www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/ToesInTheSandCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Picnic Basket" srcset="//www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/WickerBasketCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Peach Bellini" srcset="//www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/PeachBelliniCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Pink Sand" srcset="//www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/PInkSandSingleSkeinSquareTransparent.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Shell Pink" srcset="//www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/ShellPInkCashmereYarnSingleSkeinTransparent1_1.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Rosy Cheeks" srcset="//www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/RosyCheeksCoastalCashmereYarnSingleTransparentSkein_1.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Flamingo" srcset="//www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/FlamingoSingleSkeinSquareTransparent.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Starfish" srcset="//www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/StarfishCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Valencia" srcset="//www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/Valenciasquaretransparent.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Poppy" srcset="//www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/PoppySingleSkeinTransparent.png?v=1790026810&amp;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&amp;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&amp;width=3840" alt="Holiday Red" srcset="//www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/HolidayRedSingleSkeinTransparent.png?v=1790026810&amp;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&amp;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&amp;width=3840" alt="Rust" srcset="//www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/RustCoastalCashmereSkeintransparent.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Clown Fish" srcset="//www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/ClownFishSingleSkeinSquareTransparent.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Golden Hour" srcset="//www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/GoldenHourSingleSkeinSquareTransparent.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Sunbeam" srcset="//www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/SunbeamSingleSkeinTransparent.png?v=1790029904&amp;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&amp;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&amp;width=3840" alt="Sunbeam" srcset="//www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/Sun_Beam_Close_Up.png?v=1791396949&amp;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&amp;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&amp;width=3840" alt="Good Morning" srcset="//www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/GoodMorningCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Mauve Sunset" srcset="//www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/MauveSunsetCashmereYarnSingleSkeinTransparent1.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Sweet Pea" srcset="//www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/SweetPeaSingleTransparent.png?v=1790026810&amp;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&amp;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&amp;width=3840" alt="Mojito" srcset="//www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/MojitoSingleSkeinTransparent.png?v=1790026810&amp;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&amp;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&amp;width=3840" alt="Lichen" srcset="//www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/LichenSingleSkeinTransparent.png?v=1790026809&amp;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&amp;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&amp;width=3840" alt="PNW" srcset="//www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/PNWSingleSkeinSquareTransparent.png?v=1773947039&amp;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&amp;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&amp;width=3840" alt="Diver" srcset="//www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/DiverSingleSkeinSquareTransparent.png?v=1773947038&amp;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&amp;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&amp;width=3840" alt="Peacoat" srcset="//www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&amp;width=2560 2560w, //www.coastalcashmere.com/cdn/shop/files/PeacoatCoastalCashmereskeintransparent.png?v=1773947038&amp;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&amp;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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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&amp;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&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/collections/FIB_Fall_Skeins_No_Box_Transparent.png?v=1784589674&amp;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&amp;width=2560" alt="Fun Size Bundles" srcset="//www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/collections/FSB_image_for_collection_transparent.png?v=1777064903&amp;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&amp;width=2560" alt="Knitting Patterns" srcset="//www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/collections/Shawl_image_for_collection_transparent.png?v=1773954411&amp;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&amp;width=2560" alt="Skeins" srcset="//www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&amp;width=352 352w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&amp;width=832 832w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&amp;width=1200 1200w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&amp;width=1600 1600w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&amp;width=1920 1920w, //www.coastalcashmere.com/cdn/shop/collections/Coastal_Cashmere_Yarn_Skeins_diagonal_in_vintage_box.jpg?v=1773683929&amp;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    &copy; 2026
19943    <a href="/" title="">Coastal Cashmere</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;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&amp;width=500" alt="" srcset="//www.coastalcashmere.com/cdn/shop/files/Amsterdam_Beanie_Boardwalk_Window_Backgound.png?v=1790194584&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/Amsterdam_Beanie_Boardwalk_Window_Backgound.png?v=1790194584&amp;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&amp;width=500" alt="Amsterdam Beanie Knitting Pattern" srcset="//www.coastalcashmere.com/cdn/shop/files/Amsterdam_Beanie_Ferry_Ride_Top_View.png?v=1790192803&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/Amsterdam_Beanie_Ferry_Ride_Top_View.png?v=1790192803&amp;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&amp;width=500" alt="" srcset="//www.coastalcashmere.com/cdn/shop/files/BlackslingleSkeintransparent.png?v=1773947038&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/BlackslingleSkeintransparent.png?v=1773947038&amp;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&amp;width=500" alt="" srcset="//www.coastalcashmere.com/cdn/shop/files/CapeCodSingleSkeinTransparent.png?v=1790027585&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/CapeCodSingleSkeinTransparent.png?v=1790027585&amp;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&amp;width=500" alt="" srcset="//www.coastalcashmere.com/cdn/shop/files/CapeCodWholesaleBagof5.png?v=1790194245&amp;width=240 240w, //www.coastalcashmere.com/cdn/shop/files/CapeCodWholesaleBagof5.png?v=1790194245&amp;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.