CINXE.COM
Kit + Ace: Timeless Technical Fashion for men and women – Kit and Ace
<!doctype html> <!--[if IE 9]> <html class="ie9 no-js cookies" lang="en"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js cookies" lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#c4cdd5"> <link rel="canonical" href="https://www.kitandace.com/"> <!-- Favicon --><link rel="apple-touch-icon" sizes="180x180" href="//www.kitandace.com/cdn/shop/files/apple-touch-icon_small.png?v=7690216204068053096"> <link rel="shortcut icon" href="//www.kitandace.com/cdn/shop/files/FAVICON_SQ_4x-8.png?crop=center&height=32&v=1728573530&width=32" type="image/png"> <link rel="icon" type="image/png" sizes="16x16" href="//www.kitandace.com/cdn/shop/files/favicon-16x16_small.png?v=10964840794077320380"> <link rel="manifest" href="//www.kitandace.com/cdn/shop/files/site.webmanifest?v=721827008829331953"> <link rel="mask-icon" href="//www.kitandace.com/cdn/shop/files/safari-pinned-tab.svg?v=15395326784882416371" color="#003096"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="msapplication-config" content="//www.kitandace.com/cdn/shop/files/browserconfig.xml?v=18110965586500609629"> <meta name="theme-color" content="#003096"> <title>Kit + Ace: Timeless Technical Fashion for men and women – Kit and Ace</title><meta name="description" content="Made for life on the go, from work, to play, and back again. Elevated style for your real life — every moment of it. Discover seasonal collections for men and women, enhanced with modern functionality."><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://www.youtube.com"> <link rel="preconnect" href="https://productreviews.shopifycdn.com"> <link rel="preconnect" href="https://ajax.googleapis.com"> <meta property="og:site_name" content="Kit and Ace"> <meta property="og:url" content="https://www.kitandace.com/"> <meta property="og:title" content="Kit + Ace: Timeless Technical Fashion for men and women"> <meta property="og:type" content="website"> <meta property="og:description" content="Made for life on the go, from work, to play, and back again. Elevated style for your real life — every moment of it. Discover seasonal collections for men and women, enhanced with modern functionality."> <meta name="twitter:site" content="@"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Kit + Ace: Timeless Technical Fashion for men and women"> <meta name="twitter:description" content="Made for life on the go, from work, to play, and back again. Elevated style for your real life — every moment of it. Discover seasonal collections for men and women, enhanced with modern functionality."> <link type="text/css" href="//www.kitandace.com/cdn/shop/t/140/assets/app.css?v=154359903311757808151738342382" rel="stylesheet"> <script src="//www.kitandace.com/cdn/shop/t/140/assets/predictive-search.js?v=101059388385003331501725901098" defer="defer"></script> <script> document.documentElement.className = document.documentElement.className.replace('no-js', ''); window.theme = { strings: { addToCart: "Add to Bag", soldOut: "Sold Out", unavailable: "Unavailable" }, moneyWithoutCurrency: "${{amount}}", settingCurrencyFormat: "${{amount}}" }; </script> <script> window.translations = { modalSuccessMessage : "Added To Your Cart", addToCart : "Add to Cart", addedToCart : "Added", addingToCart : "Adding...", soldOut : "Sold Out", notFreeShippingMessage : "away from free shipping", freeShippingMessage : "You qualify for free shipping", shortQuantity : "Qty", finalSaleLabel : "Final Sale", finalSaleMessage : "This item is final sale. No returns or exchanges allowed on this item.", itemCountOne : "item", itemCountOther : "items", itemScreenReader : "Translation missing: en.custom.items_count.item_in_cart", itemsScreenReader : "Translation missing: en.custom.items_count.items_in_cart", subTotalLabel : "Subtotal", cartProductRemovedMessage : "has been removed from your cart.", cartUndoLabel : "Undo", cartMaxQtyMessage : "Maximum Reached", cartEmpty : "Your cart is currently empty.", formValidationErrors : { 'required' : "The field is required", 'email' : "Email has invalid format", 'maxLength' : "The field must contain a maximum of :value characters", 'minLength' : "The field must contain a minimum of :value characters", 'password' : "Password must contain minimum eight characters, at least one letter and one number", 'strongPassword' : "Password should contain minimum eight characters, at least one uppercase letter, one lowercase letter, one number and one special character", 'number' : "Value should be a number", 'maxNumber' : "Number should be less or equal than :value", 'minNumber' : "Number should be more or equal than :value", 'minFilesCount' : "Files count should be more or equal than :value", 'maxFilesCount' : "Files count should be less or equal than :value", 'customRegexp' : "Input is not in a valid format", 'files' : "Uploaded files have one or several invalid properties (extension\/size\/type etc)", 'date' : "Date must be in yyyy-mm-dd format (e.g. 2023-12-25)", 'phone_international' : "Please enter a valid phone number (e.g. 1-123-456-7890)", 'phone_10digit' : "Please enter a valid 10-digit phone number (e.g. 123-456-7890)", } }; if ( "en" == 'fr') { window.localeUrl = '/fr'; } else { window.localeUrl = ''; } </script> <style>.form__option-label-inner-white{background-color: #FFFFFF;}.form__option-label-inner-bright-white{background-color: #F4F9FF;}.form__option-label-inner-navy{background-color: #353A4C;}.form__option-label-inner-dark-navy{background-color: #282D3C;}.form__option-label-inner-black{background-color: #27272A;}.form__option-label-inner-iconic-blue{background-color: #1A5190;}.form__option-label-inner-charcoal{background-color: #6C6868;}.form__option-label-inner-lavender{background-color: #81839A;}.form__option-label-inner-ecru{background-color: #EDE6DE;}.form__option-label-inner-plum{background-color: #473442;}.form__option-label-inner-taupe{background-color: #9A9186;}.form__option-label-inner-heather-plum{background-color: #4C2938;}.form__option-label-inner-heather-taupe{background-color: #BCA69B;}.form__option-label-inner-heather-ecru{background-color: #f4f3ef;}.form__option-label-inner-heather-charcoal{background-color: #6C6868;}.form__option-label-inner-heather-grey{background-color: #8C9093;}.form__option-label-inner-heather-dark-navy{background-color: #252A41;}.form__option-label-inner-black-heather-charcoal{background: linear-gradient(#27272A 50%, #6C6868 50%);}.form__option-label-inner-heather-charcoal-black{background: linear-gradient(#48474c 50%, #27272A 50%);}.form__option-label-inner-dusk{background-color: #6A6378;}.form__option-label-inner-heather-ash{background-color: #D6D7DB;}.form__option-label-inner-heather-charcoal-grey{background-color: #B5B5B5;}.form__option-label-inner-heather-dusk{background-color: #6A6378;}.form__option-label-inner-heather-black{background-color: #2D2C32;}.form__option-label-inner-heather-juniper{background-color: #27342B;}.form__option-label-inner-ash{background-color: #98979A;}.form__option-label-inner-heather-chestnut{background-color: #553838;}.form__option-label-inner-field{background-color: #545244;}.form__option-label-inner-poppy{background-color: #FF8576;}.form__option-label-inner-heather-white{background-color: #FFFFFF;}.form__option-label-inner-kits-blue{background-color: #0047bd;}.form__option-label-inner-caper{background-color: #817669;}.form__option-label-inner-heather-fawn{background-color: #B48180;}.form__option-label-inner-espresso{background-color: #503130;}.form__option-label-inner-heather-hunter{background-color: #4D4030;}.form__option-label-inner-heather-maple{background-color: #d4a472;}.form__option-label-inner-sienna{background-color: #9E7E67;}.form__option-label-inner-iconic-grey{background-color: #656466;}.form__option-label-inner-ebony{background-color: #41424A;}.form__option-label-inner-charcoal-tweed{background-color: #858186;}.form__option-label-inner-heather-stone{background-color: #D4D3D9;}.form__option-label-inner-heather-storm{background-color: #323337;}.form__option-label-inner-moss{background-color: #5D5348;}.form__option-label-inner-heather-moss{background-color: #3F3627;}.form__option-label-inner-heather-blue-indigo{background-color: #324370;}.form__option-label-inner-ivory{background-color: #DAC0A7;}.form__option-label-inner-heather-ocean-oasis{background-color: #0F5F9A;}.form__option-label-inner-ocean-oasis{background-color: #0F5F9A;}.form__option-label-inner-bone-white{background-color: #F1EEE6;}.form__option-label-inner-heather-aegean{background-color: #598783;}.form__option-label-inner-heather-blue-stone{background-color: #324370;}.form__option-label-inner-heather-granite{background-color: #C2C1BD;}.form__option-label-inner-heather-warm-taupe{background-color: #927C6F;}.form__option-label-inner-white-ash{background-color: #FFFFFF;}.form__option-label-inner-cedar{background-color: #313429;}.form__option-label-inner-sepia-rose{background-color: #D5BBB6;}.form__option-label-inner-heather-foggy{background-color: #E0E0E0;}.form__option-label-inner-jet-black{background-color: #000000;}.form__option-label-inner-merlot{background-color: #582B36;}.form__option-label-inner-grouse-grey{background-color: #D6D7DB;}.form__option-label-inner-fern{background-color: #426730;}.form__option-label-inner-heather-smoke{background-color: #6d716d;}.form__option-label-inner-toffee{background-color: #8B6A4F;}.form__option-label-inner-steel-grey{background-color: #726F70;}.form__option-label-inner-ocean-blue{background-color: #879BA3;}.form__option-label-inner-olive-moss{background-color: #7C6E4E;}.form__option-label-inner-dark-rosebud{background-color: #CAA39A;}.form__option-label-inner-heather-dark-navy{background-color: #1e1f23;}.form__option-label-inner-bright-white-ocean-stripe{background: conic-gradient(#F4F9FF 0% 32%, #66B2FF 33% 66%, #FFFFFF 67% 100%);}.form__option-label-inner-bright-white-rosebud-stripe{background: linear-gradient(#F4F9FF 50%, #C4AABB 50%);}.form__option-label-inner-bright-white-aran-stripe{background-color: #F4F9FF;}.form__option-label-inner-sahara{background-color: #A49775;}.form__option-label-inner-juice-bar{background-color: #E11F1F;}.form__option-label-inner-grouse-green{background-color: #687A6E;}.form__option-label-inner-eclipse{background-color: #353148;}.form__option-label-inner-peach-cobbler{background-color: #FFB181;}.form__option-label-inner-smoke-green{background-color: #A8BBA2;}.form__option-label-inner-potent-purple{background-color: #462639;}.form__option-label-inner-heather-glazed-ginger{background-color: #78401d;}.form__option-label-inner-heather-smoke-blue{background-color: #5271a8;}.form__option-label-inner-heather-blue-moon{background-color: #334e6f;}.form__option-label-inner-hot-coral{background-color: #F35B54;}.form__option-label-inner-gray-ridge{background-color: #847986;}.form__option-label-inner-burnished-lilac{background-color: #C5AEB1;}.form__option-label-inner-grey-chambray{background-color: #c1c8ce;}.form__option-label-inner-medieval-chambray{background-color: #9096A6;}.form__option-label-inner-dark-denim{background-color: #36465E;}.form__option-label-inner-smoke-blue{background-color: #6D8994;}.form__option-label-inner-dark-denim-chambray{background-color: #36465E;}.form__option-label-inner-smoke-blue-chambray{background-color: #6D8994;}.form__option-label-inner-chateau-grey{background-color: #BBB1A8;}.form__option-label-inner-outer-space{background-color: #2F3441;}.form__option-label-inner-forest{background-color: #2E3D30;}.form__option-label-inner-kna-black{background-color: #2A2B2D;}.form__option-label-inner-sycamore{background-color: #35463D;}.form__option-label-inner-petrified-oak{background-color: #8D7961;}.form__option-label-inner-bordeaux{background-color: #513235;}.form__option-label-inner-heather-mulled-wine{background-color: #2f0a0f;}.form__option-label-inner-heather-legion-blue{background-color: #233D61;}.form__option-label-inner-heather-nutmeg{background-color: #65362b;}.form__option-label-inner-dark-navy{background-color: #282D3C;}.form__option-label-inner-heather-pacific-blue{background-color: #1CA9C9;}.form__option-label-inner-heather-sail-blue{background-color: #0c79c0;}.form__option-label-inner-heather-seafoam{background-color: #589b8a;}.form__option-label-inner-heather-sangria{background-color: #470f27;}.form__option-label-inner-heather-sweet-grass{background-color: #91946E;}.form__option-label-inner-pool-blue{background-color: #4D91C6;}.form__option-label-inner-fanta-orange{background-color: #F48037;}.form__option-label-inner-heather-dapple-grey{background-color: #989f9a;}.form__option-label-inner-silver-circle{background-color: #C0C0C0;}.form__option-label-inner-black-leopard{background-color: #000000;}.form__option-label-inner-pink{background-color: #FFC0CB;}.form__option-label-inner-stormy-sky{background-color: #79839B;}.form__option-label-inner-heather-dark-oat{background-color: #8F8177;}.form__option-label-inner-heather-light-grey{background-color: #848587;}.form__option-label-inner-iconic-blue-chambray{background-color: #1A5190;}.form__option-label-inner-dark-navy-chambray{background-color: #282D3C;}.form__option-label-inner-oat-chambray{background-color: #8F8177;}.form__option-label-inner-seafoam-chambray{background-color: #73A89E;}.form__option-label-inner-sangria-chambray{background-color: #7C4C53;}.form__option-label-inner-blue-moon-chambray{background-color: #3686A0;}.form__option-label-inner-glazed-ginger-chambray{background-color: #91552B;}.form__option-label-inner-heather-stormy-sky{background-color: #79839B;}.form__option-label-inner-heather-dark-rosebud{background-color: #CAA39A;}.form__option-label-inner-climbing-ivy{background-color: #444940;}.form__option-label-inner-after-dark{background-color: #3D3535;}.form__option-label-inner-deep-forest{background-color: #36362D;}.form__option-label-inner-dark-plum{background-color: #462639;}.form__option-label-inner-heather-plum-wine{background-color: #674550;}.form__option-label-inner-heather-toffee{background-color: #C48562;}.form__option-label-inner-ivy{background-color: #444940;}.form__option-label-inner-cherrywood{background-color: #503130;}.form__option-label-inner-cove-grey{background-color: #41424A;}.form__option-label-inner-heather-deep-forest{background-color: #27332c;}.form__option-label-inner-celestial-blue{background-color: #3c81c1;}.form__option-label-inner-heather-chili-pepper{background-color: #800a23;}.form__option-label-inner-heather-dark-plum{background-color: #310016;}.form__option-label-inner-heather-celestial-blue{background-color: #3c81c1;}.form__option-label-inner-white{background-color: #FFFFFF;}.form__option-label-inner-black{background-color: #27272A;}.form__option-label-inner-charcoal{background-color: #29333c;}.form__option-label-inner-canvas{background-color: #E6DDC5;}.form__option-label-inner-shade{background-color: #66676D;}.form__option-label-inner-crimson{background-color: #AA182B;}.form__option-label-inner-dusty-rose{background-color: #BA797D;}.form__option-label-inner-ocean{background-color: #3950A0;}.form__option-label-inner-amazon{background-color: #207349;}.form__option-label-inner-sage{background-color: #5e574a;}.form__option-label-inner-heather-flint-grey{background-color: #D4D3D9;}.form__option-label-inner-beach{background-color: #f6dbb5;}.form__option-label-inner-heather-harbour{background-color: #374451;}.form__option-label-inner-royal-blue{background-color: #2f50d6;}.form__option-label-inner-cranberry{background-color: #83002c;}.form__option-label-inner-deep-marine{background-color: #264f53;}.form__option-label-inner-cobalight-deep-marine{background: linear-gradient(#0031a5 50%, 264f53 50%);}.form__option-label-inner-coffee-chambray{background-color: #3e2f30;}.form__option-label-inner-dusty-rose-chambray{background-color: #BA797D;}.form__option-label-inner-bright-white-ocean-chambray{background: linear-gradient(#F4F9FF 50%, #B5C3E7 50%);}.form__option-label-inner-dark-navy-crimson{background: linear-gradient(#282D3C 50%, #AA182B 50%);}.form__option-label-inner-ocean-chambray{background-color: #B5C3E7;}.form__option-label-inner-bright-white-ocean-chambray{background: linear-gradient(#F4F9FF 50%, #B5C3E7 50%);}.form__option-label-inner-shade-black{background: linear-gradient(#66676D 50%, #27272A 50%);}.form__option-label-inner-bright-white-amazon{background: linear-gradient(#F4F9FF 50%, #207349 50%);}.form__option-label-inner-ocean-dark-navy{background: linear-gradient(#3950A0 50%, #282D3C 50%);}.form__option-label-inner-black-shade{background: linear-gradient(#27272A 50%, #F4F9FF 50%);}.form__option-label-inner-dark-navy-canvas{background: linear-gradient(#282d3c 50%, #e6ddc5 50%);}.form__option-label-inner-driftwood{background-color: #DDC9B5;}.form__option-label-inner-bark{background-color: #816D5E;}.form__option-label-inner-ember{background-color: #A2574B;}.form__option-label-inner-niagara{background-color: #5587A4;}.form__option-label-inner-deep-maple{background-color: #73362A;}.form__option-label-inner-chamomile{background-color: #C39449;}.form__option-label-inner-white-multi-stripe{background: linear-gradient(#afaba7 50%, #dcd7d4 50%);}.form__option-label-inner-heather-brick{background-color: #6f4f3a;}.form__option-label-inner-dark-navy-bark{background: linear-gradient(#282D3C 50%, #816D5E 50%);}.form__option-label-inner-hemlock{background-color: #69684b;}.form__option-label-inner-desert{background-color: #f6cb92;}.form__option-label-inner-sandstone{background-color: #c68c55;}.form__option-label-inner-light-grey-dark-denim{background: linear-gradient(#9c9ba3 50%, #384c6f 50%);}.form__option-label-inner-dark-denim-light-grey{background: linear-gradient(#384c6f 50%, #9c9ba3 50%);}.form__option-label-inner-lavender-grey{background-color: #81839A;}.form__option-label-inner-raccoon-graphic-white{background-color: #FFFFFF;}.form__option-label-inner-raccoon-graphic-black{background-color: #27272A;}.form__option-label-inner-uplift-sand{background-color: #cc9652;}.form__option-label-inner-deep-blue{background-color: #263056;}.form__option-label-inner-deep-teal{background-color: #19454B;}.form__option-label-inner-heather-oat{background-color: #E3D4CB;}.form__option-label-inner-heather-birch{background-color: #F6F6EF;}.form__option-label-inner-aubergine{background-color: #5C2C35;}.form__option-label-inner-heather-deep-teal{background-color: #14709c;}.form__option-label-inner-heather-deep-blue{background-color: #1b1c34;}.form__option-label-inner-heather-cedar{background-color: #23231F;}.form__option-label-inner-magenta{background-color: #945E93;}.form__option-label-inner-black-heather-dark-navy{background: linear-gradient(#27272A 50%, #1e1f23 50%);}.form__option-label-inner-heather-toffee-beach{background-color: #C48562;}.form__option-label-inner-ecru-heather-flint{background-color: #F6F5F3;}.form__option-label-inner-harvest{background-color: #cc9652;}.form__option-label-inner-heather-dark-indigo{background-color: #4067af;}.form__option-label-inner-heather-pebble{background-color: #7D6B6B;}.form__option-label-inner-heather-pebble-ecru{background: linear-gradient(#7D6B6B 50%, #F6F5F3 50%);}.form__option-label-inner-deep-blue-black{background: linear-gradient(#263056 50%, #27272A 50%);}.form__option-label-inner-toffee-dark-navy{background: linear-gradient(#8B6A4F 50%, #282D3C 50%);}.form__option-label-inner-ash-dark-navy{background: linear-gradient(#98979A 50%, #282D3C 50%);}.form__option-label-inner-black-heather-charcoal-dark-navy{background: conic-gradient(#27272A 0% 32%, #6C6868 33% 66%, #282D3C 67% 100%);}.form__option-label-inner-black-deep-blue-plum{background: linear-gradient(#67222C 50%, #1A315C 50%);}.form__option-label-inner-black-shade-bright-white{background: conic-gradient(#27272A 0% 32%, #F4F9FF 33% 66%, #F4F9FF 67% 100%);}.form__option-label-inner-jasper-pink{background-color: #CE8F8B;}.form__option-label-inner-grape{background-color: #927288;}.form__option-label-inner-grove-green{background-color: #424832;}.form__option-label-inner-heather-taupe-ivory{background: linear-gradient(#BCA69B 50%, #DAC0A7 50%);}.form__option-label-inner-heather-grey-ivory{background: linear-gradient(#8C9093 50%, #DAC0A7 50%);}.form__option-label-inner-ivory-jasper-pink{background: linear-gradient(#DAC0A7 50%, #CE8F8B 50%);}.form__option-label-inner-white-duo-stripe{background: linear-gradient(#FFFFFF 50%, #27272A 50%);}.form__option-label-inner-ash-multi-stripe{background: linear-gradient(#98979A 50%, #263056 50%);}.form__option-label-inner-ecru-mini-stripe{background: linear-gradient(#F6F5F3 50%, #C4795A 50%);}.form__option-label-inner-dark-navy-multi-stripe{background: linear-gradient(#FFFFFF 50%, #2E334E 50%);}.form__option-label-inner-acorn{background-color: #865E49;}.form__option-label-inner-pacific-grey{background-color: #656466;}.form__option-label-inner-heather-forest{background-color: #4A5F4C;}.form__option-label-inner-bright-blue{background-color: #007291;}.form__option-label-inner-heather-night-blue{background-color: #133955;}.form__option-label-inner-dark-navy-bright-white-winter-rose{background: conic-gradient(#282D3C 0% 32%, #F4F9FF 33% 66%, #865560 67% 100%);}.form__option-label-inner-dark-navy-bright-white-grove-green{background: conic-gradient(#282D3C 0% 32%, #F4F9FF 33% 66%, #424832 67% 100%);}.form__option-label-inner-night-blue{background-color: #133955;}.form__option-label-inner-winter-rose{background-color: #865560;}.form__option-label-inner-mulberry{background-color: #492A34;}.form__option-label-inner-paprika{background-color: #8F3D37;}.form__option-label-inner-cinnamon{background-color: #754734;}.form__option-label-inner-deep-rose{background-color: #8B4963;}.form__option-label-inner-heather-cinnamon{background-color: #754734;}.form__option-label-inner-black-heather-light-grey{background: linear-gradient(#27272A 50%, #DBDAE1 50%);}.form__option-label-inner-heather-deep-pine{background-color: #314446;}.form__option-label-inner-beige{background-color: #ECE6D8;}.form__option-label-inner-paprika-blush{background: linear-gradient(#8F3D37 50%, #ECE6D8 50%);}.form__option-label-inner-heather-deep-pine-navy{background: linear-gradient(#314446 50%, #353A4C 50%);}.form__option-label-inner-navy-marine{background: linear-gradient(#353A4C 50%, #344B8F 50%);}.form__option-label-inner-black-heather-deep-pine{background: linear-gradient(#27272A 50%, #314446 50%);}.form__option-label-inner-heather-toffee-ecru{background: linear-gradient(#C48562 50%, #F6F5F3 50%);}.form__option-label-inner-snowflake{background-color: #F9FAF8;}.form__option-label-inner-stripe-heather-grey-heather-charcoal{background: linear-gradient(#8C9093 50%, #6C6868 50%);}.form__option-label-inner-light-rose{background-color: #c1a1a3;}.form__option-label-inner-pasture{background-color: #37503D;}.form__option-label-inner-camelia-pink{background-color: #C89FA5;}.form__option-label-inner-sand-dune{background-color: #E6D3BF;}.form__option-label-inner-dandelion{background-color: #DABE81;}.form__option-label-inner-atlantic{background-color: #5C798E;}.form__option-label-inner-heather-atlantic{background-color: #97AFCB;}.form__option-label-inner-light-oat{background-color: #D4D5D1;}.form__option-label-inner-light-taupe{background-color: #9B775F;}.form__option-label-inner-ash-rose{background-color: #EDCABC;}.form__option-label-inner-dusk-blue{background-color: #7893AD;}.form__option-label-inner-rain-forest{background-color: #273236;}.form__option-label-inner-blue-bright-white-stripe{background: linear-gradient(#0047bd 50%, #F4F9FF 50%);}.form__option-label-inner-navy-snowflake{background: linear-gradient(#353A4C 50%, #F9FAF8 50%);}.form__option-label-inner-ash-rose-snowflake{background: linear-gradient(#EDCABC 50%, #F9FAF8 50%);}.form__option-label-inner-snowflake-navy-dusk-blue{background: conic-gradient(#F9FAF8 0% 32%, #353A4C 33% 66%, #7893AD 67% 100%);}.form__option-label-inner-ecru-camelia-pink{background: linear-gradient(#F6F5F3 50%, #C89FA5 50%);}.form__option-label-inner-bright-white-ash{background: linear-gradient(#F4F9FF 50%, #98979A 50%);}.form__option-label-inner-dark-navy-bright-white-pasture{background: conic-gradient(#282D3C 0% 32%, #F4F9FF 33% 66%, #37503D 67% 100%);}.form__option-label-inner-camelia-bright-white-stripe{background: linear-gradient(#EBCDCD 50%, #F4F9FF 50%);}.form__option-label-inner-steel-chambray{background-color: #BEC1C9;}.form__option-label-inner-skyway{background-color: #ADBED3;}.form__option-label-inner-loganberry{background-color: #85325C;}.form__option-label-inner-heather-loganberry{background-color: #BE1569;}.form__option-label-inner-dark-navy-multi-polka-dot{background: linear-gradient(#333F65 50%, #ffffff 50%);}.form__option-label-inner-bright-white-multi-polka-dot{background: linear-gradient(#ffffff 50%, #C3A3B2 50%);}.form__option-label-inner-multi-optimist-polka-dot{background: linear-gradient(#32364A 50%, #ffffff 50%);}.form__option-label-inner-forest-green{background-color: #415846;}.form__option-label-inner-daybreak{background-color: #8981A0;}.form__option-label-inner-hickory{background-color: #4F3F3B;}.form__option-label-inner-sable{background-color: #755139;}.form__option-label-inner-black-walnut{background-color: #3D2D2E;}.form__option-label-inner-whisper{background-color: #D7D6CE;}.form__option-label-inner-topaz{background-color: #52A2B4;}.form__option-label-inner-butterscotch{background-color: #BE9E6F;}.form__option-label-inner-heather-whisper{background-color: #E3E3E1;}.form__option-label-inner-heather-sable{background-color: #BD7046;}.form__option-label-inner-dark-plum-heather-charcoal{background: linear-gradient(#462639 50%, #6C6868 50%);}.form__option-label-inner-forest-dark-plum-black-walnut{background: conic-gradient(#2E3D30 0% 32%, #462639 33% 66%, #3D2D2E 67% 100%);}.form__option-label-inner-black-white-ocean-oasis{background: conic-gradient(#27272A 0% 32%, #FFFFFF 33% 66%, #0F5F9A 67% 100%);}.form__option-label-inner-forest-black-walnut-ocean-oasis{background: conic-gradient(#2E3D30 0% 32%, #3D2D2E 33% 66%, #0F5F9A 67% 100%);}.form__option-label-inner-ocean-oasis-dark-navy-plaid{background: linear-gradient(#0F5F9A 50%, #282D3C 50%);}.form__option-label-inner-forest-whisper-plaid{background: linear-gradient(#2E3D30 50%, #D7D6CE 50%);}.form__option-label-inner-dove-grey-black-plaid{background: conic-gradient(#aeb7c7 0% 32%, #d8dde6 33% 66%, #27272A 67% 100%);}.form__option-label-inner-sable-black-walnut{background: linear-gradient(#755139 50%, #3D2D2E 50%);}.form__option-label-inner-heather-ocean-oasis-dark-navy{background: linear-gradient(#0F5F9A 50%, #282D3C 50%);}.form__option-label-inner-heather-hickory{background-color: #4F3F3B;}.form__option-label-inner-heather-sterling{background-color: #BFBCC5;}.form__option-label-inner-whisper-black-plaid{background: linear-gradient(#D7D6CE 50%, #27272A 50%);}.form__option-label-inner-dark-navy-heather-ocean-oasis{background-color: #282D3C;}.form__option-label-inner-heather-nova{background-color: #D8D6CF;}.form__option-label-inner-heather-black-walnut{background-color: #3D2D2E;}.form__option-label-inner-heather-black-walnut-heather-sable{background-color: #3D2D2E;}.form__option-label-inner-dark-plum-heather-nova{background-color: #462639;}.form__option-label-inner-heather-taupe-black{background: linear-gradient(#BCA69B 50%, #27272A 50%);}.form__option-label-inner-heather-dark-navy-heather-sterling{background-color: #1e1f23;}.form__option-label-inner-black-walnut-sable{background: linear-gradient(#3D2D2E 50%, #755139 50%);}.form__option-label-inner-forest-whisper{background: linear-gradient(#2E3D30 50%, #D7D6CE 50%);}.form__option-label-inner-dusk-daybreak{background: linear-gradient(#6A6378 50%, #8981A0 50%);}.form__option-label-inner-jet-black-heather-taupe{background: linear-gradient(#27272A 50%, #BCA69B 50%);}.form__option-label-inner-heather-dark-navy-heather-mid-grey{background: linear-gradient(#1e1f23 50%, #8C9093 50%);}.form__option-label-inner-black-phantom{background: linear-gradient(#27272A 50%, #39373B 50%);}.form__option-label-inner-dark-navy-mood{background: linear-gradient(#282D3C 50%, #353A4C 50%);}.form__option-label-inner-dark-ocean-oasis{background-color: #1D4D9F;}.form__option-label-inner-dark-whisper{background-color: #CCC9CA;}.form__option-label-inner-bright-red{background-color: #E61420;}.form__option-label-inner-black-harward-houndstooth{background-color: #27272A;}.form__option-label-inner-herringbone-black-charcoal{background: linear-gradient(#2b3131 50%, #6C6868 50%);}.form__option-label-inner-black-heather-charcoal{background: linear-gradient(#000000 50%, #76797E 50%);}.form__option-label-inner-artichoke{background-color: #AC8D46;}.form__option-label-inner-ash-grey{background-color: #9698A9;}.form__option-label-inner-astral{background-color: #E2DBE1;}.form__option-label-inner-berry{background-color: #EA3448;}.form__option-label-inner-berry-watermelon-stripe{background: linear-gradient(#EA3448 50%, #FFFFFF 50%);}.form__option-label-inner-black-bright-white-artichoke{background: conic-gradient(#27272A 0% 32%, #F4F9FF 33% 66%, #AC8D46 67% 100%);}.form__option-label-inner-black-bright-white-mineral{background: conic-gradient(#27272A 0% 32%, #F4F9FF 33% 66%, #545055 67% 100%);}.form__option-label-inner-black-dark-navy-heather-charcoal{background: conic-gradient(#27272A 0% 32%, #282D3C 33% 66%, #6C6868 67% 100%);}.form__option-label-inner-black-steel-chambray{background: linear-gradient(#27272A 50%, #BEC1C9 50%);}.form__option-label-inner-bliss-blue{background-color: #2082AE;}.form__option-label-inner-dark-denim-bright-white-stripe{background: linear-gradient(#36465E 50%, #FFFFFF 50%);}.form__option-label-inner-dark-olive{background-color: #7A744E;}.form__option-label-inner-heather-artichoke{background-color: #585740;}.form__option-label-inner-mineral{background-color: #C6BCCE;}.form__option-label-inner-navy-chambray{background-color: #6B7294;}.form__option-label-inner-pebble{background-color: #A2877E;}.form__option-label-inner-pebble-marble-stripe{background: linear-gradient(#A2877E 50%, #E0D0C7 50%);}.form__option-label-inner-slate-chambray{background-color: #B7B6BB;}.form__option-label-inner-smoke-bliss{background-color: #93A6C4;}.form__option-label-inner-wheat-chambray{background-color: #CFCBC5;}.form__option-label-inner-white-ash-stripe{background: linear-gradient(#9698A9 50%, #FFFFFF 50%);}.form__option-label-inner-black-white-stripe{background: linear-gradient(#27272A 50%, #FFFFFF 50%);}.form__option-label-inner-cedar-toffee{background: linear-gradient(#313429 50%, #8B6A4F 50%);}.form__option-label-inner-dark-navy-bright-white-deep-teal{background: conic-gradient(#282D3C 0% 32%, #FFFFFF 33% 66%, #19454B 67% 100%);}.form__option-label-inner-black-bright-white-atlantic{background: conic-gradient(#27272A 0% 32%, #FFFFFF 33% 66%, #5C798E 67% 100%);}.form__option-label-inner-skyway-bright-white-loganberry{background: conic-gradient(#ADBED3 0% 32%, #FFFFFF 33% 66%, #85325C 67% 100%);}.form__option-label-inner-black-bright-white-bliss-blue{background: conic-gradient(#27272A 0% 32%, #FFFFFF 33% 66%, #2082AE 67% 100%);}.form__option-label-inner-plaid-grey-charcoal{background: linear-gradient(#8C9093 50%, #6C6868 50%);}.form__option-label-inner-black-dark-navy-heather-charcoal{background: conic-gradient(#27272A 0% 32%, #282D3C 33% 66%, #6C6868 67% 100%);}.form__option-label-inner-heather-grey-heather-charcoal-stripe-black{background: conic-gradient(#8C9093 0% 32%, #48474c 33% 66%, #27272A 67% 100%);}.form__option-label-inner-heather-dark-denim{background-color: #3F5272;}.form__option-label-inner-heather-charcoal-heather-grey{background: linear-gradient(#48474c 50%, #8C9093 50%);}.form__option-label-inner-deep-navy{background-color: #1b1c34;}.form__option-label-inner-white-with-blue{background: linear-gradient(#FFFFFF 50%, #C1D0E6 50%);}.form__option-label-inner-bright-white-dandelion-duo-stripe{background: linear-gradient(#FFFFFF 50%, #E7DBC5 50%);}.form__option-label-inner-bright-white-kits-blue-duo-stripe{background: linear-gradient(#FFFFFF 50%, #0047bd 50%);}.form__option-label-inner-white-calgary{background: linear-gradient(#FFFFFF 50%, #27272A 50%);}.form__option-label-inner-atlantic-bright-white-duo-stripe{background: linear-gradient(#5C798E 50%, #FFFFFF 50%);}.form__option-label-inner-tie-dye-blue{background-color: #98b1d9;}.form__option-label-inner-tie-dye-mauve{background-color: #e2d2bf;}.form__option-label-inner-black-kits-blue{background: linear-gradient(#27272A 50%, #0047bd 50%);}.form__option-label-inner-sand{background-color: #c6c2be;}.form__option-label-inner-dandelion-dark-navy-multi{background: linear-gradient(#E7DBC5 50%, #282D3C 50%);}.form__option-label-inner-dark-green-heather-grey-multi{background: linear-gradient(#172823 50%, #8C9093 50%);}.form__option-label-inner-steel-chambray-black{background: linear-gradient(#b8bdc4 50%, #27272A 50%);}.form__option-label-inner-bright-white-steel-chambray{background: linear-gradient(#FFFFFF 50%, b8bdc4 50%);}.form__option-label-inner-ecru-pear-green-mini-stripe{background: linear-gradient(#EDE6DE 50%, #c8dac4 50%);}.form__option-label-inner-bone-white-kits-blue{background: linear-gradient(#FFFFFF 50%, #0047bd 50%);}.form__option-label-inner-bone-white-pasture{background: linear-gradient(#FFFFFF 50%, #37503D 50%);}.form__option-label-inner-heather-ash-black{background: linear-gradient(#D6D7DB 50%, #27272A 50%);}.form__option-label-inner-bone-white-dark-navy{background: linear-gradient(#FFFFFF 50%, #282D3C 50%);}.form__option-label-inner-heather-shade{background-color: #83868d;}.form__option-label-inner-after-dark-cherrywood{background: linear-gradient(#3D3535 50%, #503130 50%);}.form__option-label-inner-pear-green-multi{background: linear-gradient(#c8dac4 50%, #27272A 50%);}.form__option-label-inner-dark-navy-multi{background: linear-gradient(#282D3C 50%, #c44c62 50%);}.form__option-label-inner-burgundy{background-color: #6b1020;}.form__option-label-inner-grey{background-color: #82808b;}.form__option-label-inner-dark-navy-black-plaid{background: linear-gradient(#282D3C 50%, #27272A 50%);}.form__option-label-inner-heather-ash-white-plaid{background: linear-gradient(#D6D7DB 50%, #FFFFFF 50%);}.form__option-label-inner-toffee-ecru-plaid{background: linear-gradient(#8B6A4F 50%, #EDE6DE 50%);}.form__option-label-inner-plaid-grey-charcoal{background: linear-gradient(#8C9093 50%, #6C6868 50%);}.form__option-label-inner-black-heather-grey{background: linear-gradient(#27272A 50%, #8C9093 50%);}.form__option-label-inner-black-plum{background: linear-gradient(#27272A 50%, #473442 50%);}.form__option-label-inner-dark-navy-bright-white-artichoke{background: conic-gradient(#282D3C 0% 32%, #FFFFFF 33% 66%, #AC8D46 67% 100%);}.form__option-label-inner-watermelon{background-color: #FB6175;}.form__option-label-inner-horizon{background-color: #0172D0;}.form__option-label-inner-storm-dust{background-color: #A69BA2;}.form__option-label-inner-cloud{background-color: #E3DFD7;}.form__option-label-inner-emerald{background-color: #03957D;}.form__option-label-inner-berry-watermelon-stripe{background: linear-gradient(#EA3448 50%, #FB6175 50%);}.form__option-label-inner-bone-brown-bright-white-stripe{background: linear-gradient(#9A7240 50%, #FFFFFF 50%);}.form__option-label-inner-bright-white-dark-navy-emerald{background: conic-gradient(#FFFFFF 0% 32%, #282D3C 33% 66%, #03957D 67% 100%);}.form__option-label-inner-watermelon-bright-white-heather-charcoal{background: conic-gradient(#FB6175 0% 32%, #F4F9FF 33% 66%, #48474c 67% 100%);}.form__option-label-inner-bright-white-dark-navy-watermelon{background: conic-gradient(#FFFFFF 0% 32%, #282D3C 33% 66%, #FB6175 67% 100%);}.form__option-label-inner-smoke-red{background-color: #f08e8b;}.form__option-label-inner-lemondrop{background-color: #f4e9b0;}.form__option-label-inner-sea-breeze{background-color: #68CCBF;}.form__option-label-inner-agave-emerald-stripe{background: linear-gradient(#22A392 50%, #03957D 50%);}.form__option-label-inner-black-bright-white-stripe{background: linear-gradient(#27272A 50%, #F4F9FF 50%);}.form__option-label-inner-kumquat{background-color: #E85531;}.form__option-label-inner-bright-white-dark-navy-print{background: linear-gradient(#FFFFFF 50%, #282D3C 50%);}.form__option-label-inner-apricot{background-color: #F19B50;}.form__option-label-inner-bishop{background-color: #1E2051;}.form__option-label-inner-euphoria{background-color: #967691;}.form__option-label-inner-dew-drop{background-color: #E4E4F0;}.form__option-label-inner-bliss-blue-dark-navy{background: linear-gradient(#2082AE 50%, #282D3C 50%);}.form__option-label-inner-whisper-black{background: linear-gradient(#D7D6CE 50%, #27272A 50%);}.form__option-label-inner-glade{background-color: #9AA53B;}.form__option-label-inner-indigo{background-color: #252639;}.form__option-label-inner-earl-grey{background-color: #6D7174;}.form__option-label-inner-black-bright-white-heather-chrome{background: conic-gradient(#27272A 0% 32%, #FFFFFF 33% 66%, #BBBCBF 67% 100%);}.form__option-label-inner-bright-white-heather-dark-denim-cabernet{background: conic-gradient(#FFFFFF 0% 32%, #3F5272 33% 66%, #802B43 67% 100%);}.form__option-label-inner-bright-white-heather-charcoal-cabernet{background: conic-gradient(#FFFFFF 0% 32%, #48474c 33% 66%, #802B43 67% 100%);}.form__option-label-inner-cabernet{background-color: #802B43;}.form__option-label-inner-heather-chrome{background-color: #BBBCBF;}.form__option-label-inner-wine{background-color: #4A152B;}.form__option-label-inner-mocha{background-color: #6D635D;}.form__option-label-inner-heather-buffalo{background-color: #331B13;}.form__option-label-inner-plasma{background-color: #423c44;}.form__option-label-inner-black-whisper-olive-plaid{background: conic-gradient(#242021 0% 32%, #F0EFE1 33% 66%, #7A7A5A 67% 100%);}.form__option-label-inner-red-navy-plaid{background: linear-gradient(#711F26 50%, #252B3B 50%);}.form__option-label-inner-arctic-blue{background-color: #B4C0BC;}.form__option-label-inner-dark-leaf{background-color: #1A594D;}.form__option-label-inner-heather-plasma{background-color: #38303C;}.form__option-label-inner-light-camel{background-color: #C1AF89;}.form__option-label-inner-dark-saddle{background-color: #8A5D3B;}.form__option-label-inner-peony{background-color: #CA606F;}.form__option-label-inner-smoked-olive{background-color: #1B261B;}.form__option-label-inner-heather-wine{background-color: #2B0E1E;}.form__option-label-inner-heather-saddle{background-color: #9E6C45;}.form__option-label-inner-navy-glen-plaid{background: conic-gradient(#2D2E30 0% 32%, #0A3658 33% 66%, #231F20 67% 100%);}.form__option-label-inner-mocha-glen-plaid{background: conic-gradient(#6B5749 0% 32%, #4A4541 33% 66%, #3A2111 67% 100%);}.form__option-label-inner-black-manilla-stripe{background: linear-gradient(#231F20 50%, #DCDBD2 50%);}.form__option-label-inner-bright-white-heather-charcoal-heather-spruce{background: conic-gradient(#FFFFFF 0% 32%, #48474c 33% 66%, #3D5D49 67% 100%);}.form__option-label-inner-heather-dark-mocha{background-color: #5E5753;}.form__option-label-inner-fuchsia{background-color: #C10947;}.form__option-label-inner-heirloom{background-color: #5B5154;}.form__option-label-inner-heather-leaf{background-color: #062923;}.form__option-label-inner-heather-spruce{background-color: #3D5D49;}.form__option-label-inner-dark-navy-bright-white-powder-blue{background: conic-gradient(#252B3B 0% 32%, #FFFFFF 33% 66%, #7C8EAB 67% 100%);}.form__option-label-inner-heather-charcoal-heather-chrome-powder-blue{background: conic-gradient(#555658 0% 32%, #BCBDC0 33% 66%, #7C8EAB 67% 100%);}.form__option-label-inner-blue-melange{background-color: #274F8D;}.form__option-label-inner-navy-melange{background-color: #282945;}.form__option-label-inner-light-grey-melange{background-color: #C2C3BB;}.form__option-label-inner-white-melange{background-color: #DADDDC;}.form__option-label-inner-rose-melange{background-color: #BD7A86;}.form__option-label-inner-bright-white-cool-blue-stripe{background: linear-gradient(#FFFFFF 50%, #A5B7D1 50%);}.form__option-label-inner-blush{background-color: #CEB3B5;}.form__option-label-inner-navy-bright-white-stripe{background: linear-gradient(#252E3C 50%, #FFFFFF 50%);}.form__option-label-inner-rose{background-color: #935F69;}.form__option-label-inner-light-blue-chambray{background-color: #EAF3FF;}.form__option-label-inner-khaki-chambray{background-color: #D3C8C0;}.form__option-label-inner-light-grey-chambray{background-color: #ADB0C3;}.form__option-label-inner-off-white{background-color: #F5F5F5;}.form__option-label-inner-off-white-navy-stripe{background: linear-gradient(#F5F5F5 50%, #252E3C 50%);}.form__option-label-inner-navy-off-white-stripe{background: linear-gradient(#252E3C 50%, #F5F5F5 50%);}.form__option-label-inner-shell-pink{background-color: #E5C8CA;}.form__option-label-inner-mid-blue{background-color: #3F5E7D;}.form__option-label-inner-grass-green{background-color: #1A5350;}.form__option-label-inner-off-white-black-stripe{background: linear-gradient(#F5F5F5 50%, #161314 50%);}.form__option-label-inner-off-white-mid-blue-stripe{background: linear-gradient(#F5F5F5 50%, #5587C9 50%);}.form__option-label-inner-light-blue{background-color: #CADDE7;}.form__option-label-inner-bright-white-navy-stripe{background: linear-gradient(#FFFFFF 50%, #252E3C 50%);}.form__option-label-inner-navy-bright-white-stripe{background: linear-gradient(#252E3C 50%, #FFFFFF 50%);}.form__option-label-inner-mid-blue-melange{background-color: #4365A8;}.form__option-label-inner-charcoal-melange{background-color: #2c2c2c;}.form__option-label-inner-stone{background-color: #B9BBBE;}.form__option-label-inner-khaki{background-color: #AA9E95;}.form__option-label-inner-cool-blue{background-color: #71C7EC;}.form__option-label-inner-grey{background-color: #808080;}.form__option-label-inner-hot-pink{background-color: #FF69B4;}.form__option-label-inner-raspberry{background-color: #E30B5C;}.form__option-label-inner-light-blue-melange{background-color: #71C7EC;}.form__option-label-inner-navy-natural{background: linear-gradient(#252E3C 50%, #F5F5F5 50%);}.form__option-label-inner-black-bright-white-mid-blue-melange{background: conic-gradient(#27272A 0% 32%, #FFFFFF 33% 66%, #4365A8 67% 100%);}.form__option-label-inner-cool-blue-light-grey-melange-bright-white{background: conic-gradient(#71C7EC 0% 32%, #C2C3BB 33% 66%, #FFFFFF 67% 100%);}.form__option-label-inner-black-black-black{background-color: #27272A;}.form__option-label-inner-dark-navy-light-blue-charcoal-melange{background: conic-gradient(#252E3C 0% 32%, #CADDE7 33% 66%, #817F80 67% 100%);}.form__option-label-inner-black-charcoal-melange-dark-navy{background: conic-gradient(#27272A 0% 32%, #817F80 33% 66%, #252E3C 67% 100%);}.form__option-label-inner-black-light-grey-melange-bright-white{background: conic-gradient(#27272A 0% 32%, #C2C3BB 33% 66%, #FFFFFF 67% 100%);}.form__option-label-inner-dark-navy-bright-white-mid-blue-melange{background: conic-gradient(#252E3C 0% 32%, #FFFFFF 33% 66%, #4365A8 67% 100%);}.form__option-label-inner-dark-navy{background-color: #282D3C;}.form__option-label-inner-bright-white-sand-dune-stripe{background: linear-gradient(#FFFFFF 50%, #E6D3BF 50%);}.form__option-label-inner-navy-dots{background-color: #252E3C;}.form__option-label-inner-steel-chambray{background-color: #726F70;}.form__option-label-inner-mid-blue-dark-navy{background: linear-gradient(#67a0ca 50%, #313a50 50%);}.form__option-label-inner-light-pink{background-color: #f4e7e1;}.form__option-label-inner-slate{background-color: #4d4b4f;}.form__option-label-inner-light-blue-melange-bright-white-black{background: conic-gradient(#71C7EC 0% 32%, #FFFFFF 33% 66%, #27272A 67% 100%);}.form__option-label-inner-bright-white-slate-black{background: conic-gradient(#FFFFFF 0% 32%, #4d4b4f 33% 66%, #27272A 67% 100%);}.form__option-label-inner-light-grey-melange-light-grey-melange-light-grey-melange{background: conic-gradient(#C2C3BB 0% 32%, #C2C3BB 33% 66%, #C2C3BB 67% 100%);}.form__option-label-inner-light-grey-melange-light-blue-melange-dark-navy{background: conic-gradient(#C2C3BB 0% 32%, #71C7EC 33% 66%, #252E3C 67% 100%);}.form__option-label-inner-dark-navy-slate-black{background: conic-gradient(#252E3C 0% 32%, #4d4b4f 33% 66%, #27272A 67% 100%);}.form__option-label-inner-bright-white-dark-denim-dark-navy{background: conic-gradient(#FFFFFF 0% 32%, #36465E 33% 66%, #252E3C 67% 100%);}.form__option-label-inner-ballet{background-color: #cbb1aa;}.form__option-label-inner-black-natural-marl{background: linear-gradient(#27272A 50%, #f3ece0 50%);}.form__option-label-inner-natural-dark-navy-stripe{background: linear-gradient(#f3ece0 50%, #252E3C 50%);}.form__option-label-inner-dark-navy-mid-grey-melange-stripe{background: linear-gradient(#252E3C 50%, #C2C3BB 50%);}.form__option-label-inner-camel-window-panel-frame{background-color: #816d5e;}.form__option-label-inner-grey-melange-window-pane-frame{background: linear-gradient(#C2C3BB 50%, #816D5E 50%);}.form__option-label-inner-stone-window-pane-frame{background: linear-gradient(#B9BBBE 50%, #816D5E 50%);}.form__option-label-inner-chocolate{background-color: #78493f;}.form__option-label-inner-champagne{background-color: #C1B7A8;}.form__option-label-inner-pacific{background-color: #546477;}.form__option-label-inner-mid-grey-melange{background-color: #C2C3BB;}.form__option-label-inner-camel-melange{background-color: #816d5e;}.form__option-label-inner-dark-navy-off-white-stripe{background: linear-gradient(#252E3C 50%, #f0eee9 50%);}.form__option-label-inner-light-grey-melange-off-white-stripe{background: linear-gradient(#C2C3BB 50%, #f0eee9 50%);}.form__option-label-inner-dove-grey-check{background: linear-gradient(#C5C6C7 50%, #82808b 50%);}.form__option-label-inner-dark-navy-slate-check{background: linear-gradient(#252E3C 50%, #4d4b4f 50%);}.form__option-label-inner-black-melange{background-color: #27272A;}.form__option-label-inner-grey-shadow-plaid{background-color: #82808b;}.form__option-label-inner-pacific-shadow-plaid{background-color: #546477;}.form__option-label-inner-window-pane{background-color: #816D5E;}.form__option-label-inner-navy-buffalo-check{background: linear-gradient(#252E3C 50%, #331B13 50%);}.form__option-label-inner-grey-buffalo-check{background: linear-gradient(#C2C3BB 50%, #331B13 50%);}.form__option-label-inner-pop-plaid{background: linear-gradient(#C2C3BB 50%, #2F3E55 50%);}.form__option-label-inner-dark-camel-melange-ecru-stripe{background: linear-gradient(#725440 50%, #EDE6DE 50%);}.form__option-label-inner-dark-navy-natural-stripe{background: linear-gradient(#252E3C 50%, #f3ece0 50%);}.form__option-label-inner-light-blue{background-color: #a5b8d0;}.form__option-label-inner-grey-melange{background-color: #82808b;}.form__option-label-inner-wood-melange{background-color: #aa9688;}.form__option-label-inner-natural{background-color: #f3ece0;}.form__option-label-inner-chocolate-melange{background-color: #785141;}.form__option-label-inner-rain{background-color: #868387;}.form__option-label-inner-dark-camel-melange{background-color: #725440;}.form__option-label-inner-dark-denim-dusty-rose-dark-navy{background: conic-gradient(#36465E 0% 32%, #985f68 33% 66%, #252E3C 67% 100%);}.form__option-label-inner-bone{background-color: #dcd7d4;}.form__option-label-inner-tartan{background: linear-gradient(#252e3c 50%, #1a5350 50%);}.form__option-label-inner-bold-plaid{background: linear-gradient(#b5651d 50%, #000053 50%);}.form__option-label-inner-camel-stripe{background-color: #816d5e;}.form__option-label-inner-pacific-melange{background-color: #546477;}.form__option-label-inner-natural-mid-grey-melange{background: linear-gradient(#f3ece0 50%, #C2C3BB 50%);}.form__option-label-inner-navy-melange-natural{background: linear-gradient(#252E3C 50%, #f3ece0 50%);}.form__option-label-inner-umber{background-color: #634a44;}.form__option-label-inner-tan{background-color: #977c61;}.form__option-label-inner-midnight-navy{background-color: #364450;}.form__option-label-inner-camel{background-color: #816d5e;}.form__option-label-inner-light-tan{background-color: #977C61;}.form__option-label-inner-dove{background-color: #C5C6C7;}.form__option-label-inner-wood{background-color: #bd9b82;}.form__option-label-inner-blue-chambray{background-color: #2f3e55;}.form__option-label-inner-black-natural-stripe{background: linear-gradient(#27272a 50%, #f3ece0 50%);}.form__option-label-inner-bright-white-bright-white-bright-white{background: conic-gradient(#ffffff 0% 32%, #ffffff 33% 66%, #ffffff 67% 100%);}.form__option-label-inner-bright-white-light-grey-melange-black{background: conic-gradient(#ffffff 0% 32%, #b4b4b0 33% 66%, #101010 67% 100%);}.form__option-label-inner-dark-denim-bright-white-black{background: conic-gradient(#243a59 0% 32%, #ffffff 33% 66%, #0f0f0f 67% 100%);}.form__option-label-inner-sage-melange{background-color: #9b9889;}.form__option-label-inner-light-tan-off-white-stripe{background: linear-gradient(#d8b287 50%, #ebeae6 50%);}.form__option-label-inner-black-off-white-stripe{background: linear-gradient(#2d2b24 50%, #ffffff 50%);}.form__option-label-inner-tomato{background-color: #e12c1d;}.form__option-label-inner-sand-dune-melange{background-color: #dcc8af;}.form__option-label-inner-grey-blue{background-color: #aeb6b8;}.form__option-label-inner-navy-bone-stripe{background: linear-gradient(#222d3d 50%, #e9e6d9 50%);}.form__option-label-inner-pale-green{background-color: #d8d9cb;}.form__option-label-inner-white-wood-stripe{background: linear-gradient(#f9f7f5 50%, #d0bbab 50%);}.form__option-label-inner-pale-pink{background-color: #d5b4b1;}.form__option-label-inner-mushroom{background-color: #e7d9d0;}.form__option-label-inner-wood-chambray{background-color: #bcb4af;}.form__option-label-inner-dark-blue-chambray{background-color: #707582;}.form__option-label-inner-storm-blue{background-color: #a4adc1;}.form__option-label-inner-tan-melange{background-color: #dcbea0;}.form__option-label-inner-blush-melange{background-color: #f9e8df;}</style> <script type="text/javascript" src="//www.kitandace.com/cdn/shop/t/140/assets/app.js?v=10534555368219130101730418820" defer="defer"></script> <script> var dataLayerData = {'page': {'template': "index", 'searchTerm': null, 'searchResults': null, 'currentPage': 1, 'currency': "CAD", 'collection': null}, 'product': {}, 'customer': {}, 'collection': {}, 'cart': { }};dataLayerData.cart.total = "0.00"; dataLayerData.cart.count = 0; dataLayerData.cart.products = [];window.dataLayer = window.dataLayer || []; window.dataLayer.push(dataLayerData); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MMNLTPJ');</script> <!-- End Google Tag Manager --> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="4lPAmisXwsjYtO0py5BMyAum0DhfP9n86Zi8fvdHTGc"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/60491202756/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="311ddd06bbcfc46427b3a1e1da3b3441"> <meta id="in-context-paypal-metadata" data-shop-id="60491202756" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="CAD"> <link rel="alternate" hreflang="x-default" href="https://www.kitandace.com/"> <link rel="alternate" hreflang="en-US" href="https://www.kitandace.com/en-us"> <link rel="alternate" hreflang="en-CA" href="https://www.kitandace.com/"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-CA"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-CA&shop_id=60491202756" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":60491202756,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/60491202756","merchantName":"Kit and Ace","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","interac","jcb"],"total":{"type":"pending","label":"Kit and Ace","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"311ddd06bbcfc46427b3a1e1da3b3441","betas":["rich-media-storefront-analytics"],"domain":"www.kitandace.com","predictiveSearch":true,"shopId":60491202756,"smart_payment_buttons_url":"https:\/\/www.kitandace.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/www.kitandace.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "kit-and-ace.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"CAD","rate":"1.0"}; Shopify.country = "CA"; Shopify.theme = {"name":"Kit and Ace - iamota (Production) - New","id":139454054596,"schema_name":"iamota Theme Foundation","schema_version":"3.0.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "www.kitandace.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <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> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-windoid":["modules/v2/client.init-windoid_BYFG3Lnu.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_CPehqjeR.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_oj3UXfQv.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_C5aybzgc.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_UPG9zzjM.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js","modules/v2/chunk.modal_omY9a7A5.esm.js"],"pay-button":["modules/v2/client.pay-button_DV1lgE60.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_bd_DQyTA.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js","modules/v2/chunk.modal_omY9a7A5.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_BG2ca3Cw.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js","modules/v2/chunk.modal_omY9a7A5.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_1ZbRgSAn.en.esm.js","modules/v2/client.shop-login-button_BG2ca3Cw.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js","modules/v2/chunk.modal_omY9a7A5.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_wj75s5v7.en.esm.js","modules/v2/client.shop-login-button_BG2ca3Cw.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js","modules/v2/chunk.modal_omY9a7A5.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_CE0PfAsb.en.esm.js","modules/v2/client.shop-login-button_BG2ca3Cw.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js","modules/v2/chunk.modal_omY9a7A5.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CSf-3Ra4.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js","modules/v2/chunk.modal_omY9a7A5.esm.js"],"lead-capture":["modules/v2/client.lead-capture_Bgo8V34y.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js","modules/v2/chunk.modal_omY9a7A5.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DwY-YZoJ.en.esm.js","modules/v2/chunk.common_CF-a952v.esm.js","modules/v2/chunk.modal_omY9a7A5.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["\/\/swymv3pro-01.azureedge.net\/code\/swym-shopify.js?shop=kit-and-ace.myshopify.com","\/\/cdn.shopify.com\/proxy\/1e0a5a8dc00501f417e48aacfa2cb9f3be08ca750436dac061fbb11e7b8b76a5\/bingshoppingtool-t2app-prod.trafficmanager.net\/uet\/tracking_script?shop=kit-and-ace.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/ecom-app.rakutenadvertising.io\/rakuten_advertising.js?shop=kit-and-ace.myshopify.com","https:\/\/tag.rmp.rakuten.com\/117668.ct.js?shop=kit-and-ace.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCCC51FF4CA6RW7XJH50SCK?source=shopify1click\u0026shop=kit-and-ace.myshopify.com","https:\/\/d38xvr37kwwhcm.cloudfront.net\/js\/grin-sdk.js?shop=kit-and-ace.myshopify.com","https:\/\/cdn-bundler.nice-team.net\/app\/js\/bundler.js?shop=kit-and-ace.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-e7e1a696c9ae3c6f60f7291a65d3a3e1.js?shop=kit-and-ace.myshopify.com","https:\/\/s3.eu-west-1.amazonaws.com\/production-klarna-il-shopify-osm\/46187fee32f4f4ba3a533df02042a0998157a82a\/kit-and-ace.myshopify.com-1727295022837.js?shop=kit-and-ace.myshopify.com","https:\/\/cdn.userway.org\/widget.js?account=qDjZvog78j\u0026platfAppInstalledSiteId=2686470\u0026shop=kit-and-ace.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=87f6d061-cfbc-4b02-93c0-d25635a3b445\u0026shop=kit-and-ace.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":60491202756,"offset":-25200,"reqid":"404907d6-3609-435b-9d36-15915e00d539-1742546270","pageurl":"www.kitandace.com\/","u":"e9d7570e4ee9","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <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.2.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,!1)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.kitandace.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//www.kitandace.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//www.kitandace.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://www.kitandace.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <!-- 06-10-2024 --> <script type="text/javascript"> //DO NOT REMOVE - DRIVES REVENUE analytics.subscribe('all_events', (event) => { var intervalWidgetLoad = setInterval(function () { if (typeof asShopifyCPTag === 'function') { clearInterval(intervalWidgetLoad); asShopifyCPTag(event,init.data.cart,init.data.customer);}}, 300)}); var AddShoppersWidgetOptions = { 'loadCss': false, 'pushResponse': false }; (!function () { var t = document.createElement("script"); t.type = "text/javascript", t.async = !0, t.id = "AddShoppers", t.src = "https://shop.pe/widget/widget_async.js#651fdf3fbb4125f93a7cb965", document.getElementsByTagName("head")[0].appendChild(t) }()); </script> <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> <script async src="https://static.klaviyo.com/onsite/js/NkEbv7/klaviyo.js?company_id=NkEbv7"></script> <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script> <script> window.klaviyoReviewsProductDesignMode = false </script> <!-- END app block --><!-- BEGIN app block: shopify://apps/boost-ai-search-discovery/blocks/instant-search-app-embedded/7fc998ae-a150-4367-bab8-505d8a4503f7 --><script> (function setupISW() { if (!window.boostWidgetIntegration) { window.boostWidgetIntegration = {} } const config = window.boostWidgetIntegration; if (!config.taeSettings) { config.taeSettings = {}; } const taeSettings = config.taeSettings; taeSettings.instantSearch = { enabled: true, } })(); </script> <!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields --> <style type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/okendo-reviews-styles.8dfe73f0.css"></style><style type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-star-rating.86dbf7f0.css"></style><style type="text/css">.okeReviews[data-oke-container],div.okeReviews{font-size:14px;font-size:var(--oke-text-regular);font-weight:400;font-family:var(--oke-text-fontFamily);line-height:1.6}.okeReviews[data-oke-container] *,.okeReviews[data-oke-container] :after,.okeReviews[data-oke-container] :before,div.okeReviews *,div.okeReviews :after,div.okeReviews :before{box-sizing:border-box}.okeReviews[data-oke-container] h1,.okeReviews[data-oke-container] h2,.okeReviews[data-oke-container] h3,.okeReviews[data-oke-container] h4,.okeReviews[data-oke-container] h5,.okeReviews[data-oke-container] h6,div.okeReviews h1,div.okeReviews h2,div.okeReviews h3,div.okeReviews h4,div.okeReviews h5,div.okeReviews h6{font-size:1em;font-weight:400;line-height:1.4;margin:0}.okeReviews[data-oke-container] ul,div.okeReviews ul{padding:0;margin:0}.okeReviews[data-oke-container] li,div.okeReviews li{list-style-type:none;padding:0}.okeReviews[data-oke-container] p,div.okeReviews p{line-height:1.8;margin:0 0 4px}.okeReviews[data-oke-container] p:last-child,div.okeReviews p:last-child{margin-bottom:0}.okeReviews[data-oke-container] a,div.okeReviews a{text-decoration:none;color:inherit}.okeReviews[data-oke-container] button,div.okeReviews button{border-radius:0;border:0;box-shadow:none;margin:0;width:auto;min-width:auto;padding:0;background-color:transparent;min-height:auto}.okeReviews[data-oke-container] button,.okeReviews[data-oke-container] input,.okeReviews[data-oke-container] select,.okeReviews[data-oke-container] textarea,div.okeReviews button,div.okeReviews input,div.okeReviews select,div.okeReviews textarea{font-family:inherit;font-size:1em}.okeReviews[data-oke-container] label,.okeReviews[data-oke-container] select,div.okeReviews label,div.okeReviews select{display:inline}.okeReviews[data-oke-container] select,div.okeReviews select{width:auto}.okeReviews[data-oke-container] article,.okeReviews[data-oke-container] aside,div.okeReviews article,div.okeReviews aside{margin:0}.okeReviews[data-oke-container] table,div.okeReviews table{background:transparent;border:0;border-collapse:collapse;border-spacing:0;font-family:inherit;font-size:1em;table-layout:auto}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,.okeReviews[data-oke-container] table tr,div.okeReviews table td,div.okeReviews table th,div.okeReviews table tr{border:0;font-family:inherit;font-size:1em}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,div.okeReviews table td,div.okeReviews table th{background:transparent;font-weight:400;letter-spacing:normal;padding:0;text-align:left;text-transform:none;vertical-align:middle}.okeReviews[data-oke-container] table tr:hover td,.okeReviews[data-oke-container] table tr:hover th,div.okeReviews table tr:hover td,div.okeReviews table tr:hover th{background:transparent}.okeReviews[data-oke-container] fieldset,div.okeReviews fieldset{border:0;padding:0;margin:0;min-width:0}.okeReviews[data-oke-container] img,div.okeReviews img{max-width:none}.okeReviews[data-oke-container] div:empty,div.okeReviews div:empty{display:block}.okeReviews[data-oke-container] .oke-icon:before,div.okeReviews .oke-icon:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}.okeReviews[data-oke-container] .oke-icon--select-arrow:before,div.okeReviews .oke-icon--select-arrow:before{content:""}.okeReviews[data-oke-container] .oke-icon--loading:before,div.okeReviews .oke-icon--loading:before{content:""}.okeReviews[data-oke-container] .oke-icon--pencil:before,div.okeReviews .oke-icon--pencil:before{content:""}.okeReviews[data-oke-container] .oke-icon--filter:before,div.okeReviews .oke-icon--filter:before{content:""}.okeReviews[data-oke-container] .oke-icon--play:before,div.okeReviews .oke-icon--play:before{content:""}.okeReviews[data-oke-container] .oke-icon--tick-circle:before,div.okeReviews .oke-icon--tick-circle:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-left:before,div.okeReviews .oke-icon--chevron-left:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-right:before,div.okeReviews .oke-icon--chevron-right:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-down:before,div.okeReviews .oke-icon--thumbs-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-up:before,div.okeReviews .oke-icon--thumbs-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--close:before,div.okeReviews .oke-icon--close:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-up:before,div.okeReviews .oke-icon--chevron-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-down:before,div.okeReviews .oke-icon--chevron-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--star:before,div.okeReviews .oke-icon--star:before{content:""}.okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,div.okeReviews .oke-icon--magnifying-glass:before{content:""}@font-face{font-family:oke-widget-icons;src:url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.ttf) format("truetype"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.woff) format("woff"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/img/oke-widget-icons.bc0d6b0a.svg) format("svg");font-weight:400;font-style:normal;font-display:block}.okeReviews[data-oke-container] .oke-button,div.okeReviews .oke-button{display:inline-block;border-style:solid;border-color:var(--oke-button-borderColor);border-width:var(--oke-button-borderWidth);background-color:var(--oke-button-backgroundColor);line-height:1;padding:12px 24px;margin:0;border-radius:var(--oke-button-borderRadius);color:var(--oke-button-textColor);text-align:center;position:relative;font-weight:var(--oke-button-fontWeight);font-size:var(--oke-button-fontSize);font-family:var(--oke-button-fontFamily);outline:0}.okeReviews[data-oke-container] .oke-button-text,.okeReviews[data-oke-container] .oke-button .oke-icon,div.okeReviews .oke-button-text,div.okeReviews .oke-button .oke-icon{line-height:1}.okeReviews[data-oke-container] .oke-button.oke-is-loading,div.okeReviews .oke-button.oke-is-loading{position:relative}.okeReviews[data-oke-container] .oke-button.oke-is-loading:before,div.okeReviews .oke-button.oke-is-loading:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:undefined;font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-button.oke-is-loading>*,div.okeReviews .oke-button.oke-is-loading>*{opacity:0}.okeReviews[data-oke-container] .oke-button.oke-is-active,div.okeReviews .oke-button.oke-is-active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),div.okeReviews .oke-button:not(.oke-is-loading){cursor:pointer}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{background-color:var(--oke-button-backgroundColorHover);color:var(--oke-button-textColorHover);border-color:var(--oke-button-borderColorHover);box-shadow:0 0 0 2px var(--oke-button-backgroundColorHover)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-title,div.okeReviews .oke-title{font-weight:var(--oke-title-fontWeight);font-size:var(--oke-title-fontSize);font-family:var(--oke-title-fontFamily)}.okeReviews[data-oke-container] .oke-bodyText,div.okeReviews .oke-bodyText{font-weight:var(--oke-bodyText-fontWeight);font-size:var(--oke-bodyText-fontSize);font-family:var(--oke-bodyText-fontFamily)}.okeReviews[data-oke-container] .oke-linkButton,div.okeReviews .oke-linkButton{cursor:pointer;font-weight:700;pointer-events:auto;text-decoration:underline}.okeReviews[data-oke-container] .oke-linkButton:hover,div.okeReviews .oke-linkButton:hover{text-decoration:none}.okeReviews[data-oke-container] .oke-readMore,div.okeReviews .oke-readMore{cursor:pointer;color:inherit;text-decoration:underline}.okeReviews[data-oke-container] .oke-select,div.okeReviews .oke-select{cursor:pointer;background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;border:none;padding:0 24px 0 12px;appearance:none;color:inherit;-webkit-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");outline-offset:4px}.okeReviews[data-oke-container] .oke-select:disabled,div.okeReviews .oke-select:disabled{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.okeReviews[data-oke-container] .oke-loader,div.okeReviews .oke-loader{position:relative}.okeReviews[data-oke-container] .oke-loader:before,div.okeReviews .oke-loader:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:var(--oke-text-secondaryColor);font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-a11yText,div.okeReviews .oke-a11yText{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.okeReviews[data-oke-container] .oke-hidden,div.okeReviews .oke-hidden{display:none}.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2147483647;max-height:100%;background-color:rgba(0,0,0,.5);padding:40px 0 32px}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{display:flex;align-items:center;padding:48px 0}}.okeReviews[data-oke-container] .oke-modal ::selection,div.okeReviews .oke-modal ::selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal,.okeReviews[data-oke-container] .oke-modal p,div.okeReviews .oke-modal,div.okeReviews .oke-modal p{color:#272d45}.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{background-color:#fff;margin:auto;position:relative;will-change:transform,opacity;width:calc(100% - 64px)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{max-width:1000px}}.okeReviews[data-oke-container] .oke-modal-close,div.okeReviews .oke-modal-close{cursor:pointer;position:absolute;width:32px;height:32px;top:-32px;padding:4px;right:-4px;line-height:1}.okeReviews[data-oke-container] .oke-modal-close:before,div.okeReviews .oke-modal-close:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:#fff;font-size:24px;display:inline-block;width:24px;height:24px}.okeReviews[data-oke-container] .oke-modal-overlay,div.okeReviews .oke-modal-overlay{background-color:rgba(43,46,56,.9)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,div.okeReviews .oke-modal--large .oke-modal-content{max-width:1200px}}.okeReviews[data-oke-container] .oke-modal .oke-helpful,.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,div.okeReviews .oke-modal .oke-helpful,div.okeReviews .oke-modal .oke-helpful-vote-button,div.okeReviews .oke-modal .oke-reviewContent-date{color:#676986}.oke-modal .okeReviews[data-oke-container].oke-w,.oke-modal div.okeReviews.oke-w{color:#272d45}.okeReviews[data-oke-container] .oke-tag,div.okeReviews .oke-tag{align-items:center;color:#272d45;display:flex;font-size:var(--oke-text-small);font-weight:600;text-align:left;position:relative;z-index:2;background-color:#f4f4f6;padding:4px 6px;border:none;border-radius:4px;gap:6px;line-height:1}.okeReviews[data-oke-container] .oke-tag svg,div.okeReviews .oke-tag svg{fill:currentColor;height:1rem}.okeReviews[data-oke-container] .hooper,div.okeReviews .hooper{height:auto}.okeReviews--left{text-align:left}.okeReviews--right{text-align:right}.okeReviews--center{text-align:center}.okeReviews :not([tabindex="-1"]):focus-visible{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.is-oke-modalOpen{overflow:hidden!important}img.oke-is-error{background-color:var(--oke-shadingColor);background-size:cover;background-position:50% 50%;box-shadow:inset 0 0 0 1px var(--oke-border-color)}@keyframes oke-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oke-fade-in{0%{opacity:0}to{opacity:1}} .oke-stars{line-height:1;position:relative;display:inline-block}.oke-stars-background svg{overflow:visible}.oke-stars-foreground{overflow:hidden;position:absolute;top:0;left:0}.oke-sr{display:inline-block;padding-top:var(--oke-starRating-spaceAbove);padding-bottom:var(--oke-starRating-spaceBelow)}.oke-sr .oke-is-clickable{cursor:pointer}.oke-sr-count,.oke-sr-rating,.oke-sr-stars{display:inline-block;vertical-align:middle}.oke-sr-stars{line-height:1;margin-right:8px}.oke-sr-rating{display:none}.oke-sr-count--brackets:before{content:"("}.oke-sr-count--brackets:after{content:")"}</style> <script type="application/json" id="oke-reviews-settings">{"subscriberId":"2a98c133-0dee-43c3-8bbe-9b47f866af81","analyticsSettings":{"isWidgetOnScreenTrackingEnabled":true,"provider":"ua"},"locale":"en","localeAndVariant":{"code":"en"},"matchCustomerLocale":true,"widgetSettings":{"global":{"dateSettings":{"format":{"type":"relative"}},"hideOkendoBranding":true,"stars":{"backgroundColor":"#E5E5E5","foregroundColor":"#FFCF2A","interspace":2,"shape":{"type":"default"},"showBorder":false},"showIncentiveIndicator":false,"searchEnginePaginationEnabled":true,"font":{"fontType":"inherit-from-page"}},"homepageCarousel":{"slidesPerPage":{"large":3,"medium":2},"totalSlides":12,"scrollBehaviour":"slide","style":{"showDates":false,"border":{"color":"#E5E5EB","width":{"value":1,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"hasCustomFontSettings":false},"arrows":{"color":"#676986","size":{"value":24,"unit":"px"},"enabled":true},"avatar":{"backgroundColor":"#E5E5EB","placeholderTextColor":"#2C3E50","size":{"value":48,"unit":"px"},"enabled":false},"media":{"size":{"value":80,"unit":"px"},"imageGap":{"value":4,"unit":"px"},"enabled":true},"stars":{"height":{"value":15,"unit":"px"},"globalOverrideSettings":{"showBorder":false,"backgroundColor":"#E5E5E5","foregroundColor":"#112F96"}},"productImageSize":{"value":64,"unit":"px"},"layout":{"name":"default","reviewDetailsPosition":"above","showProductName":true,"showAttributeBars":false,"showProductDetails":"only-when-grouped"},"highlightColor":"#112F96","spaceAbove":{"value":20,"unit":"px"},"text":{"primaryColor":"#2C3E50","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeSmall":{"value":12,"unit":"px"},"secondaryColor":"#676986"},"spaceBelow":{"value":60,"unit":"px"}},"defaultSort":"rating desc","autoPlay":false,"truncation":{"bodyMaxLines":4,"truncateAll":false,"enabled":true}},"mediaCarousel":{"minimumImages":1,"linkText":"Read More","stars":{"backgroundColor":"#E5E5E5","foregroundColor":"#FFCF2A","height":{"value":12,"unit":"px"}},"autoPlay":false,"slideSize":"medium","arrowPosition":"outside"},"mediaGrid":{"showMoreArrow":{"arrowColor":"#676986","enabled":true,"backgroundColor":"#f4f4f6"},"infiniteScroll":false,"gridStyleDesktop":{"layout":"default-desktop"},"gridStyleMobile":{"layout":"default-mobile"},"linkText":"Read More","stars":{"backgroundColor":"#E5E5E5","foregroundColor":"#FFCF2A","height":{"value":12,"unit":"px"}},"gapSize":{"value":10,"unit":"px"}},"questions":{"initialPageSize":6,"loadMorePageSize":6},"reviewsBadge":{"colorScheme":"dark","layout":"large","stars":{"globalOverrideSettings":{"showBorder":false,"backgroundColor":"#E5E5E5","foregroundColor":"#112F96"}}},"reviewsTab":{"enabled":false},"reviewsWidget":{"tabs":{"reviews":true,"questions":true},"header":{"columnDistribution":"space-around","verticalAlignment":"center","blocks":[{"columnWidth":"one-third","modules":[{"name":"rating-average","layout":"two-line"},{"name":"rating-breakdown","backgroundColor":"#F4F1EC","shadingColor":"#1C2646","stretchMode":"contain"}],"textAlignment":"left"},{"columnWidth":"one-third","modules":[{"name":"recommended"},{"name":"attributes","layout":"stacked","stretchMode":"stretch"}],"textAlignment":"left"},{"columnWidth":"one-third","modules":[{"name":"media-grid","imageGap":{"value":8,"unit":"px"},"scaleToFill":true,"rows":2,"columns":3}],"textAlignment":"center"}]},"style":{"showDates":true,"border":{"color":"#F4F1EC","width":{"value":1,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"hasCustomFontSettings":false},"filters":{"backgroundColorActive":"#676986","backgroundColor":"#FFFFFF","borderColor":"#DBDDE4","borderRadius":{"value":100,"unit":"px"},"borderColorActive":"#676986","textColorActive":"#FFFFFF","textColor":"#2C3E50","searchHighlightColor":"#B2F9E9"},"avatar":{"backgroundColor":"#F4F1EC","placeholderTextColor":"#000000","size":{"value":60,"unit":"px"},"enabled":true},"stars":{"height":{"value":15,"unit":"px"},"globalOverrideSettings":{"backgroundColor":"#E5E5E5","foregroundColor":"#1C2646","interspace":2,"showBorder":false}},"shadingColor":"#F7F7F8","productImageSize":{"value":64,"unit":"px"},"button":{"backgroundColorActive":"#1F62B5","borderColorHover":"#1F62B5","backgroundColor":"#1C2646","borderColor":"#1C2646","backgroundColorHover":"#1F62B5","textColorHover":"#FFFFFF","borderRadius":{"value":0,"unit":"px"},"borderWidth":{"value":0,"unit":"px"},"borderColorActive":"#1F62B5","textColorActive":"#FFFFFF","textColor":"#FFFFFF","font":{"hasCustomFontSettings":false}},"highlightColor":"#1C2646","spaceAbove":{"value":0,"unit":"px"},"text":{"primaryColor":"#000000","fontSizeRegular":{"value":16,"unit":"px"},"fontSizeLarge":{"value":28,"unit":"px"},"fontSizeSmall":{"value":14,"unit":"px"},"secondaryColor":"#797A7E"},"spaceBelow":{"value":0,"unit":"px"},"attributeBar":{"style":"default","backgroundColor":"#797A7E","shadingColor":"#1C2646","markerColor":"#1C2646"}},"showWhenEmpty":true,"reviews":{"list":{"layout":{"collapseReviewerDetails":false,"columnAmount":4,"name":"default","showAttributeBars":true,"borderStyle":"minimal","showProductVariantName":false,"showProductDetails":"only-when-grouped"},"initialPageSize":5,"media":{"layout":"thumbnail","size":{"value":120,"unit":"px"},"imageGap":{"value":8,"unit":"px"}},"truncation":{"bodyMaxLines":4,"truncateAll":false,"enabled":false},"loadMorePageSize":5},"controls":{"filterMode":"off","defaultSort":"rating desc","writeReviewButtonEnabled":true,"freeTextSearchEnabled":false}}},"starRatings":{"clickBehavior":"scroll-to-widget","showWhenEmpty":false,"style":{"globalOverrideSettings":{"showBorder":false,"backgroundColor":"#E5E5E5","foregroundColor":"#112F96"},"spaceAbove":{"value":0,"unit":"px"},"text":{"content":"review-count","style":"number-and-text","brackets":false},"height":{"value":15,"unit":"px"},"spaceBelow":{"value":0,"unit":"px"}}}},"features":{"attributeFiltersEnabled":true,"recorderPlusEnabled":true,"recorderQandaPlusEnabled":true}}</script> <style id="oke-css-vars">:root{--oke-widget-spaceAbove:0;--oke-widget-spaceBelow:0;--oke-starRating-spaceAbove:0;--oke-starRating-spaceBelow:0;--oke-button-backgroundColor:#1c2646;--oke-button-backgroundColorHover:#1f62b5;--oke-button-backgroundColorActive:#1f62b5;--oke-button-textColor:#fff;--oke-button-textColorHover:#fff;--oke-button-textColorActive:#fff;--oke-button-borderColor:#1c2646;--oke-button-borderColorHover:#1f62b5;--oke-button-borderColorActive:#1f62b5;--oke-button-borderRadius:0;--oke-button-borderWidth:0;--oke-button-fontWeight:700;--oke-button-fontSize:var(--oke-text-regular,14px);--oke-button-fontFamily:inherit;--oke-border-color:#f4f1ec;--oke-border-width:1px;--oke-text-primaryColor:#000;--oke-text-secondaryColor:#797a7e;--oke-text-small:14px;--oke-text-regular:16px;--oke-text-large:28px;--oke-text-fontFamily:inherit;--oke-avatar-size:60px;--oke-avatar-backgroundColor:#f4f1ec;--oke-avatar-placeholderTextColor:#000;--oke-highlightColor:#1c2646;--oke-shadingColor:#f7f7f8;--oke-productImageSize:64px;--oke-attributeBar-shadingColor:#1c2646;--oke-attributeBar-borderColor:undefined;--oke-attributeBar-backgroundColor:#797a7e;--oke-attributeBar-markerColor:#1c2646;--oke-filter-backgroundColor:#fff;--oke-filter-backgroundColorActive:#676986;--oke-filter-borderColor:#dbdde4;--oke-filter-borderColorActive:#676986;--oke-filter-textColor:#2c3e50;--oke-filter-textColorActive:#fff;--oke-filter-borderRadius:100px;--oke-filter-searchHighlightColor:#b2f9e9;--oke-mediaGrid-chevronColor:#676986;--oke-stars-foregroundColor:#ffcf2a;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-reviewCarousel{--oke-stars-foregroundColor:#112f96;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-w,.oke-modal{--oke-stars-foregroundColor:#1c2646;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-sr{--oke-stars-foregroundColor:#112f96;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-w,oke-modal{--oke-title-fontWeight:600;--oke-title-fontSize:var(--oke-text-regular,14px);--oke-title-fontFamily:inherit;--oke-bodyText-fontWeight:400;--oke-bodyText-fontSize:var(--oke-text-regular,14px);--oke-bodyText-fontFamily:inherit}</style> <style id="oke-reviews-custom-css">.okeReviews[data-oke-container].oke-w,div.okeReviews.oke-w{max-width:100% !important}.okeReviews[data-oke-container] .oke-is-large .oke-w-review,.okeReviews[data-oke-container] .oke-is-medium .oke-w-review,div.okeReviews .oke-is-large .oke-w-review,div.okeReviews .oke-is-medium .oke-w-review{max-width:1400px}.okeReviews-drp{max-width:1200px;margin:40px auto 70px;padding:0 20px}.okeReviews-drp h1{font-family:Brandon,sans-serif;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#003096;text-align:center;margin-bottom:35px}.reviews-page-wrapper{padding-top:2em}.orc-allReviewsCollections .orc-collectionControlsLabel{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.orc-allReviewsCollections .orc-collectionControls{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-3px -9px}.orc-allReviewsCollections .orc-collectionControls .orc-collectionControls-item-label{-ms-flex-align:center;align-items:center;border:1px solid #c2c2c2;border-radius:4px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;margin-top:0;padding:8px 16px;text-align:center}.orc-allReviewsCollections .orc-collectionControls-item-input--checked+.orc-collectionControls-item-label,.orc-allReviewsCollections .orc-collectionControls-item-input:checked+.orc-collectionControls-item-label{border:1px solid #535565;box-shadow:0 0 0 1px #535565}.orc-allReviewsCollections .orc-collectionControls-item{box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;padding:3px 9px}.orc-allReviewsCollections .orc-collectionControls-item-label-heading{display:block;-ms-flex-preferred-size:66.66%;flex-basis:66.66%;font-size:18px;font-weight:400;text-align:left}.orc-allReviewsCollections .orc-collectionControls-item-input{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.orc-allReviewsCollections .orc-collectionControls-item-label-background{background-position:100%;background-repeat:no-repeat;background-size:contain;display:block;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;height:50px;margin:0}@media only screen and (min-width:800px){.orc-allReviewsCollections .orc-collectionControls{margin:-9px}.orc-allReviewsCollections .orc-collectionControls-item{-ms-flex:1 1 50%;flex:1 1 50%;padding:9px}.orc-allReviewsCollections .orc-collectionControls .orc-collectionControls-item-label{-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:column;flex-direction:column;height:auto;padding:16px}.orc-allReviewsCollections .orc-collectionControls-item-label-heading{-ms-flex-preferred-size:auto;flex-basis:auto;margin-bottom:16px;text-align:center}.orc-allReviewsCollections .orc-collectionControls-item-label-background{background-position:50%;-ms-flex-preferred-size:auto;flex-basis:auto;height:150px;margin-top:auto;width:auto}}@media only screen and (min-width:1200px){.orc-allReviewsCollections .orc-collectionControls-item{-ms-flex:1 1 25%;flex:1 1 25%}}@media all and (min-width:1200px){.orc-allReviewsCollections .orc-collectionControls-item{-ms-flex:1 1 25%;flex:1 1 15%}.orc-allReviewsCollections .orc-collectionControls-item-label-heading{font-size:16px}}#orc-collection-control{margin-bottom:4em}div.okeReviews[data-oke-container] .oke-reviewCarousel-header{display:none}div.okeReviews[data-oke-container] .oke-reviewCarousel .oke-reviewCard{background-color:#fff;border:0;border-radius:5px;padding:2em}div.okeReviews[data-oke-container] .oke-is-small .oke-reviewCarousel-reviews{width:calc(100% - 60px)}@media all and (min-width:992px){div.okeReviews[data-oke-container] .oke-reviewCarousel-header-title{font-size:1.75rem}}</style> <template id="oke-reviews-body-template"><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><path id="star-default--empty" fill="var(--oke-stars-backgroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol><symbol id="oke-star-filled" style="overflow:visible;"><path id="star-default--filled" fill="var(--oke-stars-foregroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol></svg></template><script>document.addEventListener('readystatechange',() =>{Array.from(document.getElementById('oke-reviews-body-template')?.content.children)?.forEach(function(child){if(!Array.from(document.body.querySelectorAll('[data-oke-id='.concat(child.getAttribute('data-oke-id'),']'))).length){document.body.prepend(child)}})},{once:true});</script> <!-- END app snippet --> <!-- BEGIN app snippet: okendo-reviews-json-ld --> <!-- END app snippet --> <!-- BEGIN app snippet: widget-plus-initialisation-script --> <script async id="okendo-reviews-script" src="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/js/okendo-reviews.js"></script> <!-- END app snippet --> <!-- END app block --><!-- BEGIN app block: shopify://apps/pagefly-page-builder/blocks/app-embed/83e179f7-59a0-4589-8c66-c0dddf959200 --> <script src="https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-helper.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-general-helper.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-snap-slider.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-slideshow-v3.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-slideshow-v4.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-glider.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-slideshow-v1-v2.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-product-media.js" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-product.js" defer="defer"></script> <script id='pagefly-helper-data' type='application/json'> { "page_optimization": { "assets_prefetching": false }, "elements_asset_mapper": { "Accordion": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-accordion.js", "Accordion3": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-accordion3.js", "CountDown": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-countdown.js", "GMap1": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-gmap.js", "GMap2": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-gmap.js", "GMapBasicV2": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-gmap.js", "GMapAdvancedV2": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-gmap.js", "HTML.Video": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-htmlvideo.js", "HTML.Video2": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-htmlvideo2.js", "HTML.Video3": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-htmlvideo2.js", "BackgroundVideo": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-htmlvideo2.js", "Instagram": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-instagram.js", "Instagram2": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-instagram.js", "Insta3": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-instagram3.js", "Tabs": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-tab.js", "Tabs3": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-tab3.js", "ProductBox": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-cart.js", "FBPageBox2": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-facebook.js", "FBLikeButton2": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-facebook.js", "TwitterFeed2": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-twitter.js", "Paragraph4": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-paragraph4.js", "AliReviews": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "BackInStock": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "GloboBackInStock": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "GrowaveWishlist": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "InfiniteOptionsShopPad": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "InkybayProductPersonalizer": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "LimeSpot": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "Loox": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "Opinew": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "Powr": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "ProductReviews": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "PushOwl": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "ReCharge": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "Rivyo": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "TrackingMore": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "Vitals": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js", "Wiser": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-3rd-elements.js" }, "custom_elements_mapper": { "pf-click-action-element": "https://cdn.shopify.com/extensions/048b0fde-c9f7-4f2b-9f04-c347bd9ab590/pagefly-page-builder-146/assets/pagefly-click-action-element.js" } } </script> <!-- END app block --><!-- BEGIN app block: shopify://apps/gsc-countdown-timer/blocks/countdown-bar/58dc5b1b-43d2-4209-b1f3-52aff31643ed --><style> .gta-block__error { display: flex; flex-flow: column nowrap; gap: 12px; padding: 32px; border-radius: 12px; margin: 12px 0; background-color: #fff1e3; color: #412d00; } .gta-block__error-title { font-size: 18px; font-weight: 600; line-height: 28px; } .gta-block__error-body { font-size: 14px; line-height: 24px; } </style> <script> try { window.GSC_COUNTDOWN_META = { product_data: null, product_collections: null, product_tags: null, }; if (Array.isArray(window.GSC_COUNTDOWN_WIDGETS)) { window.GSC_COUNTDOWN_WIDGETS.push(...[{"bar":{"sticky":true,"justify":"center","position":"top","closeButton":{"color":"#bdbdbd","enabled":true}},"key":"GSC-BAR-GdpenFbcSxoU","type":"bar","timer":{"date":"2025-01-20T07:00:00.000Z","mode":"date","hours":72,"onEnd":"hide","minutes":0,"seconds":0,"recurring":{"endHours":0,"endMinutes":0,"repeatDays":[],"startHours":0,"startMinutes":0},"scheduling":{"end":null,"start":null}},"content":{"align":"center","items":[{"id":"text-ORtGrAKMaVTj","type":"text","align":"left","color":"#ffffff","value":"Warehouse Sale","enabled":true,"padding":{"mobile":{},"desktop":{}},"fontFamily":"font1","fontWeight":"700","textTransform":"unset","mobileFontSize":"16px","desktopFontSize":"24px","mobileLineHeight":"1.3","desktopLineHeight":"1.2","mobileLetterSpacing":"0","desktopLetterSpacing":"0"},{"id":"text-ESmVPjwOaGKC","type":"text","align":"left","color":"#ffffff","value":"Limited Time:","enabled":true,"padding":{"mobile":{},"desktop":{}},"fontFamily":"font1","fontWeight":"400","textTransform":"unset","mobileFontSize":"12px","desktopFontSize":"15px","mobileLineHeight":"1.3","desktopLineHeight":"1.3","mobileLetterSpacing":"0","desktopLetterSpacing":"0"},{"id":"timer-UqruNEcKTVAH","type":"timer","border":{"size":"2px","color":"#FFFFFF","enabled":false},"digits":{"color":"#ffffff","fontSize":"60px","fontFamily":"font2","fontWeight":"600"},"labels":{"days":"Days","color":"#ffffff","hours":"Hours","enabled":true,"minutes":"Minutes","seconds":"Seconds","fontSize":"24px","fontFamily":"font3","fontWeight":"500","textTransform":"unset"},"layout":"separate","margin":{"mobile":{},"desktop":{}},"radius":{"value":"16px","enabled":false},"shadow":{"type":"","color":"black","enabled":true},"enabled":true,"padding":{"mobile":{},"desktop":{"top":"0px"}},"separator":{"type":"colon","color":"#ffffff","enabled":true},"background":{"blur":"2px","color":"#eeeeee","enabled":false},"unitFormat":"d:h:m:s","mobileWidth":"160px","desktopWidth":"224px"},{"id":"button-DZreYhESYvgD","href":"https:\/\/www.kitandace.com\/collections\/sale","type":"button","label":"SHOP NOW","width":"content","border":{"size":"2px","color":"#000000","enabled":false},"margin":{"mobile":{"top":"0px","left":"0px","right":"0px","bottom":"0px"},"desktop":{"top":"0px","left":"0px","right":"0px","bottom":"0px"}},"radius":{"value":"8px","enabled":true},"target":"_self","enabled":true,"padding":{"mobile":{"top":"8px","left":"12px","right":"12px","bottom":"8px"},"desktop":{"top":"12px","left":"32px","right":"32px","bottom":"12px"}},"textColor":"#1a223b","background":{"blur":"0px","color":"#ffffff","enabled":true},"fontFamily":"font1","fontWeight":"500","textTransform":"unset","mobileFontSize":"12px","desktopFontSize":"14px","mobileLetterSpacing":"0","desktopLetterSpacing":"0"},{"id":"coupon-EejuFraXCPWJ","code":"PASTE YOUR CODE","icon":{"type":"discount","enabled":true},"type":"coupon","label":"Additional 20% OFF","action":"copy","border":{"size":"1px","color":"#9e9e9e","enabled":true},"margin":{"mobile":{"top":"0px","left":"0px","right":"0px","bottom":"0px"},"desktop":{"top":"0px","left":"0px","right":"0px","bottom":"0px"}},"radius":{"value":"6px","enabled":true},"enabled":false,"padding":{"mobile":{"top":"4px","left":"12px","right":"12px","bottom":"4px"},"desktop":{"top":"8px","left":"16px","right":"16px","bottom":"8px"}},"textColor":"#000000","background":{"blur":"0px","color":"#eeeeee","enabled":true},"fontFamily":"font1","fontWeight":"600","textTransform":"uppercase","mobileFontSize":"12px","desktopFontSize":"14px"}],"border":{"size":"1px","color":"#000000","enabled":false},"layout":"column","radius":{"value":"8px","enabled":false},"padding":{"mobile":{"top":"4px","left":"0px","right":"0px","bottom":"4px"},"desktop":{"top":"8px","left":"28px","right":"28px","bottom":"8px"}},"mobileGap":"6px","background":{"src":null,"blur":"0px","source":"color","bgColor":"#1a223b","enabled":true,"overlayColor":"rgba(0,0,0,0)"},"desktopGap":"24px","mobileWidth":"100%","desktopWidth":"400px"},"enabled":true,"general":{"font1":"inherit","font2":"inherit","font3":"inherit","preset":"bar1","breakpoint":"768px"},"section":null,"userCss":"","targeting":{"geo":null,"pages":{"cart":false,"home":true,"other":true,"password":false,"products":{"mode":"productsInCollections","tags":[],"enabled":true,"specificProducts":[],"productsInCollections":[{"id":"gid:\/\/shopify\/Collection\/289026539716","handle":"sale"}]},"collections":{"mode":"all","items":[],"enabled":true}}}}]); } else { window.GSC_COUNTDOWN_WIDGETS = [{"bar":{"sticky":true,"justify":"center","position":"top","closeButton":{"color":"#bdbdbd","enabled":true}},"key":"GSC-BAR-GdpenFbcSxoU","type":"bar","timer":{"date":"2025-01-20T07:00:00.000Z","mode":"date","hours":72,"onEnd":"hide","minutes":0,"seconds":0,"recurring":{"endHours":0,"endMinutes":0,"repeatDays":[],"startHours":0,"startMinutes":0},"scheduling":{"end":null,"start":null}},"content":{"align":"center","items":[{"id":"text-ORtGrAKMaVTj","type":"text","align":"left","color":"#ffffff","value":"Warehouse Sale","enabled":true,"padding":{"mobile":{},"desktop":{}},"fontFamily":"font1","fontWeight":"700","textTransform":"unset","mobileFontSize":"16px","desktopFontSize":"24px","mobileLineHeight":"1.3","desktopLineHeight":"1.2","mobileLetterSpacing":"0","desktopLetterSpacing":"0"},{"id":"text-ESmVPjwOaGKC","type":"text","align":"left","color":"#ffffff","value":"Limited Time:","enabled":true,"padding":{"mobile":{},"desktop":{}},"fontFamily":"font1","fontWeight":"400","textTransform":"unset","mobileFontSize":"12px","desktopFontSize":"15px","mobileLineHeight":"1.3","desktopLineHeight":"1.3","mobileLetterSpacing":"0","desktopLetterSpacing":"0"},{"id":"timer-UqruNEcKTVAH","type":"timer","border":{"size":"2px","color":"#FFFFFF","enabled":false},"digits":{"color":"#ffffff","fontSize":"60px","fontFamily":"font2","fontWeight":"600"},"labels":{"days":"Days","color":"#ffffff","hours":"Hours","enabled":true,"minutes":"Minutes","seconds":"Seconds","fontSize":"24px","fontFamily":"font3","fontWeight":"500","textTransform":"unset"},"layout":"separate","margin":{"mobile":{},"desktop":{}},"radius":{"value":"16px","enabled":false},"shadow":{"type":"","color":"black","enabled":true},"enabled":true,"padding":{"mobile":{},"desktop":{"top":"0px"}},"separator":{"type":"colon","color":"#ffffff","enabled":true},"background":{"blur":"2px","color":"#eeeeee","enabled":false},"unitFormat":"d:h:m:s","mobileWidth":"160px","desktopWidth":"224px"},{"id":"button-DZreYhESYvgD","href":"https:\/\/www.kitandace.com\/collections\/sale","type":"button","label":"SHOP NOW","width":"content","border":{"size":"2px","color":"#000000","enabled":false},"margin":{"mobile":{"top":"0px","left":"0px","right":"0px","bottom":"0px"},"desktop":{"top":"0px","left":"0px","right":"0px","bottom":"0px"}},"radius":{"value":"8px","enabled":true},"target":"_self","enabled":true,"padding":{"mobile":{"top":"8px","left":"12px","right":"12px","bottom":"8px"},"desktop":{"top":"12px","left":"32px","right":"32px","bottom":"12px"}},"textColor":"#1a223b","background":{"blur":"0px","color":"#ffffff","enabled":true},"fontFamily":"font1","fontWeight":"500","textTransform":"unset","mobileFontSize":"12px","desktopFontSize":"14px","mobileLetterSpacing":"0","desktopLetterSpacing":"0"},{"id":"coupon-EejuFraXCPWJ","code":"PASTE YOUR CODE","icon":{"type":"discount","enabled":true},"type":"coupon","label":"Additional 20% OFF","action":"copy","border":{"size":"1px","color":"#9e9e9e","enabled":true},"margin":{"mobile":{"top":"0px","left":"0px","right":"0px","bottom":"0px"},"desktop":{"top":"0px","left":"0px","right":"0px","bottom":"0px"}},"radius":{"value":"6px","enabled":true},"enabled":false,"padding":{"mobile":{"top":"4px","left":"12px","right":"12px","bottom":"4px"},"desktop":{"top":"8px","left":"16px","right":"16px","bottom":"8px"}},"textColor":"#000000","background":{"blur":"0px","color":"#eeeeee","enabled":true},"fontFamily":"font1","fontWeight":"600","textTransform":"uppercase","mobileFontSize":"12px","desktopFontSize":"14px"}],"border":{"size":"1px","color":"#000000","enabled":false},"layout":"column","radius":{"value":"8px","enabled":false},"padding":{"mobile":{"top":"4px","left":"0px","right":"0px","bottom":"4px"},"desktop":{"top":"8px","left":"28px","right":"28px","bottom":"8px"}},"mobileGap":"6px","background":{"src":null,"blur":"0px","source":"color","bgColor":"#1a223b","enabled":true,"overlayColor":"rgba(0,0,0,0)"},"desktopGap":"24px","mobileWidth":"100%","desktopWidth":"400px"},"enabled":true,"general":{"font1":"inherit","font2":"inherit","font3":"inherit","preset":"bar1","breakpoint":"768px"},"section":null,"userCss":"","targeting":{"geo":null,"pages":{"cart":false,"home":true,"other":true,"password":false,"products":{"mode":"productsInCollections","tags":[],"enabled":true,"specificProducts":[],"productsInCollections":[{"id":"gid:\/\/shopify\/Collection\/289026539716","handle":"sale"}]},"collections":{"mode":"all","items":[],"enabled":true}}}}] || []; } } catch (e) { console.log(e); } </script> <!-- END app block --><!-- BEGIN app block: shopify://apps/labeler-product-labels/blocks/app-embed/38a5b8ec-f58a-4fa4-8faa-69ddd0f10a60 --> <script> let aco_allProducts = new Map(); </script> <script> const normalStyle = [ "background: rgb(173, 216, 230)", "padding: 15px", "font-size: 1.5em", "font-family: 'Poppins', sans-serif", "color: black", "border-radius: 10px", ]; const warningStyle = [ "background: rgb(255, 165, 0)", "padding: 15px", "font-size: 1.5em", "font-family: 'Poppins', sans-serif", "color: black", "border-radius: 10px", ]; let content = "%cWelcome to labeler v3!🎉🎉"; let version = "v3"; if (version !== "v3") { content = "%cWarning! Update labeler to v3 ⚠️⚠️"; console.log(content, warningStyle.join(";")); } else { console.log(content, normalStyle.join(";")); } try{ }catch(err){ console.log(err) } aco_allProducts.forEach((value,key) => { const data = aco_allProducts.get(key) data.totalInventory = data.variants.reduce((acc,curr) => { return acc + curr.quantityAvailable },0) data.variants.forEach((el,index)=>{ if(!el.image.src){ data.variants[index].image.url = data.images[0]?.url || "" } }) aco_allProducts.set(key,data) }); </script> <script> const betaStyle = [ "background: rgb(244, 205, 50)", "padding: 5px", "font-size: 1em", "font-family: 'Poppins', sans-serif", "color: black", "border-radius: 10px", ]; const isbeta = "true"; const betaContent = "%cBeta version" console.log(betaContent, betaStyle.join(";")); let labelerCdnData = {"version":"v3","status":true,"storeFrontApi":"b86587f8ab1535373d3e79422d93e86b","subscription":{"plan":"Basic Plan","isActive":true},"badges":[],"labels":[{"id":"b37496da-f9b1-4d88-a487-f1d16a7d402f","title":"Final Sale","imageUrl":"V3/kit-and-ace.myshopify.com/assets/svg/dbc6ba843bbdbe7ce6b97c09c.svg","svgUrl":null,"pngUrl":null,"webpUrl":null,"style":{"type":"fixed","angle":0,"width":120,"height":14,"margin":{"top":0,"left":0,"right":"inherit","bottom":"inherit","objectPosition":"left top"},"opacity":1,"position":"belowProductName","svgStyle":{"text":[{"x":"0","y":"8","key":"tchange","fill":"white","text":"30%","type":"text","fontSize":"8","transform":"translate(28.2148 11.0717) rotate(45)","fontFamily":"Inter","fontWeight":"800","letterSpacing":"0em"}],"shape":[{"key":"s1","fill":"#6D71F9","type":"path"}]},"alignment":"left","animation":{"name":"none","duration":2,"iteration":"infinite"},"aspectRatio":true},"createdAt":"2025-01-02T22:43:52.693Z","isActivated":false,"rules":{"inStock":false,"lowStock":10,"selected":["specificTags","countryRestriction"],"scheduler":{"status":false,"endDate":"2025-03-06T00:00:00.000Z","endTime":"23:59","timezone":"(GMT-12:00) Etc/GMT+12","weekdays":{"friday":{"end":"23:59","start":"00:00","status":true},"monday":{"end":"23:59","start":"00:00","status":true},"sunday":{"end":"23:59","start":"00:00","status":true},"tuesday":{"end":"23:59","start":"00:00","status":true},"saturday":{"end":"23:59","start":"00:00","status":true},"thursday":{"end":"23:59","start":"00:00","status":true},"wednesday":{"end":"23:59","start":"00:00","status":true}},"startDate":"2025-01-06T00:00:00.000Z","startTime":"00:00"},"comingSoon":7,"outOfStock":false,"priceRange":{"max":2000,"min":0},"allProducts":false,"newArrivals":7,"productType":{"excludeTypes":[],"includeTypes":[]},"specificTags":{"excludeTags":[],"includeTags":["Markdown"]},"productVendor":{"excludeVendors":[],"includeVendors":[]},"publishedDate":{"to":"2025-01-06T00:00:00.000Z","from":"2024-12-30T00:00:00.000Z"},"specificProducts":[],"specificVariants":[],"countryRestriction":{"excludedCountry":[],"includedCountry":["US","CA"]},"specificCollection":{"excludeCollections":[],"includeCollections":[]}},"svgToStoreFront":false,"premium":true,"selectedPages":["products"],"dynamic":false,"options":{"timerOptions":{"dayLabel":"Days","minLabel":"Minutes","secLabel":"Seconds","hourLabel":"Hours","hideAfterTimeOut":false},"percentageInBetweenForSaleOn":{"max":100,"min":1,"status":false}},"shopId":"7b1bb810-1866-429f-b537-a8b770bd6e32","categoryId":null,"collectionId":"2bb5640d-585a-45ec-a3b7-12642a7589dc","Category":null},{"id":"6673cd8c-5c39-40a1-ad7a-75f784595c0e","title":"Prior Season - Blue Label","imageUrl":"uploads/css/css-badge/labeler-css-badge-zDYSJp.png","svgUrl":"uploads/css/css-badge/labeler-css-badge-zDYSJp.svg","pngUrl":null,"webpUrl":null,"style":{"type":"percentage","angle":0,"width":20,"height":4,"margin":{"top":0,"left":0,"right":"inherit","bottom":"inherit","objectPosition":"left top"},"opacity":1,"position":"belowProductName","svgStyle":{"text":[{"x":"10","y":"10","key":"t1","fill":"#ffffff","text":"Prior Season","type":"text","fontSize":"8","fontFamily":"Roboto","fontWeight":"Normal","letterSpacing":"0em"}],"shape":[{"key":"s1","fill":"#324fb7","type":"path"}]},"alignment":"left","animation":{"name":"none","duration":2,"iteration":"infinite"},"aspectRatio":true},"createdAt":"2025-02-12T18:15:32.627Z","isActivated":true,"rules":{"inStock":false,"lowStock":10,"selected":["specificTags"],"scheduler":{"status":false,"endDate":"2025-04-12T00:00:00.000Z","endTime":"23:59","timezone":"(GMT-12:00) Etc/GMT+12","weekdays":{"friday":{"end":"23:59","start":"00:00","status":true},"monday":{"end":"23:59","start":"00:00","status":true},"sunday":{"end":"23:59","start":"00:00","status":true},"tuesday":{"end":"23:59","start":"00:00","status":true},"saturday":{"end":"23:59","start":"00:00","status":true},"thursday":{"end":"23:59","start":"00:00","status":true},"wednesday":{"end":"23:59","start":"00:00","status":true}},"startDate":"2025-02-12T00:00:00.000Z","startTime":"00:00"},"comingSoon":7,"outOfStock":false,"priceRange":{"max":2000,"min":0},"allProducts":false,"newArrivals":7,"productType":{"excludeTypes":[],"includeTypes":[]},"specificTags":{"excludeTags":[],"includeTags":["Blue Label"]},"productVendor":{"excludeVendors":[],"includeVendors":[]},"publishedDate":{"to":"2025-02-12T00:00:00.000Z","from":"2025-02-05T00:00:00.000Z"},"specificProducts":[],"specificVariants":[],"countryRestriction":{"excludedCountry":[],"includedCountry":[]},"specificCollection":{"excludeCollections":[],"includeCollections":[]}},"svgToStoreFront":true,"premium":true,"selectedPages":["products"],"dynamic":false,"options":{"timerOptions":{"dayLabel":"Days","minLabel":"Minutes","secLabel":"Seconds","hourLabel":"Hours","hideAfterTimeOut":false},"percentageInBetweenForSaleOn":{"max":100,"min":1,"status":false}},"shopId":"7b1bb810-1866-429f-b537-a8b770bd6e32","categoryId":"b0954095-8c7c-4c53-bab3-0adf375f48ce","collectionId":"a1a3e8a9-332f-4096-bd3b-ff863dfb8d94","Category":{"id":"b0954095-8c7c-4c53-bab3-0adf375f48ce","name":"Customizable"}}],"trustBadges":[],"announcements":[],"configuration":{"path":{},"style":{},"attributes":[],"themeOverWrite":[{"page":"product","child":"","parent":""},{"page":"collection","child":"","parent":""},{"page":"home","child":"","parent":""},{"page":"search","child":"","parent":""}],"modalConfiguration":{"isModalClosed":true}}} const labeler = {} labeler.version = version labeler.ipCountry={ country:"", ip:"", } labeler.page = "index" if(labeler.page.includes("collection.")) labeler.page = "collection"; if(labeler.page.includes("product.")) labeler.page = "product"; if(labelerCdnData){ labelerCdnData.badges = labelerCdnData.badges.filter(badge=> !badge.premium || (labelerCdnData.subscription.isActive && badge.premium)) labelerCdnData.labels = labelerCdnData.labels.filter(label=> !label.premium || (labelerCdnData.subscription.isActive && label.premium)) labelerCdnData.announcements = labelerCdnData.announcements.filter(announcement=> !announcement.premium || (labelerCdnData.subscription.isActive && announcement.premium)) labelerCdnData.trustBadges = labelerCdnData.trustBadges.filter(trustBadge=> !trustBadge.premium || (labelerCdnData.subscription.isActive && trustBadge.premium)) labeler.labelerData = labelerCdnData } </script> <script id="labeler_bundle" src="https://cdn.shopify.com/extensions/6e2e9589-3f66-4a02-a99e-62699043e308/2.0.336/assets/bundle.js" type="text/javascript" defer></script> <link rel="stylesheet" href="https://cdn.shopify.com/extensions/6e2e9589-3f66-4a02-a99e-62699043e308/2.0.336/assets/styles.css"> <script> const HANDLE = decodeURIComponent(window.location.pathname).split("/").pop(); const getAngerTag = (element) => { if (element) { const angerTag = element.querySelector("a"); if (angerTag) return angerTag; return getAngerTag(element.parentElement); } }; window.identifyImage = ( productId, type, handle, id, imageSrc, featuredImage, allImageSrc, image ) => { if (image.clientHeight <= 100 && image.clientHeight != 0) return false; let angerTag = image .closest(".card") ?.querySelector(".card__content a[href]"); if (!angerTag && window.Shopify.theme.id != 139454054596) angerTag = getAngerTag(image.parentElement); const filter = angerTag ? decodeURIComponent(angerTag.href).split("/").pop().split("?")[0] : null; if (labeler.page != "product" && filter != handle) return false; else if (labeler.page == "product") { if (HANDLE != handle && filter != handle) return false; } if (type == "LABEL") { [ { cls: "aco-price-wrapper", fn: getPriceWrapper, }, { cls: "aco-title-wrapper", fn: getTitleWrapper, }, ].map((el) => { const wrapper = el.fn(image, handle); if (wrapper) { wrapper.setAttribute(`aco-${type}-id`, id); wrapper.setAttribute(`aco-product-id`, productId); if (!wrapper.className.includes(el.cls)) { wrapper.classList.add(el.cls + `-${productId}`); } } }); } return true; }; const getPriceWrapper = (image, handle) => { if (labeler.page == "product" && HANDLE == handle) { return image .closest(".product") ?.querySelector(".product__content .price__wrapper"); } else return image.closest(".card")?.querySelector(".card__content .card__price"); }; const getTitleWrapper = (image, handle) => { if (labeler.page == "product" && HANDLE == handle) { return image .closest(".product") ?.querySelector(".product__content .product__title"); } elsez; return image.closest(".card")?.querySelector(".card__content .card__title"); }; </script> <!-- END app block --><!-- BEGIN app block: shopify://apps/bundler/blocks/bundler-script-append/7a6ae1b8-3b16-449b-8429-8bb89a62c664 --><script defer="defer"> /** Bundler script loader, version number: 2.0 */ (function(){ var loadScript=function(a,b){var c=document.createElement("script");c.type="text/javascript",c.readyState?c.onreadystatechange=function(){("loaded"==c.readyState||"complete"==c.readyState)&&(c.onreadystatechange=null,b())}:c.onload=function(){b()},c.src=a,document.getElementsByTagName("head")[0].appendChild(c)}; appendScriptUrl('kit-and-ace.myshopify.com'); // get script url and append timestamp of last change function appendScriptUrl(shop) { var timeStamp = Math.floor(Date.now() / (1000*1*1)); var timestampUrl = 'https://bundler.nice-team.net/app/shop/status/'+shop+'.js?'+timeStamp; loadScript(timestampUrl, function() { // append app script if (typeof bundler_settings_updated == 'undefined') { console.log('settings are undefined'); bundler_settings_updated = 'default-by-script'; } var scriptUrl = "https://cdn-bundler.nice-team.net/app/js/bundler-script.js?shop="+shop+"&"+bundler_settings_updated; loadScript(scriptUrl, function(){}); }); } })(); var BndlrScriptAppended = true; </script> <!-- END app block --><!-- BEGIN app block: shopify://apps/boost-ai-search-discovery/blocks/boost-sd-ssr/7fc998ae-a150-4367-bab8-505d8a4503f7 --> <script type='text/javascript'> "use strict"; (() => { var __defProp = Object.defineProperty; var __defProps = Object.defineProperties; var __getOwnPropDescs = Object.getOwnPropertyDescriptors; var __getOwnPropSymbols = Object.getOwnPropertySymbols; var __hasOwnProp = Object.prototype.hasOwnProperty; var __propIsEnum = Object.prototype.propertyIsEnumerable; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __spreadValues = (a, b) => { for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]); if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) { if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]); } return a; }; var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; // tae/utils.js var utils_exports = {}; __export(utils_exports, { addParamsLocale: () => addParamsLocale, checkCssAndRender: () => checkCssAndRender, checkExistFilterOptionParam: () => checkExistFilterOptionParam, convertValueRequestStockStatus: () => convertValueRequestStockStatus, detectDeviceByWidth: () => detectDeviceByWidth, formatPercentSaleLabel: () => formatPercentSaleLabel, generateUuid: () => generateUuid, getApi: () => getApi, getCurrentPage: () => getCurrentPage, getLocalStorage: () => getLocalStorage, getParamsHistory: () => getParamsHistory, getQueryParamByKey: () => getQueryParamByKey, getSortBy: () => getSortBy, inViewPortHandler: () => inViewPortHandler, initBlocks: () => initBlocks, isBadSearchTerm: () => isBadSearchTerm, isBadUrl: () => isBadUrl, isCartPage: () => isCartPage, isCollectionPage: () => isCollectionPage, isHomePage: () => isHomePage, isMobileWidth: () => isMobileWidth, isProductPage: () => isProductPage, isSearchPage: () => isSearchPage, isTabletPortraitMaxWidth: () => isTabletPortraitMaxWidth, isVendorPage: () => isVendorPage, lazyLoadImages: () => lazyLoadImages, mergeDeep: () => mergeDeep, removeLocalStorage: () => removeLocalStorage, roundToNearest50: () => roundToNearest50, saveRequestId: () => saveRequestId, setLocalStorage: () => setLocalStorage, updateValuesOptions: () => updateValuesOptions }); function generateUuid() { return "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g, function(c) { var r = Math.random() * 16 | 0; return r.toString(16); }); } function mergeDeep(...objects) { const isObject = (obj) => obj && typeof obj === "object"; return objects.reduce((prev, obj) => { Object.keys(obj).forEach((key) => { const pVal = prev[key]; const oVal = obj[key]; if (Array.isArray(pVal) && Array.isArray(oVal)) { prev[key] = pVal.concat(...oVal); } else if (isObject(pVal) && isObject(oVal)) { prev[key] = mergeDeep(pVal, oVal); } else { prev[key] = oVal; } }); return prev; }, {}); } function formatPercentSaleLabel(to, from = 0) { let label = ""; if (!from) { label = `under ${to}%`; } else if (!to) { label = `above ${from}%`; } else { label = `${from}% - ${to}%`; } return label; } function updateValuesOptions(options) { if (!Array.isArray(options)) return options; return options.map((option) => { var _a; if (option.filterType === "percent_sale") { option.values = (_a = option.values) == null ? void 0 : _a.map((item) => { item.key = item.key.replace("*-", ":").replace("-*", ":").replace("-", ":"); item.label = formatPercentSaleLabel(item.to, item.from); return item; }); } return option; }); } function getQueryParamByKey(key) { const urlParams = new URLSearchParams(window.location.search); return urlParams.get(key); } function convertValueRequestStockStatus(v) { if (typeof v === "string") { if (v === "out-of-stock") return false; return true; } if (Array.isArray(v)) { return v.map((_v) => { if (_v === "out-of-stock") { return false; } return true; }); } } function isMobileWidth() { return window.innerWidth < 576; } function isTabletPortraitMaxWidth() { return window.innerWidth < 991; } function detectDeviceByWidth() { let result = ""; if (isMobileWidth()) { result += "mobile|"; } else { result = result.replace("mobile|", ""); } if (isTabletPortraitMaxWidth()) { result += "tablet_portrait_max"; } else { result = result.replace("tablet_portrait_max", ""); } return result; } function getParamsHistory() { const url = new URL(window.location); var isXSS = isBadUrl(url); if (isXSS) { console.log("bad url!!!!", isXSS); window.location.href = window.location.pathname; } else { const FILTER_HISTORY_PREFIX = "pf_"; const { searchParams } = url; const sort = searchParams.get("sort"); const page = searchParams.get("page"); const paramMap = {}; for (const key of searchParams.keys()) { if (key.startsWith(FILTER_HISTORY_PREFIX) && !paramMap[key]) { if (key === "pf_tag") { paramMap.tag = searchParams.getAll(key); delete paramMap.pf_tag; } else { paramMap[key] = searchParams.getAll(key); } } } return { paramMap, sort, page }; } } function getSortBy() { const { generalSettings: { collection_id = 0, page: tempPage, default_sort_by: defaultSortBy }, additionalElementSettings: { default_sort_order: defaultSortOrder = {}, customSortingList } } = window.boostWidgetIntegration.app["production"]; const page = tempPage || "collection"; const defaultSortingList = [ "relevance", "best-selling", "manual", "title-ascending", "title-descending", "price-ascending", "price-descending", "created-ascending", "created-descending" ]; const sortQueryKey = getQueryParamByKey("sort"); const sortingList = customSortingList ? customSortingList.split("|") : defaultSortingList; if (sortQueryKey && sortingList.includes(sortQueryKey)) return sortQueryKey; const searchPage = page === "search"; const collectionPage = page === "collection"; if (searchPage) sortingList.splice(sortingList.indexOf("manual"), 1); const { all, search } = defaultSortOrder; if (collectionPage) { if (collection_id in defaultSortOrder) { return defaultSortOrder[collection_id]; } else if (all) { return all; } else if (defaultSortBy) { return defaultSortBy; } } else if (searchPage) { return search || "relevance"; } } async function getApi(url, params, widgetDomId) { var _a, _b, _c, _d, _e, _f; const key = params.toString(); const hasFilterParams = key.includes("pf_"); const block = window.boostWidgetIntegration.blocks || {}; const newId = generateUuid(); window.boostWidgetIntegration.blocks[widgetDomId].latestFilterSearchRequest = newId; const { filterSettings: { sortingAvailableFirst, availableAfterFiltering, productAndVariantAvailable }, generalSettings: { collection_tags }, shop } = window.boostWidgetIntegration.app["production"]; if ((collection_tags == null ? void 0 : collection_tags.length) > 0) { params.set("tag", collection_tags[0]); } params.set("t", Date.now()); params.set("sid", generateUuid()); if (sortingAvailableFirst) { params.set("sort_first", "available"); } if (!availableAfterFiltering && !productAndVariantAvailable) { params.set("product_available", false); params.set("variant_available", false); } else if (!availableAfterFiltering && productAndVariantAvailable) { params.set("product_available", true); params.set("variant_available", true); } else { params.set("product_available", hasFilterParams); params.set("variant_available", hasFilterParams); } const customParams = window.boostSdCustomParams; if (customParams && Object.keys(customParams).length > 0) { for (const key2 in customParams) { params.set(key2, customParams[key2]); } } const response = await fetch(`${url}?${params}`, { method: "GET" }); const HTTP_STATUS_NEED_FALLBACK = [404, 413, 403, 500]; if (HTTP_STATUS_NEED_FALLBACK.includes(response.status)) { const { simplifiedIntegration = {} } = window.boostWidgetIntegration; const { enabled, neededToHideElements } = simplifiedIntegration; if (enabled) { neededToHideElements.forEach((el) => { const element = document.querySelector(el); if (element) element.style.removeProperty("display"); }); const placeholder = document.querySelector(".boost-sd__placeholder-product-filter-tree"); if (placeholder) placeholder.remove(); } else { enableProductFilterFallback(); } } const resJson = await response.json(); const type = isSearchPage() ? "search" : "filter"; saveRequestId(type, (_a = resJson == null ? void 0 : resJson.meta) == null ? void 0 : _a.rid); const PRE_ACTION = "boostSdPreAction"; setLocalStorage(PRE_ACTION, type); let html = ""; if (resJson.html) { html = await resJson.html; block[widgetDomId].filterTree = resJson.filter; if (resJson.bundles) { block[widgetDomId].dynamicBundles = resJson.bundles; saveRequestId(type, (_b = resJson == null ? void 0 : resJson.meta) == null ? void 0 : _b.rid, resJson.bundles); } resJson.filter.options = updateValuesOptions(resJson.filter.options); const timestamp = (/* @__PURE__ */ new Date()).getTime(); window.boostWidgetIntegration.blocks[widgetDomId].cache[key] = __spreadProps(__spreadValues({}, resJson), { timestamp }); const { filterLayout, filterTreeHorizontalStyle, filterTreeMobileStyle, filterTreeVerticalStyle } = ((_c = resJson.setting) == null ? void 0 : _c.filterSettings) || {}; if (filterLayout && filterTreeHorizontalStyle && filterTreeMobileStyle && filterTreeVerticalStyle) { console.log("Ensure Layout settings"); window.boostWidgetIntegration.blocks[widgetDomId].filterSettings = __spreadValues(__spreadValues({}, window.boostWidgetIntegration.blocks[widgetDomId].filterSettings), { filterLayout, filterTreeHorizontalStyle, filterTreeMobileStyle, filterTreeVerticalStyle }); } } else { html = await response.text(); } if ((_d = resJson.meta) == null ? void 0 : _d.money_format) { shop.money_format = resJson.meta.money_format; } if ((_e = resJson.meta) == null ? void 0 : _e.money_format_with_currency) { shop.money_format_with_currency = resJson.meta.money_format_with_currency; } if ((_f = resJson.meta) == null ? void 0 : _f.currency) { shop.currency = resJson.meta.currency; } if (html && widgetDomId) { const widget = document.getElementById(widgetDomId); const app = window.boostWidgetIntegration.app["production"]; checkCssAndRender(app, widget, html); window.boostWidgetIntegration.blocks[widgetDomId].isLoadingHtml = false; } } function initBlocks(blocks, feature, app, templateSettings, sort, widgetId, defaultParams) { for (const block of blocks) { window.boostWidgetIntegration.blocks[block.id] = window.boostWidgetIntegration.blocks[block.id] || {}; const context = window.boostWidgetIntegration.blocks[block.id]; context.widgetInfo = {}; context.widgetInfo = templateSettings; context.templateSettings = templateSettings; context.app = app; context.id = block.id; context.document = block; context.cache = context.cache || {}; if (defaultParams) context.defaultParams = defaultParams; context.blockType = feature || "filter"; context.defaultSort = sort; context.widgetId = widgetId; if (feature === "recommendation") context.widgetId = block.id.replace("boost-sd-widget-", ""); } } var addParamsLocale = (params) => { var _a, _b, _c, _d, _e, _f, _g; if (typeof params !== "object") params = {}; params.return_all_currency_fields = false; if (parseFloat(`${(_b = (_a = window.Shopify) == null ? void 0 : _a.currency) == null ? void 0 : _b.rate}`) === 1) return params; return __spreadProps(__spreadValues({}, params), { currency_rate: (_d = (_c = window.Shopify) == null ? void 0 : _c.currency) == null ? void 0 : _d.rate, currency: (_f = (_e = window.Shopify) == null ? void 0 : _e.currency) == null ? void 0 : _f.active, country: (_g = window.Shopify) == null ? void 0 : _g.country }); }; var getLocalStorage = (key) => { try { const value = localStorage.getItem(key); if (value) return JSON.parse(value); return null; } catch (error) { return null; } }; var setLocalStorage = (key, value) => { try { localStorage.setItem(key, JSON.stringify(value)); } catch (error) { console.log("Error setLocalStorage", error); } }; var removeLocalStorage = (key) => { try { localStorage.removeItem(key); } catch (error) { console.log("Error setLocalStorage", error); } }; var PRE_REQUEST_IDS = "boostSdPreRequestIds"; var PLACEMENT = { product_page: "product_page", search_page: "search_page", instant_search: "instant_search" }; function saveRequestId(type = "filter", request_id, bundles = []) { if (!request_id) return; const requestIds = getLocalStorage(PRE_REQUEST_IDS) || {}; requestIds[type] = request_id; if (bundles && Array.isArray(bundles)) { bundles.forEach((bundle) => { let placement = ""; switch (type) { case "search": placement = PLACEMENT.search_page; break; case "suggest": placement = PLACEMENT.search_page; break; case "product_page_bundle": placement = PLACEMENT.product_page; default: break; } requestIds[`${bundle.widgetId}_${placement}`] = request_id; }); } setLocalStorage(PRE_REQUEST_IDS, requestIds); } function roundToNearest50(num) { const remainder = num % 50; if (remainder > 25) { return num + (50 - remainder); } else { return num - remainder; } } function checkCssAndRender(app, dom, html) { if (!dom) return; if (app.themeCssLoaded && app.settingsCSSLoaded) { dom.innerHTML = html; window.boostWidgetIntegration.status = "ready"; lazyLoadImages(dom); return; } let tempElement; const interval = setInterval(() => { if (app.themeCssLoaded && app.settingsCSSLoaded) { console.log("css loaded"); if (tempElement) { document.body.removeChild(tempElement); } dom.innerHTML = html; window.boostWidgetIntegration.status = "ready"; lazyLoadImages(dom); clearInterval(interval); } else { if (tempElement) return; tempElement = document.createElement("div"); tempElement.style.display = "none"; tempElement.innerHTML = html; document.body.appendChild(tempElement); const hasProductList = !!tempElement.querySelector(".boost-sd__product-list"); if (hasProductList && isMobileWidth()) { const productImages = Array.from( tempElement.querySelectorAll(".boost-sd__product-image img") ).slice(0, 6); productImages.forEach((elm) => { if (elm.src) { const img = new Image(); img.src = elm.src; } }); } } }, 50); } function lazyLoadImages(dom) { if (!dom) return; const lazyImages = dom.querySelectorAll("img[loading='lazy']"); lazyImages.forEach(function(img) { inViewPortHandler([img.parentElement], (element) => { const img2 = element.querySelector("img[loading='lazy']"); if (img2) { img2.removeAttribute("loading"); } }); }); } function inViewPortHandler(elements, callback) { var observer = new IntersectionObserver(function intersectionObserverCallback(entries, observer2) { entries.forEach(function(entry) { if (entry.isIntersecting) { callback(entry.target); observer2.unobserve(entry.target); } }); }); elements.forEach(function(element) { observer.observe(element); }); } var isBadUrl = (url) => { try { if (!url) { url = getWindowLocation().search; } var urlParams = decodeURIComponent(url).split("&"); var isXSSUrl = false; if (urlParams.length > 0) { for (var i = 0; i < urlParams.length; i++) { var param = urlParams[i]; isXSSUrl = isBadSearchTerm(param); if (isXSSUrl) break; } } return isXSSUrl; } catch (e) { return true; } }; var getWindowLocation = () => { var href = window.location.href; var escapedHref = href.replace(/%3C/g, "<").replace(/%3E/g, ">"); var rebuildHrefArr = []; for (var i = 0; i < escapedHref.length; i++) { rebuildHrefArr.push(escapedHref.charAt(i)); } var rebuildHref = rebuildHrefArr.join("").split("<").join("%3C").split(">").join("%3E"); var rebuildSearch = ""; var hrefWithoutHash = rebuildHref.replace(/#.*$/, ""); if (hrefWithoutHash.split("?").length > 1) { rebuildSearch = hrefWithoutHash.split("?")[1]; if (rebuildSearch.length > 0) { rebuildSearch = "?" + rebuildSearch; } } return { pathname: window.location.pathname, href: rebuildHref, search: rebuildSearch }; }; var isBadSearchTerm = (term) => { if (typeof term == "string") { term = term.toLowerCase(); var domEvents = [ "img src", "script", "alert", "onabort", "popstate", "afterprint", "beforeprint", "beforeunload", "blur", "canplay", "canplaythrough", "change", "click", "contextmenu", "copy", "cut", "dblclick", "drag", "dragend", "dragenter", "dragleave", "dragover", "dragstart", "drop", "durationchange", "ended", "error", "focus", "focusin", "focusout", "fullscreenchange", "fullscreenerror", "hashchange", "input", "invalid", "keydown", "keypress", "keyup", "load", "loadeddata", "loadedmetadata", "loadstart", "mousedown", "mouseenter", "mouseleave", "mousemove", "mouseover", "mouseout", "mouseout", "mouseup", "offline", "online", "pagehide", "pageshow", "paste", "pause", "play", "playing", "progress", "ratechange", "resize", "reset", "scroll", "search", "seeked", "seeking", "select", "show", "stalled", "submit", "suspend", "timeupdate", "toggle", "touchcancel", "touchend", "touchmove", "touchstart", "unload", "volumechange", "waiting", "wheel" ]; var potentialEventRegex = new RegExp(domEvents.join("=|on")); var countOpenTag = (term.match(/</g) || []).length; var countCloseTag = (term.match(/>/g) || []).length; var isAlert = (term.match(/alert\(/g) || []).length; var isConsoleLog = (term.match(/console\.log\(/g) || []).length; var isExecCommand = (term.match(/execCommand/g) || []).length; var isCookie = (term.match(/document\.cookie/g) || []).length; var isJavascript = (term.match(/j.*a.*v.*a.*s.*c.*r.*i.*p.*t/g) || []).length; var isPotentialEvent = potentialEventRegex.test(term); if (countOpenTag > 0 && countCloseTag > 0 || countOpenTag > 1 || countCloseTag > 1 || isAlert || isConsoleLog || isExecCommand || isCookie || isJavascript || isPotentialEvent) { return true; } } return false; }; var isCollectionPage = () => { var _a, _b, _c, _d; return ((_d = (_c = (_b = (_a = window.boostWidgetIntegration) == null ? void 0 : _a.app) == null ? void 0 : _b["production"]) == null ? void 0 : _c.generalSettings) == null ? void 0 : _d.page) === "collection"; }; var isSearchPage = () => { var _a, _b, _c, _d; return ((_d = (_c = (_b = (_a = window.boostWidgetIntegration) == null ? void 0 : _a.app) == null ? void 0 : _b["production"]) == null ? void 0 : _c.generalSettings) == null ? void 0 : _d.page) === "search"; }; var isCartPage = () => { var _a, _b, _c, _d; return ((_d = (_c = (_b = (_a = window.boostWidgetIntegration) == null ? void 0 : _a.app) == null ? void 0 : _b["production"]) == null ? void 0 : _c.generalSettings) == null ? void 0 : _d.page) === "cart"; }; var isProductPage = () => { var _a, _b, _c, _d; return ((_d = (_c = (_b = (_a = window.boostWidgetIntegration) == null ? void 0 : _a.app) == null ? void 0 : _b["production"]) == null ? void 0 : _c.generalSettings) == null ? void 0 : _d.page) === "product"; }; var isHomePage = () => { var _a, _b, _c, _d; return ((_d = (_c = (_b = (_a = window.boostWidgetIntegration) == null ? void 0 : _a.app) == null ? void 0 : _b["production"]) == null ? void 0 : _c.generalSettings) == null ? void 0 : _d.page) === "index"; }; var isVendorPage = () => { return window.location.pathname.indexOf("/collections/vendors") > -1 ? true : false; }; var getCurrentPage = () => { let currentPage = ""; switch (true) { case isCollectionPage(): currentPage = "collection_page"; break; case isSearchPage(): currentPage = "search_page"; break; case isProductPage(): currentPage = "product_page"; break; case isCartPage(): currentPage = "cart_page"; break; case isHomePage(): currentPage = "home_page"; break; default: break; } return currentPage; }; var checkExistFilterOptionParam = () => { const queryParams = new URLSearchParams(window.location.search); for (const [key, value] of queryParams.entries()) { if (key.indexOf("pf_") > -1) { return true; } } return false; }; var enableProductFilterFallback = () => { const cdn = "https://boost-cdn-prod.bc-solutions.net"; const script = document.createElement("script"); script.src = `${cdn}/fallback-theme/1.0.12/boost-sd-fallback-theme.js`; script.defer = true; script.onload = () => { const enableEvent = new CustomEvent("boost-sd-enable-product-filter-fallback"); window.dispatchEvent(enableEvent); console.log("dispatch event"); }; document.body.appendChild(script); }; // tae/back-in-stock.js function initBIS() { const app = window.boostWidgetIntegration.app["production"]; const bisDom = document.createElement("div"); bisDom.id = "bc-bis"; bisDom.className = "boost-sd__bis"; bisDom.style.display = "none"; document.body.appendChild(bisDom); initBlocks([bisDom], "backInStock", app, app.templateSettings, {}, bisDom.id, ""); } // tae/cart.js function initCart() { const app = window.boostWidgetIntegration.app["production"]; initBlocks([document.body], "cart", app, app.templateSettings, {}, "bc-cart", ""); } // src/utils/browser.js var requestIdleCallback = ( // eslint-disable-next-line compat/compat window.requestIdleCallback || function(cb) { const start = Date.now(); return setTimeout(function() { cb({ didTimeout: false, timeRemaining: function() { return Math.max(0, 50 - (Date.now() - start)); } }); }, 1); } ); window.requestIdleCallback = requestIdleCallback; var cancelIdleCallback = window.cancelIdleCallback || function(id) { clearTimeout(id); }; // src/constants/filter-tree.js var FILTER_MOBILE_FULL_HEIGHT_CLASS = "boost-sd__filter-option-itemwrapper--full-height"; var FILTER_MOBILE_FULL_HEIGHT_SELECTOR = `.${FILTER_MOBILE_FULL_HEIGHT_CLASS}`; // src/utils/validate.js var isPageType = () => { return window.location.pathname.indexOf("/collections/types") > -1 ? true : false; }; // tae/collection-filter.js function initCollectionFilter() { var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E; console.log("block filter init ", /* @__PURE__ */ new Date(), "-", (/* @__PURE__ */ new Date()).getMilliseconds(), "ms"); const { convertValueRequestStockStatus: convertValueRequestStockStatus2, isMobileWidth: isMobileWidth2, detectDeviceByWidth: detectDeviceByWidth2, getParamsHistory: getParamsHistory2, getSortBy: getSortBy2, getApi: getApi2, getLocalStorage: getLocalStorage2, generateUuid: generateUuid2, initBlocks: initBlocks2, addParamsLocale: addParamsLocale2, roundToNearest50: roundToNearest502, getCurrentPage: getCurrentPage2, isCollectionPage: isCollectionPage3, isSearchPage: isSearchPage3, isVendorPage: isVendorPage3 } = utils_exports; const app = window.boostWidgetIntegration.app["production"]; if (typeof ((_b = (_a = app == null ? void 0 : app.customization) == null ? void 0 : _a.filter) == null ? void 0 : _b.beforeRender) === "function") { app.customization.filter.beforeRender(); } const { generalSettings: { page = "collection" } } = app || {}; const widgetName = page === "collection" ? "collectionFilters" : "searchPage"; const width = window.innerWidth; const isMobile = isMobileWidth2(); const productPerRow = isMobile ? ((_e = (_d = (_c = app.templateSettings) == null ? void 0 : _c.themeSettings) == null ? void 0 : _d.productList) == null ? void 0 : _e.productsPerRowOnMobile) || 2 : ((_h = (_g = (_f = app.templateSettings) == null ? void 0 : _f.themeSettings) == null ? void 0 : _g.productList) == null ? void 0 : _h.productsPerRowOnDesktop) || 3; let showFilterTree = 0; if (((_j = (_i = app.templateSettings) == null ? void 0 : _i.filterSettings) == null ? void 0 : _j.filterLayout) === "vertical" && ((_l = (_k = app.templateSettings) == null ? void 0 : _k.filterSettings) == null ? void 0 : _l.filterTreeVerticalStyle) === "style-default") { showFilterTree = 1; } const productImageMaxWidth = isMobile ? width / productPerRow : width / (productPerRow + showFilterTree); const filterDom = document.querySelector( ".boost-sd__filter-product-list:not(.boost-sd__filter-product-list--ready)" ); (_m = filterDom == null ? void 0 : filterDom.classList) == null ? void 0 : _m.add("boost-sd__filter-product-list--ready"); const widgetId = app.templateMetadata[widgetName] || "default"; const filterDomId = `${widgetId}-${generateUuid2()}`; const sort = getSortBy2(); let shop = "kit-and-ace.myshopify.com"; const paramsHistory = getParamsHistory2(); const productPerPage = (_p = (_o = (_n = app.templateSettings) == null ? void 0 : _n.themeSettings) == null ? void 0 : _o.productList) == null ? void 0 : _p.productsPerPage; const selectedValueOfLimitList = getLocalStorage2("boostSDLimit") || productPerPage; const limitSetting = getLocalStorage2("boostSDLimitSetting"); const limit = limitSetting === productPerPage ? parseInt(selectedValueOfLimitList) : productPerPage || 16; let defaultParams = { _: "pf", shop, page: paramsHistory.page || 1, limit, sort: paramsHistory.sort || sort, locale: ((_q = app == null ? void 0 : app.generalSettings) == null ? void 0 : _q.current_locale) || "en", event_type: "init", pg: getCurrentPage2(), build_filter_tree: true, collection_scope: "0" , money_format: "\u0026#36;{{amount}}", money_format_with_currency: "\u0026#36;{{amount}} CAD", widgetId, // TODO: Update later when having breakpoint viewAs: `grid--${isMobileWidth2() ? ((_t = (_s = (_r = app.templateSettings) == null ? void 0 : _r.themeSettings) == null ? void 0 : _s.productList) == null ? void 0 : _t.productsPerRowOnMobile) || 2 : ((_w = (_v = (_u = app.templateSettings) == null ? void 0 : _u.themeSettings) == null ? void 0 : _v.productList) == null ? void 0 : _w.productsPerRowOnDesktop) || 3}`, device: detectDeviceByWidth2(), first_load: false, productImageWidth: roundToNearest502(productImageMaxWidth), productPerRow, widget_updated_at: (_x = app.templateMetadata) == null ? void 0 : _x.updatedAt, templateId: "usQAVYBj_6" , current_locale: (_A = ((_z = (_y = window == null ? void 0 : window.Shopify) == null ? void 0 : _y.routes) == null ? void 0 : _z.root) || "/") == null ? void 0 : _A.replace(/\/$/, ""), simplifiedIntegration: ((_C = (_B = window.boostWidgetIntegration) == null ? void 0 : _B.simplifiedIntegration) == null ? void 0 : _C.enabled) || false }; defaultParams = addParamsLocale2(defaultParams); if (filterDom) { filterDom.id = filterDomId; window.boostWidgetIntegration.blocks[filterDomId] = {}; const params = new URLSearchParams(defaultParams); params["first_load"] = true; params["search_no_result"] = Object.keys(paramsHistory.paramMap).length === 0; Object.keys(paramsHistory.paramMap).forEach((key) => { paramsHistory.paramMap[key].forEach( (v) => params.append( `${key}[]`, key.startsWith(`${defaultParams._}_st_`) ? convertValueRequestStockStatus2(v) : v ) ); }); const urlParams = new URLSearchParams(window.location.search); const searchQuery = urlParams.get("q"); const url = isSearchPage3() || searchQuery ? app.searchUrl : app.filterUrl; if (searchQuery) { if (isVendorPage3()) { params.set("vendor", searchQuery); } else if (isPageType()) { params.set("product_type", searchQuery); } else { params.set("q", searchQuery); } if (isCollectionPage3()) { params.set("incollection_search", true); params.set("event_type", "incollection_search"); } buildSearchQueryParamsWithSuggestion(params); } if ((_D = app.b2b) == null ? void 0 : _D.enabled) { params.set( "company_location_id", `${app.b2b.current_company_id}_${app.b2b.current_location_id}` ); const shopifyCurrencySettings = (_E = window.Shopify) == null ? void 0 : _E.currency; params.set("currency", shopifyCurrencySettings.active); params.set("currency_rate", shopifyCurrencySettings.rate); } getApi2(url, params, filterDomId); if (filterDom && app.jsLibLoadStatus === "pending") { const observer = new MutationObserver(function(mutationsList, observer2) { mutationsList.forEach(function(mutation) { if (mutation.type === "childList" && mutation.addedNodes.length > 0) { mutation.addedNodes.forEach(function(addedNode) { var _a2; const imgElement = (_a2 = addedNode == null ? void 0 : addedNode.querySelector) == null ? void 0 : _a2.call( addedNode, ".boost-sd__filter-product-list .boost-sd__product-image img" ); if (app.jsLibLoadStatus === "pending") { const loadIntegrationScript = () => { var _a3; if (document.getElementById("bc-widget-integration")) { console.warn("Integration script is already loaded"); return; } const widgetLibScript = document.createElement("script"); widgetLibScript.setAttribute("src", app.libUrl); widgetLibScript.defer = true; widgetLibScript.id = "bc-widget-integration"; const env = "production"; if (env === "development") widgetLibScript.type = "module"; (_a3 = document.head) == null ? void 0 : _a3.appendChild(widgetLibScript); app.jsLibLoadStatus = "loading"; widgetLibScript.onload = function() { app.jsLibLoadStatus = "loaded"; }; }; if (imgElement) { imgElement.addEventListener("load", function() { loadIntegrationScript(); }); } else { loadIntegrationScript(); } observer2.disconnect(); } }); } }); }); observer.observe(filterDom, { childList: true, subtree: true }); } initBlocks2([filterDom], "filter", app, app.templateSettings, sort, widgetId, defaultParams); } } var initRobotMeta = () => { const { checkExistFilterOptionParam: checkExistFilterOptionParam2, getQueryParamByKey: getQueryParamByKey2, isSearchPage: isSearchPage3 } = utils_exports; const { generalSettings: { enableRobot = true } } = window.boostWidgetIntegration.app["production"]; if (!enableRobot) return; const robot = document.querySelector('meta[content="noindex,nofollow,nosnippet"]'); if (!robot && (checkExistFilterOptionParam2() || getQueryParamByKey2("q") && !isSearchPage3())) { const meta = document.createElement("meta"); meta.name = "robots"; meta.content = "noindex,nofollow,nosnippet"; document.head.append(meta); } }; var buildSearchQueryParamsWithSuggestion = (params) => { const SUGGESTION_DATA = "boostSDSuggestionData"; const CLICK_SUGGESTION_TERM = "boostSDClickSuggestionTerm"; const term = getLocalStorage(CLICK_SUGGESTION_TERM); if (!term) return; const suggestionData = getLocalStorage(SUGGESTION_DATA); if (!suggestionData) return; params.set("query", suggestionData.query); params.set("parent_request_id", suggestionData.id); params.set("suggestion", term); params.set("item_rank", suggestionData.suggestions.findIndex((item) => item === term) + 1); removeLocalStorage(CLICK_SUGGESTION_TERM); removeLocalStorage(SUGGESTION_DATA); }; // tae/instant-search.js function initInstantSearch() { const app = window.boostWidgetIntegration.app["production"]; const instantSearchDom = document.createElement("div"); instantSearchDom.id = "bc-instant-search"; document.body.appendChild(instantSearchDom); initBlocks( [instantSearchDom], "instantSearch", app, app.templateSettings, {}, instantSearchDom.id, "" ); } // tae/pre-order.js function initPreOrder() { var _a, _b, _c; const app = window.boostWidgetIntegration.app["production"]; if (typeof ((_b = (_a = app == null ? void 0 : app.customization) == null ? void 0 : _a.preOrder) == null ? void 0 : _b.beforeRender) === "function") { app.customization.preOrder.beforeRender(); } const preOrderDom = document.querySelector(".boost-sd__preOrder-container"); if (preOrderDom) { const preOrderPlaceHolder = ((_c = app == null ? void 0 : app.template) == null ? void 0 : _c.preOrderPlaceholder) || ""; preOrderDom.innerHTML = preOrderPlaceHolder; initBlocks([preOrderDom], "preOrder", app, app.templateSettings, {}, "", ""); } } // tae/predictive-bundle.js function initPredictiveBundle() { const app = window.boostWidgetIntegration.app["production"]; const predictiveBundleDom = document.querySelector(".boost-sd-widget-predictive-bundle"); if (!predictiveBundleDom) return; predictiveBundleDom.id = "bc-predictive-bundle"; initBlocks([predictiveBundleDom], "predictiveBundle", app, app.templateSettings, {}, "", ""); } // tae/volume-bundle.js function initVolumeBundle() { const app = window.boostWidgetIntegration.app["production"]; const volumeBundleDom = document.querySelector(".boost-sd__widget-volume-bundle"); if (!volumeBundleDom) return; initBlocks([volumeBundleDom], "volumeBundle", app, app.templateSettings, {}, "", ""); } // tae/recommendation.js function initRecommendation() { var _a, _b, _c; if (window.boostSDAppConfig && ((_c = (_b = (_a = window.boostSDAppConfig) == null ? void 0 : _a.themeInfo) == null ? void 0 : _b.taeFeatures) == null ? void 0 : _c.recommendation) === "installed") { app.recommendationWidgets = {}; return; } const app = window.boostWidgetIntegration.app["production"]; const recommendationWidgetDoms = document.querySelectorAll('[id^="boost-sd-widget-"]'); const recommendationWidgets = {}; ; recommendationWidgets['home-page'] = {"homepage-300116":{"params":{"shop":"kit-and-ace.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel"},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"kit-and-ace.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"homepage-075001":{"params":{"shop":"kit-and-ace.myshopify.com","recommendationType":"bestsellers","limit":12,"layoutDisplay":"carousel"},"widgetName":"Best Sellers","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"kit-and-ace.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}} recommendationWidgets['cart-page'] = {"cartpage-106185":{"params":{"shop":"kit-and-ace.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel"},"widgetName":"Still interested in this?","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"kit-and-ace.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"cartpage-113865":{"params":{"shop":"kit-and-ace.myshopify.com","recommendationType":"related-items","limit":12,"layoutDisplay":"carousel","modelType":"Alternative","secondaryAlgorithm":"bestsellers"},"widgetName":"Similar Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"kit-and-ace.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}} recommendationWidgets['product-page'] = {"productpage-402721":{"params":{"shop":"kit-and-ace.myshopify.com","recommendationType":"recently-viewed","limit":12,"layoutDisplay":"carousel"},"widgetName":"Recently viewed","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"kit-and-ace.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"productpage-101785":{"params":{"shop":"kit-and-ace.myshopify.com","recommendationType":"frequently-bought-together","limit":2,"layoutDisplay":"bundle","modelType":"FBT","secondaryAlgorithm":"bestsellers"},"widgetName":"Frequently Bought Together","widgetStatus":"draft","widgetDesignSettings":{"bundleStyle":"style1","layoutDisplay":"bundle","numberOfRecommendProduct":2,"templateType":"customization","themePreview":"","titleAlignment":"left","titleFont":"Poppins","titleFontSize":14,"titleFontStyle":"100","titleTextColor":"#3D4246","titleTextTransform":"capitalize"}}} recommendationWidgets['collection-page'] = {"collectionpage-742013":{"params":{"shop":"kit-and-ace.myshopify.com","recommendationType":"newest-arrivals","limit":12,"layoutDisplay":"carousel"},"widgetName":"Just dropped","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"kit-and-ace.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}},"collectionpage-560107":{"params":{"shop":"kit-and-ace.myshopify.com","recommendationType":"trending-products","limit":12,"layoutDisplay":"carousel","calculatedBasedOn":"purchase-events","rangeOfTime":"7-day"},"widgetName":"Most Popular Products","widgetStatus":"draft","widgetDesignSettings":{"tenantId":"kit-and-ace.myshopify.com","widgetId":"defaultSettings","layoutDisplay":"carousel","templateType":"customization","themePreview":"","numberOfRecommendProduct":12,"numberOfProductPerRow":4,"titleAlignment":"left","titleTextColor":"#3D4246","titleFont":"Poppins","titleTextTransform":"capitalize","titleFontSize":14,"titleFontStyle":"100"}}} recommendationWidgets['defaultSettings'] = null ; app.recommendationWidgets = recommendationWidgets; for (const recDom of recommendationWidgetDoms) { recDom.innerHTML = `<!-- TEMPLATE RECOMMENDATION PLACEHOLDER--> <div class="boost-sd__rc-pl"> <div class="boost-sd__rc-title-pl"> <span class="boost-sd__rc-pl-item" style="width: 150px; height: 30px;"></span> </div> <div class="boost-sd__rc-product-list-pl"> <span class="boost-sd__rc-pl-item"></span> <span class="boost-sd__rc-pl-item"></span> <span class="boost-sd__rc-pl-item"></span> <span class="boost-sd__rc-pl-item"></span> </div> <div class="boost-sd__rc-info-pl"> <span class="boost-sd__rc-pl-item"></span> <span class="boost-sd__rc-pl-item"></span> <span class="boost-sd__rc-pl-item"></span> </div> </div> <style> .boost-sd__rc-pl { width: 100%; min-height: 600px; } .boost-sd__rc-pl-item { display: block; width: 100%; height: 20px; background: rgba(0, 0, 0, 0.07); margin-bottom: 16px; animation: 2s infinite place-holder-animation; } .boost-sd__rc-title-pl { width: 100%; display: flex; padding: 0 0 30px; } .boost-sd__rc-product-list-pl { display: flex; width: 100%; padding: 0; gap: 32px; position: relative; margin-bottom: 20px; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3), .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) { display: none; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item { display: block; flex-wrap: wrap; width: calc(50% - 8px); height: 218px; } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) { width: 80% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) { width: 50% } @media only screen and (min-width: 768px) { .boost-sd__rc-pl-item { margin-bottom: 8px; } .boost-sd__rc-title-pl { padding-bottom: 60px; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(3), .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item:nth-child(4) { display: block; } .boost-sd__rc-product-list-pl .boost-sd__rc-pl-item { height: 382px; width: calc(25% - 8px); } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:first-child { width: 50% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(2) { width: 40% } .boost-sd__rc-info-pl .boost-sd__rc-pl-item:nth-child(3) { width: 30% } } @keyframes place-holder-animation { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } </style>`; } initBlocks( [...recommendationWidgetDoms], "recommendation", app, app.templateSettings, {}, "", "" ); } // tae/settings.js function initSettings() { window.boostWidgetIntegration = window.boostWidgetIntegration || {}; window.boostWidgetIntegration.app = window.boostWidgetIntegration.app || {}; window.boostWidgetIntegration.blocks = window.boostWidgetIntegration.blocks || {}; window.boostWidgetIntegration.app["production"] = window.boostWidgetIntegration.app["production"] || {}; const combinedAppSettings = mergeDeep( __spreadProps(__spreadValues(__spreadProps(__spreadValues({ filterUrl: "https://services.mybcapps.com/bc-sf-filter/filter", searchUrl: "https://services.mybcapps.com/bc-sf-filter/search", productUrl: "https://services.mybcapps.com/bc-sf-filter/products", cdn: "https://cdn.boostcommerce.io", taeSettings: { instantSearch: null }, shop: { name: "Kit and Ace", url: "https://www.kitandace.com", domain: "kit-and-ace.myshopify.com", currency: "CAD", money_format: "\u0026#36;{{amount}}", money_format_with_currency: "\u0026#36;{{amount}} CAD" } }, { } ), { filterSettings: Object.assign(__spreadValues({ swatch_extension: "png" }, { }), {"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":false,"keepToggleState":true,"showLoading":false,"activeScrollToTop":false,"productAndVariantAvailable":true,"availableAfterFiltering":false,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showVariantImageBasedOnSelectedFilter":"","isShortenUrlParam":false,"style":{"filterTitleTextColor":"","filterTitleFontSize":"","filterTitleFontWeight":"","filterTitleFontTransform":"","filterTitleFontFamily":"","filterOptionTextColor":"","filterOptionFontSize":"","filterOptionFontFamily":"","filterMobileButtonTextColor":"","filterMobileButtonFontSize":"","filterMobileButtonFontWeight":"","filterMobileButtonFontTransform":"","filterMobileButtonFontFamily":"","filterMobileButtonBackgroundColor":""},"filterLayout":"vertical","filterTreeMobileStyle":"style1","filterTreeVerticalStyle":"style-default","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":false,"stickyFilterOnMobile":false}), searchSettings: {"enableInstantSearch":true,"showSuggestionProductImage":true,"showSuggestionProductPrice":true,"showSuggestionProductSalePrice":true,"showSuggestionProductSku":false,"showSuggestionProductVendor":false,"searchPanelBlocks":{"mostPopularProducts":{"productList":[],"backup":[],"label":"Trending products","type":"based_on_data"},"searchTermSuggestions":{"label":"Check out some of these popular searches","searchTermList":[],"backup":[],"type":"based_on_data"},"collections":{"excludedValues":[]}},"suggestionNoResult":{"search_terms":{"label":"Check out some of these popular searches","status":false,"data":[],"type":"based_on_data","backup":[]},"products":{"label":"Trending products","status":false,"data":[],"type":"based_on_data","backup":[]}},"productAvailable":true,"suggestionBlocks":[{"type":"suggestions","label":"Popular suggestions","status":"active","number":2},{"type":"collections","label":"Collections","status":"disabled","number":3,"excludedValues":[]},{"type":"products","label":"Products","status":"active","number":4},{"type":"pages","label":"Blog & Pages","status":"disabled","number":3}],"searchBoxOnclick":{"recentSearch":{"label":"Recent searches","status":true,"number":"3"},"searchTermSuggestion":{"label":"Popular searches","status":false,"data":[],"backup":[],"type":"manually"},"productSuggestion":{"label":"Trending products","status":false,"data":[],"backup":[],"type":"manually"}},"suggestionStyle":"style2","suggestionStyle1ProductItemType":"list","suggestionStyle1ProductPosition":"none","suggestionStyle1ProductPerRow":"1","suggestionStyle2ProductItemType":"list","suggestionStyle2ProductPosition":"right","suggestionStyle2ProductPerRow":"2","suggestionStyle3ProductItemType":"list","suggestionStyle3ProductPosition":"right","suggestionStyle3ProductPerRow":"3"} , additionalElementSettings: Object.assign( { default_sort_order: {"search":"","all":""}, }, {"customSortingList":"relevance|best-selling|manual|title-ascending|title-descending|price-ascending|price-descending|created-ascending|created-descending","enableCollectionSearch":false}), b2b: Object.assign({ enabled: false }, { } ), generalSettings: Object.assign(__spreadProps(__spreadValues({ preview_mode: false, preview_path: "", page: "index", custom_js_asset_url: "", custom_css_asset_url: "", collection_id: 0, collection_handle: "", collection_product_count: 0 }, { }), { collection_tags: null, current_tags: null, default_sort_by: "", swatch_extension: "png", no_image_url: "https://cdn.shopify.com/extensions/2a363d06-2213-4578-a6ff-cf7088784d67/boost-ai-search-discovery-138/assets/boost-pfs-no-image.jpg", search_term: "", template: "index", currencies: ["CAD","USD"], current_currency:"CAD", published_locales: __spreadValues({}, {"en":true} ), current_locale: "en" }), {"addCollectionToProductUrl":false}) }), { translation: {"refineDesktop":"Filter","refine":"Refine By","refineMobile":"Refine By","refineMobileCollapse":"Hide Filter","clear":"Clear","clearAll":"Clear All","viewMore":"View More","viewLess":"View Less","apply":"Apply","applyAll":"Apply All","close":"Close","back":"Back","showLimit":"Show","collectionAll":"All","under":"Under","above":"Above","ratingStar":"Star","ratingStars":"Stars","ratingUp":"& Up","showResult":"Show result","searchOptions":"Search Options","inCollectionSearch":"Search for products in this collection","loadPreviousPage":"Load Previous Page","loadMore":"Load more {{ amountProduct }} Products","loadMoreTotal":"{{ from }} - {{ to }} of {{ total }} Products","viewAs":"View as","listView":"List view","gridView":"Grid view","gridViewColumns":"Grid view {{count}} Columns","search":{"generalTitle":"General Title (when no search term)","resultHeader":"Search results for \"{{ terms }}\"","resultNumber":"Showing {{ count }} results for \"{{ terms }}\"","seeAllProducts":"See all products","resultEmpty":"We are sorry! We couldn't find results for \"{{ terms }}\".\nBut don't give up – check the spelling or try less specific search terms.","resultEmptyWithSuggestion":"Sorry, nothing found for \"{{ terms }}\". Check out these items instead?","searchTotalResult":"Showing {{ count }} result","searchTotalResults":"Showing {{ count }} results","searchPanelProduct":"Products","searchPanelCollection":"Collections","searchPanelPage":"Blogs & Pages","searchTipsTitle":"Search tips","searchTipsContent":"Please double-check your spelling.\nUse more generic search terms.\nEnter fewer keywords.\nTry searching by product type, brand, model number or product feature.","noSearchResultSearchTermLabel":"Check out some of these popular searches","noSearchResultProductsLabel":"Trending products","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products"},"suggestion":{"viewAll":"View all {{ count }} products","didYouMean":"Did you mean: {{ terms }}","searchBoxPlaceholder":"Search","suggestQuery":"Show {{ count }} results for {{ terms }}","instantSearchSuggestionsLabel":"Popular suggestions","instantSearchCollectionsLabel":"Collections","instantSearchProductsLabel":"Products","instantSearchPagesLabel":"Blog & Pages","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Check out some of these popular searches","noSearchResultProductsLabel":"Trending products"},"error":{"noFilterResult":"Sorry, no products matched your selection","noSearchResult":"Sorry, no products matched the keyword","noProducts":"No products found in this collection","noSuggestionResult":"Sorry, nothing found for \"{{ terms }}\".","noSuggestionProducts":"Sorry, nothing found for \"{{ terms }}\"."},"recommendation":{"cartpage-106185":"Still interested in this?","cartpage-113865":"Similar Products","collectionpage-560107":"Most Popular Products","productpage-402721":"Recently viewed","productpage-101785":"Frequently Bought Together","homepage-075001":"Best Sellers","collectionpage-742013":"Just dropped","homepage-300116":"Just dropped"},"productItem":{"qvBtnLabel":"Quick view","atcAvailableLabel":"Add to cart","soldoutLabel":"Sold out","productItemSale":"Sale","productItemSoldOut":"Sold out","viewProductBtnLabel":"View product","atcSelectOptionsLabel":"Select options","amount":"None","savingAmount":"Save {{saleAmount}}","swatchButtonText1":"+{{count}}","swatchButtonText2":"+{{count}}","swatchButtonText3":"+{{count}}","inventoryInStock":"In stock","inventoryLowStock":"Only {{count}} left!","inventorySoldOut":"Sold out","atcAddingToCartBtnLabel":"Adding...","atcAddedToCartBtnLabel":"Added!","atcFailedToCartBtnLabel":"Failed!"},"quickView":{"qvQuantity":"Quantity","qvViewFullDetails":"View full details","buyItNowBtnLabel":"Buy it now","qvQuantityError":"Please input quantity"},"cart":{"atcMiniCartSubtotalLabel":"Subtotal","atcMiniCartEmptyCartLabel":"Your Cart Is Currently Empty","atcMiniCartCountItemLabel":"item","atcMiniCartCountItemLabelPlural":"items","atcMiniCartShopingCartLabel":"Your cart","atcMiniCartViewCartLabel":"View cart","atcMiniCartCheckoutLabel":"Checkout"},"recentlyViewed":{"recentProductHeading":"Recently Viewed Products"},"mostPopular":{"popularProductsHeading":"Popular Products"},"perpage":{"productCountPerPage":"Display: {{count}} per page"},"productCount":{"textDescriptionCollectionHeader":"{{count}} product","textDescriptionCollectionHeaderPlural":"{{count}} products","textDescriptionToolbar":"{{count}} product","textDescriptionToolbarPlural":"{{count}} products","textDescriptionPagination":"Showing {{from}} - {{to}} of {{total}} product","textDescriptionPaginationPlural":"Showing {{from}} - {{to}} of {{total}} products"},"pagination":{"loadPreviousText":"Load Previous Page","loadPreviousInfiniteText":"Load Previous Page","loadMoreText":"Load more","prevText":"Previous","nextText":"Next"},"sortingList":{"sorting":"Sort by","relevance":"Relevance","best-selling":"Best selling","manual":"Manual","title-ascending":"Title ascending","title-descending":"Title descending","price-ascending":"Price ascending","price-descending":"Price descending","created-ascending":"Created ascending","created-descending":"Created descending"},"collectionHeader":{"collectionAllProduct":"Products"},"breadcrumb":{"home":"Home","collections":"Collections","pagination":"Page {{ page }} of {{totalPages}}","toFrontPage":"Back to the front page"},"sliderProduct":{"prevButton":"Previous","nextButton":"Next"}}, primary_language: {"refineDesktop":"Filter","refine":"Refine By","refineMobile":"Refine By","refineMobileCollapse":"Hide Filter","clear":"Clear","clearAll":"Clear All","viewMore":"View More","viewLess":"View Less","apply":"Apply","applyAll":"Apply All","close":"Close","back":"Back","showLimit":"Show","collectionAll":"All","under":"Under","above":"Above","ratingStar":"Star","ratingStars":"Stars","ratingUp":"& Up","showResult":"Show result","searchOptions":"Search Options","inCollectionSearch":"Search for products in this collection","loadPreviousPage":"Load Previous Page","loadMore":"Load more {{ amountProduct }} Products","loadMoreTotal":"{{ from }} - {{ to }} of {{ total }} Products","viewAs":"View as","listView":"List view","gridView":"Grid view","gridViewColumns":"Grid view {{count}} Columns","search":{"generalTitle":"General Title (when no search term)","resultHeader":"Search results for \"{{ terms }}\"","resultNumber":"Showing {{ count }} results for \"{{ terms }}\"","seeAllProducts":"See all products","resultEmpty":"We are sorry! We couldn't find results for \"{{ terms }}\".\nBut don't give up – check the spelling or try less specific search terms.","resultEmptyWithSuggestion":"Sorry, nothing found for \"{{ terms }}\". Check out these items instead?","searchTotalResult":"Showing {{ count }} result","searchTotalResults":"Showing {{ count }} results","searchPanelProduct":"Products","searchPanelCollection":"Collections","searchPanelPage":"Blogs & Pages","searchTipsTitle":"Search tips","searchTipsContent":"Please double-check your spelling.\nUse more generic search terms.\nEnter fewer keywords.\nTry searching by product type, brand, model number or product feature.","noSearchResultSearchTermLabel":"Check out some of these popular searches","noSearchResultProductsLabel":"Trending products","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products"},"suggestion":{"viewAll":"View all {{ count }} products","didYouMean":"Did you mean: {{ terms }}","searchBoxPlaceholder":"Search","suggestQuery":"Show {{ count }} results for {{ terms }}","instantSearchSuggestionsLabel":"Popular suggestions","instantSearchCollectionsLabel":"Collections","instantSearchProductsLabel":"Products","instantSearchPagesLabel":"Blog & Pages","searchBoxOnclickRecentSearchLabel":"Recent searches","searchBoxOnclickSearchTermLabel":"Popular searches","searchBoxOnclickProductsLabel":"Trending products","noSearchResultSearchTermLabel":"Check out some of these popular searches","noSearchResultProductsLabel":"Trending products"},"error":{"noFilterResult":"Sorry, no products matched your selection","noSearchResult":"Sorry, no products matched the keyword","noProducts":"No products found in this collection","noSuggestionResult":"Sorry, nothing found for \"{{ terms }}\".","noSuggestionProducts":"Sorry, nothing found for \"{{ terms }}\"."},"recommendation":{"cartpage-106185":"Still interested in this?","cartpage-113865":"Similar Products","collectionpage-560107":"Most Popular Products","productpage-402721":"Recently viewed","productpage-101785":"Frequently Bought Together","homepage-075001":"Best Sellers","collectionpage-742013":"Just dropped","homepage-300116":"Just dropped"},"productItem":{"qvBtnLabel":"Quick view","atcAvailableLabel":"Add to cart","soldoutLabel":"Sold out","productItemSale":"Sale","productItemSoldOut":"Sold out","viewProductBtnLabel":"View product","atcSelectOptionsLabel":"Select options","amount":"None","savingAmount":"Save {{saleAmount}}","swatchButtonText1":"+{{count}}","swatchButtonText2":"+{{count}}","swatchButtonText3":"+{{count}}","inventoryInStock":"In stock","inventoryLowStock":"Only {{count}} left!","inventorySoldOut":"Sold out","atcAddingToCartBtnLabel":"Adding...","atcAddedToCartBtnLabel":"Added!","atcFailedToCartBtnLabel":"Failed!"},"quickView":{"qvQuantity":"Quantity","qvViewFullDetails":"View full details","buyItNowBtnLabel":"Buy it now","qvQuantityError":"Please input quantity"},"cart":{"atcMiniCartSubtotalLabel":"Subtotal","atcMiniCartEmptyCartLabel":"Your Cart Is Currently Empty","atcMiniCartCountItemLabel":"item","atcMiniCartCountItemLabelPlural":"items","atcMiniCartShopingCartLabel":"Your cart","atcMiniCartViewCartLabel":"View cart","atcMiniCartCheckoutLabel":"Checkout"},"recentlyViewed":{"recentProductHeading":"Recently Viewed Products"},"mostPopular":{"popularProductsHeading":"Popular Products"},"perpage":{"productCountPerPage":"Display: {{count}} per page"},"productCount":{"textDescriptionCollectionHeader":"{{count}} product","textDescriptionCollectionHeaderPlural":"{{count}} products","textDescriptionToolbar":"{{count}} product","textDescriptionToolbarPlural":"{{count}} products","textDescriptionPagination":"Showing {{from}} - {{to}} of {{total}} product","textDescriptionPaginationPlural":"Showing {{from}} - {{to}} of {{total}} products"},"pagination":{"loadPreviousText":"Load Previous Page","loadPreviousInfiniteText":"Load Previous Page","loadMoreText":"Load more","prevText":"Previous","nextText":"Next"},"sortingList":{"sorting":"Sort by","relevance":"Relevance","best-selling":"Best selling","manual":"Manual","title-ascending":"Title ascending","title-descending":"Title descending","price-ascending":"Price ascending","price-descending":"Price descending","created-ascending":"Created ascending","created-descending":"Created descending"},"collectionHeader":{"collectionAllProduct":"Products"},"breadcrumb":{"home":"Home","collections":"Collections","pagination":"Page {{ page }} of {{totalPages}}","toFrontPage":"Back to the front page"},"sliderProduct":{"prevButton":"Previous","nextButton":"Next"}}, } ), { user: { } , backInStock: Object.assign({ enabled: false, productSettings: {}, displaySettings: {}, isTurbo: false }, {"enabled":false,"isTurbo":true}) }), window.boostWidgetIntegration.app["production"] || {} ); window.boostWidgetIntegration.env = "production"; window.boostWidgetIntegration.app["production"] = combinedAppSettings; window.boostWidgetIntegration.app["production"].customization = window.boostWidgetIntegration.app["production"].customization || {}; window.boostWidgetIntegration.regisCustomization = function(fc, scope) { if (typeof fc === "function" && fc.name && !scope) { const functionName = fc.name; window.boostWidgetIntegration.app["production"].customization[functionName] = fc; } else if (typeof fc === "function" && fc.name && scope) { window.boostWidgetIntegration.app["production"].customization[scope] = window.boostWidgetIntegration.app["production"].customization[scope] || {}; const functionName = fc.name; window.boostWidgetIntegration.app["production"].customization[scope][functionName] = fc; } else { console.error("Invalid function or function does not have a name."); } }; ; const simplifiedIntegration = mergeDeep( { enabled: false, collectionPage: false, instantSearch: false, productListSelector: { collectionPage: [], searchPage: [] }, selectedSelector: "", selectorFromMetafield: "", selectorFromAppEmbed: "" , allSyncedCollections: "" || { syncedCollections: [] }, placeholderAdded: false, placeholder: `<!-- TEMPLATE PLACEHOLDER --> <div class='boost-sd-container'> <div class='boost-sd-layout boost-sd-layout--has-filter-vertical'> <div class='boost-sd-left boost-filter-tree-column'> <!-- TEMPLATE FILTER TREE PLACEHOLDER --> <div id="boost-sd__filter-tree-wrapper" class="boost-sd__filter-tree-wrapper"> <div class="boost-sd__filter-tree-vertical "> <div class="boost-sd__filter-tree-vertical-placeholder"> <div class="boost-sd__filter-tree-vertical-placeholder-item"> <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span> </div> <div class="boost-sd__filter-tree-vertical-placeholder-item"> <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span> </div> <div class="boost-sd__filter-tree-vertical-placeholder-item"> <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span> </div> <div class="boost-sd__filter-tree-vertical-placeholder-item"> <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span> </div> <div class="boost-sd__filter-tree-vertical-placeholder-item"> <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span> </div> </div> </div> </div> </div> <div class='boost-sd-right boost-product-listing-column'> <!-- TEMPLATE TOOLBAR PLACEHOLDER--> <div class="boost-sd__toolbar-container"> <div class="boost-sd__toolbar-inner"> <div class="boost-sd__toolbar-content"> <div class="boost-sd__toolbar boost-sd__toolbar--3_1"> <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0;"></span> <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span> <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span> </div> </div> </div> </div> <!-- TEMPLATE PRODUCT LIST PLACEHOLDER--> <div class="boost-sd__product-list-placeholder boost-sd__product-list-placeholder--3-col"> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> </div> <div class="boost-sd__pagination boost-sd__pagination--center"> <span class="boost-sd__placeholder-item" style="height: 40px; border-radius: 0;"></span> </div> </div> </div> </div> <style> .boost-sd__collection-header { width: 100%; height: 130px; display: block; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #e6e6e6), color-stop(33%, #eee)); background-color: #eee; animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty { display: block; } .boost-sd__collection-header .boost-sd__placeholder-item { height: 130px; } @media only screen and (min-width: 992px) { .boost-sd__collection-header, .boost-sd__collection-header .boost-sd__placeholder-item { height: 150px; } } @keyframes banner-place-holder-shimmer { 0% { background-position: -1500px 0; } 100% { background-position: 1500px 0; } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__filter-tree-vertical { margin-top: 0; margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder { background: transparent; width: 100%; max-width: 100%; display: none; } .boost-sd__filter-tree-vertical-placeholder-list { margin: 30px 10px 0; padding: 0; list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item { max-width: 100%; padding: 20px 0; display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child { padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) { border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder { display: none; } @media only screen and (min-width: 992px) { .boost-sd__filter-tree-vertical { width: 272px; } .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical { margin-right: 16px; margin-left: 0; } .boost-sd__filter-tree-vertical-placeholder, .boost-sd__filter-tree-horizontal-placeholder { display: inline-block; } .boost-sd-layout--has-filter-horizontal { flex-wrap: wrap; margin-top: 0; } .boost-sd-layout--has-filter-horizontal .boost-sd-left, .boost-sd-layout--has-filter-horizontal .boost-sd-right { flex: 0 0 100%; } .boost-sd__filter-tree-horizontal { width: 100%; } .boost-sd__filter-tree-horizontal-placeholder { padding: 16px 0; border-top: 1px solid #ebebeb; width: 100%; max-width: 100%; background: transparent; } .boost-sd__filter-tree-horizontal-placeholder-list { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e8e9eb; } .boost-sd__filter-tree-horizontal-placeholder-item { border: none; display: inline-block; margin-right: 35px; position: relative; } .boost-sd__filter-tree-horizontal-placeholder-button { width: auto; height: auto; display: inline-block; position: relative; padding: 5px 15px 5px 0; margin: 0; min-height: auto; min-width: 0; border-radius: 0; box-shadow: none; background: none; border: none; letter-spacing: normal; text-align: left; cursor: pointer; } .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item { width: 80px; height: 10px; display: inline-block; margin: 0 15px 0 0; } .boost-sd__filter-tree-horizontal-placeholder-icon { transform: rotate(-90deg); } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__toolbar-container { width: 100%; margin-bottom: 16px; } .boost-sd__toolbar-inner { max-width: 1216px; margin: 0 auto; } .boost-sd__toolbar-content { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 16px 0; } .boost-sd__toolbar { align-items: center; width: 100%; display: flex; flex-wrap: wrap; column-gap: 16px; justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: 100%; margin-bottom: 16px; } @media only screen and (min-width: 992px) { .boost-sd__toolbar-content { display: flex; align-items: center; border-bottom: none; padding: 16px 0 16px; border-top: 1px solid #ebebeb; border-bottom: 0; } .boost-sd__toolbar { flex-wrap: inherit; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: auto; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: auto; margin-bottom: 0; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item { flex: 1; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) { justify-content: center; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) { justify-content: end; } } .boost-sd__product-list-placeholder { gap: 16px; margin-bottom: 32px; flex-wrap: wrap; width: 100%; display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item { width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 222px; } .boost-sd__pagination { padding-top: 10px; padding-bottom: 10px; justify-content: center; align-items: center; display: flex; } @media only screen and (min-width: 576px) { .boost-sd__product-list-placeholder { gap: 32px; margin-bottom: 64px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px / 3)); } } @media only screen and (min-width: 992px) { .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 8px; } .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child { margin-bottom: 16px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 382px; } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 275px; } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 215px; } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 175px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px / 3)); } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item { width: calc(25% - (32px - 32px / 4)); } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item { width: calc(20% - (32px - 32px / 5)); } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(16.6666667% - (32px - 32px / 6)); } } .boost-sd-container * { box-sizing: border-box; } .boost-sd__placeholder-item { background: rgba(0, 0, 0, 0.07); border-radius: 50rem; min-width: 50px; max-width: 100%; height: 20px; animation: 2s infinite place-holder-animation; display: inline-block; } .boost-sd__placeholder-item:empty { display: block; } .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 18px; } .boost-sd-layout { margin: 20px auto 0; } .boost-sd-left { position: relative; } .boost-sd-layout .boost-sd-right { width: 100%; margin-bottom: 20px; } @keyframes place-holder-animation { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @media only screen and (min-width: 992px) { .boost-sd-layout { display: flex; max-width: 1216px; } .boost-sd-layout .boost-sd-right { flex: auto; max-width: 100%; } } </style>`, isOnboarding: JSON.parse( "false" || "false" ), neededToHideElements: [] }, window.boostWidgetIntegration.simplifiedIntegration || {} ); window.boostWidgetIntegration.simplifiedIntegration = simplifiedIntegration; } // tae/simplified-integration.js var setUpISW = () => { if (!window.boostWidgetIntegration) { window.boostWidgetIntegration = {}; } const config = window.boostWidgetIntegration; if (!config.taeSettings) { config.taeSettings = {}; } const taeSettings = config.taeSettings; taeSettings.instantSearch = { enabled: true }; }; var hideElements = (elements) => { if (!Array.isArray(elements)) return; elements.forEach((element) => { const el = document.querySelector(element); if (el) { el.style.display = "none"; } }); }; var renderPlaceholder = (originalContainer) => { const { simplifiedIntegration = {} } = window.boostWidgetIntegration; const { placeholder, placeholderAdded, neededToHideElements, selectedSelector } = simplifiedIntegration; if (placeholderAdded) return; originalContainer.style.display = "none"; hideElements(neededToHideElements); const newProductFilterDiv = document.createElement("div"); newProductFilterDiv.innerHTML = placeholder; newProductFilterDiv.className = "boost-sd__filter-product-list boost-sd__placeholder-product-filter-tree"; originalContainer.insertAdjacentElement("afterend", newProductFilterDiv); simplifiedIntegration.placeholderAdded = true; neededToHideElements.push(selectedSelector); }; var checkCollectionSynced = (collectionId) => { const { simplifiedIntegration = {} } = window.boostWidgetIntegration; const { allSyncedCollections = [] } = simplifiedIntegration; const { syncedCollections } = allSyncedCollections; const currentCollectionSynced = syncedCollections == null ? void 0 : syncedCollections.includes(collectionId); const collectionAllSynced = collectionId === 0 && (syncedCollections == null ? void 0 : syncedCollections.length) > 0; if (!currentCollectionSynced && !collectionAllSynced) { console.log("collection not synced -> fallback original theme"); return false; } return true; }; var runSimplifiedIntegration = (templateMetadata) => { var _a; const { simplifiedIntegration = {} } = window.boostWidgetIntegration; const { integratedTheme = {} } = templateMetadata; const themeId = window.Shopify.theme.id; if (!themeId || !(themeId in integratedTheme)) { return; } const themeIntegration = integratedTheme[themeId]; if (Object.keys(themeIntegration).length > 0) { const { collectionPage = false, searchPage = false, instantSearch = false, productListSelector = {} } = themeIntegration; Object.assign(simplifiedIntegration, __spreadProps(__spreadValues({}, themeIntegration), { enabled: true })); const { page: currentPage, collection_id: collectionId = 0 } = ((_a = window.boostWidgetIntegration) == null ? void 0 : _a.generalSettings) || {}; const isCollectionPage3 = currentPage === "collection"; const isSearchPage3 = currentPage === "search"; if (simplifiedIntegration.isOnboarding) { const isCollectionSynced = checkCollectionSynced(collectionId); if (!isCollectionSynced) { console.log("collection not synced -> fallback original theme"); return; } } if (isCollectionPage3 && collectionPage || isSearchPage3 && searchPage) { console.log("simplifiedIntegration", simplifiedIntegration); const { collectionPage: collectionPageSelectors, searchPage: searchPageSelectors } = productListSelector; const selectors = isCollectionPage3 ? collectionPageSelectors : searchPageSelectors; if (selectors.length === 0) { console.log("empty selectors"); return; } const elements = selectors.slice(0, -1); const mainElement = selectors[selectors.length - 1]; const selector = simplifiedIntegration.selectorFromAppEmbed || mainElement; simplifiedIntegration.neededToHideElements = elements; simplifiedIntegration.selectorFromMetafield = mainElement; simplifiedIntegration.selectedSelector = selector; if (selector) { const intervalId = setInterval(() => { const container = document.querySelector(selector); if (container) { renderPlaceholder(container); clearInterval(intervalId); } }, 50); } } else { console.log( "filter product grid not installed in collection/search page-> fallback original theme" ); } if (instantSearch) { setUpISW(); } } }; // tae/app.js (function() { var _a, _b, _c, _d, _e, _f; initSettings(); initRobotMeta(); window.boostSDTaeUtils = { lazyLoadImages, inViewPortHandler, initCollectionFilter }; const app = window.boostWidgetIntegration.app["production"]; window.boostWidgetIntegration.status = "initializing"; app.fallback = { themeCssUrl: "https://cdn.boostcommerce.io/widget-integration/theme/default/1.0.1/main.css", settingsCssUrl: "https://boost-cdn-staging.bc-solutions.net/widget-integration/theme/default/staging/default-settings.css" }; window.boostWidgetIntegration.generalSettings = app.generalSettings; const templateId = "usQAVYBj_6" || ""; window.boostWidgetIntegration.generalSettings.templateId = templateId; const templateMetadata = {"collectionFilters":"usQAVYBj_6/themes/default/main__0__liquid","productList":"usQAVYBj_6/product-list/main__0__liquid","productItem":"usQAVYBj_6/product-item/main__0__liquid","collectionHeader":"usQAVYBj_6/collection-header/main__0__liquid","searchPage":"usQAVYBj_6/themes/default/search__0__liquid","mostPopularProducts":"usQAVYBj_6/no-search-result-page/most-popular-products__0__liquid","recommendation":"usQAVYBj_6/recommendation/main__0__liquid","recommendationDynamicBundle":"usQAVYBj_6/recommendation/dynamic-bundle__0__liquid","recommendationEmbeddedBundle":"usQAVYBj_6/recommendation/embedded-bundle__0__liquid","instantSearchWidget":"usQAVYBj_6/instant-search-widget/main__0__liquid","quickView":"usQAVYBj_6/quickview/main__0__liquid","cart":"usQAVYBj_6/cart/main__0__liquid","placeholderFilterTree":"usQAVYBj_6/place-holder/place-holder__0__liquid","placeholderRecommendation":"usQAVYBj_6/recommendation-placeholder/main__0__liquid","preOrder":"usQAVYBj_6/pre-order/main__0__liquid","preOrderPlaceholder":"usQAVYBj_6/pre-order-placeholder/main__0__liquid","templateVersion":"2.23.0","setupVersion":"v3","applyUniqueVersion":true,"themeNameLib":"default","themeLibVersion":"1.41.0","themeCssVersion":"2.23.0","themeCssUrl":"https://cdn.boostcommerce.io/widget-integration/theme/default/2.23.0/main.css","settingsCssUrl":"https://cdn.shopify.com/s/files/1/0604/9120/2756/files/boost-app-do-not-delete-this-file-kit-and-ace__usQAVYBj_6-settings.css?v=1738187281","updatedAt":1738187281,"customizeCssUrl":"https://cdn.boostcommerce.io/widget-integration/theme/customization/kit-and-ace.myshopify.com/usQAVYBj_6/customization-1736790169342.css","customizeJsUrl":"https://cdn.boostcommerce.io/widget-integration/theme/customization/kit-and-ace.myshopify.com/usQAVYBj_6/customization-1736790167880.js","integratedTheme":{}} || {}; runSimplifiedIntegration(templateMetadata); const devMode = window.boostWidgetIntegration.mode === "development"; const env = "production"; const cssLink = document.createElement("link"); cssLink.rel = "stylesheet"; cssLink.type = "text/css"; cssLink.media = "all"; if (templateMetadata == null ? void 0 : templateMetadata.themeCssUrl) { cssLink.href = templateMetadata.themeCssUrl; if (env === "staging") { cssLink.href += `?v=${Date.now()}`; } } else if ((_a = app == null ? void 0 : app.fallback) == null ? void 0 : _a.themeCssUrl) { cssLink.href = (_b = app == null ? void 0 : app.fallback) == null ? void 0 : _b.themeCssUrl; } const settingsCSSLink = document.createElement("link"); settingsCSSLink.rel = "stylesheet"; settingsCSSLink.type = "text/css"; settingsCSSLink.media = "all"; if ((templateMetadata == null ? void 0 : templateMetadata.settingsCssUrl) && !devMode) { settingsCSSLink.href = templateMetadata.settingsCssUrl; } else if ((_c = app == null ? void 0 : app.fallback) == null ? void 0 : _c.settingsCssUrl) { settingsCSSLink.href = (_d = app == null ? void 0 : app.fallback) == null ? void 0 : _d.settingsCssUrl; } if (devMode) { app.themeCssLoaded = true; app.settingsCSSLoaded = true; } else if (cssLink.href && settingsCSSLink.href) { document.head.appendChild(cssLink); cssLink.onload = function() { app.themeCssLoaded = true; }; document.head.appendChild(settingsCSSLink); settingsCSSLink.onload = function() { app.settingsCSSLoaded = true; }; const rtlDetected = document.documentElement.getAttribute("dir") === "rtl"; if (rtlDetected) { const rtlLink = document.createElement("link"); rtlLink.rel = "stylesheet"; rtlLink.type = "text/css"; rtlLink.media = "all"; const themeCssUrl = new URL(cssLink.href); const themeCssPathWithoutFilename = themeCssUrl.pathname.split("/").slice(0, -1).join("/"); const rtlCssPath = themeCssPathWithoutFilename + "/rtl.css"; const rtlCssUrl = new URL(rtlCssPath, themeCssUrl.origin); rtlLink.href = rtlCssUrl.href; document.head.appendChild(rtlLink); } } if (!devMode) { app.cdn = app.cdn || "https://cdn.boostcommerce.io"; const themeLibVersion = env === "staging" ? "staging" : templateMetadata.themeLibVersion || "1.5.0"; let libUrl = app.libUrl || `${app.cdn}/widget-integration/${themeLibVersion}/bc-widget-integration.js`; if (env === "development") { libUrl = `${app.cdn}/widget-integration/bc-widget-integration.js`; } if (env === "staging") { libUrl += `?v=${Date.now()}`; } app.libUrl = libUrl; const link = document.createElement("link"); if (env === "development") { link.rel = "modulepreload"; } else { link.rel = "preload"; } link.as = "script"; link.href = libUrl; (_e = document.head) == null ? void 0 : _e.appendChild(link); if (isMobileWidth()) { app.jsLibLoadStatus = "pending"; } else { const widgetLibScript = document.createElement("script"); widgetLibScript.setAttribute("src", libUrl); widgetLibScript.defer = true; if (env === "development") widgetLibScript.type = "module"; (_f = document.head) == null ? void 0 : _f.appendChild(widgetLibScript); app.jsLibLoadStatus = "loading"; widgetLibScript.onload = function() { app.jsLibLoadStatus = "loaded"; }; } } app.filterUrl = "https://services.mybcapps.com/bc-sf-filter/filter"; app.searchUrl = "https://services.mybcapps.com/bc-sf-filter/search"; app.productUrl = "https://services.mybcapps.com/bc-sf-filter/products"; app.recommendUrl = "https://services.mybcapps.com/discovery/recommend"; app.templateUrl = "https://services.mybcapps.com/bc-sf-filter/ssr-template"; app.bundleUrl = "https://services.mybcapps.com/bc-sf-filter/bundles"; app.subscriptionUrl = "https://services.mybcapps.com/bc-sf-filter/subscribe-b2s"; app.klaviyoBISUrl = "https://a.klaviyo.com/client/back-in-stock-subscriptions"; app.templateMetadata = templateMetadata; const product = "" || {}; window.boostSDData = { product }; const templateSettings = {"appPreferenceSettings":{"watermark":false},"preOrderSettings":{"buttonText":"Pre-order","deliveryText":"This is a pre-order. Items will ship based on the estimated delivery date.","showDeliveryText":false},"generalSettings":{"addCollectionToProductUrl":false,"breakpointmobile":"575px","breakpointtabletportraitmin":"576px","breakpointtabletportraitmax":"991px","breakpointtabletlandscapetmin":"992px","breakpointtabletlandscapemax":"1199px","breakpointdesktop":"1200px"},"searchSettings":{"searchPanelBlocks":{"searchTermSuggestions":{"label":"Check out some of these popular searches","searchTermList":[],"backup":[],"type":"based_on_data","active":false},"mostPopularProducts":{"label":"Trending products","productList":[],"backup":[],"type":"based_on_data","active":true},"products":{"label":"Products","pageSize":25,"active":true,"displayImage":true},"collections":{"label":"Collections","pageSize":25,"active":true,"displayImage":false,"displayDescription":false,"excludedValues":[]},"pages":{"label":"Pages","pageSize":25,"active":true,"displayImage":false,"displayExcerpt":false},"searchEmptyResultMessages":{"active":true,"label":"We are sorry! We couldn't find results for \"{{ terms }}\".{{ breakline }}But don't give up – check the spelling or try less specific search terms."},"searchTips":{"label":"Search tips","active":true,"searchTips":"Please double-check your spelling.{{ breakline }}Use more generic search terms.{{ breakline }}Enter fewer keywords.{{ breakline }}Try searching by product type, brand, model number or product feature."}},"suggestionNoResult":{"search_terms":{"label":"Check out some of these popular searches","status":false,"data":[],"type":"based_on_data","backup":[]},"products":{"label":"Trending products","status":false,"data":[],"type":"based_on_data","backup":[]}},"enableInstantSearch":true,"productAvailable":true,"showSuggestionProductImage":true,"showSuggestionProductPrice":true,"showSuggestionProductSalePrice":true,"showSuggestionProductSku":false,"showSuggestionProductVendor":false,"suggestionBlocks":[{"type":"suggestions","label":"Popular suggestions","status":"active","number":2},{"type":"collections","label":"Collections","status":"disabled","number":3,"excludedValues":[]},{"type":"products","label":"Products","status":"active","number":4},{"type":"pages","label":"Blog & Pages","status":"disabled","number":3}],"searchBoxOnclick":{"recentSearch":{"label":"Recent searches","status":true,"number":"3"},"searchTermSuggestion":{"label":"Popular searches","status":false,"data":[],"backup":[],"type":"manually"},"productSuggestion":{"label":"Trending products","status":false,"data":[],"backup":[],"type":"manually"}},"suggestionStyle":"style2","suggestionStyle1ProductItemType":"list","suggestionStyle1ProductPosition":"none","suggestionStyle1ProductPerRow":"1","suggestionStyle2ProductItemType":"list","suggestionStyle2ProductPosition":"right","suggestionStyle2ProductPerRow":"2","suggestionStyle3ProductItemType":"list","suggestionStyle3ProductPosition":"right","suggestionStyle3ProductPerRow":"3"},"filterSettings":{"showFilterOptionCount":true,"showRefineBy":true,"showOutOfStockOption":false,"showSingleOption":false,"keepToggleState":true,"changeMobileButtonLabel":false,"sortingAvailableFirst":false,"showLoading":false,"activeScrollToTop":false,"showVariantImageBasedOnSelectedFilter":"","productAndVariantAvailable":true,"availableAfterFiltering":false,"isShortenUrlParam":false,"filterTreeMobileStyle":"style1","filterTreeVerticalStyle":"style-default","filterTreeHorizontalStyle":"style1","stickyFilterOnDesktop":false,"stickyFilterOnMobile":false,"style":{"filterTitleTextColor":"#222222","filterTitleFontSize":"inherit","filterTitleFontWeight":"inherit","filterTitleFontTransform":"none","filterTitleFontFamily":"inherit","filterOptionTextColor":"#222222","filterOptionFontSize":"inherit","filterOptionFontFamily":"inherit"},"filterLayout":"vertical"},"additionalElementSettings":{"customSortingList":"relevance|best-selling|manual|title-ascending|title-descending|price-ascending|price-descending|created-ascending|created-descending","enableCollectionSearch":false},"themeSettings":{"productItems":{"general":{"borderLayout":"noBorder","subLayout":"subLayout_2_2","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","borderColor":"#C7C7C7","borderColorOnHover":"#C7C7C7"},"productImg":{"elements":{"productSaleLabel":{"shape":"rectangle","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#DD3300","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productSoldOutLabel":{"hideOtherLabelsWhenSoldOut":true,"shape":"rectangle","displayType":"text","displayOptions":"always","color":"#FFFFFF","backgroundColor":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":true},"productCustomLabelByTag":{"shape":"rectangle","color":"#FFFFFF","backgroundColor":"#00A47C","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontWeight":"inherit","isEnable":false},"selectOptionBtn":{"buttonType":"selectOptionBtn","action":"quickAddToCart","isEnable":true},"qvBtn":{"buttonType":"qvBtn","isEnable":true}},"grid":{"top":{"direction":"horizontal","elements":{"left":["saleLabel","soldOutLabel","customLabelByTag"]}},"bottom":{"direction":"horizontal","elements":{"left":["selectOptionBtn","qvBtn"]}}},"aspectRatioType":"natural","hoverEffect":"reveal-second-image"},"styleSettings":{"selectOptionBtn":{"showOnHovering":true,"showOn":"desktopOnly","displayType":"textWithIcon","shape":"rectangle","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/add-to-cart-white.svg","iconPosition":"left","backgroundColor":"#222222","backgroundColorOnHover":"#222222","borderColor":"#222222","borderColorOnHover":"#222222","textColor":"#FFFFFF","textColorOnHover":"#FFFFFF","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","buttonStyling":"solid","fontWeight":"inherit","width":"100%"},"qvBtn":{"showOn":"desktopOnly","showOnHovering":true,"displayType":"icon","shape":"square","imgSrc":"https://boost-cdn-prod.bc-solutions.net/icon/quick-view.svg","width":"40px","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","borderColor":"#222222","borderColorOnHover":"#222222","textColor":"#222222","textColorOnHover":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","buttonStyling":"outline","fontWeight":"inherit"}},"productInfo":{"textAlign":"left","elements":{"swatches.1":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"title":{"color":"#222222","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"capitalize","isEnable":true,"fontWeight":"inherit"},"vendor":{"color":"#595959","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","textTransform":"uppercase","isEnable":false,"fontWeight":"inherit"},"price":{"showCentAsSuperscript":false,"showCurrencyCodes":false,"compareAtPricePosition":"right","showSavingDisplay":false,"priceColor":"#222222","priceFontSizeScale":100,"priceFontFamily":"inherit","priceFontStyle":"inherit","priceFontSize":"inherit","priceFontSizeTabletPortrait":"inherit","priceFontSizeTabletLandscape":"inherit","priceFontSizeMobile":"inherit","salePriceColor":"#DD3300","salePriceFontSizeScale":100,"salePriceFontFamily":"inherit","salePriceFontStyle":"inherit","salePriceFontSize":"inherit","salePriceFontSizeTabletPortrait":"inherit","salePriceFontSizeTabletLandscape":"inherit","salePriceFontSizeMobile":"inherit","compareAtPriceColor":"#595959","compareAtPriceFontSizeScale":100,"compareAtPriceFontFamily":"inherit","compareAtPriceFontStyle":"inherit","compareAtPriceFontSize":"inherit","compareAtPriceFontSizeTabletPortrait":"inherit","compareAtPriceFontSizeTabletLandscape":"inherit","compareAtPriceFontSizeMobile":"inherit","savingDisplayColor":"#DD3300","savingDisplayFontSizeScale":100,"savingDisplayFontFamily":"inherit","savingDisplayFontStyle":"inherit","savingDisplayFontSize":"inherit","savingDisplayFontSizeTabletPortrait":"inherit","savingDisplayFontSizeTabletLandscape":"inherit","savingDisplayFontSizeMobile":"inherit","isEnable":true,"priceFontWeight":"inherit","salePriceFontWeight":"inherit","compareAtPriceFontWeight":"inherit","savingDisplayFontWeight":"inherit"},"inventoryStatus":{"lowInventoryThreshold":0,"fontSizeScale":100,"textTransform":"none","inStockColor":"#00A47C","lowStockColor":"#F29100","soldOutColor":"#595959","fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","isEnable":false,"fontWeight":"inherit"},"rating":false,"swatches.2":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false},"swatches.3":{"showOptionValueOnHovering":true,"shape":"circle","changeProductImageOn":"hover","isEnable":false}}}},"additionalElements":{"pagination":{"paginationType":"default","alignment":"center","productCount":{"showProductCount":false,"position":"top","color":"#222222"},"number":{"shape":"circle","color":"#222222","colorOnSelected":"#222222","backgroundColor":"#FFFFFF","backgroundColorOnSelected":"#FFFFFF","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"button":{"shape":"circle","buttonType":"icon-only","color":"#222222","backgroundColor":"#FFFFFF","backgroundColorOnHover":"#FFFFFF","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"}},"toolbar":{"layout":"3_1","filterText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"refineByText":{"color":"#222222","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"elements":{"viewAs":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","listType":"grid/list","isEnable":true,"fontWeight":"inherit"},"productCount":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":true,"fontWeight":"inherit"},"showLimitList":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":false,"fontWeight":"inherit"},"sorting":{"fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","isEnable":true,"fontWeight":"inherit"}}},"collectionHeader":{"isEnable":false,"layout":2,"contentPosition":"middle-center","elements":{"breadCrumb":{"showCollectionTitle":false,"showCollectionList":false,"showPagination":false,"placement":"on-top","alignment":"middle-left","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","isEnable":false,"fontWeight":"inherit"},"collectionImage":{"size":"medium","parallaxEffect":false,"directionParallax":"vertical","isEnable":true},"collectionTitle":{"textAlign":"center","textTransform":"none","fontSizeScale":100,"fontSize":40,"fontSizeTabletPortrait":40,"fontSizeTabletLandscape":40,"fontSizeMobile":30,"fontFamily":"inherit","fontStyle":"inherit","collectionTitleColor":"#222222","isEnable":true,"fontWeight":"inherit"},"productCount":{"fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","textTransform":"none","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","color":"#222222","isEnable":false,"fontWeight":"inherit"},"collectionDescription":{"fontSize":null,"fontSizeTabletPortrait":null,"fontSizeTabletLandscape":null,"fontSizeMobile":null,"isEnable":false}}}},"quickView":{"showProductImage":true,"thumbnailPosition":"topLeft","isEnableProductVendor":true,"buttonOverall":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"buyItNowBtn":{"enable":true,"color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#222222","hoverBackgroundColor":"#222222","textTransform":"none","borderColor":"#222222","hoverBorderColor":"#222222"},"addToCartBtn":{"color":"#222222","hoverColor":"#222222","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#FFFFFF","borderColor":"#222222","hoverBorderColor":"#222222","textTransform":"none"}},"cart":{"enableCart":false,"cartStyle":"side","autoOpenAjaxCartOnAddToCart":true,"generalLayout":{"shape":"round","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"checkoutBtn":{"textTransform":"none","color":"#FFFFFF","hoverColor":"#FFFFFF","backgroundColor":"#222222","hoverBackgroundColor":"#222222","borderColor":"#222222","hoverBorderColor":"#222222"},"viewCartBtn":{"textTransform":"none","color":"#222222","hoverColor":"#222222","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#FFFFFF","borderColor":"#222222","hoverBorderColor":"#222222"}},"productList":{"productsPerPage":24,"productsPerRowOnDesktop":3,"productsPerRowOnMobile":2},"searchPage":{"headerBackground":"#F6F6F8","elements":{"searchHeaderText":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontFamily":"inherit","fontStyle":"inherit","fontWeight":"inherit"},"placeholderSearch":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionLabel":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"scopedSuggestionItem":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#E8E9EB","fontWeight":"inherit"},"titleTab":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCount":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"collectionAndPageTabDescription":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"tipForYou":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#C7C7C7"}}},"filterTree":{"elements":{"refineBy":{"color":"#222222"},"filterTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"filterOption":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCount":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"line":{"color":"#C7C7C7"},"checkbox":{"color":"#22222299"},"searchBox":{"color":"#C7C7C7"}}},"isw":{"backgroundSuggestion":"#F8F8F8","backgroundProducts":"#FFFFFF","hoverBackgroundSuggestion":"#E8E9EB","hoverBackgroundProducts":"#F8F8F8","elements":{"titleMultiElement":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"results":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMean":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"didYouMeanResults":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#F6F6F7","fontWeight":"inherit"},"productTitle":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productVendor":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productPrice":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSalePrice":{"color":"#DD3300","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productCompareAtPrice":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"productSKU":{"color":"#595959","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","fontWeight":"inherit"},"viewAllBtn":{"color":"#222222","textTransform":"none","fontSizeScale":100,"fontFamily":"inherit","fontStyle":"inherit","fontSize":"inherit","fontSizeTabletPortrait":"inherit","fontSizeTabletLandscape":"inherit","fontSizeMobile":"inherit","backgroundColor":"#FFFFFF","hoverBackgroundColor":"#E8E9EB","fontWeight":"inherit"}}}},"currentAppIntegration":{},"themeName":"default","srcThemeNameLib":"iamota theme foundation"} || {}; app.templateSettings = templateSettings; app.template = {}; ; app.template["quickView"] = `<!-- TEMPLATE QUICK VIEW --> {% if product.original_images != nil %} {% assign image_array = product.original_images %} {% else %} {% assign image_array = product.images_info %} {% endif %} {% if image_array.size == 0 %} {% assign image_array = "no_image" | split: ' ' %} {% endif %} {% assign show_prev_next_btns = image_array.size > 4 %} {% assign money_format = request.money_format | strip_html -%} {% capture productData %} { "id": "{{ product.id }}", "handle": "{{ product.handle }}", "variantId": "{{ product.variant_id }}", "splitProduct": "{{ product.split_product }}", "variants": {{ product.variants | json | escape }}, "tags": {{ product.tags | json | escape }}, "images": {{ image_array | json | escape }}, "category": "{{ product.product_type | escape }}", "tags" : {{ product.tags | json | escape }} } {% endcapture %} {% if product.variants.size == 1 and product.variants[0].title == 'Default Title' %} {% assign is_default_option = true %} {% else %} {% assign is_default_option = false %} {% endif %} <div class="boost-sd__modal" id="boost-sd__modal-quickview" aria-modal="true" role="dialog" aria-label="Quick view detail for product {{ product.title | escape }}" data-product-id='{{ productData.id }}' data-product='{{ productData | json_encode }}'> <div class="boost-sd__modal-backdrop"></div> <div class="boost-sd__modal-container"> <div tabindex="-1" class="boost-sd__modal-wrapper"> <div class="boost-sd__quick-view" product-id="{{ product.id }}"> <div class="boost-sd__quick-view-product-image"> <div class="boost-sd__slider boost-sd__slider--thumb-vertical"> <div class="boost-sd__thumbs-container boost-sd__thumbs-container--vertical"> {% if show_prev_next_btns %} <div class="boost-sd__thumbs-container-prev-button boost-sd__thumbs-container-prev-button--vertical"><button type="button" aria-label="Previous" class="boost-sd__button boost-sd__button--circle boost-sd__button--full-width" style="padding: 0px;" disabled=""><span class="boost-sd__icon" style="margin: 0px;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__thumbs-container-button-icon"> <path stroke-linejoin="round" stroke-linecap="round" stroke="currentColor" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path> </svg> </span></button></div> {% endif %} <div class="boost-sd__thumbs-container-thumbs boost-sd__thumbs-container-thumbs--vertical"> {% if request.previewMode == true %} {% for image in image_array limit: 4 %} <div class="boost-sd__thumbs-container-thumbs-item"> <div class="boost-sd__slide"> <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4"> <div class="boost-sd__product-image"> <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" width="auto" height="auto" /> </div> </div> </div> </div> {% endfor %} {% else %} {% for image in image_array %} <div class="boost-sd__thumbs-container-thumbs-item"> <div class="boost-sd__slide"> <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4"> <div class="boost-sd__product-image" tabindex="0"> <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="Load image {{ forloop.index }} in slider for product {{ product.title | escape }}" width="auto" height="auto" /> </div> </div> </div> </div> {% endfor %} {% endif %} </div> {% if show_prev_next_btns %} <div class="boost-sd__thumbs-container-next-button boost-sd__thumbs-container-next-button--vertical"><button type="button" aria-label="Next" class="boost-sd__button boost-sd__button--circle boost-sd__button--full-width" style="padding: 0px;"><span class="boost-sd__icon" style="margin: 0px;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__thumbs-container-button-icon"> <path stroke-linejoin="round" stroke-linecap="round" stroke="currentColor" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path> </svg> </span></button></div> {% endif %} </div> <div class="slick-slider"> {% if request.previewMode == true %} {% for image in image_array limit: 1 %} <div class="boost-sd__slide"> <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4"> <div class="boost-sd__product-image-row boost-sd__product-image-row--top"> <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left"> {% assign hideOtherLabelsWhenSoldOut = true -%} {% assign money_format = request.money_format | strip_html -%} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% if hideOtherLabelsWhenSoldOut != true -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin > product.price_min -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale"> <span class="boost-sd__product-label-text"> <span>{{ productItemSaleTranslated }}</span> </span> </div> {% endif -%} {% if product.available == false -%} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout"> <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span> </div> {% endif -%} {% else -%} {% if product.available == false -%} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout"> <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span> </div> {% else -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin > product.price_min -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale"> <span class="boost-sd__product-label-text"> <span>{{ translatedText }}</span> </span> </div> {% endif -%} {% endif -%} {% endif -%} </div> </div> <div class="boost-sd__product-image"> <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" width="auto" height="auto" /> </div> </div> </div> {% endfor %} {% else %} {% for image in image_array %} <div class="boost-sd__slide"> <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--aspect-ratio-3-4"> <div class="boost-sd__product-image-row boost-sd__product-image-row--top"> <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left"> {% assign hideOtherLabelsWhenSoldOut = true -%} {% assign money_format = request.money_format | strip_html -%} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% if hideOtherLabelsWhenSoldOut != true -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin > product.price_min -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale"> <span class="boost-sd__product-label-text"> <span>{{ productItemSaleTranslated }}</span> </span> </div> {% endif -%} {% if product.available == false -%} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout"> <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span> </div> {% endif -%} {% else -%} {% if product.available == false -%} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout"> <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span> </div> {% else -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin > product.price_min -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale"> <span class="boost-sd__product-label-text"> <span>{{ translatedText }}</span> </span> </div> {% endif -%} {% endif -%} {% endif -%} </div> </div> <div class="boost-sd__product-image"> <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if image.src %} src="{{ image.src }}" {% else %} src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" {% endif %} fetchpriority="auto" sizes="200px" decoding="async" loading="eager" alt="{{ product.title | escape }}" width="auto" height="auto" /> </div> </div> </div> {% endfor %} {% endif %} </div> </div> </div> <div tabindex="0" class="boost-sd__quick-view-product-info"> <h2 class="boost-sd__quick-view-title">{{ product.title | escape }}</h2> <p class="boost-sd__quick-view-vendor">{{ product.vendor }}</p> <div class="boost-sd__quick-view-price"> <span class="boost-sd__format-currency"><span class="">{{ product.price_min | format_currency: money_format }}</span></span> </div> {% if is_default_option == false %} {% for swatch in product.options_with_values %} <div class="boost-sd__product-swatch"> <div class="boost-sd__product-swatch-title">{{ swatch.label | escape }}</div> <div class="boost-sd__product-swatch-options"> {% for value in swatch.values %} <div class="boost-sd__product-swatch-option"> <div class="boost-sd__radio"> <div class="boost-sd__tooltip"> {% if swatch.original_name == 'color' %} <div class="boost-sd__tooltip-content">{{ value.title | strip_html | escape }}</div> {% endif %} <input id="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-input boost-sd__radio-input--hidden" type="radio" value="{{ value.title | strip_html | escape }}" checked="" /> {% if swatch.original_name == 'color' %} {% assign backgroundSwatch = "background-color:" | append: value.title | strip_html | escape %} {% assign domain = request.shop %} {% assign imageName = value.title | strip_html | downcase | strip | escape %} {% if imageName contains " " %} {% assign imageName = imageName | replace: ' ', "-" %} {% endif %} {% assign url = "//" | append: domain | append: "/cdn/shop/files/" | append: imageName | append: ".png" %} {% assign backgroundSwatch = backgroundSwatch | append: "; background-image: url('" | append: url | append: "');"%} <label role="radio" tabindex="0" aria-label="{{ swatch.original_name }}:{{ value.title }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large" style="{{ backgroundSwatch }}"> {{ value.title | strip_html | escape }} </label> {% else %} <label role="radio" tabindex="0" aria-label="{{ swatch.original_name }}:{{ value.title }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-label boost-sd__radio-label--in-quick-view"> {{ value.title | strip_html | escape }} </label> {% endif %} </div> </div> </div> {% endfor %} </div> </div> {% endfor %} {% endif %} <div class="boost-sd__quick-view-quantity"> <p class="boost-sd__quick-view-quantity-title">{{ "quickView.qvQuantity" | translate: translations, 'Quantity' }}</p> <div class="boost-sd__input-number boost-sd__input-number--md"> <div class="boost-sd__input-number-btn-wrapper"> <button type="button" aria-label="Decrease quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn"><span>-</span></button> </div> <input type="number" aria-label="Item quantity" class="boost-sd__input-number-input" value="1" /> <div class="boost-sd__input-number-btn-wrapper"> <button type="button" aria-label="Increase quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn"><span>+</span></button> </div> </div> <div class="boost-sd__quick-view-quantity-error" style="color: red; font-size: 90%; display: none">{{ "quickView.qvQuantityError" | translate: translations, 'Please input quantity' }}</div> </div> {% comment %} TODO check preorder {% endcomment %} <div class="boost-sd__quick-view-preorder"> <!-- TEMPLATE PRE_ORDER WITH PAYMENT --> {% comment %} TODO check preorder {% endcomment %} {% if product.variants %} {% assign variants = product.variants %} {% else %} {% assign variants = variants %} {% endif %} {% for variant in variants %} {% if variant.preorder %} {% assign paymentType = variant.preorder.payment.type %} {% assign discountType = variant.preorder.payment.discountType %} {% assign discountValue = variant.preorder.payment.discountValue %} {% assign originalPrice = variant.price %} {% assign paymentLabel = '' %} {% if paymentType == 'full' %} {% assign paymentLabel = 'Full payment' %} {% endif %} {% if paymentType == 'partial' %} {% assign paymentLabel = 'Partial payment' %} {% endif %} {% if paymentType == 'none' %} {% assign paymentLabel = 'No payment' %} {% endif %} {% assign money_format = request.money_format | strip_html -%} {% assign money_rate = request.currency_rate | strip_html -%} {% if discountType == 'percentage' %} {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %} {% elsif discountType == 'amount' %} {% assign discountValue = discountValue | times: money_rate %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %} {% else %} {% assign discountedPrice = originalPrice %} {% endif %} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% assign originalPriceFormat = originalPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountedPriceFormat = discountedPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountValueFormat = discountValue | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %} <div class="boost-sd__preorder" tabindex="0" data-variant-id="{{ variant.id }}" role="region" aria-labelledby="preorder-title" aria-describedby="preorder-description"> <div class="boost-sd__preorder-option"> <h2 id="preorder-title" class="boost-sd__preorder-title">{{ paymentLabel }}</h2> <div id="preorder-description" class="boost-sd__preorder-discount" aria-live="polite"> {% if discountType == 'percentage' %} <span class="boost-sd__preorder-save">Save {{ discountValue }}%</span> {% elsif discountType == 'amount' %} <span class="boost-sd__preorder-save">Save {{ discountValueFormat }}</span> {% endif %} <div class="boost-sd__preorder-price"> {% if discountType != 'none' %} <span class="boost-sd__preorder-original-price" aria-label="Original Price: {{ originalPriceFormat }}">{{ originalPriceFormat }}</span> {% endif %} <span class="boost-sd__preorder-discounted-price" aria-label="Discounted Price: {{ discountedPriceFormat }}">{{ discountedPriceFormat }}</span> </div> </div> </div> </div> {% endif %} {% endfor %} {% assign button_label = 'Pre-Order' %} {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %} {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %} {% if preOrderButtonText and preOrderButtonText != '' %} {% assign button_label = preOrderButtonText %} {% endif %} <button type="button" aria-label='{{ button_label }}' class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder"> <span class="boost-sd__button-text" aria-hidden="true"> {{ button_label }} </span> </button> <p tabindex="0" class="boost-sd__preorder-note"> <strong class="boost-sd__preorder-note-title">Please note: </strong><span class="boost-sd__preorder-note-text">{{ preOrderDeliveryText }}</span> </p> </div> <div class="boost-sd__quick-view-btn"> <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-add-to-cart"> <span class="boost-sd__button-text"> {{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }} </span> </button> <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-buy-now"> <span class="boost-sd__button-text">{{ "quickView.buyItNowBtnLabel" | translate: translations, 'Buy it now' }}</span> </button> </div> <a class="boost-sd__quick-view-details-link" href="/products/{{ product.handle }}">{{ "quickView.qvViewFullDetails" | translate: translations, 'View full details' }}</a> </div> </div> <button type="button" aria-label='{{ "close" | translate: translations, "Close" }}' class="boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__modal-close-btn"> <svg class="boost-sd__modal-close-svg" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.3536 5.35355C19.5488 5.15829 19.5488 4.84171 19.3536 4.64645C19.1583 4.45118 18.8417 4.45118 18.6464 4.64645L12 11.2929L5.35355 4.64645C5.15829 4.45118 4.84171 4.45118 4.64645 4.64645C4.45118 4.84171 4.45118 5.15829 4.64645 5.35355L11.2929 12L4.64645 18.6464C4.45118 18.8417 4.45118 19.1583 4.64645 19.3536C4.84171 19.5488 5.15829 19.5488 5.35355 19.3536L12 12.7071L18.6464 19.3536C18.8417 19.5488 19.1583 19.5488 19.3536 19.3536C19.5488 19.1583 19.5488 18.8417 19.3536 18.6464L12.7071 12L19.3536 5.35355Z" fill="#222222"></path> </svg> </button> </div> </div> </div>`; ; app.template["cart"] = `<!-- TEMPLATE CART --> {% comment %} This Template contains a few variables built from the client js side {% endcomment %} {% assign current_locale = '' %} {% if locale != "" or locale != null %} {% assign current_locale = locale %} {% endif %}`; ; app.template["refineBy"] = `<!-- TEMPLATE REFINE BY --> <div class='boost-sd__refine-by-vertical-refine-by'> <div class='boost-sd__refine-by-vertical-refine-by-title'> <div class='boost-sd__refine-by-vertical-refine-by-heading'>{{ "refine" | translate: translations, "Refine By" }}</div> <button type='button' aria-label='{{ "clearAll" | translate: translations, "Clear All" }}' id='boost-sd__button--clear-all-filters' class='boost-sd__button boost-sd__button--clear' data-metadata='{ "action": { "clearAllFilter": "" } }'> <span class='boost-sd__button-text' data-metadata='{ "action": { "clearAllFilter": "" } }'>{{ "clearAll" | translate: translations, "Clear All" }}</span> </button> </div> <div class='boost-sd__refine-by-vertical-refine-by-list'> {% for refineByOption in refineBy.options %} <button metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-item' aria-label='{{ "clearAll" | translate: translations, "Clear All" }}' id='{{refineByOption.data.value | downcase | replace: " ", "-" | append: "-clear-filter" | simpleMd5 }}'> <div metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-type'> <span metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-option'> {{ refineByOption.data.label | escape }}: </span> <span metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-value'> {% if refineByOption.type == 'range' %} {% if refineByOption.data.key == 'pf_p_price' or refineByOption.data.key == 'pf_vp_variants_price' %} {{ refineByOption.data.value.lower | currency_format: refineByOption.data.moneyFormatValue }} - {{ refineByOption.data.value.upper | currency_format: refineByOption.data.moneyFormatValue }} {% else %} {{ refineByOption.data.value.lower | escape }} - {{ refineByOption.data.value.upper | escape }} {% endif %} {% else %} {{ refineByOption.data.valueDisplay | escape }} {% endif %} </span> </div> <svg metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' class='boost-sd__refine-by-vertical-refine-by-clear' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' role='img' aria-label='{{ "clearAll" | translate: translations, "Clear All" }}' fill='#222'> <path metadata='{"action": { "clearFilter": {{ refineByOption.metaData | json | escape }} } }' fill-rule="evenodd" clip-rule="evenodd" d="M7.41401 6.00001L11.707 1.70701C12.098 1.31601 12.098 0.684006 11.707 0.293006C11.316 -0.0979941 10.684 -0.0979941 10.293 0.293006L6.00001 4.58601L1.70701 0.293006C1.31601 -0.0979941 0.684006 -0.0979941 0.293006 0.293006C-0.0979941 0.684006 -0.0979941 1.31601 0.293006 1.70701L4.58601 6.00001L0.293006 10.293C-0.0979941 10.684 -0.0979941 11.316 0.293006 11.707C0.488006 11.902 0.744006 12 1.00001 12C1.25601 12 1.51201 11.902 1.70701 11.707L6.00001 7.41401L10.293 11.707C10.488 11.902 10.744 12 11 12C11.256 12 11.512 11.902 11.707 11.707C12.098 11.316 12.098 10.684 11.707 10.293L7.41401 6.00001Z" fill="#3D4246"> </path> </svg> </button> {% endfor %} </div> </div>`; ; app.template["filterOptionBoxItem"] = `{% comment %} This Template contains a few variables built from the client js side {% endcomment %} {% if request.previewMode == true %} <li class="boost-sd__filter-option-item boost-sd__filter-option-box-item"> <button role='checkbox' aria-label='{{ value.key | escape_once | strip_html }}' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'> <span class='boost-sd__filter-option-item-label'> {% if option.displayAllValuesInUppercaseForm %} {{ value.key | escape | upcase }} {% else %} {{ value.key | escape }} {% endif %} </span> </button> </li> {% else %} <li class='{{ className }}'> <button id='{{ actionId }}' data-action='{{ dataAction }}' role='checkbox' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'> <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'> {% if displayAllValuesInUppercaseForm %} {{ value.label | escape | upcase }} {% else %} {{ value.label | escape }} {% endif %} </span> </button> </li> {% endif %}`; ; app.template["filterOptionListItem"] = `{% comment %} This Template contains a few variables built from the client js side {% endcomment %} {% if request.previewMode == true %} <li class="boost-sd__filter-option-item boost-sd__filter-option-list-option-item"> <button role="checkbox" aria-checked="false" aria-label="{{ value.key | escape_once }}" class="boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox"> {% if option.filterType == "variants_price" or option.filterType == "price" %} {% if value.from == 0 %} {{ "under" | translate: translations, "Under" }} {{ value.to | format_currency: option.moneyFormatValue }} {% elsif value.to == nil %} {{ "above" | translate: translations, "Above" }} {{ value.from | format_currency: option.moneyFormatValue }} {% elsif value.from != 0 and value.to != nil %} {{ value.from | format_currency: option.moneyFormatValue }} - {{ value.to | format_currency: option.moneyFormatValue }} {% endif %} {% elsif option.filterType == "percent_sale" %} {% if value.from == nil %} {{ "under" | translate: translations, "Under" }} {{ value.to }} {% elsif value.to == nil %} {{ "above" | translate: translations, "Above" }} {{ value.from }} {% elsif value.from != 0 and value.to != nil %} {{ value.from }}% - {{ value.to }}% {% endif %} {% else %} <span class="boost-sd__filter-option-item-label"> {% if option.displayAllValuesInUppercaseForm %} {% if option.filterType == "stock" or option.filterType == "collection" %} {{ value.label | upcase | escape }} {% else %} {{ value.key | upcase | escape }} {% endif %} {% else %} {% if option.filterType == "stock" or option.filterType == "collection" %} {{ value.label | escape }} {% else %} {{ value.key | escape }} {% endif %} {% endif %} </span> {% endif %} {% if filterSettings.showFilterOptionCount %} <span aria-label="Number of products: ({{ value.doc_count }})" class="boost-sd__filter-option-item-amount">({{ value.doc_count }})</span> {% endif %} </button> </li> {% else %} <li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'> <button id='{{ actionId }}' data-action='{{ dataAction }}' role='checkbox' aria-checked='false' aria-label='Find product with {{ label | escape }} is {{ value.label | escape_once | strip_html }}' class='{{ className }}'> <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'> {% if displayAllValuesInUppercaseForm %} {{ value.label | upcase | escape }} {% else %} {{ value.label | escape }} {% endif %} </span> {% if showDocCount %} <span data-action='{{ dataAction }}' aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'> ({{ value.doc_count }})</span> {% endif %} </button> </li> {% endif %}`; ; app.template["filterOptionSwatchItem"] = `{% comment %} This Template contains a few variables built from the client js side {% endcomment %} {% assign swatchListStyle = option.swatchStyle == 'circle-list' or option.swatchStyle == 'square-list' %} {% if request.previewMode == true %} {% assign swatchTyleClass = "" %} {% if swatchListStyle %} {% assign swatchTyleClass = "list" %} {% else %} {% assign swatchTyleClass = "grid" %} {% endif %} <li class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'> <button title='{{ value.key | strip_html | escape }}' role='checkbox' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'> <span class='boost-sd__filter-option-swatch-item-img boost-sd__filter-option-swatch-item-img--{{swatchTyleClass}} boost-sd__filter-option-swatch-item-img--circle' style='background-color: {{ value.key | escape }};'></span> {% if swatchListStyle %} <span class='boost-sd__filter-option-item-label'> {% if option.displayAllValuesInUppercaseForm %} {{ value.key | escape | upcase }} {% else %} {{ value.key | escape }} {% endif %} </span> <span aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span> {% endif %} </button> </li> {% else %} <li data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-swatch-item'> <button id='{{ actionId }}' data-action='{{ dataAction }}' title='Find product with {{ label | escape }} is {{ value.label | escape | strip_html }}' role='checkbox' aria-checked='false' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button'> {% if swatchValue.backgroundColor == nil %} {% assign swatch_background_color = "none" %} {% else %} {% assign swatch_background_color = swatchValue.backgroundColor | strip_html %} {% endif %} {% if swatchValue.backgroundImage == nil %} {% assign swatch_background_image = "none" %} {% else %} {% assign swatch_background_image = swatchValue.backgroundImage | strip_html %} {% endif %} <span data-action='{{ dataAction }}' class='{{ className }}' style='background-color: {{ swatch_background_color }}; background-image: {{ swatch_background_image }}'></span> {% if swatchType == 'list' %} <span data-action='{{ dataAction }}' class='boost-sd__filter-option-item-label'> {% if option.displayAllValuesInUppercaseForm %} {{ value.label | escape | upcase }} {% else %} {{ value.label | escape }} {% endif %} </span> {% if showDocCount %} <span data-action='{{ dataAction }}' aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span> {% endif %} {% endif %} </button> </li> {% endif %}`; ; app.template["filterOptionMultiLevelCollectionItem"] = `{% comment %} This Template contains a few variables built from the client js side {% endcomment %} {% if request.previewMode == true %} <li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'> <div class='boost-sd__filter-option-item-multilevel-collections-firstlevel'> <a title='Link to {{ value.displayName }}' href='/collections/{{ value.handle }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-link'> <span class='boost-sd__filter-option-item-label'> {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} </span> </a> {% if showDocCount %} <span role='text' aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span> {% endif %} {% if value.existedTags %} <button type='button' aria-label='Expand/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent'> <svg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'> <path class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path> </svg> </button> {% endif %} </div> </li> {% else %} {% assign current_locale = '' %} {% if locale != "" %} {% assign current_locale = '/' | append: locale %} {% endif %} <li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections {% if option.keepValuesStatic and value.doc_count == 0 %} boost-sd__filter-option-item-multilevel-collections--disabled {% endif %}'> <div class='boost-sd__filter-option-item-multilevel-collections-firstlevel'> <a id='{{ actionId }}' metaData='{{ metaData | json | escape }}' title='Link to {{ value.displayName }}' data-action='select-filter-item' href='{{current_locale}}/collections/{{ value.handle }}' class='{{ className }}'> <span style='{{styleOptionItem}}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'> {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} </span> </a> {% if showDocCount %} <span role='text' aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span> {% endif %} {% if value.existedTags %} <button id='{{ value.actionIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' type='button' aria-label='Expand/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'> <svg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'> <path data-metadata='{{ value.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path> </svg> </button> {% endif %} </div> {% if value.existedTags > 0 %} <ul id='{{ value.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-listitem boost boost-sd__g-hide'> {% for tag in value.tags %} <li class='boost-sd__filter-option-item-multilevel-collections-secondlevel'> <div class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-secondlevel-title'> <a id='{{ tag.actionId }}' data-metadata='{{ tag.metaData | json | escape }}' title='Link to {{ tag.displayName }}' data-action='select-filter-item' href='{{current_locale}}/collections/frontpage/{{ tag.tag }}' class='{{ tag.className }}'> <span data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'> {% if option.displayAllValuesInUppercaseForm %} {{ tag.displayName | upcase }} {% else %} {{ tag.displayName }} {% endif %} </span> </a> {% if tag.existedSubTags %} <button id='{{ tag.actionIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' type='button' aria-label='Expand/Collapse {{ tag.displayName }}' class='boost-sd__button boost-sd__button--transparent' style='padding-right: 0px;'> <svg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='#222'> <path data-metadata='{{ tag.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path> </svg> </button> {% endif %} </div> {% if tag.existedSubTags %} <ul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-item-multilevel-collections-thirdlevel boost-sd__g-hide'> {% for subTag in tag.subTags %} <li class='boost-sd__filter-option-item boost-sd__filter-option-item-multilevel-collections-thirdlevel-title'> <a id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' title='Link to {{ subTag.displayName }}' data-action='select-filter-item' href='{{current_locale}}/collections/frontpage/{{ subTag.tag }}' class='{{ subTag.className }}'> <span data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'> {% if option.displayAllValuesInUppercaseForm %} {{ subTag.displayName | upcase }} {% else %} {{ subTag.displayName }} {% endif %} </span> </a> </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endif %}`; ; app.template["filterOptionMultiLevelTagItem"] = `{% comment %} This Template contains a few variables built from the client js side {% endcomment %} {% if request.previewMode == true %} <li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'> <button role='checkbox' aria-checked='false' aria-label='{{ value.displayName }}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'> <span class='boost-sd__filter-option-item-label'> {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} </span> </button> {% assign existedTags = value.subTags | size %} {% if existedTags > 0 %} <button type='button' aria-label='Expand/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'> <svg class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='#222'> <path class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"> </path> </svg> </button> {% endif %} </li> {% else %} <li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'> <button id='{{ actionId }}' data-metadata='{{ metaData | json | escape }}' role='checkbox' aria-checked='false' aria-label='Find product with {{ label | escape }} is {{ value.displayName | escape | strip_html }}' class='{{ className }}'> <span style='{{styleOptionItem}}' data-metadata='{{ metaData | json | escape }}' class='boost-sd__filter-option-item-label'> {% if option.displayAllValuesInUppercaseForm %} {{ value.displayName | upcase }} {% else %} {{ value.displayName }} {% endif %} </span> </button> {% assign existedTags = value.subTags | size %} {% if existedTags > 0 %} <button id='{{ value.actionIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' type='button' aria-label='Expand/Collapse {{ value.displayName }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'> <svg id='{{ value.targetIdArrow }}' data-metadata='{{ value.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ value.displayName }}' viewBox='0 0 7 12' fill='{{colorOptionItem}}'> <path data-metadata='{{ value.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path> </svg> </button> {% comment %} style="display: none" {% endcomment %} <ul id='{{ value.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'> {% for tag in value.subTags %} <li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'> <button id='{{ tag.actionId }}' data-metadata='{{ tag.metaData | json | escape }}' role='checkbox' aria-checked='false' aria-label='Find product with {{ label | escape }} is {{ tag.displayName | escape | strip_html }}' class='{{ tag.className }}'> <span style='{{styleOptionItem}}' data-metadata='{{ tag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'> {% if option.displayAllValuesInUppercaseForm %} {{ tag.displayName | upcase }} {% else %} {{ tag.displayName }} {% endif %} </span> </button> {% assign existedSubTags = tag.subTags | size %} {% if existedSubTags > 0 %} <button id='{{ tag.actionIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' type='button' aria-label='Expand/Collapse {{ tag.displayName }}' class='boost-sd__button boost-sd__button--transparent boost-sd__filter-option-list-option-item-collapse-btn'> <svg id='{{ tag.targetIdArrow }}' data-metadata='{{ tag.metaDataArrow | json | escape }}' class='boost-sd__arrow-icon boost-sd__arrow-icon--right' xmlns='http://www.w3.org/2000/svg' width='7' height='12' role='img' aria-label='Expand/Collapse {{ tag.displayName }}' viewBox='0 0 7 12' fill='{{colorOptionItem}}'> <path data-metadata='{{ tag.metaDataArrow | json | escape }}' class="boost-sd__arrow-icon-path" d="M6.58942 0.610713C6.26398 0.285274 5.73635 0.285274 5.41091 0.610713L0.611415 5.41021C0.455135 5.56649 0.366829 5.77895 0.366829 5.99996C0.366829 6.22098 0.454629 6.43294 0.610909 6.58922L5.41091 11.3892C5.73635 11.7147 6.26398 11.7147 6.58942 11.3892C6.91486 11.0638 6.91486 10.5362 6.58942 10.2107L2.37867 5.99996L6.58942 1.78922C6.91486 1.46379 6.91486 0.936153 6.58942 0.610713Z"></path> </svg> </button> {% comment %} style="display: none" {% endcomment %} <ul id='{{ tag.targetIdList }}' class='boost-sd__filter-option-list-option-item-sublist boost-sd__g-hide'> {% for subTag in tag.subTags %} <li class='boost-sd__filter-option-item boost-sd__filter-option-list-option-item'> <button id='{{ subTag.actionId }}' data-metadata='{{ subTag.metaData | json | escape }}' role='checkbox' aria-checked='false' aria-label='Find product with {{ label | escape }} is {{ subTag.displayName | escape | strip_html }}' class='{{ subTag.className }}'> <span style='{{styleOptionItem}}' data-metadata='{{ subTag.metaData | json | escape }}' class='boost-sd__filter-option-item-label'> {% if option.displayAllValuesInUppercaseForm %} {{ subTag.displayName | upcase }} {% else %} {{ subTag.displayName }} {% endif %} </span> </button> </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endif %}`; ; app.template["filterOptionRatingItem"] = `{% comment %} This Template contains a few variables built from the client js side {% endcomment %} {% if request.previewMode == true %} <li class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'> <button role='checkbox' aria-checked='false' aria-label='{{ value.key }} Stars. Number of products: {{value.doc_count}}' class='boost-sd__filter-option-item-button boost-sd__filter-option-item-button--as-button boost-sd__filter-option-item-button--with-checkbox'> <span role='presentation' class='boost-sd__filter-option-rating-item-presentation'> {% for i in (0..4) %} {% if i < value.from %} <i class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'></i> {% else %} <i class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'></i> {% endif %} {% endfor %} {% if showExactRating == false %} <span>& Up</span> {% endif %} </span> <span aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span> </button> </li> {% else %} <li data-value='{{ value.key }}' data-action='{{ dataAction }}' class='boost-sd__filter-option-item boost-sd__filter-option-rating-item'> <button id='{{ actionId }}' data-action='{{ dataAction }}' role='checkbox' aria-checked='false' aria-label='{{ value.key }} Stars. Number of products: {{value.doc_count}}' class='{{ className }}'> <span data-action='{{ dataAction }}' role='presentation' class='boost-sd__filter-option-rating-item-presentation'> {% for i in (0..4) %} {% if i < value.from %} <i data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star boost-sd__filter-option-rating-item-icon-star--active' style='color: {{ starColor }} ;'></i> {% else %} <i data-action='{{ dataAction }}' class='boost-sd__filter-option-rating-item-icon-star' style='color: {{ starColor }} ;'></i> {% endif %} {% endfor %} {% if showExactRating == false %} <span data-action='{{ dataAction }}'>& Up</span> {% endif %} </span> <span data-action='{{ dataAction }}' aria-label='Number of products: ({{ value.doc_count }})' class='boost-sd__filter-option-item-amount'>({{ value.doc_count }})</span> </button> </li> {% endif %}`; ; app.template["productPrice"] = `{% comment %} This Template contains a few variables built from the client js side {% endcomment %} {% assign removePriceDecimal = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% assign showCentAsSuperscript = false -%} {% assign money_format = request.money_format | strip_html -%} {% assign showSavingDisplay = false -%} {% assign minPrice = product.price_min | times: 1.0 -%} {% assign maxPrice = 0 -%} {% if product.price_max -%} {% assign maxPrice = product.price_max | times: 1.0 -%} {% endif -%} {% comment %} convert variable compareAtPriceMin to number {% endcomment %} {% assign compareAtPriceMin = 0 -%} {% if product.compare_at_price_min -%} {% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%} {% endif -%} {% assign isSale = false -%} {% assign salePercent = 0 -%} {% assign saleAmount = 0 -%} {% if compareAtPriceMin > minPrice -%} {% assign isSale = true -%} {% endif -%} {% assign compareAtPriceWithFormat = '' -%} {% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%} {% comment %} calculate salePercent base on compareAtPriceMin and minPrice {% endcomment %} {% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%} {% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%} {% comment %} compareAtPriceWithFormat is compare price with PriceMin and format currency {% endcomment %} {% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign saleAmount = compareAtPriceMin | minus: minPrice -%} {% endunless -%} {% comment %} Format price min {% endcomment %} {% assign priceMinWithFormat = minPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%} {% comment %} Format price max {% endcomment %} {% assign priceMaxWithFormat = '' -%} {% if product.price_max and maxPrice > minPrice -%} {% assign priceMaxWithFormat = maxPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%} {% endif -%} {% comment %} priceMax used for multi variant price display where it can have min-max price with format and translation {% endcomment %} {% assign hasMultiVariantPrice = false -%} {% if translations.productItem.amount contains "minPrice" -%} {% assign hasMultiVariantPrice = true -%} {% endif -%} {% assign isSamePrice = true -%} {% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%} {% assign isSamePrice = false -%} {% endif -%} {% assign priceValueWithFormat = priceMinWithFormat -%} {% if isSamePrice == false and maxPrice > minPrice and hasMultiVariantPrice -%} {% assign priceValueWithFormat = "productItem.amount" | translate: translations, "" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%} {% endif -%} {% assign savingPriceWithFormat = '' -%} {% unless showSavingDisplay == false or saleAmount == 0 -%} {% assign saleAmountWithFormat = saleAmount | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%} {% endunless -%} {% comment %} Price compare display top or bottom {% endcomment %} {% comment %} Price compare display left or right {% endcomment %} <div aria-label="Sale price {{ priceValueWithFormat }}{% if compareAtPriceWithFormat != '' -%}, Regular price {{ compareAtPriceWithFormat }}{% endif -%}{% if savingPriceWithFormat != '' -%}, Saving {{ savingPriceWithFormat }}{% endif -%}" tabindex="0" class="boost-sd__product-price-wrapper"> <span aria-hidden="true" class="boost-sd__product-price-content boost-sd__product-price-content--text-align-left"> <span class="{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}"> <span class="boost-sd__format-currency">{{ priceValueWithFormat }}</span> </span> {% if compareAtPriceWithFormat != '' -%} <span class="boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare"> <span class="boost-sd__format-currency">{{ compareAtPriceWithFormat }}</span> </span> {% endif -%} </span> {% if savingPriceWithFormat != '' -%} <span aria-hidden="true" class="boost-sd__product-price--saving"> <span class="boost-sd__format-currency">{{ savingPriceWithFormat }}</span> </span> {% endif -%} </div>`; ; app.template["recommendation"] = `<!-- TEMPLATE RECOMMENDATION --> {% assign widgetNameTranslationLabel = 'recommendation.' | append: widgetId %} {% assign widgetTitle = '' %} {% if widgetDesignSettings.titleAlignment != '' %} {% assign widgetTitle = widgetTitle | append: 'boost-sd__recommendation-title--'| append: widgetDesignSettings.titleAlignment %} {% endif %} <div id='{{ widgetId }}' class='boost-sd__recommendation' data-product-price='true'> <div class='boost-sd__recommendation-title {{ widgetTitle }}'> <span tabindex="0" role="heading" aria-level="2" class='boost-sd__recommendation-title-text'> {{ widgetNameTranslationLabel | translate: translations, widgetName }} </span> </div> {% if widgetDesignSettings.layoutDisplay == 'carousel' %} <!-- TEMPLATE RECOMMENDATION TYPE CAROUSEL --> <div class="boost-sd__slider"> <div class="boost-sd__slider-container"> {% for product in products %} <div class="boost-sd__slide"> {% capture domain %}{{ widgetDesignSettings.tenantId }}{% endcapture %} <!-- TEMPLATE GRID PRODUCT ITEM --> {% if product.original_images != nil %} {% assign imageArray = product.original_images %} {% else %} {% assign imageArray = product.images_info %} {% endif %} {% assign productId = product.id %} {% if product.variant_id %} {% assign productId = product.variant_id %} {% endif %} {% assign filterOptionIdImageBaseOn = 'pf_opt_color' %} {% capture filterOptionIdImageBaseOn %}{% endcapture %} {% assign optionName = filterOptionIdImageBaseOn | replace: 'pf_opt_', '' %} {% assign filterValues = request[filterOptionIdImageBaseOn] %} {% assign selectedVariantImageByFilterOption = nil %} {% for item in product.variants %} {% for filterValue in filterValues %} {% assign optionNameValue = optionName | append: ":" | append: filterValue | strip %} {% if item.merged_options contains optionNameValue %} {% if item.image %} {% assign selectedVariantImageByFilterOption = item.image %} {% break %} {% endif %} {% endif %} {% endfor %} {% if selectedVariantImageByFilterOption != nil %} {% break %} {% endif %} {% endfor %} {% capture productVariants %} [ {% for variant in product.variants %} {% if variant.preorder and variant.preorder != nil %} {% assign preorder = variant.preorder %} {% else %} {% assign preorder = '' %} {% endif %} { "title": "{{ variant.title }}", "id": "{{ variant.id }}", "available": {{ variant.available }}, "preorder": {{ preorder | json }} }{% unless forloop.last %},{% endunless %} {% endfor %} ] {% endcapture %} {% capture productData %} { "handle": "{{ product.handle }}", "variantId": "{{ product.variant_id }}", "splitProduct": "{{ product.split_product }}", "variants": {{ productVariants | json | escape }}, "priceMin": "{{ product.price_min }}", "priceMax": "{{ product.price_max }}", "compareAtPriceMin": "{{ product.compare_at_price_min }}", "compareAtPriceMax": "{{ product.compare_at_price_max }}", "images": {{ imageArray | json | escape }}, "options_with_values": {{ product.options_with_values | json | escape }}, "selectedVariantImageByFilterOption": "{{ selectedVariantImageByFilterOption | escape }}", "category": "{{ product.product_type | escape }}", "tags" : {{ product.tags | json | escape }} } {% endcapture %} {%- capture borderLayout %}noBorder{% endcapture -%} {% if borderLayout == 'noPadding' %} {% assign border_layout_item = 'no-padding' %} {% elsif borderLayout == 'hasPadding' %} {% assign border_layout_item = 'border-has-padding' %} {% elsif borderLayout == 'noPaddingImage' %} {% assign border_layout_item = 'border-no-padding-image' %} {% else %} {% assign border_layout_item = 'no-border' %} {% endif %} {% assign product_locale = '' %} {% if request.current_locale != "" or request.current_locale != null %} {% assign product_locale = request.current_locale %} {% endif %} <div class='boost-sd__product-item boost-sd__product-item--{{ border_layout_item }} boost-sd__product-item-grid-view-layout' id='{{ product.id }}' data-product-id='{{ productId }}' data-product='{{ productData | json_encode }}'> <!-- TEMPLATE GRID PRODUCT ITEM - PRODUCT IMAGE --> {%- capture aspectRatio %}natural{% endcapture -%} {% capture hoverEffect %}reveal-second-image{% endcapture %} {% assign productImages = product.images_info %} {% if product.split_product %} {% assign productImages = product.original_images %} {% endif %} <div class="boost-sd__product-item-grid-view-layout-image"> <div class="boost-sd__product-link-image"> <div style="position: relative"> {% assign effect_classes = '' %} {% if hoverEffect == 'reveal-second-image-and-zoom-in' %} {% assign effect_classes = effect_classes | append: 'boost-sd__product-image-wrapper--zoom-in' %} {% if productImages.size > 1 %} {% assign effect_classes = effect_classes | append: ' boost-sd__product-image-wrapper--has-second-image' %} {% endif %} {% endif %} {% if hoverEffect == 'reveal-second-image' and productImages.size > 1 %} {% assign effect_classes = effect_classes | append: 'boost-sd__product-image-wrapper--has-second-image' %} {% endif %} {% if hoverEffect == 'zoom-in' %} {% assign effect_classes = effect_classes | append: 'boost-sd__product-image-wrapper--zoom-in' %} {% endif %} {% assign aspect_ratio = '' -%} {% if aspectRatio == 'natural' -%} {% assign imageWidth = product.images_info[0].width -%} {% assign imageHeight = product.images_info[0].height -%} {% assign aspect_ratio = aspect_ratio | append: 'aspect-ratio:' | append: imageWidth | append: '/' | append: imageHeight -%} {% endif -%} <div class="boost-sd__product-image-wrapper {{effect_classes}} boost-sd__product-image-wrapper--natural" style="{{ aspect_ratio }}"> <a aria-label="{{ product.title | escape }}" class="boost-sd__product-link boost-sd__product-image" {%- if request.previewMode != true %} href="/products/{{ product.handle }}"{% endif -%}> {% assign firstImageSrc = '' -%} {% if selectedVariantImageByFilterOption != nil -%} {% assign firstImageSrc = selectedVariantImageByFilterOption -%} {% else -%} {% assign firstImageSrc = product.images_info[0].src -%} {% endif -%} {% assign widthParam = "&width=" -%} {% assign widths = "200,300,400,500,700,800" | split: "," -%} {% if request.device contains 'mobile' -%} {% assign maxWidth = 400 -%} {% else -%} {% assign maxWidth = 700 -%} {% endif -%} {% if request.productImageWidth != blank -%} {% assign imageWidth = request.productImageWidth | plus: 0 -%} {% if imageWidth > maxWidth -%} {% assign maxWidth = imageWidth -%} {% endif -%} {% endif -%} {% if product.images_info[0] -%} {% capture srcset -%} {% for width in widths -%} {% assign widthNo = width | plus: 0%} {% if widthNo < maxWidth -%} {{ firstImageSrc }}{{ widthParam }}{{ width }} {{ width }}w, {% else -%} {{ firstImageSrc }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w {% break -%} {% endif -%} {% endfor -%} {% endcapture -%} {% assign productPerRow = 4 -%} {% if request.productPerRow != blank -%} {% assign productPerRow = request.productPerRow | plus: 0 -%} {% endif -%} <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" {% if index and index < productPerRow -%} loading="eager" {% else -%} loading="lazy" {% endif -%} decoding="async" alt="{{ product.title | escape }}" src="{{ firstImageSrc }}&width=200" srcset="{{ srcset }}" width="auto" height="auto" /> {% if productImages.size > 1 and hoverEffect == 'reveal-second-image-and-zoom-in' or hoverEffect == 'reveal-second-image' %} {% for image in productImages %} {% if image.src contains product.images_info[0].src %} {% assign secondImage = productImages[image.position] %} {% endif %} {% endfor %} {% if secondImage -%} {% assign secondImageSrc = secondImage.src -%} {% capture secondImageSrcset -%} {% for width in widths -%} {% assign widthNo = width | plus: 0 -%} {% if widthNo < maxWidth -%} {{ secondImageSrc }}{{ widthParam }}{{ width }} {{ width }}w, {% else -%} {{ secondImageSrc }}{{ widthParam }}{{ maxWidth }} {{ maxWidth }}w {% break -%} {% endif -%} {% endfor -%} {% endcapture -%} <img width="auto" height="auto" {% if index and index < productPerRow -%} loading="eager" {% else -%} loading="lazy" {% endif -%} class="boost-sd__product-image-img boost-sd__product-image-img--second" alt="{{ product.title | escape }}" src="{{ secondImage.src }}&width=200" srcset="{{ secondImageSrcset }}"> {% endif -%} {% endif %} {% else -%} <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" alt="{{ product.title | escape }}" src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" width="auto" height="auto" /> {% endif -%} </a> <div class="boost-sd__product-image-row boost-sd__product-image-row--top "> <div class="boost-sd__product-image-column boost-sd__product-image-column--in-top boost-sd__product-image-column--left"> {% assign hideOtherLabelsWhenSoldOut = true -%} {% assign money_format = request.money_format | strip_html -%} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% if hideOtherLabelsWhenSoldOut != true -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin > product.price_min -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign productItemSaleTranslated = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount -%} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale"> <span class="boost-sd__product-label-text"> <span>{{ productItemSaleTranslated }}</span> </span> </div> {% endif -%} {% if product.available == false -%} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout"> <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span> </div> {% endif -%} {% else -%} {% if product.available == false -%} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--soldout"> <span class="boost-sd__product-label-text">{{ "productItem.productItemSoldOut" | translate: translations, "Sold out" }}</span> </div> {% else -%} {% assign compareAtPriceMin = product.compare_at_price_min | default: 0 -%} {% if compareAtPriceMin > product.price_min -%} {% assign percent = compareAtPriceMin | minus: product.price_min | times: 100 | divided_by: compareAtPriceMin| round -%} {% assign salePercent = percent | append: '%' -%} {% assign saleAmount = compareAtPriceMin | minus: product.price_min | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign translatedText = "productItem.productItemSale" | translate: translations, "Sale" | replace: '{{salePercent}}', salePercent | replace: '{{saleAmount}}', saleAmount %} <div class="boost-sd__product-label boost-sd__product-label--text boost-sd__product-label--rectangle boost-sd__product-label--sale"> <span class="boost-sd__product-label-text"> <span>{{ translatedText }}</span> </span> </div> {% endif -%} {% endif -%} {% endif -%} </div> </div> <div class="boost-sd__product-image-row boost-sd__product-image-row--bottom "> <div class="boost-sd__product-image-column boost-sd__product-image-column--in-bottom boost-sd__product-image-column--right"> {% capture metaData %} { "action": { {% if product.variants.size == 1 %} "addToCart": { "productId": "{{ product.variants[0].id }}", {% assign sellingPlanId = '' %} {% if product.variants[0].preorder and product.variants[0].preorder.sellingPlan %} {% assign sellingPlanId = product.variants[0].preorder.sellingPlan.id %} {% else %} {% assign sellingPlanId = '' %} {% endif %} "selling_plan": {{ sellingPlanId | json | escape }} } {% else %} {% if request.device contains 'mobile' %} "quickView": { "productId": "{{ product.id }}", "fromSelectOptionBtn": true } {% else %} "quickAddToCart": { "productId": "{{ product.id }}", "variant_id": "{{ product.variant_id }}" } {% endif %} {% endif %} } } {% endcapture %} {% assign variantPreorder = product.variants[0].preorder %} {% assign buttonPreorder = '' %} {% if variantPreorder %} {% assign buttonPreorder = buttonPreorder | append : ' boost-sd__button--preorder' %} {% endif %} {% assign buttonTextPreorder = '' %} {% if variantPreorder %} {% assign buttonTextPreorder = buttonTextPreorder | append : ' boost-sd__button-text--preorder' %} {% endif %} {% assign preOrderLabel = 'Pre-Order' %} {% assign preOrderButtonText = product.variants[0].preorder.settings.buttonText %} {% if preOrderButtonText and preOrderButtonText != '' %} {% assign preOrderLabel = preOrderButtonText %} {% endif %} {% assign selectOptionBtnLabel = '' %} {% if product.available == false %} {% assign selectOptionBtnLabel = "productItem.soldoutLabel" | translate: translations, 'Sold out' %} {% elsif product.variants.size == 1 %} {% assign selectOptionBtnLabel = "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' %} {% comment %} TODO check preorder {% endcomment %} {% if variantPreorder %} {% assign selectOptionBtnLabel = preOrderLabel %} {% endif %} {% else %} {% assign selectOptionBtnLabel = "productItem.atcSelectOptionsLabel" | translate: translations, 'Choose options' %} {% endif %} <button class='boost-sd__button boost-sd__button--select-option boost-sd__button--border boost-sd__button--show-on-hover boost-sd__button--hide-on-mobile boost-sd__button--rectangle{{ buttonPreorder }}' type='button' aria-label='{{ selectOptionBtnLabel }}' {% if product.available == false %} disabled {% endif %} data-metadata='{{ metaData | json_encode }}' > <span class='boost-sd__icon boost-sd__icon--is-image boost-sd__icon--fill-current-color'></span> <span class='boost-sd__button-text boost-sd__cta-button-text {{ buttonTextPreorder }}'>{{ selectOptionBtnLabel }}</span> </button> {% capture metaData %} { "action": { "quickView": { "productId": "{{ product.id }}" } } } {% endcapture %} <button class='boost-sd__button boost-sd__button--border boost-sd__button--show-on-hover boost-sd__button--hide-on-mobile boost-sd__button--square boost-sd__button--quick-view' type='button' aria-label='Quick view' data-metadata='{{ metaData | json_encode }}'> <span class='boost-sd__icon boost-sd__icon--is-image boost-sd__icon--fill-current-color'></span> </button> </div> </div> </div> {% comment %} POPUP {% endcomment %} <div class="boost-sd__popup-select-option" style="display: none" aria-modal="true" role="dialog" aria-label="Choose options for product {{ product.title | escape }}"> <div class="boost-sd__popup-select-option-container" tabindex="-1"> {% for swatch in product.options_with_values -%} <div class="boost-sd__product-swatch"> <div class="boost-sd__product-swatch-title">{{ swatch.label | escape }}</div> <div class="boost-sd__product-swatch-options"> {% for value in swatch.values -%} <div class="boost-sd__product-swatch-option"> <div class="boost-sd__radio"> <div class="boost-sd__tooltip"> {% if swatch.original_name == 'color' -%} <div class="boost-sd__tooltip-content" style="display: none;">{{ value.title | strip_html | escape }}</div> {% endif -%} <input id="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-input boost-sd__radio-input--hidden" type="radio" value="{{ value.title | strip_html | escape }}" checked="" /> {% if swatch.original_name == 'color' -%} {% assign backgroundSwatch = "background-color:" | append: value.title | strip_html | escape -%} {% assign imageName = value.title | strip_html | downcase | strip | escape -%} {% if imageName contains " " -%} {% assign imageName = imageName | replace: ' ', "-" -%} {% endif -%} {% assign url = "//" | append: domain | append: "/cdn/shop/files/" | append: imageName | append: ".png" -%} {% assign backgroundSwatch = backgroundSwatch | append: "; background-image: url('" | append: url | append: "');"%} <label role="radio" tabindex="0" aria-label="{{ swatch.original_name }}:{{ value.title }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-label boost-sd__radio-label--hide-text boost-sd__radio-label--large" style="{{ backgroundSwatch }}" > {{ value.title | strip_html | escape }} </label> {% else -%} <label role="radio" tabindex="0" aria-label="{{ swatch.original_name }}:{{ value.title }}" for="product-swatch-qv-{{ product.id }}-{{ value.title | strip_html | escape }}" class="boost-sd__radio-label boost-sd__radio-label--in-quick-view" > {{ value.title | strip_html | escape }} </label> {% endif -%} </div> </div> </div> {% endfor -%} </div> </div> {% endfor -%} </div> <button type="button" class="boost-sd__button boost-sd__button--primary boost-sd__button--add-to-cart boost-sd__button--full-width boost-sd__button--large boost-sd__btn-add-to-cart" > <span class="boost-sd__button-text boost-sd__cta-button-text">{{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }}</span> </button> <button type="button" aria-label='{{ "close" | translate: translations, "Close" }}' class="boost-sd__button boost-sd__button--transparent boost-sd__button--float boost-sd__popup-select-option-close-btn" > <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9024 3.56904C13.0325 3.43886 13.0325 3.22781 12.9024 3.09763C12.7722 2.96746 12.5611 2.96746 12.431 3.09763L8 7.5286L3.56904 3.09763C3.43886 2.96746 3.22781 2.96746 3.09763 3.09763C2.96746 3.22781 2.96746 3.43886 3.09763 3.56904L7.5286 8L3.09763 12.431C2.96746 12.5611 2.96746 12.7722 3.09763 12.9024C3.22781 13.0325 3.43886 13.0325 3.56904 12.9024L8 8.47141L12.431 12.9024C12.5611 13.0325 12.7722 13.0325 12.9024 12.9024C13.0325 12.7722 13.0325 12.5611 12.9024 12.431L8.47141 8L12.9024 3.56904Z" fill="#222222"></path> </svg> </button> </div> {% comment %} POPUP {% endcomment %} </div> </div> </div> <!-- TEMPLATE GRID PRODUCT ITEM - PRODUCT INFO --> <div class="boost-sd__product-info-wrapper"> <div class="boost-sd__product-info boost-sd__product-info--left"> <a aria-label="{{ product.title | escape }}" class="boost-sd__product-link" {% if request.previewMode != true %} href="{{ product_locale }}/products/{{ product.handle }}"{% endif %}> <div class="boost-sd__product-title" id="product-title-{{ product.id }}"> {{ product.title | escape }} </div> </a> <div class="boost-sd__product-price" id="product-price-{{ product.id }}"> {% comment %} This Template contains a few variables built from the client js side {% endcomment %} {% assign removePriceDecimal = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% assign showCentAsSuperscript = false -%} {% assign money_format = request.money_format | strip_html -%} {% assign showSavingDisplay = false -%} {% assign minPrice = product.price_min | times: 1.0 -%} {% assign maxPrice = 0 -%} {% if product.price_max -%} {% assign maxPrice = product.price_max | times: 1.0 -%} {% endif -%} {% comment %} convert variable compareAtPriceMin to number {% endcomment %} {% assign compareAtPriceMin = 0 -%} {% if product.compare_at_price_min -%} {% assign compareAtPriceMin = product.compare_at_price_min | times: 1.0 -%} {% endif -%} {% assign isSale = false -%} {% assign salePercent = 0 -%} {% assign saleAmount = 0 -%} {% if compareAtPriceMin > minPrice -%} {% assign isSale = true -%} {% endif -%} {% assign compareAtPriceWithFormat = '' -%} {% unless compareAtPriceMin == null or compareAtPriceMin == 0 or isSale == false -%} {% comment %} calculate salePercent base on compareAtPriceMin and minPrice {% endcomment %} {% assign compare = compareAtPriceMin | minus: minPrice | times: 100 -%} {% assign salePercent = compare | divided_by: compareAtPriceMin | ceil | append: '%' -%} {% comment %} compareAtPriceWithFormat is compare price with PriceMin and format currency {% endcomment %} {% assign compareAtPriceWithFormat = compareAtPriceMin | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign saleAmount = compareAtPriceMin | minus: minPrice -%} {% endunless -%} {% comment %} Format price min {% endcomment %} {% assign priceMinWithFormat = minPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%} {% comment %} Format price max {% endcomment %} {% assign priceMaxWithFormat = '' -%} {% if product.price_max and maxPrice > minPrice -%} {% assign priceMaxWithFormat = maxPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal , decimalDelimiter, withoutTrailingZeros -%} {% endif -%} {% comment %} priceMax used for multi variant price display where it can have min-max price with format and translation {% endcomment %} {% assign hasMultiVariantPrice = false -%} {% if translations.productItem.amount contains "minPrice" -%} {% assign hasMultiVariantPrice = true -%} {% endif -%} {% assign isSamePrice = true -%} {% if minPrice != maxPrice or product.compare_at_price_min != product.compare_at_price_max -%} {% assign isSamePrice = false -%} {% endif -%} {% assign priceValueWithFormat = priceMinWithFormat -%} {% if isSamePrice == false and maxPrice > minPrice and hasMultiVariantPrice -%} {% assign priceValueWithFormat = "productItem.amount" | translate: translations, "" | replace: '{{minPrice}}', priceMinWithFormat | replace: '{{maxPrice}}', priceMaxWithFormat -%} {% endif -%} {% assign savingPriceWithFormat = '' -%} {% unless showSavingDisplay == false or saleAmount == 0 -%} {% assign saleAmountWithFormat = saleAmount | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign savingPriceWithFormat = "productItem.savingAmount" | translate: translations, "Save {{saleAmount}}" | replace: '{{saleAmount}}', saleAmountWithFormat | replace: '{{salePercent}}', salePercent -%} {% endunless -%} {% comment %} Price compare display top or bottom {% endcomment %} {% comment %} Price compare display left or right {% endcomment %} <div aria-label="Sale price {{ priceValueWithFormat }}{% if compareAtPriceWithFormat != '' -%}, Regular price {{ compareAtPriceWithFormat }}{% endif -%}{% if savingPriceWithFormat != '' -%}, Saving {{ savingPriceWithFormat }}{% endif -%}" tabindex="0" class="boost-sd__product-price-wrapper" > <span aria-hidden="true" class="boost-sd__product-price-content boost-sd__product-price-content--text-align-left" > <span class="{% if isSale == true %}boost-sd__product-price--sale{% else %}boost-sd__product-price--default{% endif %}" > <span class="boost-sd__format-currency">{{ priceValueWithFormat }}</span> </span> {% if compareAtPriceWithFormat != '' -%} <span class="boost-sd__format-currency boost-sd__format-currency--price-compare boost-sd__product-price--compare" > <span class="boost-sd__format-currency">{{ compareAtPriceWithFormat }}</span> </span> {% endif -%} </span> {% if savingPriceWithFormat != '' -%} <span aria-hidden="true" class="boost-sd__product-price--saving" > <span class="boost-sd__format-currency">{{ savingPriceWithFormat }}</span> </span> {% endif -%} </div> </div> <!-- PRODUCT INVENTORY --> <!-- TEMPLATE PRODUCT SWATCH --> {% assign swatches = '' %} </div> </div> </div> </div> {% endfor %} {% assign numberOfProductPerRow = widgetDesignSettings.numberOfProductPerRow %} {% assign numberOfRecommendProduct = widgetDesignSettings.numberOfRecommendProduct %} {% if numberOfRecommendProduct < numberOfProductPerRow %} {% assign sliderPages = 1 %} {% assign disable = "disabled" %} {% else %} {% assign sliderPages = numberOfRecommendProduct | divided_by: numberOfProductPerRow | ceil %} {% assign disable = "" %} {% endif %} </div> <div class="boost-sd__prev-button boost-sd__prev-button--inside"> <button type="button" aria-label="Previous" class="boost-sd__button boost-sd__button--circle boost-sd__slider-button" {{ disable }}> <span class="boost-sd__icon"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__prev-button-icon"> <path stroke-linejoin="round" stroke-linecap="round" stroke="#212121" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path> </svg> </span> </button> </div> <div class="boost-sd__next-button boost-sd__next-button--inside"> <button type="button" aria-label="Next" class="boost-sd__button boost-sd__button--circle boost-sd__slider-button" {{ disable }}> <span class="boost-sd__icon" style="margin: 0px;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 7" height="7" width="10" class="boost-sd__next-button-icon"> <path stroke-linejoin="round" stroke-linecap="round" stroke="#212121" d="M0.764024 5.51189L5.00002 1.28789L9.23602 5.51189"></path> </svg> </span> </button> </div> </div> {% else %} <!-- TEMPLATE RECOMMENDATION TYPE BUNDLE --> {% assign bundleStyle = widgetDesignSettings.bundleStyle %} <div class="boost-sd__recommendation-bundle boost-sd__recommendation-bundle--{{ bundleStyle }}"> <div class="boost-sd__recommendation-bundle-left"> <div class="boost-sd__recommendation-bundle-images boost-sd__recommendation-bundle-images--{{ bundleStyle }}"> {% for product in products %} <div class="boost-sd__recommendation-bundle-image-item"> {% if product.checked %} <a aria-label="View product details for {{ product.title | escape }}" class="boost-sd__product-link boost-sd__product-link-image" href="/products/{{ product.handle }}"> {% endif %} <div class="boost-sd__product-image-wrapper boost-sd__product-image-wrapper--full-box"> <div class="boost-sd__product-image {% unless product.checked %} boost-sd__product-image--blur {% endunless %}"> {% if product.images_info[0] %} <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" src="{{ product.images_info[0].src }}" alt="{{ product.title | escape }}" width="auto" height="auto" /> {% else %} <img id="product-image-{{ product.id }}" class="boost-sd__product-image-img boost-sd__product-image-img--main" src="https://cdn.shopify.com/extensions/201f4d7b-8d39-43a4-82de-e6f412341695/0.0.0/assets/boost-pfs-no-image.jpg?v=1677838268" alt="{{ product.title | escape }}" width="auto" height="auto" /> {% endif %} </div> </div> {% if product.checked %} </a> {% endif %} {% if bundleStyle == 'style2' %} <div class="boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}"> <div class="boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}"> <div class="boost-sd__recommendation-bundle-item-title"> {% if forloop.index0 == 0 %} <span role="text" tabindex="0"> <b>This item:</b> {{ product.title | escape }} </span> {% elsif product.checked %} <a class="boost-sd__product-link" href="/products/{{ product.handle }}"> {{ product.title | escape }} </a> {% else %} <span role="text" tabindex="0">{{ product.title | escape }}</span> {% endif %} </div> {%- if product.selectedOption.title != 'Default Title' -%} <div class="boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}"> <div {% if product.checked %} tabindex="0" {% endif %} role="combobox" aria-label="Select an option" aria-expanded="false" aria-haspopup="true" data-id="boost-sd__dropdown-{{ widgetId }}" id="boost-sd__dropdown-{{ widgetId }}" class="boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}"> <div class="boost-sd__dropdown-selected-option"> <span aria-label="Current option: {{ product.selectedOption.title | escape }}" class="boost-sd__dropdown-option-text">{{ product.selectedOption.title | escape }}</span> <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z" fill="#5C5F62"></path> </svg> </div> <ul role="listbox" data-id="boost-sd__dropdown-list-{{ widgetId }}" id="boost-sd__dropdown-list-{{ widgetId }}" class="boost-sd__dropdown-option-list"> {% for variant in product.variants %} <li role="option" aria-selected="{{ variant.title == product.selectedOption.title }}" data-id="boost-sd__dropdown-option-{{ widgetId }}" id="boost-sd__dropdown-option-{{ widgetId }}" class="boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}"> {{ variant.title | escape }} </li> {% endfor %} </ul> </div> </div> {% endif %} <div class="boost-sd__recommendation-bundle-checkbox"> <button type="button" aria-checked="{% if product.checked %} true {% else %} false {% endif %}" aria-label="{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}" class="boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}" data-id="boost-sd__checkbox-{{ widgetId }}" id="boost-sd__checkbox-{{ widgetId }}-{{ product.id }}" ></button> </div> <span role="text" tabindex="0" aria-label="Price: {{ product.selectedOption.price }}" class="boost-sd__format-currency"> <span>{{ product.selectedOption.price }}</span> </span> </div> </div> {% endif %} </div> {% unless forloop.last %} <div class="boost-sd__recommendation-bundle-plus-icon-wrapper boost-sd__recommendation-bundle-plus-icon-wrapper--{{ bundleStyle }}"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15 7H9V1C9 0.448 8.553 0 8 0C7.447 0 7 0.448 7 1V7H1C0.447 7 0 7.448 0 8C0 8.552 0.447 9 1 9H7V15C7 15.552 7.447 16 8 16C8.553 16 9 15.552 9 15V9H15C15.553 9 16 8.552 16 8C16 7.448 15.553 7 15 7Z" fill="#5C5F62"></path> </svg> </div> {% endunless %} {% endfor %} </div> {% if bundleStyle == 'style1' %} {% for product in products %} <div class="boost-sd__recommendation-bundle-item-info boost-sd__recommendation-bundle-item-info--{{ bundleStyle }}"> <div class="boost-sd__recommendation-bundle-item-info-content {% unless product.checked %} boost-sd__recommendation-bundle-item-info-content--blur {% endunless %}"> <div class="boost-sd__recommendation-bundle-item-title"> <div class="boost-sd__recommendation-bundle-checkbox"> <button type="button" aria-checked="{% if product.checked %} true {% else %} false {% endif %}" aria-label="{% if product.checked %} Click to remove from bundle {% else %} Click to add to bundle {% endif %}" class="boost-sd__recommendation-bundle-checkbox-box {% if product.checked %} boost-sd__recommendation-bundle-checkbox-box--checked {% endif %}" data-id="boost-sd__checkbox-{{ widgetId }}" id="boost-sd__checkbox-{{ widgetId }}-{{ product.id }}" ></button> </div> {% if forloop.index0 == 0 %} <span role="text" tabindex="0"> <b>This item:</b> {{ product.title | escape }} </span> {% elsif product.checked %} <a class="boost-sd__product-link" href="/products/{{ product.handle }}"> {{ product.title | escape }} </a> {% else %} <span role="text" tabindex="0">{{ product.title | escape }}</span> {% endif %} </div> {%- if product.selectedOption.title != 'Default Title' -%} <div class="boost-sd__recommendation-bundle-dropdown-wrapper boost-sd__recommendation-bundle-dropdown-wrapper--{{ bundleStyle }}"> <div {% if product.checked %} tabindex="0" {% endif %} role="combobox" aria-label="Select an option" aria-expanded="false" aria-haspopup="true" data-id="boost-sd__dropdown-{{ widgetId }}" id="boost-sd__dropdown-{{ widgetId }}" class="boost-sd__dropdown {% unless product.checked %} boost-sd__dropdown--disabled {% endunless %}"> <div class="boost-sd__dropdown-selected-option"> <span aria-label="Current option: {{ product.selectedOption.title | escape }}" class="boost-sd__dropdown-option-text">{{ product.selectedOption.title | escape }}</span> <svg width="8" height="12" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.09832 3.98009e-07L0.901685 -1.43717e-07C0.15069 -2.09371e-07 -0.269991 0.75351 0.193991 1.2676L3.29231 4.70055C3.65265 5.09982 4.34735 5.09982 4.70769 4.70055L7.80601 1.2676C8.26999 0.753511 7.84931 4.63664e-07 7.09832 3.98009e-07Z" fill="#5C5F62"></path> </svg> </div> <ul role="listbox" data-id="boost-sd__dropdown-list-{{ widgetId }}" id="boost-sd__dropdown-list-{{ widgetId }}" class="boost-sd__dropdown-option-list"> {% for variant in product.variants %} <li role="option" aria-selected="{{ variant.title == product.selectedOption.title }}" data-id="boost-sd__dropdown-option-{{ widgetId }}" id="boost-sd__dropdown-option-{{ widgetId }}" class="boost-sd__dropdown-option {% if variant.title == product.selectedOption.title %}boost-sd__dropdown-option--selected{% endif %}"> {{ variant.title | escape }} </li> {% endfor %} </ul> </div> </div> {% endif %} <span role="text" tabindex="0" aria-label="Price: {{ product.selectedOption.price }}" class="boost-sd__format-currency"> <span>{{ product.selectedOption.price }}</span> </span> </div> </div> {% endfor %} {% endif %} </div> <div class="boost-sd__recommendation-bundle-right"> {% if hasSelectedProduct == true %} <div role="text" tabindex="0" class="boost-sd__recommendation-bundle-total-price"> Total price: <b class="boost-sd__recommendation-bundle-price-text"> <span class="boost-sd__format-currency">{{ totalPrice }}</span> </b> </div> {% endif %} <button type="button" {% if hasSelectedProduct==false %}disabled{% endif %} class="boost-sd__button boost-sd__button--primary boost-sd__button--large boost-sd__button--round boost-sd__button--full-width boost-sd__btn-add-to-cart"> <span>Add to Cart</span> </button> </div> </div> {% endif %} </div> <style> #{{widgetId}} .boost-sd__recommendation-title { color: {{ widgetDesignSettings.titleTextColor }}; font-family: {{ widgetDesignSettings.titleFont }}; font-size: {{ widgetDesignSettings.titleFontSize }}px; text-transform: {{ widgetDesignSettings.titleTextTransform }}; font-weight: {{ widgetDesignSettings.titleFontWeight }}; font-style: {{ widgetDesignSettings.titleFontStyle }}; } </style> `; ; app.template["searchTabCollectionsContent"] = `<div role="tabpanel" class="boost-sd__search-result-panel-content"> {% for collection in collections %} <a href="/collections/{{ collection.handle }}" class="boost-sd__search-result-panel-content-item" tabindex="0"> {% capture collectionsDisplayImage %} false {% endcapture %} {% if collectionsDisplayImage and collection.image != null %} <div class="boost-sd__search-result-panel-content-item-image"> <img src="{{ collection.image.src }}"> </div> {% endif %} <div class="boost-sd__search-result-panel-content-item-text"> <p class="boost-sd__search-result-panel-content-item-title">{{ collection.title | escape }}</p> {% capture collectionsDisplayDescription %} false {% endcapture %} {% if collectionsDisplayDescription and collection.body_html != "" %} <p class="boost-sd__search-result-panel-content-item-description">{{ collection.body_html | strip_html | escape }}</p> {% endif %} </div> </a> {% endfor %} {% capture pageSize %} 25 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize < totalCollection %} {% assign totalPage = totalCollection | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: "," %} {% assign to_product = currentPage | times: pageSize %} <div class="boost-sd__pagination boost-sd__pagination--center"> {% if currentPage != 1 %} <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;"> <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7"> <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path> </svg> </span> </button> {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button> {% elsif page == request.page %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% else %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% endif %} {% endfor %} {% if currentPage != totalPage %} <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;"> <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7"> <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path> </svg> </span> </button> {% endif %} </div> {% endif %} </div>`; ; app.template["searchTabPagesContent"] = `<div role="tabpanel" class="boost-sd__search-result-panel-content"> {% for page in pages %} <a href="{{ page.url }}" class="boost-sd__search-result-panel-content-item" tabindex="0"> {% capture pagesDisplayImage %} false {% endcapture %} {% if pagesDisplayImage and page.image != null %} <div class="boost-sd__search-result-panel-content-item-image"> <img src="{{ page.image.src }}"> </div> {% endif %} <div class="boost-sd__search-result-panel-content-item-text"> <p class="boost-sd__search-result-panel-content-item-title">{{ page.title | escape }}</p> {% capture pagesDisplayDescription %} {% endcapture %} {% if pagesDisplayDescription and page.body_html != "" %} <div class="boost-sd__search-result-panel-content-item-description">{{ page.body_html | escape}}</div> {% endif %} </div> </a> {% endfor %} {% capture pageSize %} 25 {% endcapture %} {% assign pageSize = pageSize | plus: 0 %} {% if pageSize < totalPageTab %} {% assign totalPage = totalPageTab | divided_by: pageSize | ceil %} {% assign pagination = currentPage | pagination_list: totalPage | split: "," %} {% assign to_product = currentPage | times: pageSize %} <div class="boost-sd__pagination boost-sd__pagination--center"> {% if currentPage != 1 %} <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;"> <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7"> <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path> </svg> </span> </button> {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button> {% elsif page == request.page %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% else %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% endif %} {% endfor %} {% if currentPage != totalPage %} <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;"> <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7"> <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path> </svg> </span> </button> {% endif %} </div> {% endif %} </div>`; ; app.template["searchTabCollectionsContentPagination"] = `{% assign pagination = currentPage | pagination_list: totalPage | split: "," %} {% assign to_product = currentPage | times: pageSize %} <div class="boost-sd__pagination boost-sd__pagination--center"> {% if currentPage != 1 %} <button type="button" aria-label="previous page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--previous" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;"> <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--left"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7"> <path d="M6.80474 0.528514C6.54439 0.268165 6.12228 0.268165 5.86193 0.528514L0.861929 5.52851C0.601579 5.78886 0.601579 6.21097 0.861929 6.47132L5.86193 11.4713C6.12228 11.7317 6.54439 11.7317 6.80474 11.4713C7.06509 11.211 7.06509 10.7889 6.80474 10.5285L2.27614 5.99992L6.80474 1.47132C7.06509 1.21097 7.06509 0.788864 6.80474 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path> </svg> </span> </button> {% endif %} {% for page_string in pagination %} {% assign page = page_string | plus: 0 %} {% if page == 0 %} <button class="boost-sd__pagination-number boost-sd__pagination-number--disabled boost-sd__pagination-number--circle">...</button> {% elsif page == request.page %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle boost-sd__pagination-number--active" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% else %} <button class="boost-sd__pagination-number boost-sd__pagination-number--circle" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit;" data-page="{{ page }}">{{ page }}</button> {% endif %} {% endfor %} {% if currentPage != totalPage %} <button type="button" aria-label="next page" class="boost-sd__pagination-button boost-sd__pagination-button--circle boost-sd__pagination-button--next" style="color: rgb(122, 122, 122); background-color: rgba(0, 0, 0, 0); font-size: inherit; text-transform: none; border-color: transparent; border-width: 1px; border-style: solid;"> <span class="boost-sd__pagination-button-icon boost-sd__pagination-button-icon--right"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 7 12" height="12" width="7"> <path d="M0.195262 0.528514C0.455612 0.268165 0.877722 0.268165 1.13807 0.528514L6.13807 5.52851C6.39842 5.78886 6.39842 6.21097 6.13807 6.47132L1.13807 11.4713C0.877722 11.7317 0.455612 11.7317 0.195262 11.4713C-0.0650874 11.211 -0.0650874 10.7889 0.195262 10.5285L4.72386 5.99992L0.195262 1.47132C-0.0650874 1.21097 -0.0650874 0.788864 0.195262 0.528514Z" clip-rule="evenodd" fill-rule="evenodd"></path> </svg> </span> </button> {% endif %} </div>`; ; app.template["placeholderFilterTree"] = `<!-- TEMPLATE PLACEHOLDER --> <div class='boost-sd-container'> <div class='boost-sd-layout boost-sd-layout--has-filter-vertical'> <div class='boost-sd-left boost-filter-tree-column'> <!-- TEMPLATE FILTER TREE PLACEHOLDER --> <div id="boost-sd__filter-tree-wrapper" class="boost-sd__filter-tree-wrapper"> <div class="boost-sd__filter-tree-vertical "> <div class="boost-sd__filter-tree-vertical-placeholder"> <div class="boost-sd__filter-tree-vertical-placeholder-item"> <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span> </div> <div class="boost-sd__filter-tree-vertical-placeholder-item"> <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span> </div> <div class="boost-sd__filter-tree-vertical-placeholder-item"> <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span> </div> <div class="boost-sd__filter-tree-vertical-placeholder-item"> <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span> </div> <div class="boost-sd__filter-tree-vertical-placeholder-item"> <span class="boost-sd__placeholder-item" style="width:80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:65%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width:40%; border-radius: 0;"></span> </div> </div> </div> </div> </div> <div class='boost-sd-right boost-product-listing-column'> <!-- TEMPLATE TOOLBAR PLACEHOLDER--> <div class="boost-sd__toolbar-container"> <div class="boost-sd__toolbar-inner"> <div class="boost-sd__toolbar-content"> <div class="boost-sd__toolbar boost-sd__toolbar--3_1"> <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0;"></span> <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span> <span class="boost-sd__toolbar-item boost-sd__placeholder-item" style="height: 28px; border-radius: 0; margin-bottom: 0"></span> </div> </div> </div> </div> <!-- TEMPLATE PRODUCT LIST PLACEHOLDER--> <div class="boost-sd__product-list-placeholder boost-sd__product-list-placeholder--3-col"> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> <div class="boost-sd__product-list-placeholder-item"> <span class="boost-sd__placeholder-item" style="width: 100%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 80%; border-radius: 0;"></span> <span class="boost-sd__placeholder-item" style="width: 40%; border-radius: 0;"></span> </div> </div> <div class="boost-sd__pagination boost-sd__pagination--center"> <span class="boost-sd__placeholder-item" style="height: 40px; border-radius: 0;"></span> </div> </div> </div> </div> <style> .boost-sd__collection-header { width: 100%; height: 130px; display: block; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #e6e6e6), color-stop(33%, #eee)); background-color: #eee; animation: banner-place-holder-shimmer 2s linear infinite forwards; } .boost-sd__collection-header:empty { display: block; } .boost-sd__collection-header .boost-sd__placeholder-item { height: 130px; } @media only screen and (min-width: 992px) { .boost-sd__collection-header, .boost-sd__collection-header .boost-sd__placeholder-item { height: 150px; } } @keyframes banner-place-holder-shimmer { 0% { background-position: -1500px 0; } 100% { background-position: 1500px 0; } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__filter-tree-vertical { margin-top: 0; margin-right: 0; } .boost-sd__filter-tree-vertical-placeholder { background: transparent; width: 100%; max-width: 100%; display: none; } .boost-sd__filter-tree-vertical-placeholder-list { margin: 30px 10px 0; padding: 0; list-style: none; } .boost-sd__filter-tree-vertical-placeholder-item { max-width: 100%; padding: 20px 0; display: block; } .boost-sd__filter-tree-vertical-placeholder-item:first-child { padding-top: 0; } .boost-sd__filter-tree-vertical-placeholder-item:not(:last-child) { border-bottom: 1px solid #ebebeb; } .boost-sd__filter-tree-vertical-placeholder-item::before, .boost-sd__filter-tree-vertical-placeholder-item::after, { display: none; } .boost-sd__filter-tree-horizontal-placeholder { display: none; } @media only screen and (min-width: 992px) { .boost-sd__filter-tree-vertical { width: 272px; } .boost-sd-layout .boost-sd-left .boost-sd__filter-tree-wrapper .boost-sd__filter-tree-vertical { margin-right: 16px; margin-left: 0; } .boost-sd__filter-tree-vertical-placeholder, .boost-sd__filter-tree-horizontal-placeholder { display: inline-block; } .boost-sd-layout--has-filter-horizontal { flex-wrap: wrap; margin-top: 0; } .boost-sd-layout--has-filter-horizontal .boost-sd-left, .boost-sd-layout--has-filter-horizontal .boost-sd-right { flex: 0 0 100%; } .boost-sd__filter-tree-horizontal { width: 100%; } .boost-sd__filter-tree-horizontal-placeholder { padding: 16px 0; border-top: 1px solid #ebebeb; width: 100%; max-width: 100%; background: transparent; } .boost-sd__filter-tree-horizontal-placeholder-list { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e8e9eb; } .boost-sd__filter-tree-horizontal-placeholder-item { border: none; display: inline-block; margin-right: 35px; position: relative; } .boost-sd__filter-tree-horizontal-placeholder-button { width: auto; height: auto; display: inline-block; position: relative; padding: 5px 15px 5px 0; margin: 0; min-height: auto; min-width: 0; border-radius: 0; box-shadow: none; background: none; border: none; letter-spacing: normal; text-align: left; cursor: pointer; } .boost-sd__filter-tree-horizontal-placeholder-button .boost-sd__placeholder-item { width: 80px; height: 10px; display: inline-block; margin: 0 15px 0 0; } .boost-sd__filter-tree-horizontal-placeholder-icon { transform: rotate(-90deg); } } .boost-sd__in-collection-search { margin-bottom: 20px; margin-top: 20px; width: 100%; max-width: 100%; display: flex; position: relative; } .boost-sd__in-collection-search--horizontal { margin: 20px auto 0; max-width: 592px; } @media only screen and (min-width: 992px) { .boost-sd__in-collection-search { margin-bottom: 16px; margin-top: 16px; } } .boost-sd__toolbar-container { width: 100%; margin-bottom: 16px; } .boost-sd__toolbar-inner { max-width: 1216px; margin: 0 auto; } .boost-sd__toolbar-content { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 16px 0; } .boost-sd__toolbar { align-items: center; width: 100%; display: flex; flex-wrap: wrap; column-gap: 16px; justify-content: space-between; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: 45%; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: 100%; margin-bottom: 16px; } @media only screen and (min-width: 992px) { .boost-sd__toolbar-content { display: flex; align-items: center; border-bottom: none; padding: 16px 0 16px; border-top: 1px solid #ebebeb; border-bottom: 0; } .boost-sd__toolbar { flex-wrap: inherit; } .boost-sd__toolbar .boost-sd__placeholder-item { flex-basis: auto; } .boost-sd__toolbar .boost-sd__placeholder-item:first-child { flex-basis: auto; margin-bottom: 0; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item { flex: 1; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(2) { justify-content: center; } .boost-sd__toolbar--3_1 .boost-sd__toolbar-item:nth-child(3) { justify-content: end; } } .boost-sd__product-list-placeholder { gap: 16px; margin-bottom: 32px; flex-wrap: wrap; width: 100%; display: flex; } .boost-sd__product-list-placeholder--1-col .boost-sd__product-list-placeholder-item { width: 100%; } .boost-sd__product-list-placeholder--2-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(50% - 8px); } .boost-sd__product-list-placeholder .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 222px; } .boost-sd__pagination { padding-top: 10px; padding-bottom: 10px; justify-content: center; align-items: center; display: flex; } @media only screen and (min-width: 576px) { .boost-sd__product-list-placeholder { gap: 32px; margin-bottom: 64px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item, .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px / 3)); } } @media only screen and (min-width: 992px) { .boost-sd__product-list-placeholder .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 8px; } .boost-sd__product-list-placeholder .boost-sd__placeholder-item:first-child { margin-bottom: 16px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 382px; } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 275px; } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 215px; } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item .boost-sd__placeholder-item:first-child { height: 175px; } .boost-sd__product-list-placeholder--3-col .boost-sd__product-list-placeholder-item { width: calc(33.3333333333% - (32px - 32px / 3)); } .boost-sd__product-list-placeholder--4-col .boost-sd__product-list-placeholder-item { width: calc(25% - (32px - 32px / 4)); } .boost-sd__product-list-placeholder--5-col .boost-sd__product-list-placeholder-item { width: calc(20% - (32px - 32px / 5)); } .boost-sd__product-list-placeholder--6-col .boost-sd__product-list-placeholder-item { width: calc(16.6666667% - (32px - 32px / 6)); } } .boost-sd-container * { box-sizing: border-box; } .boost-sd__placeholder-item { background: rgba(0, 0, 0, 0.07); border-radius: 50rem; min-width: 50px; max-width: 100%; height: 20px; animation: 2s infinite place-holder-animation; display: inline-block; } .boost-sd__placeholder-item:empty { display: block; } .boost-sd__placeholder-item:not(:last-child) { margin-bottom: 18px; } .boost-sd-layout { margin: 20px auto 0; } .boost-sd-left { position: relative; } .boost-sd-layout .boost-sd-right { width: 100%; margin-bottom: 20px; } @keyframes place-holder-animation { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @media only screen and (min-width: 992px) { .boost-sd-layout { display: flex; max-width: 1216px; } .boost-sd-layout .boost-sd-right { flex: auto; max-width: 100%; } } </style>`; ; app.template["preOrder"] = `<!-- TEMPLATE PRE-ORDER APP BLOCK --> <div class="boost-sd__product-form"> <!-- Quantity Input --> <div class="boost-sd__product-form-quantity"> <p id="quantity-title" class="boost-sd__product-form-quantity-title"> {{ "quickView.qvQuantity" | translate: translations, 'Quantity' }} </p> <div class="boost-sd__input-number boost-sd__input-number--md" role="group" aria-labelledby="quantity-title"> <div class="boost-sd__input-number-btn-wrapper"> <button type="button" aria-label="Decrease quantity" aria-controls="item-quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn"> <span aria-hidden="true">-</span> </button> </div> <input id="item-quantity" type="number" aria-labelledby="quantity-title" aria-describedby="quantity-error" class="boost-sd__input-number-input" value="1" min="1" /> <div class="boost-sd__input-number-btn-wrapper"> <button type="button" aria-label="Increase quantity" aria-controls="item-quantity" class="boost-sd__button boost-sd__button--full-width boost-sd__input-number-btn"> <span aria-hidden="true">+</span> </button> </div> </div> <div id="quantity-error" class="boost-sd__product-form-quantity-error" aria-live="assertive"> {{ "quickView.qvQuantityError" | translate: translations, 'Please input quantity' }} </div> </div> <div class="boost-sd__preorder-options"> <!-- TEMPLATE PRE_ORDER WITH PAYMENT --> {% comment %} TODO check preorder {% endcomment %} {% if product.variants %} {% assign variants = product.variants %} {% else %} {% assign variants = variants %} {% endif %} {% for variant in variants %} {% if variant.preorder %} {% assign paymentType = variant.preorder.payment.type %} {% assign discountType = variant.preorder.payment.discountType %} {% assign discountValue = variant.preorder.payment.discountValue %} {% assign originalPrice = variant.price %} {% assign paymentLabel = '' %} {% if paymentType == 'full' %} {% assign paymentLabel = 'Full payment' %} {% endif %} {% if paymentType == 'partial' %} {% assign paymentLabel = 'Partial payment' %} {% endif %} {% if paymentType == 'none' %} {% assign paymentLabel = 'No payment' %} {% endif %} {% assign money_format = request.money_format | strip_html -%} {% assign money_rate = request.currency_rate | strip_html -%} {% if discountType == 'percentage' %} {% assign percentNum = originalPrice | times: discountValue | divided_by: 100 %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: percentNum %} {% elsif discountType == 'amount' %} {% assign discountValue = discountValue | times: money_rate %} {% assign discountedPrice = originalPrice | times: 1.0 | minus: discountValue %} {% else %} {% assign discountedPrice = originalPrice %} {% endif %} {% assign removePriceDecimal = false -%} {% assign showCentAsSuperscript = false -%} {% assign decimalDelimiter = '' -%} {% assign withoutTrailingZeros = true -%} {% assign originalPriceFormat = originalPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountedPriceFormat = discountedPrice | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros -%} {% assign discountValueFormat = discountValue | format_currency: money_format, showCentAsSuperscript, removePriceDecimal, decimalDelimiter, withoutTrailingZeros %} <div class="boost-sd__preorder" tabindex="0" data-variant-id="{{ variant.id }}" role="region" aria-labelledby="preorder-title" aria-describedby="preorder-description"> <div class="boost-sd__preorder-option"> <h2 id="preorder-title" class="boost-sd__preorder-title">{{ paymentLabel }}</h2> <div id="preorder-description" class="boost-sd__preorder-discount" aria-live="polite"> {% if discountType == 'percentage' %} <span class="boost-sd__preorder-save">Save {{ discountValue }}%</span> {% elsif discountType == 'amount' %} <span class="boost-sd__preorder-save">Save {{ discountValueFormat }}</span> {% endif %} <div class="boost-sd__preorder-price"> {% if discountType != 'none' %} <span class="boost-sd__preorder-original-price" aria-label="Original Price: {{ originalPriceFormat }}">{{ originalPriceFormat }}</span> {% endif %} <span class="boost-sd__preorder-discounted-price" aria-label="Discounted Price: {{ discountedPriceFormat }}">{{ discountedPriceFormat }}</span> </div> </div> </div> </div> {% endif %} {% endfor %} {% assign button_label = 'Pre-Order' %} {% assign preOrderButtonText = variants[0].preorder.settings.buttonText %} {% assign preOrderDeliveryText = variants[0].preorder.settings.deliveryText %} {% if preOrderButtonText and preOrderButtonText != '' %} {% assign button_label = preOrderButtonText %} {% endif %} <button type="button" aria-label='{{ button_label }}' class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--preorder"> <span class="boost-sd__button-text" aria-hidden="true"> {{ button_label }} </span> </button> <p tabindex="0" class="boost-sd__preorder-note"> <strong class="boost-sd__preorder-note-title">Please note: </strong><span class="boost-sd__preorder-note-text">{{ preOrderDeliveryText }}</span> </p> </div> <!-- TEMPLATE ADD TO CART --> <div class="boost-sd__purchase-options"> <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__button--purchase"> <span class="boost-sd__button-text"> {{ "productItem.atcAvailableLabel" | translate: translations, 'Add to cart' }} </span> </button> <button type="button" class="boost-sd__button boost-sd__button--border boost-sd__button--round boost-sd__button--large boost-sd__btn-buy-now"> <span class="boost-sd__button-text">{{ "quickView.buyItNowBtnLabel" | translate: translations, 'Buy it now' }}</span> </button> </div> </div>`; ; app.template["preOrderPlaceholder"] = `<!-- Placeholder for PreOrder --> <div class="boost-sd__preorder-placeholder"> <div class="boost-sd__preorder-placeholder-quantity-label"> <div class="boost-sd__placeholder-item" style="width: 65px; height: 20px;"></div> </div> <div class="boost-sd__preorder-placeholder-product-quantity"> <div class="boost-sd__placeholder-item" style="width: 160px; height: 38px;"></div> </div> <div class="boost-sd__preorder-placeholder-add-to-cart"> <div class="boost-sd__placeholder-item" style="width: 100%; height: 50px;"></div> </div> <div class="boost-sd__preorder-placeholder-buy-it-now"> <div class="boost-sd__placeholder-item" style="width: 100%; height: 50px;"></div> </div> </div>`; ; })(); document.addEventListener("DOMContentLoaded", function() { var _a, _b; const taeSettings = window.boostWidgetIntegration.taeSettings; const app = window.boostWidgetIntegration.app["production"]; const hasFilterBlock = document.querySelector(".boost-sd__filter-product-list"); const env = "production"; const { enabled: simplifyFlowEnabled = false, selectedSelector = "", instantSearch = false } = window.boostWidgetIntegration.simplifiedIntegration; if (simplifyFlowEnabled && !!selectedSelector) { const container = document.querySelector(selectedSelector); console.log("container", container); if (container) { renderPlaceholder(container); window.boostSDTaeUtils.initCollectionFilter(); } else { console.log(`Can not find product grid. Please update the selector in Boost's app embed`); } } if (app.jsLibLoadStatus === "pending" && !hasFilterBlock) { const widgetLibScript = document.createElement("script"); widgetLibScript.setAttribute("src", app.libUrl); widgetLibScript.defer = true; if (env === "development") widgetLibScript.type = "module"; (_a = document.head) == null ? void 0 : _a.appendChild(widgetLibScript); app.jsLibLoadStatus = "loading"; widgetLibScript.onload = function() { app.jsLibLoadStatus = "loaded"; }; } if (((_b = taeSettings == null ? void 0 : taeSettings.instantSearch) == null ? void 0 : _b.enabled) && window.boostWidgetIntegration.generalSettings.templateId && (!simplifyFlowEnabled || simplifyFlowEnabled && instantSearch)) { initInstantSearch(); } initRecommendation(); initCart(); initPredictiveBundle(); initVolumeBundle(); initPreOrder(); initBIS(); const checkCssLoaded = function() { var _a2; if (app.themeCssLoaded && app.settingsCSSLoaded) { window.boostWidgetIntegration.status = "ready"; const app2 = window.boostWidgetIntegration.app["production"]; const templateMetadata = app2.templateMetadata; if (templateMetadata == null ? void 0 : templateMetadata.customizeCssUrl) { const customizeCss = document.createElement("link"); customizeCss.rel = "stylesheet"; customizeCss.type = "text/css"; customizeCss.href = templateMetadata == null ? void 0 : templateMetadata.customizeCssUrl; document.head.appendChild(customizeCss); } if (templateMetadata == null ? void 0 : templateMetadata.customizeJsUrl) { const customizeJs = document.createElement("script"); customizeJs.defer = true; customizeJs.type = "module"; customizeJs.setAttribute("src", templateMetadata.customizeJsUrl); (_a2 = document.body) == null ? void 0 : _a2.appendChild(customizeJs); } } else { setTimeout(() => { checkCssLoaded(); }, 50); } }; checkCssLoaded(); }); document.addEventListener("DOMContentLoaded", function() { if (window.boostAnalytic) { window.boostAnalytic = __spreadProps(__spreadValues({}, window.boostAnalytic), { buyNow: ".boost-sd__btn-buy-now" }); } else { const interval = window.setInterval(() => { if (window.boostAnalytic) { window.boostAnalytic = __spreadProps(__spreadValues({}, window.boostAnalytic), { buyNow: ".boost-sd__btn-buy-now" }); clearInterval(interval); } }, 100); } }); })(); /*! Bundled license information: pretty-print-json/dist/pretty-print-json.js: (*! pretty-print-json v3.0.1 ~~ https://pretty-print-json.js.org ~~ MIT License *) */ </script> <style> .boost-sd__filter-product-list img[loading='lazy'] { display: none; } </style> <!-- END app block --><script src="https://cdn.shopify.com/extensions/7d3973ce-1fd3-4c11-8659-f41348c66c21/gsc-countdown-timer-43/assets/gsc-countdown-widget.js" type="text/javascript" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/2af12818-ac2f-4225-8a19-31f2c289275e/eb-easy-bundle-builder-234/assets/giftBoxLogicv1.js" type="text/javascript" defer="defer"></script> <link href="https://cdn.shopify.com/extensions/2af12818-ac2f-4225-8a19-31f2c289275e/eb-easy-bundle-builder-234/assets/giftBoxv1.css" rel="stylesheet" type="text/css" media="all"> <script src="https://cdn.shopify.com/extensions/63c97851-86e2-49c4-a1f9-50dfa4737f36/rebuy-personalization-engine-82/assets/rebuy-extensions.js" type="text/javascript" defer="defer"></script> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0604/9120/2756/files/labour_day-HomepageHero-Desktop_no_text.jpg?v=1725060901" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0604/9120/2756/files/labour_day-HomepageHero-Desktop_no_text.jpg?v=1725060901" /> <meta property="og:image:width" content="3840" /> <meta property="og:image:height" content="2256" /> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 60491202756,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};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> <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 60491202756,storefrontBaseUrl: "https://www.kitandace.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"802980036","configuration":"{\"accountID\":\"NkEbv7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4dc2bf2f415d498931f502e99c2a3863","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"761921732","configuration":"{\"accountID\": \"123\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"158b4a15669c19235cc0e502ed4f5ac3","type":"APP","apiClientId":3094213,"privacyPurposes":[]},{"id":"355270852","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-VF3VT655DJ\\\",\\\"target_country\\\":\\\"CA\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-VF3VT655DJ\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-VF3VT655DJ\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-VF3VT655DJ\\\",\\\"MC-SMW4LH8MZR\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-VF3VT655DJ\\\",\\\"MC-SMW4LH8MZR\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-VF3VT655DJ\\\",\\\"MC-SMW4LH8MZR\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-VF3VT655DJ\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-VF3VT655DJ\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"322b4d09e15b68127cd86b1bb8929c25","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"228262084","configuration":"{\"pixel_id\":\"734755133399927\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"62718148","configuration":"{\"tagID\":\"2613287645944\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4fd0680eed907adaf3f85849c393d688","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"58753220","configuration":"{\"partnerId\": \"22062\", \"environment\": \"prod\", \"countryCode\": \"CA\", \"logLevel\": \"debug\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"aff3f5761e8cfafa4249dedf096bc4de","type":"APP","apiClientId":5829751,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"17105092","configuration":"{\"myshopifyDomain\":\"kit-and-ace.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e32653096b768840c4e834ea506d7953","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"30277828","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Add Shoppers Tag"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Kit and Ace","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"kit-and-ace.myshopify.com","countryCode":"CA","storefrontUrl":"https://www.kitandace.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.kitandace.com/cdn","b519f743wf7390a5dpf633394amcee913e5",{"modern":"","legacy":""},{"shopId":"60491202756","storefrontBaseUrl":"https://www.kitandace.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"6a396365\"]","isMerchantRequest":"false","hashVersion":"b519f743wf7390a5dpf633394amcee913e5"});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'CAD'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 60491202756, theme_id: 139454054596, app_name: "storefront", context_url: window.location.href, source_url: "//www.kitandace.com/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.kitandace.com/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.kitandace.com/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":60491202756,"isMerchantRequest":null,"themeId":139454054596,"themeCityHash":"14513142221179935523","contentLanguage":"en","currency":"CAD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//www.kitandace.com/cdn/shopifycloud/shopify/assets/shop_events_listener-bbbf3223c550be0dd72914a2fa06aaa88eb8943e96f9ea31fb63e7e27e0f97f4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://www.kitandace.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.4.1.min.js" data-application="storefront-renderer" data-shop-id="60491202756" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="139454054596" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body id="kit-ace-timeless-technical-fashion-for-men-and-women" class="template-index"> <script id="rebuy-cart-template" type="text/template"> <div id="rebuy-cart" class="rebuy-cart" v-cloak v-bind:class="[visible ? 'is-visible' : '', 'currency-' + currency() ]" role="dialog" aria-modal="true" aria-labelledby="SmartCart_title" v-bind:aria-hidden="!visible ? 'true' : 'false'" > <div class="rebuy-cart__flyout"> <div class="rebuy-cart__flyout-header"> <div v-html="renderHeader()"></div> <button class="rebuy-cart__flyout-close" type="button" v-on:click="hide()" aria-label="Close Cart" > <i class="fal fa-times" aria-hidden="true"></i> </button> </div> <div class="rebuy-cart__flyout-body"> <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()" > <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message" ></div> </div> <div class="rebuy-cart__flyout-shipping-bar" v-if="freeShippingEnabled()" v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]" > <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()" ></div> <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()" ></div> <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']" > <span id="free-shipping-progress-label" class="rebuy-cart__flyout-shipping-bar-meter-fill-text"> Progress to free shipping: {{ freeShippingPercentComplete() }} </span> <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }" role="progressbar" tabindex="0" aria-valuemin="0" aria-valuemax="100" v-bind:aria-valuenow="freeShippingPercentComplete(false, true)" aria-labelledby="free-shipping-progress-label" ></div> </div> <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()" ></div> </div> <div v-else-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container above"> <div v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar)"> <div class="rebuy-cart__progress-step-wrapper" v-bind:class="[ 'count-' + bar.tiers.length ]"> <div v-for="tier in bar.tiers" class="rebuy-cart__progress-step" v-bind:style="{ width: progressStepMaxWidth(bar) }" v-bind:class="[ progressTierReached(tier) ? 'complete' : '' ]"> <div class="rebuy-cart__progress-step-icon" v-html="progressTierIcon(tier)"></div> <span class="rebuy-cart__progress-step-label">{{ getTierLabel(tier)}}</span> </div> </div> <div class="rebuy-cart__progress-bar-wrapper"> <div class="rebuy-cart__progress-bar-meter" v-bind:class="[hasTierProgress() ? 'has-progress' : 'no-progress']"> <div class="rebuy-cart__progress-bar-meter-fill" v-bind:style="{ width: tiersPercentageComplete(bar) }" role="progressbar" tabindex="0" aria-valuemin="0" aria-valuemax="100" v-bind:aria-valuenow="tiersPercentageComplete(bar, true)" aria-labelledby="rebuy-cart__progress-bar-meter-label" > <span class="sr-only"></span> </div> </div> <div id="rebuy-cart__progress-bar-meter-label" class="rebuy-cart__progress-bar-prompt" v-if="hasProgressPrompt(bar)" v-html="getTierFeedbackText(bar)"></div> </div> <div class="rebuy-cart__progress-free-products" v-if="getBarLayout(bar) == 'above' && earnedProducts(bar).length > 0"> <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]"> <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div> <div class="rebuy-cart__progress-free-product-info"> <div> <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p> <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="getFreeVariantTitle(product)"></span> </div> <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container"> <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)"> <option value="" disabled selected>Select Variant</option> <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }}</option> </select> <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div> </div> </div> <button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove" v-on:click="removeFreeProduct(product)" > <i class="fal fa-times" aria-hidden="true"></i> <span class="sr-only">Remove {{ product.title }} {{ product.chosen_variant?.title ? product.chosen_variant.title : '' }} from Cart</span> </button> </div> </div> </div> </div> </div> <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" > <ul class="rebuy-cart__flyout-items" v-if="hasItems()" data-smartcart-items tabindex="0" role="group"> <li class="rebuy-cart__flyout-item" v-for="item in items()" v-if="!isHiddenItem(item)" :key="item.key" v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]" aria-label="product" > <div class="rebuy-cart__flyout-item-media"> <a v-bind:href="itemURL(item)" tabindex="-1"> <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="item.featured_image?.alt" /> </a> </div> <div class="rebuy-cart__flyout-item-info"> <a role="heading" aria-level="5" class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)" v-html="item.product_title" v-bind:alt="'View ' + item.product_title" ></a> <div class="rebuy-cart__flyout-item-variant-title" v-html="item.variant_title" v-if="item.variant_title" ></div> <div class="rebuy-cart__flyout-item-discount-message" v-if="hasLineItemDiscount(item)" v-html="lineItemDiscountMessage(item)" ></div> <!----- Custom code for BOPIS start -----> <div class="rebuy-cart__pickup-only-wrapper js__pickup-only-wrapper" v-bind:data-product-id="[item.product_id]" v-bind:data-variant-id="[item.variant_id]" > </div> <!-- For add to cart--> <div class="rebuy-cart__pickup-only js__pickup-add-to-cart" v-bind:data-product-id="[item.product_id]" v-bind:data-variant-id="[item.variant_id]" > <svg class="icon icon__pickup--notice pickup-only__icon" aria-hidden="true" focusable="false" > <use xlink:href="#icon-pickup--notice"></use> </svg> <em>Item is Available for Store Pickup Only</em> </div> <!----- Custom code for BOPIS end -----> <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)" > <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)" ></div> <div class="rebuy-cart__flyout-item-property" v-for="property in itemProperties(item)" v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]" > <span class="rebuy-cart__flyout-item-property-name" v-html="property.key" ></span> <span class="rebuy-cart__flyout-item-property-separator"> : </span> <span class="rebuy-cart__flyout-item-property-value" v-html="property.value" ></span> </div> </div> <button class="rebuy-cart__flyout-item-remove" type="button" v-bind:alt="'Remove ' + item.product_title" v-bind:aria-label="'Remove ' + item.product_title" v-on:click="removeItem(item)" > <i class="far" v-bind:class="[(item.status == 'removing') ? 'fa-sync-alt fa-fast-spin' : 'fa-trash']" aria-hidden="true" ></i> </button> <div class="rebuy-cart__flyout-item-quantity"> <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item)" > <button class="rebuy-cart__flyout-item-quantity-widget-button" v-bind:alt="'Decrease quantity of ' + item.product_title" v-bind:aria-label="'Decrease quantity of ' + item.product_title" v-on:click="decreaseItem(item)" type="button" > <i class="far" v-bind:class="[(item.status == 'decreasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-minus']" aria-hidden="true" ></i> </button> <span class="rebuy-cart__flyout-item-quantity-widget-label" > <span class="sr-only">Quantity of {{ item.product_title }}</span> {{ item.quantity }} </span> <button class="rebuy-cart__flyout-item-quantity-widget-button" v-bind:alt="'Increase quantity of ' + item.product_title" v-bind:aria-label="'Increase quantity of ' + item.product_title" v-on:click="increaseItem(item)" type="button" > <i class="far" v-bind:class="[(item.status == 'increasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-plus']" aria-hidden="true" ></i> </button> </div> </div> <div class="rebuy-cart__flyout-item-price"> <div v-if="itemHasDiscount(item)"> <span class="rebuy-money sale" > <span class="sr-only">Sale price</span> <span v-html="formatMoney(itemPrice(item))"></span> </span> <span class="rebuy-money compare-at" > <span class="sr-only">Original price</span> <span v-html="formatMoney(compareAtPrice(item))"></span> </span> </div> <div v-if="!itemHasDiscount(item)"> <span class="rebuy-money" > <span class="sr-only">Price</span> <span v-html="formatMoney(itemPrice(item))"></span> </span> </div> </div> <div class="rebuy-cart__flyout-item-bundle" v-if="itemIsBundle(item) && !hideBundleOptions(item)"> <button class="rebuy-cart__flyout-item-bundle-show-button" v-if="itemBundleLength(item) > 0 && !isSeeingBundle(item)" v-on:click="toggleActiveBundle(item)" type="button" v-bind:alt="'Expand bundle of ' + item.product_title" v-bind:aria-label="'Expand bundle of ' + item.product_title" > Show <span v-html="itemBundleLength(item)"></span> items <span class="rebuy-cart__flyout-bundle-chev-icon"><i class="fas fa-chevron-down"></i></span> </button> <button class="rebuy-cart__flyout-item-bundle-hide-button" v-if="itemBundleLength(item) > 0 && isSeeingBundle(item)" v-on:click="toggleActiveBundle(item)" type="button" v-bind:alt="'Collapse bundle of ' + item.product_title" v-bind:aria-label="'Collapse bundle of ' + item.product_title" > Hide <span v-html="itemBundleLength(item)"></span> items <span class="rebuy-cart__flyout-bundle-chev-icon"><i class="fas fa-chevron-up"></i></span> </button> <ul class="rebuy-cart__flyout-item-bundle-children" v-if="itemBundleLength(item) > 0 && isSeeingBundle(item)" tabindex="0" > <li class="rebuy-cart__flyout-item-bundle-child" v-for="(option, index) in item.options_with_values"> <div class="rebuy-cart__flyout-item-bundle-child-left"> <div class="rebuy-cart__flyout-item-bundle-image-container"> <img v-bind:src="getBundleOptionImage(item.product, option, index)" v-bind:alt="childBundleTitle(option)" class="rebuy-cart__flyout-item-bundle-image" /> </div> </div> <div class="rebuy-cart__flyout-item-bundle-child-right"> <h5 v-html="childBundleTitle(option)" class="rebuy-cart__flyout-item-bundle-title"></h5> <p v-html="option.value" class="rebuy-cart__flyout-item-bundle-value"></p> </div> </li> <ul> </div> </div> <div v-if="itemHasBMSM(item) && bMSMFinalTierNotReached(item)" class="rebuy-cart__flyout-item-buy-more-save-more" > <div v-if="hasBMSMButtons()" class="rebuy-cart__flyout-item-buy-more-save-more-container" > <div v-for="tier in getBMSMTiers()" class="rebuy-cart__flyout-item-buy-more-save-more-button-container" v-if="tier.quantity > item.quantity" > <button v-on:click="adjustBMSMQuantity(item, tier)" class="rebuy-button rebuy-cart__flyout-item-buy-more-save-more-button" v-bind:alt="getBMSMButtonText(tier)" > <span v-html="getBMSMButtonText(tier)"></span> </button> </div> </div> <span v-if="!hasBMSMButtons()" class="rebuy-cart__flyout-buy-more-save-more-dynamic-message-text" v-html="buyMoreSaveMoreDynamicText(item)" ></span> </div> <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)" > <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" v-bind:alt="'Switch ' + item.product_title + ' to a Subscription'" v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" v-on:click="updateItemDeliveryFrequency(item, selectedSubscriptionFrequency(item, 0), 'onetime')" type="button" > <span v-html="switchToSubscriptionLabel(item)"></span> </button> <select class="rebuy-select muted" aria-label="subscription frequency" v-if="item.product.subscription && item.status != 'downgrading'" v-model="item.product.subscription_frequency" v-on:change="updateItemDeliveryFrequency(item)" > <optgroup v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()" v-bind:label="onetimeOptionGroupLabel(item)" > <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)" ></option> </optgroup> <optgroup v-bind:label="subscriptionOptionGroupLabel(item)"> <option v-for="frequency in subscriptionFrequencies(item)" v-bind:value="frequency" v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)" ></option> </optgroup> </select> </div> </li> </ul> <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> <label class="rebuy-cart__flyout-note-toggle"> <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" /> <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label" ></span> </label> <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()" > <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value" v-on:keyup="notesChange($event)" v-on:keydown="notesChange($event)" v-on:change="notesChange($event)" v-bind:placeholder="settings.language.notes_placeholder" ></textarea> <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()" ></small> </div> </div> <div class="rebuy-cart__flyout-empty-cart" v-html="emptyCartMessage()" v-if="!hasItems()"></div> <div class="rebuy-cart__flyout-empty-cart-footer" v-if="!hasItems()"> <div data-app-target="empty_cart"></div> </div> <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()"> <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id" ></div> </div> <div class="rebuy-cart__upsells" v-if="hasPrePurchase()"> <div v-bind:data-rebuy-id="settings.pre_purchase.id"></div> </div> </div> <div v-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container below"> <div class="rebuy-cart__progress-free-products" v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar) && getBarLayout(bar) == 'below' && earnedProducts(bar).length > 0"> <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]"> <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div> <div class="rebuy-cart__progress-free-product-info"> <div> <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p> <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="product.chosen_variant.title"></span> </div> <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container"> <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)"> <option value="" disabled selected>Select Variant</option> <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }}</option> </select> <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div> </div> </div> <button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove" v-on:click="removeFreeProduct(product)" v-bind:aria-label="'Remove ' + product.title + ' ' + (product.chosen_variant?.title)" > <i class="fal fa-times" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> <div class="rebuy-cart__flyout-footer" v-show="hasItems()"> <div class="rebuy-cart__flyout-discount-container" v-if="discountEnabled()"> <form class="rebuy-cart__flyout-discount-form" v-if="shouldShowDiscountInput()" v-on:submit="applyDiscount(null, $event)"> <div class="rebuy-input-wrapper rebuy-input-wrapper--floating-label" v-bind:class="[discount.inputValue ? 'show-label' : '' ]" > <span class="rebuy-input-label" v-html="settings.language.discount_code_label" ></span> <input class="rebuy-input" v-model="discount.inputValue" v-bind:placeholder="settings.language.discount_code_label" v-bind:disabled="discount.loading" id="rebuy-discount-input" aria-label="Input Discount" autocomplete /> </div> <button class="rebuy-button" v-bind:disabled="discount.loading" > <span v-html="discountButtonLabel()"></span> </button> </form> <div class="rebuy-cart__flyout-discount-error-message" v-if="discount.hasError()" v-html="discount.errorMessage()"></div> <div class="rebuy-cart__flyout-discount-tag" v-if="shouldShowDiscountSubtotal()"> <span class="rebuy-cart__flyout-discount-tag-icon"><i class="fas fa-tags"></i></span> <span class="rebuy-cart__flyout-discount-tag-text" v-html="discount.code"></span> <span class="rebuy-cart__flyout-discount-tag-remove" v-on:click="removeDiscount()" > <i class="far fa-times"></i> </span> </div> <div class="rebuy-cart__flyout-discount-amount" v-if="shouldShowDiscountSubtotal()"> <span v-html="discountTotal()"></span> </div> </div> <div class="rebuy-cart__flyout-integration" v-if="settings.integrations && settings.integrations.enabled" ></div> <div class="rebuy-cart__flyout-apps"> <div data-app-target="above_subtotal"></div> </div> <div class="rebuy-cart__flyout-subtotal"> <div class="rebuy-cart__flyout-subtotal-label"> <span v-html="subtotalLabel()"></span> </div> <div class="rebuy-cart__flyout-subtotal-amount" v-html="subtotal()" ></div> </div> <div data-app-target="below_subtotal"></div> <!-- Custom code for BOPIS start --> <div class="rebuy-cart__shipping-and-pickup"> <span>Shipping & Pickup Options in Checkout</span> </div> <!-- Custom code for BOPIS end--> <div class="rebuy-cart__flyout-actions"> <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms" > <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox" type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" /> <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer" ></label> </div> <button v-show="hasCheckoutButton()" class="rebuy-button rebuy-cart__checkout-button block" type="button" v-on:click="checkout()" v-bind:disabled="hasTermsEnabled() && !hasAcceptedTerms()" > <span v-html="checkoutLabel()"></span> </button> <button v-if="hasViewCartButton()" class="rebuy-button rebuy-cart__view-cart-button block" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()" > <span v-html="viewCartLabel()"></span> </button> <button v-if="hasContinueShoppingButton()" class="rebuy-button rebuy-cart__continue-shopping-button block outline" type="button" v-on:click="hide()" > <span v-html="continueShoppingLabel()"></span> </button> <button v-if="hasShopPayButton()" class="rebuy-button rebuy-cart__shop-pay-button block" v-on:click="shopPayCheckout()" aria-label="Checkout with Shop Pay" > <svg width="80" height="30" viewBox="0 0 4317 1037" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0)"> <path d="M1105.96 326.186C1071.34 253.553 1005.7 206.635 906.786 206.635C876.426 207.164 846.593 214.661 819.588 228.543C792.585 242.427 769.128 262.328 751.033 286.711L747.423 291.109V6.44337C747.423 4.7982 746.77 3.22051 745.606 2.05722C744.443 0.8939 742.864 0.240234 741.219 0.240234H601.367C599.742 0.269795 598.194 0.936325 597.055 2.09644C595.915 3.25656 595.277 4.81756 595.277 6.44337V822.999C595.277 824.614 595.92 826.162 597.062 827.304C598.204 828.447 599.752 829.089 601.367 829.089H751.145C752.771 829.089 754.332 828.452 755.492 827.311C756.652 826.172 757.318 824.624 757.348 822.999V474.835C757.348 407.165 802.461 359.231 874.643 359.231C953.592 359.231 973.555 424.195 973.555 490.398V822.999C973.555 824.614 974.196 826.162 975.338 827.304C976.48 828.447 978.03 829.089 979.645 829.089H1129.08C1130.71 829.089 1132.27 828.452 1133.43 827.311C1134.59 826.172 1135.26 824.624 1135.29 822.999V470.549C1135.29 458.481 1135.29 446.638 1133.71 435.135C1131.14 397.437 1121.74 360.519 1105.96 326.186Z" fill="white" /> <path d="M358.093 447.206C358.093 447.206 281.851 429.273 253.768 422.055C225.684 414.837 176.623 399.498 176.623 362.392C176.623 325.286 216.21 313.443 256.362 313.443C296.513 313.443 341.176 323.143 344.672 367.693C344.813 369.299 345.552 370.791 346.742 371.879C347.933 372.965 349.488 373.563 351.1 373.558L498.734 372.994C499.603 372.996 500.463 372.819 501.26 372.474C502.057 372.129 502.774 371.623 503.367 370.987C503.96 370.353 504.416 369.602 504.705 368.783C504.994 367.963 505.113 367.093 505.05 366.226C495.915 223.668 370.837 172.69 255.459 172.69C118.652 172.69 18.6132 262.917 18.6132 362.392C18.6132 435.025 39.1399 503.147 200.533 550.516C228.842 558.749 267.302 569.463 300.912 578.825C341.288 590.104 363.055 607.134 363.055 633.976C363.055 665.104 317.942 686.758 273.618 686.758C209.444 686.758 163.879 662.961 160.157 620.215C159.963 618.652 159.202 617.212 158.016 616.172C156.831 615.132 155.305 614.564 153.728 614.576L6.43255 615.253C5.569 615.253 4.71432 615.426 3.91928 615.764C3.12425 616.101 2.40528 616.594 1.80527 617.216C1.20527 617.836 0.736446 618.572 0.426968 619.378C0.11749 620.185 -0.0263401 621.045 0.00395994 621.908C6.77099 756.459 136.698 828.978 257.829 828.978C438.283 828.978 519.825 727.474 519.825 632.397C520.051 587.734 509.787 486.003 358.093 447.206Z" fill="white" /> <path d="M2257.37 206.409C2182.38 206.409 2119.55 247.913 2079.06 297.991V212.274C2079.06 210.678 2078.43 209.145 2077.31 208.007C2076.21 206.868 2074.68 206.213 2073.08 206.185H1933.01C1931.4 206.185 1929.84 206.825 1928.7 207.967C1927.56 209.11 1926.91 210.66 1926.91 212.274V1013.04C1926.95 1014.63 1927.61 1016.16 1928.75 1017.27C1929.89 1018.39 1931.42 1019.02 1933.01 1019.02H2082.9C2084.48 1019.02 2086 1018.39 2087.12 1017.27C2088.24 1016.15 2088.87 1014.62 2088.87 1013.04V749.802H2091.13C2114.92 786.117 2180 829.653 2265.05 829.653C2424.96 829.653 2558.28 697.019 2558.28 517.806C2558.4 345.811 2425.76 206.409 2257.37 206.409ZM2243.5 677.057C2211.94 677.841 2180.83 669.2 2154.2 652.238C2127.57 635.274 2106.58 610.759 2093.93 581.82C2081.29 552.88 2077.55 520.829 2083.21 489.757C2088.85 458.685 2103.64 430.002 2125.66 407.369C2147.69 384.733 2175.96 369.175 2206.87 362.679C2237.77 356.183 2269.91 359.042 2299.18 370.893C2328.46 382.743 2353.53 403.048 2371.22 429.215C2388.9 455.383 2398.38 486.224 2398.47 517.806C2398.79 538.449 2395.03 558.955 2387.42 578.145C2379.81 597.335 2368.47 614.831 2354.07 629.628C2339.68 644.425 2322.5 656.232 2303.51 664.371C2284.54 672.511 2264.15 676.821 2243.5 677.057Z" fill="white" /> <path d="M1483.34 171.229C1343.6 171.229 1273.9 218.711 1217.95 256.72L1216.26 257.847C1213.38 259.821 1211.35 262.813 1210.57 266.221C1209.8 269.63 1210.34 273.204 1212.09 276.231L1267.35 371.419C1268.39 373.201 1269.81 374.732 1271.5 375.901C1273.2 377.071 1275.13 377.852 1277.17 378.187C1279.16 378.546 1281.2 378.459 1283.15 377.932C1285.1 377.405 1286.91 376.454 1288.45 375.141L1292.84 371.533C1321.6 347.397 1367.73 315.14 1479.39 306.343C1541.53 301.382 1595.22 317.622 1634.8 354.615C1678.34 394.767 1704.4 459.617 1704.4 528.077C1704.4 654.057 1630.18 733.23 1510.97 734.81C1412.73 734.246 1346.75 683.042 1346.75 607.364C1346.75 567.212 1364.91 541.047 1400.33 514.881C1403.03 512.947 1404.94 510.1 1405.71 506.866C1406.48 503.632 1406.05 500.229 1404.5 497.287L1354.87 403.45C1353.96 401.771 1352.72 400.289 1351.23 399.089C1349.74 397.889 1348.03 396.995 1346.19 396.458C1344.31 395.899 1342.34 395.741 1340.4 395.992C1338.45 396.245 1336.58 396.903 1334.91 397.925C1279.2 430.97 1210.85 491.422 1214.57 607.59C1219.08 755.449 1342.02 868.345 1501.83 872.97H1509.84H1520.78C1710.7 866.766 1847.85 725.787 1847.85 534.619C1847.85 359.126 1719.95 171.229 1483.34 171.229Z" fill="white" /> <path d="M3148.93 261.455H3053.73C3051.51 261.484 3049.37 262.385 3047.79 263.964C3046.2 265.544 3045.3 267.679 3045.29 269.914V469.653C3045.3 471.878 3046.21 473.999 3047.8 475.561C3049.38 477.123 3051.51 478 3053.73 478H3148.93C3206.9 478 3249.65 432.322 3249.65 369.727C3249.65 307.132 3206.9 261.455 3148.93 261.455Z" fill="white" /> <path d="M3441.38 614.802C3441.38 643.787 3465.85 659.915 3508.48 659.915C3566.45 659.915 3600.73 628.561 3600.73 572.958V556.944L3513.9 561.455C3468.1 563.71 3441.38 582.772 3441.38 614.802Z" fill="white" /> <path d="M4146.27 2.04983H2867.3C2846.33 2.04981 2825.54 6.18442 2806.17 14.2172C2786.78 22.25 2769.17 34.0237 2754.35 48.8653C2739.51 63.707 2727.75 81.3258 2719.73 100.715C2711.7 120.104 2707.59 140.883 2707.61 161.865V862.026C2707.61 904.392 2724.43 945.025 2754.38 974.992C2784.33 1004.96 2824.95 1021.81 2867.3 1021.84H4146.27C4167.28 1021.9 4188.1 1017.82 4207.53 1009.83C4226.95 1001.84 4244.61 990.093 4259.5 975.273C4274.37 960.45 4286.2 942.839 4294.28 923.445C4302.35 904.052 4306.51 883.258 4306.55 862.252V162.09C4306.58 141.042 4302.47 120.192 4294.43 100.74C4286.39 81.2884 4274.58 63.6179 4259.69 48.7448C4244.8 33.8719 4227.11 22.0899 4207.65 14.0763C4188.19 6.06265 4167.33 1.97545 4146.27 2.04983ZM3153.77 556.609H3053.17C3050.93 556.609 3048.79 557.499 3047.19 559.085C3045.61 560.672 3044.71 562.824 3044.71 565.068V708.302C3044.71 710.545 3043.82 712.697 3042.24 714.283C3040.65 715.87 3038.5 716.761 3036.26 716.761H2965.42C2963.2 716.732 2961.05 715.831 2959.47 714.25C2957.89 712.672 2957.01 710.537 2956.97 708.302V191.639C2956.97 189.397 2957.86 187.245 2959.46 185.658C2961.04 184.072 2963.18 183.181 2965.42 183.181H3153.77C3260.47 183.181 3336.82 260.889 3336.82 369.951C3336.82 479.013 3261.03 556.833 3154.35 556.833L3153.77 556.609ZM3683.86 708.19C3683.88 709.31 3683.68 710.421 3683.25 711.461C3682.83 712.5 3682.21 713.447 3681.43 714.244C3680.63 715.041 3679.7 715.675 3678.66 716.107C3677.64 716.538 3676.52 716.761 3675.4 716.761H3608.52C3607.4 716.761 3606.29 716.538 3605.26 716.107C3604.22 715.675 3603.28 715.041 3602.5 714.244C3601.72 713.447 3601.09 712.5 3600.68 711.461C3600.26 710.421 3600.05 709.31 3600.07 708.19V692.739C3600.17 691.382 3599.85 690.026 3599.12 688.874C3598.41 687.72 3597.34 686.829 3596.06 686.334C3594.8 685.84 3593.41 685.769 3592.1 686.131C3590.77 686.491 3589.62 687.266 3588.79 688.34C3568.82 710.107 3536.34 725.896 3484.57 725.896C3408.34 725.896 3357.91 686.197 3357.91 617.624C3357.18 600.904 3360.63 584.265 3367.96 569.216C3375.28 554.17 3386.26 541.19 3399.88 531.458C3427.39 510.818 3470.02 500.104 3533.29 497.622L3600.39 495.367V475.741C3600.39 436.154 3573.78 419.35 3531.03 419.35C3488.29 419.35 3461.33 434.463 3455.03 459.163C3454.52 460.907 3453.45 462.433 3451.97 463.496C3450.51 464.56 3448.72 465.098 3446.9 465.027H3380.7C3379.48 465.058 3378.27 464.82 3377.15 464.334C3376.05 463.846 3375.04 463.12 3374.23 462.206C3373.43 461.291 3372.83 460.214 3372.49 459.044C3372.14 457.875 3372.05 456.646 3372.24 455.441C3382.17 396.793 3430.66 352.243 3534.09 352.243C3643.94 352.243 3683.52 403.335 3683.52 500.892L3683.86 708.19ZM4100.49 372.995L3951.62 770.108C3917.78 862.364 3858.56 886.05 3793.71 886.05C3781.5 886.348 3769.3 884.866 3757.51 881.652C3755.67 881.157 3754.06 880.073 3752.88 878.563C3751.73 877.056 3751.1 875.208 3751.08 873.305V812.965C3751.08 811.703 3751.35 810.455 3751.88 809.311C3752.42 808.167 3753.19 807.154 3754.16 806.347C3755.14 805.538 3756.27 804.955 3757.49 804.637C3758.71 804.319 3759.99 804.274 3761.23 804.506C3771.46 806.446 3781.84 807.428 3792.25 807.44C3810.18 808.339 3827.9 803.193 3842.57 792.825C3857.22 782.457 3867.98 767.467 3873.11 750.258L3877.52 736.385C3878.2 734.529 3878.2 732.491 3877.52 730.633L3738.33 373.109C3737.91 371.831 3737.79 370.469 3737.99 369.137C3738.2 367.804 3738.71 366.537 3739.47 365.439C3740.26 364.341 3741.29 363.442 3742.48 362.814C3743.67 362.187 3745 361.849 3746.34 361.83H3814.02C3815.75 361.847 3817.43 362.381 3818.86 363.367C3820.29 364.351 3821.39 365.741 3822.02 367.357L3916.54 619.542C3917.17 621.189 3918.27 622.608 3919.72 623.609C3921.18 624.612 3922.89 625.147 3924.66 625.147C3926.41 625.147 3928.15 624.612 3929.59 623.609C3931.04 622.608 3932.16 621.189 3932.77 619.542L4014.78 368.034C4015.32 366.319 4016.41 364.825 4017.87 363.77C4019.33 362.714 4021.08 362.153 4022.88 362.169H4092.26C4093.59 362.163 4094.91 362.475 4096.12 363.073C4097.31 363.673 4098.36 364.545 4099.16 365.62C4099.96 366.695 4100.49 367.942 4100.72 369.263C4100.96 370.582 4100.88 371.938 4100.49 373.221V372.995Z" fill="white" /> </g> <defs> <clipPath id="clip0"> <rect width="4317" height="1036.76" fill="white" transform="translate(0 0.240234)" /> </clipPath> </defs> </svg> </button> </div> <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()" ></div> <div data-app-target="below_checkout"></div> </div> </div> <div class="rebuy-cart__background" v-on:click="hide()"></div> <div id="rebuy-cart-live-region" class="sr-only" aria-live="polite"></div> </div> </script> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MMNLTPJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <section id="shopify-section-announcement-bar" class="shopify-section"><div class="announcement-bar"> <div class="container"> <a href="/collections/new-arrivals" class="announcement-bar__content announcement-bar__link"> Timeless comfort. Enduring quality. Shop Our Spring New Arrivals. </a> <button type="button" class="announcement-bar__close"> <span class="sr-only">Close</span> <svg class="icon icon__close menu__icon" aria-hidden="true" focusable="false" > <use xlink:href="#icon-close"></use> </svg> </button> </div> </div> </section> <section id="shopify-section-header" class="shopify-section shopify-section--header"><div data-section-id="header" data-section-type="header"> <header role="banner" class="header header--default header--black"> <div class="header__container"> <a href="/" class="header__link header__link--logo" aria-current="page"> <img class="header__logo" src="//www.kitandace.com/cdn/shop/files/Kit-and-Ace-logo_b178dbd9-e3c9-47b2-9cd8-0730af654dde.png?v=1723236740" srcset="//www.kitandace.com/cdn/shop/files/Kit-and-Ace-logo_b178dbd9-e3c9-47b2-9cd8-0730af654dde.png?v=1723236740 1x, //www.kitandace.com/cdn/shop/files/Kit-and-Ace-logo_b178dbd9-e3c9-47b2-9cd8-0730af654dde.png?v=1723236740 2x" alt="Kit and Ace" > <span class="sr-only">Kit and Ace</span> <img class="header__logo--white" src="//www.kitandace.com/cdn/shop/files/k-a-logo-white.svg?v=1714591792" srcset="//www.kitandace.com/cdn/shop/files/k-a-logo-white.svg?v=1714591792 1x, //www.kitandace.com/cdn/shop/files/k-a-logo-white.svg?v=1714591792 2x" alt="Kit and Ace" > </a> <div class="header__mobile-links"> <div class="search-box search-box--default search-box--header search-box--predictive"> <button type="button" class="search-box__toggle" aria-label="Open search form" aria-controls="predictive-search-input-header"> <svg class="icon icon__search search__icon svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-search"></use> </svg> <span class="search-box__toggle-title sr-only">Search</span> </button> <iam-predictive-search class='iam-predictive-search'> <div class="container"> <form action="/search" method="get" role="search" class="form form--search"> <label for="predictive-search-input-header" class="form__label"> Search </label> <div class="form__field form__field--input form__field--search"> <div class="form__element"> <input id="predictive-search-input-header" class="form__control form__input search__input" type="search" name="q" placeholder="Search our store" value="" data-resources-type="product," data-mobile-disable="false" role="combobox" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false" > <button type="button" class="search__close"> <svg class="icon icon__close close__icon svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-close"></use> </svg> <span class="sr-only">Close</span> </button> <input name="options[prefix]" type="hidden" value="last"> </div> </div> <div class="form__field form__field--button"> <button type="submit" class="button search__submit"> <svg class="icon icon__search search__icon svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-search"></use> </svg> <span class="sr-only">Search</span> </button> </div> <div id="predictive-search" class="predictive-search" tabindex="-1" style="display: none"></div> </form> </div> </iam-predictive-search> </div> <a href="/cart" class="header__link header__link--cart"> <span class="menu__title"> <svg class="icon icon__cart " aria-hidden="true" focusable="false" > <use xlink:href="#icon-cart"></use> </svg> <span class="sr-only">Cart</span> <span class='cart__item-count' aria-hidden="true">0</span><span class="sr-only cart__item--count-sr"></span> </span> </a> <button type="button" class="header__link header__link--menu" aria-expanded="false"> <span class="header__icon"></span> <span class="sr-only">Main Menu</span> </button> </div> <div class="header__nav-wrapper mobile-slide"> <nav class="header-menu" aria-label=Main> <ul class="header-menu__list header-menu__list--mobile header-menu__list--level-1"> <li class="header-menu__item header-menu__item--level-1 header-menu__item--dropdown "> <button class="header-menu__button" tabindex="0" aria-labelledby="mobile-women-label" aria-controls="mobile-women-menu" aria-expanded="false" > <span id="mobile-women-label" class="header-menu__title"> Women </span> <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Women submenu</span> </span> </button> <ul id="mobile-women-menu" class="header-menu__list header-menu__list--level-2" role="dialog" aria-modal="true" aria-labelledby="mobile-women-menu-back" > <div class="header-menu__back"> <span class="back__button" role="button" tabindex="0" aria-controls="mobile-women-menu" aria-expanded="false" > <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Back to main menu</span> </span> <span id="mobile-women-menu-back" class="back__title">Women</span> </div> <li class="header-menu__item header-menu__item--level-2 header-menu__item--dropdown js--is-open"> <button class="header-menu__button" tabindex="0" aria-labelledby="mobile-bestsellers-label" aria-controls="mobile-bestsellers-menu" aria-expanded="true" > <span id="mobile-bestsellers-label" class="header-menu__title"> Bestsellers </span> <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Bestsellers submenu</span> </span> </button> <ul id="mobile-bestsellers-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-bestsellers" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shop-all-bestsellers-label" > <span id="mobile-shop-all-bestsellers-label" class="header-menu__title"> Shop All Bestsellers </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/maven-pants" class="header-menu__link" tabindex="0" aria-labelledby="mobile-maven-pants-label" > <span id="mobile-maven-pants-label" class="header-menu__title"> Maven Pants </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/marbella-collection" class="header-menu__link" tabindex="0" aria-labelledby="mobile-marbella-shirts-label" > <span id="mobile-marbella-shirts-label" class="header-menu__title"> Marbella Shirts </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-brushed-french-terry" class="header-menu__link" tabindex="0" aria-labelledby="mobile-brushed-french-terry-label" > <span id="mobile-brushed-french-terry-label" class="header-menu__title"> Brushed French Terry </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-tees-tanks" class="header-menu__link" tabindex="0" aria-labelledby="mobile-t-shirts-label" > <span id="mobile-t-shirts-label" class="header-menu__title"> T-Shirts </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2 header-menu__item--dropdown js--is-open"> <button class="header-menu__button" tabindex="0" aria-labelledby="mobile-new-arrivals-label" aria-controls="mobile-new-arrivals-menu" aria-expanded="true" > <span id="mobile-new-arrivals-label" class="header-menu__title"> New Arrivals </span> <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">New Arrivals submenu</span> </span> </button> <ul id="mobile-new-arrivals-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-new-arrivals" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shop-all-new-arrivals-label" > <span id="mobile-shop-all-new-arrivals-label" class="header-menu__title"> Shop All New Arrivals </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2 header-menu__item--dropdown js--is-open"> <button class="header-menu__button" tabindex="0" aria-labelledby="mobile-tops-label" aria-controls="mobile-tops-menu" aria-expanded="true" > <span id="mobile-tops-label" class="header-menu__title"> Tops </span> <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Tops submenu</span> </span> </button> <ul id="mobile-tops-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-tops" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shop-all-womens-tops-label" > <span id="mobile-shop-all-womens-tops-label" class="header-menu__title"> Shop All Women's Tops </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-sweaters-long-sleeve-tops" class="header-menu__link" tabindex="0" aria-labelledby="mobile-sweaters-long-sleeve-label" > <span id="mobile-sweaters-long-sleeve-label" class="header-menu__title"> Sweaters + Long Sleeve </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-shirts-blouses" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shirts-blouses-label" > <span id="mobile-shirts-blouses-label" class="header-menu__title"> Shirts + Blouses </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-tees-tanks" class="header-menu__link" tabindex="0" aria-labelledby="mobile-t-shirts-tanks-label" > <span id="mobile-t-shirts-tanks-label" class="header-menu__title"> T-Shirts + Tanks </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-jackets-blazers" class="header-menu__link" tabindex="0" aria-labelledby="mobile-jackets-blazers-label" > <span id="mobile-jackets-blazers-label" class="header-menu__title"> Jackets + Blazers </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2 header-menu__item--dropdown js--is-open"> <button class="header-menu__button" tabindex="0" aria-labelledby="mobile-bottoms-label" aria-controls="mobile-bottoms-menu" aria-expanded="true" > <span id="mobile-bottoms-label" class="header-menu__title"> Bottoms </span> <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Bottoms submenu</span> </span> </button> <ul id="mobile-bottoms-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-bottoms" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shop-all-womens-bottoms-label" > <span id="mobile-shop-all-womens-bottoms-label" class="header-menu__title"> Shop All Women's Bottoms </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-pants" class="header-menu__link" tabindex="0" aria-labelledby="mobile-pants-leggings-label" > <span id="mobile-pants-leggings-label" class="header-menu__title"> Pants + Leggings </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-shorts-skirts" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shorts-skirts-label" > <span id="mobile-shorts-skirts-label" class="header-menu__title"> Shorts + Skirts </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/womens-dresses-jumpsuits" class="header-menu__link" tabindex="0" aria-labelledby="mobile-dresses-jumpsuits-label" > <span id="mobile-dresses-jumpsuits-label" class="header-menu__title"> Dresses + Jumpsuits </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2 js--is-open"> <a href="/collections/womens" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shop-all-womens-clothing-label" > <span id="mobile-shop-all-womens-clothing-label" class="header-menu__title"> Shop All Women's Clothing </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-1 header-menu__item--dropdown "> <button class="header-menu__button" tabindex="0" aria-labelledby="mobile-men-label" aria-controls="mobile-men-menu" aria-expanded="false" > <span id="mobile-men-label" class="header-menu__title"> Men </span> <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Men submenu</span> </span> </button> <ul id="mobile-men-menu" class="header-menu__list header-menu__list--level-2" role="dialog" aria-modal="true" aria-labelledby="mobile-men-menu-back" > <div class="header-menu__back"> <span class="back__button" role="button" tabindex="0" aria-controls="mobile-men-menu" aria-expanded="false" > <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Back to main menu</span> </span> <span id="mobile-men-menu-back" class="back__title">Men</span> </div> <li class="header-menu__item header-menu__item--level-2 header-menu__item--dropdown js--is-open"> <button class="header-menu__button" tabindex="0" aria-labelledby="mobile-bestsellers-label" aria-controls="mobile-bestsellers-menu" aria-expanded="true" > <span id="mobile-bestsellers-label" class="header-menu__title"> Bestsellers </span> <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Bestsellers submenu</span> </span> </button> <ul id="mobile-bestsellers-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-bestsellers" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shop-all-bestsellers-label" > <span id="mobile-shop-all-bestsellers-label" class="header-menu__title"> Shop All Bestsellers </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/navigator-pants" class="header-menu__link" tabindex="0" aria-labelledby="mobile-navigator-pants-label" > <span id="mobile-navigator-pants-label" class="header-menu__title"> Navigator Pants </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/city-tech-collection" class="header-menu__link" tabindex="0" aria-labelledby="mobile-city-tech-shirts-label" > <span id="mobile-city-tech-shirts-label" class="header-menu__title"> City Tech Shirts </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-brushed-french-terry" class="header-menu__link" tabindex="0" aria-labelledby="mobile-brushed-french-terry-label" > <span id="mobile-brushed-french-terry-label" class="header-menu__title"> Brushed French Terry </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-tees" class="header-menu__link" tabindex="0" aria-labelledby="mobile-t-shirts-label" > <span id="mobile-t-shirts-label" class="header-menu__title"> T-Shirts </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2 header-menu__item--dropdown js--is-open"> <button class="header-menu__button" tabindex="0" aria-labelledby="mobile-new-arrivals-label" aria-controls="mobile-new-arrivals-menu" aria-expanded="true" > <span id="mobile-new-arrivals-label" class="header-menu__title"> New Arrivals </span> <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">New Arrivals submenu</span> </span> </button> <ul id="mobile-new-arrivals-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-new-arrivals" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shop-all-new-arrivals-label" > <span id="mobile-shop-all-new-arrivals-label" class="header-menu__title"> Shop All New Arrivals </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2 header-menu__item--dropdown js--is-open"> <button class="header-menu__button" tabindex="0" aria-labelledby="mobile-tops-label" aria-controls="mobile-tops-menu" aria-expanded="true" > <span id="mobile-tops-label" class="header-menu__title"> Tops </span> <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Tops submenu</span> </span> </button> <ul id="mobile-tops-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-tops" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shop-all-mens-tops-label" > <span id="mobile-shop-all-mens-tops-label" class="header-menu__title"> Shop All Men's Tops </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-sweaters-long-sleeve-tops" class="header-menu__link" tabindex="0" aria-labelledby="mobile-sweaters-long-sleeve-label" > <span id="mobile-sweaters-long-sleeve-label" class="header-menu__title"> Sweaters + Long Sleeve </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-shirts-polos" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shirts-polos-label" > <span id="mobile-shirts-polos-label" class="header-menu__title"> Shirts + Polos </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-tees" class="header-menu__link" tabindex="0" aria-labelledby="mobile-t-shirts-label" > <span id="mobile-t-shirts-label" class="header-menu__title"> T-Shirts </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-jackets-blazers" class="header-menu__link" tabindex="0" aria-labelledby="mobile-jackets-blazers-label" > <span id="mobile-jackets-blazers-label" class="header-menu__title"> Jackets + Blazers </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2 header-menu__item--dropdown js--is-open"> <button class="header-menu__button" tabindex="0" aria-labelledby="mobile-bottoms-label" aria-controls="mobile-bottoms-menu" aria-expanded="true" > <span id="mobile-bottoms-label" class="header-menu__title"> Bottoms </span> <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Bottoms submenu</span> </span> </button> <ul id="mobile-bottoms-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-bottoms" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shop-all-mens-bottoms-label" > <span id="mobile-shop-all-mens-bottoms-label" class="header-menu__title"> Shop All Men's Bottoms </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-pants" class="header-menu__link" tabindex="0" aria-labelledby="mobile-pants-joggers-label" > <span id="mobile-pants-joggers-label" class="header-menu__title"> Pants + Joggers </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/collections/mens-shorts" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shorts-label" > <span id="mobile-shorts-label" class="header-menu__title"> Shorts </span> </a> </li> <li class="header-menu__item header-menu__item--level-3 "> <a href="/products/braided-stretch-belt-charcoal" class="header-menu__link" tabindex="0" aria-labelledby="mobile-belts-label" > <span id="mobile-belts-label" class="header-menu__title"> Belts </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2 js--is-open"> <a href="/collections/mens" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shop-all-mens-clothing-label" > <span id="mobile-shop-all-mens-clothing-label" class="header-menu__title"> Shop All Men's Clothing </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-1 header-menu__item--dropdown "> <button class="header-menu__button" tabindex="0" aria-labelledby="mobile-sale-label" aria-controls="mobile-sale-menu" aria-expanded="false" > <span id="mobile-sale-label" class="header-menu__title"> Sale </span> <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Sale submenu</span> </span> </button> <ul id="mobile-sale-menu" class="header-menu__list header-menu__list--level-2" role="dialog" aria-modal="true" aria-labelledby="mobile-sale-menu-back" > <div class="header-menu__back"> <span class="back__button" role="button" tabindex="0" aria-controls="mobile-sale-menu" aria-expanded="false" > <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Back to main menu</span> </span> <span id="mobile-sale-menu-back" class="back__title">Sale</span> </div> <li class="header-menu__item header-menu__item--level-2 js--is-open"> <a href="/collections/womens-sale" class="header-menu__link" tabindex="0" aria-labelledby="mobile-women-label" > <span id="mobile-women-label" class="header-menu__title"> Women </span> </a> </li> <li class="header-menu__item header-menu__item--level-2 js--is-open"> <a href="/collections/mens-sale" class="header-menu__link" tabindex="0" aria-labelledby="mobile-men-label" > <span id="mobile-men-label" class="header-menu__title"> Men </span> </a> </li> <li class="header-menu__item header-menu__item--level-2 js--is-open"> <a href="/collections/sale" class="header-menu__link" tabindex="0" aria-labelledby="mobile-shop-all-sale-label" > <span id="mobile-shop-all-sale-label" class="header-menu__title"> Shop All Sale </span> </a> </li> </ul> </li> </ul> <ul class="header-menu__list header-menu__list--desktop header-menu__list--level-1"> <li class="header-menu__item header-menu__item--level-1 header-menu__item--dropdown"> <a href="/collections/womens" class="header-menu__link" tabindex="0" aria-labelledby="women-label" > <span id="women-label" class="header-menu__title"> Women </span> </a> <button class="header-menu__button" tabindex="0" aria-controls="women-menu" aria-expanded="false" > <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Women submenu</span> </span> </button> <ul id="women-menu" class="header-menu__list header-menu__list--level-2 is-mega" role="region" aria-labelledby="women-label" > <div class="header-menu_columns"> <div class="header-menu__column header-menu__column--links multi-level"> <li class="header-menu__item header-menu__item--level-2"> <a href="/collections/womens-bestsellers" class="header-menu__link" tabindex="0" aria-labelledby="bestsellers-label" > <span id="bestsellers-label" class="header-menu__title"> Bestsellers </span> </a> <ul id="bestsellers-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/maven-pants" class="header-menu__link" tabindex="0" aria-labelledby="maven-pants-label" > <span id="maven-pants-label" class="header-menu__title"> Maven Pants </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/marbella-collection" class="header-menu__link" tabindex="0" aria-labelledby="marbella-shirts-label" > <span id="marbella-shirts-label" class="header-menu__title"> Marbella Shirts </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/womens-brushed-french-terry" class="header-menu__link" tabindex="0" aria-labelledby="brushed-french-terry-label" > <span id="brushed-french-terry-label" class="header-menu__title"> Brushed French Terry </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/womens-tees-tanks" class="header-menu__link" tabindex="0" aria-labelledby="t-shirts-label" > <span id="t-shirts-label" class="header-menu__title"> T-Shirts </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2"> <a href="/collections/womens-new-arrivals" class="header-menu__link" tabindex="0" aria-labelledby="new-arrivals-label" > <span id="new-arrivals-label" class="header-menu__title"> New Arrivals </span> </a> <ul id="new-arrivals-menu" class="header-menu__list header-menu__list--level-3" > </ul> </li> <li class="header-menu__item header-menu__item--level-2"> <a href="/collections/womens-tops" class="header-menu__link" tabindex="0" aria-labelledby="tops-label" > <span id="tops-label" class="header-menu__title"> Tops </span> </a> <ul id="tops-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/womens-sweaters-long-sleeve-tops" class="header-menu__link" tabindex="0" aria-labelledby="sweaters-long-sleeve-label" > <span id="sweaters-long-sleeve-label" class="header-menu__title"> Sweaters + Long Sleeve </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/womens-shirts-blouses" class="header-menu__link" tabindex="0" aria-labelledby="shirts-blouses-label" > <span id="shirts-blouses-label" class="header-menu__title"> Shirts + Blouses </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/womens-tees-tanks" class="header-menu__link" tabindex="0" aria-labelledby="t-shirts-tanks-label" > <span id="t-shirts-tanks-label" class="header-menu__title"> T-Shirts + Tanks </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/womens-jackets-blazers" class="header-menu__link" tabindex="0" aria-labelledby="jackets-blazers-label" > <span id="jackets-blazers-label" class="header-menu__title"> Jackets + Blazers </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2"> <a href="/collections/womens-bottoms" class="header-menu__link" tabindex="0" aria-labelledby="bottoms-label" > <span id="bottoms-label" class="header-menu__title"> Bottoms </span> </a> <ul id="bottoms-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/womens-pants" class="header-menu__link" tabindex="0" aria-labelledby="pants-leggings-label" > <span id="pants-leggings-label" class="header-menu__title"> Pants + Leggings </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/womens-shorts-skirts" class="header-menu__link" tabindex="0" aria-labelledby="shorts-skirts-label" > <span id="shorts-skirts-label" class="header-menu__title"> Shorts + Skirts </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/womens-dresses-jumpsuits" class="header-menu__link" tabindex="0" aria-labelledby="dresses-jumpsuits-label" > <span id="dresses-jumpsuits-label" class="header-menu__title"> Dresses + Jumpsuits </span> </a> </li> </ul> </li> </div> </div> </ul> </li> <li class="header-menu__item header-menu__item--level-1 header-menu__item--dropdown"> <a href="/collections/mens" class="header-menu__link" tabindex="0" aria-labelledby="men-label" > <span id="men-label" class="header-menu__title"> Men </span> </a> <button class="header-menu__button" tabindex="0" aria-controls="men-menu" aria-expanded="false" > <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Men submenu</span> </span> </button> <ul id="men-menu" class="header-menu__list header-menu__list--level-2 is-mega" role="region" aria-labelledby="men-label" > <div class="header-menu_columns"> <div class="header-menu__column header-menu__column--links multi-level"> <li class="header-menu__item header-menu__item--level-2"> <a href="/collections/mens-bestsellers" class="header-menu__link" tabindex="0" aria-labelledby="bestsellers-label" > <span id="bestsellers-label" class="header-menu__title"> Bestsellers </span> </a> <ul id="bestsellers-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/navigator-pants" class="header-menu__link" tabindex="0" aria-labelledby="navigator-pants-label" > <span id="navigator-pants-label" class="header-menu__title"> Navigator Pants </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/city-tech-collection" class="header-menu__link" tabindex="0" aria-labelledby="city-tech-shirts-label" > <span id="city-tech-shirts-label" class="header-menu__title"> City Tech Shirts </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/mens-brushed-french-terry" class="header-menu__link" tabindex="0" aria-labelledby="brushed-french-terry-label" > <span id="brushed-french-terry-label" class="header-menu__title"> Brushed French Terry </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/mens-tees" class="header-menu__link" tabindex="0" aria-labelledby="t-shirts-label" > <span id="t-shirts-label" class="header-menu__title"> T-Shirts </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2"> <a href="/collections/mens-new-arrivals" class="header-menu__link" tabindex="0" aria-labelledby="new-arrivals-label" > <span id="new-arrivals-label" class="header-menu__title"> New Arrivals </span> </a> <ul id="new-arrivals-menu" class="header-menu__list header-menu__list--level-3" > </ul> </li> <li class="header-menu__item header-menu__item--level-2"> <a href="/collections/mens-tops" class="header-menu__link" tabindex="0" aria-labelledby="tops-label" > <span id="tops-label" class="header-menu__title"> Tops </span> </a> <ul id="tops-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/mens-sweaters-long-sleeve-tops" class="header-menu__link" tabindex="0" aria-labelledby="sweaters-long-sleeve-label" > <span id="sweaters-long-sleeve-label" class="header-menu__title"> Sweaters + Long Sleeve </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/mens-shirts-polos" class="header-menu__link" tabindex="0" aria-labelledby="shirts-polos-label" > <span id="shirts-polos-label" class="header-menu__title"> Shirts + Polos </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/mens-tees" class="header-menu__link" tabindex="0" aria-labelledby="t-shirts-label" > <span id="t-shirts-label" class="header-menu__title"> T-Shirts </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/mens-jackets-blazers" class="header-menu__link" tabindex="0" aria-labelledby="jackets-blazers-label" > <span id="jackets-blazers-label" class="header-menu__title"> Jackets + Blazers </span> </a> </li> </ul> </li> <li class="header-menu__item header-menu__item--level-2"> <a href="/collections/mens-bottoms" class="header-menu__link" tabindex="0" aria-labelledby="bottoms-label" > <span id="bottoms-label" class="header-menu__title"> Bottoms </span> </a> <ul id="bottoms-menu" class="header-menu__list header-menu__list--level-3" > <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/mens-pants" class="header-menu__link" tabindex="0" aria-labelledby="pants-joggers-label" > <span id="pants-joggers-label" class="header-menu__title"> Pants + Joggers </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/collections/mens-shorts" class="header-menu__link" tabindex="0" aria-labelledby="shorts-label" > <span id="shorts-label" class="header-menu__title"> Shorts </span> </a> </li> <li class="header-menu__item header-menu__item--level-3"> <a href="/products/braided-stretch-belt-charcoal" class="header-menu__link" tabindex="0" aria-labelledby="belts-label" > <span id="belts-label" class="header-menu__title"> Belts </span> </a> </li> </ul> </li> </div> </div> </ul> </li> <li class="header-menu__item header-menu__item--level-1 header-menu__item--dropdown"> <a href="/collections/sale" class="header-menu__link" tabindex="0" aria-labelledby="sale-label" > <span id="sale-label" class="header-menu__title"> Sale </span> </a> <button class="header-menu__button" tabindex="0" aria-controls="sale-menu" aria-expanded="false" > <span class="button__icon"> <svg class="icon icon__arrow--down " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> <span class="sr-only">Sale submenu</span> </span> </button> <ul id="sale-menu" class="header-menu__list header-menu__list--level-2" role="region" aria-labelledby="sale-label" > <li class="header-menu__item header-menu__item--level-2"> <a href="/collections/womens-sale" class="header-menu__link" tabindex="0" aria-labelledby="women-label" > <span id="women-label" class="header-menu__title"> Women </span> </a> </li> <li class="header-menu__item header-menu__item--level-2"> <a href="/collections/mens-sale" class="header-menu__link" tabindex="0" aria-labelledby="men-label" > <span id="men-label" class="header-menu__title"> Men </span> </a> </li> </ul> </li> </ul> </nav> <div class="menu menu--secondary"> <ul class="menu__list"> <li class="search-box search-box--default search-box--header search-box--predictive"> <button type="button" class="search-box__toggle" aria-label="Open search form" aria-controls="predictive-search-input-header"> <svg class="icon icon__search search__icon svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-search"></use> </svg> <span class="search-box__toggle-title sr-only">Search</span> </button> <iam-predictive-search class='iam-predictive-search'> <div class="container"> <form action="/search" method="get" role="search" class="form form--search"> <label for="predictive-search-input-header" class="form__label"> Search </label> <div class="form__field form__field--input form__field--search"> <div class="form__element"> <input id="predictive-search-input-header" class="form__control form__input search__input" type="search" name="q" placeholder="Search our store" value="" data-resources-type="product," data-mobile-disable="false" role="combobox" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false" > <button type="button" class="search__close"> <svg class="icon icon__close close__icon svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-close"></use> </svg> <span class="sr-only">Close</span> </button> <input name="options[prefix]" type="hidden" value="last"> </div> </div> <div class="form__field form__field--button"> <button type="submit" class="button search__submit"> <svg class="icon icon__search search__icon svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-search"></use> </svg> <span class="sr-only">Search</span> </button> </div> <div id="predictive-search" class="predictive-search" tabindex="-1" style="display: none"></div> </form> </div> </iam-predictive-search> </li> <li class="menu__item menu__item--wishlist"> <a href="/pages/swym-wishlist" class="menu__link swym-wishlist"> <svg class="icon icon__heart " aria-hidden="true" focusable="false" > <use xlink:href="#icon-heart"></use> </svg> <span class="menu__title"> Wishlist </span> </a> </li> <div class="localization-forms"> <localization-form> <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /> <div class="disclosure"> <button type="button" class="disclosure__button menu__item menu__title country-switcher__toggle" aria-label="Translation missing: en.accessibility.current_country Canada" aria-expanded="false" aria-controls="CountryList"> <div class="country-switcher__flag"> <img src="//cdn.shopify.com/static/images/flags/ca.svg?width=32" alt="Canada" srcset="//cdn.shopify.com/static/images/flags/ca.svg?width=32 32w" width="32" height="24" class="country-switcher__flag-image"> </div> <span class="country-switcher__name">Canada</span> <span class="country-switcher__bracket left-bracket">(</span>$CAD<span class="country-switcher__bracket right-bracket">)</span> <svg class="icon icon__arrow--down country-toggle__icon svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> </button> <ul id="CountryList" role="list" class="disclosure__list country__list country-switcher__list country-switcher" hidden> <li class="disclosure__item" tabindex="-1"> <div class="country-switcher__flag"> <img src="//cdn.shopify.com/static/images/flags/ca.svg?width=32" alt="Canada" srcset="//cdn.shopify.com/static/images/flags/ca.svg?width=32 32w" width="32" height="24" class="country-switcher__flag-image"> </div> <a href="#" aria-label="Translation missing: en.accessibility.change_country Canada" aria-current="true" data-value="CA"> Canada ($CAD ) </a> </li> <li class="disclosure__item" tabindex="-1"> <div class="country-switcher__flag"> <img src="//cdn.shopify.com/static/images/flags/us.svg?width=32" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=32 32w" width="32" height="24" class="country-switcher__flag-image"> </div> <a href="#" aria-label="Translation missing: en.accessibility.change_country United States" data-value="US"> United States ($USD ) </a> </li> <li class="disclosure__item"" tabindex="-1"> <div class="country-switcher__flag"> <img src="https://upload.wikimedia.org/wikipedia/commons/b/b9/Emoji_u1f310.svg" class="country-switcher__flag-image" style="max-height: 100%; margin: auto;"> </div> <a href="#" aria-label="Translation missing: en.accessibility.change_country Australia" data-value="AU"> International ($USD ) </a> </li> </ul> <input type="hidden" name="country_code" value="CA"> </div> </form> </localization-form> </div> <li class="menu__item menu__item--customer"> <a href="/account" class="menu__link"> <svg class="icon icon__account " aria-hidden="true" focusable="false" > <use xlink:href="#icon-account"></use> </svg> <span class="menu__title">Log in</span> </a> </li> <li class="menu__item menu__item--cart"> <a href="/cart" class="menu__link header__link header__link--cart"> <span class="menu__title"> <svg class="icon icon__cart " aria-hidden="true" focusable="false" > <use xlink:href="#icon-cart"></use> </svg> <span class="sr-only">Cart</span> <span class='cart__item-count' aria-hidden="true">0</span><span class="sr-only cart__item--count-sr"></span> </span> </a> </li> </ul> </div> </div> </div> </header> <div id="search-overlay" class="search-overlay" style="display: none"></div> </div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Kit and Ace", "logo": "https://www.kitandace.com/cdn/shop/files/Kit-and-Ace-logo_b178dbd9-e3c9-47b2-9cd8-0730af654dde.png?v=1723236740&width=1250", "sameAs": [ "", "https:\/\/www.facebook.com\/kitandace\/", "", "https:\/\/www.instagram.com\/kitandace\/", "https:\/\/www.linkedin.com\/company\/kit-and-ace", "", "", "https:\/\/www.youtube.com\/c\/Kitandace", "" ], "url": "https://www.kitandace.com" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Kit and Ace", "potentialAction": { "@type": "SearchAction", "target": "https://www.kitandace.com/search?q={search_term_string}", "query-input": "required name=search_term_string" }, "url": "https://www.kitandace.com" } </script> <style> #shopify-section-header .header__container {/*padding: 0px 20px;*/} </style></section> <main role="main" id="MainContent" class="main container layout--one-column"> <section id="shopify-section-template--17568888946884__homepage-hero" class="shopify-section page-section page-section--full-bleed page-section--no-gap page-section--hero-banner"> <!--<div class="background-media background-media--image hero-banner hero-banner--black">--> <div class="background-media background-media--image hero-banner hero-banner--black" onclick="window.location.href = '/collections/new-arrivals';" style="cursor: pointer;" tabindex="0" role="link" onkeypress="if(event.key === 'Enter') window.location.href = '/collections/new-arrivals';"> <div class="background-media__background"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=768 768w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=900 900w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=1080 1080w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=1296 1296w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=1944 1944w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=2592 2592w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=3024 3024w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=3840 3840w" /> <source srcset="//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-mobile_V1.jpg?v=1742489446&width=180 180w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-mobile_V1.jpg?v=1742489446&width=360 360w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-mobile_V1.jpg?v=1742489446&width=540 540w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-mobile_V1.jpg?v=1742489446&width=680 680w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-mobile_V1.jpg?v=1742489446&width=767 767w," /> <img class="responsive-image__image background-image" src="//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=3840" srcset="//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-mobile_V1.jpg?v=1742489446&width=180 180w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-mobile_V1.jpg?v=1742489446&width=360 360w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-mobile_V1.jpg?v=1742489446&width=540 540w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-mobile_V1.jpg?v=1742489446&width=680 680w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-mobile_V1.jpg?v=1742489446&width=767 767w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=768 768w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=900 900w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=1080 1080w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=1296 1296w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=1944 1944w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=2592 2592w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=3024 3024w,//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=3840 3840w" alt="" width="3840" height="2256" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/25-Wk7-Image_Web-Desktop_V1.jpg?v=1742489677&width=3840" > </picture> </div> <div class="background-media__content"> <div class="container"> <h1 class="hero-banner__title">Spring, Simplified.</h1> <h3 class="hero-banner__description">Refresh your wardrobe with effortless layers designed for lighter days.</h3> <div class="hero-banner__button-collection"> <a href="/collections/new-arrivals" class="button button--primary">Shop New Arrivals </a> </div> </div> </div> </div> <style> #shopify-section-template--17568888946884__homepage-hero {padding-top: 120px;} @media only screen and (min-width: 768px) {#shopify-section-template--17568888946884__homepage-hero h3 {color: #000000; font-size: 24px; } #shopify-section-template--17568888946884__homepage-hero h1 {font-size: 40px; }} </style></section><section id="shopify-section-template--17568888946884__featured_collection_hNRjcN" class="shopify-section page-section page-section--full-bleed page-section--feature-collection"><div class="featured-collection container"><div class="carousel carousel--featured-collection swiper"> <div class="featured-collection__header"> <div class="swiper-controllers"> <!-- If we need navigation buttons --> <div class="swiper-arrow swiper-button-prev"><svg class="icon icon__carousel--prev button__icon" aria-hidden="true" focusable="false" > <use xlink:href="#icon-carousel--prev"></use> </svg> <span class="sr-only">Previous</span></div> <div class="swiper-arrow swiper-button-next"><svg class="icon icon__carousel--next button__icon" aria-hidden="true" focusable="false" > <use xlink:href="#icon-carousel--next"></use> </svg> <span class="sr-only">Next</span></div> </div> </div> <ul class="swiper-wrapper"> <li class="swiper-slide"> <div class="css-grid__item card card--default card--product"> <div class="card__tags-wrapper"> <div class="card__tag">Just Dropped</div> </div> <div class="wishlist-button"> <button data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8179432456388" data-swaction="addToWishlist" data-product-id="8179432456388" data-variant-id="44586657513668" data-product-url="https://www.kitandace.com/products/crescent-crew-sweater-tomato"></button> </div> <div class="card__image-wrapper"> <div class="card__image card__image--primary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=1080 1080w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=767 767w," /> <img class="responsive-image__image card__product-image background-image image--primary" src="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=1110" srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=767 767w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=1080 1080w," alt="Crescent Crew Sweater" width="1110" height="1480" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=1110" loading="lazy" > </picture> </div> <div class="card__image card__image--secondary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=1080 1080w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=767 767w," /> <img class="responsive-image__image card__product-image background-image image--secondary" src="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=1110" srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=767 767w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=1080 1080w," alt="Crescent Crew Sweater" width="1110" height="1480" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=1110" loading="lazy" > </picture> </div> </div> <div class="card__content"> <div class="card__content-heading"> <a href="/products/crescent-crew-sweater-tomato" aria-labelledby="collection-card__sale-8179432456388 collection-card__new-8179432456388 collection-card__sold-out-8179432456388 collection-card__title-8179432456388" class="card__link"> <h3 class="card__title" id="collection-card__title-8179432456388">Crescent Crew Sweater</h3> </a> <div class="card__price"> <span class="card__price--original"> $190.00 </span> </div> </div> <div class='card__color-swatches'> <div class="card__swatch--color-option selected" data-swatch="Tomato" data-swatch-url="/products/crescent-crew-sweater-tomato?variant=44586657513668" aria-describedly="Tomato" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=1110" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_035.jpg?v=1741364566&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=1110" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-Tomato_010.jpg?v=1741364566&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-tomato" ></span> <span class="card__swatch-option-label-visually-hidden">Tomato</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Sand Dune Melange" data-swatch-url="/products/crescent-crew-sweater-sand-dune-melange?variant=44586656104644" aria-describedly="Sand Dune Melange" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=1110" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_027.jpg?v=1741364620&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=1110" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-SandDuneMelange_023.jpg?v=1741364620&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-sand-dune-melange" ></span> <span class="card__swatch-option-label-visually-hidden">Sand Dune Melange</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Mid Blue Melange" data-swatch-url="/products/crescent-crew-sweater-mid-blue-melange?variant=44586640965828" aria-describedly="Mid Blue Melange" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=1110" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_058.jpg?v=1741364682&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=1110" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-MidBlueMelange_021.jpg?v=1741364682&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-mid-blue-melange" ></span> <span class="card__swatch-option-label-visually-hidden">Mid Blue Melange</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Blush Melange" data-swatch-url="/products/crescent-crew-sweater-blush-melange?variant=44586640081092" aria-describedly="Blush Melange" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=1080" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_049.jpg?v=1741971352&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=1080" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10261CrescentCrewSweater-BlushMelange_027.jpg?v=1741971352&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-blush-melange" ></span> <span class="card__swatch-option-label-visually-hidden">Blush Melange</span> </label> </div> <div class='card__more-colors-link card__more-colors-link--mobile'> <a href='/products/crescent-crew-sweater-tomato'>+1</a> </div> </div></div> </div> </li> <li class="swiper-slide"> <div class="css-grid__item card card--default card--product"> <div class="card__tags-wrapper"> <div class="card__tag">Just Dropped</div> </div> <div class="wishlist-button"> <button data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8166734397636" data-swaction="addToWishlist" data-product-id="8166734397636" data-variant-id="44555275894980" data-product-url="https://www.kitandace.com/products/farrah-slim-fit-long-sleeve-crewneck-sweater-light-blue"></button> </div> <div class="card__image-wrapper"> <div class="card__image card__image--primary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=1080 1080w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=767 767w," /> <img class="responsive-image__image card__product-image background-image image--primary" src="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=1110" srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=767 767w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=1080 1080w," alt="Farrah Slim Fit Long Sleeve Crewneck Sweater" width="1110" height="1480" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=1110" loading="lazy" > </picture> </div> <div class="card__image card__image--secondary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=1080 1080w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=767 767w," /> <img class="responsive-image__image card__product-image background-image image--secondary" src="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=1110" srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=767 767w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=1080 1080w," alt="Farrah Slim Fit Long Sleeve Crewneck Sweater" width="1110" height="1480" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=1110" loading="lazy" > </picture> </div> </div> <div class="card__content"> <div class="card__content-heading"> <a href="/products/farrah-slim-fit-long-sleeve-crewneck-sweater-light-blue" aria-labelledby="collection-card__sale-8166734397636 collection-card__new-8166734397636 collection-card__sold-out-8166734397636 collection-card__title-8166734397636" class="card__link"> <h3 class="card__title" id="collection-card__title-8166734397636">Farrah Slim Fit Long Sleeve Crewneck Sweater</h3> </a> <div class="card__price"> <span class="card__price--original"> $180.00 </span> </div> </div> <div class='card__color-swatches'> <div class="card__swatch--color-option selected" data-swatch="Light Blue" data-swatch-url="/products/farrah-slim-fit-long-sleeve-crewneck-sweater-light-blue?variant=44555275894980" aria-describedly="Light Blue" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=1110" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_023.jpg?v=1741362421&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=1110" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_009.jpg?v=1741362421&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-light-blue" ></span> <span class="card__swatch-option-label-visually-hidden">Light Blue</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Black/Off White Stripe" data-swatch-url="/products/farrah-slim-fit-long-sleeve-crewneck-sweater-black-offwhitestripe?variant=44555163926724" aria-describedly="Black/Off White Stripe" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=1080" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_020.jpg?v=1741364763&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=1080" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLACKOFFWHITESTRIPE_008.jpg?v=1741364763&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-black-off-white-stripe" ></span> <span class="card__swatch-option-label-visually-hidden">Black/Off White Stripe</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Blush" data-swatch-url="/products/farrah-slim-fit-long-sleeve-crewneck-sweater-blush?variant=44555191845060" aria-describedly="Blush" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=1080" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_019.jpg?v=1741362908&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=1080" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FARAHSLIMFITLSCREWNECKSWEATER-BLUSH_014.jpg?v=1741362908&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-blush" ></span> <span class="card__swatch-option-label-visually-hidden">Blush</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Dark Navy" data-swatch-url="/products/farrah-slim-fit-long-sleeve-crewneck-sweater-dark-navy?variant=44555264983236" aria-describedly="Dark Navy" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=1080" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_041.jpg?v=1741971055&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=1080" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-DarkNavy_025.jpg?v=1741971055&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-dark-navy" ></span> <span class="card__swatch-option-label-visually-hidden">Dark Navy</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Off White" data-swatch-url="/products/farrah-slim-fit-long-sleeve-crewneck-sweater-off-white?variant=44555289034948" aria-describedly="Off White" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=1080" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_046.jpg?v=1741970982&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=1080" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-OffWhite_031.jpg?v=1741970982&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-off-white" ></span> <span class="card__swatch-option-label-visually-hidden">Off White</span> </label> </div> <div class='card__more-colors-link'> <a href='/products/farrah-slim-fit-long-sleeve-crewneck-sweater-light-blue'>+1</a> </div> <div class='card__more-colors-link card__more-colors-link--mobile'> <a href='/products/farrah-slim-fit-long-sleeve-crewneck-sweater-light-blue'>+3</a> </div> </div></div> </div> </li> <li class="swiper-slide"> <div class="css-grid__item card card--default card--product"> <div class="card__tags-wrapper"> <div class="card__tag">Just Dropped</div> </div> <div class="wishlist-button"> <button data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8166086508740" data-swaction="addToWishlist" data-product-id="8166086508740" data-variant-id="44553061662916" data-product-url="https://www.kitandace.com/products/urban-relaxed-polo-sweater-grey-blue"></button> </div> <div class="card__image-wrapper"> <div class="card__image card__image--primary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=768 768w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=900 900w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=767 767w," /> <img class="responsive-image__image card__product-image background-image image--primary" src="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=1051" srcset="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=767 767w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=768 768w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=900 900w," alt="Urban Relaxed Polo Sweater" width="1051" height="1440" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=1051" loading="lazy" > </picture> </div> <div class="card__image card__image--secondary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=768 768w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=900 900w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=767 767w," /> <img class="responsive-image__image card__product-image background-image image--secondary" src="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=1051" srcset="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=767 767w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=768 768w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=900 900w," alt="Urban Relaxed Polo Sweater" width="1051" height="1440" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=1051" loading="lazy" > </picture> </div> </div> <div class="card__content"> <div class="card__content-heading"> <a href="/products/urban-relaxed-polo-sweater-grey-blue" aria-labelledby="collection-card__sale-8166086508740 collection-card__new-8166086508740 collection-card__sold-out-8166086508740 collection-card__title-8166086508740" class="card__link"> <h3 class="card__title" id="collection-card__title-8166086508740">Urban Relaxed Polo Sweater</h3> </a> <div class="card__price"> <span class="card__price--original"> $160.00 </span> </div> </div> <div class='card__color-swatches'> <div class="card__swatch--color-option selected" data-swatch="Grey Blue" data-swatch-url="/products/urban-relaxed-polo-sweater-grey-blue?variant=44553061662916" aria-describedly="Grey Blue" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=900 900w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=1051" data-image-srcset="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_041.jpg?v=1739940203&width=900 900w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=900 900w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=1051" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185URBANRELAXEDPOLOSWEATER-GREYBLUE_030.jpg?v=1739940203&width=900 900w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-grey-blue" ></span> <span class="card__swatch-option-label-visually-hidden">Grey Blue</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Dark Navy" data-swatch-url="/products/urban-relaxed-polo-sweater-dark-navy?variant=43002226344132" aria-describedly="Dark Navy" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=720 720w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=900 900w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=1080 1080w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=1296 1296w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=180 180w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=360 360w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=540 540w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=1311" data-image-srcset="//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=180 180w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=360 360w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=540 540w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=680 680w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=720 720w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=900 900w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=1080 1080w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_031.jpg?v=1739552361&width=1296 1296w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=720 720w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=900 900w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=1080 1080w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=1296 1296w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=180 180w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=360 360w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=540 540w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=1297" data-image-srcset2="//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=180 180w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=360 360w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=540 540w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=680 680w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=720 720w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=900 900w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=1080 1080w,//www.kitandace.com/cdn/shop/files/N_UrbanRelaxedPoloSweater_dkNavy_025.jpg?v=1739552361&width=1296 1296w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-dark-navy" ></span> <span class="card__swatch-option-label-visually-hidden">Dark Navy</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Off White" data-swatch-url="/products/urban-relaxed-polo-sweater-off-white?variant=44553055207620" aria-describedly="Off White" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=900 900w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=1051" data-image-srcset="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_048.jpg?v=1739984305&width=900 900w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=900 900w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=1051" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-OffWhite_010.jpg?v=1739984305&width=900 900w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-off-white" ></span> <span class="card__swatch-option-label-visually-hidden">Off White</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Mid Blue" data-swatch-url="/products/urban-relaxed-polo-sweater-mid-blue?variant=44553051930820" aria-describedly="Mid Blue" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=900 900w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=1051" data-image-srcset="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_031.jpg?v=1739984382&width=900 900w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=900 900w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=1051" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=720 720w,//www.kitandace.com/cdn/shop/files/KMM10185UrbanRelaxedPoloSweater-MidBlue_002.jpg?v=1739984382&width=900 900w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-mid-blue" ></span> <span class="card__swatch-option-label-visually-hidden">Mid Blue</span> </label> </div> <div class='card__more-colors-link card__more-colors-link--mobile'> <a href='/products/urban-relaxed-polo-sweater-grey-blue'>+1</a> </div> </div></div> </div> </li> <li class="swiper-slide"> <div class="css-grid__item card card--default card--product"> <div class="card__tags-wrapper"> <div class="card__tag">Just Dropped</div> </div> <div class="wishlist-button"> <button data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8175473000644" data-swaction="addToWishlist" data-product-id="8175473000644" data-variant-id="44578069086404" data-product-url="https://www.kitandace.com/products/hemlock-cardigan-sweater-blush-melange"></button> </div> <div class="card__image-wrapper"> <div class="card__image card__image--primary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=1080 1080w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=767 767w," /> <img class="responsive-image__image card__product-image background-image image--primary" src="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=1080" srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=767 767w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=1080 1080w," alt="Hemlock Cardigan Sweater" width="1080" height="1480" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=1080" loading="lazy" > </picture> </div> <div class="card__image card__image--secondary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=1080 1080w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=767 767w," /> <img class="responsive-image__image card__product-image background-image image--secondary" src="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=1080" srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=767 767w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=1080 1080w," alt="Hemlock Cardigan Sweater" width="1080" height="1480" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=1080" loading="lazy" > </picture> </div> </div> <div class="card__content"> <div class="card__content-heading"> <a href="/products/hemlock-cardigan-sweater-blush-melange" aria-labelledby="collection-card__sale-8175473000644 collection-card__new-8175473000644 collection-card__sold-out-8175473000644 collection-card__title-8175473000644" class="card__link"> <h3 class="card__title" id="collection-card__title-8175473000644">Hemlock Cardigan Sweater</h3> </a> <div class="card__price"> <span class="card__price--original"> $190.00 </span> </div> </div> <div class='card__color-swatches'> <div class="card__swatch--color-option selected" data-swatch="Blush Melange" data-swatch-url="/products/hemlock-cardigan-sweater-blush-melange?variant=44578069086404" aria-describedly="Blush Melange" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=1080" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_043.jpg?v=1741971265&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=1080" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-BlushMelange_019.jpg?v=1741971265&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-blush-melange" ></span> <span class="card__swatch-option-label-visually-hidden">Blush Melange</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Mid Blue Melange" data-swatch-url="/products/hemlock-cardigan-sweater-mid-blue-melange?variant=44578098643140" aria-describedly="Mid Blue Melange" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=1110" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_056.jpg?v=1741364483&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=1110" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-MidBlueMelange_011.jpg?v=1741364483&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-mid-blue-melange" ></span> <span class="card__swatch-option-label-visually-hidden">Mid Blue Melange</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Sand Dune Melange" data-swatch-url="/products/hemlock-cardigan-sweater-sand-dune-melange?variant=44578106605764" aria-describedly="Sand Dune Melange" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=1110" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_030.jpg?v=1741364333&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=1110" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-SandDuneMelange_027.jpg?v=1741364333&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-sand-dune-melange" ></span> <span class="card__swatch-option-label-visually-hidden">Sand Dune Melange</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Tomato" data-swatch-url="/products/hemlock-cardigan-sweater-tomato?variant=44578135965892" aria-describedly="Tomato" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=1110" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_036.jpg?v=1741364261&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=1110" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10258HemlockCardiganSweater-Tomato_006.jpg?v=1741364261&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-tomato" ></span> <span class="card__swatch-option-label-visually-hidden">Tomato</span> </label> </div> <div class='card__more-colors-link card__more-colors-link--mobile'> <a href='/products/hemlock-cardigan-sweater-blush-melange'>+1</a> </div> </div></div> </div> </li> <li class="swiper-slide"> <div class="css-grid__item card card--default card--product"> <div class="card__tags-wrapper"> <div class="card__tag">Just Dropped</div> </div> <div class="wishlist-button"> <button data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8168995750084" data-swaction="addToWishlist" data-product-id="8168995750084" data-variant-id="44562277859524" data-product-url="https://www.kitandace.com/products/farrah-fitted-sweater-cardigan-black"></button> </div> <div class="card__image-wrapper"> <div class="card__image card__image--primary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=1080 1080w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=767 767w," /> <img class="responsive-image__image card__product-image background-image image--primary" src="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=1110" srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=767 767w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=1080 1080w," alt="Farrah Fitted Sweater Cardigan" width="1110" height="1480" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=1110" loading="lazy" > </picture> </div> <div class="card__image card__image--secondary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=1080 1080w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=767 767w," /> <img class="responsive-image__image card__product-image background-image image--secondary" src="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=1110" srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=767 767w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=1080 1080w," alt="Farrah Fitted Sweater Cardigan" width="1110" height="1480" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=1110" loading="lazy" > </picture> </div> </div> <div class="card__content"> <div class="card__content-heading"> <a href="/products/farrah-fitted-sweater-cardigan-black" aria-labelledby="collection-card__sale-8168995750084 collection-card__new-8168995750084 collection-card__sold-out-8168995750084 collection-card__title-8168995750084" class="card__link"> <h3 class="card__title" id="collection-card__title-8168995750084">Farrah Fitted Sweater Cardigan</h3> </a> <div class="card__price"> <span class="card__price--original"> $180.00 </span> </div> </div> <div class='card__color-swatches'> <div class="card__swatch--color-option selected" data-swatch="Black" data-swatch-url="/products/farrah-fitted-sweater-cardigan-black?variant=44562277859524" aria-describedly="Black" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=1110" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_052.jpg?v=1741364101&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=1110" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-Black_032.jpg?v=1741364101&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-black" ></span> <span class="card__swatch-option-label-visually-hidden">Black</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Light Blue" data-swatch-url="/products/farrah-fitted-sweater-cardigan-light-blue?variant=44555686084804" aria-describedly="Light Blue" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=1080" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_036.jpg?v=1741364153&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=1080" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-LTBLUE_006.jpg?v=1741364153&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-light-blue" ></span> <span class="card__swatch-option-label-visually-hidden">Light Blue</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Dark Navy" data-swatch-url="/products/farrah-fitted-sweater-cardigan-dark-navy?variant=44555684544708" aria-describedly="Dark Navy" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=1080" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_022.jpg?v=1741364208&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=1080" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FITTEDSWEATERCARDIGAN-DKNAVY_030.jpg?v=1741364208&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-dark-navy" ></span> <span class="card__swatch-option-label-visually-hidden">Dark Navy</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Light Tan" data-swatch-url="/products/farrah-fitted-sweater-cardigan-light-tan?variant=44562281169092" aria-describedly="Light Tan" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=1080 1080w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=1110" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_045.jpg?v=1741364019&width=1080 1080w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=1110" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=720 720w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10257FarrahFittedSweaterCardigan-LightTan_026.jpg?v=1741364019&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-light-tan" ></span> <span class="card__swatch-option-label-visually-hidden">Light Tan</span> </label> </div> <div class='card__more-colors-link card__more-colors-link--mobile'> <a href='/products/farrah-fitted-sweater-cardigan-black'>+1</a> </div> </div></div> </div> </li> <li class="swiper-slide"> <div class="css-grid__item card card--default card--product"> <div class="card__tags-wrapper"> <div class="card__tag">Just Dropped</div> </div> <div class="wishlist-button"> <button data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product product_8175721644228" data-swaction="addToWishlist" data-product-id="8175721644228" data-variant-id="44578631909572" data-product-url="https://www.kitandace.com/products/colette-cropped-wide-leg-twill-pants-blush"></button> </div> <div class="card__image-wrapper"> <div class="card__image card__image--primary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=768 768w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=680 680w," /> <img class="responsive-image__image card__product-image background-image image--primary" src="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=730" srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=680 680w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=768 768w," alt="Colette Cropped Wide Leg Twill Pants" width="730" height="1000" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=730" loading="lazy" > </picture> </div> <div class="card__image card__image--secondary"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=768 768w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=900 900w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=1080 1080w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=680 680w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=767 767w," /> <img class="responsive-image__image card__product-image background-image image--secondary" src="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=1080" srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=680 680w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=767 767w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=768 768w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=900 900w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=1080 1080w," alt="Colette Cropped Wide Leg Twill Pants" width="1080" height="1480" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=1080" loading="lazy" > </picture> </div> </div> <div class="card__content"> <div class="card__content-heading"> <a href="/products/colette-cropped-wide-leg-twill-pants-blush" aria-labelledby="collection-card__sale-8175721644228 collection-card__new-8175721644228 collection-card__sold-out-8175721644228 collection-card__title-8175721644228" class="card__link"> <h3 class="card__title" id="collection-card__title-8175721644228">Colette Cropped Wide Leg Twill Pants</h3> </a> <div class="card__price"> <span class="card__price--original"> $190.00 </span> </div> </div> <div class='card__color-swatches'> <div class="card__swatch--color-option selected" data-swatch="Blush" data-swatch-url="/products/colette-cropped-wide-leg-twill-pants-blush?variant=44578631909572" aria-describedly="Blush" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=720 720w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=730" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=680 680w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_063.jpg?v=1741989396&width=720 720w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=720 720w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=900 900w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=1080 1080w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=1080" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=680 680w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=720 720w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=900 900w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-Blush_014.jpg?v=1742234321&width=1080 1080w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-blush" ></span> <span class="card__swatch-option-label-visually-hidden">Blush</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Dark Navy" data-swatch-url="/products/colette-cropped-wide-leg-twill-pants-dark-navy?variant=44578641313988" aria-describedly="Dark Navy" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_033.jpg?v=1742009106&width=720 720w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_033.jpg?v=1742009106&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_033.jpg?v=1742009106&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_033.jpg?v=1742009106&width=540 540w," data-image-src="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_033.jpg?v=1742009106&width=606" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_033.jpg?v=1742009106&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_033.jpg?v=1742009106&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_033.jpg?v=1742009106&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_033.jpg?v=1742009106&width=720 720w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_011.jpg?v=1742009066&width=720 720w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_011.jpg?v=1742009066&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_011.jpg?v=1742009066&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_011.jpg?v=1742009066&width=540 540w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_011.jpg?v=1742009066&width=730" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_011.jpg?v=1742009066&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_011.jpg?v=1742009066&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_011.jpg?v=1742009066&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-DarkNavy_011.jpg?v=1742009066&width=720 720w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-dark-navy" ></span> <span class="card__swatch-option-label-visually-hidden">Dark Navy</span> </label> </div> <div class="card__swatch--color-option " data-swatch="Off White" data-swatch-url="/products/colette-cropped-wide-leg-twill-pants-offwhite?variant=44578639970500" aria-describedly="Off White" tabindex="0"data-desktop-media="(min-width: 681px)" data-desktop-srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_006.jpg?v=1742008934&width=720 720w," data-mobile-srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_006.jpg?v=1742008934&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_006.jpg?v=1742008934&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_006.jpg?v=1742008934&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_006.jpg?v=1742008934&width=680 680w," data-image-src="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_006.jpg?v=1742008934&width=730" data-image-srcset="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_006.jpg?v=1742008934&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_006.jpg?v=1742008934&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_006.jpg?v=1742008934&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_006.jpg?v=1742008934&width=680 680w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_006.jpg?v=1742008934&width=720 720w,"data-desktop-media2="(min-width: 681px)" data-desktop-srcset2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_065.jpg?v=1742008934&width=720 720w," data-mobile-srcset2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_065.jpg?v=1742008934&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_065.jpg?v=1742008934&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_065.jpg?v=1742008934&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_065.jpg?v=1742008934&width=680 680w," data-image-src2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_065.jpg?v=1742008934&width=730" data-image-srcset2="//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_065.jpg?v=1742008934&width=180 180w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_065.jpg?v=1742008934&width=360 360w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_065.jpg?v=1742008934&width=540 540w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_065.jpg?v=1742008934&width=680 680w,//www.kitandace.com/cdn/shop/files/KWB10337ColetteCroppedWideLegTwillPants-OffWhite_065.jpg?v=1742008934&width=720 720w,"> <label class="card__swatch-option-label"> <span class="card__swatch-option-label-inner form__option-label-inner-off-white" ></span> <span class="card__swatch-option-label-visually-hidden">Off White</span> </label> </div> </div></div> </div> </li> </ul> </div> <div class="swiper-scrollbar" tabindex="-1"></div> <div class="featured-collection__buttons"> <a href="/collections/new-arrivals" class="button button--secondary button--feature-collection">Shop Spring New Arrivals</a> </div> </div> <style> #shopify-section-template--17568888946884__featured_collection_hNRjcN {padding-top: 0px;} </style></section><div id="shopify-section-template--17568888946884__35352dca-c21f-4650-bc35-d89734f2af8e" class="shopify-section page-section page-section--no-gap page-section--full-bleed page-section--intro-block"><div id="" class="scroll-margin intro-block intro-block--default"> <div class="intro-block__container intro-block--shoreline intro-block--icon-off"> <div class="intro-block__content intro-block__content--center"> <h3><strong>Introducing our Core Bundles</strong></h3> <div class="intro-block__body"> <h6>Save when you buy 2 or more signature styles within each.</h6> </div> </div> </div> </div> </div><div id="shopify-section-template--17568888946884__media_grid_6hWF9H" class="shopify-section section-media-grid"><link href="//www.kitandace.com/cdn/shop/t/140/assets/media-grid.css?v=166495990475959515291737579695" rel="stylesheet" type="text/css" media="all" /><div class="media-grid section-spacing"> <div class="media-grid--inner media-grid--inner-full-width-row-full column-spacing--small swipe-on-mobile" style="--desktop-height:400px; --mobile-height:215px"><div class="media-grid--item content-bottom-left has-link--true" style="--column-span: 1; --row-span: 2; --column-span--mobile: 1; --bg-body: #f1f1f1;--color-body: #ffffff; --overlay-color-rgb: 255,255,255; --overlay-opacity: 0.0; --color-accent: #ffffff; --color-accent-rgb: 255,255,255;" > <div class="media-grid--bg"><picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=768 768w,//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=900 900w," /> <source srcset="//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=180 180w,//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=360 360w,//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=540 540w,//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=680 680w,//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=767 767w," /> <img class="responsive-image__image " src="//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=905" srcset="//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=180 180w,//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=360 360w,//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=540 540w,//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=680 680w,//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=767 767w,//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=768 768w,//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=900 900w," alt="" width="905" height="1242" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/StudioCampaign_w_outfit1_219.png?v=1739395030&width=905" loading="lazy" > </picture></div> <div class="media-grid--content text-left"> <div class="media-grid--heading h5">WOMEN'S CLASSIC BUNDLE</div> <p>Simplify your day with the sophisticated Maven Pants + Marbella Shirts.</p> </div> <a href="/collections/marbella-maven" class="media-grid--link" tabindex="-1" aria-label="WOMEN'S CLASSIC BUNDLE"></a> </div><div class="media-grid--item content-bottom-left has-link--true" style="--column-span: 1; --row-span: 2; --column-span--mobile: 1; --bg-body: #f1f1f1;--color-body: #ffffff; --overlay-color-rgb: 0,0,0; --overlay-opacity: 0.0; --color-accent: #ffffff; --color-accent-rgb: 255,255,255;" > <div class="media-grid--bg"><picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=768 768w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=900 900w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=180 180w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=360 360w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=540 540w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=680 680w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=767 767w," /> <img class="responsive-image__image " src="//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=1051" srcset="//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=180 180w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=360 360w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=540 540w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=680 680w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=767 767w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=768 768w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=900 900w," alt="" width="1051" height="1440" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_038.jpg?v=1741718423&width=1051" loading="lazy" > </picture></div> <div class="media-grid--content text-center"> <div class="media-grid--heading h5">WOMEN'S BRUSHED BUNDLE</div> <p>Cozy up in 2 Brushed styles for unmatched softness and easy layering.</p> </div> <a href="/collections/womens-brushed-french-terry-bundle" class="media-grid--link" tabindex="-1" aria-label="WOMEN'S BRUSHED BUNDLE"></a> </div><div class="media-grid--item content-bottom-left has-link--true" style="--column-span: 1; --row-span: 2; --column-span--mobile: 1; --bg-body: #f1f1f1;--color-body: #ffffff; --overlay-color-rgb: 0,0,0; --overlay-opacity: 0.0; --color-accent: #ffffff; --color-accent-rgb: 255,255,255;" > <div class="media-grid--bg"><picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=768 768w,//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=900 900w," /> <source srcset="//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=180 180w,//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=360 360w,//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=540 540w,//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=680 680w,//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=767 767w," /> <img class="responsive-image__image " src="//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=980" srcset="//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=180 180w,//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=360 360w,//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=540 540w,//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=680 680w,//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=767 767w,//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=768 768w,//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=900 900w," alt="" width="980" height="1343" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/StudioCampaign_m_outfit1_237_1_498171b1-f172-4dc1-88ab-85d00f0c3099.png?v=1740426471&width=980" loading="lazy" > </picture></div> <div class="media-grid--content text-center"> <div class="media-grid--heading h5">MEN'S UNIFORM BUNDLE</div> <p>Pair our Navigator Pants + City Tech Shirts for ultimate versatility</p> </div> <a href="/collections/city-tech-navigator" class="media-grid--link" tabindex="-1" aria-label="MEN'S UNIFORM BUNDLE"></a> </div><div class="media-grid--item content-bottom-left has-link--true" style="--column-span: 1; --row-span: 2; --column-span--mobile: 1; --bg-body: #f1f1f1;--color-body: #ffffff; --overlay-color-rgb: 255,255,255; --overlay-opacity: 0.0; --color-accent: #ffffff; --color-accent-rgb: 255,255,255;" > <div class="media-grid--bg"><picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=768 768w,//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=900 900w," /> <source srcset="//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=180 180w,//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=360 360w,//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=540 540w,//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=680 680w,//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=767 767w," /> <img class="responsive-image__image " src="//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=1051" srcset="//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=180 180w,//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=360 360w,//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=540 540w,//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=680 680w,//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=767 767w,//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=768 768w,//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=900 900w," alt="" width="1051" height="1440" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KMT10341BFTLSCREWNECKTEE-BLACK_021.jpg?v=1739984172&width=1051" loading="lazy" > </picture></div> <div class="media-grid--content text-left"> <div class="media-grid--heading h5">MEN'S BRUSHED BUNDLE</div> <p>Get 2 ultra-soft Brushed styles for all-day comfort and stretch.</p> </div> <a href="/collections/mens-brushed-french-terry-bundle" class="media-grid--link" tabindex="-1" aria-label="MEN'S BRUSHED BUNDLE"></a> </div></div> </div> <style> :root { --mobile-swipe-width: 250px; /* Adjust this value to suit your design */ } </style> <style> #shopify-section-template--17568888946884__media_grid_6hWF9H .media-grid--item .text-button {color: #fff;} #shopify-section-template--17568888946884__media_grid_6hWF9H .media-grid--content > *:last-child {font-size: 20px;} #shopify-section-template--17568888946884__media_grid_6hWF9H .media-grid--heading.h4 {font-size: 20px;} </style></div><div id="shopify-section-template--17568888946884__intro_block_pkckcn" class="shopify-section page-section page-section--no-gap page-section--full-bleed page-section--intro-block"><div id="" class="scroll-margin intro-block intro-block--default"> <div class="intro-block__container intro-block--shoreline intro-block--icon-off"> <div class="intro-block__content intro-block__content--center"> <h3><strong>One Wardrobe, Every Occasion</strong></h3> <div class="intro-block__body"> <p>Easy to wear, effortless to style. Designed with unmatched comfort, our versatile pieces take you from work to weekend—so you always look put together with minimal effort.</p> </div> </div> </div> </div> </div><section id="shopify-section-template--17568888946884__collection_list_9Wi6Pd" class="shopify-section page-section page-section--full-bleed page-section--category-driver"><div id="" class="scroll-margin collection-list collection-list--animation"> <div class="collection-list__section-header"> <h2 class="collection-list__title h3">Shop Our Bestselling Collections</h2> <!-- If we need navigation buttons --> <div class="swiper-navigation"> <div class="swiper-arrow swiper-button-prev" tabindex="-1"> <span class="sr-only">Previous</span> <svg class="icon icon__carousel--prev scroll__arrow" aria-hidden="true" focusable="false" > <use xlink:href="#icon-carousel--prev"></use> </svg> </div> <div class="swiper-arrow swiper-button-next" tabindex="-1"> <span class="sr-only">Next</span> <svg class="icon icon__carousel--next scroll__arrow" aria-hidden="true" focusable="false" > <use xlink:href="#icon-carousel--next"></use> </svg> </div> </div> </div> <div class="swiper carousel--collection-list"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <article class="css-grid__item card card--default card--collection"> <a href="/collections/brushed-french-terry"> <div class="card__image-wrapper"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=768 768w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=900 900w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=1080 1080w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=1296 1296w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=1944 1944w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=2592 2592w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=3024 3024w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=5760 5760w" /> <source srcset="//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=180 180w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=360 360w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=540 540w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=680 680w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=767 767w," /> <img class="responsive-image__image card__collection-image background-image" src="//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=5760" srcset="//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=180 180w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=360 360w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=540 540w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=680 680w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=767 767w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=768 768w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=900 900w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=1080 1080w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=1296 1296w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=1944 1944w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=2592 2592w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=3024 3024w,//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=5760 5760w" alt="" width="" height="" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWT10443CALISTEDROPSHOULDER-GREYMELANGE_043.jpg?v=1740177012&width=5760" loading="lazy" > </picture> </div> <div class="card__content"> <h3 class="card__title h5">Brushed French Terry</h3> <p class="card__description">Incredible softness, breathable insulation, and utterly comfortable four-way stretch.</p> </div> </a> </article> </li> <li class="swiper-slide"> <article class="css-grid__item card card--default card--collection"> <a href="/collections/ponte"> <div class="card__image-wrapper"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=768 768w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=900 900w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=1080 1080w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=1296 1296w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=1944 1944w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=2592 2592w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=3024 3024w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=5760 5760w" /> <source srcset="//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=180 180w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=360 360w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=540 540w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=680 680w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=767 767w," /> <img class="responsive-image__image card__collection-image background-image" src="//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=5760" srcset="//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=180 180w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=360 360w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=540 540w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=680 680w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=767 767w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=768 768w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=900 900w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=1080 1080w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=1296 1296w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=1944 1944w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=2592 2592w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=3024 3024w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=5760 5760w" alt="" width="" height="" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/MavenWideLegPants-DarkNavy_051.jpg?v=1739228889&width=5760" loading="lazy" > </picture> </div> <div class="card__content"> <h3 class="card__title h5">Ponte</h3> <p class="card__description">A smooth, polished appearance while providing ample stretch and flexibility.</p> </div> </a> </article> </li> <li class="swiper-slide"> <article class="css-grid__item card card--default card--collection"> <a href="/collections/3-pack-tees"> <div class="card__image-wrapper"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=768 768w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=900 900w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=1080 1080w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=1296 1296w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=1944 1944w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=2592 2592w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=3024 3024w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=5760 5760w" /> <source srcset="//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=180 180w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=360 360w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=540 540w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=680 680w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=767 767w," /> <img class="responsive-image__image card__collection-image background-image" src="//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=5760" srcset="//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=180 180w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=360 360w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=540 540w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=680 680w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=767 767w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=768 768w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=900 900w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=1080 1080w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=1296 1296w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=1944 1944w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=2592 2592w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=3024 3024w,//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=5760 5760w" alt="" width="" height="" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/Stanton_Short_Sleeve_Crew_Tee_-_3_Pack_018.jpg?v=1735254503&width=5760" loading="lazy" > </picture> </div> <div class="card__content"> <h3 class="card__title h5">3 Pack Tees</h3> <p class="card__description">Elevated and tripled - the essential piece.</p> </div> </a> </article> </li> <li class="swiper-slide"> <article class="css-grid__item card card--default card--collection"> <a href="/collections/city-tech-collection"> <div class="card__image-wrapper"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=768 768w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=900 900w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=1080 1080w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=1296 1296w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=1944 1944w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=2592 2592w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=3024 3024w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=5760 5760w" /> <source srcset="//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=180 180w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=360 360w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=540 540w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=680 680w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=767 767w," /> <img class="responsive-image__image card__collection-image background-image" src="//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=5760" srcset="//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=180 180w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=360 360w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=540 540w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=680 680w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=767 767w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=768 768w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=900 900w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=1080 1080w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=1296 1296w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=1944 1944w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=2592 2592w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=3024 3024w,//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=5760 5760w" alt="" width="" height="" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/N_CityTechLongSleeveSlimFit_BrightWhite_054.jpg?v=1738620070&width=5760" loading="lazy" > </picture> </div> <div class="card__content"> <h3 class="card__title h5">City Tech Collection</h3> <p class="card__description">Engineered with technical fabric for maximum comfort, breathability, and durability.</p> </div> </a> </article> </li> <li class="swiper-slide"> <article class="css-grid__item card card--default card--collection"> <a href="/collections/navigator-pants"> <div class="card__image-wrapper"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=768 768w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=900 900w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=1080 1080w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=1296 1296w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=1944 1944w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=2592 2592w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=3024 3024w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=5760 5760w" /> <source srcset="//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=180 180w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=360 360w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=540 540w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=680 680w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=767 767w," /> <img class="responsive-image__image card__collection-image background-image" src="//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=5760" srcset="//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=180 180w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=360 360w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=540 540w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=680 680w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=767 767w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=768 768w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=900 900w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=1080 1080w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=1296 1296w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=1944 1944w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=2592 2592w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=3024 3024w,//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=5760 5760w" alt="" width="" height="" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/NavigatorCommutePant_dknavy_039.jpg?v=1738780999&width=5760" loading="lazy" > </picture> </div> <div class="card__content"> <h3 class="card__title h5">Navigator Pants</h3> <p class="card__description">Designed for all day comfort with enhanced technical details </p> </div> </a> </article> </li> </ul> </div> <div class="swiper-controllers"> <div class="swiper-scrollbar" tabindex="-1"></div> </div> </div> <style> #shopify-section-template--17568888946884__collection_list_9Wi6Pd h2 {font-size: 32px;} </style></section><section id="shopify-section-template--17568888946884__app_wrapper_jzwEqc" class="shopify-section page-section page-section--app-wrapper page-section--full-bleed"><div class="app-wrapper app-wrapper--padding"> <div class="container"> <h2 class="app-wrapper__header">Guest Reviews: Timeless essentials + Everyday comfort</h2> <div id="shopify-block-AWWViVXZOYnlxZ1dqO__okendo_reviews_carousel_fgbPqL" class="shopify-block shopify-app-block"> <div data-oke-carousel ></div> </div> </div> </div> </section><section id="shopify-section-template--17568888946884__collection_list_DVGxiP" class="shopify-section page-section page-section--full-bleed page-section--category-driver"><div id="" class="scroll-margin collection-list collection-list--animation"> <div class="collection-list__section-header"> <h2 class="collection-list__title h3">Shop by Category</h2> <!-- If we need navigation buttons --> <div class="swiper-navigation"> <div class="swiper-arrow swiper-button-prev" tabindex="-1"> <span class="sr-only">Previous</span> <svg class="icon icon__carousel--prev scroll__arrow" aria-hidden="true" focusable="false" > <use xlink:href="#icon-carousel--prev"></use> </svg> </div> <div class="swiper-arrow swiper-button-next" tabindex="-1"> <span class="sr-only">Next</span> <svg class="icon icon__carousel--next scroll__arrow" aria-hidden="true" focusable="false" > <use xlink:href="#icon-carousel--next"></use> </svg> </div> </div> </div> <div class="swiper carousel--collection-list"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <article class="css-grid__item card card--default card--collection"> <a href="/collections/womens-shirts-blouses"> <div class="card__image-wrapper"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=768 768w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=900 900w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=1080 1080w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=1296 1296w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=1944 1944w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=2592 2592w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=3024 3024w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=5760 5760w" /> <source srcset="//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=180 180w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=360 360w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=540 540w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=680 680w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=767 767w," /> <img class="responsive-image__image card__collection-image background-image" src="//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=5760" srcset="//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=180 180w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=360 360w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=540 540w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=680 680w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=767 767w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=768 768w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=900 900w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=1080 1080w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=1296 1296w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=1944 1944w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=2592 2592w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=3024 3024w,//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=5760 5760w" alt="" width="" height="" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/MarbellaBoyfriendShirt-BrightWhite_027.jpg?v=1739229601&width=5760" loading="lazy" > </picture> </div> <div class="card__content"> <h3 class="card__title h5">Women's Button Up Shirts</h3> </div> </a> </article> </li> <li class="swiper-slide"> <article class="css-grid__item card card--default card--collection"> <a href="/collections/mens-shirts-polos"> <div class="card__image-wrapper"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=768 768w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=900 900w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=1080 1080w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=1296 1296w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=1944 1944w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=2592 2592w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=3024 3024w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=5760 5760w" /> <source srcset="//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=180 180w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=360 360w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=540 540w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=680 680w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=767 767w," /> <img class="responsive-image__image card__collection-image background-image" src="//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=5760" srcset="//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=180 180w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=360 360w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=540 540w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=680 680w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=767 767w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=768 768w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=900 900w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=1080 1080w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=1296 1296w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=1944 1944w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=2592 2592w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=3024 3024w,//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=5760 5760w" alt="" width="" height="" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KMT10377CityTechLongSleeveSlimFitTexturedShirt-DkNavy_080.jpg?v=1740586950&width=5760" loading="lazy" > </picture> </div> <div class="card__content"> <h3 class="card__title h5">Men's Button Up Shirts + Polos</h3> </div> </a> </article> </li> <li class="swiper-slide"> <article class="css-grid__item card card--default card--collection"> <a href="/collections/womens-sweaters-long-sleeve-tops"> <div class="card__image-wrapper"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=1080 1080w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=1296 1296w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=1944 1944w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=2592 2592w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=3024 3024w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=5760 5760w" /> <source srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=767 767w," /> <img class="responsive-image__image card__collection-image background-image" src="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=5760" srcset="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=180 180w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=360 360w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=540 540w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=680 680w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=767 767w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=768 768w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=900 900w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=1080 1080w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=1296 1296w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=1944 1944w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=2592 2592w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=3024 3024w,//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=5760 5760w" alt="" width="" height="" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KWM10262FarrahSlimFitLongSleeveCrewneckSweater-LightBlue_072.png?v=1741809289&width=5760" loading="lazy" > </picture> </div> <div class="card__content"> <h3 class="card__title h5">Women's Sweaters + Long Sleeve Tops</h3> </div> </a> </article> </li> <li class="swiper-slide"> <article class="css-grid__item card card--default card--collection"> <a href="/collections/mens-sweaters-long-sleeve-tops"> <div class="card__image-wrapper"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=768 768w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=900 900w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=1080 1080w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=1296 1296w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=1944 1944w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=2592 2592w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=3024 3024w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=5760 5760w" /> <source srcset="//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=767 767w," /> <img class="responsive-image__image card__collection-image background-image" src="//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=5760" srcset="//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=180 180w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=360 360w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=540 540w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=680 680w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=767 767w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=768 768w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=900 900w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=1080 1080w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=1296 1296w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=1944 1944w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=2592 2592w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=3024 3024w,//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=5760 5760w" alt="" width="" height="" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KMM10216FULLERTONCREWNECKSWEATER-DKNAVY_050.jpg?v=1739939504&width=5760" loading="lazy" > </picture> </div> <div class="card__content"> <h3 class="card__title h5">Men's Sweaters + Long Sleeve Tops</h3> </div> </a> </article> </li> <li class="swiper-slide"> <article class="css-grid__item card card--default card--collection"> <a href="/collections/womens-pants"> <div class="card__image-wrapper"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=768 768w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=900 900w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=1080 1080w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=1296 1296w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=1944 1944w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=2592 2592w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=3024 3024w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=5760 5760w" /> <source srcset="//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=180 180w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=360 360w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=540 540w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=680 680w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=767 767w," /> <img class="responsive-image__image card__collection-image background-image" src="//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=5760" srcset="//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=180 180w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=360 360w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=540 540w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=680 680w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=767 767w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=768 768w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=900 900w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=1080 1080w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=1296 1296w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=1944 1944w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=2592 2592w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=3024 3024w,//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=5760 5760w" alt="" width="" height="" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/MavenWideLegPants-CharcoalMelange_053.jpg?v=1739228949&width=5760" loading="lazy" > </picture> </div> <div class="card__content"> <h3 class="card__title h5">Women's Pants + Leggings</h3> </div> </a> </article> </li> <li class="swiper-slide"> <article class="css-grid__item card card--default card--collection"> <a href="/collections/mens-pants"> <div class="card__image-wrapper"> <picture> <source media="(min-width: 768px)" srcset="//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=768 768w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=900 900w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=1080 1080w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=1296 1296w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=1944 1944w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=2592 2592w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=3024 3024w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=5760 5760w" /> <source srcset="//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=180 180w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=360 360w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=540 540w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=680 680w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=767 767w," /> <img class="responsive-image__image card__collection-image background-image" src="//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=5760" srcset="//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=180 180w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=360 360w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=540 540w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=680 680w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=767 767w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=768 768w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=900 900w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=1080 1080w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=1296 1296w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=1944 1944w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=2592 2592w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=3024 3024w,//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=5760 5760w" alt="" width="" height="" decoding="async" data-zoom="//www.kitandace.com/cdn/shop/files/KMB10216NAVIGATORESSENTIALTROUSER-DKNAVY_034.jpg?v=1741716499&width=5760" loading="lazy" > </picture> </div> <div class="card__content"> <h3 class="card__title h5">Men's Pants + Joggers</h3> </div> </a> </article> </li> </ul> </div> <div class="swiper-controllers"> <div class="swiper-scrollbar" tabindex="-1"></div> </div> </div> </section><section id="shopify-section-template--17568888946884__app_wrapper_Vrm9eq" class="shopify-section page-section page-section--app-wrapper page-section--full-bleed"><div class="app-wrapper app-wrapper--padding"> <div class="container"> <h2 class="app-wrapper__header">Recently Viewed</h2> <div id="shopify-block-AVktNNndLUXF4WEt4V__rebuy_personalization_engine_rebuy_widget_XtMqeM" class="shopify-block shopify-app-block"> <div data-rebuy-id="176256" data-rebuy-shopify-product-ids="" > </div> </div> </div> </div> </section><section id="shopify-section-template--17568888946884__app_wrapper_kFBXxk" class="shopify-section page-section page-section--app-wrapper page-section--full-bleed"><div class="app-wrapper "> <div class=""> <div id="shopify-block-AQVM3bGx3Sk1sWDVCa__instafeed_app_block_9zMyiK" class="shopify-block shopify-app-block"> <style> body #insta-feed { text-align: left; } </style> <div id="insta-feed"></div> <script> if (typeof instafeedLocalTitle === 'undefined') var instafeedLocalTitle = ""; </script> </div> </div> </div> </section> </main> <section id="shopify-section-footer" class="shopify-section"><footer class="footer footer--default"> <div class="footer__container"> <div class="footer__content footer__content--newsletter"> <div class="footer__icon"> <svg class="icon icon__logo " aria-hidden="true" focusable="false" > <use xlink:href="#icon-logo"></use> </svg> </div> <div class="footer__newsletter-content"> <div class="footer__heading"> <h2 class="footer__title">Sign Up & Get 20% Off</h2> <p class="footer__description">Sign up for our newsletter, and we’ll say thanks with 20% off your first order. Plus, get early access to sales, personalized content, new arrival drops, and so much more straight to your inbox.</p> </div> <div class="newsletter newsletter--default"> <form method="post" action="/contact#footer" id="footer" accept-charset="UTF-8" class="form form--newsletter"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <input type="hidden" name="contact[tags]" value="newsletter"> <div class="newsletter__wrapper"> <div class="form__field form__field--email"> <input type="email" name="contact[email]" id="NewsletterEmail-footer" class="form__input newsletter__input" value="" placeholder="Email address" autocorrect="off" autocomplete="email" autocapitalize="off" required> </div> <div class="form__field form__field--button"> <button type="submit" name="commit" id="Subscribe-footer" class="button button--primary form__submit newsletter__submit form__submit--ajax"> <svg class="icon icon__arrow--right " aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--right"></use> </svg> <span class="sr-only">Subscribe</span> </button> </div> </div> <label for="NewsletterEmail-footer"><span class="visually-hidden">Email address</span></label> </form> </div> </div> </div> <div class="footer__content footer__content--menu"> <div class='footer-menu footer-menu--desktop'> <p class='menu__heading'> About </p> <nav class="menu menu--default menu--footer" aria-label=Footer> <ul class="menu__list"> <li class="menu__item"> <a href="/pages/about-us" class="menu__link">About Us</a> </li> <li class="menu__item"> <a href="/pages/our-fabrics" class="menu__link">Our Fabrics</a> </li> <li class="menu__item"> <a href="/pages/careers" class="menu__link">Careers</a> </li> <li class="menu__item"> <a href="/products/digital-gift-card" class="menu__link">Gift Cards</a> </li> </ul> </nav> </div> <div class='footer-menu footer-menu--desktop'> <p class='menu__heading'> Support </p> <nav class="menu menu--default menu--footer" aria-label=Footer> <ul class="menu__list"> <li class="menu__item"> <a href="/pages/faqs" class="menu__link">FAQ</a> </li> <li class="menu__item"> <a href="/pages/track-your-order" class="menu__link">Track Your Order</a> </li> <li class="menu__item"> <a href="/pages/shipping-returns" class="menu__link">Shipping + Returns</a> </li> <li class="menu__item"> <a href="/pages/size-guide" class="menu__link">Size Guide</a> </li> </ul> </nav> </div> <div class='footer-menu footer-menu--desktop'> <p class='menu__heading'> Contact Us </p> <nav class="menu menu--default menu--footer" aria-label=Footer> <ul class="menu__list"> <li class="menu__item"> <a href="/pages/stores" class="menu__link">Shop Locator</a> </li> <li class="menu__item"> <a href="/pages/contact-us" class="menu__link">Contact Us</a> </li> </ul> </nav> </div> <div class='footer-menu footer-menu--mobile'> <div class="accordion accordion--footer accordion--mobile js-accordion"> <div class="accordion__item js-accordion__item"> <div class="accordion__title"> <button type="button" class="accordion__button js-accordion__button" id="accordion-footer--button" aria-controls="footer--menu-content" aria-expanded="false"> About <span class="accordion__icon"> <svg class="icon icon__arrow--up accordion__icon--close svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--up"></use> </svg> <svg class="icon icon__arrow--down accordion__icon--open svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> </span> </button> </div> <div id="footer--menu-content" class="accordion__content js-accordion__content js-accordion__content--mobile-only" role="region" aria-labelledby="accordion-footer--button" hidden> <nav class="menu menu--default menu--footer" aria-label=Footer> <ul class="menu__list"> <li class="menu__item"> <a href="/pages/about-us" class="menu__link">About Us</a> </li> <li class="menu__item"> <a href="/pages/our-fabrics" class="menu__link">Our Fabrics</a> </li> <li class="menu__item"> <a href="/pages/careers" class="menu__link">Careers</a> </li> <li class="menu__item"> <a href="/products/digital-gift-card" class="menu__link">Gift Cards</a> </li> </ul> </nav> </div> </div> </div> </div> <div class='footer-menu footer-menu--mobile'> <div class="accordion accordion--footer accordion--mobile js-accordion"> <div class="accordion__item js-accordion__item"> <div class="accordion__title"> <button type="button" class="accordion__button js-accordion__button" id="accordion-footer--button" aria-controls="footer--menu-content" aria-expanded="false"> Support <span class="accordion__icon"> <svg class="icon icon__arrow--up accordion__icon--close svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--up"></use> </svg> <svg class="icon icon__arrow--down accordion__icon--open svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> </span> </button> </div> <div id="footer--menu-content" class="accordion__content js-accordion__content js-accordion__content--mobile-only" role="region" aria-labelledby="accordion-footer--button" hidden> <nav class="menu menu--default menu--footer" aria-label=Footer> <ul class="menu__list"> <li class="menu__item"> <a href="/pages/faqs" class="menu__link">FAQ</a> </li> <li class="menu__item"> <a href="/pages/track-your-order" class="menu__link">Track Your Order</a> </li> <li class="menu__item"> <a href="/pages/shipping-returns" class="menu__link">Shipping + Returns</a> </li> <li class="menu__item"> <a href="/pages/size-guide" class="menu__link">Size Guide</a> </li> </ul> </nav> </div> </div> </div> </div> <div class='footer-menu footer-menu--mobile'> <div class="accordion accordion--footer accordion--mobile js-accordion"> <div class="accordion__item js-accordion__item"> <div class="accordion__title"> <button type="button" class="accordion__button js-accordion__button" id="accordion-footer--button" aria-controls="footer--menu-content" aria-expanded="false"> Contact Us <span class="accordion__icon"> <svg class="icon icon__arrow--up accordion__icon--close svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--up"></use> </svg> <svg class="icon icon__arrow--down accordion__icon--open svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> </span> </button> </div> <div id="footer--menu-content" class="accordion__content js-accordion__content js-accordion__content--mobile-only" role="region" aria-labelledby="accordion-footer--button" hidden> <nav class="menu menu--default menu--footer" aria-label=Footer> <ul class="menu__list"> <li class="menu__item"> <a href="/pages/stores" class="menu__link">Shop Locator</a> </li> <li class="menu__item"> <a href="/pages/contact-us" class="menu__link">Contact Us</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> <div class="footer__bottom"> <div class="footer__logo"> <svg width="100%" height="100%" viewbox="0 0 1340 178" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_717_37702)"> <path d="M696.081 78.4769H647.891V30.3406H630.436V78.4769H582.246V95.9859H630.436V144.122H647.891V95.9859H696.081V78.4769Z" fill="black"></path> <path d="M0.00390625 173.734V3.89099H24.2595V79.1207L98.2577 3.89099H128.564L46.052 86.4028L133.383 173.734H100.614L24.2059 94.8628V173.734H0.00390625Z" fill="black"></path> <path d="M222.695 173.733V3.89087H246.951V173.733H222.695Z" fill="black"></path> <path d="M485.165 24.5054H422.839V173.733H398.583V24.5054H336.258V3.89087H485.165V24.5054Z" fill="black"></path> <path d="M915.343 133.892H835.294L819.499 173.943H794.012L863.191 4.10046H887.447L956.572 173.943H931.085L915.29 133.892H915.343ZM874.864 30.7655C871.49 41.6886 865.386 58.6621 859.068 74.19L843.54 113.277H907.097L891.569 74.19C885.251 58.6621 879.201 41.6886 875.774 30.7655H874.81H874.864Z" fill="black"></path> <path d="M1163.63 128.863C1153.67 157.509 1129.9 177.374 1092.04 177.374C1041.07 177.374 1008.35 139.786 1008.35 88.812C1008.35 37.8379 1041.12 0.249756 1092.04 0.249756C1128.18 0.249756 1151.48 18.1871 1162.4 45.1199H1135.95C1128.18 30.3417 1114.37 20.8643 1092.04 20.8643C1051.99 20.8643 1032.61 53.6334 1032.61 88.812C1032.61 123.991 1052.04 156.76 1092.04 156.76C1116.78 156.76 1130.86 144.873 1137.39 128.863H1163.58H1163.63Z" fill="black"></path> <path d="M1237.04 3.89099H1340V24.5056H1261.29V75.4797H1335.13V96.0943H1261.29V153.119H1340V173.734H1237.04V3.89099Z" fill="black"></path> </g> <defs> <clippath id="clip0_717_37702"> <rect width="1340" height="177.125" fill="white" transform="translate(0 0.25)"></rect> </clippath> </defs> </svg> </div> <div class="footer__utility"> <div class="footer__social footer__social--mobile"> <nav class="menu menu--default menu--social" aria-label=Social> <ul class="menu__list"> <li class="menu__item"> <a href="https://www.facebook.com/kitandace/" class="menu__link" title="Kit and Ace on Facebook" target="_blank"> <svg class="icon icon__facebook " aria-hidden="true" focusable="false" > <use xlink:href="#icon-facebook"></use> </svg> <span class="sr-only">Facebook</span> </a> </li> <li class="menu__item"> <a href="https://www.instagram.com/kitandace/" class="menu__link" title="Kit and Ace on Instagram" target="_blank"> <svg class="icon icon__instagram " aria-hidden="true" focusable="false" > <use xlink:href="#icon-instagram"></use> </svg> <span class="sr-only">Instagram</span> </a> </li> <li class="menu__item"> <a href="https://www.linkedin.com/company/kit-and-ace" class="menu__link" title="Kit and Ace on Linkedin" target="_blank"> <svg class="icon icon__linkedin " aria-hidden="true" focusable="false" > <use xlink:href="#icon-linkedin"></use> </svg> <span class="sr-only">Linkedin</span> </a> </li> <li class="menu__item"> <a href="https://www.youtube.com/c/Kitandace" class="menu__link" title="Kit and Ace on YouTube" target="_blank"> <svg class="icon icon__youtube " aria-hidden="true" focusable="false" > <use xlink:href="#icon-youtube"></use> </svg> <span class="sr-only">YouTube</span> </a> </li> </ul> </nav> </div> <div class="localization-forms"> <localization-form> <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /> <div class="disclosure"> <button type="button" class="disclosure__button menu__item menu__title country-switcher__toggle" aria-label="Translation missing: en.accessibility.current_country Canada" aria-expanded="false" aria-controls="CountryList"> <div class="country-switcher__flag"> <img src="//cdn.shopify.com/static/images/flags/ca.svg?width=32" alt="Canada" srcset="//cdn.shopify.com/static/images/flags/ca.svg?width=32 32w" width="32" height="24" class="country-switcher__flag-image"> </div> <span class="country-switcher__name">Canada</span> <span class="country-switcher__bracket left-bracket">(</span>$CAD<span class="country-switcher__bracket right-bracket">)</span> <svg class="icon icon__arrow--down country-toggle__icon svg--baseline" aria-hidden="true" focusable="false" > <use xlink:href="#icon-arrow--down"></use> </svg> </button> <ul id="CountryList" role="list" class="disclosure__list country__list country-switcher__list country-switcher" hidden> <li class="disclosure__item" tabindex="-1"> <div class="country-switcher__flag"> <img src="//cdn.shopify.com/static/images/flags/ca.svg?width=32" alt="Canada" srcset="//cdn.shopify.com/static/images/flags/ca.svg?width=32 32w" width="32" height="24" class="country-switcher__flag-image"> </div> <a href="#" aria-label="Translation missing: en.accessibility.change_country Canada" aria-current="true" data-value="CA"> Canada ($CAD ) </a> </li> <li class="disclosure__item" tabindex="-1"> <div class="country-switcher__flag"> <img src="//cdn.shopify.com/static/images/flags/us.svg?width=32" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=32 32w" width="32" height="24" class="country-switcher__flag-image"> </div> <a href="#" aria-label="Translation missing: en.accessibility.change_country United States" data-value="US"> United States ($USD ) </a> </li> <li class="disclosure__item"" tabindex="-1"> <div class="country-switcher__flag"> <img src="https://upload.wikimedia.org/wikipedia/commons/b/b9/Emoji_u1f310.svg" class="country-switcher__flag-image" style="max-height: 100%; margin: auto;"> </div> <a href="#" aria-label="Translation missing: en.accessibility.change_country Australia" data-value="AU"> International ($USD ) </a> </li> </ul> <input type="hidden" name="country_code" value="CA"> </div> </form> </localization-form> </div> <div class="legal__container"> <div class="legal__content"> <p class="footer__copyright"> © 2025 Kit and Ace Technical Apparel. All Rights Reserved. </p> <nav class="menu menu--footer menu--legal " aria-label="iamota - Test Legal Menu"> <ul class="menu__list"> <li class="menu__item"> <a class="menu__link" href="/policies/privacy-policy"> <p class="menu__title">Privacy Policy</p> </a> </li> <li class="menu__item"> <a class="menu__link" href="/policies/terms-of-service"> <p class="menu__title">Terms & Conditions</p> </a> </li> </ul> </nav> <p class="footer__copyright--secondary"> 165 Water St 2nd Fl, Vancouver, BC V6B 1B2, Canada. Designed in Canada. </p> </div> </div> <div class="footer__social footer__social--desktop"> <nav class="menu menu--default menu--social" aria-label=Social> <ul class="menu__list"> <li class="menu__item"> <a href="https://www.facebook.com/kitandace/" class="menu__link" title="Kit and Ace on Facebook" target="_blank"> <svg class="icon icon__facebook " aria-hidden="true" focusable="false" > <use xlink:href="#icon-facebook"></use> </svg> <span class="sr-only">Facebook</span> </a> </li> <li class="menu__item"> <a href="https://www.instagram.com/kitandace/" class="menu__link" title="Kit and Ace on Instagram" target="_blank"> <svg class="icon icon__instagram " aria-hidden="true" focusable="false" > <use xlink:href="#icon-instagram"></use> </svg> <span class="sr-only">Instagram</span> </a> </li> <li class="menu__item"> <a href="https://www.linkedin.com/company/kit-and-ace" class="menu__link" title="Kit and Ace on Linkedin" target="_blank"> <svg class="icon icon__linkedin " aria-hidden="true" focusable="false" > <use xlink:href="#icon-linkedin"></use> </svg> <span class="sr-only">Linkedin</span> </a> </li> <li class="menu__item"> <a href="https://www.youtube.com/c/Kitandace" class="menu__link" title="Kit and Ace on YouTube" target="_blank"> <svg class="icon icon__youtube " aria-hidden="true" focusable="false" > <use xlink:href="#icon-youtube"></use> </svg> <span class="sr-only">YouTube</span> </a> </li> </ul> </nav> </div> </div> </div> </footer> </section> <!-- Widget : Gift with Purchase Test --> <!-- End Widget : Gift with Purchase Test --> <link rel="dns-prefetch" href="https://swymstore-v3pro-01.swymrelay.com" crossorigin> <link rel="dns-prefetch" href="//swymv3pro-01.azureedge.net/code/swym-shopify.js"> <link rel="preconnect" href="//swymv3pro-01.azureedge.net/code/swym-shopify.js"> <script id="swym-snippet"> window.swymLandingURL = document.URL; window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"CAD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.swymPageLoad = function(){ window.SwymProductVariants = window.SwymProductVariants || {}; window.SwymHasCartItems = 0 > 0; window.SwymPageData = {}, window.SwymProductInfo = {}; var unknown = {et: 0}; window.SwymPageData = unknown; window.SwymPageData.uri = window.swymLandingURL; }; if(window.selectCallback){ (function(){ // Variant select override var originalSelectCallback = window.selectCallback; window.selectCallback = function(variant){ originalSelectCallback.apply(this, arguments); try{ if(window.triggerSwymVariantEvent){ window.triggerSwymVariantEvent(variant.id); } }catch(err){ console.warn("Swym selectCallback", err); } }; })(); } window.swymCustomerId = null; window.swymCustomerExtraCheck = null; var swappName = ("Wishlist" || "Wishlist"); var swymJSObject = { pid: "C4sKvkO1fBB1E5oU3HV7a4FSYndxwuxsDG6PyybdiXw=" || "C4sKvkO1fBB1E5oU3HV7a4FSYndxwuxsDG6PyybdiXw=", interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName }; window.swymJSShopifyLoad = function(){ if(window.swymPageLoad) swymPageLoad(); if(!window._swat) { (function (s, w, r, e, l, a, y) { r['SwymRetailerConfig'] = s; r[s] = r[s] || function (k, v) { r[s][k] = v; }; })('_swrc', '', window); _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else if(window._swat.postLoader){ _swrc = window._swat.postLoader; _swrc('RetailerId', swymJSObject.pid); _swrc('Callback', function(){initSwymShopify();}); }else{ initSwymShopify(); } } if(!window._SwymPreventAutoLoad) { swymJSShopifyLoad(); } window.swymGetCartCookies = function(){ var RequiredCookies = ["cart", "swym-session-id", "swym-swymRegid", "swym-email"]; var reqdCookies = {}; RequiredCookies.forEach(function(k){ reqdCookies[k] = _swat.storage.getRaw(k); }); var cart_token = window.swymCart.token; var data = { action:'cart', token:cart_token, cookies:reqdCookies }; return data; } window.swymGetCustomerData = function(){ return {status:1}; } </script> <style id="safari-flasher-pre"></style> <script> if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; window.SwymCallbacks = window.SwymCallbacks || []; window.SwymCallbacks.push(function(tracker){ tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function(){ // flash-preventer var x = function(){ SwymUtils.onDOMReady(function() { var d = document.createElement("div"); d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; document.head.appendChild(d); }); }; setTimeout(x, 10); }); }); } // Get the money format for the store from shopify window.SwymOverrideMoneyFormat = "${{amount}}"; </script> <style id="swym-product-view-defaults"> /* Hide when not loaded */ .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded){ display: none; } </style> <!-- Custom Code to Add Wishlist behind Login. --> <script defer> function swymCallbackFn(swat) { var isLoggedIn; isLoggedIn = false; if (isLoggedIn == false) { SwymUtils.getHostedURL = function() { /* Navigate to login page on click of swym-icons for wishlist page.*/ return "/account/login"; } // Override launchpoints. swat.ui.open = function(){ console.log("Not Logged IN!"); swymRedirectToLogin(); } // Override default API implementations. swat.api.addToWishList = function(){ console.log("Not Logged IN!"); swymRedirectToLogin(); } // Override API for Pop-up swat.ui.uiRef.addToWishlist =function(){ console.log("Not Logged IN!"); swymRedirectToLogin(); } } function swymRedirectToLogin(customURL){ var accountsPageURL = customURL || window.origin + "/account/login"; window.location = accountsPageURL; } } if (!window.SwymCallbacks) { window.SwymCallbacks = []; } window.SwymCallbacks.push(swymCallbackFn); </script> <!--Gorgias Chat Widget Start--> <script id="gorgias-chat-widget-install-v2" src="https://config.gorgias.chat/gorgias-chat-bundle-loader.js?applicationId=15954"></script> <!--Gorgias Chat Widget End--> <script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script> <script> var klaviyo = klaviyo || []; klaviyo.init({ account: "NkEbv7", platform: "shopify" }); klaviyo.enable("backinstock",{ trigger: { product_page_text: "Notify Me When Available", product_page_class: "button__add-to-cart", product_page_text_align: "center", product_page_margin: "0px", replace_anchor: false, include_on_tags: 'notify-back-in-stock' }, modal: { headline: "{product_name}", body_content: "Register to receive a notification when this item comes back in stock.", email_field_label: "Email", button_label: "Notify me when available", subscription_success_label: "You're in! We'll let you know when it's back.", footer_content: '', drop_background_color: "#000", background_color: "#F1F2EF", text_color: "#000", font_family: "'RiformaLLWeb', Helvetica, Arial, sans-serif", headers_font_family: "'RiformaLLWeb', Helvetica, Arial, sans-serif", button_text_color: "#fff", button_background_color: "#1C2646", close_button_color: "#000", error_background_color: "#fcd6d7", error_text_color: "#C72E2F", success_background_color: "#d3efcd", success_text_color: "#1B9500" } }); </script> <script type="text/javascript"> //DO NOT REMOVE - DRIVES REVENUE var AddShoppersWidgetOptions = { 'loadCss': false, 'pushResponse': false }; (!function(){ var t=document.createElement("script"); t.type="text/javascript", t.async=!0, t.id="AddShoppers", t.src="https://shop.pe/widget/widget_async.js#651fdf3fbb4125f93a7cb965", document.getElementsByTagName("head")[0].appendChild(t) }()); </script> <style> .rebuy-cart__progress-bar-container.below {display: none;} .rebuy-cart__progress-step-label::before {color: red;} /*change the promo text at the bottom of product cards to red*/.card--product .card__promo-message {color: red;} .online-inventory-container {display: none;} .pickup-availability__description {opacity: 0;} </style> <div id="shopify-block-AQTlTWDBDUEVwNWNoZ__10641372206048101839" class="shopify-block shopify-app-block"> <script> window.rebuyAppEmbedEnabled = true; </script> <script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=kit-and-ace.myshopify.com"></script> </div><div id="shopify-block-ANjRSK01IaVJ6NzlDd__13309252322759772734" class="shopify-block shopify-app-block"><script> window.cmPercents = { 'product_card_view': 100, 'product_view': 100, 'collection_view': 100, 'product_add': 100, 'enabled': true, 'product_card_selector': '[role="main"] a[href*="/products"], #main a[href*="/products"], main a[href*="/products"], #shopify-section-collection-template a[href*="/products"], .collection-matrix.product-list a[href*="/products"]', 'cart_url': '/cart', 'submit': '[type="submit"]' }; </script> <script> var cmInserted=function(){"use strict";var m=100,t=!1,u="animationName",d="",n="Webkit Moz O ms Khtml".split(" "),e="",i=document.createElement("div"),s={strictlyNew:!0,timeout:20,addImportant:!1};if(i.style.animationName&&(t=!0),!1===t)for(var o=0;o<n.length;o++)if(void 0!==i.style[n[o]+"AnimationName"]){e=n[o],u=e+"AnimationName",d="-"+e.toLowerCase()+"-",t=!0;break}function c(t){return s.strictlyNew&&!0===t.QinsQ}function r(t,n){function e(t){t.animationName!==o&&t[u]!==o||c(t.target)||n(t.target)}var i,o="insQ_"+m++,r=s.addImportant?" !important":"";(i=document.createElement("style")).innerHTML="@"+d+"keyframes "+o+" { from { outline: 1px solid transparent } to { outline: 0px solid transparent } }\n"+t+" { animation-duration: 0.001s"+r+"; animation-name: "+o+r+"; "+d+"animation-duration: 0.001s"+r+"; "+d+"animation-name: "+o+r+"; } ",document.head.appendChild(i);var a=setTimeout(function(){document.addEventListener("animationstart",e,!1),document.addEventListener("MSAnimationStart",e,!1),document.addEventListener("webkitAnimationStart",e,!1)},s.timeout);return{destroy:function(){clearTimeout(a),i&&(document.head.removeChild(i),i=null),document.removeEventListener("animationstart",e),document.removeEventListener("MSAnimationStart",e),document.removeEventListener("webkitAnimationStart",e)}}}function a(t){t.QinsQ=!0}function f(t){if(t)for(a(t),t=t.firstChild;t;t=t.nextSibling)void 0!==t&&1===t.nodeType&&f(t)}function l(t,n){var e,i=[],o=function(){clearTimeout(e),e=setTimeout(function(){i.forEach(f),n(i),i=[]},10)};return r(t,function(t){if(!c(t)){a(t);var n=function t(n){return c(n.parentNode)||"BODY"===n.nodeName?n:t(n.parentNode)}(t);i.indexOf(n)<0&&i.push(n),o()}})}function v(n){return!(!t||!n.match(/[^{}]/))&&(s.strictlyNew&&f(document.body),{every:function(t){return r(n,t)},summary:function(t){return l(n,t)}})}return v.config=function(t){for(var n in t)t.hasOwnProperty(n)&&(s[n]=t[n])},v}();"undefined"!=typeof module&&void 0!==module.exports&&(module.exports=cmInserted);class CMUtils{contructor(){}saveId(){"collection"==meta?.page?.pageType&&sessionStorage.setItem("collectionReferrerId",JSON.stringify({[window.location.href]:meta.page.resourceId}))}anyNotFoundIds(t,e){if(void 0!==e)for(let s=0;s<t.length;s++)if(!e[decodeURIComponent(t[s].split("/products/")[1])])return!0;return!1}filteredProductCards(t,e,s){let r;try{r=JSON.parse(sessionStorage.getItem("viewedProductCards")||'{"cards":[]}')||{cards:[]}}catch(t){r={cards:[]}}const o=[...r.cards],n=(t=[...new Set(t||[])]).filter((t=>{try{if(t&&t.includes("/products/")&&!r.cards.includes(t.split("/products/")[1].split("?")[0]))return o.push(t.split("/products/")[1].split("?")[0]),!0}catch(t){return!1}}));if(sessionStorage.setItem("viewedProductCards",JSON.stringify({cards:o})),void 0!==e){const t=[],s=[];for(let r=0;r<n.length;r++){let o=void 0!==e?e[decodeURIComponent(n[r].split("/products/")[1])]:null;"undefined"!=typeof cmIds&&(o=o??(cmIds.find((t=>t[0]==n[r].split("/products/")[1]))??[null,null])[1]),o?s.push(o):t.push(n[r])}return[t,s]}return[n,[]]}trackLinksInView(t,e){const s=new IntersectionObserver((t=>{t.forEach((t=>{t.intersectionRatio>0&&t?.target?.href&&e(t.target.href.replace(/^.*\/\/[^\/]+/,"").split("?")[0],s)}))}));s.observe(t)}productIdFromCollection(t=1){return new Promise(((e,s)=>{const r=new XMLHttpRequest;if(window.location.href){const s=window.location.href.split("?");s&&(r.open("GET",`${s[0]}/products.json?limit=250${1!=t?`&page=${t}`:""}`,!0),r.responseType="json",r.onload=async function(){200===r.status&&r?.response?.products?e(r?.response?.products):e(null)},r.onerror=function(){e(null)},r.send())}}))}get collectionHandle(){const t=document.referrer.split("/");for(var e=0;e<t.length;e++)if("collections"==t[e]&&t.length>e+1)return t[e+1];return null}squashCart(t){const e={};return t.map((t=>e[t.product_id]=t.product_id in e?e[t.product_id]+t.quantity:t.quantity)),e}findLineItemDifferences(t,e){let s={};for(let r in t)if(e.hasOwnProperty(r)){let o=t[r]-e[r];o>0&&(s[r]=o)}else s[r]=t[r];return s}get currentCart(){return new Promise(((t,e)=>{const s=new XMLHttpRequest;s.open("GET",window.cmPercents.cart_url+".json",!0),s.responseType="json",s.onload=async function(){200===s.status?t(s?.response?.items):t(null)},s.onerror=function(){t(null)},s.send()}))}}class CMEventTracker{#t;#e;#s;#r;#o;#n;#i;#c;#a;#d;#l;#u;constructor(t,e){if(this.#t=t,this.#l="https://us-central1-collection-merchandiser.cloudfunctions.net/event-tracking-trigger",this.#e=sessionStorage.getItem("sessionIdCm"),this.#r=(new Date).toISOString(),this.#n=Shopify.shop,this.#i=[],this.#s={},this.collectionProducts,this.#a,this.#d=window?.cmPercents?.submit?document.querySelectorAll(window.cmPercents.submit):null,this.#o=new CMUtils,this.#o.saveId(),this.#u=1,this.#e||(this.#e=this.#p(),sessionStorage.setItem("sessionIdCm",this.#e)),this.#e)try{this.#h()}catch(t){}}set setProductCardUrlsToSend(t){0==this.#i.length&&setTimeout((()=>{this.#m()}),1750),this.#i.push(t)}async#m(){let t=!0;for(;this.#o.anyNotFoundIds(this.#i,this.#c)&&t;){const e=await this.#o.productIdFromCollection(this.#u);this.#u=this.#u+1;const s=Array.isArray(e)?e.reduce(((t,e,s,r)=>(t[e.handle]=e.id,t)),{}):{};0==Object.keys(s).length&&(t=!1),this.#c={...this.#c,...s}}const e=this.#o.filteredProductCards(this.#i,this.#c,this);e.length>0&&e[1].length>0&&this.#g("product_card_view",null,{ids:e[1],collection_id:"collection"==meta?.page?.pageType?meta.page.resourceId:0,multiplier:parseFloat(100/window.cmPercents.product_card_view)}),this.#i=[]}async#h(){if("collection"==meta?.page?.pageType){const t=await this.#o.productIdFromCollection();this.#u=2,this.#c=Array.isArray(t)?t.reduce(((t,e,s,r)=>(t[e.handle]=e.id,t)),{}):{};const e=document.querySelectorAll(window.cmPercents.product_card_selector),s=t=>{this.#o.trackLinksInView(t,(async(t,e)=>{e.disconnect(),this.setProductCardUrlsToSend=t}))};e.forEach((t=>{s(t)})),cmInserted(window.cmPercents.product_card_selector).every((t=>{s(t)})),window.addEventListener("beforeunload",(()=>{this.#m()}))}}#p(){return Date.now().toString(36)+Math.random().toString(36).substr(2,25)+"-"+Math.floor(100*Math.random()+1)}#f(t){const e=new XMLHttpRequest;e.open("POST",this.#t),e.setRequestHeader("Content-Type","application/json"),e.send(JSON.stringify(t))}#g(t,e,s){let r={event_type:t,timestamp:this.#r,session_id:this.#e,page_data:this.#s,store:this.#n};r.page_data={...r.page_data,...s},e&&(r.linkData=e);const o=new XMLHttpRequest;o.open("POST","purchase_to_product"!=t&&"product_purchase"!=t?this.#t:this.#l),o.setRequestHeader("Content-Type","application/json"),o.send(JSON.stringify(r))}#w(){if(window.location.pathname.includes("/products/")){var t=meta?.product?.id;if(t){const e=document.referrer?(JSON.parse(sessionStorage.getItem("collectionReferrerId")||"{}")||{})[document.referrer]:0;sessionStorage.setItem("collectionReferrerId",null),this.#g("product_view",null,{product_id:t,referrer:void 0===e?0:e,multiplier:parseFloat(100/window.cmPercents.product_view)})}}}#y(){if(window.location.pathname.includes("/collections/")){var t="collection"==meta?.page?.pageType?meta.page.resourceId:0;t&&this.#g("collection_view",null,{collection_id:t,multiplier:parseFloat(100/window.cmPercents.collection_view)})}}#S(){if("/checkout/thank_you"==meta.page.path&&Shopify.checkout.line_items){const t=Shopify?.checkout?.line_items.map((t=>({product_id:t?.product_id,purchase_id:Shopify?.checkout?.order_id}))),e={purchase_id:Shopify?.checkout?.order_id,purchase_amount:parseFloat(Shopify?.checkout?.total_price_set?.shop_money?.amount||0),purchase_currency:Shopify?.checkout?.total_price_set?.shop_money?.currency_code};for(let e=0;e<t.length;e++)this.#g("purchase_to_product",null,t[e]);this.#_(Shopify?.checkout?.line_items),this.#g("product_purchase",null,e)}}#C(t){return new Promise((e=>{setTimeout(e,t)}))}async#_(t){const e=JSON.parse(sessionStorage.getItem("cmCart")||"{}"),s=this.#o.squashCart(t),r=this.#o.findLineItemDifferences(s,e);sessionStorage.setItem("cmCart",JSON.stringify({}));for(var o=0;o<Object.entries(r).length;o++)for(var n=0;n<Object.values(r)[o];n++)this.#g("product_add",null,{product_id:Object.keys(r)[o],timestamp:this.#r})}async#I(t=!1){t&&await this.#C(t);const e=JSON.parse(sessionStorage.getItem("cmCart")||"{}"),s=this.#o.squashCart(await this.#o.currentCart),r=this.#o.findLineItemDifferences(s,e);sessionStorage.setItem("cmCart",JSON.stringify(s));for(var o=0;o<Object.entries(r).length;o++)for(var n=0;n<Object.values(r)[o];n++)this.#g("product_add",null,{product_id:Object.keys(r)[o],timestamp:this.#r})}#v(){}#P(){}}if("complete"===document.readyState){new CMEventTracker("https://cm-event-trigger-6deun5o54a-uw.a.run.app/event-tracking-trigger")}else window.addEventListener("load",(()=>{new CMEventTracker("https://cm-event-trigger-6deun5o54a-uw.a.run.app/event-tracking-trigger")})); </script> </div><div id="shopify-block-AMm5GZlN5KzdSZ3JWT__12608439564960700138" class="shopify-block shopify-app-block"><div id="sezzle-widget-embed-block-error"></div> <style> .sezzle-shopify-info-button .sezzle-button-text { } </style> <script> const embedWidgetRendererScript = document.createElement("script"); embedWidgetRendererScript.type = "text/javascript"; embedWidgetRendererScript.src = "https://cdn.shopify.com/extensions/7ae294c7-c3c7-4110-9576-39dc4a77915d/sezzle-widget-148/assets/widget-renderer.min.js"; embedWidgetRendererScript.onload = function() { new WidgetRenderer({ merchantUUID: "fb32584b-472d-4eaf-8356-a57a46a32570", blockType: "embed" }).init(); }; document.head.appendChild(embedWidgetRendererScript); </script> </div><div id="shopify-block-AY2lIZStBWFNsK0Njd__11468047240823483236" class="shopify-block shopify-app-block"><div id="sezzle-checkout-button-embed-block-error"></div> <style> .sezzle-checkout-button { } </style> <script> const embedCheckoutRendererScript = document.createElement("script"); embedCheckoutRendererScript.type = "text/javascript"; embedCheckoutRendererScript.src = "https://cdn.shopify.com/extensions/7ae294c7-c3c7-4110-9576-39dc4a77915d/sezzle-widget-148/assets/checkout-button-renderer.min.js"; embedCheckoutRendererScript.onload = function() { new CheckoutButtonRenderer({ merchantUUID : "fb32584b-472d-4eaf-8356-a57a46a32570", defaultPlacement : "true", theme : "light", template : "Checkout with %%logo%%", cartTotal : 0, }).init(); }; document.head.appendChild(embedCheckoutRendererScript); </script> </div><div id="shopify-block-AQzZUdjQ3SXVxbUpNb__11348531219507317188" class="shopify-block shopify-app-block"><script> let shopifyLiquidValuesApp4Ext = { product: { handle: null, productId: null, collections: [ ], }, selected_or_first_available_variant: null, cartData: {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"CAD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0} } window.shopifyLiquidValuesApp4Ext = shopifyLiquidValuesApp4Ext; </script> <script id="easybundles-ext-data" type="application/json" data-json="{"userData":{"shopName":"kit-and-ace.myshopify.com","countryCode":"CA","countryName":"Canada","currency":"CAD","currencyInfo":{"code":"CAD","symbol":"$","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2},"customSettings":{"initialModalPopupCnt":0,"disableCartSettings":false,"addToCartBtnSelectors":"","checkoutBtnSelectors":"","customStyle":"","addAfterAddTocartBtn":false,"addAftercheckoutBtn":false,"disableApp":false,"loadingGif":"https://gift-box-builder-app4.s3.us-east-2.amazonaws.com/public/icons/loadingGif.gif","stackDiscounts":true,"showOnlyAdminSelectedVariants":true,"overWriteCheckoutBtn":false,"addGiftMessageToNote":true,"enableStoreFrontGQLAPI":true,"bundleCartRepresentationObj":{"type":"OVERWRITE_LINE_ITEM","overwriteLineItemObj":{"renderItemsNameAsProperty":true,"renderItemsNameVirtually":false,"renderItemNameCustomized":false,"renderOfferIdVirtually":false}},"buyNowBtn":"","cartItemQuantityBtnSelectors":"","cartItemRemoveParentSelectors":"","cartItemRemoveSelectors":"","cartItemSelectors":"","checkIfShowBundleAsProductEnabled":false,"customBundleScript":"","customCartIntegrationScript":"","customStyleForBuilderPages":"","customStyleForDummyProductPage":"","customThemeIntegrationScript":"","enableCustomThemeIntegrationScript":false,"integrations":{"judgeme":{"isEnabled":false,"public_token":""}},"isCartIntegrationEnabled":false,"loadingBgColor":"#f1f2f3","preparingBundleGif":"https://d3ks0ngva6go34.cloudfront.net/public/packagingbundle.gif","redirectToCartEnabled":true,"redirectToCheckoutEnabled":false,"redirectToScript":"","redirectUrlForCheckoutBtn":"","selectorToRenderBundlePostionOnCart":"Over","selectorToRenderBundlePostionOnSideCart":"Over","selectorToRenderBundleProduct":"","selectorToRenderBundleProductOnSideCart":"","sideCartCheckoutBtnSelectors":"","PDP_bundlesAllowed":30,"isFullPageSideFooterTemplateEnabled":true,"overWriteDummyProductsLinkOnCollectionPages":false,"productHandlesAreTranslated":false,"selectorToRenderBundleUpsell":""},"email":"matric.cai@kitandace.com","isAppLevelMetafieldCreated":true,"storefrontAccessToken":"b42de6ca67af357b697a57202be8c56f","createdAt":"2025-02-05T19:35:38.349Z","multipleCurrenciesInfo":{"CAD":{"code":"CAD","symbol":"$","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2},"USD":{"code":"USD","symbol":"$","thousandsSeparator":",","decimalSeparator":".","symbolOnLeft":true,"spaceBetweenAmountAndSymbol":false,"decimalDigits":2}}},"languageData":{"_id":"67a3bd8ab32acaac427f301c","shopName":"kit-and-ace.myshopify.com","__v":0,"createdAt":"2025-02-05T19:35:38.636Z","en":{"landingPage":{"bannerText":{"id":"bannerText","label":"Banner Text","type":"text","value":"Build your own Bundle in just a few clicks!"},"bannerSubtext":{"id":"bannerSubtext","label":"Banner Subtext","type":"text","value":"Send a custom bundle to your loved one in just a few steps"},"bannerButtonText":{"id":"bannerButtonText","label":"Banner Button Text","type":"text","value":"Start Building your Bundle"},"selectPreCuratedBoxLabel":{"id":"selectPreCuratedBoxLabel","label":"Select Pre-Curated Box Label","type":"text","value":"Or select from a range of pre-curated Gift Boxes"}},"navigationSteps":{"productPageStepText":{"id":"productPageStepText","label":"Product Page Step Text","type":"text","value":"Add Products"},"giftBoxStepText":{"id":"giftBoxStepText","label":"Bundle Step Text","type":"text","value":"Add Gift Box"},"personalizeStepText":{"id":"personalizeStepText","label":"Personalize Step Text","type":"text","value":"Personalize"},"multipleCategoriesStepText":{"id":"multipleCategoriesStepText","label":"Multiple Categories Step Text","type":"text","value":"Multiple Categories"}},"productPage":{"selectProductsLabel":{"id":"selectProductsLabel","label":"Select Products Label","type":"text","value":"Select Products"},"productPageSubtext":{"id":"productPageSubtext","label":"Product Page Subtext","type":"text","value":""}},"giftBoxPage":{"selectGiftBoxLabel":{"id":"selectGiftBoxLabel","label":"Select Bundle Label","type":"text","value":"Select a Bundle Box"},"giftBoxPageSubtext":{"id":"giftBoxPageSubtext","label":"Gift Box Page Subtext","type":"text","value":""}},"videoMessage":{"permissionDenied":{"id":"permissionDenied","label":"Permission Denied","type":"text","value":"Permission Denied"},"uploadConfirmation":{"id":"uploadConfirmation","label":"Upload Confirmation","type":"text","value":"Your video has been successfully uploaded!"},"pressToRecord":{"id":"pressToRecord","label":"Press to record","type":"text","value":"Press to record"},"recording":{"id":"recording","label":"Recording","type":"text","value":"Recording...."},"errorMessage":{"id":"errorMessage","label":"Error Message","type":"text","value":"An error occured, Please try again!"},"loading":{"id":"loading","label":"Loading","type":"text","value":"Loading...."},"uploading":{"id":"uploading","label":"Uploading","type":"text","value":"Uploading...."},"sendVideoMessageText":{"id":"sendVideoMessageText","label":"Send Video Message Text","type":"text","value":"Send Video Message"},"giftMessageDeliveryInfo":{"id":"giftMessageDeliveryInfo","label":"Message Delivery Info","type":"text","value":"The message will be sent to the recipient via email as soon as the order is placed"},"saveVideoText":{"id":"saveVideoText","label":"Save Video Text","type":"text","value":"Save Video"},"reRecordVideoText":{"id":"reRecordVideoText","label":"Re-Record Video Text","type":"text","value":"Re-Record Video"}},"personalizePage":{"messageLabel":{"id":"messageLabel","label":"Message Label","type":"text","value":"Message"},"senderNamePlaceholder":{"id":"senderNamePlaceholder","label":"Sender Name Placeholder","type":"text","value":"From"},"recipientNamePlaceholder":{"id":"recipientNamePlaceholder","label":"Recipient Name Placeholder","type":"text","value":"To"},"messagePlaceholder":{"id":"messagePlaceholder","label":"Message Placeholder","type":"text","value":"Enter a message here..."},"emailAddressLabel":{"id":"emailAddressLabel","label":"Recipient Email Address Label","type":"text","value":"Recipient Email Address"},"emailAddressPlaceholder":{"id":"emailAddressPlaceholder","label":"Recipient Email Address Placeholder","type":"text","value":"Enter a recipient email address here..."},"emailValidationMessage":{"id":"emailValidationMessage","label":"Email Validation Message","type":"text","value":"Please enter a valid email address"},"sendNow":{"id":"sendNow","label":"Send Now Label","type":"text","value":"Send Now"},"sendLater":{"id":"sendLater","label":"Send Later Label","type":"text","value":"Send Later"},"personalizePageSubtext":{"id":"personalizePageSubtext","label":"Personalize Page Subtext","type":"text","value":""},"messageIsRequiredError":{"id":"messageIsRequiredError","label":"Message is required warning","type":"text","value":"Please enter a message"}},"reviewPage":{"reviewPageBannerText":{"id":"reviewPageBannerText","label":"Review Page Banner Text","type":"text","value":"You’ve made the Right Choice!"},"reviewPageBannerSubtext":{"id":"reviewPageBannerSubtext","label":"Review Page Banner Subtext","type":"text","value":"Review your bundle and proceed to checkout"},"addOnsLabel":{"id":"addOnsLabel","label":"Add Ons Label","type":"text","value":"Add Ons"},"totalValueLabel":{"id":"totalValueLabel","label":"Total Value Label","type":"text","value":"Total Value"},"totalLabel":{"id":"totalLabel","label":"Total Label","type":"text","value":"Total"},"productLabel":{"id":"productLabel","label":"Product Header Label","type":"text","value":"Product"},"priceLabel":{"id":"priceLabel","label":"Price Header Text","type":"text","value":"Price"},"quantityLabel":{"id":"quantityLabel","label":"Quantity Header Text","type":"text","value":"Quantity"},"deliveryDateLabel":{"id":"deliveryDateLabel","label":"Delivery Date Label","type":"text","value":"Delivery Date"},"productsLabelText":{"id":"productsLabelText","label":"Products Label Text","type":"text","value":"Products"},"messagesLabelText":{"id":"messagesLabelText","label":"Messages Label Text","type":"text","value":"Messages"},"discountAppliedLabel":{"id":"discountAppliedLabel","label":"Discount Applied Label","type":"text","value":"Discount"},"subtotalLabel":{"id":"subtotalLabel","label":"Sub Total Label","type":"text","value":"Subtotal"},"orderDetailsLabel":{"id":"orderDetailsLabel","label":"Order Details Label","type":"text","value":"Order Details"},"itemsLabel":{"id":"itemsLabel","label":"No. of Items Label","type":"text","value":"Item(s)"},"oneTimePurchaseLabel":{"id":"oneTimePurchaseLabel","label":"One-Time Purchase label","type":"text","value":"One-Time Purchase"},"subscribeAndSaveLabel":{"id":"subscribeAndSaveLabel","label":"Subscribe and Save label","type":"text","value":"Subscribe and Save"},"noSubscriptionFoundLabel":{"id":"noSubscriptionFoundLabel","label":"No Subscription plans found label","type":"text","value":"Oops! No Subscription plans were found"},"deliveryFrequencyLabel":{"id":"deliveryFrequencyLabel","label":"Delivery Frequency Label","type":"text","value":"Delivery Frequency"},"createNewBoxLabel":{"id":"createNewBoxLabel","label":"Create New Box Label","type":"text","value":"Create a New Kit"},"editButtonText":{"id":"editButtonText","label":"Edit Label","type":"text","value":"Edit"},"deliverySchedulerPlaceholderText":{"id":"deliverySchedulerPlaceholderText","label":"Delivery Scheduler Placeholder Text","type":"text","value":"Select a date"}},"general":{"noProductsAvailable":{"id":"noProductsAvailable","label":"No Products Available label","type":"text","value":"No Products Available"},"filtersLabel":{"id":"filtersLabel","label":"Filters Label","type":"text","value":"Filters"},"clearSelection":{"id":"clearSelection","label":"Clear Filters Selection","type":"text","value":"Clear Selection"},"searchLabel":{"id":"searchLabel","label":"Search Label","type":"text","value":"Search"},"addToBoxButtonText":{"id":"addToBoxButtonText","label":"Add To Box Button","type":"text","value":"Add to Bundle"},"chooseOptionsButtonText":{"id":"chooseOptionsButtonText","label":"Choose Options Button","type":"text","value":"Select a Size"},"loadMoreProductsButtonText":{"id":"loadMoreProductsButtonText","label":"Load More Products Button","type":"text","value":"Load More Products"},"loadingCheckoutButtonText":{"id":"loadingCheckoutButtonText","label":"Loading Checkout Button","type":"text","value":"Loading Checkout..."},"addedText":{"id":"addedText","label":"Added Label","type":"text","value":"Added"},"addButtonText":{"id":"addButtonText","label":"Add Button Text","type":"text","value":"Add"},"nextButtonText":{"id":"nextButtonText","label":"Next Button Text","type":"text","value":"Next"},"addToCartButtonText":{"id":"addToCartButtonText","label":"Add To Cart Button Text","type":"text","value":"Add to Bag"},"backButtonText":{"id":"backButtonText","label":"Back Button Text","type":"text","value":"Back"},"checkoutButtonText":{"id":"checkoutButtonText","label":"Checkout Button Text","type":"text","value":"Checkout"},"removeButtonText":{"id":"removeButtonText","label":"Remove Button Text","type":"text","value":"Remove"},"reviewButtonText":{"id":"reviewButtonText","label":"Review Button Text","type":"text","value":"Review"},"combinationNotAvailable":{"id":"combinationNotAvailable","label":"Combination Not Available","type":"text","value":"Combination Not Available"},"quantity":{"id":"quantity","label":"Quantity Label","type":"text","value":"Quantity"},"inventoryInStockText":{"id":"inventoryInStockText","label":"Inventory in Stock Label","type":"text","value":"in Stock"},"inventoryLimitReachedText":{"id":"inventoryLimitReachedText","label":"Inventory Limit Reached Label","type":"text","value":"No More Stock"},"viewCartProductsLabel":{"id":"viewCartProductsLabel","label":"View Cart Products Label","type":"text","value":"View Selected Products"},"selectedProductsLabel":{"id":"selectedProductsLabel","label":"Selected Products Label","type":"text","value":"Selected Products"},"selectBundleProductsText":{"id":"selectBundleProductsText","label":"Select Bundle Products label","type":"text","value":"Select Bundle Products"},"redirectingText":{"id":"redirectingText","label":"Redirecting label","type":"text","value":"Redirecting..."},"preparingBundleText":{"id":"preparingBundleText","label":"Preparing Bundle Label","type":"text","value":"Preparing Bundle..."},"productsNotAvailableText":{"id":"productsNotAvailableText","label":"Products Not Available Label","type":"text","value":"Oops! Some Products are not available"},"discountsMayNotApplyText":{"id":"discountsMayNotApplyText","label":"Discounts may not be applied Label","type":"text","value":"discounts may not be applied"},"removeAllBoxProducts":{"id":"removeAllBoxProducts","label":"Remove all Box Products Label (Cart Page Popup)","type":"text","value":"This is a Box Product. Removing this will remove all the products from box"},"cartPageCheckoutButtonLoadingText":{"id":"cartPageCheckoutButtonLoadingText","label":"Cart Page Checkout Button Loading Text","type":"text","value":"Loading Checkout..."},"productAddedBtnText":{"id":"productAddedBtnText","label":"Product Added label","type":"text","value":"Added"},"boxSelectionEligibilityToast":{"id":"boxSelectionEligibilityToast","label":"Box Selection Eligibility Toast","type":"text","value":"Remove {{boxSelectionDifference}} item(s) to select this box"},"discountRibbonSuffix":{"id":"discountRibbonSuffix","label":"Discount Badge Suffix","type":"text","value":"off"},"itemsInCartLabel":{"id":"itemsInCartLabel","label":"Cart Inclusion Title","type":"text","value":"item(s)"},"removeFooterProductFrom":{"id":"removeFooterProductFrom","label":"Remove Product from Footer Text","type":"text","value":"Remove This Product From {{stepName}}"}},"discountRules":{"rule1":{"amount":{"id":"amount","label":"Amount","type":"text","value":""},"text":{"id":"text","label":"Text","type":"text","value":""}},"rule2":{"amount":{"id":"amount","label":"Amount","type":"text","value":""},"text":{"id":"text","label":"Text","type":"text","value":""}},"rule3":{"amount":{"id":"amount","label":"Amount","type":"text","value":""},"text":{"id":"text","label":"Text","type":"text","value":""}},"rule4":{"amount":{"id":"amount","label":"Amount","type":"text","value":""},"text":{"id":"text","label":"Text","type":"text","value":""}},"rule5":{"amount":{"id":"amount","label":"Amount","type":"text","value":""},"text":{"id":"text","label":"Text","type":"text","value":""}}},"sortBy":{"sortLabel":{"id":"sortLabel","label":"Sort Label","type":"text","value":"Sort"},"alphabeticalAToZ":{"id":"alphabeticalAToZ","label":"Alphabetical, A-Z Label","value":"Alphabetical, A-Z"},"alphabeticalZToA":{"id":"alphabeticalZToA","label":"Alphabetical, Z-A Label","value":"Alphabetical, Z-A"},"priceHighToLow":{"id":"priceHighToLow","label":"Price, High to Low Label","value":"Price, High to Low"},"priceLowToHigh":{"id":"priceLowToHigh","label":"Price, Low to High Label","value":"Price, Low to High"},"featured":{"id":"featured","label":"Featured Label","type":"text","value":"Featured"}},"conditions":{"amount":{"greaterThanOrEqualTo":{"id":"greaterThanOrEqualTo","label":"Greater than condition message","type":"text","value":"Add products worth at least {{conditionAmount}} on this step"},"lessThanOrEqualTo":{"id":"lessThanOrEqualTo","label":"Less than condition message","type":"text","value":"Add products worth maximum of {{conditionAmount}} on this step"},"equalTo":{"id":"equalTo","label":"Equal to condition message","type":"text","value":"Add products worth {{conditionAmount}} on this step"}},"quantity":{"greaterThanOrEqualTo":{"id":"greaterThanOrEqualTo","label":"Greater than condition message","type":"text","value":"Add at least {{conditionQuantity}} products on this step"},"lessThanOrEqualTo":{"id":"lessThanOrEqualTo","label":"Less than condition message","type":"text","value":"Add a maximum of {{conditionQuantity}} products to continue"},"equalTo":{"id":"equalTo","label":"Equal to condition message","type":"text","value":"Add exactly {{conditionQuantity}} products on this step"}},"weight":{"greaterThanOrEqualTo":{"id":"greaterThanOrEqualTo","label":"Greater than condition message","type":"text","value":"Add products weighing at least {{conditionWeight}} on this step"},"lessThanOrEqualTo":{"id":"lessThanOrEqualTo","label":"Less than condition message","type":"text","value":"Add products weighing maximum of {{conditionWeight}} on this step"},"equalTo":{"id":"equalTo","label":"Equal to condition message","type":"text","value":"Add products weighing {{conditionWeight}} on this step"}}},"multipleCategoriesPage":{"multipleCategoriesSubtext":{"id":"multipleCategoriesSubtext","label":"Multiple Categories Page Subtext","type":"text","value":""}},"multipleCategories":{},"addons":{"maxAddonProductsAllowed":{"id":"maxAddonProductsAllowed","label":"Max Addon Products Allowed message","type":"text","value":"Add a maximum of {{maxAllowedAddons}} addon products on this step"},"addonProductsMandatory":{"id":"addonProductsMandatory","label":"Addon Products Mandatory message","type":"text","value":"Addon product is mandatory on this step"}},"modals":{"clearCart":{"cancelButtonText":{"id":"cancelButtonText","label":"Modal - Cancel Button Text","type":"text","value":"Cancel"},"confirmButtonText":{"id":"confirmButtonText","label":"Modal - Confirm Button Text","type":"text","value":"Clear Cart"},"description":{"id":"description","label":"Modal - Description","type":"text","value":"Are you sure you want to clear all items from your cart? This action cannot be undone..."},"title":{"id":"title","label":"Modal - Title","type":"text","value":"Are you sure?"},"triggerButtonText":{"id":"triggerButtonText","label":"Clear Cart Button Text","type":"text","value":"Clear"}}}},"languageMode":"SINGLE","mixAndMatchTextData":{"en":{"conditions":{"amount":{"greaterThanOrEqualTo":{"id":"greaterThanOrEqualTo","label":"Greater than condition message","type":"text","value":"Add products worth at least {{conditionAmount}} on this step"},"lessThanOrEqualTo":{"id":"lessThanOrEqualTo","label":"Less than condition message","type":"text","value":"Add products worth maximum of {{conditionAmount}} on this step"},"equalTo":{"id":"equalTo","label":"Equal to condition message","type":"text","value":"Add products worth {{conditionAmount}} on this step"}},"quantity":{"greaterThanOrEqualTo":{"id":"greaterThanOrEqualTo","label":"Greater than condition message","type":"text","value":"Add at least {{conditionQuantity}} products on this step"},"lessThanOrEqualTo":{"id":"lessThanOrEqualTo","label":"Less than condition message","type":"text","value":"Add a maximum of {{conditionQuantity}} products to continue"},"equalTo":{"id":"equalTo","label":"Equal to condition message","type":"text","value":"Add exactly {{conditionQuantity}} products on this step"}}},"general":{"noProductsAvailable":{"id":"noProductsAvailable","label":"No Products Available label","type":"text","value":"No Products Available"},"addBundleToCartBtnText":{"id":"addBundleToCartBtnText","label":"Add Bundle Cart label","type":"text","value":"Add Bundle to Cart"},"addBundleToCartLoadingBtnText":{"id":"addBundleToCartLoadingBtnText","label":"Add Bundle Loading label","type":"text","value":"Adding Bundle..."},"addBundleToCartSuccessBtnText":{"id":"addBundleToCartSuccessBtnText","label":"Add Bundle Success label","type":"text","value":"Bundle Added"},"inventoryLimitReachedText":{"id":"inventoryLimitReachedText","label":"Inventory Limit Reached Label","type":"text","value":"No More Stock"},"emptyCardText":{"id":"emptyCardText","label":"Add Empty Product Card Text","type":"text","value":"Product"},"boxSelectionEligibilityToast_inPage":{"id":"boxSelectionEligibilityToast_inPage","label":"Box Selection Eligibility Toast","type":"text","value":"Remove {{boxSelectionDifference}} item(s) to select this box"},"subtotalLabelText_inPage":{"id":"subtotalLabelText_inPage","label":"Subtotal Text","type":"text","value":"Subtotal"},"boxConditionInitialText_inPage":{"id":"boxConditionInitialText_inPage","label":"Inline Add To Cart Button - Quantity Selection message","type":"text","value":"Select {{quantityDifference}} Items"}},"footer":{"footerPrevBtnText":{"id":"footerPrevBtnText","label":"Footer Previous Button","type":"text","value":"Prev"},"footerNextBtnText":{"id":"footerNextBtnText","label":"Footer Next Button","type":"text","value":"Next"},"footerFinishBtnText":{"id":"footerFinishBtnText","label":"Footer Finish Button","type":"text","value":"Done"}},"productCard":{"productCardAddBtnText":{"id":"productCardAddBtnText","label":"Product Add to Cart Button","type":"text","value":"Add to Cart"},"productVariantLabelText":{"id":"productVariantLabelText","label":"Product Variant Label","type":"text","value":"Select variant"},"productAddedBtnText":{"id":"productAddedBtnText","label":"Product Added label","type":"text","value":"Added"},"productCardAddBtnText_inPage":{"id":"productCardAddBtnText_inPage","label":"Inline Product - Add Button Text","type":"text","value":"Add +"}}}},"updatedAt":"2025-03-20T12:28:36.440Z"},"pageCustomizationData":{"_id":"67a3bd8ab32acaac427f301a","shopName":"kit-and-ace.myshopify.com","__v":0,"banners":{"landingPageImageSrc":"https://d3ks0ngva6go34.cloudfront.net/public/banners/landing_page_bannerv2.png","pageBannerImageSrc":"https://d3ks0ngva6go34.cloudfront.net/public/banners/page_banner_temp.png","productReviewImageSrc":"https://d3ks0ngva6go34.cloudfront.net/public/banners/landing_page_bannerv2.png"},"cartFooter":{"cartFooterBgColor":"#ffffff","cartFooterButtonsContainerBgColor":"#f6f6f6","cartFooterBorderRadius":"0px","cartFooterProductImageBorderRadius":"0px","cartFooterButtonsContainerBorderRadius":"9px","cartFooterShowHidePrices":"Show","cartFooterTextColor":"#000000","cartFooterDiscountedPriceColor":"#8D8D8D","cartFooterFinalPriceFontThickness":"Bold","cartFooterFinalPriceFontColor":"#000000","cartFooterStrikethroughPriceFontThickness":"Regular","cartFooterBackButtonColor":"#1a223b","cartFooterBackButtonTextColor":"#FFFFFF","cartFooterBackButtonBorderColor":"#1a223b","cartFooterBackButtonBorderThickness":"0px","cartFooterNextButtonTextColor":"#ffffff","cartFooterNextButtonColor":"#1a223b","cartFooterNextButtonBorderColor":"#1a223b","cartFooterNextButtonBorderThickness":"0px","cartFooterButtonsBorderRadius":"9px","cartFooterButtonsPadding":"10px","cartFooterDiscountProgressBarEmptyColor":"#C1E7C5","cartFooterDiscountProgressBarFilledColor":"#15A524","cartFooterDiscountTextVisibility":"Show","cartFooterDiscountTextColor":"#000000","cartFooterTotalLabelColor":"#000000"},"categoryBlock":{"categoryBgColor":"#f5f5f5"},"colors":{"disabledColor":"gray","primaryColor":"blue","productBox":"blue","secondaryColor":"aqua","textColor":"black"},"createdAt":"2025-02-05T19:35:38.636Z","generalSettings":{"bundleBgColor":"#f1f1ef","scrollBarColor":"#F6F6F6","productPageTitleColor":"#000000","productPageFontSize":"18px","bundleUpSellButtonBg":"#1a223b","bundleUpSellButtonBorderColor":"#ff0000","bundleUpsellTextColor":"#ffffff","conditionToastBgColor":"#000000","conditionToastTextColor":"#ffffff","iconColor":"#000000","iconBgColor":"#ffffff","iconTextColor":"#1d1d1b","applyNewPageCustomization":true},"landingPage":{"landingPageTextColor":"#000000","landingPageButtonBgColor":"#000000","landingPageButtonTextColor":"#ffffff"},"mixAndMatchData":{"executeScriptAfterAddToCart":"","redirectToCartEnabled":false,"redirectToCheckoutEnabled":false,"isExecuteCustomScriptAfterAddToCartEnabled":false,"executeDefaultSideCartUpdate":true,"sideCartSectionId":"","sideCartSectionSelector":"","cartPageItemsSelector":"","cartPageItemsSectionId":"","hideOutOfStockProducts":true,"isValidateInventoryEnabled":false,"sideCartOpenBtnSelector":"","executeCustomAfterPageLoad":"","customStyle":null,"showProductComparedAtPrice":false,"addBundleToCartOnDone":false,"renderSlotsBasedOnCondition":false,"renderFilledSlotsAsHorizontalStacked":false},"navigationBanner":{"navigationBannerStepTextColor":"#000000","navigationBannerStepFontSize":"16px","navigationCheckColor":"#ffffff","navigationBannerStepCompletionColor":"#1a223b","navigationBannerStepCompletedBorderColor":"#000000","navigationBannerStepCompletedBorderWidth":"4px","navigationBannerStepIncompleteBgColor":"#FFFFFF","navigationBannerStepIncompleteBorderColor":"#cccccc","navigationBannerStepIncompleteBorderWidth":"4px","navigationBannerStepProgressBarFilledColor":"#1a223b","navigationBannerStepProgressBarEmptyColor":"#cccccc","tabsActiveBgColor":"#1a223b","tabsActiveTextColor":"#F6f6f6","tabsInactiveBgColor":"#FFFFFF","tabsInactiveTextColor":"#000000","tabsBorderColor":"#1a223b","tabsCornerRadius":"0px","navigationBannerTitleColor":"#ffffff","navigationBannerTextColor":"#ffffff","navigationBannerStepDoneColor":"#FFFFFF"},"previewPage":{"bannerTextColor":"#ffffff"},"primaryFont":"","productCard":{"productCardBgColor":"#f1f2f3","cardBorderRadius":"0px","cardImageBorderRadius":"0px","productImageFit":"contain","cardsPerRowXL":4,"cardsPerRowL":4,"productCardTextColor":"#252525","productTitleFontSize":"16px","productTitleFontWeight":"Regular","productPriceVisibility":"Show","compareAtPriceColor":"#8D8D8D","compareAtPriceFontSize":"18px","compareAtPriceFontWeight":"Regular","compareAtPriceVisibility":"Show","finalPriceFontSize":"16px","finalPriceFontColor":"#252525","finalPriceFontWeight":"Bold","productCardButtonColor":"#1a223b","productCardButtonTextColor":"#ffffff","buttonBorderRadius":"10px","quantitySelectorTextColor":"#000000","allowOnlyOneQuantity":false,"quantitySelectorBgColor":"#000000","productCardQuantitySelectorBgColor":"#e8e8e8","quantitySelectorButtonTextColor":"#FFFFFF","quantitySelectorButtonBorderRadius":"6px"},"quickSettings":{"isQuickSettingsEnabled":true,"colors":{"primaryColor":"#000000","buttonBgColor":"#000000","buttonTextColor":"#ffffff"}},"summaryBlock":{"summaryBlockAddToCartButtonColor":"#000000","summaryBlockAddToCartButtonTextColor":"#ffffff","summaryBlockBackButtonColor":"#252525","summaryBlockBackButtonTextColor":"#ffffff","summaryBuildNewBoxButtonColor":"#6d7175","summaryBuildNewBoxTextColor":"#ffffff"},"updatedAt":"2025-03-21T04:50:28.743Z","templateLevelConfig":{},"mixAndMatchConfig":{"productCard":{"productCardBgColor":"#FFFFFF","productCardBorderRadius":"12px","productCardImageBorderRadius":"5px","productCardImageFit":"cover","productCardTitleColor":"#1E1E1E","productCardTitleFont":"16px","productCardTitleWeight":"Bold","productCardTitleVisibility":"Show","productCardPriceColor":"#000000","productCardPriceFont":"16px","productCardPriceWeight":"Bold","productCardPriceVisibility":"Show","productCardComparedAtPriceColor":"#ABABAB","productCardComparedAtPriceFont":"12px","productCardComparedAtPriceWeight":"Regular","productCardComparedAtPriceVisibility":"Hide","productCardButtonBgColor":"#000000","productCardButtonTextColor":"#FFFFFF","productCardButtonBorderRadius":"5px","productCardQuantityButtonBorderRadius":"5px","productCardQuantityLabelColor":"#000000","productCardQuantityBgColor":"#EEEEEE","productCardQuantityBorderRadius":"6px","productCardVariantSelectorBgColor":"#FFFFFF","productCardVariantSelectorTextColor":"#000000","productCardVariantSelectorBorderRadius":"5px"},"emptyStateCard":{"emptyStateCardBgColor":"#FFFFFF","emptyStateCardBorderColor":"#000","emptyStateCardIconColor":"#000","emptyStateCardTextColor":"#3E3E3E","emptyStateCardBorderStyle":"Dashed"},"drawer":{"drawerBgColor":"#F4F9F9","drawerBorderRadius":"15px 15px 0 0","drawerCloseIconColor":"#303030","drawerScrollBarColor":"#555555","drawerOverlayBgColor":"#1E1E1E80","drawerCloseIconBgColor":"#D4D4D4"},"tabs":{"tabsActiveBgColor":"#1E1E1E","tabsActiveTextColor":"#FFFFFF","tabsInactiveBgColor":"#F4F9F9","tabsInactiveTextColor":"#1E1E1E","tabsBorderRadius":"8px"},"bundleHeader":{"headerConditionTextColor":"#000000","headerConditionTextFont":"24px","headerDiscountTextColor":"#444","headerDiscountTextFont":"16px"},"toast":{"toastBgColor":"#1E1E1EE6","toastTextColor":"#FFF"},"footer":{"footerBgColor":"#1E1E1ECC","footerTotalPriceAndQuantityPillBgColor":"#FFF","footerBorderRadius":"15px","footerTotalPriceAndQuantityPillBorderRadius":"16px","footerPriceSectionVisibility":"Show","footerFinalPriceColor":"#000","footerStrikeThroughPriceColor":"#000","footerBackBtnBgColor":"#FFF","footerBackBtnTextColor":"#000","footerNextBtnBgColor":"#FFF","footerNextBtnTextColor":"#000","footerButtonsBorderRadius":"10px"},"addBundleBtn":{"addBundleBtnBgColor":"#000000","addBundleBtnBorderRadius":"5px","addBundleBtnTextColor":"#ffffff"}}},"bundleLinkData":[{"_id":"67c89768383fcf0127aca14a","bundleId":"1","bundleName":"Women's Classic Bundle: Maven + Marbella"},{"_id":"67cb3ac5383fcf01271174f9","bundleId":"2","bundleName":"Men's Uniform Bundle: City Tech + Navigator"}],"bundleUpsellData":{},"mixAndMatchData":[]}"></script> <script> //console.log("inside app embed file"); if (window && !window.easybundles_ext_data) { let metafieldData; // Get the JSON data from the data attribute of the script tag const jsonDataElement = document.getElementById('easybundles-ext-data'); const jsonString = jsonDataElement ? jsonDataElement.getAttribute('data-json') : ''; try { // Parse the JSON string metafieldData = JSON.parse(jsonString); } catch (error) { // Log the error if parsing fails console.error("Failed to parse metafield data:", error); metafieldData = { errorMsg: "This is not a valid JSON" }; } // If the parsing was successful and no error message exists if (metafieldData && !metafieldData?.errorMsg && !metafieldData.isUseAppLevelMetafieldEnabled) { window.easybundles_ext_data = metafieldData; //console.log("app_data from easybundles app embed", window.easybundles_ext_data); } // Clear the data-json attribute if (jsonDataElement) { jsonDataElement.setAttribute('data-json', ''); } } </script> </div></body> </html>